@rash2x/bridge-widget 0.6.58 → 0.6.62

package/dist/{index-DiF0Z4eu.cjs → index-CAc7tJ3r.cjs}

@@ -17,8 +17,8 @@ const utils$1 = require("@/lib/utils");
 const skeleton = require("@/components/ui/skeleton");
 const input = require("@/components/ui/input");
 const dialog = require("@/components/ui/dialog");
-const _switch = require("@/components/ui/switch");
 const lucideReact = require("lucide-react");
+const _switch = require("@/components/ui/switch");
 const framerMotion = require("framer-motion");
 const accordion = require("@/components/ui/accordion");
 const tooltip = require("@/components/ui/tooltip");
@@ -2029,22 +2029,31 @@ const SearchInput = ({
   placeholder,
   value,
   onChange,
-  className
+  className,
+  rootClassName
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils$1.cn("rounded-xs relative"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils$1.cn("rounded-xs relative", rootClassName), children: [
     /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, { className: "w-6 h-6 absolute z-10 left-5 top-0 bottom-0 my-auto text-foreground" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       input.Input,
       {
         placeholder,
         className: utils$1.cn(
-          "w-full outline-none px-5 py-4 relative pl-16 bg-input border transition-all border-transparent rounded-xs ring-0 leading-0 h-13 text-base focus-visible:border focus-visible:border-ring",
+          "w-full outline-none px-5 py-4 relative pl-16 bg-input border transition-all border-transparent rounded-xs ring-0 leading-0 h-13 text-base",
+          value && "pr-16",
           className
         ),
         value,
         onChange: (e2) => onChange(e2.target.value)
       }
-    )
+    ),
+    value && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-10 right-4 top-0 bottom-0 my-auto h-5 w-5 bg-accent flex items-center justify-center rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.XIcon,
+      {
+        className: "w-4 h-4 text-foreground cursor-pointer hover:opacity-70 transition-opacity",
+        onClick: () => onChange("")
+      }
+    ) })
   ] });
 };
 const ChainSelectModal = ({
@@ -2194,49 +2203,58 @@ const ChainSelectModal = ({
       chain2.chainKey
     );
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.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-10 pt-7 rounded-none md:rounded-lg", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "text-left pb-0", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "text-xl leading-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: t2("bridge.select") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: t2(isSource ? "bridge.sourceNetwork" : "bridge.destinationNetwork") })
-    ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SearchInput,
-      {
-        placeholder: t2("bridge.search"),
-        value: query,
-        onChange: setQuery,
-        className: "text-foreground placeholder:text-muted-foreground"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    dialog.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__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "text-left pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "text-xl leading-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: t2("bridge.select") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: t2(
+            isSource ? "bridge.sourceNetwork" : "bridge.destinationNetwork"
+          ) })
+        ] }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
+          SearchInput,
           {
-            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")
+            placeholder: t2("bridge.search"),
+            value: query,
+            onChange: setQuery,
+            className: "text-foreground placeholder:text-muted-foreground"
           }
         ),
-        groupedChains.willChangeTokenAndSrc.map(
-          (c2) => renderChainItem(c2, false, true)
-        )
-      ] }),
-      groupedChains.available.length === 0 && groupedChains.willChangeSrc.length === 0 && groupedChains.willChangeTokenAndSrc.length === 0 && /* @__PURE__ */ jsxRuntime.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") })
-    ] })
-  ] }) });
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 = zustand.create((set2) => ({
   isOpen: false,
@@ -2866,7 +2884,9 @@ function useGasEstimate(amountNum) {
       try {
         const estimateValue = await strategy.estimateNetworkFee(steps);
         if (cancelled) return;
-        setNetworkFeeEstimate(Number.isFinite(estimateValue) ? estimateValue : 0);
+        setNetworkFeeEstimate(
+          Number.isFinite(estimateValue) ? estimateValue : 0
+        );
       } catch {
         if (cancelled) return;
         setNetworkFeeEstimate(0);
@@ -6624,6 +6644,7 @@ const SettingsModal = ({ isOpen, onClose }) => {
 const TOKEN_ROW_HEIGHT = 52;
 const TokenRow = ({
   symbol,
+  willChangeSrc,
   name,
   isSelected,
   hasAnyWallet,
@@ -6636,7 +6657,7 @@ const TokenRow = ({
     button.Button,
     {
       onClick: onPick,
-      className: `w-full px-5 rounded-xs bg-transparent flex items-center justify-between gap-3 hover:bg-accent hover:scale-100 ${isSelected ? "border border-primary" : ""}`,
+      className: `w-full px-5 rounded-xs bg-transparent flex items-center justify-between gap-3 hover:bg-accent hover:scale-100 ${isSelected ? "border border-primary" : ""} ${willChangeSrc ? "opacity-50 hover:opacity-100" : ""}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -6872,7 +6893,7 @@ const TokenSelectModal = ({
           "div",
           {
             style: { ...style, height: TOKEN_ROW_HEIGHT },
-            className: "px-5 flex leading-4 text-base py-2 text-muted-foreground uppercase mt-8",
+            className: "px-5 flex leading-4 text-base py-2 text-muted-foreground uppercase mt-3",
             children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: item.text })
           }
         );
@@ -6891,6 +6912,7 @@ const TokenSelectModal = ({
           balance: bal,
           usdValue: usd,
           isBalanceLoading: balancesQuery.isLoading || balancesQuery.isFetching,
+          willChangeSrc,
           onPick: () => onPick(token.symbol, willChangeSrc)
         }
       ) });
@@ -6915,67 +6937,74 @@ const TokenSelectModal = ({
     },
     [effectiveTab, virtualItems]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.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%] p-10 pt-7 rounded-none md:rounded-lg", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "text-2xl leading-8", children: t2("bridge.selectToken") }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SearchInput,
-      {
-        placeholder: t2("bridge.searchToken"),
-        value: query,
-        onChange: setQuery
-      }
-    ),
-    hasSourceWallet() && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        button.Button,
-        {
-          variant: effectiveTab === "my" ? "default" : "ghost",
-          onClick: () => {
-            setTab("my");
-            setManualTabSwitch(true);
-          },
-          size: "sm",
-          className: utils$1.cn(
-            "px-4 cursor-pointer",
-            effectiveTab !== "my" && "bg-muted hover:bg-accent"
-          ),
-          children: t2("bridge.myTokens")
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        button.Button,
-        {
-          variant: effectiveTab === "all" ? "default" : "ghost",
-          onClick: () => {
-            setTab("all");
-            setManualTabSwitch(true);
-          },
-          size: "sm",
-          className: utils$1.cn(
-            "px-4 cursor-pointer",
-            effectiveTab !== "all" && "bg-muted hover:bg-accent"
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    dialog.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%] p-6 md:p-10 md:pt-8 rounded-none md:rounded-lg",
+      closeButtonClassName: "right-6 md:right-10",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { className: "text-left pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "text-2xl leading-8", children: t2("bridge.selectToken") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SearchInput,
+          {
+            placeholder: t2("bridge.searchToken"),
+            value: query,
+            onChange: setQuery
+          }
+        ),
+        hasSourceWallet() && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: effectiveTab === "my" ? "default" : "ghost",
+              onClick: () => {
+                setTab("my");
+                setManualTabSwitch(true);
+              },
+              size: "sm",
+              className: utils$1.cn(
+                "px-4 h-9 cursor-pointer",
+                effectiveTab !== "my" && "bg-muted hover:bg-accent"
+              ),
+              children: t2("bridge.myTokens")
+            }
           ),
-          children: t2("bridge.allTokens")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { id: "token-select-list", className: "flex-1 -mx-5 min-h-0", children: hasNoResults ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      effectiveTab === "my" && myTokens.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "leading-4 px-5 text-base text-muted-foreground uppercase py-2", children: t2("bridge.noBalancesFound") }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        reactWindow.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
-        }
-      )
-    ] }) })
-  ] }) });
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: effectiveTab === "all" ? "default" : "ghost",
+              onClick: () => {
+                setTab("all");
+                setManualTabSwitch(true);
+              },
+              size: "sm",
+              className: utils$1.cn(
+                "px-4 h-9 cursor-pointer",
+                effectiveTab !== "all" && "bg-muted hover:bg-accent"
+              ),
+              children: t2("bridge.allTokens")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { id: "token-select-list", className: "flex-1 -mx-5 min-h-0", children: hasNoResults ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          effectiveTab === "my" && myTokens.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "leading-4 px-5 text-base text-muted-foreground uppercase py-2", children: t2("bridge.noBalancesFound") }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactWindow.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 = reactQuery.useQueryClient();
@@ -25794,7 +25823,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-BLC0Ys74.cjs"));
+      await Promise.resolve().then(() => require("./index-Dwxz-LHk.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26560,4 +26589,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-DiF0Z4eu.cjs.map
+//# sourceMappingURL=index-CAc7tJ3r.cjs.map