@redneckz/wildless-cms-uni-blocks 0.14.249 → 0.14.251

package/src/hooks/useNavigateHandler.ts

@@ -1,5 +1,6 @@
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
+import { useChatBot } from '../components/Header/useChatBot';
 import { type Target } from '../model/LinkProps';
 import { projectSettings } from '../ProjectSettings';
 import { type PreventableEvent } from '../ui-kit/PreventableEvent';
@@ -10,35 +11,45 @@ import { isURL } from '../utils/url';
 import { handlerDecorator } from './handlerDecorator';
 
 export type NavigateElement = Element | null;
+export type MethodsMap = Record<string, (params: any) => any>;
 
 export const useNavigateHandler = handlerDecorator(() => {
   useEffect(() => {
     getSessionQuery(); //? Call first time for save query in sessionStorage
   }, []);
 
-  useEventListener(globalThis, 'click', navigationHandler);
-});
+  const loadBot = useChatBot(projectSettings.CHAT_BOT);
 
-const navigationHandler = (ev: PreventableEvent & { target: EventTarget | null }) => {
-  const element = getAnchorElement(ev.target as NavigateElement);
+  const reachGoalYM = (targetName?: string) => {
+    const [ymID] = projectSettings.YANDEX_METRIKA_ID?.split(',').reverse() ?? [];
 
-  const [ymID] = projectSettings._.YANDEX_METRIKA_ID?.split(',').reverse() ?? [];
-  const targetName = element?.dataset?.ymtarget;
+    if ([ymID, targetName, globalThis.ym].every(Boolean)) {
+      globalThis.ym(ymID, 'reachGoal', targetName);
+    }
+  };
 
-  if ([ymID, targetName, globalThis.ym].every(Boolean)) {
-    globalThis.ym(ymID, 'reachGoal', targetName);
-  }
+  useEventListener(globalThis, 'click', navigationHandler({ loadBot, reachGoalYM }));
+});
 
-  if (isURL(element?.href) && !element?.href?.startsWith(globalThis.location?.origin)) {
-    ev.preventDefault();
-    ev.stopPropagation();
+const navigationHandler =
+  (methods: MethodsMap) => (ev: PreventableEvent & { target: EventTarget | null }) => {
+    const element = getAnchorElement(ev.target as NavigateElement);
 
-    const url = adjustSessionQuery(element?.href) || element?.href;
-    if (url) {
-      goTransition(element?.target as Target)?.(url);
+    for (const key in element?.dataset) {
+      getScenario(key)?.(element as HTMLElement, methods);
     }
-  }
-};
+
+    if (isURL(element?.href) && !element?.href?.startsWith(globalThis.location?.origin)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+
+      const url = adjustSessionQuery(element?.href) || element?.href;
+      if (url) {
+        const transition = getTransition(element?.target as Target);
+        transition?.(url);
+      }
+    }
+  };
 
 const getAnchorElement = (target: NavigateElement) => {
   let _target = target;
@@ -49,7 +60,7 @@ const getAnchorElement = (target: NavigateElement) => {
   return _target as HTMLAnchorElement | null;
 };
 
-const goTransition = tableFunc<Target, (url: string) => void>([
+const getTransition = tableFunc<Target, (url: string) => void>([
   [(_) => _ === '_blank', (url) => globalThis.open(url, '_blank')],
   [(_) => _ === '_parent', (url) => globalThis.parent && (globalThis.parent.location.href = url)],
   [
@@ -60,3 +71,8 @@ const goTransition = tableFunc<Target, (url: string) => void>([
   ],
   [() => true, (url) => globalThis.location && (globalThis.location.href = url)],
 ]);
+
+const getScenario = tableFunc<string, (target: HTMLElement | null, methods: MethodsMap) => void>([
+  [(_) => _ === 'ymtarget', (target, methods) => methods?.reachGoalYM(target?.dataset?.ymtarget)],
+  [(_) => _ === 'chatbot', (target, methods) => methods?.loadBot({ target })],
+]);

package/src/model/LinkProps.ts

@@ -14,6 +14,8 @@ export type Target = '' | '_self' | '_blank' | '_parent' | '_top';
 export type DataAttributes = {
   /** @title Имя цели для Яндекс Метрики */
   ymTarget?: string;
+  /** @title Открыть чат бот */
+  chatbot?: boolean;
 };
 
 export interface LinkCommonProps {

package/src/ui-kit/Select/Select.tsx

@@ -35,7 +35,7 @@ export const Select = JSX<SelectProps>(
     isBorder = true,
     placeholder = '',
     isSearch = false,
-    iconVersion,
+    iconVersion = 'black',
     onChange,
     disabled,
   }) => {

package/src/ui-kit/Select/SelectPopup.tsx

@@ -19,7 +19,7 @@ export const SelectPopup = JSX<SelectPopupProps>(
   ({ popupRef, options, value, query, onChange, iconVersion }) =>
     options?.length ? (
       <div
-        className="bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md"
+        className="bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-2xl"
         role="list"
         ref={popupRef}
       >

package/src/ui-kit/YandexMap/useYandexMaps.ts

@@ -9,5 +9,5 @@ export const useYandexMaps = () => {
     projectSettings.YANDEX_MAP_API_KEY || ''
   }&lang=ru_RU`;
 
-  return useExternalNS<typeof ymaps>(YMAPS_NAMESPACE, url);
+  return useExternalNS<typeof ymaps>(YMAPS_NAMESPACE, url, false);
 };