@redneckz/wildless-cms-uni-blocks 0.14.986 → 0.14.988

package/mobile/src/components/CreditForm/PendingStatusContent.tsx

@@ -1,9 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
+import { getCreditInfo } from './getCreditInfo';
 
 export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void }) => {
-  const { statusInfo } = useRetailFormStore();
+  const { statusInfo, programId } = useRetailFormStore();
+
+  const creditInfo = getCreditInfo(programId);
 
   return (
     <FormStatus
@@ -14,11 +17,11 @@ export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void })
       sectionInfo={[
         {
           label: 'Название продукта',
-          description: 'Кредит на любые цели',
+          description: creditInfo.name,
         },
         {
           label: 'Цель кредита',
-          description: 'На любые цели',
+          description: creditInfo.description,
         },
         {
           label: 'Сумма',

package/mobile/src/components/CreditForm/SuccessStatusContent.tsx

@@ -1,9 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
+import { getCreditInfo } from './getCreditInfo';
 
 export const SuccessStatusContent = JSX(() => {
-  const { statusInfo } = useRetailFormStore();
+  const { statusInfo, programId } = useRetailFormStore();
+
+  const creditInfo = getCreditInfo(programId);
 
   return (
     <FormStatus
@@ -12,7 +15,7 @@ export const SuccessStatusContent = JSX(() => {
       sectionInfo={[
         {
           label: 'Название продукта',
-          description: 'Кредит на любые цели',
+          description: creditInfo.name,
         },
         {
           label: 'Ставка',

package/mobile/src/components/CreditForm/getCreditInfo.ts

@@ -0,0 +1,17 @@
+export const getCreditInfo = (programmId: string | null) => {
+  switch (programmId) {
+    case '11': {
+      return {
+        name: 'Потребительский кредит на рефинансирование',
+        description: 'Погашение основного долга по кредиту, иные цели и оплату страхования',
+      };
+    }
+    case '10':
+    default: {
+      return {
+        name: 'Кредит на любые цели',
+        description: 'На любые цели',
+      };
+    }
+  }
+};

package/mobile/src/retail/components/Fields/CreditCalcField.tsx

@@ -1,33 +1,49 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { CalculatorCredit } from '../../../components/CalculatorCredit/CalculatorCredit';
 import {
   type CreditCalculatorUserInputParams,
   type CreditDefaultParams,
 } from '../../../components/CalculatorCredit/CalculatorCreditContent';
+import { getCalcParams } from '../../../components/CalculatorCredit/utils';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { Loader } from '../../../ui-kit/Loader/Loader';
 
 const FIELD_NAME = 'calculator';
 
 export const CreditCalcField = JSX<CustomFieldProps>(({ field, params }) => {
+  const [defaultParams, setDefaultParams] = useState<CreditDefaultParams>();
   const calcValue = field(FIELD_NAME)?.value;
-  const defaultParams = calcValue
-    ? defaultValueAdapter(field(FIELD_NAME).value as CreditCalculatorUserInputParams)
-    : params?.calcData?.defaultParams;
-  const defaultCalcSum = params?.calcData?.defaultParams?.sum ?? 0;
 
   const handleChange = useCallback((_: CreditCalculatorUserInputParams) => {
     field(FIELD_NAME).onChange?.(_);
   }, []);
 
-  return (
+  useEffect(() => {
+    if (params?.calcData?.defaultParams) {
+      setDefaultParams(
+        calcValue
+          ? defaultValueAdapter(field(FIELD_NAME).value as CreditCalculatorUserInputParams)
+          : (params?.calcData?.defaultParams as CreditDefaultParams),
+      );
+    }
+  }, [params?.calcData?.defaultParams]);
+
+  useEffect(() => {
+    if (defaultParams) {
+      handleChange(getCalcParams(defaultParams));
+    }
+  }, [defaultParams]);
+
+  return defaultParams ? (
     <CalculatorCredit
-      key={defaultCalcSum}
       {...params?.calcData}
       defaultParams={defaultParams}
       padding="p-0"
       onChange={handleChange}
     />
+  ) : (
+    <Loader />
   );
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.986",
+  "version": "0.14.988",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/CalculatorCredit/CalculatorCredit.tsx

@@ -2,15 +2,10 @@
 import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-import { DEFAULT_MONTHS } from '../../ui-kit/Calculator/calculatorConstants';
 import { CalculatorLayout } from '../../ui-kit/Calculator/CalculatorLayout';
 import { CalculatorStyle } from '../../ui-kit/Calculator/CalculatorStyle';
 import { CalculatorValue } from '../../ui-kit/Calculator/CalculatorValue';
 import { getDefaultParamsMin } from '../../ui-kit/Calculator/getDefaultParams';
-import {
-  getMoneyDefaultValue,
-  getMonthsDefaultValue,
-} from '../../ui-kit/Calculator/getDefaultValues';
 import { renderFootnote } from '../../ui-kit/Calculator/renderFootnote';
 import { renderMonthsInput } from '../../ui-kit/Calculator/renderMonthsInput';
 import { renderPaymentType } from '../../ui-kit/Calculator/renderPaymentType';
@@ -32,8 +27,7 @@ import {
 } from './CalculatorCreditContent';
 import { getCreditCalculatorParams } from './getCreditCalculatorParams';
 import { isDefaultParams } from './isDefaultParams';
-
-const CREDIT_DEFAULT_SUM = 200000;
+import { getCalcParams } from './utils';
 
 const MAP = {
   isSalaryClient: 'isSalaryClient',
@@ -74,20 +68,9 @@ export const CalculatorCredit = UniBlock<CalculatorDepositProps>(
       [paramsViewSettings, calcSource],
     );
 
-    const [userInputParams, { field }] = useForm(
-      {
-        moneyValue: getMoneyDefaultValue(defaultParams, CREDIT_DEFAULT_SUM),
-        monthsValue: getMonthsDefaultValue(defaultParams, DEFAULT_MONTHS),
-        monthlyPayment: 0,
-        rate: 0,
-        isAnnuity: Boolean(defaultParams?.isAnnuity),
-        isInsurance: Boolean(defaultParams?.isEnableInsurance),
-        isSalaryClient: Boolean(defaultParams?.isEnableSalaryClient),
-        isPensionClient: Boolean(defaultParams?.isEnablePensionClient),
-        isStateEmployee: Boolean(defaultParams?.isEnableStateEmployee),
-      },
-      { onChange: handleChange },
-    );
+    const [userInputParams, { field }] = useForm(getCalcParams(defaultParams), {
+      onChange: handleChange,
+    });
 
     const calcParams = getCreditCalculatorParams(userInputParams, calcSource, paramsViewSettings);
     const paymentTypeElement = renderPaymentType({

package/src/components/CalculatorCredit/utils.ts

@@ -0,0 +1,20 @@
+import { DEFAULT_MONTHS } from '../../ui-kit/Calculator/calculatorConstants';
+import {
+  getMoneyDefaultValue,
+  getMonthsDefaultValue,
+} from '../../ui-kit/Calculator/getDefaultValues';
+import { type CreditDefaultParams } from './CalculatorCreditContent';
+
+const CREDIT_DEFAULT_SUM = 200000;
+
+export const getCalcParams = (defaultParams?: CreditDefaultParams) => ({
+  moneyValue: getMoneyDefaultValue(defaultParams, CREDIT_DEFAULT_SUM),
+  monthsValue: getMonthsDefaultValue(defaultParams, DEFAULT_MONTHS),
+  monthlyPayment: 0,
+  rate: 0,
+  isAnnuity: Boolean(defaultParams?.isAnnuity),
+  isInsurance: Boolean(defaultParams?.isEnableInsurance),
+  isSalaryClient: Boolean(defaultParams?.isEnableSalaryClient),
+  isPensionClient: Boolean(defaultParams?.isEnablePensionClient),
+  isStateEmployee: Boolean(defaultParams?.isEnableStateEmployee),
+});

package/src/components/CreditForm/PendingStatusContent.tsx

@@ -1,9 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
+import { getCreditInfo } from './getCreditInfo';
 
 export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void }) => {
-  const { statusInfo } = useRetailFormStore();
+  const { statusInfo, programId } = useRetailFormStore();
+
+  const creditInfo = getCreditInfo(programId);
 
   return (
     <FormStatus
@@ -14,11 +17,11 @@ export const PendingStatusContent = JSX(({ onExpire }: { onExpire: () => void })
       sectionInfo={[
         {
           label: 'Название продукта',
-          description: 'Кредит на любые цели',
+          description: creditInfo.name,
         },
         {
           label: 'Цель кредита',
-          description: 'На любые цели',
+          description: creditInfo.description,
         },
         {
           label: 'Сумма',

package/src/components/CreditForm/SuccessStatusContent.tsx

@@ -1,9 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { FormStatus } from '../../retail/components/FormStatus/FormStatus';
 import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore';
+import { getCreditInfo } from './getCreditInfo';
 
 export const SuccessStatusContent = JSX(() => {
-  const { statusInfo } = useRetailFormStore();
+  const { statusInfo, programId } = useRetailFormStore();
+
+  const creditInfo = getCreditInfo(programId);
 
   return (
     <FormStatus
@@ -12,7 +15,7 @@ export const SuccessStatusContent = JSX(() => {
       sectionInfo={[
         {
           label: 'Название продукта',
-          description: 'Кредит на любые цели',
+          description: creditInfo.name,
         },
         {
           label: 'Ставка',

package/src/components/CreditForm/getCreditInfo.ts

@@ -0,0 +1,17 @@
+export const getCreditInfo = (programmId: string | null) => {
+  switch (programmId) {
+    case '11': {
+      return {
+        name: 'Потребительский кредит на рефинансирование',
+        description: 'Погашение основного долга по кредиту, иные цели и оплату страхования',
+      };
+    }
+    case '10':
+    default: {
+      return {
+        name: 'Кредит на любые цели',
+        description: 'На любые цели',
+      };
+    }
+  }
+};

package/src/retail/components/Fields/CreditCalcField.tsx

@@ -1,33 +1,49 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { CalculatorCredit } from '../../../components/CalculatorCredit/CalculatorCredit';
 import {
   type CreditCalculatorUserInputParams,
   type CreditDefaultParams,
 } from '../../../components/CalculatorCredit/CalculatorCreditContent';
+import { getCalcParams } from '../../../components/CalculatorCredit/utils';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { Loader } from '../../../ui-kit/Loader/Loader';
 
 const FIELD_NAME = 'calculator';
 
 export const CreditCalcField = JSX<CustomFieldProps>(({ field, params }) => {
+  const [defaultParams, setDefaultParams] = useState<CreditDefaultParams>();
   const calcValue = field(FIELD_NAME)?.value;
-  const defaultParams = calcValue
-    ? defaultValueAdapter(field(FIELD_NAME).value as CreditCalculatorUserInputParams)
-    : params?.calcData?.defaultParams;
-  const defaultCalcSum = params?.calcData?.defaultParams?.sum ?? 0;
 
   const handleChange = useCallback((_: CreditCalculatorUserInputParams) => {
     field(FIELD_NAME).onChange?.(_);
   }, []);
 
-  return (
+  useEffect(() => {
+    if (params?.calcData?.defaultParams) {
+      setDefaultParams(
+        calcValue
+          ? defaultValueAdapter(field(FIELD_NAME).value as CreditCalculatorUserInputParams)
+          : (params?.calcData?.defaultParams as CreditDefaultParams),
+      );
+    }
+  }, [params?.calcData?.defaultParams]);
+
+  useEffect(() => {
+    if (defaultParams) {
+      handleChange(getCalcParams(defaultParams));
+    }
+  }, [defaultParams]);
+
+  return defaultParams ? (
     <CalculatorCredit
-      key={defaultCalcSum}
       {...params?.calcData}
       defaultParams={defaultParams}
       padding="p-0"
       onChange={handleChange}
     />
+  ) : (
+    <Loader />
   );
 });