@rash2x/bridge-widget 0.7.6 → 0.7.8

package/dist/{index-CF3yEUFF.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";
@@ -2402,7 +2403,7 @@ function calculateMinReceived(quote, slippageBps, dstToken) {
 }
 function getQuoteDetails(quote, srcToken, dstToken, tokens, chains, slippageBps, srcChain, dstChain) {
   const amounts = getQuoteAmounts(quote, srcToken, dstToken);
-  const fees = computeFeeBreakdownUsd(quote, srcToken, tokens, chains, srcChain, dstChain);
+  const fees = computeFeeBreakdownUsd(quote, srcToken, dstToken, tokens, chains, srcChain, dstChain);
   const minimumReceived = calculateMinReceived(quote, slippageBps, dstToken);
   return {
     inputAmount: amounts.inputHuman,
@@ -2422,7 +2423,7 @@ function getRouteDisplayName(route) {
   if (routeLower.includes("v2")) return "Stargate V2";
   return route.split(/[/\-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 }
-function computeFeeBreakdownUsd(quote, srcToken, tokens, chains, srcChain, dstChain) {
+function computeFeeBreakdownUsd(quote, srcToken, dstToken, tokens, chains, srcChain, dstChain) {
   const defaultMsgSymbol = srcChain?.nativeCurrency?.symbol?.toUpperCase() ?? "";
   const defaultBridgeSymbol = srcToken?.symbol?.toUpperCase() ?? "";
   const defaultDstGasSymbol = dstChain?.nativeCurrency?.symbol?.toUpperCase() ?? "";
@@ -2465,7 +2466,7 @@ function computeFeeBreakdownUsd(quote, srcToken, tokens, chains, srcChain, dstCh
   let bridgeFeeUsd = 0;
   const bridgeFeeSymbol = srcToken.symbol?.toUpperCase() ?? "";
   const srcHuman = fromLD(quote.srcAmount, srcToken.decimals);
-  const dstHuman = fromLD(quote.dstAmount, srcToken.decimals);
+  const dstHuman = dstToken ? fromLD(quote.dstAmount, dstToken.decimals) : 0;
   const diff = srcHuman - dstHuman;
   if (diff > 0) {
     bridgeFeeAmount = diff;
@@ -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";
@@ -3051,7 +3095,12 @@ function useFeeBreakdown() {
       selectedAssetSymbol,
       fromChain?.chainKey
     );
-    return computeFeeBreakdownUsd(quote, srcToken, allTokens ?? tokens, chains, fromChain, toChain);
+    const dstToken = resolveTokenOnChainFromMatrix$1(
+      assetMatrix,
+      selectedAssetSymbol,
+      toChain?.chainKey
+    );
+    return computeFeeBreakdownUsd(quote, srcToken, dstToken, allTokens ?? tokens, chains, fromChain, toChain);
   }, [quote, allTokens, tokens, chains, selectedAssetSymbol, assetMatrix, fromChain, toChain]);
 }
 function useBridgeExternalData(options) {
@@ -4109,30 +4158,6 @@ function useSilentValidations(amountString) {
     status,
     error
   ]);
-  useEffect(() => {
-    if (validationResult.isValidForTransfer) return;
-    console.info("[SilentValidations] invalid", {
-      amountString,
-      hasTooManyDecimals: validationResult.hasTooManyDecimals,
-      hasUnsupportedTokenPair: validationResult.hasUnsupportedTokenPair,
-      hasInsufficientLiquidity: validationResult.hasInsufficientLiquidity,
-      status,
-      hasQuote: Boolean(quote),
-      error,
-      fromChainKey: fromChain?.chainKey,
-      toChainKey: toChain?.chainKey,
-      selectedAssetSymbol
-    });
-  }, [
-    validationResult,
-    amountString,
-    status,
-    quote,
-    error,
-    fromChain?.chainKey,
-    toChain?.chainKey,
-    selectedAssetSymbol
-  ]);
   return validationResult;
 }
 function useTelegramRestriction() {
@@ -4259,7 +4284,6 @@ const MainButton = ({
     }
   };
   const disabled = status === "loading" || requiresCustomAddress || !isTelegramRestricted && !missingSrc && !missingDst && (amountNum <= 0 || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer);
-  console.log(gas);
   return /* @__PURE__ */ jsxs("div", { className: "pt-4 space-y-4", children: [
     isTelegramRestricted && /* @__PURE__ */ jsx(
       Alert,
@@ -26106,7 +26130,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-CDaFAnWU.js");
+      await import("./index-DIK7UXln.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -27010,4 +27034,4 @@ export {
   calculateMinReceived as y,
   getQuoteDetails as z
 };
-//# sourceMappingURL=index-CF3yEUFF.js.map
+//# sourceMappingURL=index-CEcrJo_G.js.map