feat(warehouseTransfer): add warehouseTransfer.

src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormProvider.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import DashboardInsider from 'components/Dashboard/DashboardInsider';
+import { useItems, useAccounts } from 'hooks/query';
+import { ITEMS_FILTER_ROLES_QUERY } from './utils.js';
+
+const WarehouseFormContext = React.createContext();
+
+/**
+ * Warehouse transfer form provider.
+ */
+function WarehouseTransferFormProvider({ warehouseTransferId, ...props }) {
+  // Handle fetch Items data table or list
+  const {
+    data: { items },
+    isFetching: isItemsFetching,
+    isLoading: isItemsLoading,
+  } = useItems({
+    page_size: 10000,
+    stringified_filter_roles: ITEMS_FILTER_ROLES_QUERY,
+  });
+
+  // Fetch accounts list.
+  const { data: accounts, isLoading: isAccountsLoading } = useAccounts();
+
+  // Provider payload.
+  const provider = {
+    items,
+    accounts,
+  };
+  return (
+    <DashboardInsider
+      loading={isItemsLoading || isAccountsLoading}
+      name={'warehouseTransfer-form'}
+    >
+      <WarehouseFormContext.Provider value={provider} {...props} />
+    </DashboardInsider>
+  );
+}
+const useWarehouseTransferFormContext = () =>
+  React.useContext(WarehouseFormContext);
+
+export { WarehouseTransferFormProvider, useWarehouseTransferFormContext };