@redneckz/wildless-cms-uni-blocks 0.14.698 → 0.14.700

package/bundle/bundle.umd.js

@@ -664,15 +664,11 @@
             ? 'bg-secondary-light text-primary-main'
             : 'bg-primary-main text-black group-data-secondary:bg-white/30 group-data-secondary:text-black'), children: jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: icon.iconVersion || benefitsVersion } }) })) : null;
 
-    const getHtmlText = (html) => html.replace(/<\/?[^>]+\/?>/g, '').trim();
-
-    const EMPTY_HTML = '<p><br></p>';
-    const RichText = JSX((props) => {
-        const { __html = '', richVersion = '', itemSize = 'list-m', isDotted = true } = props;
+    const RichText = JSX(({ __html = '', richVersion = '', itemSize = 'list-m', isDotted = true, children }) => {
         const dotStyle = isDotted ? '' : 'without-dots';
-        return __html && getHtmlText(__html) !== EMPTY_HTML ? (
+        return __html || children ? (
         /* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
-        jsx("div", { "data-component": "rich-text-container", children: jsx("div", { className: style(richVersion, itemSize, 'md-container group-data-secondary:text-white group-data-gray:text-secondary-text', dotStyle), dangerouslySetInnerHTML: { __html } }) })) : null;
+        jsx("div", { "data-component": "rich-text-container", children: jsx("div", { className: style(richVersion, itemSize, 'md-container group-data-secondary:text-white group-data-gray:text-secondary-text', dotStyle), dangerouslySetInnerHTML: __html ? { __html } : undefined, children: children }) })) : null;
     });
 
     const renderBenefitDescription = (description, i) => description ? (jsx(Paragraph, { font: "font-light", size: "text-m", color: "text-secondary-text group-data-secondary:text-white", children: description }, `description-${i}`)) : null;
@@ -1206,7 +1202,7 @@
 
     const ApplicationFormLayout = JSX((props) => {
         const { className, title, children, ...rest } = props;
-        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-lg", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, children] }) }));
+        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container space-y-lg", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, children] }) }));
     });
 
     function useDialog(Dialog, initialProps = {}) {
@@ -1628,14 +1624,14 @@
         birthday: defaultValidator('Укажите дату рождения'),
         limitedBirthday: limitedBirthdayValidator(),
         birthPlace: defaultValidator('Укажите место рождения'),
-        education: defaultValidator('Выберите ваше образование'),
-        housing: defaultValidator('Выберите тип жилья'),
-        employment: defaultValidator('Выберите информацию о трудоустройстве'),
-        organization: defaultValidator('Выберите тип организации'),
-        amountWorkers: defaultValidator('Выберите информацию о количестве сотрудников'),
-        employerActivities: defaultValidator('Выберите вид деятельности организации'),
-        employerOrganization: defaultValidator('Выберите вид организации'),
-        positionOrganization: defaultValidator('Выберите вашу должность'),
+        education: defaultSelectValidator('Выберите ваше образование'),
+        housing: defaultSelectValidator('Выберите тип жилья'),
+        employment: defaultSelectValidator('Выберите информацию о трудоустройстве'),
+        organization: defaultSelectValidator('Выберите тип организации'),
+        amountWorkers: defaultSelectValidator('Выберите информацию о количестве сотрудников'),
+        employerActivities: defaultSelectValidator('Выберите вид деятельности организации'),
+        employerOrganization: defaultSelectValidator('Выберите вид организации'),
+        positionOrganization: defaultSelectValidator('Выберите вашу должность'),
         dulSerie: serieValidator('Укажите серию паспорта'),
         dulNumber: numberValidator('Укажите номер паспорта'),
         dulIssueDateField: defaultValidator('Укажите дату выдачи паспорта'),
@@ -1671,7 +1667,7 @@
         consentPfrFlg: agreementValidator,
         consentOthersFlg: agreementValidator,
         consentInformFlg: agreementValidator,
-        familyStatus: defaultValidator('Выберите семейное положение'),
+        familyStatus: defaultSelectValidator('Выберите семейное положение'),
         children: lengthStringValidator(2, 'Укажите количество детей'),
         familyMembers: lengthStringValidator(2, 'Укажите количество членов семьи'),
         dependents: lengthStringValidator(2, 'Укажите количество иждивенцев'),
@@ -1697,7 +1693,7 @@
         addressRetail: defaultSelectValidator('Выберите адрес банка'),
         addressMatch: defaultValidator(),
         codeWord: codeWordValidator('Необходимо ввести кодовое слово'),
-        confirmationIncome: defaultValidator(),
+        confirmationIncome: defaultSelectValidator(),
         deliveryDate: defaultValidator('Укажите дату доставки'),
         addressCourier: addressDaDataValidator(),
         cardCategory: defaultValidator('Укажите категорию карты'),
@@ -2664,6 +2660,154 @@
     const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
     const AmountField = JSX(({ field }) => (jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field('amount') })));
 
+    function copy(source, target) {
+        for (const [k, v] of source.entries()) {
+            if (v !== null && v !== undefined) {
+                target.setItem(k, v);
+            }
+            else {
+                target.removeItem(k);
+            }
+        }
+    }
+
+    function replicate(primary, secondary) {
+        copy(primary, secondary);
+        copy(secondary, primary);
+        return primary.bus.watch(({ type, event }) => {
+            if (event !== null && event !== undefined) {
+                secondary.setItem(type, event);
+            }
+            else {
+                secondary.removeItem(type);
+            }
+        });
+    }
+
+    class StorageAdapter {
+        storage;
+        bus;
+        get size() {
+            return this.storage?.length ?? 0;
+        }
+        constructor(storage, bus = new EventBus()) {
+            this.storage = storage;
+            this.bus = bus;
+        }
+        hasItem(key) {
+            return Boolean(this.storage?.getItem(String(key)));
+        }
+        getItem(key) {
+            const _ = this.storage?.getItem(String(key)) ?? null;
+            try {
+                return JSON.parse(String(_));
+            }
+            catch (ex) {
+                return null;
+            }
+        }
+        entries() {
+            return Array.from({ length: this.size }, (_, i) => {
+                const k = String(this.storage?.key(i));
+                return [k, this.getItem(k)];
+            });
+        }
+        setItem(key, value) {
+            if (value !== null) {
+                this.storage?.setItem(String(key), JSON.stringify(value));
+            }
+            else {
+                this.storage?.removeItem(String(key));
+            }
+            this.bus?.subject(key, value);
+        }
+        removeItem(key) {
+            this.storage?.removeItem(String(key));
+            this.bus?.subject(key, null);
+        }
+    }
+
+    class Store {
+        bus;
+        store = new Map();
+        get size() {
+            return this.store.size;
+        }
+        constructor(bus = new EventBus()) {
+            this.bus = bus;
+        }
+        hasItem(key) {
+            return this.store.has(key);
+        }
+        getItem(key) {
+            return this.store.get(key);
+        }
+        entries() {
+            return this.store.entries();
+        }
+        setItem(key, value) {
+            this.store.set(key, value);
+            this.bus.subject(key, value);
+        }
+        removeItem(key) {
+            this.store.delete(key);
+            this.bus.subject(key, null);
+        }
+    }
+
+    function useRerender() {
+        const [, setCount] = useState(0);
+        return useCallback(() => setCount(_ => (_ + 1) % (1 << 16)), []);
+    }
+
+    const DEFAULT_METHODS = {};
+    /**
+     * MobX like reactivity (simplified).
+     * Can be used to migrate from Redux/MobX or something else
+     *
+     * @param store
+     * @returns reactive proxy backed by store
+     */
+    function useStore(store, methods = DEFAULT_METHODS) {
+        const deps = useRef(null);
+        const render = useRerender();
+        useEffect(() => store.bus.watch(ev => {
+            if (deps.current?.has(String(ev.type))) {
+                render();
+            }
+        }), [store, render]);
+        return useMemo(() => new Proxy(methods, {
+            get(_, key) {
+                deps.current ||= new Set();
+                deps.current.add(key);
+                return store.getItem(key);
+            },
+            has(_, key) {
+                deps.current ||= new Set();
+                deps.current.add(key);
+                return store.hasItem(key);
+            },
+            set(_, key, value) {
+                store.setItem(key, value);
+                return true;
+            },
+            deleteProperty(_, key) {
+                store.removeItem(key);
+                return true;
+            }
+        }), [store]);
+    }
+
+    const localStore = new Store(); // localStorage cache
+    replicate(localStore, new StorageAdapter(globalThis?.localStorage));
+    function useLocalStore(methods) {
+        return useStore(localStore, methods);
+    }
+
+    const useCreditFormStore = () => {
+        return useLocalStore();
+    };
+
     const SelectField = UniBlock(({ field, source, fieldName, input, placeholder = 'Выберите из списка', 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     options, ...rest }) => {
@@ -2675,8 +2819,14 @@
     });
 
     const AmountWorkersField = JSX(({ field, input }) => {
-        const { data: amountWorkers } = useLeadFormData('EMPLOYEES_NUMBER');
-        return (jsx(SelectField, { field: field, source: amountWorkers, label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0449\u0438\u0445 \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "amountWorkers", input: input }));
+        const { data } = useLeadFormData('EMPLOYEES_NUMBER');
+        const store = useCreditFormStore();
+        useEffect(() => {
+            if (data) {
+                store.amountWorkers = data;
+            }
+        }, [data]);
+        return (jsx(SelectField, { field: field, source: store.amountWorkers ?? [], label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0449\u0438\u0445 \u0432 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "amountWorkers", input: input }));
     });
 
     const AnnualRevenueField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...getValidation(field('annualRevenue'), validatorObj.annualRevenue, input?.required) })));
@@ -3007,7 +3157,7 @@
         const [cardTypes, setCardTypes] = useState([]);
         const [programId] = useLocalStorage('programId');
         const { value: selectedCardCategory, onChange: cardCategoryChange } = field('cardCategory');
-        const selectedPaymentSystem = field('paymentSystem').value;
+        const selectedPaymentSystem = field('paymentSystem')?.value?.type;
         useEffect(() => {
             if (selectedPaymentSystem && programId) {
                 (async () => {
@@ -3505,13 +3655,25 @@
     });
 
     const EmployerActivitiesField = JSX(({ field, input }) => {
-        const { data: employerActivities } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
-        return (jsx(SelectField, { field: field, source: employerActivities, label: "\u0412\u0438\u0434 \u0434\u0435\u044F\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438-\u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerActivities", input: input }));
+        const { data } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
+        const store = useCreditFormStore();
+        useEffect(() => {
+            if (data) {
+                store.employerActivities = data;
+            }
+        }, [data]);
+        return (jsx(SelectField, { field: field, source: store.employerActivities ?? [], label: "\u0412\u0438\u0434 \u0434\u0435\u044F\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438-\u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerActivities", input: input }));
     });
 
     const EmployerOrganizationField = JSX(({ field, input }) => {
-        const { data: employerOrganization } = useLeadFormData('ORGANIZATION_KIND');
-        return (jsx(SelectField, { field: field, source: employerOrganization, label: "\u0412\u0438\u0434 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerOrganization", input: input }));
+        const { data } = useLeadFormData('ORGANIZATION_KIND');
+        const store = useCreditFormStore();
+        useEffect(() => {
+            if (data) {
+                store.employerOrganization = data;
+            }
+        }, [data]);
+        return (jsx(SelectField, { field: field, source: store.employerOrganization ?? [], label: "\u0412\u0438\u0434 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043E\u0442\u043E\u0434\u0430\u0442\u0435\u043B\u044F", fieldName: "employerOrganization", input: input }));
     });
 
     const EmploymentField = JSX(({ field, input }) => {
@@ -3565,11 +3727,118 @@
         return (jsx(SelectField, { field: field, source: housing, label: "\u0422\u0438\u043F \u0436\u0438\u043B\u044C\u044F", fieldName: "housing", input: input }));
     });
 
+    const getOrganizationActivityType = (options, okved) => {
+        if (!okved) {
+            return null;
+        }
+        const getOptionByKey = getOptionOp(options);
+        const okvedType = +okved?.split('.')[0];
+        const secondOkvedType = +okved?.split('.')[1];
+        switch (okvedType) {
+            case 1:
+                return getOptionByKey("AGRICULTURE" /* EOrganizationActivityTypes.AGRICULTURE */);
+            case 35:
+                return getOptionByKey("FUEL_AND_ENERGY" /* EOrganizationActivityTypes.FUEL_AND_ENERGY */);
+            case 41:
+            case 42:
+            case 43:
+                return getOptionByKey("CONSTRUCTION" /* EOrganizationActivityTypes.CONSTRUCTION */);
+            case 46:
+            case 47:
+                return getOptionByKey("TRADE" /* EOrganizationActivityTypes.TRADE */);
+            case 55:
+            case 79:
+                return getOptionByKey("TOURISM" /* EOrganizationActivityTypes.TOURISM */);
+            case 62:
+                return getOptionByKey("TECHNOLOGY" /* EOrganizationActivityTypes.TECHNOLOGY */);
+            case 63:
+                return getOptionByKey("CONSULTING_SERVICE" /* EOrganizationActivityTypes.CONSULTING_SERVICE */);
+            case 64:
+                return getOptionByKey("BANK" /* EOrganizationActivityTypes.BANK */);
+            case 65:
+                return getOptionByKey("INSURER" /* EOrganizationActivityTypes.INSURER */);
+            case 66:
+                return getOptionByKey("FINANCIAL_INSTITUTIONS" /* EOrganizationActivityTypes.FINANCIAL_INSTITUTIONS */);
+            case 72:
+            case 74:
+                return getOptionByKey("SCIENCE" /* EOrganizationActivityTypes.SCIENCE */);
+            case 80:
+                return getOptionByKey("SECURITY" /* EOrganizationActivityTypes.SECURITY */);
+            case 84: {
+                if (secondOkvedType < 22) {
+                    return getOptionByKey("GOVERNANCE" /* EOrganizationActivityTypes.GOVERNANCE */);
+                }
+                if (secondOkvedType === 22) {
+                    return getOptionByKey("ARMY" /* EOrganizationActivityTypes.ARMY */);
+                }
+                return getOptionByKey("OTHER_SECTORS" /* EOrganizationActivityTypes.OTHER_SECTORS */);
+            }
+            case 85:
+                return getOptionByKey("EDUCATION" /* EOrganizationActivityTypes.EDUCATION */);
+            case 86:
+                return getOptionByKey("HEALTHCARE" /* EOrganizationActivityTypes.HEALTHCARE */);
+            case 87:
+                return getOptionByKey("SOCIAL_SPHERE" /* EOrganizationActivityTypes.SOCIAL_SPHERE */);
+            default: {
+                if (okvedType >= 10 && okvedType <= 33) {
+                    return getOptionByKey("INDUSTRY" /* EOrganizationActivityTypes.INDUSTRY */);
+                }
+                if (okvedType >= 5 && okvedType <= 9) {
+                    return getOptionByKey("FUEL_AND_ENERGY" /* EOrganizationActivityTypes.FUEL_AND_ENERGY */);
+                }
+                if (okvedType >= 49 && okvedType <= 53) {
+                    return getOptionByKey("TRANSPORT" /* EOrganizationActivityTypes.TRANSPORT */);
+                }
+                return getOptionByKey("OTHER_SECTORS" /* EOrganizationActivityTypes.OTHER_SECTORS */);
+            }
+        }
+    };
+    const getEmployeesNumberOption = (options, count) => {
+        const [option] = [options?.find((_) => Number(count) <= Number(_.description))].map((_) => ({
+            key: _?.key ?? '',
+            text: _?.value ?? '',
+        }));
+        return option;
+    };
+    const getOrganizationKind = (options, okopf) => {
+        const getOptionByKey = getOptionOp(options);
+        if ([40001, 40002, 71610].includes(okopf)) {
+            return getOptionByKey('FOREIGN');
+        }
+        return getOptionByKey('RUSSIAN');
+    };
+    const getOrganizationType = (options, okopf, inn) => {
+        const getOptionByKey = getOptionOp(options);
+        if (inn === '7725114488') {
+            return getOptionByKey('RSHB');
+        }
+        if (okopf === 50102) {
+            return getOptionByKey('SOLE_TRADER');
+        }
+        if (okopf >= 75000 && okopf <= 75505 && okopf !== 75500) {
+            return getOptionByKey('BUDGETARY');
+        }
+        return getOptionByKey('COMMERCIAL');
+    };
+    const getOptionOp = (options) => (key) => options.map((_) => ({ key, text: _.value || '' })).find((_) => _.key === key) ?? null;
+
+    const updateOrganizationFields = (store, field, item) => {
+        const inn = item.data?.inn ?? '';
+        const okopf = Number(item.data?.opf?.code);
+        const okved = item.data?.okved ?? '';
+        field?.('legalForm')?.onChange?.(item.data?.opf?.short);
+        field?.('organizationAddress')?.onChange?.(getAddressFromDaDataItem(item.data?.address));
+        field?.('amountWorkers')?.onChange?.(getEmployeesNumberOption(store?.amountWorkers, item.data?.employee_count));
+        field?.('employerActivities')?.onChange?.(getOrganizationActivityType(store?.employerActivities ?? [], okved));
+        field?.('organization')?.onChange?.(getOrganizationType(store?.organization ?? [], okopf, inn));
+        field?.('employerOrganization')?.onChange?.(getOrganizationKind(store?.employerOrganization ?? [], okopf));
+    };
+
     const InnField = JSX(({ field, input }) => {
+        const store = useCreditFormStore();
         const onDaDataChange = useCallback((item) => {
-            field?.('organizationAddress')?.onChange?.(getAddressFromDaDataItem(item.data?.address));
             field?.('organizationName')?.onChange?.(item.data?.name?.short_with_opf);
-            field?.('legalForm')?.onChange?.(item.data?.opf?.short);
+            updateOrganizationFields(store, field, item);
         }, []);
         return (jsx(InputControl, { label: "\u0418\u041D\u041D", isInteger: true, maxLength: 12, ...input, ...getValidation(field('inn'), validatorObj.inn, input?.required), onDaDataChange: onDaDataChange }));
     });
@@ -3629,14 +3898,21 @@
     const OnlineCheckoutField = JSX(({ field }) => isAcquiringTrade(field('acquiringType')?.value?.key) ? (jsx(SlideCheckbox, { type: "radio", text: "\u0425\u043E\u0447\u0443 \u043E\u043D\u043B\u0430\u0439\u043D-\u043A\u0430\u0441\u0441\u0443", ...field('onlineCheckout') })) : null);
 
     const OrganizationField = JSX(({ field, input }) => {
-        const { data: organization } = useLeadFormData('ORGANIZATION_TYPE');
-        return (jsx(SelectField, { field: field, source: organization, label: "\u0422\u0438\u043F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "organization", input: input }));
+        const { data } = useLeadFormData('ORGANIZATION_TYPE');
+        const store = useCreditFormStore();
+        useEffect(() => {
+            if (data) {
+                store.organization = data;
+            }
+        }, [data]);
+        return (jsx(SelectField, { field: field, source: store.organization ?? [], label: "\u0422\u0438\u043F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", fieldName: "organization", input: input }));
     });
 
     const OrganizationNameField = JSX(({ field, input }) => {
+        const store = useCreditFormStore();
         const onDaDataChange = useCallback((item) => {
             field?.('inn')?.onChange?.(item.data?.inn);
-            field?.('legalForm')?.onChange?.(item.data?.opf?.short);
+            updateOrganizationFields(store, field, item);
         }, []);
         return (jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", ...input, ...getValidation(field('organizationName'), validatorObj.organizationName, input?.required), onDaDataChange: onDaDataChange }));
     });
@@ -3663,10 +3939,7 @@
         const data = await fetchRetailJSON('/public-data/creditProgramConditions', 'POST', {
             creditProgramId,
         });
-        return (data?.paymentSystems?.map((paymentSystem) => ({
-            id: paymentSystem.type,
-            text: paymentSystem.name,
-        })) ?? []);
+        return data?.paymentSystems || [];
     };
 
     const PaymentSystemField = JSX(({ field, input }) => {
@@ -3681,8 +3954,10 @@
                 })();
             }
         }, []);
-        return (jsx(RadioButtonGroupControl, { label: "\u041F\u043B\u0430\u0442\u0435\u0436\u043D\u0430\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u0430", orientation: "horizontal", items: paymentSystemOptions, value: value, onChange: (_) => onChange?.(_), ...getValidation(field('paymentSystem'), validatorObj.paymentSystem, input?.required) }));
+        const handleChange = useCallback((type) => onChange?.(paymentSystemOptions?.find((_) => _.type === type)), [paymentSystemOptions, onChange]);
+        return (jsx(RadioButtonGroupControl, { label: "\u041F\u043B\u0430\u0442\u0435\u0436\u043D\u0430\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u0430", orientation: "horizontal", items: formatPaymentSystems(paymentSystemOptions), ...getValidation(field('paymentSystem'), validatorObj.paymentSystem, input?.required), value: value?.type, onChange: handleChange }));
     });
+    const formatPaymentSystems = (paymentSystems) => paymentSystems?.map((_) => ({ id: _.type, text: _.name })) ?? [];
 
     const isPlaceholder = (_) => _ === '_';
     const isDigit = (_) => /\d/.test(_);
@@ -4165,58 +4440,6 @@
         },
     ];
 
-    const initialFormState = {
-        typeForm: '',
-        region: { key: '', text: '' },
-        addressBranch: { key: '', text: '' },
-        surname: '',
-        name: '',
-        phone: '',
-        secondaryPhone: '',
-        organizationPhone: '',
-        comment: '',
-        product: '',
-        partnerComments: '',
-        annualRevenue: '',
-        term: 12,
-        amount: 100000,
-        acquiringType: ACQUIRING_TYPES[0],
-        serviceType: SERVICE_TYPES[0],
-        feedbackMethod: FEEDBACK_METHOD[0],
-        serviceDirection: SERVICE_DIRECTIONS[0],
-        vedTypes: VED_TYPES[0],
-        birthday: undefined,
-        limitedBirthday: undefined,
-        isClient: false,
-        onlineCheckout: false,
-        posTerminal: false,
-        consentToReceiveMaterials: false,
-        consentDataProcessing: false,
-        processPersonalDataFlg: false,
-        consentProviderFlg: false,
-        consentOthersFlg: false,
-        consentInformFlg: false,
-        addressRegistration: '',
-        participantDateRegistration: undefined,
-        currency: '',
-        paymentSystem: '',
-        cardCategory: { key: '', text: '' },
-        codeWord: '',
-        addressRetail: { key: '', text: '' },
-    };
-    const getInitialFormState$2 = (inputs, savedForm, typeForm = '') => {
-        if (savedForm) {
-            const formStateCopy = { ...savedForm };
-            formStateCopy.limitedBirthday = new Date(formStateCopy?.limitedBirthday || 0);
-            return formStateCopy;
-        }
-        const formState = Object.fromEntries(inputs.map((_) => [
-            _.name,
-            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name || ''],
-        ]));
-        return { ...formState, typeForm: { key: typeForm, text: '' } };
-    };
-
     const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
 
     const createDraftTask = async (body) => {
@@ -4230,6 +4453,7 @@
 
     const updateUserTask = (body) => doRequest('/user-data/updateUserTask', 'PUT', body);
 
+    // TODO Не должно быть импортов из бизнес-слоя в API слой. Только наоборот.
     const getUpdateUserProfileData = (profileId, formData) => {
         const { name = '', surname = '', middleName = '', limitedBirthday = '', phone = '', email = '', processPersonalDataFlg, consentProviderFlg, consentPfrFlg, consentPhotoFlg, consentAssignmentClaimsFlg, consentCollectionFlg, consentInformFlg, } = formData;
         return {
@@ -4252,6 +4476,16 @@
         };
     };
 
+    const useSetter = (target, key) => useCallback((value) => {
+        const newValue = value instanceof Function ? value(target[key]) : value;
+        if (newValue !== null && newValue !== undefined) {
+            target[key] = newValue;
+        }
+        else {
+            delete target[key];
+        }
+    }, [target, key]);
+
     const sendCode = (body) => fetchRetailJSON('/sms/sendCode', 'POST', body).then((res) => !isErrorResult(res, body.phoneNumber));
     const isErrorResult = (res, phoneNumber) => Boolean(res) &&
         typeof res !== 'string' &&
@@ -4431,10 +4665,11 @@
         };
     };
 
-    const VerifyPhoneDialog = JSX(({ title, description, __html, code = true, codeLength = 4, textButton = 'Далее', phoneNumber = '+79999999999', onSuccess = noop, onClose = noop, }) => {
+    const VerifyPhoneDialog = JSX(({ phone, code = true, codeLength = 4, consents, onSuccess = noop, onClose = noop }) => {
         const [values, setValues] = useState(Array(codeLength).fill(''));
         const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setIsTimerStarted, setAttempts, } = useVerifyPhoneDialogSubmit({ values, onSuccess });
         const captchaDialog = useDialog(CaptchaDialog);
+        const phoneNumber = formatPhone(phone);
         const handleSendCode = useCallback(async () => {
             const isSuccessSendCode = await sendCode({
                 phoneNumber,
@@ -4452,9 +4687,9 @@
         useEffect(() => {
             handleSendCode();
         }, []);
-        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-xl p-m", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center rounded-md", children: [jsx(Headline, { className: "w-full", title: title, description: description, headlineVersion: "XS", isEmbedded: true, as: "h6" }), code ? (jsx(InputCode, { values: values, setValues: setValues, errorText: errorText, hasError: hasError })) : null, renderText$1(timeNextReq, setTimeNextReq, handleSendCode), jsx(RichText, { itemSize: "list-s", __html: __html }), renderTextButton(textButton, isSubmitButtonDisabled, handleSubmit), isLoading ? jsx(Loader, { blur: false }) : null] }) }));
+        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-xl p-m", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center rounded-md", children: [jsx(Headline, { className: "w-full", title: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430", description: `Мы отправили код на ${phone}`, headlineVersion: "XS", isEmbedded: true, as: "h6" }), code ? (jsx(InputCode, { values: values, setValues: setValues, errorText: errorText, hasError: hasError })) : null, renderText$1(timeNextReq, setTimeNextReq, handleSendCode), jsxs(RichText, { itemSize: "list-s", children: [jsx("span", { children: "\u0412\u0432\u043E\u0434\u044F \u043A\u043E\u0434, \u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044E, \u0447\u0442\u043E \u043E\u0437\u043D\u0430\u043A\u043E\u043C\u043B\u0435\u043D \u0438 \u043F\u043E\u0434\u043F\u0438\u0441\u044B\u0432\u0430\u044E: " }), jsx("ul", { children: consents?.map((_, i) => (jsx("li", { children: _ }, `${_}-${i}`))) })] }), renderNextButton(isSubmitButtonDisabled, handleSubmit), isLoading ? jsx(Loader, { blur: false }) : null] }) }));
     });
-    const renderTextButton = (textButton, isDisabled, handleSubmit) => textButton ? (jsx(SubmitButton, { isDisabled: isDisabled, onClick: handleSubmit, text: textButton })) : null;
+    const renderNextButton = (isDisabled, onClick) => (jsx(SubmitButton, { text: "\u0414\u0430\u043B\u0435\u0435", isDisabled: isDisabled, onClick: onClick }));
     const renderText$1 = (timeNextReq, setTimeNextReq, handleSendCode) => timeNextReq ? (jsxs("div", { className: "flex flex-row text-l font-light text-base", children: ["\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437", jsx(Timer, { className: "text-base ml-1", time: timeNextReq, setTime: setTimeNextReq })] })) : (jsx(LinkButton, { onClick: handleSendCode, className: "text-primary-main", children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }));
 
     const defaultConsentText = {
@@ -4510,7 +4745,8 @@
         const handleSubmitBkiConstent = (phone, profileId) => async (confirmStatus) => {
             if (confirmStatus === 'SIGNED' && phone) {
                 verifyPhoneDialog.open({
-                    ...verifyPhoneContent$1(phone),
+                    phone,
+                    consents: ['согласие на запрос информации в БКИ'],
                     onSuccess: handleSuccessVerify(profileId),
                 });
             }
@@ -4522,14 +4758,6 @@
             open: (phone, profileId) => open({ onSubmit: handleSubmitBkiConstent(phone, profileId), onClose }),
         };
     };
-    const verifyPhoneContent$1 = (phone) => ({
-        title: 'Подтвердите номер телефона',
-        description: `Мы отправили код на ${phone}`,
-        phoneNumber: formatPhone(phone),
-        textButton: 'Далее',
-        __html: `<span>Вводя код, я подтверждаю, что ознакомлен и подписываю:</span>
-              <ul><li>согласие на запрос информации в БКИ</li></ul>`,
-    });
 
     const getLink = (body) => fetchRetailJSON('/esia/getLink', 'POST', body);
 
@@ -4662,20 +4890,20 @@
         };
     };
 
-    const useApplicationLeadApi = ({ inputs, programId, nextStepLink, saveForm, }) => {
+    const useLeadFormStore = () => useLocalStore();
+
+    const useApplicationLeadApi = ({ inputs, programId, nextStepLink, }) => {
         const [responseStatus, setResponseStatus] = useState('');
-        const [, setTaskId] = useLocalStorage('taskId');
-        const [, setProfileId] = useLocalStorage('profileId');
-        const [, setParticipantId] = useLocalStorage('participantId');
-        const [, setProgramId] = useLocalStorage('programId');
+        const leadFormStore = useLeadFormStore();
+        const saveForm = useSetter(leadFormStore, 'leadForm');
         const openEsiaLoginDialog = useEsiaLoginDialog(nextStepLink);
         const consentBkiDialog = useConsentBkiDialog(openEsiaLoginDialog);
         const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
         const saveUserData = useCallback(({ participantId, taskId, profileId, programId: programNumber }) => {
-            setParticipantId(participantId);
-            setTaskId(taskId);
-            setProfileId(profileId);
-            setProgramId(programNumber);
+            leadFormStore.participantId = participantId;
+            leadFormStore.taskId = taskId;
+            leadFormStore.profileId = profileId;
+            leadFormStore.programId = programNumber;
         }, []);
         // eslint-disable-next-line consistent-return
         const handleSubmit = useCallback(async (formData) => {
@@ -4708,7 +4936,8 @@
                         .filter((_) => formData[_])
                         .map((_) => CONSENTS[_]?.text);
                     verifyPhoneDialog.open({
-                        ...verifyPhoneContent(formData?.phone, acceptedConsents),
+                        phone: formData?.phone,
+                        consents: acceptedConsents,
                         onSuccess: handleSuccessVerify,
                     });
                 }
@@ -4743,14 +4972,6 @@
         saveUserData({ participantId, taskId, profileId, programId });
         saveForm(formData);
     };
-    const verifyPhoneContent = (phone, consents) => ({
-        title: 'Подтвердите номер телефона',
-        description: `Мы отправили код на ${phone}`,
-        phoneNumber: formatPhone(phone),
-        textButton: 'Далее',
-        __html: `<span>Вводя код, я подтверждаю, что ознакомлен и подписываю:</span>${consentsToList(consents)}`,
-    });
-    const consentsToList = (consents) => `<ul>${consents?.map((_) => '<li>' + _ + '</li>').join('')}</ul>`;
     const transformOtherConsentsField = (formData) => {
         const { consentOthersFlg, ...form } = formData;
         return {
@@ -4763,6 +4984,56 @@
 
     const updateProfileEsia = (body) => fetchRetailJSON('/esia/updateProfileEsia', 'POST', body);
 
+    const initialFormState = {
+        typeForm: '',
+        region: { key: '', text: '' },
+        addressBranch: { key: '', text: '' },
+        surname: '',
+        name: '',
+        phone: '',
+        secondaryPhone: '',
+        organizationPhone: '',
+        comment: '',
+        product: '',
+        partnerComments: '',
+        annualRevenue: '',
+        term: 12,
+        amount: 100000,
+        acquiringType: ACQUIRING_TYPES[0],
+        serviceType: SERVICE_TYPES[0],
+        feedbackMethod: FEEDBACK_METHOD[0],
+        serviceDirection: SERVICE_DIRECTIONS[0],
+        vedTypes: VED_TYPES[0],
+        birthday: undefined,
+        limitedBirthday: undefined,
+        isClient: false,
+        onlineCheckout: false,
+        posTerminal: false,
+        consentToReceiveMaterials: false,
+        consentDataProcessing: false,
+        processPersonalDataFlg: false,
+        consentProviderFlg: false,
+        consentOthersFlg: false,
+        consentInformFlg: false,
+        addressRegistration: '',
+        participantDateRegistration: undefined,
+        currency: '',
+        paymentSystem: { name: '', type: '' },
+        cardCategory: { key: '', text: '' },
+        codeWord: '',
+        addressRetail: { key: '', text: '' },
+    };
+    const getInitialFormState$2 = (inputs, savedForm) => {
+        if (savedForm) {
+            return { ...savedForm, limitedBirthday: new Date(savedForm?.limitedBirthday || 0) };
+        }
+        const formState = Object.fromEntries(inputs.map((_) => [
+            _.name,
+            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name || ''],
+        ]));
+        return { ...formState, typeForm: { key: '', text: '' } };
+    };
+
     const parseEsiaProfile = (esiaProfile) => {
         const { profile, addInfo, document, addressRegistration, addressFact } = esiaProfile;
         return {
@@ -4812,10 +5083,12 @@
         };
     };
 
-    const useInitApplicationLead = (nextStepLink) => {
+    const useInitApplicationLead = (inputs, nextStepLink) => {
         const navigator = locationNavigator();
         const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
-        const [, setLeadForm] = useLocalStorage('leadForm');
+        const leadFormStore = useLeadFormStore();
+        const saveForm = useSetter(leadFormStore, 'leadForm');
+        const initialFormState = useMemo(() => getInitialFormState$2(inputs, leadFormStore.leadForm), [inputs, leadFormStore.leadForm]);
         const updateEsiaProfile = useCallback(async (profileId, code, state) => {
             startLoading();
             try {
@@ -4826,7 +5099,7 @@
                     redirectUri: globalThis.location?.href,
                 });
                 if (data) {
-                    setLeadForm((_) => ({
+                    saveForm((_) => ({
                         ..._,
                         ...parseEsiaProfile(data),
                     }));
@@ -4850,21 +5123,16 @@
                 sessionStorage.removeItem('refreshToken');
             }
         }, []);
-        return {
-            isLoading,
-        };
+        return [initialFormState, { isLoading }];
     };
 
     const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, ...rest }) => {
-        const inputs = (applicationFormData?.flatMap((_) => _?.inputs) || []);
-        const { isLoading } = useInitApplicationLead(nextStepLink);
-        const [leadForm, setLeadForm] = useLocalStorage('leadForm');
-        const initialFormState = getInitialFormState$2(inputs, leadForm);
+        const inputs = useMemo(() => (applicationFormData?.flatMap((_) => _?.inputs) || []), [applicationFormData]);
+        const [initialFormState, { isLoading }] = useInitApplicationLead(inputs, nextStepLink);
         const { handleSubmit, responseStatus } = useApplicationLeadApi({
             inputs,
             programId,
             nextStepLink,
-            saveForm: setLeadForm,
         });
         const [, { field, onSubmit }] = useForm(initialFormState, { onSubmit: handleSubmit });
         const responseTypeDialog = useDialog(ResponseTypeDialog);
@@ -6411,7 +6679,7 @@
 
     const formStateMap$1 = [
         {
-            paymentSystem: '',
+            paymentSystem: { name: '', type: '' },
             currency: '810',
             codeWord: '',
         },
@@ -8168,150 +8436,6 @@
     };
     const ErrorBlock = JSX(({ className = '', title, description, error, button, ...rest }) => (jsxs(BlockWrapper, { className: style('flex flex-col justify-center items-center', className), defaultPadding: style('p-6xl'), version: "transparent", ...rest, children: [jsx("div", { className: "flex justify-center", children: renderErrorContent(error) }), jsx(Headline, { title: title, description: description, headlineVersion: "XL", isEmbedded: true, className: "mb-2xl last:mb-0" }), button?.text ? (jsx(LinkButton, { version: button?.version, text: button?.text, ...button })) : null] })));
 
-    function copy(source, target) {
-        for (const [k, v] of source.entries()) {
-            if (v !== null && v !== undefined) {
-                target.setItem(k, v);
-            }
-            else {
-                target.removeItem(k);
-            }
-        }
-    }
-
-    function replicate(primary, secondary) {
-        copy(primary, secondary);
-        copy(secondary, primary);
-        return primary.bus.watch(({ type, event }) => {
-            if (event !== null && event !== undefined) {
-                secondary.setItem(type, event);
-            }
-            else {
-                secondary.removeItem(type);
-            }
-        });
-    }
-
-    class StorageAdapter {
-        storage;
-        bus;
-        get size() {
-            return this.storage?.length ?? 0;
-        }
-        constructor(storage, bus = new EventBus()) {
-            this.storage = storage;
-            this.bus = bus;
-        }
-        hasItem(key) {
-            return Boolean(this.storage?.getItem(String(key)));
-        }
-        getItem(key) {
-            const _ = this.storage?.getItem(String(key)) ?? null;
-            try {
-                return JSON.parse(String(_));
-            }
-            catch (ex) {
-                return null;
-            }
-        }
-        entries() {
-            return Array.from({ length: this.size }, (_, i) => {
-                const k = String(this.storage?.key(i));
-                return [k, this.getItem(k)];
-            });
-        }
-        setItem(key, value) {
-            if (value !== null) {
-                this.storage?.setItem(String(key), JSON.stringify(value));
-            }
-            else {
-                this.storage?.removeItem(String(key));
-            }
-            this.bus?.subject(key, value);
-        }
-        removeItem(key) {
-            this.storage?.removeItem(String(key));
-            this.bus?.subject(key, null);
-        }
-    }
-
-    class Store {
-        bus;
-        store = new Map();
-        get size() {
-            return this.store.size;
-        }
-        constructor(bus = new EventBus()) {
-            this.bus = bus;
-        }
-        hasItem(key) {
-            return this.store.has(key);
-        }
-        getItem(key) {
-            return this.store.get(key);
-        }
-        entries() {
-            return this.store.entries();
-        }
-        setItem(key, value) {
-            this.store.set(key, value);
-            this.bus.subject(key, value);
-        }
-        removeItem(key) {
-            this.store.delete(key);
-            this.bus.subject(key, null);
-        }
-    }
-
-    function useRerender() {
-        const [, setCount] = useState(0);
-        return useCallback(() => setCount(_ => (_ + 1) % (1 << 16)), []);
-    }
-
-    const DEFAULT_METHODS = {};
-    /**
-     * MobX like reactivity (simplified).
-     * Can be used to migrate from Redux/MobX or something else
-     *
-     * @param store
-     * @returns reactive proxy backed by store
-     */
-    function useStore(store, methods = DEFAULT_METHODS) {
-        const deps = useRef(null);
-        const render = useRerender();
-        useEffect(() => store.bus.watch(ev => {
-            if (deps.current?.has(String(ev.type))) {
-                render();
-            }
-        }), [store, render]);
-        return useMemo(() => new Proxy(methods, {
-            get(_, key) {
-                deps.current ||= new Set();
-                deps.current.add(key);
-                return store.getItem(key);
-            },
-            has(_, key) {
-                deps.current ||= new Set();
-                deps.current.add(key);
-                return store.hasItem(key);
-            },
-            set(_, key, value) {
-                store.setItem(key, value);
-                return true;
-            },
-            deleteProperty(_, key) {
-                store.removeItem(key);
-                return true;
-            }
-        }), [store]);
-    }
-
-    const localStore = new Store(); // localStorage cache
-    replicate(localStore, new StorageAdapter(globalThis?.localStorage));
-    function useLocalStore(methods) {
-        return useStore(localStore, methods);
-    }
-
     const REGION_URL = `${API_BASE_URI}/region`;
     function useLocation(defaultLocation = 'Москва') {
         const locationStore = useLocalStore();
@@ -8796,7 +8920,7 @@
         });
         const regionHref = regions?.find((_) => _.name === region.key)?.href;
         const buttonText = button?.text ? button.text : 'Перейти';
-        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container max-w-[978px] space-y-m", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(LinkButton, { href: regionHref, target: "_blank", className: style('p-m w-full @xl:w-auto', buttonStyle), data: getAspectsWithInclude(data, region?.key), children: buttonText }) })) : null] }) }));
+        return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container space-y-m", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(LinkButton, { href: regionHref, target: "_blank", className: style('p-m w-full @xl:w-auto', buttonStyle), data: getAspectsWithInclude(data, region?.key), children: buttonText }) })) : null] }) }));
     });
 
     function useActiveRoute(items = []) {
@@ -10420,7 +10544,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.697";
+    const packageVersion = "0.14.699";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;