@rash2x/bridge-widget 0.7.7 → 0.7.8

package/dist/{index-KQ4SsUup.js → index-CEcrJo_G.js}

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
 import { useEffect, useState, useCallback, useMemo, forwardRef, createContext, useContext, useRef, useLayoutEffect } from "react";
 import { initReactI18next, I18nextProvider, useTranslation } from "react-i18next";
 import i18n from "i18next";
@@ -3024,11 +3025,54 @@ const InfoIcon = (props) => {
     }
   );
 };
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile2, setIsMobile] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile2;
+}
 const Tip = (props) => {
   const { children, text } = props;
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { className: "w-4 h-4 rounded-full bg-muted text-muted-foreground", children }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: text })
+  const [open, setOpen] = useState(false);
+  const isMobile2 = useIsMobile();
+  const tooltipRef = useRef(null);
+  const handleToggle = () => {
+    setOpen((prev) => !prev);
+  };
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (tooltipRef.current && !tooltipRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs(Tooltip, { open: isMobile2 ? open : void 0, children: [
+    /* @__PURE__ */ jsx(
+      TooltipTrigger,
+      {
+        onClick: (e2) => {
+          e2.preventDefault();
+          handleToggle();
+        },
+        className: "w-4 h-4 rounded-full bg-muted text-muted-foreground",
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(TooltipContent, { ref: tooltipRef, children: text })
   ] });
 };
 const BASE_URL = "https://icons-ckg.pages.dev/stargate-light/tokens";
@@ -26086,7 +26130,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-D2IOd6mV.js");
+      await import("./index-DIK7UXln.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26990,4 +27034,4 @@ export {
   calculateMinReceived as y,
   getQuoteDetails as z
 };
-//# sourceMappingURL=index-KQ4SsUup.js.map
+//# sourceMappingURL=index-CEcrJo_G.js.map