fix: the auto-increment of transactions.

packages/webapp/src/containers/Sales/Estimates/EstimateForm/components.tsx

@@ -1,18 +1,20 @@
 // @ts-nocheck
-import React from 'react';
+import React, { useEffect } from 'react';
 import intl from 'react-intl-universal';
 import { Button } from '@blueprintjs/core';
+import * as R from 'ramda';
 import { useFormikContext } from 'formik';
 import { ExchangeRateInputGroup } from '@/components';
 import { useCurrentOrganization } from '@/hooks/state';
 import { useEstimateIsForeignCustomer } from './utils';
-
+import withSettings from '@/containers/Settings/withSettings';
+import { transactionNumber } from '@/utils';
 
 /**
  * Estimate exchange rate input field.
  * @returns {JSX.Element}
  */
- export function EstimateExchangeRateInputField({ ...props }) {
+export function EstimateExchangeRateInputField({ ...props }) {
   const currentOrganization = useCurrentOrganization();
   const { values } = useFormikContext();
 
@@ -35,6 +37,32 @@ import { useEstimateIsForeignCustomer } from './utils';
  * Estimate project select.
  * @returns {JSX.Element}
  */
- export function EstimateProjectSelectButton({ label }) {
+export function EstimateProjectSelectButton({ label }) {
   return <Button text={label ?? intl.get('select_project')} />;
 }
+
+/**
+ * Syncs the estimate auto-increment settings to estimate form.
+ * @returns {React.ReactNode}
+ */
+export const EstimateIncrementSyncSettingsToForm = R.compose(
+  withSettings(({ estimatesSettings }) => ({
+    estimateNextNumber: estimatesSettings?.nextNumber,
+    estimateNumberPrefix: estimatesSettings?.numberPrefix,
+    estimateAutoIncrement: estimatesSettings?.autoIncrement,
+  })),
+)(({ estimateNextNumber, estimateNumberPrefix, estimateAutoIncrement }) => {
+  const { setFieldValue } = useFormikContext();
+
+  useEffect(() => {
+    if (!estimateAutoIncrement) return null;
+
+    const estimateNo = transactionNumber(
+      estimateNumberPrefix,
+      estimateNextNumber,
+    );
+    setFieldValue('estimate_number', estimateNo);
+  }, [setFieldValue, estimateNumberPrefix, estimateNextNumber]);
+
+  return null;
+});