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

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

@@ -1,86 +0,0 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { initializeExternalNS, initializeExternalStylesheet } from '../../hooks/useExternalNS';
-import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-
-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: Record<string, string> = {
-  personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
-  business: '/webchat',
-};
-
-interface WebChat {
-  render?: (id?: string, isOpen?: boolean, prefix?: string, className?: string) => 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 ?? ''];
-
-  const load = useCallback(
-    (ev: PreventableEventWithTarget) => {
-      if (!chatUrl) {
-        return;
-      }
-
-      setIsLoading(true);
-      if (chat === 'business') {
-        renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
-      } else {
-        renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
-      }
-    },
-    [chatUrl, chat],
-  );
-
-  return { load, isLoading };
-};
-
-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);
-  }
-
-  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, BUSINESS_CHAT_PREFIX, BUSINESS_CHAT_CLASSNAME);
-  }
-};
-
-const createChatFrame = () => {
-  const chatFrame = globalThis.document.createElement('div');
-  chatFrame.id = CHAT_FRAME_ID;
-
-  globalThis.document.body.appendChild(chatFrame);
-};

package/src/components/Header/useChatBot.ts

@@ -1,86 +0,0 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { initializeExternalNS, initializeExternalStylesheet } from '../../hooks/useExternalNS';
-import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-
-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: Record<string, string> = {
-  personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
-  business: '/webchat',
-};
-
-interface WebChat {
-  render?: (id?: string, isOpen?: boolean, prefix?: string, className?: string) => 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 ?? ''];
-
-  const load = useCallback(
-    (ev: PreventableEventWithTarget) => {
-      if (!chatUrl) {
-        return;
-      }
-
-      setIsLoading(true);
-      if (chat === 'business') {
-        renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
-      } else {
-        renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
-      }
-    },
-    [chatUrl, chat],
-  );
-
-  return { load, isLoading };
-};
-
-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);
-  }
-
-  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, BUSINESS_CHAT_PREFIX, BUSINESS_CHAT_CLASSNAME);
-  }
-};
-
-const createChatFrame = () => {
-  const chatFrame = globalThis.document.createElement('div');
-  chatFrame.id = CHAT_FRAME_ID;
-
-  globalThis.document.body.appendChild(chatFrame);
-};