@bikdotai/bik-widgets 1.0.0 → 1.0.1

package/src/hooks/useExitIntent.ts

@@ -1,452 +0,0 @@
-import { useEffect, useRef, useCallback } from 'react';
-import useIsMobile from './useIsMobile';
-import { getCookie, setCookie } from '../widgets/STW/utility';
-import {
-  EXIT_INTENT_LEVEL,
-  TRIGGERED_INTENT_TYPE,
-} from '@bikdotai/bik-models/dm/models/analytics';
-
-const EXIT_INTENT_CONFIG = {
-  SCROLL_THRESHOLD: 300, // pixels from top where exit intent triggers
-  SCROLL_VELOCITY_THRESHOLD: 3.0, // pixels per ms for fast scroll detection
-  MIN_SCROLL_DISTANCE: 50, // minimum pixels scrolled up to trigger
-  DELAY: 300, // milliseconds delay before trigger
-  TRIGGER_BUFFER: 30 * 60 * 1000, // 30 minutes between triggers
-  MIN_CONSECUTIVE_UP_SCROLLS: 2, // minimum consecutive up scrolls
-  SCROLL_TIME_FRAME: { min: 16, max: 100 }, // valid time frame for scroll detection
-} as const;
-
-const getCurrentScrollTop = (): number => {
-  return window.pageYOffset || document.documentElement.scrollTop || 0;
-};
-
-interface ExitIntentConfig {
-  exitIntentTimeDelay?: number;
-  exitIntentViewLimit?: number;
-  exitIntentFastUpScroll?: boolean;
-  showExitIntentOn?: EXIT_INTENT_LEVEL;
-}
-
-interface ExitIntentOptions {
-  onExitIntent: (exitIntentType: TRIGGERED_INTENT_TYPE) => void;
-  config?: ExitIntentConfig;
-  widgetId?: string;
-}
-
-enum ExitIntentCookie {
-  SitePopupStartTime = 'bik-site-popup-start-time',
-  PopupExitIntentCount = 'bik-popup-exit-intent-count',
-  PopupLastExitIntentTrigger = 'bik-popup-last-exit-intent-trigger',
-  HistoryPushed = 'bik-exit-intent-history-pushed',
-}
-
-const getWidgetSpecificCookieKey = (
-  key: ExitIntentCookie,
-  widgetId?: string,
-): string => {
-  return widgetId ? `${key}-${widgetId}` : key;
-};
-
-const getCookieNumber = (
-  key: ExitIntentCookie,
-  defaultValue = 0,
-  widgetId?: string,
-): number => {
-  const cookieKey = getWidgetSpecificCookieKey(key, widgetId);
-  const value = getCookie(cookieKey);
-  return value ? parseInt(value, 10) : defaultValue;
-};
-
-const setCookieNumber = (
-  key: ExitIntentCookie,
-  value: number,
-  hours: number,
-  widgetId?: string,
-) => {
-  const cookieKey = getWidgetSpecificCookieKey(key, widgetId);
-  setCookie(cookieKey, value.toString(), hours);
-};
-
-const checkTimeDelay = (
-  config?: ExitIntentConfig,
-  widgetId?: string,
-): boolean => {
-  if (!config?.exitIntentTimeDelay) {
-    return true;
-  }
-  const startTime = getCookieNumber(
-    ExitIntentCookie.SitePopupStartTime,
-    Date.now(),
-    widgetId,
-  );
-  const elapsedTime = (Date.now() - startTime) / 1000;
-  return elapsedTime >= config.exitIntentTimeDelay;
-};
-
-const checkViewLimit = (
-  config?: ExitIntentConfig,
-  widgetId?: string,
-): boolean => {
-  if (!config?.exitIntentViewLimit) {
-    return true;
-  }
-  const currentCount = getCookieNumber(
-    ExitIntentCookie.PopupExitIntentCount,
-    0,
-    widgetId,
-  );
-  return currentCount < config.exitIntentViewLimit;
-};
-
-const checkBuffer = (widgetId?: string): boolean => {
-  const lastTrigger = getCookieNumber(
-    ExitIntentCookie.PopupLastExitIntentTrigger,
-    0,
-    widgetId,
-  );
-  if (!lastTrigger) {
-    return true;
-  }
-  const timeSinceLastTrigger = Date.now() - lastTrigger;
-  return timeSinceLastTrigger >= EXIT_INTENT_CONFIG.TRIGGER_BUFFER;
-};
-
-const recordTrigger = (config?: ExitIntentConfig, widgetId?: string) => {
-  setCookieNumber(
-    ExitIntentCookie.PopupLastExitIntentTrigger,
-    Date.now(),
-    24,
-    widgetId,
-  );
-
-  if (config?.exitIntentViewLimit) {
-    const currentCount = getCookieNumber(
-      ExitIntentCookie.PopupExitIntentCount,
-      0,
-      widgetId,
-    );
-    setCookieNumber(
-      ExitIntentCookie.PopupExitIntentCount,
-      currentCount + 1,
-      1,
-      widgetId,
-    );
-  }
-};
-
-const setHistoryPushedCookie = (widgetId?: string) => {
-  const cookieKey = getWidgetSpecificCookieKey(
-    ExitIntentCookie.HistoryPushed,
-    widgetId,
-  );
-  setCookie(cookieKey, '1', 1);
-};
-
-const isHistoryPushed = (widgetId?: string): boolean => {
-  const cookieKey = getWidgetSpecificCookieKey(
-    ExitIntentCookie.HistoryPushed,
-    widgetId,
-  );
-  return getCookie(cookieKey) === '1';
-};
-
-const initializeSiteStartTime = (widgetId?: string) => {
-  const cookieKey = getWidgetSpecificCookieKey(
-    ExitIntentCookie.SitePopupStartTime,
-    widgetId,
-  );
-  if (!getCookie(cookieKey)) {
-    setCookieNumber(
-      ExitIntentCookie.SitePopupStartTime,
-      Date.now(),
-      24,
-      widgetId,
-    );
-  }
-};
-
-const canTriggerExitIntent = (
-  config?: ExitIntentConfig,
-  widgetId?: string,
-): boolean => {
-  return (
-    checkTimeDelay(config, widgetId) &&
-    checkViewLimit(config, widgetId) &&
-    checkBuffer(widgetId)
-  );
-};
-
-const isFirstPageForWebsiteLevel = (
-  config?: ExitIntentConfig,
-  widgetId?: string,
-): boolean => {
-  if (config?.showExitIntentOn !== EXIT_INTENT_LEVEL.WEBSITE) {
-    return true;
-  }
-
-  const cookieKey = getWidgetSpecificCookieKey(
-    ExitIntentCookie.SitePopupStartTime,
-    widgetId,
-  );
-  return !getCookie(cookieKey);
-};
-
-const useDesktopExitIntent = ({
-  onExitIntent,
-  config,
-  widgetId,
-}: ExitIntentOptions) => {
-  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
-  const hasTriggeredRef = useRef(false);
-
-  const triggerExitIntent = useCallback(
-    (type: TRIGGERED_INTENT_TYPE) => {
-      if (hasTriggeredRef.current || !canTriggerExitIntent(config, widgetId)) {
-        return;
-      }
-      hasTriggeredRef.current = true;
-      recordTrigger(config, widgetId);
-      onExitIntent(type);
-    },
-    [onExitIntent, config, widgetId],
-  );
-
-  const handleMouseLeave = useCallback(
-    (event: MouseEvent) => {
-      if (hasTriggeredRef.current) {
-        return;
-      }
-      // Trigger if mouse leaves from the top of the viewport
-      if (event.relatedTarget === null && event.clientY <= 0) {
-        if (timeoutRef.current) clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(
-          () => triggerExitIntent(TRIGGERED_INTENT_TYPE.MOUSE_EXIT),
-          EXIT_INTENT_CONFIG.DELAY,
-        );
-      }
-    },
-    [triggerExitIntent],
-  );
-
-  const handleVisibilityChange = useCallback(() => {
-    if (document.hidden && !hasTriggeredRef.current) {
-      triggerExitIntent(TRIGGERED_INTENT_TYPE.VISIBILITY_CHANGE);
-    }
-  }, [triggerExitIntent]);
-
-  useEffect(() => {
-    // Skip listeners if not the first page for website-level exit intent
-    if (!isFirstPageForWebsiteLevel(config, widgetId)) {
-      return;
-    }
-
-    initializeSiteStartTime(widgetId);
-
-    const abortController = new AbortController();
-    const { signal } = abortController;
-
-    document.addEventListener('mouseout', handleMouseLeave, { signal });
-    document.addEventListener('visibilitychange', handleVisibilityChange, {
-      signal,
-    });
-
-    return () => {
-      abortController.abort();
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    };
-  }, [handleMouseLeave, handleVisibilityChange, config, widgetId]);
-
-  const reset = useCallback(() => {
-    hasTriggeredRef.current = false;
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-    }
-  }, []);
-
-  return { reset };
-};
-
-const useMobileExitIntent = ({
-  onExitIntent,
-  config,
-  widgetId,
-}: ExitIntentOptions) => {
-  const hasTriggeredRef = useRef(false);
-  const lastScrollTopRef = useRef(getCurrentScrollTop());
-  const scrollTimeRef = useRef(Date.now());
-  const scrollDirectionRef = useRef<'up' | 'down' | null>(null);
-  const consecutiveUpScrollsRef = useRef(0);
-  const historyStateAddedRef = useRef(false);
-
-  const triggerExitIntent = useCallback(
-    (type: TRIGGERED_INTENT_TYPE) => {
-      if (hasTriggeredRef.current || !canTriggerExitIntent(config, widgetId)) {
-        return;
-      }
-      hasTriggeredRef.current = true;
-      recordTrigger(config, widgetId);
-      onExitIntent(type);
-    },
-    [onExitIntent, config, widgetId],
-  );
-
-  const handlePopState = useCallback(() => {
-    if (!hasTriggeredRef.current && historyStateAddedRef.current) {
-      window.history.replaceState(null, '', window.location.href);
-      historyStateAddedRef.current = false;
-      triggerExitIntent(TRIGGERED_INTENT_TYPE.BACK_NAVIGATION);
-    }
-  }, [triggerExitIntent]);
-
-  const updateScrollDirection = useCallback((scrollDiff: number) => {
-    const currentDirection =
-      scrollDiff > 0 ? 'up' : scrollDiff < 0 ? 'down' : null;
-
-    if (currentDirection === 'up') {
-      consecutiveUpScrollsRef.current =
-        scrollDirectionRef.current === 'up'
-          ? consecutiveUpScrollsRef.current + 1
-          : 1;
-    } else {
-      consecutiveUpScrollsRef.current = 0;
-    }
-
-    scrollDirectionRef.current = currentDirection;
-  }, []);
-
-  const shouldTriggerFastScroll = useCallback(
-    (
-      currentScrollTop: number,
-      scrollDiff: number,
-      timeDiff: number,
-    ): boolean => {
-      if (
-        currentScrollTop > EXIT_INTENT_CONFIG.SCROLL_THRESHOLD ||
-        scrollDiff < EXIT_INTENT_CONFIG.MIN_SCROLL_DISTANCE ||
-        timeDiff < EXIT_INTENT_CONFIG.SCROLL_TIME_FRAME.min ||
-        timeDiff > EXIT_INTENT_CONFIG.SCROLL_TIME_FRAME.max ||
-        consecutiveUpScrollsRef.current <
-          EXIT_INTENT_CONFIG.MIN_CONSECUTIVE_UP_SCROLLS
-      ) {
-        return false;
-      }
-
-      const velocity = scrollDiff / timeDiff;
-      return velocity > EXIT_INTENT_CONFIG.SCROLL_VELOCITY_THRESHOLD;
-    },
-    [],
-  );
-
-  const handleScroll = useCallback(() => {
-    const fastUpScrollEnabled = config?.exitIntentFastUpScroll !== false;
-    if (hasTriggeredRef.current || !fastUpScrollEnabled) {
-      return;
-    }
-
-    const currentScrollTop = getCurrentScrollTop();
-    const currentTime = Date.now();
-    const timeDiff = currentTime - scrollTimeRef.current;
-    const scrollDiff = lastScrollTopRef.current - currentScrollTop;
-
-    updateScrollDirection(scrollDiff);
-
-    if (shouldTriggerFastScroll(currentScrollTop, scrollDiff, timeDiff)) {
-      triggerExitIntent(TRIGGERED_INTENT_TYPE.FAST_UP_SCROLL_PAGE);
-    }
-
-    lastScrollTopRef.current = currentScrollTop;
-    scrollTimeRef.current = currentTime;
-  }, [
-    config?.exitIntentFastUpScroll,
-    triggerExitIntent,
-    updateScrollDirection,
-    shouldTriggerFastScroll,
-  ]);
-
-  const handleVisibilityChange = useCallback(() => {
-    if (document.hidden && !hasTriggeredRef.current) {
-      triggerExitIntent(TRIGGERED_INTENT_TYPE.VISIBILITY_CHANGE);
-    }
-  }, [triggerExitIntent]);
-
-  const shouldAddHistoryState = useCallback((): boolean => {
-    if (historyStateAddedRef.current) return false;
-
-    const isWebsiteLevel =
-      config?.showExitIntentOn === EXIT_INTENT_LEVEL.WEBSITE;
-    const isWebpageLevel =
-      config?.showExitIntentOn === EXIT_INTENT_LEVEL.WEBPAGE;
-
-    return (
-      (isWebsiteLevel && !isHistoryPushed(widgetId)) ||
-      (isWebpageLevel && window.history.state === null)
-    );
-  }, [config?.showExitIntentOn, widgetId]);
-
-  const addHistoryState = useCallback(() => {
-    if (!shouldAddHistoryState()) return;
-
-    window.history.pushState({ exitIntent: true }, '', window.location.href);
-    historyStateAddedRef.current = true;
-
-    if (config?.showExitIntentOn === EXIT_INTENT_LEVEL.WEBSITE) {
-      setHistoryPushedCookie(widgetId);
-    }
-  }, [shouldAddHistoryState, config?.showExitIntentOn, widgetId]);
-
-  useEffect(() => {
-    // Skip listeners if not the first page for website-level exit intent
-    if (!isFirstPageForWebsiteLevel(config, widgetId)) {
-      return;
-    }
-
-    initializeSiteStartTime(widgetId);
-    addHistoryState();
-
-    const abortController = new AbortController();
-    const { signal } = abortController;
-
-    window.addEventListener('popstate', handlePopState, { signal });
-    document.addEventListener('visibilitychange', handleVisibilityChange, {
-      signal,
-    });
-
-    const fastUpScrollEnabled = config?.exitIntentFastUpScroll !== false;
-    if (fastUpScrollEnabled) {
-      window.addEventListener('scroll', handleScroll, {
-        passive: true,
-        signal,
-      });
-    }
-
-    return () => {
-      abortController.abort();
-    };
-  }, [
-    handlePopState,
-    handleVisibilityChange,
-    handleScroll,
-    addHistoryState,
-    config,
-    widgetId,
-  ]);
-
-  const reset = useCallback(() => {
-    hasTriggeredRef.current = false;
-    scrollDirectionRef.current = null;
-    consecutiveUpScrollsRef.current = 0;
-    lastScrollTopRef.current = getCurrentScrollTop();
-    scrollTimeRef.current = Date.now();
-  }, []);
-
-  return { reset };
-};
-
-export const useExitIntent = (options: ExitIntentOptions) => {
-  const isMobileDevice = useIsMobile();
-
-  return isMobileDevice
-    ? useMobileExitIntent(options)
-    : useDesktopExitIntent(options);
-};

package/src/hooks/useIsMobile.tsx

@@ -1,21 +0,0 @@
-import { useState, useEffect } from 'react';
-
-const useIsMobile = () => {
-  const [isMobile, setIsMobile] = useState(false);
-
-  useEffect(() => {
-    const handleResize = () => {
-      const regex =
-        /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
-      setIsMobile(regex.test(navigator.userAgent));
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, []);
-  return isMobile;
-};
-
-export default useIsMobile;

package/src/hooks/useMessageEvent.ts

@@ -1,8 +0,0 @@
-import { useWindowEvent } from './useWindowEvent';
-
-export const useMessageEvent = callback => {
-  useWindowEvent('message', event => {
-    if (typeof event.data !== 'string') return null;
-    callback(JSON.parse(event.data));
-  });
-};

package/src/hooks/useTriggeredIntentDetails.ts

@@ -1,43 +0,0 @@
-import { storeDataInLocalStorage } from '../utilities/localStorage';
-import { decryptBikData } from '../utilities/encryption';
-import {
-  EXIT_INTENT_LEVEL,
-  TRIGGERED_INTENT_SOURCE,
-  TRIGGERED_PAGE_TYPE,
-} from '@bikdotai/bik-models/dm/models/analytics';
-
-export interface ITriggeredIntentDetails {
-  triggerSource: TRIGGERED_INTENT_SOURCE;
-  triggeredPage: TRIGGERED_PAGE_TYPE;
-  triggerType?: string;
-  exitIntentLevel?: EXIT_INTENT_LEVEL;
-}
-
-const TRIGGERED_INTENT_KEY = 'bik-triggered-intent-details';
-
-export const useTriggeredIntentDetails = (widgetId: string) => {
-  const setTriggeredIntentDetails = (details: ITriggeredIntentDetails) => {
-    const key = `${TRIGGERED_INTENT_KEY}-${widgetId}`;
-    storeDataInLocalStorage(key, JSON.stringify(details), true);
-  };
-
-  const getTriggeredIntentDetails = (): ITriggeredIntentDetails | null => {
-    try {
-      const key = `${TRIGGERED_INTENT_KEY}-${widgetId}`;
-      const storedData = localStorage.getItem(key);
-
-      if (storedData) {
-        const decryptedData = decryptBikData(storedData);
-        const parsedData = JSON.parse(decryptedData);
-        return parsedData;
-      }
-      return null;
-    } catch (error) {
-      return null;
-    }
-  };
-  return {
-    setTriggeredIntentDetails,
-    getTriggeredIntentDetails,
-  };
-};

package/src/hooks/useUrlListerner.ts

@@ -1,30 +0,0 @@
-import { useEffect } from 'react';
-
-/** Hook to detect url change even in custom side rendering **/
-export const useUrlListerner = (
-  ref,
-  callback,
-  options = {
-    attributes: true,
-    characterData: true,
-    childList: true,
-    subtree: true,
-  },
-) => {
-  let currentUrl;
-  useEffect(() => {
-    if (ref.current) {
-      const observer = new MutationObserver(function (mutations) {
-        mutations.forEach(function (mutation) {
-          if (mutation.type === 'childList' && mutation.addedNodes.length) {
-            if (window.location.href !== currentUrl) {
-              currentUrl = window.location.href;
-              callback(currentUrl);
-            }
-          }
-        });
-      });
-      observer.observe(document.getElementById(ref), options);
-    }
-  }, [callback, options]);
-};

package/src/hooks/useWebSocketLogger.ts

@@ -1,59 +0,0 @@
-import { useEffect, useRef, useCallback } from 'react';
-
-export type LogLevel = 'info' | 'warn' | 'error' | 'debug';
-
-export const useWebSocketLogger = (isWebSocketServerStarted: boolean) => {
-  const wsRef = useRef<WebSocket | null>(null);
-  const queueRef = useRef([]);
-
-  const connect = useCallback(async () => {
-    try {
-      // Replace with your WebSocket server IP and port
-      const wsUrl = `ws://192.168.103.109:4040`;
-      wsRef.current = new WebSocket(wsUrl);
-      wsRef.current.onopen = () => {
-        while (queueRef.current.length > 0) {
-          wsRef.current?.send(JSON.stringify(queueRef.current.shift()));
-        }
-      };
-      wsRef.current.onclose = () => setTimeout(connect, 5000);
-      wsRef.current.onerror = () => setTimeout(connect, 5000);
-    } catch {
-      setTimeout(connect, 5000);
-    }
-  }, []);
-
-  const sendLog = useCallback(
-    (level: LogLevel, message: string, data?: unknown) => {
-      const log = {
-        level,
-        message,
-        timestamp: new Date().toISOString(),
-        data,
-        source: 'client',
-      };
-
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        wsRef.current.send(JSON.stringify(log));
-      } else {
-        queueRef.current.push(log);
-        if (queueRef.current.length > 100) queueRef.current.shift();
-      }
-    },
-    [],
-  );
-
-  useEffect(() => {
-    if (isWebSocketServerStarted) {
-      connect();
-      return () => wsRef.current?.close();
-    }
-  }, [connect]);
-
-  return {
-    log: (msg: string, data?: unknown) => sendLog('info', msg, data),
-    warn: (msg: string, data?: unknown) => sendLog('warn', msg, data),
-    error: (msg: string, data?: unknown) => sendLog('error', msg, data),
-    debug: (msg: string, data?: unknown) => sendLog('debug', msg, data),
-  };
-};

package/src/hooks/useWindowEvent.ts

@@ -1,8 +0,0 @@
-import { useEffect } from 'react';
-
-export const useWindowEvent = (event, callback) => {
-  useEffect(() => {
-    window.addEventListener(event, callback);
-    return () => window.removeEventListener(event, callback);
-  }, [event, callback]);
-};

package/src/icons/copyIcon.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-
-const CopyIcon: React.FC<{ colour?: string }> = ({ colour }) => {
-  return (
-    <svg
-      width="21"
-      height="20"
-      viewBox="0 0 21 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M3.24409 2.74412C3.40037 2.58784 3.61233 2.50004 3.83334 2.50004H11.3333C11.5544 2.50004 11.7663 2.58784 11.9226 2.74412C12.0789 2.9004 12.1667 3.11236 12.1667 3.33337V4.16671C12.1667 4.62694 12.5398 5.00004 13 5.00004C13.4602 5.00004 13.8333 4.62694 13.8333 4.16671V3.33337C13.8333 2.67033 13.5699 2.03445 13.1011 1.56561C12.6323 1.09677 11.9964 0.833374 11.3333 0.833374H3.83334C3.1703 0.833374 2.53442 1.09677 2.06558 1.56561C1.59674 2.03445 1.33334 2.67033 1.33334 3.33337V10.8334C1.33334 11.4964 1.59674 12.1323 2.06558 12.6011C2.53442 13.07 3.1703 13.3334 3.83334 13.3334H4.66668C5.12691 13.3334 5.50001 12.9603 5.50001 12.5C5.50001 12.0398 5.12691 11.6667 4.66668 11.6667H3.83334C3.61233 11.6667 3.40037 11.5789 3.24409 11.4226C3.08781 11.2663 3.00001 11.0544 3.00001 10.8334V3.33337C3.00001 3.11236 3.08781 2.9004 3.24409 2.74412Z"
-        fill={colour ?? 'white'}
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9.66668 6.66671C8.28596 6.66671 7.16668 7.78599 7.16668 9.16671V16.6667C7.16668 18.0474 8.28596 19.1667 9.66668 19.1667H17.1667C18.5474 19.1667 19.6667 18.0474 19.6667 16.6667V9.16671C19.6667 7.78599 18.5474 6.66671 17.1667 6.66671H9.66668ZM8.83334 9.16671C8.83334 8.70647 9.20644 8.33337 9.66668 8.33337H17.1667C17.6269 8.33337 18 8.70647 18 9.16671V16.6667C18 17.1269 17.6269 17.5 17.1667 17.5H9.66668C9.20644 17.5 8.83334 17.1269 8.83334 16.6667V9.16671Z"
-        fill={colour ?? 'white'}
-      />
-    </svg>
-  );
-};
-
-export default CopyIcon;

package/src/icons/crossIconDesktop.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-
-const CrossIconDesktop: React.FC<{ color?: string }> = ({ color }) => {
-  return (
-    <svg
-      width="32"
-      height="32"
-      viewBox="0 0 32 32"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M24.9428 8.94265C25.4635 8.42195 25.4635 7.57773 24.9428 7.05703C24.4221 6.53633 23.5779 6.53633 23.0572 7.05703L16 14.1142L8.9428 7.05703C8.4221 6.53633 7.57788 6.53633 7.05718 7.05703C6.53648 7.57773 6.53648 8.42195 7.05718 8.94265L14.1144 15.9998L7.05718 23.057C6.53648 23.5777 6.53648 24.4219 7.05718 24.9426C7.57788 25.4633 8.4221 25.4633 8.9428 24.9426L16 17.8855L23.0572 24.9426C23.5779 25.4633 24.4221 25.4633 24.9428 24.9426C25.4635 24.4219 25.4635 23.5777 24.9428 23.057L17.8856 15.9998L24.9428 8.94265Z"
-        fill={color ?? '#212121'}
-      />
-    </svg>
-  );
-};
-
-export default CrossIconDesktop;

package/src/icons/crossIconMobile.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-
-const CrossIconMobile = () => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z"
-        fill="#616161"
-      />
-    </svg>
-  );
-};
-
-export default CrossIconMobile;