chrone: sperate client and server to different repos.

src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormProvider.js

@@ -0,0 +1,86 @@
+import React, { createContext, useContext } from 'react';
+import { DashboardInsider } from 'components';
+import {
+  useSettingsPaymentReceives,
+  usePaymentReceiveEditPage,
+  useAccounts,
+  useCustomers,
+  useCreatePaymentReceive,
+  useEditPaymentReceive,
+} from 'hooks/query';
+
+// Payment receive form context.
+const PaymentReceiveFormContext = createContext();
+
+/**
+ * Payment receive form provider.
+ */
+function PaymentReceiveFormProvider({ paymentReceiveId, ...props }) {
+  // Form state.
+  const [submitPayload, setSubmitPayload] = React.useState({});
+
+  // Fetches payment recevie details.
+  const {
+    data: {
+      paymentReceive: paymentReceiveEditPage,
+      entries: paymentEntriesEditPage,
+    },
+    isLoading: isPaymentLoading,
+    isFetching: isPaymentFetching,
+  } = usePaymentReceiveEditPage(paymentReceiveId, {
+    enabled: !!paymentReceiveId,
+  });
+  // Handle fetch accounts data.
+  const { data: accounts, isLoading: isAccountsLoading } = useAccounts();
+
+  // Fetch payment made settings.
+  const fetchSettings = useSettingsPaymentReceives();
+
+  // Fetches customers list.
+  const {
+    data: { customers },
+    isLoading: isCustomersLoading,
+  } = useCustomers({ page_size: 10000 });
+
+  // Detarmines whether the new mode.
+  const isNewMode = !paymentReceiveId;
+
+  // Create and edit payment receive mutations.
+  const { mutateAsync: editPaymentReceiveMutate } = useEditPaymentReceive();
+  const { mutateAsync: createPaymentReceiveMutate } = useCreatePaymentReceive();
+
+  // Provider payload.
+  const provider = {
+    paymentReceiveId,
+    paymentReceiveEditPage,
+    paymentEntriesEditPage,
+    accounts,
+    customers,
+
+    isPaymentLoading,
+    isAccountsLoading,
+    isPaymentFetching,
+    isCustomersLoading,
+    isNewMode,
+
+    submitPayload,
+    setSubmitPayload,
+
+    editPaymentReceiveMutate,
+    createPaymentReceiveMutate,
+  };
+
+  return (
+    <DashboardInsider
+      loading={isPaymentLoading || isAccountsLoading || isCustomersLoading}
+      name={'payment-receive-form'}
+    >
+      <PaymentReceiveFormContext.Provider value={provider} {...props} />
+    </DashboardInsider>
+  );
+}
+
+const usePaymentReceiveFormContext = () =>
+  useContext(PaymentReceiveFormContext);
+
+export { PaymentReceiveFormProvider, usePaymentReceiveFormContext };