@redneckz/wildless-cms-uni-blocks 0.14.683 → 0.14.684

package/src/ui-kit/FormField/Fields/CreditCalcField.tsx

@@ -0,0 +1,24 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { CalculatorCredit } from '../../../components/CalculatorCredit/CalculatorCredit';
+import { type CreditCalculatorUserInputParams } from '../../../components/CalculatorCredit/CalculatorCreditContent';
+import { defaultValueAdapter } from '../../../components/CalculatorCredit/defaultValueAdapter';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+const FIELD_NAME = 'calculator';
+
+export const CreditCalcField = JSX<CustomFieldProps>(({ field, params }) => {
+  const handleChange = useCallback((_: CreditCalculatorUserInputParams) => {
+    field(FIELD_NAME).onChange?.(_);
+  }, []);
+
+  return (
+    <CalculatorCredit
+      {...params?.calcData}
+      defaultParams={defaultValueAdapter(
+        field(FIELD_NAME).value as CreditCalculatorUserInputParams,
+      )}
+      onChange={handleChange}
+    />
+  );
+});

package/src/ui-kit/FormField/Fields/RegionField.tsx

@@ -1,12 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { getRegionUrl } from '../../../components/ApplicationForm/getRegionUrl';
 import { useRegions } from '../../../hooks/useRegions';
 import { SelectControl } from '../../Select/SelectControl';
 import { type CustomFieldProps } from '../CustomFieldProps';
 import { validatorObj } from '../getObjectValidator';
 import { getValidation } from '../getValidation';
 
-export const RegionField = JSX<CustomFieldProps>(({ field, input, url }) => {
+export const RegionField = JSX<CustomFieldProps>(({ field, input, params }) => {
+  const url = getRegionUrl(params?.typeForm as string | undefined);
+
   const regions = useRegions(url);
 
   return (

package/src/ui-kit/FormField/NameFieldDef.ts

@@ -100,4 +100,5 @@ export type NameFieldDef =
   | 'currency'
   | 'cardCategory'
   | 'codeWord'
+  | 'calculator'
   | 'confirmationIncome';

package/src/ui-kit/FormField/SelectField.tsx

@@ -33,12 +33,10 @@ export const SelectField = UniBlock<SelectFieldProps>(
     isSearch = false,
   }) => {
     const leadOptions: Option[] =
-      (source &&
-        source?.map((_: LeadProps) => ({
-          key: _.key || '',
-          text: _.value,
-        }))) ||
-      [];
+      source?.map((_: LeadProps) => ({
+        key: _.key || '',
+        text: _.value,
+      })) || [];
 
     return (
       <SelectControl

package/src/ui-kit/FormField/getField.tsx

@@ -2,7 +2,6 @@
 /* eslint-disable max-lines-per-function */
 //TODO: Убрать обращение к компонентам т.к. ApplicationForm
 import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
-import { getRegionUrl } from '../../components/ApplicationForm/getRegionUrl';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
 import { InputControl } from '../Input/InputControl';
 import { AcquiringField } from './Fields/AcquiringField';
@@ -29,6 +28,7 @@ import { CommentField } from './Fields/CommentField';
 import { ConfirmationIncomeField } from './Fields/ConfirmationIncomeField';
 import { ConscriptionField } from './Fields/ConscriptionField';
 import { ConsentField } from './Fields/ConsentField';
+import { CreditCalcField } from './Fields/CreditCalcField';
 import { CreditInRshbCdField } from './Fields/CreditInRshbCdField';
 import { CurrencyField } from './Fields/CurrencyField';
 import { DeliveryDateFiels } from './Fields/DeliveryDateFiels';
@@ -99,9 +99,9 @@ const PRODUCT_REF = {
 };
 
 export const getField =
-  (field: FormFieldRegisterer<any>, typeForm = '') =>
+  (field: FormFieldRegisterer<any>, params?: Record<string, any>) =>
   (input: FieldDef, i: number) => {
-    const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
+    const isPremium = params?.typeForm === 'ULTRASERVICE' || params?.typeForm === 'PREMIUMSERVICE';
 
     const InputsMap = {
       surname: <SurnameField field={field} input={input} />,
@@ -157,7 +157,7 @@ export const getField =
       region: isPremium ? (
         <RegionPremiumField field={field} />
       ) : (
-        <RegionField field={field} input={input} url={getRegionUrl(typeForm)} />
+        <RegionField field={field} input={input} params={params} />
       ),
       education: <EducationField field={field} input={input} />,
       housing: <HousingField field={field} input={input} />,
@@ -205,6 +205,7 @@ export const getField =
       confirmationIncome: <ConfirmationIncomeField field={field} input={input} />,
       methodObtain: <MethodObtainField field={field} input={input} />,
       deliveryDate: <DeliveryDateFiels field={field} input={input} />,
+      calculator: <CreditCalcField field={field} params={params} />,
     };
 
     return isRenderField({ input, field }) ? (