@redneckz/wildless-cms-uni-blocks 0.14.634 → 0.14.636

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

@@ -0,0 +1,55 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { type DaDataSuggestion } from '../../../api/dadataHints/dadataHintsType';
+import { InputControl } from '../../Input/InputControl';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const AddressFactField = JSX<CustomFieldProps>(({ field, input }) => {
+  const fieldName = 'addressFact';
+  const fieldValue = field(fieldName).value;
+  const { value } = field('addressMatch');
+
+  useEffect(() => {
+    if (value) {
+      field('addressFact')?.onChange?.(field('addressRegistration').value);
+    }
+  }, [value]);
+
+  const onDaDataChange = useCallback((item: DaDataSuggestion) => {
+    field?.(fieldName)?.onChange?.({
+      apartment: item?.data?.flat,
+      city: item?.data?.city,
+      district: item?.data?.area_with_type,
+      fullAddress: item?.value,
+      fiasCode: item?.data?.fias_id,
+      house: item?.data?.house,
+      locality: item?.data?.settlement_with_type,
+      okatoRegionCode: item?.data?.okato,
+      postcode: item?.data?.postal_code,
+      region: item?.data?.region,
+      regionCode: item?.data?.region_kladr_id ? item?.data?.region_kladr_id.substring(0, 2) : '',
+      street: item?.data?.house,
+    });
+  }, []);
+
+  const onChange = useCallback((val: string) => {
+    field?.(fieldName)?.onChange?.({
+      ...field(fieldName).value,
+      fullAddress: val,
+    });
+  }, []);
+
+  return (
+    <InputControl
+      label="Адрес"
+      disabled={value}
+      {...getValidation(field(fieldName), validatorObj[fieldName], input?.required)}
+      value={fieldValue.fullAddress}
+      onChange={onChange}
+      {...input}
+      onDaDataChange={onDaDataChange}
+    />
+  );
+});

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

@@ -0,0 +1,14 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { CheckboxWithError } from '../../Checkbox/CheckboxWithError';
+import { type CustomFieldProps } from '../CustomFieldProps';
+import { validatorObj } from '../getObjectValidator';
+import { getValidation } from '../getValidation';
+
+export const AddressMatchField = JSX<CustomFieldProps>(({ field }) => {
+  return (
+    <CheckboxWithError
+      text="Адрес фактического места жительства совпадает с адресом регистрации"
+      {...getValidation(field('addressMatch'), validatorObj.addressMatch)}
+    />
+  );
+});

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

@@ -86,4 +86,5 @@ export type NameFieldDef =
   | 'bankEmployeeCode'
   | 'partInBusiness'
   | 'regionRetail'
-  | 'addressRetail';
+  | 'addressRetail'
+  | 'addressMatch';

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

@@ -5,7 +5,9 @@ import { type FormFieldRegisterer } from '../../hooks/useForm';
 import { InputControl } from '../Input/InputControl';
 import { AcquiringField } from './Fields/AcquiringField';
 import { AddressBranchField } from './Fields/AddressBranchField';
+import { AddressFactField } from './Fields/AddressFactField';
 import { AddressField } from './Fields/AddressField';
+import { AddressMatchField } from './Fields/AddressMatchField';
 import { AmountField } from './Fields/AmountField';
 import { AmountWorkersField } from './Fields/AmountWorkersField';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField';
@@ -107,7 +109,7 @@ export const getField =
       experience5Years: <Experience5YearsField field={field} input={input} />,
       jobsNumber: <JobsNumberField field={field} input={input} />,
       beginDate: <BeginDateField field={field} input={input} />,
-      addressFact: <AddressField field={field} input={input} />,
+      addressFact: <AddressFactField field={field} input={input} />,
       organizationAddress: <AddressField field={field} input={input} />,
       comment: <CommentField field={field} input={input} />,
       addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
@@ -184,6 +186,7 @@ export const getField =
       partInBusiness: <PartInBusinessField field={field} input={input} />,
       regionRetail: <RetailRegionField field={field} input={input} />,
       addressRetail: <RetailAddressField field={field} input={input} />,
+      addressMatch: <AddressMatchField field={field} input={input} />,
     };
 
     return isRenderField({ input, field }) ? (

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

@@ -95,6 +95,7 @@ export const validatorObj: Record<string, Validator> = {
   partInBusiness: defaultValidator(),
   regionRetail: defaultSelectValidator('Выберите филиал банка'),
   addressRetail: defaultSelectValidator('Выберите адрес банка'),
+  addressMatch: defaultValidator(),
 };
 
 export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {

package/src/ui-kit/Input/InputControl.tsx

@@ -27,6 +27,7 @@ export const InputControl = JSX<InputProps>(
     daDataQueryPrefix,
     inputLength,
     dadata = false,
+    disabled = false,
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
     const popupRef = useOutsideClick<HTMLDivElement>(close);
@@ -54,6 +55,7 @@ export const InputControl = JSX<InputProps>(
       >
         <div ref={inputRef}>
           <Input
+            disabled={disabled}
             type={type || 'text'}
             aria-label={label}
             label={getRequiredLabel({ label, errors })}