5119 allow user to create manual requisitions

client/packages/common/src/intl/locales/en/common.json

@@ -63,6 +63,7 @@
   "button.new-outbound-shipment": "New Outbound Shipment",
   "button.new-patient": "New Patient",
   "button.new-prescription": "New Prescription",
+  "button.new-requisition": "New requisition",
   "button.new-return": "New Return",
   "button.new-shipment": "New Shipment",
   "button.new-stock": "New Stock",
@@ -1082,6 +1083,7 @@
   "message.copy-success": "Copied to clipboard successfully",
   "message.database-not-local": "Database is running on a server, so can't be downloaded here",
   "message.database-not-sqlite": "Database download is only available for SQLite databases",
+  "message.failed-to-create-requisition": "Failed to create requisition!",
   "message.no-supplier": "Inventory Adjustment",
   "message.nothing-to-copy": "Nothing to copy",
   "message.nothing-to-save": "Nothing to save",

client/packages/common/src/types/schema.ts

@@ -2776,6 +2776,24 @@ export type InsertProgramRequestRequisitionInput = {
 
 export type InsertProgramRequestRequisitionResponse = InsertProgramRequestRequisitionError | RequisitionNode;
 
+export type InsertProgramResponseRequisitionError = {
+  __typename: 'InsertProgramResponseRequisitionError';
+  error: InsertProgramResponseRequisitionErrorInterface;
+};
+
+export type InsertProgramResponseRequisitionErrorInterface = {
+  description: Scalars['String']['output'];
+};
+
+export type InsertProgramResponseRequisitionInput = {
+  id: Scalars['String']['input'];
+  otherPartyId: Scalars['String']['input'];
+  periodId: Scalars['String']['input'];
+  programOrderTypeId: Scalars['String']['input'];
+};
+
+export type InsertProgramResponseRequisitionResponse = InsertProgramResponseRequisitionError | RequisitionNode;
+
 export type InsertRepackError = {
   __typename: 'InsertRepackError';
   error: InsertRepackErrorInterface;
@@ -3751,7 +3769,7 @@ export type MasterListSortInput = {
 
 export type MasterListsResponse = MasterListConnector;
 
-export type MaxOrdersReachedForPeriod = InsertProgramRequestRequisitionErrorInterface & {
+export type MaxOrdersReachedForPeriod = InsertProgramRequestRequisitionErrorInterface & InsertProgramResponseRequisitionErrorInterface & {
   __typename: 'MaxOrdersReachedForPeriod';
   description: Scalars['String']['output'];
 };
@@ -3835,6 +3853,7 @@ export type Mutations = {
    */
   insertProgramPatient: InsertProgramPatientResponse;
   insertProgramRequestRequisition: InsertProgramRequestRequisitionResponse;
+  insertProgramResponseRequisition: InsertProgramResponseRequisitionResponse;
   insertRepack: InsertRepackResponse;
   insertRequestRequisition: InsertRequestRequisitionResponse;
   insertRequestRequisitionLine: InsertRequestRequisitionLineResponse;
@@ -4222,6 +4241,12 @@ export type MutationsInsertProgramRequestRequisitionArgs = {
 };
 
 
+export type MutationsInsertProgramResponseRequisitionArgs = {
+  input: InsertProgramResponseRequisitionInput;
+  storeId: Scalars['String']['input'];
+};
+
+
 export type MutationsInsertRepackArgs = {
   input: InsertRepackInput;
   storeId: Scalars['String']['input'];

client/packages/requisitions/src/ResponseRequisition/ListView/AppBarButtons.tsx

@@ -9,13 +9,27 @@ import {
   LoadingButton,
   EnvUtils,
   Platform,
+  ToggleState,
+  FnUtils,
+  RouteBuilder,
+  ButtonWithIcon,
+  PlusCircleIcon,
+  useNavigate,
 } from '@openmsupply-client/common';
 import { useResponse } from '../api';
 import { responsesToCsv } from '../../utils';
+import { AppRoute } from '@openmsupply-client/config';
+import { CustomerSearchModal } from '@openmsupply-client/system';
 
-export const AppBarButtons = () => {
-  const { success, error } = useNotification();
+export const AppBarButtons = ({
+  modalController,
+}: {
+  modalController: ToggleState;
+}) => {
   const t = useTranslation();
+  const navigate = useNavigate();
+  const { success, error } = useNotification();
+  const { mutateAsync: onCreate } = useResponse.document.insert();
   const { mutateAsync, isLoading } = useResponse.document.listAll({
     key: 'createdDatetime',
     direction: 'desc',
@@ -37,6 +51,11 @@ export const AppBarButtons = () => {
   return (
     <AppBarButtonsPortal>
       <Grid container gap={1}>
+        <ButtonWithIcon
+          Icon={<PlusCircleIcon />}
+          label={t('button.new-requisition')}
+          onClick={modalController.toggleOn}
+        />
         <LoadingButton
           startIcon={<DownloadIcon />}
           isLoading={isLoading}
@@ -47,6 +66,32 @@ export const AppBarButtons = () => {
           {t('button.export')}
         </LoadingButton>
       </Grid>
+      <CustomerSearchModal
+        open={modalController.isOn}
+        onClose={modalController.toggleOff}
+        onChange={async name => {
+          modalController.toggleOff();
+          try {
+            await onCreate({
+              id: FnUtils.generateUUID(),
+              otherPartyId: name.id,
+            }).then(({ requisitionNumber }) => {
+              navigate(
+                RouteBuilder.create(AppRoute.Distribution)
+                  .addPart(AppRoute.CustomerRequisition)
+                  .addPart(String(requisitionNumber))
+                  .build(),
+                { replace: true }
+              );
+            });
+          } catch (e) {
+            const errorSnack = error(
+              `${t('message.failed-to-create-requisition')}: ${(e as Error).message}`
+            );
+            errorSnack();
+          }
+        }}
+      />
     </AppBarButtonsPortal>
   );
 };

client/packages/requisitions/src/ResponseRequisition/ListView/ListView.tsx

@@ -13,6 +13,7 @@ import {
   useUrlQueryParams,
   ColumnDescription,
   TooltipTextCell,
+  useToggle,
 } from '@openmsupply-client/common';
 import { Toolbar } from './Toolbar';
 import { AppBarButtons } from './AppBarButtons';
@@ -32,9 +33,10 @@ const useDisableResponseRows = (rows?: ResponseRowFragment[]) => {
 };
 
 export const ResponseRequisitionListView: FC = () => {
-  const { mutate: onUpdate } = useResponse.document.update();
-  const navigate = useNavigate();
   const t = useTranslation();
+  const navigate = useNavigate();
+  const modalController = useToggle();
+  const { mutate: onUpdate } = useResponse.document.update();
   const {
     updateSortQuery,
     updatePaginationQuery,
@@ -140,7 +142,7 @@ export const ResponseRequisitionListView: FC = () => {
   return (
     <>
       <Toolbar filter={filter} />
-      <AppBarButtons />
+      <AppBarButtons modalController={modalController} />
 
       <DataTable
         id="requisition-list"

client/packages/requisitions/src/ResponseRequisition/api/api.ts

@@ -148,6 +148,35 @@ export const getResponseQueries = (sdk: Sdk, storeId: string) => ({
       throw new Error('Unable to load chart data');
     },
   },
+  insert: async ({
+    id,
+    otherPartyId,
+  }: {
+    id: string;
+    otherPartyId: string;
+  }): Promise<{
+    __typename: 'RequisitionNode';
+    id: string;
+    requisitionNumber: number;
+  }> => {
+    const result = await sdk.insertResponse({
+      storeId,
+      input: {
+        id,
+        otherPartyId,
+        maxMonthsOfStock: 1,
+        minMonthsOfStock: 0,
+      },
+    });
+
+    const { insertResponseRequisition } = result || {};
+
+    if (insertResponseRequisition?.__typename === 'RequisitionNode') {
+      return insertResponseRequisition;
+    }
+
+    throw new Error('Unable to create requisition');
+  },
   update: async (
     patch: Partial<ResponseFragment> & { id: string }
   ): Promise<{ __typename: 'RequisitionNode'; id: string }> => {

client/packages/requisitions/src/ResponseRequisition/api/hooks/document/index.ts

@@ -1,3 +1,4 @@
+import { useInsertRResponse } from './useInsertResponse';
 import { useResponse } from './useResponse';
 import { useResponseFields } from './useResponseFields';
 import { useResponses } from './useResponses';
@@ -10,4 +11,5 @@ export const Document = {
   useResponses,
   useResponsesAll,
   useUpdateResponse,
+  useInsertRResponse,
 };

client/packages/requisitions/src/ResponseRequisition/api/hooks/document/useInsertResponse.ts

@@ -0,0 +1,12 @@
+import { useQueryClient, useMutation } from '@openmsupply-client/common';
+import { useResponseApi } from '../utils/useResponseApi';
+
+export const useInsertRResponse = () => {
+  const queryClient = useQueryClient();
+  const api = useResponseApi();
+  return useMutation(api.insert, {
+    onSuccess: () => {
+      queryClient.invalidateQueries(api.keys.base());
+    },
+  });
+};

client/packages/requisitions/src/ResponseRequisition/api/hooks/index.ts

@@ -8,6 +8,7 @@ export const useResponse = {
     list: Document.useResponses,
     listAll: Document.useResponsesAll,
 
+    insert: Document.useInsertRResponse,
     update: Document.useUpdateResponse,
 
     fields: Document.useResponseFields,

client/packages/requisitions/src/ResponseRequisition/api/operations.generated.ts

@@ -35,6 +35,14 @@ export type ResponsesQueryVariables = Types.Exact<{
 
 export type ResponsesQuery = { __typename: 'Queries', requisitions: { __typename: 'RequisitionConnector', totalCount: number, nodes: Array<{ __typename: 'RequisitionNode', colour?: string | null, comment?: string | null, createdDatetime: string, finalisedDatetime?: string | null, id: string, otherPartyName: string, requisitionNumber: number, sentDatetime?: string | null, status: Types.RequisitionNodeStatus, theirReference?: string | null, type: Types.RequisitionNodeType, otherPartyId: string, approvalStatus: Types.RequisitionNodeApprovalStatus, programName?: string | null, orderType?: string | null, period?: { __typename: 'PeriodNode', name: string, startDate: string, endDate: string } | null, shipments: { __typename: 'InvoiceConnector', totalCount: number } }> } };
 
+export type InsertResponseMutationVariables = Types.Exact<{
+  storeId: Types.Scalars['String']['input'];
+  input: Types.InsertResponseRequisitionInput;
+}>;
+
+
+export type InsertResponseMutation = { __typename: 'Mutations', insertResponseRequisition: { __typename: 'InsertResponseRequisitionError', error: { __typename: 'OtherPartyNotACustomer', description: string } | { __typename: 'OtherPartyNotVisible', description: string } } | { __typename: 'RequisitionNode', id: string, requisitionNumber: number } };
+
 export type UpdateResponseLineMutationVariables = Types.Exact<{
   storeId: Types.Scalars['String']['input'];
   input: Types.UpdateResponseRequisitionLineInput;
@@ -233,6 +241,31 @@ export const ResponsesDocument = gql`
   }
 }
     ${ResponseRowFragmentDoc}`;
+export const InsertResponseDocument = gql`
+    mutation insertResponse($storeId: String!, $input: InsertResponseRequisitionInput!) {
+  insertResponseRequisition(input: $input, storeId: $storeId) {
+    ... on RequisitionNode {
+      __typename
+      id
+      requisitionNumber
+    }
+    ... on InsertResponseRequisitionError {
+      __typename
+      error {
+        description
+        ... on OtherPartyNotACustomer {
+          __typename
+          description
+        }
+        ... on OtherPartyNotVisible {
+          __typename
+          description
+        }
+      }
+    }
+  }
+}
+    `;
 export const UpdateResponseLineDocument = gql`
     mutation updateResponseLine($storeId: String!, $input: UpdateResponseRequisitionLineInput!) {
   updateResponseRequisitionLine(input: $input, storeId: $storeId) {
@@ -375,6 +408,9 @@ export function getSdk(client: GraphQLClient, withWrapper: SdkFunctionWrapper =
     responses(variables: ResponsesQueryVariables, requestHeaders?: GraphQLClientRequestHeaders): Promise<ResponsesQuery> {
       return withWrapper((wrappedRequestHeaders) => client.request<ResponsesQuery>(ResponsesDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'responses', 'query', variables);
     },
+    insertResponse(variables: InsertResponseMutationVariables, requestHeaders?: GraphQLClientRequestHeaders): Promise<InsertResponseMutation> {
+      return withWrapper((wrappedRequestHeaders) => client.request<InsertResponseMutation>(InsertResponseDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'insertResponse', 'mutation', variables);
+    },
     updateResponseLine(variables: UpdateResponseLineMutationVariables, requestHeaders?: GraphQLClientRequestHeaders): Promise<UpdateResponseLineMutation> {
       return withWrapper((wrappedRequestHeaders) => client.request<UpdateResponseLineMutation>(UpdateResponseLineDocument, variables, {...requestHeaders, ...wrappedRequestHeaders}), 'updateResponseLine', 'mutation', variables);
     },

client/packages/requisitions/src/ResponseRequisition/api/operations.graphql

@@ -172,6 +172,33 @@ query responses(
   }
 }
 
+mutation insertResponse(
+  $storeId: String!
+  $input: InsertResponseRequisitionInput!
+) {
+  insertResponseRequisition(input: $input, storeId: $storeId) {
+    ... on RequisitionNode {
+      __typename
+      id
+      requisitionNumber
+    }
+    ... on InsertResponseRequisitionError {
+      __typename
+      error {
+        description
+        ... on OtherPartyNotACustomer {
+          __typename
+          description
+        }
+        ... on OtherPartyNotVisible {
+          __typename
+          description
+        }
+      }
+    }
+  }
+}
+
 mutation updateResponseLine(
   $storeId: String!
   $input: UpdateResponseRequisitionLineInput!

server/service/src/requisition/response_requisition/insert.rs

@@ -108,7 +108,7 @@ fn generate(
         name_link_id: other_party_id,
         store_id: store_id.to_string(),
         r#type: RequisitionType::Response,
-        status: RequisitionStatus::Draft,
+        status: RequisitionStatus::New,
         created_datetime: Utc::now().naive_utc(),
         max_months_of_stock,
         min_months_of_stock,