@rash2x/bridge-widget 0.6.29 → 0.6.31

package/dist/{index-BtLimmVe.cjs → index-ojFP6uCK.cjs}

@@ -455,6 +455,7 @@ function resolveTokenOnChain(tokens, assetSymbol, chainKey) {
 }
 const initialState = {
   tokens: void 0,
+  allTokens: void 0,
   selectedToken: void 0,
   selectedAssetSymbol: void 0
 };
@@ -463,6 +464,9 @@ const useTokensStore = zustand.create((set2) => ({
   setTokens: (data) => {
     set2({ tokens: data, assetMatrix: buildAssetMatrix(data) });
   },
+  setAllTokens: (data) => {
+    set2({ allTokens: data });
+  },
   setSelectedToken: (data) => {
     set2({ selectedToken: data });
   },
@@ -4427,7 +4431,7 @@ const ProgressStep = ({
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { showCloseButton: false, className: "overflow-hidden md:max-w-[420px] p-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex relative flex-col gap-6 flex-1 items-center justify-start text-center bg-background p-6", children: [
     icon,
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "pr-0 !sm:text-center", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.inProgress") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-2 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.inProgress") }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-5 top-5 bottom-5 border-l border-dashed border-foreground/50" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6 relative z-10", children: steps.map((step) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4455,7 +4459,7 @@ const FailedStep = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { showCloseButton: true, className: "overflow-hidden md:max-w-[420px] p-10", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-start text-center", children: [
       icon,
-      /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { className: "pr-0 !sm:text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pb-2 text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.failed") }),
         current?.errorCode && /* @__PURE__ */ jsxRuntime.jsx(reactDialog.DialogDescription, { children: t2(
           `errors.${current.errorCode}`,
@@ -4570,7 +4574,7 @@ const SuccessStep = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { showCloseButton: true, className: "overflow-hidden md:max-w-[420px] p-10", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 flex-1 justify-start items-center text-center bg-background", children: [
       icon,
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "pr-0 !sm:text-center", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.success") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pb-2 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.success") }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-2 mt-4 relative z-10 pb-14", children: [
         metadata?.srcAmountHuman && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: t2("transaction.bridged") }),
@@ -4645,7 +4649,7 @@ const ConfirmStep = ({
   const { formatTime } = useCountdown(90);
   return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { showCloseButton: false, className: "overflow-hidden md:max-w-[420px] p-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-start text-center", children: [
     icon,
-    /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { className: "pr-0 !sm:text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pb-2 text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.confirm") }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: t2("transaction.signTransaction") })
     ] }),
@@ -4674,7 +4678,7 @@ const StatusStepsDialog = ({
   return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: true, onOpenChange: () => reset(), children: step });
 };
 const useTokens = () => {
-  const { setTokens, setSelectedToken, setSelectedAssetSymbol } = useTokensStore();
+  const { setTokens, setAllTokens, setSelectedToken, setSelectedAssetSymbol } = useTokensStore();
   const query = reactQuery.useQuery({
     queryKey: ["tokens"],
     queryFn: () => getTokens(),
@@ -4684,20 +4688,24 @@ const useTokens = () => {
     // 30 минут
     gcTime: 60 * 6e4,
     // 1 час хранения в кэше
-    refetchOnWindowFocus: false,
-    select: (list) => list.filter((t2) => t2.isBridgeable === true)
+    refetchOnWindowFocus: false
   });
   react.useEffect(() => {
     if (query.isSuccess && query.data?.length) {
-      setTokens(query.data);
-      const firstAsset = listAssetsForSelect(query.data)[0];
+      setAllTokens(query.data);
+      const bridgeableTokens = query.data.filter(
+        (t2) => t2.isBridgeable === true
+      );
+      setTokens(bridgeableTokens);
+      const firstAsset = listAssetsForSelect(bridgeableTokens)[0];
       setSelectedAssetSymbol(firstAsset?.symbol);
-      setSelectedToken(query.data[0]);
+      setSelectedToken(bridgeableTokens[0]);
     }
   }, [
     query.isSuccess,
     query.data,
     setTokens,
+    setAllTokens,
     setSelectedToken,
     setSelectedAssetSymbol
   ]);
@@ -6569,7 +6577,7 @@ const useConnectedWalletsStore = zustand.create((set2, get2) => ({
   }
 }));
 const gasPresets = ["auto", "none", "medium", "max"];
-const slippagePresets = ["0.5%", "1.0%", "5.0%"];
+const slippagePresets = ["0.5%", "1%", "5%"];
 const routePresets = [
   RoutePriority.FASTEST,
   RoutePriority.CHEAPEST,
@@ -6578,7 +6586,7 @@ const routePresets = [
 const SettingsModal = ({ isOpen, onClose }) => {
   const { t: t2 } = useBridgeTranslation();
   const { toChain } = useChainsStore();
-  const { tokens } = useTokensStore();
+  const { allTokens } = useTokensStore();
   const {
     slippageBps,
     routePriority,
@@ -6592,9 +6600,14 @@ const SettingsModal = ({ isOpen, onClose }) => {
     (preset) => parseFloat(preset.replace("%", "")) === slippageBps / 100
   );
   const dstNativeToken = toChain?.nativeCurrency;
-  const nativeTokenPrice = tokens?.find(
-    (t22) => t22.chainKey === toChain?.chainKey && t22.symbol?.toLowerCase() === dstNativeToken?.symbol?.toLowerCase()
-  )?.price?.usd || 0;
+  const nativeTokenPrice = (() => {
+    if (!allTokens || !dstNativeToken?.symbol || !toChain?.chainKey) return 0;
+    const token = allTokens.find(
+      (t22) => t22.chainKey === toChain.chainKey && t22.symbol?.toUpperCase() === dstNativeToken.symbol.toUpperCase()
+    );
+    const price = token?.price?.usd;
+    return typeof price === "number" && isFinite(price) && price > 0 ? price : 0;
+  })();
   const gasDisplayAmount = gasPresetToDisplayAmount(
     gasPreset,
     toChain?.chainKey,
@@ -6608,96 +6621,103 @@ 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__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { onOpenAutoFocus: (e2) => e2.preventDefault(), className: "p-10 pt-7", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "text-2xl leading-8", children: t2("settings.title") }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.gasOnDestination") }),
-            /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t2("settings.gasOnDestinationDescription"), children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground text-sm font-medium leading-4", children: formatUsd(gasUsdValue) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-1/3 gap-2 shrink-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TokenSymbol,
-              {
-                symbol: dstNativeToken?.symbol || "eth",
-                className: "h-4 w-4 rounded-full",
-                alt: dstNativeToken?.symbol || t2("common.nativeToken", { defaultValue: "Native Token" })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.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
-            ) }) })
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    dialog.DialogContent,
+    {
+      onOpenAutoFocus: (e2) => e2.preventDefault(),
+      className: "p-10 pt-7",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "text-2xl leading-8", children: t2("settings.title") }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.gasOnDestination") }),
+                /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t2("settings.gasOnDestinationDescription"), children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground text-sm font-medium leading-4", children: formatUsd(gasUsdValue) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-1/3 gap-2 shrink-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  TokenSymbol,
+                  {
+                    symbol: dstNativeToken?.symbol || "eth",
+                    className: "h-4 w-4 rounded-full",
+                    alt: dstNativeToken?.symbol || t2("common.nativeToken", { defaultValue: "Native Token" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: gasPresets.map((g2) => /* @__PURE__ */ jsxRuntime.jsx(
+                badge.Badge,
+                {
+                  onClick: () => setGasPreset(g2),
+                  className: utils$1.cn(
+                    "cursor-pointer h-7 rounded px-2",
+                    gasPreset === g2 ? activeBtn : notActiveBtn
+                  ),
+                  children: t2(`settings.gasPresets.${g2}`)
+                },
+                g2
+              )) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: gasPresets.map((g2) => /* @__PURE__ */ jsxRuntime.jsx(
-            badge.Badge,
-            {
-              onClick: () => setGasPreset(g2),
-              className: utils$1.cn(
-                "cursor-pointer h-7 rounded px-2",
-                gasPreset === g2 ? activeBtn : notActiveBtn
-              ),
-              children: t2(`settings.gasPresets.${g2}`)
-            },
-            g2
-          )) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("hr", {}),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.slippageTolerance") }),
-            /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t2("settings.slippageToleranceDescription"), children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("hr", {}),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.slippageTolerance") }),
+                /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t2("settings.slippageToleranceDescription"), children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
+              ] }),
+              slippageBps >= 500 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-xs font-medium", children: t2("settings.highSlippageWarning", {
+                defaultValue: "High slippage warning"
+              }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-foreground leading-5 font-semibold h-5", children: slippagePercent }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: slippagePresets.map((p2) => /* @__PURE__ */ jsxRuntime.jsx(
+                badge.Badge,
+                {
+                  onClick: () => {
+                    const bps = parseFloat(p2.replace("%", "")) * 100;
+                    setSlippageBps(bps);
+                  },
+                  className: utils$1.cn(
+                    "cursor-pointer h-7 rounded px-2",
+                    activeSlippagePreset === p2 ? activeBtn : notActiveBtn
+                  ),
+                  children: p2
+                },
+                p2
+              )) })
+            ] })
           ] }),
-          slippageBps >= 500 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-xs font-medium", children: t2("settings.highSlippageWarning", {
-            defaultValue: "High slippage warning"
-          }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-foreground leading-5 font-semibold h-5", children: slippagePercent }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: slippagePresets.map((p2) => /* @__PURE__ */ jsxRuntime.jsx(
-            badge.Badge,
-            {
-              onClick: () => {
-                const bps = parseFloat(p2.replace("%", "")) * 100;
-                setSlippageBps(bps);
+          /* @__PURE__ */ jsxRuntime.jsx("hr", {}),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.routePriority") }),
+              /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t2("settings.routePriorityDescription"), children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end gap-2", children: routePresets.map((r2) => /* @__PURE__ */ jsxRuntime.jsx(
+              badge.Badge,
+              {
+                onClick: () => setRoutePriority(r2),
+                className: utils$1.cn(
+                  "cursor-pointer h-7 rounded px-2",
+                  routePriority === r2 ? activeBtn : notActiveBtn
+                ),
+                children: t2(`settings.routePresets.${r2}`)
               },
-              className: utils$1.cn(
-                "cursor-pointer h-7 rounded px-2",
-                activeSlippagePreset === p2 ? activeBtn : notActiveBtn
-              ),
-              children: p2
-            },
-            p2
-          )) })
+              r2
+            )) })
+          ] })
         ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("hr", {}),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.routePriority") }),
-          /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t2("settings.routePriorityDescription"), children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { className: "w-4 h-4 text-muted-foreground" }) })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end gap-2", children: routePresets.map((r2) => /* @__PURE__ */ jsxRuntime.jsx(
-          badge.Badge,
-          {
-            onClick: () => setRoutePriority(r2),
-            className: utils$1.cn(
-              "cursor-pointer h-7 rounded px-2",
-              routePriority === r2 ? activeBtn : notActiveBtn
-            ),
-            children: t2(`settings.routePresets.${r2}`)
-          },
-          r2
-        )) })
-      ] })
-    ] })
-  ] }) });
+      ]
+    }
+  ) });
 };
 const TokenRow = ({
   symbol,
@@ -26118,7 +26138,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-BsYvWq1w.cjs"));
+      await Promise.resolve().then(() => require("./index-DvX1RsdJ.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26847,6 +26867,7 @@ exports.getTokens = getTokens;
 exports.getTonBalances = getTonBalances;
 exports.getTronBalances = getTronBalances;
 exports.isNativeAddrEqual = isNativeAddrEqual;
+exports.isNativeAddress = isNativeAddress;
 exports.isZeroAddr = isZeroAddr;
 exports.listAssetsForSelect = listAssetsForSelect;
 exports.lookupTokenMeta = lookupTokenMeta;
@@ -26867,4 +26888,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-BtLimmVe.cjs.map
+//# sourceMappingURL=index-ojFP6uCK.cjs.map