@rash2x/bridge-widget 0.6.67 → 0.6.68

package/dist/{index-XPQb2NSf.cjs → index-D3Rdww1n.cjs}

@@ -3478,7 +3478,6 @@ function useBridgeTransaction() {
   const { assetMatrix, selectedAssetSymbol, allTokens } = useTokensStore();
   const { chains } = useChainsStore();
   const txStore = useTransactionStore();
-  const [isProcessing, setIsProcessing] = react.useState(false);
   const srcToken = react.useMemo(
     () => resolveTokenOnChainFromMatrix$2(
       assetMatrix,
@@ -3515,7 +3514,6 @@ function useBridgeTransaction() {
       // Actual fee will be updated when transaction completes
     };
     txStore.setTransaction(quote, "executing", metadata);
-    setIsProcessing(true);
     try {
       const steps = quote.steps || [];
       if (steps.length === 0) {
@@ -3595,9 +3593,7 @@ function useBridgeTransaction() {
               const { priceUsd } = findNativeMeta(allTokens, srcChain2);
               const hashForSourceCost = quote.srcChainKey === "ton" ? messageHash : hashForLayerZero;
               try {
-                const sourceCost = await strategy.getSourceCost(
-                  hashForSourceCost
-                );
+                const sourceCost = await strategy.getSourceCost(hashForSourceCost);
                 if (sourceCost?.totalNative !== void 0 && isFinite(sourceCost.totalNative)) {
                   const feeUsd = priceUsd && priceUsd > 0 ? sourceCost.totalNative * priceUsd : void 0;
                   console.log("Source cost calculated:", {
@@ -3639,19 +3635,15 @@ function useBridgeTransaction() {
             txStore.setError("COMPLETION_TRACKING_FAILED");
           }
           console.error("Error tracking completion:", err);
-        }).finally(() => {
-          setIsProcessing(false);
         });
         return txResult;
       } else {
-        setIsProcessing(false);
         throw new TransactionFailedError(
           chainKey,
           "Transaction hash not received from wallet"
         );
       }
     } catch (err) {
-      setIsProcessing(false);
       if (isUserRejection(err)) {
         txStore.setError("TRANSACTION_REJECTED");
         throw new TransactionFailedError(
@@ -3671,7 +3663,6 @@ function useBridgeTransaction() {
   };
   return {
     executeTransaction,
-    isProcessing,
     hasQuote: !!quote
   };
 }
@@ -3839,7 +3830,7 @@ const MainButton = () => {
   const { quote, status, inputAmount, noRoute } = useBridgeQuoteStore();
   const { fromChain, toChain } = useChainsStore();
   const { onOpen } = useWalletSelectModal();
-  const { executeTransaction, isProcessing: isTxProcessing } = useBridgeTransaction();
+  const { executeTransaction } = useBridgeTransaction();
   const amountNum = Number(inputAmount || 0);
   const gas = useGasEstimate(amountNum);
   const { hasInsufficientBalance, isBalanceLoading } = useBalanceCheck(
@@ -3858,7 +3849,6 @@ const MainButton = () => {
   const missingSrc = !srcConnectedOk || !srcAddressValid;
   const missingDst = isCustomAddressEnabled ? !dstAddressValid : !dstConnectedOk || !dstAddressValid;
   const requiresCustomAddress = isCustomAddressEnabled && !dstAddressValid;
-  const isBusy = isTxProcessing;
   const canTransfer = !missingSrc && !missingDst && amountNum > 0 && !!srcChainKey && !!dstChainKey;
   const label = react.useMemo(() => {
     switch (true) {
@@ -3866,10 +3856,6 @@ const MainButton = () => {
         return t2("telegram.openWebVersion");
       case status === "loading":
         return t2("transaction.quoting");
-      case isTxProcessing:
-        return t2("transaction.processing");
-      case isBusy:
-        return t2("common.connecting");
       case requiresCustomAddress:
         return t2("transaction.pasteAddressToTransfer");
       case missingSrc:
@@ -3899,8 +3885,6 @@ const MainButton = () => {
     t2,
     isTelegramRestricted,
     status,
-    isTxProcessing,
-    isBusy,
     missingSrc,
     missingDst,
     srcChainKey,
@@ -3917,7 +3901,6 @@ const MainButton = () => {
     chainRegistry
   ]);
   const handleClick = async () => {
-    if (isBusy) return;
     if (isTelegramRestricted) {
       const searchParams = typeof window !== "undefined" ? window.location.search || "" : "";
       const targetUrl = `https://app.evaa.finance/bridge${searchParams}`;
@@ -3944,9 +3927,16 @@ const MainButton = () => {
       return;
     }
   };
-  const disabled = isBusy || status === "loading" || requiresCustomAddress || !isTelegramRestricted && !missingSrc && !missingDst && (amountNum <= 0 || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer);
+  const disabled = status === "loading" || requiresCustomAddress || !isTelegramRestricted && !missingSrc && !missingDst && (amountNum <= 0 || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-4 space-y-4", children: [
-    isTelegramRestricted && /* @__PURE__ */ jsxRuntime.jsx(alert.Alert, { variant: "warning", className: "mt-2 text-sm font-medium text-center px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(alert.AlertDescription, { className: "leading-snug tracking-wide", children: t2("telegram.restrictionMessage") }) }),
+    isTelegramRestricted && /* @__PURE__ */ jsxRuntime.jsx(
+      alert.Alert,
+      {
+        variant: "warning",
+        className: "mt-2 text-sm font-medium text-center px-2 py-2",
+        children: /* @__PURE__ */ jsxRuntime.jsx(alert.AlertDescription, { className: "leading-snug tracking-wide", children: t2("telegram.restrictionMessage") })
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       button.Button,
       {
@@ -4252,6 +4242,11 @@ const CircleLinedIcon = (props) => {
     }
   );
 };
+const DevStatusControls = () => {
+  const { current, updateStatus, setSrcHash, setError } = useTransactionStore();
+  if (!current) return null;
+  return null;
+};
 const ProgressStep = ({
   icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-16 h-16 animate-spin" }),
   isApproving = false
@@ -4259,6 +4254,7 @@ const ProgressStep = ({
   const { t: t2 } = useBridgeTranslation();
   const { current } = useTransactionStore();
   const currentStep = current?.currentStep;
+  const srcTxHash = current?.tonTransactionHash || current?.srcTxHash;
   const steps = isApproving && currentStep ? [
     {
       icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-5 h-5 text-primary animate-spin", strokeWidth: 3 }),
@@ -4291,135 +4287,92 @@ const ProgressStep = ({
       title: t2("transaction.steps.completed")
     }
   ];
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { showCloseButton: false, className: "overflow-hidden md:max-w-[420px] p-0 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", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex relative flex-col gap-6 flex-1 items-center justify-center md:justify-start text-center bg-background noise p-10", children: [
-    icon,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pt-4 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 opacity-50" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6 relative z-10", children: steps.map((step) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "flex items-center gap-5 text-left",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full bg-muted flex items-center justify-center text-foreground shadow-inner", children: step.icon }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base leading-5", children: step.title }),
-              step.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground leading-4", children: step.description })
-            ] })
-          ]
-        },
-        step.title
-      )) })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { showCloseButton: false, className: "overflow-hidden md:max-w-[420px] p-0 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", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex relative flex-col gap-6 flex-1 items-center justify-center md:justify-start text-center bg-background noise p-10", children: [
+      icon,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-4 pb-2 text-center relative z-50", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.inProgress") }),
+        srcTxHash && /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: `https://layerzeroscan.com/tx/${srcTxHash}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-xs text-muted-foreground hover:text-foreground cursor-pointer underline hover:no-underline px-4 mt-1",
+            children: [
+              t2("transaction.hash"),
+              ": ",
+              formatHash(srcTxHash)
+            ]
+          }
+        )
+      ] }),
+      /* @__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 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6 relative z-10", children: steps.map((step) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex items-center gap-5 text-left",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full bg-muted flex items-center justify-center text-foreground shadow-inner", children: step.icon }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base leading-5", children: step.title }),
+                step.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground leading-4", children: step.description })
+              ] })
+            ]
+          },
+          step.title
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DevStatusControls, {})
+  ] });
+};
+const getLayerZeroScanUrl = (txHash) => {
+  return `https://layerzeroscan.com/tx/${txHash}`;
 };
 const FailedStep = ({
   icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "w-16 h-16" })
 }) => {
   const { current, reset } = useTransactionStore();
   const { t: t2 } = useBridgeTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { showCloseButton: true, className: "overflow-hidden md:max-w-[420px] p-0 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", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-center md:justify-start text-center noise p-10 pb-0", children: [
-      icon,
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-4 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}`,
-          current.errorParams || {}
-        ) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogFooter, { className: "px-10 pb-10 ", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", className: "w-full min-w-40", onClick: reset, children: t2("common.close") }) })
-  ] });
-};
-const EXPLORER_CONFIGS = {
-  // TON
-  ton: {
-    baseUrl: "https://tonscan.org",
-    txPath: "/tx/"
-  },
-  // TRON
-  tron: {
-    baseUrl: "https://tronscan.org",
-    txPath: "/#/transaction/"
-  },
-  // Ethereum & EVM chains
-  ethereum: {
-    baseUrl: "https://etherscan.io",
-    txPath: "/tx/"
-  },
-  eth: {
-    baseUrl: "https://etherscan.io",
-    txPath: "/tx/"
-  },
-  // BSC (Binance Smart Chain)
-  bsc: {
-    baseUrl: "https://bscscan.com",
-    txPath: "/tx/"
-  },
-  "binance-smart-chain": {
-    baseUrl: "https://bscscan.com",
-    txPath: "/tx/"
-  },
-  // Polygon
-  polygon: {
-    baseUrl: "https://polygonscan.com",
-    txPath: "/tx/"
-  },
-  matic: {
-    baseUrl: "https://polygonscan.com",
-    txPath: "/tx/"
-  },
-  // Avalanche
-  avalanche: {
-    baseUrl: "https://snowtrace.io",
-    txPath: "/tx/"
-  },
-  avax: {
-    baseUrl: "https://snowtrace.io",
-    txPath: "/tx/"
-  },
-  // Arbitrum
-  arbitrum: {
-    baseUrl: "https://arbiscan.io",
-    txPath: "/tx/"
-  },
-  // Optimism
-  optimism: {
-    baseUrl: "https://optimistic.etherscan.io",
-    txPath: "/tx/"
-  },
-  // Base
-  base: {
-    baseUrl: "https://basescan.org",
-    txPath: "/tx/"
-  },
-  // Fantom
-  fantom: {
-    baseUrl: "https://ftmscan.com",
-    txPath: "/tx/"
-  }
+  const srcTxHash = current?.tonTransactionHash || current?.srcTxHash;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    dialog.DialogContent,
+    {
+      showCloseButton: true,
+      className: "overflow-hidden md:max-w-[420px] p-0 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",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-center md:justify-start text-center noise p-10 pb-0", children: [
+          icon,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-4 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}`,
+              current.errorParams || {}
+            ) }),
+            srcTxHash && /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                href: getLayerZeroScanUrl(srcTxHash),
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-xs text-muted-foreground hover:text-foreground cursor-pointer underline hover:no-underline px-4 mt-2",
+                children: [
+                  t2("transaction.hash"),
+                  ": ",
+                  formatHash(srcTxHash)
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogFooter, { className: "px-10 pb-10 ", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", className: "w-full min-w-40", onClick: reset, children: t2("common.close") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(DevStatusControls, {})
+      ]
+    }
+  );
 };
-function getExplorerTxUrl(chainKey, txHash) {
-  if (!txHash) {
-    return null;
-  }
-  const normalizedChainKey = chainKey.toLowerCase();
-  const config = EXPLORER_CONFIGS[normalizedChainKey];
-  if (!config) {
-    console.warn(
-      `No explorer config found for chain: ${chainKey}. Please add it to EXPLORER_CONFIGS.`
-    );
-    return null;
-  }
-  return `${config.baseUrl}${config.txPath}${txHash}`;
-}
-function openTransactionInExplorer(chainKey, txHash) {
-  const url = getExplorerTxUrl(chainKey, txHash);
-  if (url && typeof window !== "undefined") {
-    window.open(url, "_blank", "noopener,noreferrer");
-  }
-}
 const SuccessStep = ({
   icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "w-16 h-16" })
 }) => {
@@ -4427,8 +4380,7 @@ const SuccessStep = ({
   const { t: t2 } = useBridgeTranslation();
   const { chains } = useChainsStore();
   const metadata = current?.metadata;
-  const srcTxHash = current?.srcTxHash;
-  const tonTransactionHash = current?.tonTransactionHash;
+  const srcTxHash = current?.tonTransactionHash || current?.srcTxHash;
   const srcChainKey = current?.quote?.srcChainKey;
   const quote = current?.quote;
   const layerZeroTotalFeeValue = metadata?.layerZeroTotalFeeValue;
@@ -4485,27 +4437,6 @@ const SuccessStep = ({
     finalFee,
     t2
   ]);
-  const handleOpenExplorer = () => {
-    if (srcChainKey === "ton") {
-      if (tonTransactionHash) {
-        window.open(
-          `https://layerzeroscan.com/tx/${tonTransactionHash}`,
-          "_blank",
-          "noopener,noreferrer"
-        );
-      } else if (srcTxHash) {
-        openTransactionInExplorer("ton", srcTxHash);
-      }
-      return;
-    }
-    if (srcTxHash) {
-      window.open(
-        `https://layerzeroscan.com/tx/${srcTxHash}`,
-        "_blank",
-        "noopener,noreferrer"
-      );
-    }
-  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     dialog.DialogContent,
     {
@@ -4522,14 +4453,20 @@ const SuccessStep = ({
                 formatBalance(metadata.srcAmountHuman, 2),
                 " ",
                 metadata?.srcTokenSymbol,
-                /* @__PURE__ */ jsxRuntime.jsx(TokenSymbol, { className: "w-[18px] h-[18px]", symbol: metadata?.srcTokenSymbol })
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  TokenSymbol,
+                  {
+                    className: "w-[18px] h-[18px]",
+                    symbol: metadata?.srcTokenSymbol
+                  }
+                )
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+            metadata?.srcChainName && metadata?.dstChainName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: t2("transaction.transferTitle") }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium flex gap-1 items-center", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex gap-1 items-center", children: [
-                  metadata?.srcChainName,
+                  metadata.srcChainName,
                   " ",
                   /* @__PURE__ */ jsxRuntime.jsx(
                     NetworkSymbol,
@@ -4541,7 +4478,7 @@ const SuccessStep = ({
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "text-muted-foreground/50 size-4" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex gap-1 items-center", children: [
-                  metadata?.dstChainName,
+                  metadata.dstChainName,
                   " ",
                   /* @__PURE__ */ jsxRuntime.jsx(
                     NetworkSymbol,
@@ -4554,11 +4491,13 @@ const SuccessStep = ({
               ] })
             ] }),
             srcTxHash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: srcChainKey !== "ton" || tonTransactionHash ? t2("transaction.layerzeroScan") : t2("transaction.hash") }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: t2("transaction.hash") }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+                "a",
                 {
-                  onClick: handleOpenExplorer,
+                  href: `https://layerzeroscan.com/tx/${srcTxHash}`,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
                   className: "font-medium cursor-pointer inline-flex items-center gap-1 underline hover:no-underline",
                   children: formatHash(srcTxHash)
                 }
@@ -4570,7 +4509,8 @@ const SuccessStep = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogFooter, { className: "px-10 pb-10 pt-12", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: reset, className: "w-full", children: t2("transaction.done") }) })
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogFooter, { className: "px-10 pb-10 pt-12", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: reset, className: "w-full", children: t2("transaction.done") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(DevStatusControls, {})
       ]
     }
   );
@@ -4597,20 +4537,28 @@ const ConfirmStep = ({
 }) => {
   const { t: t2 } = useBridgeTranslation();
   const { formatTime } = useCountdown(90);
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { className: "overflow-hidden md:max-w-[420px] p-0 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", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-center md:justify-start text-center noise p-10", children: [
-    icon,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-4 pb-2 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.confirm") }),
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: t2("transaction.signTransaction") })
+  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "overflow-hidden md:max-w-[420px] p-0 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", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-center md:justify-start text-center noise p-10", children: [
+      icon,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-4 pb-2 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t2("transaction.confirm") }),
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: t2("transaction.signTransaction") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-black relative z-10", children: formatTime })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-black relative z-10", children: formatTime })
-  ] }) });
+    /* @__PURE__ */ jsxRuntime.jsx(DevStatusControls, {})
+  ] });
 };
 const StatusStepsDialog = ({
   icons
 }) => {
   const { current, reset } = useTransactionStore();
   const status = current?.status;
+  const handleClose = () => {
+    if (status === "completed" || status === "failed" || status === "executing") {
+      reset();
+    }
+  };
   if (!status || status === "idle") return null;
   let step = null;
   if (status === "executing") {
@@ -4628,7 +4576,8 @@ const StatusStepsDialog = ({
   if (status === "failed") {
     step = /* @__PURE__ */ jsxRuntime.jsx(FailedStep, { icon: icons?.failed });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: true, onOpenChange: () => reset(), children: step });
+  if (!step) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: true, onOpenChange: handleClose, children: step }) });
 };
 const useTokens = () => {
   const { setTokens, setAllTokens, setSelectedToken, setSelectedAssetSymbol } = useTokensStore();
@@ -25878,7 +25827,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-DJrg5YQY.cjs"));
+      await Promise.resolve().then(() => require("./index-DNsYRKu0.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26645,4 +26594,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-XPQb2NSf.cjs.map
+//# sourceMappingURL=index-D3Rdww1n.cjs.map