@redneckz/wildless-cms-uni-blocks 0.14.713 → 0.14.715

package/mobile/lib/setup-fixture.js

@@ -1,8 +1,10 @@
 import '@redneckz/uni-jsx/lib/setup.react';
 import { useEffect, useState } from 'react';
 import { handlerDecorator } from './external/handlerDecorator.js';
+import { locationNavigator } from './external/locationNavigator.js';
 import { useRouter } from './external/useRouter.js';
 import { projectSettings } from './ProjectSettings.js';
+import { noop } from './utils/noop.js';
 import { joinPath } from './utils/url.js';
 import wlc from './wlc.json.js';
 projectSettings.setup(wlc);
@@ -40,4 +42,13 @@ handlerDecorator.setup((handler) => (ev) => {
     }
     handler(ev);
 });
+locationNavigator.setup(() => ({
+    assign: noop,
+    get href() {
+        return globalThis.location.href;
+    },
+    get origin() {
+        return globalThis.location.origin;
+    },
+}));
 //# sourceMappingURL=setup-fixture.js.map

package/mobile/lib/setup-fixture.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../src/setup-fixture.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE3B,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,UAAU,CAAC,gBAAgB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QAE7D,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,IAAI;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI,GAAG,CAAC,IAAc,CAAC,CAAC,QAAQ;QAC1C,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC1E,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,EAAE,CAAC,GAAW,EAAE,EAAE;YACvB,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,EAAE,GAAG,EAAE;YACT,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,EAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC9C,MAAM,gBAAgB,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,KAAK,QAAQ,CAAC;IAEvD,IAAI,CAAC,gBAAgB,EAAE;QACrB,EAAE,EAAE,cAAc,EAAE,CAAC;KACtB;IAED,OAAO,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC,CAAC"}
+{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../src/setup-fixture.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE3B,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,UAAU,CAAC,gBAAgB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QAE7D,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,IAAI;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI,GAAG,CAAC,IAAc,CAAC,CAAC,QAAQ;QAC1C,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC1E,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,EAAE,CAAC,GAAW,EAAE,EAAE;YACvB,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,EAAE,GAAG,EAAE;YACT,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,EAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC9C,MAAM,gBAAgB,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,KAAK,QAAQ,CAAC;IAEvD,IAAI,CAAC,gBAAgB,EAAE;QACrB,EAAE,EAAE,cAAc,EAAE,CAAC;KACtB;IAED,OAAO,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,MAAM,EAAE,IAAI;IACZ,IAAI,IAAI;QACN,OAAO,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;IAClC,CAAC;IACD,IAAI,MAAM;QACR,OAAO,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC;IACpC,CAAC;CACF,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Button/Button.d.ts

@@ -7,6 +7,7 @@ export interface ButtonProps extends ControlStateProps, ARIAProps {
     version?: ButtonVersion;
     type?: 'button' | 'submit' | 'reset';
     rounded?: boolean;
+    isLoading?: boolean;
     role?: string;
     onClick?: (ev?: PreventableEvent) => void;
 }

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

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
+import { Loader } from '../Loader/Loader.js';
 import { useButton } from './useButton.js';
 const buttonStyleMap = {
     primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
@@ -12,13 +13,13 @@ const secondaryButtonStyleMap = {
 };
 export const Button = JSX(({ children, ...props }) => {
     const button = useButton();
-    const { className, version = 'primary', active, disabled, type = 'button', rounded = true, role, onClick, } = button(props);
-    return (_jsx("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs', {
+    const { className, version = 'primary', active, disabled, isLoading, type = 'button', rounded = true, role, onClick, } = button(props);
+    return (_jsxs("button", { className: style('font-sans px-9 py-4', 'flex justify-center items-center gap-xs relative', {
             'text-white bg-primary-active': active,
-            'bg-main-gray text-main-disabled cursor-not-allowed': disabled,
+            'bg-main-gray text-main-disabled cursor-not-allowed': disabled || isLoading,
             'rounded-md': rounded,
-        }, !active && !disabled
+        }, !active && !disabled && !isLoading
             ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
-            : '', className), type: type, role: role, onClick: onClick, children: children }));
+            : '', className), type: type, role: role, onClick: onClick, children: [isLoading ? _jsx(Loader, { blur: true, size: "small" }) : null, children] }));
 });
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;CACvG,CAAC;AAEF,MAAM,uBAAuB,GAAkC;IAC7D,OAAO,EAAE,KAAK,CACZ,sEAAsE,EACtE,mFAAmF,EACnF,+CAA+C,CAChD;IACD,SAAS,EAAE,KAAK,CACd,kEAAkE,EAClE,6CAA6C,EAC7C,+CAA+C,CAChD;CACF,CAAC;AAWF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,EACJ,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,OAAO,GACR,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElB,OAAO,CACL,iBACE,SAAS,EAAE,KAAK,CACd,qBAAqB,EACrB,yCAAyC,EACzC;YACE,8BAA8B,EAAE,MAAM;YACtC,oDAAoD,EAAE,QAAQ;YAC9D,YAAY,EAAE,OAAO;SACtB,EACD,CAAC,MAAM,IAAI,CAAC,QAAQ;YAClB,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;YAClE,CAAC,CAAC,EAAE,EACN,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEf,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,oGAAoG;CACvG,CAAC;AAEF,MAAM,uBAAuB,GAAkC;IAC7D,OAAO,EAAE,KAAK,CACZ,sEAAsE,EACtE,mFAAmF,EACnF,+CAA+C,CAChD;IACD,SAAS,EAAE,KAAK,CACd,kEAAkE,EAClE,6CAA6C,EAC7C,+CAA+C,CAChD;CACF,CAAC;AAYF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,EACJ,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,OAAO,GACR,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElB,OAAO,CACL,kBACE,SAAS,EAAE,KAAK,CACd,qBAAqB,EACrB,kDAAkD,EAClD;YACE,8BAA8B,EAAE,MAAM;YACtC,oDAAoD,EAAE,QAAQ,IAAI,SAAS;YAC3E,YAAY,EAAE,OAAO;SACtB,EACD,CAAC,MAAM,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS;YAChC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;YAClE,CAAC,CAAC,EAAE,EACN,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,aAEf,SAAS,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,EACtD,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Loader/Loader.d.ts

@@ -3,6 +3,7 @@ interface LoaderProps {
     color?: TextColor;
     position?: 'static' | 'absolute';
     blur?: boolean;
+    size?: 'small' | 'big';
 }
 export declare const Loader: import("@redneckz/uni-jsx").UNIComponent<LoaderProps, any, any>;
 export {};

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
-export 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, {
+export const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (_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" }) })));
+    }), children: _jsx("div", { className: style('inline-block ', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28', color), role: "status" }) })));
 //# sourceMappingURL=Loader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui-kit/Loader/Loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAQ1C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAE,QAAQ,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACvE,cACE,SAAS,EAAE,KAAK,CAAC,qDAAqD,EAAE,QAAQ,EAAE;QAChF,eAAe,EAAE,IAAI;KACtB,CAAC,YAEF,cACE,SAAS,EAAE,KAAK,CACd,wBAAwB,EACxB,2BAA2B,EAC3B,sCAAsC,EACtC,sBAAsB,EACtB,KAAK,CACN,EACD,IAAI,EAAC,QAAQ,GACb,GACE,CACP,CACF,CAAC"}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui-kit/Loader/Loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAE,QAAQ,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrF,cACE,SAAS,EAAE,KAAK,CAAC,qDAAqD,EAAE,QAAQ,EAAE;QAChF,eAAe,EAAE,IAAI;KACtB,CAAC,YAEF,cACE,SAAS,EAAE,KAAK,CACd,eAAe,EACf,2BAA2B,EAC3B,6BAA6B,EAC7B,sBAAsB,EACtB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,EAC5D,KAAK,CACN,EACD,IAAI,EAAC,QAAQ,GACb,GACE,CACP,CACF,CAAC"}

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

@@ -1,8 +1,9 @@
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { checkCode } from '../../api/RetailAPI/checkCode.js';
 export const useVerifyPhoneDialogSubmit = ({ values, onSuccess, }) => {
     const [errorText, setErrorText] = useState('');
-    const [isLoading, setIsLoading] = useState(false);
+    const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
     const [timeNextReq, setTimeNextReq] = useState(0);
     const [isTimerStarted, setIsTimerStarted] = useState(false);
     const [attempts, setAttempts] = useState(0);
@@ -14,19 +15,19 @@ export const useVerifyPhoneDialogSubmit = ({ values, onSuccess, }) => {
             setIsTimerStarted(false);
             setTimeNextReq(0);
             setAttempts((_) => _ + 1);
-            setIsLoading(true);
+            startLoading();
             await checkCode({
                 smsText: values.join(''),
                 smsCodesSetName: { key: 'AUTHENTICATION' },
             });
             resetError();
-            onSuccess?.(values.join(''));
+            await onSuccess?.(values.join(''));
         }
         catch {
             setErrorText(attempts > 1 ? 'Исчерпан лимит ввода смс-кода' : 'Неверный код');
         }
         finally {
-            setIsLoading(false);
+            endLoading();
         }
     }, [values, attempts]);
     useEffect(() => {

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,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"}
+{"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,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,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,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IACpF,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,EAAE,CAAC;YACf,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,MAAM,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;SACpC;QAAC,MAAM;YACN,YAAY,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;SAC/E;gBAAS;YACR,UAAU,EAAE,CAAC;SACd;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/api/RetailAPI/sendCode.ts

@@ -1,5 +1,4 @@
-import { fetchRetailJSON } from './doRequest';
-import { type StatusType } from './StatusType';
+import { doRequest } from './doRequest';
 
 export type SendCodeBody = {
   phoneNumber: string;
@@ -8,17 +7,7 @@ export type SendCodeBody = {
   };
 };
 
-type SendCodeErrorResult = { errorMessage: string };
-
 export const sendCode = (body: SendCodeBody) =>
-  fetchRetailJSON<StatusType | SendCodeErrorResult>('/sms/sendCode', 'POST', body).then(
-    (res) => !isErrorResult(res, body.phoneNumber),
-  );
-
-const isErrorResult = (
-  res: StatusType | SendCodeErrorResult | null,
-  phoneNumber: string,
-): res is SendCodeErrorResult =>
-  Boolean(res) &&
-  typeof res !== 'string' &&
-  Boolean(res?.errorMessage?.startsWith(`Too many request for phoneNumber [${phoneNumber}]`));
+  doRequest('/sms/sendCode', 'POST', body)
+    .then((res) => res.text())
+    .then((text) => text === 'OK');

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

@@ -26,7 +26,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
     );
 
     const [initialFormState, { isLoading }] = useInitApplicationLead(inputs, nextStepLink);
-    const { handleSubmit, responseStatus } = useApplicationLeadApi({
+    const { handleSubmit, responseStatus, isSending } = useApplicationLeadApi({
       inputs,
       programId,
       nextStepLink,
@@ -58,7 +58,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
               {renderInputs({ field, inputs: _?.inputs })}
             </div>
           ))}
-          {renderSubmitButton(button)}
+          {renderSubmitButton(button, isSending)}
         </form>
       </ApplicationFormLayout>
     );

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

@@ -2,8 +2,8 @@ import { Button } from '../../ui-kit/Button/Button';
 import { style } from '../../utils/style';
 import { type SubmitButtonProps } from './ApplicationLeadFormContent';
 
-export const renderSubmitButton = (button?: SubmitButtonProps, className?: string) => (
-  <Button className={style('w-full @xl:w-auto', className)} type="submit">
+export const renderSubmitButton = (button?: SubmitButtonProps, isSending?: boolean) => (
+  <Button className={style('w-full @xl:w-auto')} type="submit" isLoading={isSending}>
     {button?.text ? button.text : 'Отправить заявку'}
   </Button>
 );

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

@@ -1,4 +1,5 @@
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { createDraftTask } from '../../api/RetailAPI/createDraftTask';
 import { createUserProfile } from '../../api/RetailAPI/createUserProfile';
 import { getLastTaskStatus } from '../../api/RetailAPI/getLastTaskStatus';
@@ -33,6 +34,7 @@ export const useApplicationLeadApi = ({
   nextStepLink,
 }: ApplicationLeadApiProps) => {
   const [responseStatus, setResponseStatus] = useState<'OK' | 'Fail' | ''>('');
+  const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
   const saveUserData = useSaveUserData();
 
   const openEsiaLoginDialog = useEsiaLoginDialog(nextStepLink);
@@ -47,6 +49,7 @@ export const useApplicationLeadApi = ({
     }
 
     try {
+      startSending();
       const profileId = await createUserProfile({
         profile: { phone: formatPhone(formData.phone as string) },
       });
@@ -64,10 +67,7 @@ export const useApplicationLeadApi = ({
         };
         const handleSuccessVerify = async () => {
           try {
-            const lastTaskId = await getLastTaskStatus({
-              profileId,
-              programId,
-            });
+            const lastTaskId = await getLastTaskStatus({ profileId, programId });
 
             if (lastTaskId) {
               const task = await getTaskById({ taskId: lastTaskId });
@@ -85,15 +85,14 @@ export const useApplicationLeadApi = ({
           }
         };
 
-        const acceptedConsents: string[] = Object.keys(CONSENTS)
-          .filter((_) => formData[_])
-          .map((_) => CONSENTS[_]?.text);
+        const acceptedConsents = getAcceptedConsents(formData);
 
         verifyPhoneDialog.open({
           phone: formData?.phone,
           consents: acceptedConsents,
           onSuccess: handleSuccessVerify,
         });
+        endSending();
       }
     } catch {
       setResponseStatus('Fail');
@@ -103,9 +102,15 @@ export const useApplicationLeadApi = ({
   return {
     handleSubmit,
     responseStatus,
+    isSending,
   };
 };
 
+const getAcceptedConsents = (formData: LeadFormState): string[] =>
+  Object.keys(CONSENTS)
+    .filter((_) => formData[_])
+    .map((_) => CONSENTS[_]?.text);
+
 const updateUserData = async ({
   programId,
   profileId,

package/mobile/src/components/CreditCardForm/CreditCardFormStep.tsx

@@ -24,7 +24,7 @@ export const CreditCardFormStep = JSX<CreditCardFormStepProps>(
       [sections],
     );
 
-    const [initialState, onSubmit] = useCreditCardFormAPI({
+    const [initialState, onSubmit, isSending] = useCreditCardFormAPI({
       step,
       inputs,
       onNextStep,
@@ -38,7 +38,7 @@ export const CreditCardFormStep = JSX<CreditCardFormStepProps>(
     ) : (
       <form onSubmit={handleSubmit} className="space-y-m">
         {renderStep({ sections, field, step })}
-        <StepsNavigationButtons step={step} onPrevStep={onPrevStep} />
+        <StepsNavigationButtons isSending={isSending} step={step} onPrevStep={onPrevStep} />
       </form>
     );
   },

package/mobile/src/components/CreditCardForm/StepsNavigationButtons.tsx

@@ -3,19 +3,24 @@ import { Button } from '../../ui-kit/Button/Button';
 
 export interface StepsNavigationButtonsProps {
   step: number;
+  isSending: boolean;
   onPrevStep?: () => void;
 }
 
-export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(({ step, onPrevStep }) => {
-  const isFirstStep = step === 0;
-  const isFinalStep = step === 5;
+export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(
+  ({ step, isSending, onPrevStep }) => {
+    const isFirstStep = step === 0;
+    const isFinalStep = step === 5;
 
-  return (
-    <div className="flex justify-between gap-m">
-      <Button onClick={onPrevStep} type="button" version="secondary" disabled={isFirstStep}>
-        Назад
-      </Button>
-      <Button type="submit">{isFinalStep ? 'Отправить заявку' : 'Далее'}</Button>
-    </div>
-  );
-});
+    return (
+      <div className="flex justify-between gap-m">
+        <Button onClick={onPrevStep} type="button" version="secondary" disabled={isFirstStep}>
+          Назад
+        </Button>
+        <Button isLoading={isSending} type="submit">
+          {isFinalStep ? 'Отправить заявку' : 'Далее'}
+        </Button>
+      </div>
+    );
+  },
+);

package/mobile/src/components/CreditCardForm/useCreditCardFormAPI.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { updateUserTask } from '../../api/RetailAPI/updateUserTask';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator';
@@ -22,7 +23,8 @@ export const useCreditCardFormAPI = ({
   inputs,
   onNextStep,
   onFinish,
-}: CreditFormApiProps): [LeadFormState, (formData: LeadFormState) => void] => {
+}: CreditFormApiProps): [LeadFormState, (formData: LeadFormState) => void, boolean] => {
+  const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
   const isFinalStep = step === 5;
 
   const retailFormStore = useRetailFormStore();
@@ -61,6 +63,7 @@ export const useCreditCardFormAPI = ({
         return;
       }
 
+      startSending();
       retailFormStore.leadForm = formData;
 
       try {
@@ -84,12 +87,14 @@ export const useCreditCardFormAPI = ({
         }
       } catch (ex) {
         // Do nothing
+      } finally {
+        endSending();
       }
     },
     [isFinalStep, resetForm],
   );
 
-  return [initialState, handleSubmit];
+  return [initialState, handleSubmit, isSending];
 };
 
 const getValue =

package/mobile/src/components/CreditForm/CreditFormStep.tsx

@@ -30,7 +30,7 @@ export const CreditFormStep = JSX<CreditFormStepProps>(
       [sections],
     );
 
-    const [initialState, onSubmit] = useCreditFormAPI({
+    const [initialState, onSubmit, isSending] = useCreditFormAPI({
       step,
       inputs,
       onNextStep,
@@ -44,7 +44,7 @@ export const CreditFormStep = JSX<CreditFormStepProps>(
     ) : (
       <form onSubmit={handleSubmit} className="space-y-m">
         {renderStep({ sections, field, step, params: { calcData } })}
-        <StepsNavigationButtons step={step} onPrevStep={onPrevStep} />
+        <StepsNavigationButtons step={step} isSending={isSending} onPrevStep={onPrevStep} />
       </form>
     );
   },

package/mobile/src/components/CreditForm/StepsNavigationButtons.tsx

@@ -3,19 +3,24 @@ import { Button } from '../../ui-kit/Button/Button';
 
 export interface StepsNavigationButtonsProps {
   step: number;
+  isSending: boolean;
   onPrevStep?: () => void;
 }
 
-export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(({ step, onPrevStep }) => {
-  const isFirstStep = step === 0;
-  const isFinalStep = step === 5;
+export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(
+  ({ step, onPrevStep, isSending }) => {
+    const isFirstStep = step === 0;
+    const isFinalStep = step === 5;
 
-  return (
-    <div className={'flex justify-between gap-m'}>
-      <Button onClick={onPrevStep} type="button" version="secondary" disabled={isFirstStep}>
-        Назад
-      </Button>
-      <Button type="submit">{isFinalStep ? 'Отправить заявку' : 'Далее'}</Button>
-    </div>
-  );
-});
+    return (
+      <div className={'flex justify-between gap-m'}>
+        <Button onClick={onPrevStep} type="button" version="secondary" disabled={isFirstStep}>
+          Назад
+        </Button>
+        <Button type="submit" isLoading={isSending}>
+          {isFinalStep ? 'Отправить заявку' : 'Далее'}
+        </Button>
+      </div>
+    );
+  },
+);

package/mobile/src/components/CreditForm/useCreditFormAPI.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { updateUserTask } from '../../api/RetailAPI/updateUserTask';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { getCreditFormTaskData } from '../../services/retail/adaptors/getCreditFormTaskData';
@@ -22,7 +23,8 @@ export const useCreditFormAPI = ({
   inputs,
   onNextStep,
   onFinish,
-}: CreditFormApiProps): [LeadFormState, (formData: LeadFormState) => void] => {
+}: CreditFormApiProps): [LeadFormState, (formData: LeadFormState) => void, boolean] => {
+  const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
   const isFinalStep = step === 5;
 
   const retailFormStore = useRetailFormStore();
@@ -62,6 +64,7 @@ export const useCreditFormAPI = ({
         return;
       }
 
+      startSending();
       retailFormStore.leadForm = formData;
 
       try {
@@ -85,12 +88,14 @@ export const useCreditFormAPI = ({
         }
       } catch (ex) {
         // Do nothing
+      } finally {
+        endSending();
       }
     },
     [isFinalStep, resetForm],
   );
 
-  return [initialState, handleSubmit];
+  return [initialState, handleSubmit, isSending];
 };
 
 const getValue =

package/mobile/src/hooks/useAsyncEffect.ts

@@ -0,0 +1,16 @@
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+
+export function useAsyncEffect<Deps extends any[], R>(
+  effect: () => Promise<R | (() => void)>,
+  deps: Deps,
+): void {
+  useEffect(() => {
+    const free = effect();
+
+    return () => {
+      free.then((_) => {
+        _ instanceof Function && _();
+      });
+    };
+  }, deps);
+}

package/mobile/src/services/retail/mockLocalStorage.ts

@@ -0,0 +1,40 @@
+import { checkCode } from '../../api/RetailAPI/checkCode';
+import { createDraftTask } from '../../api/RetailAPI/createDraftTask';
+import { createUserProfile } from '../../api/RetailAPI/createUserProfile';
+import { sendCode } from '../../api/RetailAPI/sendCode';
+
+const PHONE = '+11111111111';
+const PROGRAM_ID = '13';
+
+export const mockLocalStorage = async () => {
+  const programId = globalThis.localStorage.getItem('programId') ?? PROGRAM_ID;
+
+  const profileId =
+    globalThis.localStorage.getItem('profileId') ??
+    (await createUserProfile({ profile: { phone: PHONE } }));
+
+  await sendCode({
+    phoneNumber: PHONE,
+    smsCodesSetName: { key: 'AUTHENTICATION' },
+  });
+
+  await checkCode({
+    smsCodesSetName: { key: 'AUTHENTICATION' },
+    smsText: '1234',
+  });
+
+  const task = {
+    taskId: globalThis.localStorage.getItem('taskId'),
+    participantId: globalThis.localStorage.getItem('participantId'),
+  };
+
+  if (!task.taskId || !task.participantId) {
+    const draft = await createDraftTask({ profileId: Number(profileId), programId });
+    Object.assign(task, draft);
+  }
+
+  globalThis.localStorage.setItem('programId', programId);
+  globalThis.localStorage.setItem('profileId', String(profileId));
+  globalThis.localStorage.setItem('taskId', String(task.taskId));
+  globalThis.localStorage.setItem('participantId', String(task.participantId));
+};

package/mobile/src/setup-fixture.ts

@@ -1,8 +1,10 @@
 import '@redneckz/uni-jsx/lib/setup.react';
 import { useEffect, useState } from 'react';
 import { handlerDecorator } from './external/handlerDecorator';
+import { locationNavigator } from './external/locationNavigator';
 import { useRouter } from './external/useRouter';
 import { projectSettings } from './ProjectSettings';
+import { noop } from './utils/noop';
 import { joinPath } from './utils/url';
 import wlc from './wlc.json';
 
@@ -49,3 +51,13 @@ handlerDecorator.setup((handler): any => (ev) => {
 
   handler(ev);
 });
+
+locationNavigator.setup(() => ({
+  assign: noop,
+  get href() {
+    return globalThis.location.href;
+  },
+  get origin() {
+    return globalThis.location.origin;
+  },
+}));

package/mobile/src/ui-kit/Button/Button.tsx

@@ -3,6 +3,7 @@ import { type ButtonVersion } from '../../model/ButtonVersion';
 import { style } from '../../utils/style';
 import { type ARIAProps } from '../ARIAProps';
 import { type ControlStateProps } from '../ControlStateProps';
+import { Loader } from '../Loader/Loader';
 import { type PreventableEvent } from '../PreventableEvent';
 import { useButton } from './useButton';
 
@@ -30,6 +31,7 @@ export interface ButtonProps extends ControlStateProps, ARIAProps {
   version?: ButtonVersion;
   type?: 'button' | 'submit' | 'reset';
   rounded?: boolean;
+  isLoading?: boolean;
   role?: string;
   onClick?: (ev?: PreventableEvent) => void;
 }
@@ -42,6 +44,7 @@ export const Button = JSX<ButtonProps>(({ children, ...props }) => {
     version = 'primary',
     active,
     disabled,
+    isLoading,
     type = 'button',
     rounded = true,
     role,
@@ -52,13 +55,13 @@ export const Button = JSX<ButtonProps>(({ children, ...props }) => {
     <button
       className={style(
         'font-sans px-9 py-4',
-        'flex justify-center items-center gap-xs',
+        'flex justify-center items-center gap-xs relative',
         {
           'text-white bg-primary-active': active,
-          'bg-main-gray text-main-disabled cursor-not-allowed': disabled,
+          'bg-main-gray text-main-disabled cursor-not-allowed': disabled || isLoading,
           'rounded-md': rounded,
         },
-        !active && !disabled
+        !active && !disabled && !isLoading
           ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
           : '',
         className,
@@ -67,6 +70,7 @@ export const Button = JSX<ButtonProps>(({ children, ...props }) => {
       role={role}
       onClick={onClick}
     >
+      {isLoading ? <Loader blur={true} size="small" /> : null}
       {children}
     </button>
   );

package/mobile/src/ui-kit/Loader/Loader.tsx

@@ -6,10 +6,11 @@ interface LoaderProps {
   color?: TextColor;
   position?: 'static' | 'absolute';
   blur?: boolean;
+  size?: 'small' | 'big';
 }
 
 export const Loader = JSX<LoaderProps>(
-  ({ color = 'text-primary-main', position = 'absolute', blur = true }) => (
+  ({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (
     <div
       className={style('flex justify-center items-center h-full w-full z-50', position, {
         'backdrop-blur': blur,
@@ -17,10 +18,11 @@ export const Loader = JSX<LoaderProps>(
     >
       <div
         className={style(
-          'inline-block h-28 w-28',
+          'inline-block ',
           'animate-spin rounded-full',
-          'border-8 border-solid border-current',
+          'border-solid border-current',
           'border-r-transparent',
+          size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28',
           color,
         )}
         role="status"