@redneckz/wildless-cms-uni-blocks 0.14.587 → 0.14.589

package/lib/ui-kit/VerifyPhoneDialog/handleSendCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleSendCode.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/handleSendCode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAgB3D,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAAE,EACnC,WAAW,EACX,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,UAAU,GACU,EAAE,EAAE;IACxB,IAAI;QACF,MAAM,UAAU,CAAC,QAAQ,CAAC;YACxB,WAAW,EAAE,WAAW;YACxB,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;SAC3C,CAAC,CAAC;QACH,UAAU,CAAC,CAAC,CAAC,CAAC;QACd,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAAC,OAAO,CAAM,EAAE;QACf,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,EAAE;YACrB,aAAa,CAAC,IAAI,EAAE,CAAC;SACtB;KACF;AACH,CAAC,CAAC"}

package/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js

@@ -4,7 +4,7 @@ import { VerifyPhoneDialog } from './VerifyPhoneDialog.js';
 export const useVerifyPhoneDialog = (props) => {
     const { open, close } = useDialogManager();
     return {
-        open: (options = {}) => open(_jsx(VerifyPhoneDialog, { ...props }), options),
+        open: (options = {}) => open(_jsx(VerifyPhoneDialog, { onClose: close, ...props }), options),
         close,
     };
 };

package/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAsB,MAAM,mCAAmC,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAA+B,MAAM,qBAAqB,CAAC;AAErF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACpE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO;QACL,IAAI,EAAE,CAAC,UAAyB,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAC,iBAAiB,OAAK,KAAK,GAAI,EAAE,OAAO,CAAC;QACtF,KAAK;KACN,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useVerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAsB,MAAM,mCAAmC,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAA+B,MAAM,qBAAqB,CAAC;AAErF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACpE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO;QACL,IAAI,EAAE,CAAC,UAAyB,EAAE,EAAE,EAAE,CACpC,IAAI,CAAC,KAAC,iBAAiB,IAAC,OAAO,EAAE,KAAK,KAAM,KAAK,GAAI,EAAE,OAAO,CAAC;QACjE,KAAK;KACN,CAAC;AACJ,CAAC,CAAC"}

package/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialogSubmit.d.ts

@@ -0,0 +1,16 @@
+declare type useVerifyPhoneDialogSubmitProps = {
+    values: string[];
+    close?: () => void;
+};
+export declare const useVerifyPhoneDialogSubmit: ({ close, values }: useVerifyPhoneDialogSubmitProps) => {
+    handleSubmit: () => Promise<void>;
+    hasError: boolean;
+    errorText: string;
+    isLoading: boolean;
+    timeNextReq: number;
+    isSubmitButtonDisabled: boolean;
+    setTimeNextReq: (value: number | ((prevState: number) => number)) => void;
+    setIsTimerStarted: (value: boolean | ((prevState: boolean) => boolean)) => void;
+    setAttemps: (value: number | ((prevState: number) => number)) => void;
+};
+export {};

package/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialogSubmit.js

@@ -0,0 +1,56 @@
+import { useCallback, useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { RETAIL_API } from '../../api/RetailApi/RetailApi.js';
+export const useVerifyPhoneDialogSubmit = ({ close, values }) => {
+    const [hasError, setHasError] = useState(false);
+    const [errorText, setErrorText] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const [timeNextReq, setTimeNextReq] = useState(0);
+    const [isTimerStarted, setIsTimerStarted] = useState(false);
+    const [attemps, setAttemps] = useState(0);
+    const resetError = useCallback(() => {
+        setHasError(false);
+        setErrorText('');
+    }, []);
+    const isTimeExpired = useMemo(() => timeNextReq === 0 && isTimerStarted, [timeNextReq, isTimerStarted]);
+    const isSubmitButtonDisabled = useMemo(() => attemps > 2 || !values.every(Boolean) || isTimeExpired, [values]);
+    const handleSubmit = useCallback(async () => {
+        try {
+            setIsTimerStarted(false);
+            setTimeNextReq(0);
+            setAttemps(attemps + 1);
+            setIsLoading(true);
+            await RETAIL_API.CheckCode({
+                smsText: values.join(''),
+                smsCodesSetName: { key: 'AUTHENTICATION' },
+            });
+            resetError();
+            close && close();
+        }
+        catch {
+            setIsLoading(false);
+            attemps > 1 ? setErrorText('Исчерпан лимит ввода смс-кода') : setErrorText('Неверный код');
+            setHasError(true);
+        }
+    }, [values, attemps]);
+    useEffect(() => {
+        if (isTimeExpired) {
+            setHasError(true);
+            setErrorText('Код просрочен');
+        }
+        else {
+            setHasError(false);
+        }
+    }, [isTimeExpired]);
+    return {
+        handleSubmit,
+        hasError,
+        errorText,
+        isLoading,
+        timeNextReq,
+        isSubmitButtonDisabled,
+        setTimeNextReq,
+        setIsTimerStarted,
+        setAttemps,
+    };
+};
+//# sourceMappingURL=useVerifyPhoneDialogSubmit.js.map

package/lib/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialogSubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVerifyPhoneDialogSubmit.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialogSubmit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAO3D,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAmC,EAAE,EAAE;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,YAAY,CAAC,EAAE,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,WAAW,KAAK,CAAC,IAAI,cAAc,EACzC,CAAC,WAAW,EAAE,cAAc,CAAC,CAC9B,CAAC;IAEF,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,aAAa,EAC5D,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,IAAI;YACF,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,cAAc,CAAC,CAAC,CAAC,CAAC;YAClB,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,UAAU,CAAC,SAAS,CAAC;gBACzB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBACxB,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;aAC3C,CAAC,CAAC;YACH,UAAU,EAAE,CAAC;YACb,KAAK,IAAI,KAAK,EAAE,CAAC;SAClB;QAAC,MAAM;YACN,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,+BAA+B,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;YAC3F,WAAW,CAAC,IAAI,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE;YACjB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,YAAY,CAAC,eAAe,CAAC,CAAC;SAC/B;aAAM;YACL,WAAW,CAAC,KAAK,CAAC,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO;QACL,YAAY;QACZ,QAAQ;QACR,SAAS;QACT,SAAS;QACT,WAAW;QACX,sBAAsB;QACtB,cAAc;QACd,iBAAiB;QACjB,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}

package/mobile/bundle/api/RetailApi/RetailApi.d.ts

@@ -1,4 +1,4 @@
-import { type CheckCodeBody, type CreateDraftTaskBody, type CreateDraftTaskResponse, type CreateUserProfileBody, type CreateUserProfileResponse, type SendCodeBody, type UpdateUserProfileBody, type UpdateUserTaskBody } from './RetailApiTypes';
+import { type CapchaTextType, type CheckCodeBody, type CreateDraftTaskBody, type CreateDraftTaskResponse, type CreateUserProfileBody, type CreateUserProfileResponse, type SendCodeBody, type UpdateUserProfileBody, type UpdateUserTaskBody } from './RetailApiTypes';
 export declare const RETAIL_API: {
     CreateUserProfile: (body: CreateUserProfileBody) => Promise<CreateUserProfileResponse>;
     UpdateUserProfile: (body: UpdateUserProfileBody) => Promise<unknown>;
@@ -6,4 +6,6 @@ export declare const RETAIL_API: {
     UpdateUserTask: (body: UpdateUserTaskBody) => Promise<unknown>;
     SendCode: (body: SendCodeBody) => Promise<unknown>;
     CheckCode: (body: CheckCodeBody) => Promise<void>;
+    CreateCaptcha: (phoneNumber: string) => Promise<Response>;
+    CheckCaptcha: (body: CapchaTextType) => Promise<Response>;
 };

package/mobile/bundle/api/RetailApi/RetailApiTypes.d.ts

@@ -81,3 +81,6 @@ export declare type CheckCodeResponse = {
     expires_in: number;
     refresh_token: string;
 };
+export declare type CapchaTextType = {
+    captchaText: string;
+};

package/mobile/bundle/bundle.umd.js

@@ -1130,9 +1130,9 @@
             onChange && onChange(!value);
         }, [onChange, disabled, value]);
         const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
-        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$2(text)] }) }));
+        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$3(text)] }) }));
     });
-    const renderText$2 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
+    const renderText$3 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
     const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');
     const role = (isRadio = false) => (isRadio ? 'radio' : 'checkbox');
     const checkboxStyle = (value = false) => style('rounded border', { 'bg-primary-main': value });
@@ -1429,6 +1429,8 @@
     const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
     const nameValidator = validator((_) => typeof _ === 'string' && _.length > 1)(ERROR_MESSAGE);
     const lengthStringValidator = (maxLength) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(ERROR_MESSAGE);
+    const serieValidator = validator((_) => typeof _ === 'string' && _.length === 4)(ERROR_MESSAGE);
+    const numberValidator = validator((_) => typeof _ === 'string' && _.length === 6)(ERROR_MESSAGE);
     const innValidator = validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(ERROR_MESSAGE);
     const phoneValidator = pattern(/^(\+7)?[\s-]?\(?[0-9]{3}\)?[\s-]?[0-9]{3}[\s-]?[0-9]{2}[\s-]?[0-9]{2}$/)(ERROR_MESSAGE);
     const agreementValidator = validator((_) => typeof _ === 'boolean' && _)('Согласие обязательно');
@@ -1471,6 +1473,11 @@
         employerOrganization: defaultValidator,
         positionOrganization: defaultValidator,
         email: emailValidator,
+        dulSerie: serieValidator,
+        dulNumber: numberValidator,
+        dulIssueDateField: defaultValidator,
+        dulSubdivisionCode: numberValidator,
+        dulIssuedBy: defaultValidator,
         fullName: nameValidator,
         inn: innValidator,
         legalForm: defaultValidator,
@@ -1918,6 +1925,16 @@
 
     const DesiredMeetingDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u0432\u0441\u0442\u0440\u0435\u0447\u0438", ...getValidation(field('desiredMeetingDate'), validatorObj.meetingDay, input?.required) })));
 
+    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field('dulIssueDateField'), validatorObj.dulIssueDateField, input?.required) })));
+
+    const DulIssuedBy = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...getValidation(field('dulIssuedBy'), validatorObj.dulIssuedBy, input?.required) })));
+
+    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
+
+    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
+
+    const DulSubdivisionCode = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", type: "number", ...getValidation(field('dulSubdivisionCode'), validatorObj.dulSubdivisionCode, input?.required) })));
+
     const EducationField = JSX(({ field, input }) => {
         const { data: education } = useLeadFormData('EDUCATION_LEVEL');
         return (jsx(SelectField, { field: field, source: education, label: "\u041E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435", fieldName: "education", input: input }));
@@ -2224,6 +2241,11 @@
             snils: jsx(SnilsField, { field: field, input: input }),
             conscription: jsx(ConscriptionField, { field: field, input: input }),
             armyIdFlg: jsx(ArmyIdFlgField, { field: field, input: input }),
+            dulSerie: jsx(DulSerieField, { field: field, input: input }),
+            dulNumber: jsx(DulNumberField, { field: field, input: input }),
+            dulIssueDateField: jsx(DulIssueDateField, { field: field, input: input }),
+            dulSubdivisionCode: jsx(DulSubdivisionCode, { field: field, input: input }),
+            dulIssuedBy: jsx(DulIssuedBy, { field: field, input: input }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(i))) : null;
     };
@@ -2536,6 +2558,7 @@
 
     const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
 
+    const getResponse = (response) => (isJSON(response) ? response.json() : response);
     const getAthorizationHeaders = () => {
         const token = sessionStorage.getItem('accessToken');
         return token ? { Authorization: `Bearer ${token}` } : null;
@@ -2549,7 +2572,18 @@
         },
         credentials: 'include',
         body: body ? JSON.stringify(body) : null,
-    }).then((response) => (isJSON(response) ? response.json() : response));
+    })
+        .then((response) => {
+        if (response.ok) {
+            return getResponse(response);
+        }
+        else {
+            throw response;
+        }
+    })
+        .catch((error) => {
+        throw error;
+    });
     const saveToken = (data) => {
         sessionStorage.setItem('accessToken', data.access_token);
         sessionStorage.setItem('refreshToken', data.refresh_token);
@@ -2561,6 +2595,8 @@
         UpdateUserTask: async (body) => await request('/user-data/updateUserTask', 'PUT', body),
         SendCode: async (body) => await request('/sms/sendCode', 'POST', body),
         CheckCode: async (body) => await request('/sms/checkCode', 'POST', body).then(saveToken),
+        CreateCaptcha: async (phoneNumber) => await request(`/sms/createCaptcha?phoneNumber=${phoneNumber}`, 'GET'),
+        CheckCaptcha: async (body) => await request('/sms/checkCaptcha', 'POST', body),
     };
 
     const getUpdateUserProfileData = (profileId, formData) => {
@@ -2625,6 +2661,71 @@
         },
     });
 
+    const ICON_SIZE$1 = { width: '103', height: '21' };
+
+    const logoTitleSizeStyle = 'text-s';
+
+    const ICON_VERSION_MAP = {
+        'bg-white': 'color',
+        transparent: 'white',
+    };
+    const SVG_COLOR = {
+        'bg-white': 'text-primary-main',
+        transparent: 'text-white',
+    };
+    const renderImage = (bgColor, image, size) => {
+        const img = image?.src
+            ? image
+            : {
+                icon: image?.icon || 'LogoIcon',
+                iconVersion: ICON_VERSION_MAP[bgColor],
+            };
+        return (jsx(Img, { image: img, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height }));
+    };
+
+    const TEXT_COLOR = {
+        'bg-white': 'text-primary-text',
+        transparent: 'text-white',
+    };
+    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, data, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: logo?.href ?? href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(data), children: [renderImage(bgColor, logo?.image, ICON_SIZE$1), showTitle
+                ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title ?? 'Россельхозбанк' }) }))
+                : null] })));
+
+    const checkCaptcha = async ({ code, setHasError, close, sendCode = noop, }) => {
+        const response = await RETAIL_API.CheckCaptcha({ captchaText: code });
+        if ((await response.text()) === 'ERROR') {
+            setHasError(true);
+        }
+        else {
+            sendCode();
+            close?.();
+        }
+    };
+
+    const createCaptcha = async (setCaptcha, phoneNumber) => {
+        const response = await RETAIL_API.CreateCaptcha(phoneNumber);
+        setCaptcha(URL.createObjectURL(await response.blob()));
+    };
+
+    const CaptchaDialog = JSX(({ phoneNumber, close, sendCode, onClose }) => {
+        const [captcha, setCaptcha] = useState('');
+        const [code, setCode] = useState('');
+        const [hasError, setHasError] = useState(false);
+        useEffect(() => {
+            createCaptcha(setCaptcha, phoneNumber);
+        }, []);
+        return (jsx(Dialog, { head: jsx(Logo, {}), onClose: onClose, className: "my-6xl max-w-lg w-full min-h-fit mx-auto rounded-lg", children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [jsxs("div", { className: "flex h-[140px] w-[300px]", children: [jsx("img", { className: "grow", src: captcha }), jsx("div", { onClick: () => createCaptcha(setCaptcha, phoneNumber), className: "flex w-8 items-center justify-center cursor-pointer", children: jsx(Icon, { iconVersion: "normal", name: "RefreshIcon" }) })] }), jsx(Input, { className: "w-[300px]", onChange: setCode, value: code, placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434 \u0441 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438" }), hasError ? jsx("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null, jsxs("div", { className: "flex w-[310px] justify-between", children: [jsx(Button, { onClick: close, version: "secondary", children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F" }), jsx(Button, { type: "submit", disabled: !code, onClick: () => checkCaptcha({ code, setHasError, close, sendCode }), version: "secondary", children: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C" })] })] }) }));
+    });
+
+    const useCaptchaDialog = (initialProps, onClose) => {
+        const { open, close, closeAll } = useDialogManager();
+        return {
+            open: () => open(jsx(CaptchaDialog, { close: close, onClose: onClose, ...initialProps })),
+            close,
+            closeAll,
+        };
+    };
+
     const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
             'backdrop-blur': blur,
         }), children: jsx("div", { className: style('inline-block h-28 w-28', 'animate-spin rounded-full', 'border-8 border-solid border-current', 'border-r-transparent', color), role: "status" }) })));
@@ -2649,7 +2750,24 @@
         return `${minutes}:${seconds}`;
     };
 
-    const InputCode = JSX(({ values, setValues, hasError }) => {
+    const handleSendCode = async ({ phoneNumber, captchaDialog, setTimeNextReq, setIsTimerStarted, setAttemps, }) => {
+        try {
+            await RETAIL_API.SendCode({
+                phoneNumber: phoneNumber,
+                smsCodesSetName: { key: 'AUTHENTICATION' },
+            });
+            setAttemps(0);
+            setTimeNextReq(180);
+            setIsTimerStarted(true);
+        }
+        catch (e) {
+            if (e?.status === 429) {
+                captchaDialog.open();
+            }
+        }
+    };
+
+    const InputCode = JSX(({ values, setValues, hasError, errorText }) => {
         const [activeIndex, setActiveIndex] = useState(0);
         const inputRefs = useRef([]);
         useEffect(() => {
@@ -2686,7 +2804,7 @@
                                 inputRefs.current = [];
                             }
                             inputRefs.current[index] = ref;
-                        }, onFocus: (event) => event.target.select(), onKeyDown: handleKeyDown(index), className: getInputStyle(index, values, hasError) }, index))) }), hasError ? jsx("div", { className: "text-error", children: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434" }) : null] }));
+                        }, onFocus: (event) => event.target.select(), onKeyDown: handleKeyDown(index), className: getInputStyle(index, values, hasError) }, index))) }), hasError ? jsx("div", { className: "text-error", children: errorText }) : null] }));
     });
     const getInputStyle = (index, values, hasError = false) => {
         const isInputEmpty = !values[index];
@@ -2697,42 +2815,85 @@
         return (jsx(Button, { type: "button", onClick: onClick, disabled: isDisabled, children: jsx(Text, { font: "font-medium", children: text }) }));
     });
 
-    const VerifyPhoneDialog = JSX(({ title, phone, description, __html, code = true, codeLength = 4, textButton = '', onClose, href = '', }) => {
-        const { close } = useDialogManager();
-        const [values, setValues] = useState(Array(codeLength).fill(''));
+    const useVerifyPhoneDialogSubmit = ({ close, values }) => {
         const [hasError, setHasError] = useState(false);
+        const [errorText, setErrorText] = useState('');
         const [isLoading, setIsLoading] = useState(false);
-        const [timeNextReq, setTimeNextReq] = useState(180);
-        const isValidCode = useMemo(() => values.every(Boolean), [values]);
-        useEffect(() => {
-            RETAIL_API.SendCode({
-                phoneNumber: phone,
-                smsCodesSetName: { key: 'AUTHENTICATION' },
-            });
+        const [timeNextReq, setTimeNextReq] = useState(0);
+        const [isTimerStarted, setIsTimerStarted] = useState(false);
+        const [attemps, setAttemps] = useState(0);
+        const resetError = useCallback(() => {
+            setHasError(false);
+            setErrorText('');
         }, []);
+        const isTimeExpired = useMemo(() => timeNextReq === 0 && isTimerStarted, [timeNextReq, isTimerStarted]);
+        const isSubmitButtonDisabled = useMemo(() => attemps > 2 || !values.every(Boolean) || isTimeExpired, [values]);
         const handleSubmit = useCallback(async () => {
             try {
+                setIsTimerStarted(false);
+                setTimeNextReq(0);
+                setAttemps(attemps + 1);
                 setIsLoading(true);
                 await RETAIL_API.CheckCode({
                     smsText: values.join(''),
                     smsCodesSetName: { key: 'AUTHENTICATION' },
                 });
-                globalThis.location.href = href;
-                close();
-                onClose && onClose();
+                resetError();
+                close && close();
             }
             catch {
                 setIsLoading(false);
+                attemps > 1 ? setErrorText('Исчерпан лимит ввода смс-кода') : setErrorText('Неверный код');
                 setHasError(true);
             }
-        }, [values]);
-        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg", children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [jsx(Headline, { className: "w-full", title: title, description: description, headlineVersion: "S", isEmbedded: true }), code ? jsx(InputCode, { values: values, setValues: setValues, hasError: hasError }) : null, timeNextReq ? (jsxs("div", { className: "flex flex-row text-l font-light text-primary-main", 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-primary-main ml-1", time: timeNextReq, setTime: setTimeNextReq })] })) : (jsx(LinkButton, { className: "text-primary-main", children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" })), jsx(RichText, { itemSize: "list-s", __html: __html }), textButton ? (jsx(SubmitButton, { isDisabled: !isValidCode, onClick: handleSubmit, text: textButton })) : null, isLoading ? jsx(Loader, { blur: false }) : null] }) }));
+        }, [values, attemps]);
+        useEffect(() => {
+            if (isTimeExpired) {
+                setHasError(true);
+                setErrorText('Код просрочен');
+            }
+            else {
+                setHasError(false);
+            }
+        }, [isTimeExpired]);
+        return {
+            handleSubmit,
+            hasError,
+            errorText,
+            isLoading,
+            timeNextReq,
+            isSubmitButtonDisabled,
+            setTimeNextReq,
+            setIsTimerStarted,
+            setAttemps,
+        };
+    };
+
+    const VerifyPhoneDialog = JSX(({ close = noop, onClose = noop, title, description, __html, code = true, codeLength = 4, textButton = '', phoneNumber = '+79999999999', }) => {
+        const [values, setValues] = useState(Array(codeLength).fill(''));
+        const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setIsTimerStarted, setAttemps, } = useVerifyPhoneDialogSubmit({ values, close });
+        const sendCode = useCallback(() => {
+            handleSendCode({
+                phoneNumber,
+                captchaDialog,
+                setTimeNextReq,
+                setIsTimerStarted,
+                setAttemps,
+            });
+        }, []);
+        const captchaDialog = useCaptchaDialog({ phoneNumber, sendCode }, onClose);
+        useEffect(() => {
+            sendCode();
+        }, []);
+        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg", children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md", children: [jsx(Headline, { className: "w-full", title: title, description: description, headlineVersion: "S", isEmbedded: true }), code ? (jsx(InputCode, { values: values, setValues: setValues, errorText: errorText, hasError: hasError })) : null, renderText$2(timeNextReq, setTimeNextReq, sendCode), jsx(RichText, { itemSize: "list-s", __html: __html }), renderTextButton(textButton, isSubmitButtonDisabled, handleSubmit), isLoading ? jsx(Loader, { blur: false }) : null] }) }));
     });
+    const renderTextButton = (textButton, isDisabled, handleSubmit) => textButton ? (jsx(SubmitButton, { isDisabled: isDisabled, onClick: handleSubmit, text: textButton })) : null;
+    const renderText$2 = (timeNextReq, setTimeNextReq, sendCode) => timeNextReq ? (jsxs("div", { className: "flex flex-row text-l font-light text-primary-main", 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-primary-main ml-1", time: timeNextReq, setTime: setTimeNextReq })] })) : (jsx(LinkButton, { onClick: sendCode, className: "text-primary-main", children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }));
 
     const useVerifyPhoneDialog = (props) => {
         const { open, close } = useDialogManager();
         return {
-            open: (options = {}) => open(jsx(VerifyPhoneDialog, { ...props }), options),
+            open: (options = {}) => open(jsx(VerifyPhoneDialog, { onClose: close, ...props }), options),
             close,
         };
     };
@@ -2759,7 +2920,7 @@
                                 programId,
                             });
                             await RETAIL_API.UpdateUserTask(getUpdateUserTaskData(participantId, taskId, profileId, formData));
-                            setResponseStatus('OK');
+                            globalThis.location.href = '/credit-lead';
                         }
                         catch {
                             setResponseStatus('Fail');
@@ -2767,7 +2928,7 @@
                     };
                     // eslint-disable-next-line react-hooks/rules-of-hooks
                     const verifyPhoneDialog = useVerifyPhoneDialog({
-                        onClose: handleSuccessVerify,
+                        close: handleSuccessVerify,
                         ...verifyPhoneContent(formData?.phone),
                     });
                     verifyPhoneDialog.open();
@@ -2785,14 +2946,13 @@
     const verifyPhoneContent = (phone) => ({
         title: 'Подтвердите номер телефона',
         description: `Мы отправили код на ${phone}`,
-        phone: formatPhone(phone),
+        phoneNumber: formatPhone(phone),
         textButton: 'Оформить',
         __html: `<span>Вводя код, я подтверждаю, что ознакомлен и подписываю:</span>
               <ul><li>соглашение о порядке использования простой электронной подписи,
               </li><li>согласие на обработку персональных данных,
               </li><li>предоставление и подписание прочих согласий Банка,
               </li><li>согласие на запрос в ПФР</li></ul>`,
-        href: '/credit-lead',
     });
 
     const useInitApplicationLead = () => {
@@ -4525,7 +4685,7 @@
         return null;
     };
 
-    const ICON_SIZE$1 = { width: '24', height: '24' };
+    const ICON_SIZE = { width: '24', height: '24' };
     const PaginationContainer = ({ currentPage, onPageChange, totalPages, }) => {
         const pages = useMemo(() => Array.from({ length: totalPages }).fill({
             currentPage,
@@ -4544,7 +4704,7 @@
         }, [currentPage, totalPages]);
         const handleFirstPage = useCallback(() => onPageChange(1), []);
         const handleLastPage = useCallback(() => onPageChange(totalPages), [totalPages]);
-        return (jsxs("div", { className: "flex gap-m items-center", children: [jsx("div", { onClick: handlePrevPage, children: jsx(Icon, { name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === 1), ...ICON_SIZE$1 }) }), jsxs("div", { className: "flex @lg:gap-2xs", children: [currentPage > 1 ? (jsx("div", { onClick: handleFirstPage, className: paginationBlockStyle, "aria-label": "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 1", children: "1" })) : null, currentPage > 3 ? jsx("div", { className: "py-m @lg:px-s", children: "..." }) : null, pages.map(renderPages), currentPage < totalPages - 2 ? jsx("div", { className: "py-m @lg:px-s", children: "..." }) : null, currentPage < totalPages ? (jsx("div", { onClick: handleLastPage, className: paginationBlockStyle, "aria-label": `Страница ${totalPages}`, children: totalPages })) : null] }), jsx("div", { onClick: handleNextPage, children: jsx(Icon, { className: "rotate-180", name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === totalPages), ...ICON_SIZE$1 }) })] }));
+        return (jsxs("div", { className: "flex gap-m items-center", children: [jsx("div", { onClick: handlePrevPage, children: jsx(Icon, { name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === 1), ...ICON_SIZE }) }), jsxs("div", { className: "flex @lg:gap-2xs", children: [currentPage > 1 ? (jsx("div", { onClick: handleFirstPage, className: paginationBlockStyle, "aria-label": "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 1", children: "1" })) : null, currentPage > 3 ? jsx("div", { className: "py-m @lg:px-s", children: "..." }) : null, pages.map(renderPages), currentPage < totalPages - 2 ? jsx("div", { className: "py-m @lg:px-s", children: "..." }) : null, currentPage < totalPages ? (jsx("div", { onClick: handleLastPage, className: paginationBlockStyle, "aria-label": `Страница ${totalPages}`, children: totalPages })) : null] }), jsx("div", { onClick: handleNextPage, children: jsx(Icon, { className: "rotate-180", name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === totalPages), ...ICON_SIZE }) })] }));
     };
     const getIconStyle = (condition) => condition ? 'opacity-20' : 'cursor-pointer hover:opacity-60';
 
@@ -4920,36 +5080,6 @@
         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] }) }));
     });
 
-    const ICON_SIZE = { width: '103', height: '21' };
-
-    const logoTitleSizeStyle = 'text-s';
-
-    const ICON_VERSION_MAP = {
-        'bg-white': 'color',
-        transparent: 'white',
-    };
-    const SVG_COLOR = {
-        'bg-white': 'text-primary-main',
-        transparent: 'text-white',
-    };
-    const renderImage = (bgColor, image, size) => {
-        const img = image?.src
-            ? image
-            : {
-                icon: image?.icon || 'LogoIcon',
-                iconVersion: ICON_VERSION_MAP[bgColor],
-            };
-        return (jsx(Img, { image: img, className: SVG_COLOR[bgColor], width: size?.width, height: size?.height }));
-    };
-
-    const TEXT_COLOR = {
-        'bg-white': 'text-primary-text',
-        transparent: 'text-white',
-    };
-    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, data, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: logo?.href ?? href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(data), children: [renderImage(bgColor, logo?.image, ICON_SIZE), showTitle
-                ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title ?? 'Россельхозбанк' }) }))
-                : null] })));
-
     const BUTTON_STYLE = {
         default: 'bg-main-divider text-primary-main rounded hover:text-primary-main',
         transparent: 'backdrop-opacity-30 bg-white/30 hover:text-primary-hover text-white',
@@ -6908,7 +7038,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.586";
+    const packageVersion = "0.14.588";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;