@redneckz/wildless-cms-uni-blocks 0.14.687 → 0.14.689

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

@@ -4,8 +4,9 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { sendCode } from '../../api/RetailAPI/sendCode.js';
 import { Headline } from '../../components/Headline/Headline.js';
 import { noop } from '../../utils/noop.js';
-import { useCaptchaDialog } from '../CaptchaDialog/useCaptchaDialog.js';
+import { CaptchaDialog } from '../CaptchaDialog/CaptchaDialog.js';
 import { Dialog } from '../DialogManager/Dialog.js';
+import { useDialog } from '../DialogManager/useDialog.js';
 import { LinkButton } from '../LinkButton/LinkButton.js';
 import { Loader } from '../Loader/Loader.js';
 import { RichText } from '../RichText/RichText.js';
@@ -13,28 +14,28 @@ import { Timer } from '../TimerCircle/Timer.js';
 import { InputCode } from './InputCode.js';
 import { SubmitButton } from './SubmitButton.js';
 import { useVerifyPhoneDialogSubmit } from './useVerifyPhoneDialogSubmit.js';
-export const VerifyPhoneDialog = JSX(({ close = noop, onClose = noop, title, description, __html, code = true, codeLength = 4, textButton = '', phoneNumber = '+79999999999', }) => {
+export const VerifyPhoneDialog = JSX(({ title, description, __html, code = true, codeLength = 4, textButton = 'Далее', phoneNumber = '+79999999999', onSuccess = noop, onClose = noop, }) => {
     const [values, setValues] = useState(Array(codeLength).fill(''));
-    const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setIsTimerStarted, setAttemps, } = useVerifyPhoneDialogSubmit({ values, close });
+    const { handleSubmit, hasError, errorText, isLoading, timeNextReq, isSubmitButtonDisabled, setTimeNextReq, setIsTimerStarted, setAttempts, } = useVerifyPhoneDialogSubmit({ values, onSuccess });
+    const captchaDialog = useDialog(CaptchaDialog);
     const handleSendCode = useCallback(async () => {
         const isSuccessSendCode = await sendCode({
-            phoneNumber: phoneNumber,
+            phoneNumber,
             smsCodesSetName: { key: 'AUTHENTICATION' },
         });
         if (isSuccessSendCode) {
-            setAttemps(0);
+            setAttempts(0);
             setTimeNextReq(180);
             setIsTimerStarted(true);
         }
         else {
-            captchaDialog.open();
+            captchaDialog.open({ phoneNumber, sendCode: handleSendCode, onClose });
         }
-    }, []);
-    const captchaDialog = useCaptchaDialog({ phoneNumber, sendCode: handleSendCode }, onClose);
+    }, [phoneNumber, onClose]);
     useEffect(() => {
         handleSendCode();
     }, []);
-    return (_jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-xl px-5xl py-0", 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(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 px-5xl py-0", 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(timeNextReq, setTimeNextReq, handleSendCode), _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 = (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" }));

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

@@ -1 +1 @@
-{"version":3,"file":"VerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VerifyPhoneDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/VerifyPhoneDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAc1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,KAAK,EACL,WAAW,EACX,MAAM,EACN,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,OAAO,EACpB,WAAW,GAAG,cAAc,EAC5B,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAI,GACf,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjE,MAAM,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,sBAAsB,EACtB,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,GAAG,0BAA0B,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAEtD,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;IAE/C,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC5C,MAAM,iBAAiB,GAAG,MAAM,QAAQ,CAAC;YACvC,WAAW;YACX,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;SAC3C,CAAC,CAAC;QAEH,IAAI,iBAAiB,EAAE;YACrB,WAAW,CAAC,CAAC,CAAC,CAAC;YACf,cAAc,CAAC,GAAG,CAAC,CAAC;YACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACL,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;SACxE;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,EAAE,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,kEAAkE,EAC5E,OAAO,EAAE,OAAO,YAEhB,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,EAChB,EAAE,EAAC,IAAI,GACP,EACD,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,SAAS,IACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,WAAW,EAAE,cAAc,EAAE,cAAc,CAAC,EAExD,KAAC,QAAQ,IAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,GAAI,EAE7C,gBAAgB,CAAC,UAAU,EAAE,sBAAsB,EAAE,YAAY,CAAC,EAElE,SAAS,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACvC,GACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,UAAmB,EAAE,YAAwB,EAAE,EAAE,CAC7F,UAAU,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,UAAU,GAAG,CACjB,WAAmB,EACnB,cAAuC,EACvC,cAA0B,EAC1B,EAAE,CACF,WAAW,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAC,2CAA2C,iLAExD,KAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,GAAI,IAC5E,CACP,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAC,mBAAmB,mHAErD,CACd,CAAC"}

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

@@ -1,8 +1,8 @@
 declare type useVerifyPhoneDialogSubmitProps = {
     values: string[];
-    close?: (smsCode?: string) => void;
+    onSuccess?: (smsCode?: string) => void;
 };
-export declare const useVerifyPhoneDialogSubmit: ({ close, values }: useVerifyPhoneDialogSubmitProps) => {
+export declare const useVerifyPhoneDialogSubmit: ({ values, onSuccess, }: useVerifyPhoneDialogSubmitProps) => {
     handleSubmit: () => Promise<void>;
     hasError: boolean;
     errorText: string;
@@ -11,6 +11,6 @@ export declare const useVerifyPhoneDialogSubmit: ({ close, values }: useVerifyPh
     isSubmitButtonDisabled: boolean;
     setTimeNextReq: (value: number | ((prevState: number) => number)) => void;
     setIsTimerStarted: (value: boolean | ((prevState: boolean) => boolean)) => void;
-    setAttemps: (value: number | ((prevState: number) => number)) => void;
+    setAttempts: (value: number | ((prevState: number) => number)) => void;
 };
 export {};

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

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

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

@@ -1 +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,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAO1D,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,SAAS,CAAC;gBACd,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,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;SACjC;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"}
+{"version":3,"file":"useVerifyPhoneDialogSubmit.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialog/useVerifyPhoneDialogSubmit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAO1D,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,MAAM,EACN,SAAS,GACuB,EAAE,EAAE;IACpC,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,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,KAAK,CAAC,IAAI,cAAc,CAAC,CAAC;IACnE,MAAM,sBAAsB,GAAG,QAAQ,GAAG,CAAC,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEvF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,IAAI;YACF,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,cAAc,CAAC,CAAC,CAAC,CAAC;YAClB,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAC1B,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,SAAS,CAAC;gBACd,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBACxB,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;aAC3C,CAAC,CAAC;YACH,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;SAC9B;QAAC,MAAM;YACN,YAAY,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;SAC/E;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO;QACL,YAAY;QACZ,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC;QAC5B,SAAS;QACT,SAAS;QACT,WAAW;QACX,sBAAsB;QACtB,cAAc;QACd,iBAAiB;QACjB,WAAW;KACZ,CAAC;AACJ,CAAC,CAAC"}

package/mobile/src/components/ApplicationForm/ApplicationForm.tsx

@@ -5,13 +5,14 @@ import { handleAspects } from '../../hooks/useAspects/handleAspects';
 import { useAspects } from '../../hooks/useAspects/useAspects';
 import { useForm } from '../../hooks/useForm';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
+import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { getConsentDataProcessing } from '../../ui-kit/FormField/getConsentDataProcessing';
 import { getField } from '../../ui-kit/FormField/getField';
 import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator';
 import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
 import { renderTitle } from '../../ui-kit/FormField/renderTitle';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-import { useResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/useResponseTypeDialog';
+import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseTypeDialog';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { objectValidator } from '../../validation/objectValidator';
@@ -44,7 +45,9 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
     const inputs = (sections?.flatMap((_) => _?.inputs) || []) as FieldDef[];
     const initialFormState = getInitialFormState(inputs, typeForm);
     const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
-    const responseTypeDialog = useResponseTypeDialog({ typeForm });
+
+    const responseTypeDialog = useDialog(ResponseTypeDialog);
+
     const handleSubmit = useCallback(
       async (formData: FormState, ev: PreventableEventWithTarget) => {
         const inputsFiltered = getFilteredInputs(inputs, formData);
@@ -57,7 +60,7 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
         setResponseType(status);
 
         if (status) {
-          responseTypeDialog.open({ responseType: status });
+          responseTypeDialog.open({ typeForm, responseType: status });
         }
         if (status === 'OK' && data) {
           const aspects = useAspects();
@@ -66,7 +69,7 @@ export const ApplicationForm = JSX<ApplicationFormProps>(
 
         return status;
       },
-      [],
+      [typeForm],
     );
 
     const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });

package/mobile/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx

@@ -1,12 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { ApplicationFormLayout } from '../../ui-kit/ApplicationFormLayout/ApplicationFormLayout';
+import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
 import { renderTitle } from '../../ui-kit/FormField/renderTitle';
 import { Loader } from '../../ui-kit/Loader/Loader';
-import { useResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/useResponseTypeDialog';
+import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseTypeDialog';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { renderInputs } from '../ApplicationForm/renderInputs';
@@ -22,7 +23,6 @@ interface ApplicationLeadFormProps extends ApplicationLeadFormContent, UniBlockP
 export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
   ({ className, title, programId = '', nextStepLink = '/credit-lead', button, ...rest }) => {
     const inputs = (applicationFormData?.flatMap((_) => _?.inputs) || []) as FieldDef[];
-    const [responseType, setResponseType] = useState<'OK' | 'Fail' | ''>('');
 
     const { isLoading } = useInitApplicationLead(nextStepLink);
     const [leadForm, setLeadForm] = useLocalStorage<FormState>('leadForm');
@@ -34,19 +34,14 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
       saveForm: setLeadForm,
     });
 
-    if (responseStatus) {
-      const responseTypeDialog = useResponseTypeDialog({ responseType: responseStatus });
-      responseTypeDialog.open();
-    }
-
-    const [, { field, onSubmit, reset }] = useForm(initialFormState, { onSubmit: handleSubmit });
+    const [, { field, onSubmit }] = useForm(initialFormState, { onSubmit: handleSubmit });
 
+    const responseTypeDialog = useDialog(ResponseTypeDialog);
     useEffect(() => {
-      if (responseType === 'OK') {
-        setResponseType('');
-        reset();
+      if (responseStatus) {
+        responseTypeDialog.open({ responseType: responseStatus });
       }
-    }, [responseType]);
+    }, [responseStatus]);
 
     return (
       <ApplicationFormLayout

package/mobile/src/components/ApplicationLeadForm/useApplicationLeadApi.ts

@@ -6,9 +6,10 @@ import { updateUserTask } from '../../api/RetailAPI/updateUserTask';
 import { getUpdateUserProfileData } from '../../api/RetailAPI/utils/getUpdateUserProfile';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { useConsentBkiDialog } from '../../ui-kit/ConsentBkiDialog/useConsentBkiDialog';
+import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { useEsiaLoginDialog } from '../../ui-kit/EsiaLoginDialog/useEsiaLoginDialog';
 import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator';
-import { useVerifyPhoneDialog } from '../../ui-kit/VerifyPhoneDialog/useVerifyPhoneDialog';
+import { VerifyPhoneDialog } from '../../ui-kit/VerifyPhoneDialog/VerifyPhoneDialog';
 import { formatPhone } from '../../utils/formatPhone';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
@@ -42,9 +43,10 @@ export const useApplicationLeadApi = ({
   const [, setProfileId] = useLocalStorage<number>('profileId');
   const [, setParticipantId] = useLocalStorage<number>('participantId');
   const [, setProgramId] = useLocalStorage<string>('programId');
-  const esiaLoginDialog = useEsiaLoginDialog(nextStepLink);
-  const consentBkiDialog = useConsentBkiDialog(esiaLoginDialog.open);
-  const verifyPhoneDialog = useVerifyPhoneDialog();
+
+  const openEsiaLoginDialog = useEsiaLoginDialog(nextStepLink);
+  const consentBkiDialog = useConsentBkiDialog(openEsiaLoginDialog);
+  const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
 
   const saveUserData = useCallback(
     ({ participantId, taskId, profileId, programId: programNumber }: UserData) => {
@@ -60,7 +62,7 @@ export const useApplicationLeadApi = ({
   const handleSubmit = useCallback(async (formData: FormState) => {
     const feedbackValidator = objectValidator(getObjectValidator(inputs));
     if (!isValidationSuccess(feedbackValidator(formData))) {
-      return console.warn('validation fail');
+      return;
     }
 
     try {
@@ -89,10 +91,10 @@ export const useApplicationLeadApi = ({
           .filter((_) => formData[_])
           .map((_) => CONSENTS[_]?.text);
 
-        verifyPhoneDialog.open(
-          handleSuccessVerify,
-          verifyPhoneContent(formData?.phone, acceptedConsents),
-        );
+        verifyPhoneDialog.open({
+          ...verifyPhoneContent(formData?.phone, acceptedConsents),
+          onSuccess: handleSuccessVerify,
+        });
       }
     } catch {
       setResponseStatus('Fail');
@@ -148,7 +150,7 @@ const verifyPhoneContent = (phone: string, consents: string[]) => ({
   title: 'Подтвердите номер телефона',
   description: `Мы отправили код на ${phone}`,
   phoneNumber: formatPhone(phone),
-  textButton: 'Оформить',
+  textButton: 'Далее',
   __html: `<span>Вводя код, я подтверждаю, что ознакомлен и подписываю:</span>${consentsToList(
     consents,
   )}`,

package/mobile/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -1,5 +1,5 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { updateProfileEsia } from '../../api/RetailAPI/updateProfileEsia';
 import { locationNavigator } from '../../external/locationNavigator';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
@@ -8,36 +8,43 @@ import { parseEsiaProfile } from './pasreEsiaProfile';
 
 export const useInitApplicationLead = (nextStepLink: string) => {
   const navigator = locationNavigator();
-  const [isLoading, setIsLoading] = useState(false);
-  const [profileId] = useLocalStorage<string>('profileId');
-  const [leadForm, setLeadForm] = useLocalStorage<FormState>('leadForm');
-  const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
-  const code = params.get('code');
-  const state = params.get('state');
-
-  const updateEsiaProfile = useCallback(async () => {
-    if (profileId && code && state) {
-      const data = await updateProfileEsia({
-        profileId: profileId,
-        code,
-        state,
-        redirectUri: navigator.href,
-      });
+  const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
+  const [, setLeadForm] = useLocalStorage<FormState>('leadForm');
 
-      data &&
-        setLeadForm({
-          ...leadForm,
-          ...parseEsiaProfile(data),
+  const updateEsiaProfile = useCallback(
+    async (profileId: string, code: string, state: string) => {
+      startLoading();
+      try {
+        const data = await updateProfileEsia({
+          profileId,
+          code,
+          state,
+          redirectUri: globalThis.location?.href,
         });
 
-      navigator.assign(nextStepLink);
-    }
-  }, []);
+        if (data) {
+          setLeadForm((_) => ({
+            ..._,
+            ...parseEsiaProfile(data),
+          }));
+        }
+
+        navigator.assign(nextStepLink);
+      } finally {
+        endLoading();
+      }
+    },
+    [nextStepLink],
+  );
 
   useEffect(() => {
-    if (code) {
-      setIsLoading(true);
-      updateEsiaProfile();
+    const profileId: string = JSON.parse(globalThis.localStorage?.getItem('profileId') ?? 'null');
+    const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
+    const code = params.get('code');
+    const state = params.get('state');
+
+    if (profileId && code && state) {
+      updateEsiaProfile(profileId, code, state);
     } else {
       sessionStorage.removeItem('accessToken');
       sessionStorage.removeItem('refreshToken');

package/mobile/src/components/Header/HeaderSecondaryMenu.tsx

@@ -7,8 +7,9 @@ import { getAspectsWithInclude } from '../../hooks/useAspects/aspects/getAspects
 import { useLocation } from '../../hooks/useLocation';
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type IconVersion } from '../../model/IconVersion';
-import { useLocationDialog } from '../../ui-kit/LocationDialog/useLocationDialog';
-import { useSearchDialog } from '../../ui-kit/SearchDialog/useSearchDialog';
+import { useDialog } from '../../ui-kit/DialogManager/useDialog';
+import { LocationDialog } from '../../ui-kit/LocationDialog/LocationDialog';
+import { SearchDialog } from '../../ui-kit/SearchDialog/SearchDialog';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 import { style } from '../../utils/style';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
@@ -24,11 +25,11 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
 
     const currentLocation = useLocation(rest?.branches?.default);
 
-    const searchDialog = useSearchDialog(rest);
-    const locationDialog = useLocationDialog(rest);
+    const searchDialog = useDialog(SearchDialog, rest);
+    const locationDialog = useDialog(LocationDialog, rest);
 
-    const openSearchDialog = useCallback(() => searchDialog.open(), [searchDialog]);
-    const openLocationDialog = useCallback(() => locationDialog.open(), [locationDialog]);
+    const openSearchDialog = useCallback(() => searchDialog.open({}), [searchDialog]);
+    const openLocationDialog = useCallback(() => locationDialog.open({}), [locationDialog]);
 
     return (
       <div

package/mobile/src/components/LinkDocs/LinkDocs.tsx

@@ -14,7 +14,7 @@ import {
   type LinkDocsContent,
 } from './LinkDocsContent';
 import { renderDefaultItem } from './renderDefaultItem';
-import { ReportDialogButton } from './RepordDialogButton';
+import { ReportDialogButton } from './ReportDialogButton';
 
 const linkColumnsModeStyleMap: Record<LinkColumnsMode, string> = {
   double: 'sm:flex-wrap sm:flex-row',

package/mobile/src/components/LinkDocs/{RepordDialogButton.tsx → ReportDialogButton.tsx}

@@ -1,18 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { type ReportDialogProps } from '../../ui-kit/ReportDialog/ReportDialog';
-import { useReportDialog } from '../../ui-kit/ReportDialog/useReportDialog';
+import { useDialog } from '../../ui-kit/DialogManager/useDialog';
+import { ReportDialog, type ReportDialogProps } from '../../ui-kit/ReportDialog/ReportDialog';
 import { Text } from '../../ui-kit/Text/Text';
 import { renderImg } from './renderDefaultItem';
 
 export const ReportDialogButton = JSX<ReportDialogProps>(({ text, href, target, __html, icon }) => {
-  if (!text && !__html) {
-    return null;
-  }
-  const reportDialog = useReportDialog({ __html, href, target });
-  const openReportDialog = useCallback(() => reportDialog.open(), [reportDialog]);
+  const { open } = useDialog(ReportDialog);
+  const openReportDialog = useCallback(
+    () => open({ __html, href, target }),
+    [__html, href, target],
+  );
 
-  return (
+  return text ? (
     <button
       className="flex gap-s text-primary-text no-underline hover:text-primary-main"
       onClick={openReportDialog}
@@ -20,5 +20,5 @@ export const ReportDialogButton = JSX<ReportDialogProps>(({ text, href, target,
       {renderImg(icon)}
       <Text font="font-light">{text}</Text>
     </button>
-  );
+  ) : null;
 });

package/mobile/src/components/StickyBottomMenu/BurgerMenuDialog.tsx

@@ -5,23 +5,22 @@ import { type JSONRefObject } from '../../data/JSONRefObject';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
 import { env } from '../../Env';
 import { useLocation } from '../../hooks/useLocation';
+import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import { useLocationDialog } from '../../ui-kit/LocationDialog/useLocationDialog';
+import { LocationDialog } from '../../ui-kit/LocationDialog/LocationDialog';
 import { getBasePath } from '../../utils/getBasePath';
 import { StickyBottomMenuDialog } from './StickyBottomMenuDialog';
 
 export interface BurgerMenuDialogProps {
-  menuRef: {
-    current?: HTMLDivElement | null;
-  };
+  menuRef: { current?: HTMLDivElement | null };
   menuItem?: StickyMenuItem;
   locationDialogProps?: HeaderData & JSONRefObject;
-  closeAll: () => void;
+  onClose?: () => void;
 }
 
 export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>(
-  ({ menuRef, menuItem, locationDialogProps, closeAll }) => {
-    const locationDialog = useLocationDialog(locationDialogProps || {});
+  ({ menuRef, menuItem, locationDialogProps, onClose }) => {
+    const locationDialog = useDialog(LocationDialog, locationDialogProps);
     const { name: location } = useLocation();
     const menuDimensions = menuRef?.current?.getBoundingClientRect();
     const basePath = getBasePath(env.SITE_URL);
@@ -42,10 +41,10 @@ export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>(
     useEffect(() => {
       const onMessage = (e: MessageEvent<any>) => {
         if (e.data.type === 'location') {
-          locationDialog.open();
+          locationDialog.open({});
         }
         if (e.data.type === 'reload') {
-          closeAll();
+          onClose?.();
         }
         if (e.data.type === 'resize') {
           const ifDoc: HTMLIFrameElement = document.getElementsByTagName('iframe')['iframe-dialog'];
@@ -59,16 +58,17 @@ export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>(
       return () => {
         globalThis.removeEventListener('message', onMessage);
       };
-    }, []);
+    }, [onClose]);
 
     return (
       <StickyBottomMenuDialog
-        onClick={(e) => e.stopPropagation()}
         head={
           <div className="flex items-center justify-center px-xl">
             <Heading as="h4" title={menuItem?.title} className="font-medium" />
           </div>
         }
+        onClick={(e) => e.stopPropagation()}
+        onClose={onClose}
       >
         <div className="bg-white pb-20 pt-1 text-l">
           <iframe

package/mobile/src/components/StickyBottomMenu/StickyBottomMenu.tsx

@@ -28,41 +28,39 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
   const [activeIndex, setActiveIndex] = useState(-1);
   const [currentItemPosition, setCurrentItemPosition] = useState<string>('');
 
-  const { open: openDialog, closeAll } = useDialogManager();
+  const { closeAll } = useDialogManager();
 
-  const closeDialog = useCallback(() => {
+  const handleClose = useCallback(() => {
     setActiveIndex(-1);
     setCurrentItemPosition('');
     closeAll();
   }, [closeAll]);
 
-  const dialogRef = useOutsideClick<HTMLDivElement>(closeDialog);
+  const dialogRef = useOutsideClick<HTMLDivElement>(handleClose);
   const menuRef = useRef<HTMLDivElement | null>(null);
 
   const [isBurgerMenuDialogOpen, { toggle }] = useBurgerMenuDialog({
     menuRef,
     centralMenuItem,
-    closeAll,
-    openDialog,
     locationDialogProps: rest.header,
+    onClose: handleClose,
   });
 
-  const [{ openBottomMenuItemDialog }] = useBottomMenuItemDialog({
+  const openBottomMenuItemDialog = useBottomMenuItemDialog({
     menuRef,
     dialogRef,
-    closeDialog,
-    openDialog,
     leftItems,
     rightItems,
+    onClose: handleClose,
   });
 
   const handleMenuBurgerClick = useCallback(
     (e: PreventableEvent) => {
-      closeDialog();
       e.stopPropagation();
+      handleClose();
       toggle();
     },
-    [closeDialog, toggle],
+    [handleClose, toggle],
   );
 
   const handleMenuItemClick = useCallback(