re-structure to monorepo.

packages/webapp/src/containers/WarehouseTransfers/WarehouseTransferForm/components.tsx

@@ -0,0 +1,22 @@
+// @ts-nocheck
+import React from 'react';
+import { chain } from 'lodash';
+import { FormikObserver } from '@/components';
+import { useWarehouseTransferFormContext } from './WarehouseTransferFormProvider';
+
+export function WarehouseTransferObserveItemsCost() {
+  const { setItemCostQuery } = useWarehouseTransferFormContext();
+
+  // Handle the form change.
+  const handleFormChange = (values) => {
+    const { date } = values;
+    const itemsIds = chain(values.entries)
+      .filter((e) => e.item_id)
+      .map((e) => e.item_id)
+      .uniq()
+      .value();
+
+    setItemCostQuery({ date, itemsIds });
+  };
+  return <FormikObserver onChange={handleFormChange} />;
+}