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

package/lib/services/retail/mockLocalStorage.js

@@ -0,0 +1,32 @@
+import { checkCode } from '../../api/RetailAPI/checkCode.js';
+import { createDraftTask } from '../../api/RetailAPI/createDraftTask.js';
+import { createUserProfile } from '../../api/RetailAPI/createUserProfile.js';
+import { sendCode } from '../../api/RetailAPI/sendCode.js';
+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));
+};
+//# sourceMappingURL=mockLocalStorage.js.map

package/lib/services/retail/mockLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockLocalStorage.js","sourceRoot":"","sources":["../../../src/services/retail/mockLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,MAAM,KAAK,GAAG,cAAc,CAAC;AAC7B,MAAM,UAAU,GAAG,IAAI,CAAC;AAExB,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;IACzC,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,UAAU,CAAC;IAE7E,MAAM,SAAS,GACb,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC;QAC5C,CAAC,MAAM,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAE3D,MAAM,QAAQ,CAAC;QACb,WAAW,EAAE,KAAK;QAClB,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;KAC3C,CAAC,CAAC;IAEH,MAAM,SAAS,CAAC;QACd,eAAe,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE;QAC1C,OAAO,EAAE,MAAM;KAChB,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG;QACX,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC;QACjD,aAAa,EAAE,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC;KAChE,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;QACvC,MAAM,KAAK,GAAG,MAAM,eAAe,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QACjF,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KAC5B;IAED,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACxD,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IAChE,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/D,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;AAC/E,CAAC,CAAC"}

package/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/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/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/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/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/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/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/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/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/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/bundle/bundle.umd.js

@@ -1988,9 +1988,9 @@
         return (jsx(CheckboxWithError, { text: "\u0410\u0434\u0440\u0435\u0441 \u0444\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043C\u0435\u0441\u0442\u0430 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430 \u0441\u043E\u0432\u043F\u0430\u0434\u0430\u0435\u0442 \u0441 \u0430\u0434\u0440\u0435\u0441\u043E\u043C \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438", ...getValidation(field('addressMatch'), validatorObj.addressMatch, input?.required) }));
     });
 
-    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, {
+    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" }) })));
 
     const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
     const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
@@ -3255,14 +3255,14 @@
     };
     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] }));
     });
 
     const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
@@ -4478,7 +4478,7 @@
         },
     ];
 
-    const renderSubmitButton = (button, className) => (jsx(Button, { className: style('w-full @xl:w-auto', className), type: "submit", children: button?.text ? button.text : 'Отправить заявку' }));
+    const renderSubmitButton = (button, isSending) => (jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", isLoading: isSending, children: button?.text ? button.text : 'Отправить заявку' }));
 
     const createDraftTask = async (body) => {
         const res = await fetchRetailJSON('/user-data/createDraftTask', 'POST', body);
@@ -4524,10 +4524,9 @@
         };
     };
 
-    const sendCode = (body) => fetchRetailJSON('/sms/sendCode', 'POST', body).then((res) => !isErrorResult(res, body.phoneNumber));
-    const isErrorResult = (res, phoneNumber) => Boolean(res) &&
-        typeof res !== 'string' &&
-        Boolean(res?.errorMessage?.startsWith(`Too many request for phoneNumber [${phoneNumber}]`));
+    const sendCode = (body) => doRequest('/sms/sendCode', 'POST', body)
+        .then((res) => res.text())
+        .then((text) => text === 'OK');
 
     const checkCaptcha = (body) => doRequest('/sms/checkCaptcha', 'POST', body)
         .then((res) => res.text())
@@ -4660,7 +4659,7 @@
 
     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);
@@ -4672,19 +4671,19 @@
                 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(() => {
@@ -5135,6 +5134,7 @@
 
     const useApplicationLeadApi = ({ inputs, programId, nextStepLink, }) => {
         const [responseStatus, setResponseStatus] = useState('');
+        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const saveUserData = useSaveUserData();
         const openEsiaLoginDialog = useEsiaLoginDialog(nextStepLink);
         const consentBkiDialog = useConsentBkiDialog(openEsiaLoginDialog);
@@ -5146,6 +5146,7 @@
                 return;
             }
             try {
+                startSending();
                 const profileId = await createUserProfile({
                     profile: { phone: formatPhone(formData.phone) },
                 });
@@ -5162,10 +5163,7 @@
                     };
                     const handleSuccessVerify = async () => {
                         try {
-                            const lastTaskId = await getLastTaskStatus({
-                                profileId,
-                                programId,
-                            });
+                            const lastTaskId = await getLastTaskStatus({ profileId, programId });
                             if (lastTaskId) {
                                 const task = await getTaskById({ taskId: lastTaskId });
                                 verifyPhoneDialog.close();
@@ -5183,14 +5181,13 @@
                             setResponseStatus('Fail');
                         }
                     };
-                    const acceptedConsents = Object.keys(CONSENTS)
-                        .filter((_) => formData[_])
-                        .map((_) => CONSENTS[_]?.text);
+                    const acceptedConsents = getAcceptedConsents(formData);
                     verifyPhoneDialog.open({
                         phone: formData?.phone,
                         consents: acceptedConsents,
                         onSuccess: handleSuccessVerify,
                     });
+                    endSending();
                 }
             }
             catch {
@@ -5200,8 +5197,12 @@
         return {
             handleSubmit,
             responseStatus,
+            isSending,
         };
     };
+    const getAcceptedConsents = (formData) => Object.keys(CONSENTS)
+        .filter((_) => formData[_])
+        .map((_) => CONSENTS[_]?.text);
     const updateUserData = async ({ programId, profileId, formData, saveUserData, }) => {
         const transformedForm = transformOtherConsentsField(formData);
         await updateUserProfile(getUpdateUserProfileData(profileId, transformedForm));
@@ -5388,7 +5389,7 @@
     const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, ...rest }) => {
         const inputs = useMemo(() => (applicationFormData?.flatMap((_) => _?.inputs) || []), [applicationFormData]);
         const [initialFormState, { isLoading }] = useInitApplicationLead(inputs, nextStepLink);
-        const { handleSubmit, responseStatus } = useApplicationLeadApi({
+        const { handleSubmit, responseStatus, isSending } = useApplicationLeadApi({
             inputs,
             programId,
             nextStepLink,
@@ -5400,7 +5401,7 @@
                 responseTypeDialog.open({ responseType: responseStatus });
             }
         }, [responseStatus]);
-        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$2({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
+        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$2({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button, isSending)] }) }));
     });
 
     const NotFound = JSX(({ title, description }) => {
@@ -6971,10 +6972,10 @@
     });
     const getValue$3 = (field) => (name) => field(name)?.value;
 
-    const StepsNavigationButtons$1 = JSX(({ step, onPrevStep }) => {
+    const StepsNavigationButtons$1 = JSX(({ step, isSending, onPrevStep }) => {
         const isFirstStep = step === 0;
         const isFinalStep = step === 5;
-        return (jsxs("div", { className: "flex justify-between gap-m", children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { type: "submit", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
+        return (jsxs("div", { className: "flex justify-between gap-m", children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { isLoading: isSending, type: "submit", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
     });
 
     const getAdditionalInfoData = (formData) => {
@@ -7264,6 +7265,7 @@
     };
 
     const useCreditCardFormAPI = ({ step, inputs, onNextStep, onFinish, }) => {
+        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const isFinalStep = step === 5;
         const retailFormStore = useRetailFormStore();
         const initialState = useMemo(() => getInitialFormState$1(step, retailFormStore.leadForm), [step, retailFormStore.leadForm]);
@@ -7288,6 +7290,7 @@
             if (!isValidationSuccess(feedbackValidator(formData))) {
                 return;
             }
+            startSending();
             retailFormStore.leadForm = formData;
             try {
                 const { taskId, profileId, participantId } = retailFormStore;
@@ -7309,21 +7312,24 @@
             catch (ex) {
                 // Do nothing
             }
+            finally {
+                endSending();
+            }
         }, [isFinalStep, resetForm]);
-        return [initialState, handleSubmit];
+        return [initialState, handleSubmit, isSending];
     };
     const getValue$2 = (formData) => (name) => formData[name];
 
     const CreditCardFormStep = JSX(({ step, sections, isFormFinished, onPrevStep, onNextStep, onFinish }) => {
         const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
-        const [initialState, onSubmit] = useCreditCardFormAPI({
+        const [initialState, onSubmit, isSending] = useCreditCardFormAPI({
             step,
             inputs,
             onNextStep,
             onFinish,
         });
         const [, { field, onSubmit: handleSubmit }] = useForm(initialState, { onSubmit });
-        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step }), jsx(StepsNavigationButtons$1, { step: step, onPrevStep: onPrevStep })] }));
+        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step }), jsx(StepsNavigationButtons$1, { isSending: isSending, step: step, onPrevStep: onPrevStep })] }));
     });
 
     const PERSONAL_INFO_CONTENT = [
@@ -7921,10 +7927,10 @@
     });
     const getValue$1 = (field) => (name) => field(name)?.value;
 
-    const StepsNavigationButtons = JSX(({ step, onPrevStep }) => {
+    const StepsNavigationButtons = JSX(({ step, onPrevStep, isSending }) => {
         const isFirstStep = step === 0;
         const isFinalStep = step === 5;
-        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { type: "submit", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
+        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { type: "submit", isLoading: isSending, children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
     });
 
     const PAYMENT_TYPE_DATA = {
@@ -8103,6 +8109,7 @@
     };
 
     const useCreditFormAPI = ({ step, inputs, onNextStep, onFinish, }) => {
+        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const isFinalStep = step === 5;
         const retailFormStore = useRetailFormStore();
         const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm), [step, retailFormStore.leadForm]);
@@ -8127,6 +8134,7 @@
             if (!isValidationSuccess(feedbackValidator(formData))) {
                 return;
             }
+            startSending();
             retailFormStore.leadForm = formData;
             try {
                 const { taskId, profileId, participantId } = retailFormStore;
@@ -8148,8 +8156,11 @@
             catch (ex) {
                 // Do nothing
             }
+            finally {
+                endSending();
+            }
         }, [isFinalStep, resetForm]);
-        return [initialState, handleSubmit];
+        return [initialState, handleSubmit, isSending];
     };
     const getValue = (formData) => (name) => formData[name];
 
@@ -8157,14 +8168,14 @@
         const { programId } = useRetailFormStore();
         const calcData = programsSource?.[programId ?? '']; // Need normalizator useForm, to be save defaultParams
         const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
-        const [initialState, onSubmit] = useCreditFormAPI({
+        const [initialState, onSubmit, isSending] = useCreditFormAPI({
             step,
             inputs,
             onNextStep,
             onFinish,
         });
         const [, { field, onSubmit: handleSubmit }] = useForm(initialState, { onSubmit });
-        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
+        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons, { step: step, isSending: isSending, onPrevStep: onPrevStep })] }));
     });
 
     const stepsSectionsMap = [
@@ -10107,7 +10118,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.712";
+    const packageVersion = "0.14.714";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;