feat(warehouseTransfer): add create & delete transfer & details.

src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormProvider.js

@@ -1,6 +1,11 @@
 import React from 'react';
 import DashboardInsider from 'components/Dashboard/DashboardInsider';
-import { useItems, useWarehouses } from 'hooks/query';
+import {
+  useItems,
+  useWarehouses,
+  useCreateWarehouseTransfer,
+  useEditWarehouseTransfer,
+} from 'hooks/query';
 import { ITEMS_FILTER_ROLES_QUERY } from './utils.js';
 
 const WarehouseFormContext = React.createContext();
@@ -26,12 +31,32 @@ function WarehouseTransferFormProvider({ warehouseTransferId, ...props }) {
     isLoading: isWarehouesLoading,
   } = useWarehouses();
 
+  // Create and edit warehouse mutations.
+  const { mutateAsync: createWarehouseTransferMutate } =
+    useCreateWarehouseTransfer();
+  const { mutateAsync: editWarehouseTransferMutate } =
+    useEditWarehouseTransfer();
+
+  // Detarmines whether the form in new mode.
+  const isNewMode = !warehouseTransferId;
+
+  // Form submit payload.
+  const [submitPayload, setSubmitPayload] = React.useState();
+
   // Provider payload.
   const provider = {
     items,
     warehouses,
+    warehouseTransfer: [],
+
     isItemsFetching,
     isWarehouesFetching,
+
+    isNewMode,
+    submitPayload,
+    setSubmitPayload,
+    createWarehouseTransferMutate,
+    editWarehouseTransferMutate,
   };
   return (
     <DashboardInsider