@redneckz/wildless-cms-uni-blocks 0.14.774 → 0.14.776

package/mobile/bundle/components/Header/HeaderSecondaryMenuButton.d.ts

@@ -11,5 +11,6 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
     ariaLabel?: string;
     onClick?: (ev: PreventableEventWithTarget) => void;
     version?: BlockVersion;
+    isLoading?: boolean;
 }
 export declare const HeaderSecondaryMenuButton: import("@redneckz/uni-jsx").UNIComponent<HeaderSecondaryMenuButtonProps, any, any>;

package/mobile/bundle/components/Header/useChatBot.d.ts

@@ -1,2 +1,5 @@
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-export declare const useChatBot: (chat?: string) => (ev: PreventableEventWithTarget) => Promise<void>;
+export declare const useChatBot: (chat?: string) => {
+    load: (ev: PreventableEventWithTarget) => void;
+    isLoading: boolean;
+};

package/mobile/dist/components/Header/HeaderChatBotButton.js

@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const HeaderSecondaryMenuButton_1 = require("./HeaderSecondaryMenuButton");
 const useChatBot_1 = require("./useChatBot");
 exports.HeaderChatBotButton = (0, uni_jsx_1.JSX)(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version }) => {
-    const load = (0, useChatBot_1.useChatBot)(chat);
-    return ((0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: "large", isGrayBg: true, version: version }));
+    const { load, isLoading } = (0, useChatBot_1.useChatBot)(chat);
+    return ((0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: "large", isGrayBg: true, version: version, isLoading: isLoading }));
 });
 //# sourceMappingURL=HeaderChatBotButton.js.map

package/mobile/dist/components/Header/HeaderChatBotButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,2EAAwE;AACxE,6CAA0C;AAW7B,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,MAAM,IAAI,GAAG,IAAA,uBAAU,EAAC,IAAI,CAAC,CAAC;IAE9B,OAAO,CACL,uBAAC,qDAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,2EAAwE;AACxE,6CAA0C;AAW7B,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAU,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,qDAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/dist/components/Header/HeaderSecondaryMenuButton.d.ts

@@ -11,5 +11,6 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
     ariaLabel?: string;
     onClick?: (ev: PreventableEventWithTarget) => void;
     version?: BlockVersion;
+    isLoading?: boolean;
 }
 export declare const HeaderSecondaryMenuButton: import("@redneckz/uni-jsx").UNIComponent<HeaderSecondaryMenuButtonProps, any, any>;

package/mobile/dist/components/Header/HeaderSecondaryMenuButton.js

@@ -9,13 +9,13 @@ const BUTTON_SIZE_STYLE = {
     default: 'w-6 h-6',
     large: 'w-12 h-12',
 };
-exports.HeaderSecondaryMenuButton = (0, uni_jsx_1.JSX)(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, }) => {
+exports.HeaderSecondaryMenuButton = (0, uni_jsx_1.JSX)(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, }) => {
     const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
     const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
     return ((0, jsx_runtime_1.jsx)("button", { className: (0, style_1.style)('group/btn border-0 flex shrink-0 items-center', isGrayBg ? 'p-s rounded-full' : 'p-0 bg-inherit', bgColor, isRounded
             ? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
-            : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...(0, dataAttributes_1.getAspectsAttributes)(data), children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image, className: (0, style_1.style)('h-full', {
+            : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...(0, dataAttributes_1.getAspectsAttributes)(data), children: isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: image, className: (0, style_1.style)('h-full', {
                 'bg-main-divider/20 rounded-full': isRounded,
-            }), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" }) }));
+            }), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" })) }));
 });
 //# sourceMappingURL=HeaderSecondaryMenuButton.js.map

package/mobile/dist/components/Header/HeaderSecondaryMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,8CAA2C;AAG3C,+DAAkE;AAClE,6CAA0C;AAa1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEW,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,mCACE,SAAS,EAAE,IAAA,aAAK,EACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,IAAA,qCAAoB,EAAC,IAAI,CAAC,YAE9B,uBAAC,SAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,GACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,8CAA2C;AAG3C,+DAAkE;AAClE,6CAA0C;AAc1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEW,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,mCACE,SAAS,EAAE,IAAA,aAAK,EACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,IAAA,qCAAoB,EAAC,IAAI,CAAC,YAE7B,SAAS,CAAC,CAAC,CAAC,CACX,gCAAK,SAAS,EAAC,yFAAyF,GAAG,CAC5G,CAAC,CAAC,CAAC,CACF,uBAAC,SAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,CACH,GACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/dist/components/Header/useChatBot.d.ts

@@ -1,2 +1,5 @@
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-export declare const useChatBot: (chat?: string) => (ev: PreventableEventWithTarget) => Promise<void>;
+export declare const useChatBot: (chat?: string) => {
+    load: (ev: PreventableEventWithTarget) => void;
+    isLoading: boolean;
+};

package/mobile/dist/components/Header/useChatBot.js

@@ -11,30 +11,52 @@ const CHATBOT_URL = {
     business: '/webchat',
 };
 const useChatBot = (chat) => {
+    const [isLoading, setIsLoading] = (0, hooks_1.useState)(false);
     (0, hooks_1.useEffect)(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
     const chatUrl = CHATBOT_URL[chat ?? ''];
-    return async (ev) => {
+    const load = (0, hooks_1.useCallback)((ev) => {
         if (!chatUrl) {
             return;
         }
-        if (chat !== 'personal') {
-            (0, useExternalNS_1.initializeExternalStylesheet)(`${chatUrl}/bundle.css`);
-            const businessChat = (await (0, useExternalNS_1.initializeExternalNS)(CHAT_NAMESPACE, `${chatUrl}/bundle.js`, true));
-            if (businessChat?.render) {
-                businessChat.render(CHAT_FRAME_ID, true);
-            }
+        setIsLoading(true);
+        if (chat === 'business') {
+            renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
         }
         else {
-            const target = ev.target;
-            if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
-                target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
-            }
-            const chatFrame = document.getElementById(CHAT_FRAME_ID);
-            if (!chatFrame) {
-                (0, useExternalNS_1.initializeExternalNS)(CHAT_NAMESPACE, chatUrl);
-            }
+            renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
         }
-    };
+    }, [chatUrl, chat]);
+    return { load, isLoading };
 };
 exports.useChatBot = useChatBot;
+const renderPersonalChatBot = async (ev, chatUrl) => {
+    const target = ev.target;
+    if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
+        target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
+    }
+    const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
+    if (!chatFrame) {
+        await (0, useExternalNS_1.initializeExternalNS)(CHAT_NAMESPACE, chatUrl);
+    }
+};
+const renderBusinessChatBot = async (chatUrl) => {
+    const businessChat = (await (0, useExternalNS_1.initializeExternalNS)(CHAT_NAMESPACE, `${chatUrl}/bundle.js`, true));
+    (0, useExternalNS_1.initializeExternalStylesheet)(`${chatUrl}/bundle.css`);
+    const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
+    if (chatFrame) {
+        businessChat?.chatOpen?.();
+    }
+    else {
+        createChatFrame();
+        businessChat?.render?.(CHAT_FRAME_ID, true);
+    }
+};
+const createChatFrame = () => {
+    const chatFrame = globalThis.document.createElement('div');
+    chatFrame.id = CHAT_FRAME_ID;
+    chatFrame.style.position = 'fixed';
+    chatFrame.style.right = '0';
+    chatFrame.style.bottom = '0';
+    globalThis.document.body.appendChild(chatFrame);
+};
 //# sourceMappingURL=useChatBot.js.map

package/mobile/dist/components/Header/useChatBot.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChatBot.js","sourceRoot":"","sources":["../../../src/components/Header/useChatBot.ts"],"names":[],"mappings":";;AAAA,uDAAwD;AACxD,6DAA+F;AAG/F,MAAM,cAAc,GAAG,SAAS,CAAC;AACjC,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AACxD,MAAM,aAAa,GAAG,mCAAmC,CAAC;AAC1D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C,MAAM,WAAW,GAA2B;IAC1C,QAAQ,EAAE,2CAA2C;IACrD,QAAQ,EAAE,UAAU;CACrB,CAAC;AAOK,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7F,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAExC,OAAO,KAAK,EAAE,EAA8B,EAAE,EAAE;QAC9C,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,IAAA,4CAA4B,EAAC,GAAG,OAAO,aAAa,CAAC,CAAC;YAEtD,MAAM,YAAY,GAAG,CAAC,MAAM,IAAA,oCAAoB,EAC9C,cAAc,EACd,GAAG,OAAO,YAAY,EACtB,IAAI,CACL,CAAY,CAAC;YAEd,IAAI,YAAY,EAAE,MAAM,EAAE;gBACxB,YAAY,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;aAC1C;SACF;aAAM;YACL,MAAM,MAAM,GAAG,EAAE,CAAC,MAAqB,CAAC;YAExC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAAE;gBAC1D,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;aAClD;YAED,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;YACzD,IAAI,CAAC,SAAS,EAAE;gBACd,IAAA,oCAAoB,EAAC,cAAc,EAAE,OAAO,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,UAAU,cAkCrB"}
+{"version":3,"file":"useChatBot.js","sourceRoot":"","sources":["../../../src/components/Header/useChatBot.ts"],"names":[],"mappings":";;AAAA,uDAA+E;AAC/E,6DAA+F;AAG/F,MAAM,cAAc,GAAG,SAAS,CAAC;AACjC,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AACxD,MAAM,aAAa,GAAG,mCAAmC,CAAC;AAC1D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C,MAAM,WAAW,GAA2B;IAC1C,QAAQ,EAAE,2CAA2C;IACrD,QAAQ,EAAE,UAAU;CACrB,CAAC;AAQK,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE3D,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7F,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAExC,MAAM,IAAI,GAAG,IAAA,mBAAW,EACtB,CAAC,EAA8B,EAAE,EAAE;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,qBAAqB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;SACnE;aAAM;YACL,qBAAqB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;SACvE;IACH,CAAC,EACD,CAAC,OAAO,EAAE,IAAI,CAAC,CAChB,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AAC7B,CAAC,CAAC;AAvBW,QAAA,UAAU,cAuBrB;AAEF,MAAM,qBAAqB,GAAG,KAAK,EAAE,EAA8B,EAAE,OAAe,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,EAAE,CAAC,MAAqB,CAAC;IAExC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAAE;QAC1D,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;KAClD;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpE,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,IAAA,oCAAoB,EAAC,cAAc,EAAE,OAAO,CAAC,CAAC;KACrD;AACH,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,KAAK,EAAE,OAAe,EAAE,EAAE;IACtD,MAAM,YAAY,GAAG,CAAC,MAAM,IAAA,oCAAoB,EAC9C,cAAc,EACd,GAAG,OAAO,YAAY,EACtB,IAAI,CACL,CAAY,CAAC;IAEd,IAAA,4CAA4B,EAAC,GAAG,OAAO,aAAa,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpE,IAAI,SAAS,EAAE;QACb,YAAY,EAAE,QAAQ,EAAE,EAAE,CAAC;KAC5B;SAAM;QACL,eAAe,EAAE,CAAC;QAElB,YAAY,EAAE,MAAM,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;KAC7C;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,GAAG,aAAa,CAAC;IAC7B,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IACnC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;IAC5B,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAE7B,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAClD,CAAC,CAAC"}

package/mobile/dist/hooks/useExternalNS.js

@@ -4,7 +4,7 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const getNS = (_) => globalThis[_];
 exports.getNS = getNS;
 const initializeExternalNS = (namespaceName, url, isModule = false) => {
-    const script = document.getElementById(url);
+    const script = globalThis.document.getElementById(url);
     if (script) {
         const ns = (0, exports.getNS)(namespaceName);
         if (ns) {
@@ -20,7 +20,7 @@ const initializeExternalNS = (namespaceName, url, isModule = false) => {
     }
     else {
         return new Promise((resolve, reject) => {
-            const newScript = document.createElement('script');
+            const newScript = globalThis.document.createElement('script');
             newScript.src = url;
             newScript.async = true;
             newScript.id = url;
@@ -33,16 +33,20 @@ const initializeExternalNS = (namespaceName, url, isModule = false) => {
             newScript.addEventListener('error', (error) => {
                 reject(error);
             });
-            document.head.appendChild(newScript);
+            globalThis.document.head.appendChild(newScript);
         });
     }
 };
 exports.initializeExternalNS = initializeExternalNS;
 const initializeExternalStylesheet = (url = '') => {
-    const link = document.createElement('link');
-    link.href = url;
-    link.rel = 'stylesheet';
-    document.head.appendChild(link);
+    const link = globalThis.document.getElementById(url);
+    if (!link) {
+        const newLink = globalThis.document.createElement('link');
+        newLink.href = url;
+        newLink.id = url;
+        newLink.rel = 'stylesheet';
+        globalThis.document.head.appendChild(newLink);
+    }
 };
 exports.initializeExternalStylesheet = initializeExternalStylesheet;
 function useExternalNS(namespaceName, url, unmountNS = true) {
@@ -61,9 +65,9 @@ function useExternalNS(namespaceName, url, unmountNS = true) {
         return () => {
             isMounted = false;
             if (unmountNS) {
-                const script = document.getElementById(url);
+                const script = globalThis.document.getElementById(url);
                 if (script) {
-                    document.head.removeChild(script);
+                    globalThis.document.head.removeChild(script);
                 }
                 setExternalNS(undefined);
             }

package/mobile/dist/hooks/useExternalNS.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExternalNS.js","sourceRoot":"","sources":["../../src/hooks/useExternalNS.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useExternalNS.js","sourceRoot":"","sources":["../../src/hooks/useExternalNS.ts"],"names":[],"mappings":"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"}

package/mobile/lib/components/Header/HeaderChatBotButton.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton.js';
 import { useChatBot } from './useChatBot.js';
 export const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version }) => {
-    const load = useChatBot(chat);
-    return (_jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: "large", isGrayBg: true, version: version }));
+    const { load, isLoading } = useChatBot(chat);
+    return (_jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: "large", isGrayBg: true, version: version, isLoading: isLoading }));
 });
 //# sourceMappingURL=HeaderChatBotButton.js.map

package/mobile/lib/components/Header/HeaderChatBotButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAE9B,OAAO,CACL,KAAC,yBAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,KAAC,yBAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/Header/HeaderSecondaryMenuButton.d.ts

@@ -11,5 +11,6 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
     ariaLabel?: string;
     onClick?: (ev: PreventableEventWithTarget) => void;
     version?: BlockVersion;
+    isLoading?: boolean;
 }
 export declare const HeaderSecondaryMenuButton: import("@redneckz/uni-jsx").UNIComponent<HeaderSecondaryMenuButtonProps, any, any>;

package/mobile/lib/components/Header/HeaderSecondaryMenuButton.js

@@ -7,13 +7,13 @@ const BUTTON_SIZE_STYLE = {
     default: 'w-6 h-6',
     large: 'w-12 h-12',
 };
-export const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, }) => {
+export const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, }) => {
     const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
     const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
     return (_jsx("button", { className: style('group/btn border-0 flex shrink-0 items-center', isGrayBg ? 'p-s rounded-full' : 'p-0 bg-inherit', bgColor, isRounded
             ? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
-            : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getAspectsAttributes(data), children: _jsx(Img, { image: image, className: style('h-full', {
+            : `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getAspectsAttributes(data), children: isLoading ? (_jsx("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : (_jsx(Img, { image: image, className: style('h-full', {
                 'bg-main-divider/20 rounded-full': isRounded,
-            }), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" }) }));
+            }), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" })) }));
 });
 //# sourceMappingURL=HeaderSecondaryMenuButton.js.map

package/mobile/lib/components/Header/HeaderSecondaryMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,iBACE,SAAS,EAAE,KAAK,CACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,oBAAoB,CAAC,IAAI,CAAC,YAE9B,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,GACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAc1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,iBACE,SAAS,EAAE,KAAK,CACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,oBAAoB,CAAC,IAAI,CAAC,YAE7B,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,yFAAyF,GAAG,CAC5G,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,CACH,GACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/Header/useChatBot.d.ts

@@ -1,2 +1,5 @@
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-export declare const useChatBot: (chat?: string) => (ev: PreventableEventWithTarget) => Promise<void>;
+export declare const useChatBot: (chat?: string) => {
+    load: (ev: PreventableEventWithTarget) => void;
+    isLoading: boolean;
+};

package/mobile/lib/components/Header/useChatBot.js

@@ -1,4 +1,4 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { initializeExternalNS, initializeExternalStylesheet } from '../../hooks/useExternalNS.js';
 const CHAT_NAMESPACE = 'chatbot';
 const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
@@ -9,29 +9,51 @@ const CHATBOT_URL = {
     business: '/webchat',
 };
 export const useChatBot = (chat) => {
+    const [isLoading, setIsLoading] = useState(false);
     useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
     const chatUrl = CHATBOT_URL[chat ?? ''];
-    return async (ev) => {
+    const load = useCallback((ev) => {
         if (!chatUrl) {
             return;
         }
-        if (chat !== 'personal') {
-            initializeExternalStylesheet(`${chatUrl}/bundle.css`);
-            const businessChat = (await initializeExternalNS(CHAT_NAMESPACE, `${chatUrl}/bundle.js`, true));
-            if (businessChat?.render) {
-                businessChat.render(CHAT_FRAME_ID, true);
-            }
+        setIsLoading(true);
+        if (chat === 'business') {
+            renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
         }
         else {
-            const target = ev.target;
-            if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
-                target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
-            }
-            const chatFrame = document.getElementById(CHAT_FRAME_ID);
-            if (!chatFrame) {
-                initializeExternalNS(CHAT_NAMESPACE, chatUrl);
-            }
+            renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
         }
-    };
+    }, [chatUrl, chat]);
+    return { load, isLoading };
+};
+const renderPersonalChatBot = async (ev, chatUrl) => {
+    const target = ev.target;
+    if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
+        target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
+    }
+    const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
+    if (!chatFrame) {
+        await initializeExternalNS(CHAT_NAMESPACE, chatUrl);
+    }
+};
+const renderBusinessChatBot = async (chatUrl) => {
+    const businessChat = (await initializeExternalNS(CHAT_NAMESPACE, `${chatUrl}/bundle.js`, true));
+    initializeExternalStylesheet(`${chatUrl}/bundle.css`);
+    const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
+    if (chatFrame) {
+        businessChat?.chatOpen?.();
+    }
+    else {
+        createChatFrame();
+        businessChat?.render?.(CHAT_FRAME_ID, true);
+    }
+};
+const createChatFrame = () => {
+    const chatFrame = globalThis.document.createElement('div');
+    chatFrame.id = CHAT_FRAME_ID;
+    chatFrame.style.position = 'fixed';
+    chatFrame.style.right = '0';
+    chatFrame.style.bottom = '0';
+    globalThis.document.body.appendChild(chatFrame);
 };
 //# sourceMappingURL=useChatBot.js.map

package/mobile/lib/components/Header/useChatBot.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChatBot.js","sourceRoot":"","sources":["../../../src/components/Header/useChatBot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAG/F,MAAM,cAAc,GAAG,SAAS,CAAC;AACjC,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AACxD,MAAM,aAAa,GAAG,mCAAmC,CAAC;AAC1D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C,MAAM,WAAW,GAA2B;IAC1C,QAAQ,EAAE,2CAA2C;IACrD,QAAQ,EAAE,UAAU;CACrB,CAAC;AAOF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;IAC1C,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7F,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAExC,OAAO,KAAK,EAAE,EAA8B,EAAE,EAAE;QAC9C,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,4BAA4B,CAAC,GAAG,OAAO,aAAa,CAAC,CAAC;YAEtD,MAAM,YAAY,GAAG,CAAC,MAAM,oBAAoB,CAC9C,cAAc,EACd,GAAG,OAAO,YAAY,EACtB,IAAI,CACL,CAAY,CAAC;YAEd,IAAI,YAAY,EAAE,MAAM,EAAE;gBACxB,YAAY,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;aAC1C;SACF;aAAM;YACL,MAAM,MAAM,GAAG,EAAE,CAAC,MAAqB,CAAC;YAExC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAAE;gBAC1D,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;aAClD;YAED,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;YACzD,IAAI,CAAC,SAAS,EAAE;gBACd,oBAAoB,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useChatBot.js","sourceRoot":"","sources":["../../../src/components/Header/useChatBot.ts"],"names":[],"mappings":"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"}

package/mobile/lib/hooks/useExternalNS.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 export const getNS = (_) => globalThis[_];
 export const initializeExternalNS = (namespaceName, url, isModule = false) => {
-    const script = document.getElementById(url);
+    const script = globalThis.document.getElementById(url);
     if (script) {
         const ns = getNS(namespaceName);
         if (ns) {
@@ -17,7 +17,7 @@ export const initializeExternalNS = (namespaceName, url, isModule = false) => {
     }
     else {
         return new Promise((resolve, reject) => {
-            const newScript = document.createElement('script');
+            const newScript = globalThis.document.createElement('script');
             newScript.src = url;
             newScript.async = true;
             newScript.id = url;
@@ -30,15 +30,19 @@ export const initializeExternalNS = (namespaceName, url, isModule = false) => {
             newScript.addEventListener('error', (error) => {
                 reject(error);
             });
-            document.head.appendChild(newScript);
+            globalThis.document.head.appendChild(newScript);
         });
     }
 };
 export const initializeExternalStylesheet = (url = '') => {
-    const link = document.createElement('link');
-    link.href = url;
-    link.rel = 'stylesheet';
-    document.head.appendChild(link);
+    const link = globalThis.document.getElementById(url);
+    if (!link) {
+        const newLink = globalThis.document.createElement('link');
+        newLink.href = url;
+        newLink.id = url;
+        newLink.rel = 'stylesheet';
+        globalThis.document.head.appendChild(newLink);
+    }
 };
 export function useExternalNS(namespaceName, url, unmountNS = true) {
     const [externalNS, setExternalNS] = useState(undefined);
@@ -56,9 +60,9 @@ export function useExternalNS(namespaceName, url, unmountNS = true) {
         return () => {
             isMounted = false;
             if (unmountNS) {
-                const script = document.getElementById(url);
+                const script = globalThis.document.getElementById(url);
                 if (script) {
-                    document.head.removeChild(script);
+                    globalThis.document.head.removeChild(script);
                 }
                 setExternalNS(undefined);
             }

package/mobile/lib/hooks/useExternalNS.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExternalNS.js","sourceRoot":"","sources":["../../src/hooks/useExternalNS.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useExternalNS.js","sourceRoot":"","sources":["../../src/hooks/useExternalNS.ts"],"names":[],"mappings":"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"}

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

@@ -16,7 +16,7 @@ interface HeaderChatBotButtonProps {
 
 export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>(
   ({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version }) => {
-    const load = useChatBot(chat);
+    const { load, isLoading } = useChatBot(chat);
 
     return (
       <HeaderSecondaryMenuButton
@@ -27,6 +27,7 @@ export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>(
         buttonSize="large"
         isGrayBg={true}
         version={version}
+        isLoading={isLoading}
       />
     );
   },

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

@@ -16,6 +16,7 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
   ariaLabel?: string;
   onClick?: (ev: PreventableEventWithTarget) => void;
   version?: BlockVersion;
+  isLoading?: boolean;
 }
 
 const BUTTON_SIZE_STYLE = {
@@ -35,6 +36,7 @@ export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
     data,
     onClick,
     version,
+    isLoading,
   }) => {
     const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
     const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
@@ -58,13 +60,17 @@ export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
         // eslint-disable-next-line react/jsx-props-no-spreading
         {...getAspectsAttributes(data)}
       >
-        <Img
-          image={image}
-          className={style('h-full', {
-            'bg-main-divider/20 rounded-full': isRounded,
-          })}
-          imageClassName="group-hover/btn:text-primary-hover group-hover/btn:invert-0"
-        />
+        {isLoading ? (
+          <div className="w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" />
+        ) : (
+          <Img
+            image={image}
+            className={style('h-full', {
+              'bg-main-divider/20 rounded-full': isRounded,
+            })}
+            imageClassName="group-hover/btn:text-primary-hover group-hover/btn:invert-0"
+          />
+        )}
       </button>
     );
   },

package/mobile/src/components/Header/useChatBot.ts

@@ -1,4 +1,4 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { initializeExternalNS, initializeExternalStylesheet } from '../../hooks/useExternalNS';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 
@@ -15,40 +15,72 @@ const CHATBOT_URL: Record<string, string> = {
 interface WebChat {
   render?: (id?: string, isOpen?: boolean) => void;
   chatOpen?: () => void;
+  chatClose?: () => void;
 }
 
 export const useChatBot = (chat?: string) => {
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+
   useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
   const chatUrl = CHATBOT_URL[chat ?? ''];
 
-  return async (ev: PreventableEventWithTarget) => {
-    if (!chatUrl) {
-      return;
-    }
+  const load = useCallback(
+    (ev: PreventableEventWithTarget) => {
+      if (!chatUrl) {
+        return;
+      }
 
-    if (chat !== 'personal') {
-      initializeExternalStylesheet(`${chatUrl}/bundle.css`);
+      setIsLoading(true);
+      if (chat === 'business') {
+        renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
+      } else {
+        renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
+      }
+    },
+    [chatUrl, chat],
+  );
 
-      const businessChat = (await initializeExternalNS(
-        CHAT_NAMESPACE,
-        `${chatUrl}/bundle.js`,
-        true,
-      )) as WebChat;
+  return { load, isLoading };
+};
 
-      if (businessChat?.render) {
-        businessChat.render(CHAT_FRAME_ID, true);
-      }
-    } else {
-      const target = ev.target as HTMLElement;
+const renderPersonalChatBot = async (ev: PreventableEventWithTarget, chatUrl: string) => {
+  const target = ev.target as HTMLElement;
 
-      if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
-        target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
-      }
+  if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
+    target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
+  }
 
-      const chatFrame = document.getElementById(CHAT_FRAME_ID);
-      if (!chatFrame) {
-        initializeExternalNS(CHAT_NAMESPACE, chatUrl);
-      }
-    }
-  };
+  const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
+  if (!chatFrame) {
+    await initializeExternalNS(CHAT_NAMESPACE, chatUrl);
+  }
+};
+
+const renderBusinessChatBot = async (chatUrl: string) => {
+  const businessChat = (await initializeExternalNS(
+    CHAT_NAMESPACE,
+    `${chatUrl}/bundle.js`,
+    true,
+  )) as WebChat;
+
+  initializeExternalStylesheet(`${chatUrl}/bundle.css`);
+
+  const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
+  if (chatFrame) {
+    businessChat?.chatOpen?.();
+  } else {
+    createChatFrame();
+
+    businessChat?.render?.(CHAT_FRAME_ID, true);
+  }
+};
+
+const createChatFrame = () => {
+  const chatFrame = globalThis.document.createElement('div');
+  chatFrame.id = CHAT_FRAME_ID;
+  chatFrame.style.position = 'fixed';
+  chatFrame.style.right = '0';
+  chatFrame.style.bottom = '0';
+
+  globalThis.document.body.appendChild(chatFrame);
 };