@redneckz/wildless-cms-uni-blocks 0.14.846 → 0.14.851

package/bundle/bundle.umd.js

@@ -1057,9 +1057,12 @@
             : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
     };
 
-    const handleAspects = ({ aspectsAttributes, aspects, ev }) => {
+    const handleAspects = async ({ aspectsAttributes, aspects, ev }) => {
         for (const { aspectName, params } of aspectsAttributes ?? []) {
-            aspects[aspectName ?? '']?.(ev, params);
+            const aspectFn = aspects[aspectName ?? ''];
+            if (aspectFn) {
+                await aspectFn(ev, params);
+            }
         }
     };
 
@@ -1102,7 +1105,7 @@
         return url.toString();
     };
 
-    const forwardQuery = (ev) => {
+    const forwardQuery = async (ev) => {
         const anchor = ev.target?.closest('a');
         const navigator = locationNavigator();
         if (isURL(anchor?.href) && !anchor?.href?.startsWith(navigator.origin)) {
@@ -3510,16 +3513,6 @@
             });
         }
     };
-    const initializeExternalStylesheet = (url = '') => {
-        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);
-        }
-    };
     function useExternalNS(namespaceName, url, unmountNS = true) {
         const [externalNS, setExternalNS] = useState(undefined);
         useEffect(() => {
@@ -7807,7 +7800,9 @@
         const cleanElements = [
             !checkCondition({ condition }, getValue(field)) ? renderTitle(title) : null,
             ...renderInputs({ field, inputs, params }),
-        ].filter(Boolean);
+        ]
+            .filter(Boolean)
+            .map((_, j) => ({ ..._, key: _.key ?? `elem-${j}` }));
         return cleanElements.length ? (jsx("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: cleanElements }, `section-${i}`)) : null;
     });
     const getValue = (field) => (name) => field(name)?.value;
@@ -9860,65 +9855,18 @@
     });
     const getDataTestIdAttribute = (dataTestId) => dataTestId ? { 'data-test-id': dataTestId } : null;
 
-    const CHAT_NAMESPACE = 'chatbot';
-    const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
-    const CHAT_FRAME_ID = 'webchat-js-container:webchat_rshb';
-    const CHAT_STORAGE_NAME = 'webchat-keep-open';
-    const BUSINESS_CHAT_PREFIX = '/webchat-api';
-    const BUSINESS_CHAT_CLASSNAME = '@container fixed right-0 bottom-0 top-0 h-full w-full z-[100] @3xl:w-auto h-fit';
-    const CHATBOT_URL = {
-        personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
-        business: '/webchat',
-    };
-    const useChatBot = (chat) => {
-        const [isLoading, setIsLoading] = useState(false);
-        useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
-        const chatUrl = CHATBOT_URL[chat ?? ''];
-        const load = useCallback((ev) => {
-            if (!chatUrl) {
-                return;
-            }
-            setIsLoading(true);
-            if (chat === 'business') {
-                renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
-            }
-            else {
-                renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
+    const CHAT_BOT_ASPECT_NAME = 'openChatBot';
+    const HeaderChatBotButton = JSX(({ iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large' }) => {
+        const [isLoading, { setTrue: startLoad, setFalse: endLoad }] = useBool(false);
+        const aspects = useAspects();
+        const handleClick = useCallback((ev) => {
+            const openChatBot = aspects[CHAT_BOT_ASPECT_NAME];
+            if (openChatBot) {
+                startLoad();
+                openChatBot(ev).finally(endLoad);
             }
-        }, [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, BUSINESS_CHAT_PREFIX, BUSINESS_CHAT_CLASSNAME);
-        }
-    };
-    const createChatFrame = () => {
-        const chatFrame = globalThis.document.createElement('div');
-        chatFrame.id = CHAT_FRAME_ID;
-        globalThis.document.body.appendChild(chatFrame);
-    };
-
-    const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large', }) => {
-        const { load, isLoading } = useChatBot(chat);
-        return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'ChatBotIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, dataTestId: "chat icon" }));
+        }, []);
+        return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'ChatBotIcon', iconVersion }, ariaLabel: ariaLabel, onClick: handleClick, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, disabled: isLoading, dataTestId: "chat icon" }));
     });
 
     const HeaderItem = JSX(({ className = '', active, dataItemName, children, data, ...rest }) => {
@@ -9963,7 +9911,7 @@
                 ? handleIntersectionActivation$1(index)
                 : handleIntersectionDeactivation$1(index));
         }), [subItems]);
-        return (jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, chat: projectSettings.CHAT_BOT, ariaLabel: chatBotAriaLabel })) : null, jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
+        return (jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, ariaLabel: chatBotAriaLabel })) : null, jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
     });
     const handleIntersectionActivation$1 = (index) => (prev) => Math.max(prev, index + 1);
     const handleIntersectionDeactivation$1 = (index) => (prev) => Math.min(prev, index);
@@ -11037,7 +10985,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.845";
+    const packageVersion = "0.14.850";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;