@rash2x/bridge-widget 0.6.58 → 0.6.61

package/dist/{index-CDUxAooI.js → index-D0OSdsmf.js}

@@ -16,8 +16,8 @@ import { cn as cn$2 } from "@/lib/utils";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Input } from "@/components/ui/input";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog";
+import { XIcon, X as X$3, Loader2, AlertCircleIcon, ArrowRight, CheckCircle2, Clock } from "lucide-react";
 import { Switch } from "@/components/ui/switch";
-import { X as X$3, Loader2, AlertCircleIcon, ArrowRight, CheckCircle2, Clock } from "lucide-react";
 import { AnimatePresence, motion } from "framer-motion";
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/components/ui/accordion";
 import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
@@ -2038,12 +2038,20 @@ const SearchInput = ({
         placeholder,
         className: cn$2(
           "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",
+          value && "pr-16",
           className
         ),
         value,
         onChange: (e2) => onChange(e2.target.value)
       }
-    )
+    ),
+    value && /* @__PURE__ */ 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__ */ jsx(
+      XIcon,
+      {
+        className: "w-4 h-4 text-foreground cursor-pointer hover:opacity-70 transition-opacity",
+        onClick: () => onChange("")
+      }
+    ) })
   ] });
 };
 const ChainSelectModal = ({
@@ -2193,49 +2201,58 @@ 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-10 pt-7 rounded-none md:rounded-lg", children: [
-    /* @__PURE__ */ jsx(DialogHeader, { className: "text-left pb-0", 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(
-          "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: [
+  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"
+          ) })
+        ] }) }) }),
         /* @__PURE__ */ 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__ */ 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__ */ 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") })
+        ] })
+      ]
+    }
+  ) });
 };
 const useWalletSelectModal = create((set2) => ({
   isOpen: false,
@@ -2865,7 +2882,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);
@@ -6623,6 +6642,7 @@ const SettingsModal = ({ isOpen, onClose }) => {
 const TOKEN_ROW_HEIGHT = 52;
 const TokenRow = ({
   symbol,
+  willChangeSrc,
   name,
   isSelected,
   hasAnyWallet,
@@ -6635,7 +6655,7 @@ const TokenRow = ({
     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__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
@@ -6871,7 +6891,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__ */ jsx("p", { children: item.text })
           }
         );
@@ -6890,6 +6910,7 @@ const TokenSelectModal = ({
           balance: bal,
           usdValue: usd,
           isBalanceLoading: balancesQuery.isLoading || balancesQuery.isFetching,
+          willChangeSrc,
           onPick: () => onPick(token.symbol, willChangeSrc)
         }
       ) });
@@ -6914,67 +6935,74 @@ 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%] 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("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 cursor-pointer",
-            effectiveTab !== "my" && "bg-muted hover:bg-accent"
-          ),
-          children: t2("bridge.myTokens")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: effectiveTab === "all" ? "default" : "ghost",
-          onClick: () => {
-            setTab("all");
-            setManualTabSwitch(true);
-          },
-          size: "sm",
-          className: cn$2(
-            "px-4 cursor-pointer",
-            effectiveTab !== "all" && "bg-muted hover:bg-accent"
+  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%] 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-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")
+            }
           ),
-          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
-        }
-      )
-    ] }) })
-  ] }) });
+          /* @__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();
@@ -25793,7 +25821,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-D8sxoZ5P.js");
+      await import("./index-yQkayDGz.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26561,4 +26589,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-CDUxAooI.js.map
+//# sourceMappingURL=index-D0OSdsmf.js.map