@rash2x/bridge-widget 0.6.75 → 0.6.77

package/dist/{index-CoLBqDP8.js → index-Cf0s9o1V.js}

@@ -299,6 +299,7 @@ const useChainsStore = create()(
       allowedFromChains: void 0,
       allowedToChains: void 0,
       isLoadingToChains: false,
+      isUrlInitialized: false,
       setChains: async (data) => {
         const prev = get2().chains;
         const same = (() => {
@@ -352,6 +353,7 @@ const useChainsStore = create()(
         set2({ allowedToChains: data });
       },
       setIsLoadingToChains: (v2) => set2({ isLoadingToChains: v2 }),
+      setIsUrlInitialized: (v2) => set2({ isUrlInitialized: v2 }),
       swapChains: () => set2((state2) => ({
         fromChain: state2.toChain,
         toChain: state2.fromChain
@@ -1322,34 +1324,6 @@ async function getDestTokens(srcChainKey, srcTokenAddr) {
   });
   return unique.map(normalizeTokenSymbol);
 }
-function parseBridgeUrlParams(source) {
-  if (source && typeof source === "object") {
-    return source;
-  }
-  const queryString = typeof source === "string" ? source : typeof window !== "undefined" ? window.location.search : "";
-  const searchParams = new URLSearchParams(queryString);
-  return {
-    srcToken: searchParams.get("srcToken") || void 0,
-    srcChain: searchParams.get("srcChain") || void 0,
-    dstChain: searchParams.get("dstChain") || void 0,
-    amount: searchParams.get("amount") || void 0
-  };
-}
-function buildQueryString(params) {
-  const searchParams = new URLSearchParams();
-  if (params.srcToken) searchParams.set("srcToken", params.srcToken);
-  if (params.srcChain) searchParams.set("srcChain", params.srcChain);
-  if (params.dstChain) searchParams.set("dstChain", params.dstChain);
-  if (params.amount) searchParams.set("amount", params.amount);
-  const queryString = searchParams.toString();
-  return queryString ? `?${queryString}` : "";
-}
-function updateBridgeUrlNative(params) {
-  if (typeof window === "undefined" || !window.history) return;
-  const queryString = buildQueryString(params);
-  const newUrl = `${window.location.pathname}${queryString}${window.location.hash}`;
-  window.history.replaceState(null, "", newUrl);
-}
 function resolveTokenOnChainFromMatrix$1(assetMatrix, assetSymbol, chainKey) {
   if (!assetMatrix || !assetSymbol || !chainKey) return void 0;
   const byChain = assetMatrix[assetSymbol.toUpperCase()];
@@ -1368,7 +1342,8 @@ const useChainDerivations = () => {
     allowedToChains,
     setAllowedToChains,
     isLoadingToChains,
-    setIsLoadingToChains
+    setIsLoadingToChains,
+    isUrlInitialized
   } = useChainsStore();
   const supportedFrom = useMemo(() => {
     if (typeof selectedAssetSymbol !== "string" || !assetMatrix || !chains?.length)
@@ -1379,10 +1354,8 @@ const useChainDerivations = () => {
     return result;
   }, [selectedAssetSymbol, assetMatrix, chains]);
   useEffect(() => {
-    const urlParams = parseBridgeUrlParams();
-    const hasUrlParams = !!urlParams.srcToken || !!urlParams.srcChain || !!urlParams.dstChain;
     setAllowedFromChains(supportedFrom);
-    if (hasUrlParams) {
+    if (!isUrlInitialized) {
       return;
     }
     if (!supportedFrom.length) {
@@ -1408,7 +1381,8 @@ const useChainDerivations = () => {
     setAllowedFromChains,
     setFromChain,
     setToChain,
-    setAllowedToChains
+    setAllowedToChains,
+    isUrlInitialized
   ]);
   useEffect(() => {
     let ignore = false;
@@ -1450,8 +1424,10 @@ const useChainDerivations = () => {
           list = list.filter((c2) => c2.chainKey !== fromChain.chainKey);
         }
         setAllowedToChains(list);
-        if (!toChain || !list.some((c2) => c2.chainKey === toChain.chainKey)) {
-          setToChain(list[0]);
+        if (isUrlInitialized) {
+          if (!toChain || !list.some((c2) => c2.chainKey === toChain.chainKey)) {
+            setToChain(list[0]);
+          }
         }
       } catch (e2) {
         if (!ignore) {
@@ -1475,7 +1451,8 @@ const useChainDerivations = () => {
     toChain,
     setAllowedToChains,
     setToChain,
-    setIsLoadingToChains
+    setIsLoadingToChains,
+    isUrlInitialized
   ]);
   return {
     allowedFromChains,
@@ -2381,58 +2358,51 @@ const ChainSelectModal = ({
       chain2.chainKey
     );
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      className: "md:max-h-[90dvh] md:h-[90dvh] fixed top-0 left-0 right-0 bottom-0 translate-x-0 translate-y-0 md:left-[50%] md:top-[50%] md:translate-x-[-50%] md:translate-y-[-50%] overflow-hidden flex flex-col p-6 md:p-10 md:pt-8 rounded-none md:rounded-lg",
-      closeButtonClassName: "right-6 md:right-10",
-      children: [
-        /* @__PURE__ */ jsx(DialogHeader, { className: "text-left pb-2", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl leading-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
-          /* @__PURE__ */ jsx("div", { children: t2("bridge.select") }),
-          /* @__PURE__ */ jsx("div", { children: t2(
-            isSource ? "bridge.sourceNetwork" : "bridge.destinationNetwork"
-          ) })
-        ] }) }) }),
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left pb-2", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl leading-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
+      /* @__PURE__ */ jsx("div", { children: t2("bridge.select") }),
+      /* @__PURE__ */ jsx("div", { children: t2(
+        isSource ? "bridge.sourceNetwork" : "bridge.destinationNetwork"
+      ) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        placeholder: t2("bridge.search"),
+        value: query,
+        onChange: setQuery,
+        className: "text-foreground placeholder:text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/30", children: [
+      groupedChains.available.length > 0 && groupedChains.available.map((c2) => renderChainItem(c2, false)),
+      groupedChains.willChangeSrc.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
-          SearchInput,
+          "p",
           {
-            placeholder: t2("bridge.search"),
-            value: query,
-            onChange: setQuery,
-            className: "text-foreground placeholder:text-muted-foreground"
+            className: `px-5 py-2 leading-4 text-base font-semibold text-muted-foreground uppercase ${groupedChains.available.length > 0 ? "mt-10" : ""}`,
+            children: t2("bridge.willChangeSourceChain")
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/30", children: [
-          groupedChains.available.length > 0 && groupedChains.available.map((c2) => renderChainItem(c2, false)),
-          groupedChains.willChangeSrc.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: `px-5 py-2 leading-4 text-base font-semibold text-muted-foreground uppercase ${groupedChains.available.length > 0 ? "mt-10" : ""}`,
-                children: t2("bridge.willChangeSourceChain")
-              }
-            ),
-            groupedChains.willChangeSrc.map(
-              (c2) => renderChainItem(c2, true, false)
-            )
-          ] }),
-          groupedChains.willChangeTokenAndSrc.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: `px-5 py-2 leading-4 text-base font-semibold text-muted-foreground uppercase ${groupedChains.available.length > 0 || groupedChains.willChangeSrc.length > 0 ? "mt-10" : ""}`,
-                children: t2("bridge.willChangeSourceNetworkAndToken")
-              }
-            ),
-            groupedChains.willChangeTokenAndSrc.map(
-              (c2) => renderChainItem(c2, false, true)
-            )
-          ] }),
-          groupedChains.available.length === 0 && groupedChains.willChangeSrc.length === 0 && groupedChains.willChangeTokenAndSrc.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground px-12 py-2 h-28 flex items-center justify-center text-center", children: t2("bridge.chainNotFound") })
-        ] })
-      ]
-    }
-  ) });
+        groupedChains.willChangeSrc.map(
+          (c2) => renderChainItem(c2, true, false)
+        )
+      ] }),
+      groupedChains.willChangeTokenAndSrc.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: `px-5 py-2 leading-4 text-base font-semibold text-muted-foreground uppercase ${groupedChains.available.length > 0 || groupedChains.willChangeSrc.length > 0 ? "mt-10" : ""}`,
+            children: t2("bridge.willChangeSourceNetworkAndToken")
+          }
+        ),
+        groupedChains.willChangeTokenAndSrc.map(
+          (c2) => renderChainItem(c2, false, true)
+        )
+      ] }),
+      groupedChains.available.length === 0 && groupedChains.willChangeSrc.length === 0 && groupedChains.willChangeTokenAndSrc.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground px-12 py-2 h-28 flex items-center justify-center text-center", children: t2("bridge.chainNotFound") })
+    ] })
+  ] }) });
 };
 const useWalletSelectModal = create((set2) => ({
   isOpen: false,
@@ -4161,7 +4131,7 @@ const WalletSelectModal = () => {
     }
     return a2.order - b2.order;
   });
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col fixed top-0 left-0 right-0 bottom-0 translate-x-0 translate-y-0 md:left-[50%] md:top-[50%] md:translate-x-[-50%] md:translate-y-[-50%] md:bottom-auto p-10 pt-7 rounded-none md:rounded-lg", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "text-left", children: [
       /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("wallets.chooseWallet") }),
       /* @__PURE__ */ jsx(DialogDescription, { children: t2("wallets.oneWalletPerEnv") })
@@ -6497,103 +6467,96 @@ const SettingsModal = ({ isOpen, onClose }) => {
   );
   const activeBtn = "bg-primary hover:bg-primary/80 text-primary-foreground transition-colors";
   const notActiveBtn = "bg-accent hover:bg-accent/80 text-accent-foreground transition-colors";
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      onOpenAutoFocus: (e2) => e2.preventDefault(),
-      className: "flex flex-col fixed top-0 left-0 right-0 bottom-0 translate-x-0 translate-y-0 md:left-[50%] md:top-[50%] md:translate-x-[-50%] md:translate-y-[-50%] p-10 pt-7 rounded-none md:rounded-lg",
-      children: [
-        /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("settings.title") }) }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.gasOnDestination") }),
-                /* @__PURE__ */ jsx(Tip, { text: t2("settings.gasOnDestinationDescription"), children: /* @__PURE__ */ jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
-              ] }),
-              /* @__PURE__ */ jsx("p", { className: "text-foreground text-sm font-medium leading-4", children: formatUsd(gasUsdValue) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center w-1/3 gap-2 shrink-0", children: [
-                /* @__PURE__ */ jsx(
-                  TokenSymbol,
-                  {
-                    symbol: dstNativeToken?.symbol || "eth",
-                    className: "h-4 w-4 rounded-full",
-                    alt: dstNativeToken?.symbol || t2("common.nativeToken", { defaultValue: "Native Token" })
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("p", { className: "text-lg text-foreground leading-5 font-semibold h-5", children: gasDisplayAmount % 1 === 0 ? gasDisplayAmount.toFixed(0) : gasDisplayAmount.toFixed(
-                  gasDisplayAmount < 1e-3 ? 6 : 3
-                ) }) })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: gasPresets.map((g2) => /* @__PURE__ */ jsx(
-                Badge,
-                {
-                  onClick: () => setGasPreset(g2),
-                  className: cn$2(
-                    "cursor-pointer h-7 rounded px-2",
-                    gasPreset === g2 ? activeBtn : notActiveBtn
-                  ),
-                  children: t2(`settings.gasPresets.${g2}`)
-                },
-                g2
-              )) })
-            ] })
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { onOpenAutoFocus: (e2) => e2.preventDefault(), children: [
+    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("settings.title") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-5 flex-1 pt-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.gasOnDestination") }),
+            /* @__PURE__ */ jsx(Tip, { text: t2("settings.gasOnDestinationDescription"), children: /* @__PURE__ */ jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
           ] }),
-          /* @__PURE__ */ jsx("hr", {}),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.slippageTolerance") }),
-                /* @__PURE__ */ jsx(Tip, { text: t2("settings.slippageToleranceDescription"), children: /* @__PURE__ */ jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
-              ] }),
-              slippageBps >= 500 && /* @__PURE__ */ jsx("p", { className: "text-destructive text-xs font-medium", children: t2("settings.highSlippageWarning", {
-                defaultValue: "High slippage warning"
-              }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-6", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("p", { className: "text-lg text-foreground leading-5 font-semibold h-5", children: slippagePercent }) }),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: slippagePresets.map((p2) => /* @__PURE__ */ jsx(
-                Badge,
-                {
-                  onClick: () => {
-                    const bps = parseFloat(p2.replace("%", "")) * 100;
-                    setSlippageBps(bps);
-                  },
-                  className: cn$2(
-                    "cursor-pointer h-7 rounded px-2",
-                    activeSlippagePreset === p2 ? activeBtn : notActiveBtn
-                  ),
-                  children: p2
-                },
-                p2
-              )) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("hr", {}),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.routePriority") }),
-              /* @__PURE__ */ jsx(Tip, { text: t2("settings.routePriorityDescription"), children: /* @__PURE__ */ jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
-            ] }) }),
-            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2", children: routePresets.map((r2) => /* @__PURE__ */ jsx(
-              Badge,
+          /* @__PURE__ */ jsx("p", { className: "text-foreground text-sm font-medium leading-4", children: formatUsd(gasUsdValue) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+            /* @__PURE__ */ jsx(
+              TokenSymbol,
               {
-                onClick: () => setRoutePriority(r2),
-                className: cn$2(
-                  "cursor-pointer h-7 rounded px-2",
-                  routePriority === r2 ? activeBtn : notActiveBtn
-                ),
-                children: t2(`settings.routePresets.${r2}`)
+                symbol: dstNativeToken?.symbol || "eth",
+                className: "h-4 w-4 rounded-full",
+                alt: dstNativeToken?.symbol || t2("common.nativeToken", { defaultValue: "Native Token" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("p", { className: "text-lg text-foreground leading-5 font-semibold h-5", children: gasDisplayAmount % 1 === 0 ? gasDisplayAmount.toFixed(0) : gasDisplayAmount.toFixed(
+              gasDisplayAmount < 1e-3 ? 6 : 3
+            ) }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: gasPresets.map((g2) => /* @__PURE__ */ jsx(
+            Badge,
+            {
+              onClick: () => setGasPreset(g2),
+              className: cn$2(
+                "cursor-pointer h-7 rounded px-2",
+                gasPreset === g2 ? activeBtn : notActiveBtn
+              ),
+              children: t2(`settings.gasPresets.${g2}`)
+            },
+            g2
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("hr", {}),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.slippageTolerance") }),
+            /* @__PURE__ */ jsx(Tip, { text: t2("settings.slippageToleranceDescription"), children: /* @__PURE__ */ jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
+          ] }),
+          slippageBps >= 500 && /* @__PURE__ */ jsx("p", { className: "text-destructive text-xs font-medium", children: t2("settings.highSlippageWarning", {
+            defaultValue: "High slippage warning"
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-6", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("p", { className: "text-lg text-foreground leading-5 font-semibold h-5", children: slippagePercent }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: slippagePresets.map((p2) => /* @__PURE__ */ jsx(
+            Badge,
+            {
+              onClick: () => {
+                const bps = parseFloat(p2.replace("%", "")) * 100;
+                setSlippageBps(bps);
               },
-              r2
-            )) })
-          ] })
+              className: cn$2(
+                "cursor-pointer h-7 rounded px-2",
+                activeSlippagePreset === p2 ? activeBtn : notActiveBtn
+              ),
+              children: p2
+            },
+            p2
+          )) })
         ] })
-      ]
-    }
-  ) });
+      ] }),
+      /* @__PURE__ */ jsx("hr", {}),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.routePriority") }),
+          /* @__PURE__ */ jsx(Tip, { text: t2("settings.routePriorityDescription"), children: /* @__PURE__ */ jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2", children: routePresets.map((r2) => /* @__PURE__ */ jsx(
+          Badge,
+          {
+            onClick: () => setRoutePriority(r2),
+            className: cn$2(
+              "cursor-pointer h-7 rounded px-2",
+              routePriority === r2 ? activeBtn : notActiveBtn
+            ),
+            children: t2(`settings.routePresets.${r2}`)
+          },
+          r2
+        )) })
+      ] })
+    ] })
+  ] }) });
 };
 const TOKEN_ROW_HEIGHT = 52;
 const TokenRow = ({
@@ -6891,74 +6854,67 @@ const TokenSelectModal = ({
     },
     [effectiveTab, virtualItems]
   );
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col fixed top-0 left-0 right-0 bottom-0 translate-x-0 translate-y-0 md:left-[50%] md:top-[50%] md:translate-x-[-50%] md:translate-y-[-50%] rounded-none md:rounded-lg p-6 md:p-10 md:pt-8",
-      closeButtonClassName: "right-6 md:right-10",
-      children: [
-        /* @__PURE__ */ jsx(DialogHeader, { className: "text-left pb-2", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("bridge.selectToken") }) }),
-        /* @__PURE__ */ jsx(
-          SearchInput,
-          {
-            placeholder: t2("bridge.searchToken"),
-            value: query,
-            onChange: setQuery
-          }
-        ),
-        hasSourceWallet() && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: effectiveTab === "my" ? "default" : "ghost",
-              onClick: () => {
-                setTab("my");
-                setManualTabSwitch(true);
-              },
-              size: "sm",
-              className: cn$2(
-                "px-4 h-9 cursor-pointer",
-                effectiveTab !== "my" && "bg-muted hover:bg-accent"
-              ),
-              children: t2("bridge.myTokens")
-            }
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left pb-2", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("bridge.selectToken") }) }),
+    /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        placeholder: t2("bridge.searchToken"),
+        value: query,
+        onChange: setQuery
+      }
+    ),
+    hasSourceWallet() && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: effectiveTab === "my" ? "default" : "ghost",
+          onClick: () => {
+            setTab("my");
+            setManualTabSwitch(true);
+          },
+          size: "sm",
+          className: cn$2(
+            "px-4 h-9 cursor-pointer",
+            effectiveTab !== "my" && "bg-muted hover:bg-accent"
           ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: effectiveTab === "all" ? "default" : "ghost",
-              onClick: () => {
-                setTab("all");
-                setManualTabSwitch(true);
-              },
-              size: "sm",
-              className: cn$2(
-                "px-4 h-9 cursor-pointer",
-                effectiveTab !== "all" && "bg-muted hover:bg-accent"
-              ),
-              children: t2("bridge.allTokens")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { id: "token-select-list", className: "flex-1 -mx-5 min-h-0", children: hasNoResults ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground px-12 py-2 h-28 flex items-center justify-center text-center", children: t2("bridge.tokenNotFound") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          effectiveTab === "my" && myTokens.length === 0 && /* @__PURE__ */ jsx("p", { className: "leading-4 px-5 text-base text-muted-foreground uppercase py-2", children: t2("bridge.noBalancesFound") }),
-          /* @__PURE__ */ jsx(
-            FixedSizeList,
-            {
-              height: listHeight,
-              itemCount: virtualItems.length,
-              itemSize: TOKEN_ROW_HEIGHT,
-              width: "100%",
-              itemKey,
-              className: "[&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/30",
-              overscanCount: 5,
-              children: VirtualRow
-            }
-          )
-        ] }) })
-      ]
-    }
-  ) });
+          children: t2("bridge.myTokens")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: effectiveTab === "all" ? "default" : "ghost",
+          onClick: () => {
+            setTab("all");
+            setManualTabSwitch(true);
+          },
+          size: "sm",
+          className: cn$2(
+            "px-4 h-9 cursor-pointer",
+            effectiveTab !== "all" && "bg-muted hover:bg-accent"
+          ),
+          children: t2("bridge.allTokens")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { id: "token-select-list", className: "flex-1 -mx-5 min-h-0", children: hasNoResults ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground px-12 py-2 h-28 flex items-center justify-center text-center", children: t2("bridge.tokenNotFound") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      effectiveTab === "my" && myTokens.length === 0 && /* @__PURE__ */ jsx("p", { className: "leading-4 px-5 text-base text-muted-foreground uppercase py-2", children: t2("bridge.noBalancesFound") }),
+      /* @__PURE__ */ jsx(
+        FixedSizeList,
+        {
+          height: listHeight,
+          itemCount: virtualItems.length,
+          itemSize: TOKEN_ROW_HEIGHT,
+          width: "100%",
+          itemKey,
+          className: "[&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/30",
+          overscanCount: 5,
+          children: VirtualRow
+        }
+      )
+    ] }) })
+  ] }) });
 };
 function useBridgeRefresh() {
   const qc = useQueryClient();
@@ -25777,7 +25733,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-BduwbWx8.js");
+      await import("./index-aQ85eLjl.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26033,13 +25989,41 @@ function useTronWalletConnect(projectId) {
     signTransaction
   };
 }
+function parseBridgeUrlParams(source) {
+  if (source && typeof source === "object") {
+    return source;
+  }
+  const queryString = typeof source === "string" ? source : typeof window !== "undefined" ? window.location.search : "";
+  const searchParams = new URLSearchParams(queryString);
+  return {
+    srcToken: searchParams.get("srcToken") || void 0,
+    srcChain: searchParams.get("srcChain") || void 0,
+    dstChain: searchParams.get("dstChain") || void 0,
+    amount: searchParams.get("amount") || void 0
+  };
+}
+function buildQueryString(params) {
+  const searchParams = new URLSearchParams();
+  if (params.srcToken) searchParams.set("srcToken", params.srcToken);
+  if (params.srcChain) searchParams.set("srcChain", params.srcChain);
+  if (params.dstChain) searchParams.set("dstChain", params.dstChain);
+  if (params.amount) searchParams.set("amount", params.amount);
+  const queryString = searchParams.toString();
+  return queryString ? `?${queryString}` : "";
+}
+function updateBridgeUrlNative(params) {
+  if (typeof window === "undefined" || !window.history) return;
+  const queryString = buildQueryString(params);
+  const newUrl = `${window.location.pathname}${queryString}${window.location.hash}`;
+  window.history.replaceState(null, "", newUrl);
+}
 function useUrlSync(options) {
   const {
     enabled = true,
     urlParams: externalUrlParams,
     onUrlParamsChange
   } = options || {};
-  const { chains, setFromChain, setToChain } = useChainsStore();
+  const { chains, setFromChain, setToChain, setIsUrlInitialized } = useChainsStore();
   const { tokens, assetMatrix, setSelectedAssetSymbol } = useTokensStore();
   const { setInputAmount } = useBridgeQuoteStore();
   const internalData = useBridgeExternalData();
@@ -26120,12 +26104,7 @@ function useUrlSync(options) {
         isSyncingRef.current = false;
       }, 0);
     },
-    [
-      enabled,
-      hasInitialized,
-      currentUrlParams,
-      onUrlParamsChange
-    ]
+    [enabled, hasInitialized, currentUrlParams, onUrlParamsChange]
   );
   const handleAmountBlur = useCallback(() => {
     if (!enabled || !hasInitialized) return;
@@ -26137,6 +26116,7 @@ function useUrlSync(options) {
     }
     const urlParams = externalUrlParams ? parseBridgeUrlParams(externalUrlParams) : parseBridgeUrlParams();
     if (!urlParams.srcToken && !urlParams.srcChain && !urlParams.dstChain && !urlParams.amount) {
+      setIsUrlInitialized(true);
       setHasInitialized(true);
       return;
     }
@@ -26160,6 +26140,7 @@ function useUrlSync(options) {
         dstChain: validated.dstChain?.chainKey,
         amount: validated.amount
       };
+      setIsUrlInitialized(true);
       setHasInitialized(true);
     }, 0);
     return () => clearTimeout(timeoutId);
@@ -26172,7 +26153,8 @@ function useUrlSync(options) {
     setSelectedAssetSymbol,
     setFromChain,
     setToChain,
-    setInputAmount
+    setInputAmount,
+    setIsUrlInitialized
   ]);
   useEffect(() => {
     if (!enabled || !hasInitialized) return;
@@ -26546,4 +26528,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-CoLBqDP8.js.map
+//# sourceMappingURL=index-Cf0s9o1V.js.map