@rash2x/bridge-widget 0.6.68 → 0.6.70

package/dist/{index-BwdYKUP-.js → index-naQPb65y.js}

@@ -4244,11 +4244,41 @@ const CircleLinedIcon = (props) => {
 const DevStatusControls = () => {
   const { current, updateStatus, setSrcHash, setError } = useTransactionStore();
   if (!current) return null;
-  return null;
+  const statuses = [
+    "executing",
+    "approving",
+    "processing",
+    "completed",
+    "failed"
+  ];
+  const handleStatusChange = (status) => {
+    if (status === "failed") {
+      setError("UNKNOWN_ERROR", { message: "Test error message" });
+    } else {
+      updateStatus(status);
+    }
+    if ((status === "processing" || status === "completed" || status === "failed") && !current.srcTxHash) {
+      setSrcHash(
+        "0x1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcdef"
+      );
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "mt-5", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: statuses.map((status) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "sm",
+      variant: current.status === status ? "default" : "outline",
+      onClick: () => handleStatusChange(status),
+      className: "text-xs h-7 px-2",
+      children: status
+    },
+    status
+  )) }) });
 };
 const ProgressStep = ({
   icon = /* @__PURE__ */ jsx(Loader2, { className: "w-16 h-16 animate-spin" }),
-  isApproving = false
+  isApproving = false,
+  className
 }) => {
   const { t: t2 } = useBridgeTranslation();
   const { current } = useTransactionStore();
@@ -4256,7 +4286,13 @@ const ProgressStep = ({
   const srcTxHash = current?.tonTransactionHash || current?.srcTxHash;
   const steps = isApproving && currentStep ? [
     {
-      icon: /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 text-primary animate-spin", strokeWidth: 3 }),
+      icon: /* @__PURE__ */ jsx(
+        Loader2,
+        {
+          className: "w-5 h-5 text-primary animate-spin",
+          strokeWidth: 3
+        }
+      ),
       title: t2("transaction.steps.approving"),
       description: t2("transaction.steps.approvingNote", {
         current: currentStep.index + 1,
@@ -4277,7 +4313,13 @@ const ProgressStep = ({
       title: t2("transaction.steps.sent")
     },
     {
-      icon: /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 text-primary animate-spin", strokeWidth: 3 }),
+      icon: /* @__PURE__ */ jsx(
+        Loader2,
+        {
+          className: "w-5 h-5 text-primary animate-spin",
+          strokeWidth: 3
+        }
+      ),
       title: t2("transaction.steps.processing"),
       description: t2("transaction.steps.processingNote")
     },
@@ -4286,43 +4328,34 @@ const ProgressStep = ({
       title: t2("transaction.steps.completed")
     }
   ];
-  return /* @__PURE__ */ jsxs(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__ */ 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__ */ jsxs("div", { className: "flex flex-col gap-2 pt-4 pb-2 text-center relative z-50", children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.inProgress") }),
-        srcTxHash && /* @__PURE__ */ 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__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute left-5 top-5 bottom-5 border-l border-dashed border-foreground opacity-50" }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6 relative z-10", children: steps.map((step) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex items-center gap-5 text-left",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-muted flex items-center justify-center text-foreground shadow-inner", children: step.icon }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-base leading-5", children: step.title }),
-                step.description && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground leading-4", children: step.description })
-              ] })
-            ]
-          },
-          step.title
-        )) })
-      ] })
+  return /* @__PURE__ */ jsxs(DialogContent, { showCloseButton: false, className, children: [
+    icon,
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "relative z-10 p-0", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.inProgress") }),
+      srcTxHash && /* @__PURE__ */ 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__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute left-5 top-5 bottom-5 border-l border-dashed border-foreground opacity-50" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6 relative z-10", children: steps.map((step) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 text-left", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-muted flex items-center justify-center text-foreground shadow-inner", children: step.icon }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-base leading-5", children: step.title }),
+          step.description && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground leading-4", children: step.description })
+        ] })
+      ] }, step.title)) })
     ] }),
     /* @__PURE__ */ jsx(DevStatusControls, {})
   ] });
@@ -4331,49 +4364,42 @@ const getLayerZeroScanUrl = (txHash) => {
   return `https://layerzeroscan.com/tx/${txHash}`;
 };
 const FailedStep = ({
-  icon = /* @__PURE__ */ jsx(AlertCircleIcon, { className: "w-16 h-16" })
+  icon = /* @__PURE__ */ jsx(AlertCircleIcon, { className: "w-16 h-16" }),
+  className
 }) => {
   const { current, reset } = useTransactionStore();
   const { t: t2 } = useBridgeTranslation();
   const srcTxHash = current?.tonTransactionHash || current?.srcTxHash;
-  return /* @__PURE__ */ jsxs(
-    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__ */ 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__ */ jsxs("div", { className: "flex flex-col gap-2 pt-4 pb-2 text-center", children: [
-            /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.failed") }),
-            current?.errorCode && /* @__PURE__ */ jsx(DialogDescription$1, { children: t2(
-              `errors.${current.errorCode}`,
-              current.errorParams || {}
-            ) }),
-            srcTxHash && /* @__PURE__ */ 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__ */ jsx(DialogFooter, { className: "px-10 pb-10 ", children: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full min-w-40", onClick: reset, children: t2("common.close") }) }),
-        /* @__PURE__ */ jsx(DevStatusControls, {})
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(DialogContent, { closeButtonClassName: "!absolute", showCloseButton: true, className, children: [
+    icon,
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "relative z-10 p-0", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.failed") }),
+      current?.errorCode && /* @__PURE__ */ jsx(DialogDescription$1, { children: t2(
+        `errors.${current.errorCode}`,
+        current.errorParams || {}
+      ) }),
+      srcTxHash && /* @__PURE__ */ 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__ */ jsx(DialogFooter, { className: "w-full", children: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full min-w-40", onClick: reset, children: t2("common.close") }) }),
+    /* @__PURE__ */ jsx(DevStatusControls, {})
+  ] });
 };
 const SuccessStep = ({
-  icon = /* @__PURE__ */ jsx(CheckCircle2, { className: "w-16 h-16" })
+  icon = /* @__PURE__ */ jsx(CheckCircle2, { className: "w-16 h-16" }),
+  className
 }) => {
   const { current, reset } = useTransactionStore();
   const { t: t2 } = useBridgeTranslation();
@@ -4436,83 +4462,74 @@ const SuccessStep = ({
     finalFee,
     t2
   ]);
-  return /* @__PURE__ */ jsxs(
-    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__ */ jsxs("div", { className: "flex flex-col gap-4 flex-1 justify-center md:justify-start items-center text-center bg-background noise p-10 pb-0", children: [
-          icon,
-          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pt-4 text-center", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-[28px]", children: t2("transaction.success") }) }),
-          /* @__PURE__ */ jsxs("div", { className: "w-full space-y-2 mt-3 relative z-10 pb-14", children: [
-            metadata?.srcAmountHuman && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.bridged") }),
-              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-medium", children: [
-                formatBalance(metadata.srcAmountHuman, 2),
-                " ",
-                metadata?.srcTokenSymbol,
-                /* @__PURE__ */ jsx(
-                  TokenSymbol,
-                  {
-                    className: "w-[18px] h-[18px]",
-                    symbol: metadata?.srcTokenSymbol
-                  }
-                )
-              ] })
-            ] }),
-            metadata?.srcChainName && metadata?.dstChainName && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.transferTitle") }),
-              /* @__PURE__ */ jsxs("span", { className: "font-medium flex gap-1 items-center", children: [
-                /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 items-center", children: [
-                  metadata.srcChainName,
-                  " ",
-                  /* @__PURE__ */ jsx(
-                    NetworkSymbol,
-                    {
-                      className: "w-[18px] h-[18px] rounded-full",
-                      chainKey: metadata.srcChainName
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(ArrowRight, { className: "text-muted-foreground/50 size-4" }),
-                /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 items-center", children: [
-                  metadata.dstChainName,
-                  " ",
-                  /* @__PURE__ */ jsx(
-                    NetworkSymbol,
-                    {
-                      className: "w-[18px] h-[18px] rounded-full",
-                      chainKey: metadata.dstChainName
-                    }
-                  )
-                ] })
-              ] })
-            ] }),
-            srcTxHash && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.hash") }),
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  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)
-                }
-              )
-            ] }),
-            totalFee && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: totalFee.label }),
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: totalFee.display })
-            ] })
+  return /* @__PURE__ */ jsxs(DialogContent, { closeButtonClassName: "!absolute", showCloseButton: true, className, children: [
+    icon,
+    /* @__PURE__ */ jsx(DialogHeader, { className: "z-10 relative p-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-[28px]", children: t2("transaction.success") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full space-y-2 mt-5 relative z-10 pb-14", children: [
+      metadata?.srcAmountHuman && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.bridged") }),
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-medium", children: [
+          formatBalance(metadata.srcAmountHuman, 2),
+          " ",
+          metadata?.srcTokenSymbol,
+          /* @__PURE__ */ jsx(
+            TokenSymbol,
+            {
+              className: "w-[18px] h-[18px]",
+              symbol: metadata?.srcTokenSymbol
+            }
+          )
+        ] })
+      ] }),
+      metadata?.srcChainName && metadata?.dstChainName && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.transferTitle") }),
+        /* @__PURE__ */ jsxs("span", { className: "font-medium flex gap-1 items-center", children: [
+          /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 items-center", children: [
+            metadata.srcChainName,
+            " ",
+            /* @__PURE__ */ jsx(
+              NetworkSymbol,
+              {
+                className: "w-[18px] h-[18px] rounded-full",
+                chainKey: metadata.srcChainName
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "text-muted-foreground/50 size-4" }),
+          /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 items-center", children: [
+            metadata.dstChainName,
+            " ",
+            /* @__PURE__ */ jsx(
+              NetworkSymbol,
+              {
+                className: "w-[18px] h-[18px] rounded-full",
+                chainKey: metadata.dstChainName
+              }
+            )
           ] })
-        ] }),
-        /* @__PURE__ */ jsx(DialogFooter, { className: "px-10 pb-10 pt-12", children: /* @__PURE__ */ jsx(Button, { onClick: reset, className: "w-full", children: t2("transaction.done") }) }),
-        /* @__PURE__ */ jsx(DevStatusControls, {})
-      ]
-    }
-  );
+        ] })
+      ] }),
+      srcTxHash && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.hash") }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            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)
+          }
+        )
+      ] }),
+      totalFee && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: totalFee.label }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: totalFee.display })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DialogFooter, { className: "w-full", children: /* @__PURE__ */ jsx(Button, { onClick: reset, className: "w-full", children: t2("transaction.done") }) }),
+    /* @__PURE__ */ jsx(DevStatusControls, {})
+  ] });
 };
 const useCountdown = (initialSeconds) => {
   const [time2, setTime] = useState(initialSeconds);
@@ -4532,19 +4549,18 @@ const useCountdown = (initialSeconds) => {
   };
 };
 const ConfirmStep = ({
-  icon = /* @__PURE__ */ jsx(Clock, { className: "w-16 h-16" })
+  icon = /* @__PURE__ */ jsx(Clock, { className: "w-16 h-16" }),
+  className
 }) => {
   const { t: t2 } = useBridgeTranslation();
   const { formatTime } = useCountdown(90);
-  return /* @__PURE__ */ jsxs(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__ */ 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__ */ jsxs("div", { className: "flex flex-col gap-2 pt-4 pb-2 text-center", children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.confirm") }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: t2("transaction.signTransaction") })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "text-3xl font-black relative z-10", children: formatTime })
+  return /* @__PURE__ */ jsxs(DialogContent, { className, children: [
+    icon,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-4 pb-2 text-center relative z-10", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.confirm") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t2("transaction.signTransaction") })
     ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-3xl font-black relative z-10", children: formatTime }),
     /* @__PURE__ */ jsx(DevStatusControls, {})
   ] });
 };
@@ -4560,20 +4576,28 @@ const StatusStepsDialog = ({
   };
   if (!status || status === "idle") return null;
   let step = null;
+  const sharedClassName = "overflow-hidden noise text-center flex flex-col items-center !fixed";
   if (status === "executing") {
-    step = /* @__PURE__ */ jsx(ConfirmStep, { icon: icons?.confirm });
+    step = /* @__PURE__ */ jsx(ConfirmStep, { icon: icons?.confirm, className: sharedClassName });
   }
   if (status === "approving") {
-    step = /* @__PURE__ */ jsx(ProgressStep, { icon: icons?.progress, isApproving: true });
+    step = /* @__PURE__ */ jsx(
+      ProgressStep,
+      {
+        icon: icons?.progress,
+        isApproving: true,
+        className: sharedClassName
+      }
+    );
   }
   if (status === "processing") {
-    step = /* @__PURE__ */ jsx(ProgressStep, { icon: icons?.progress });
+    step = /* @__PURE__ */ jsx(ProgressStep, { icon: icons?.progress, className: sharedClassName });
   }
   if (status === "completed") {
-    step = /* @__PURE__ */ jsx(SuccessStep, { icon: icons?.success });
+    step = /* @__PURE__ */ jsx(SuccessStep, { icon: icons?.success, className: sharedClassName });
   }
   if (status === "failed") {
-    step = /* @__PURE__ */ jsx(FailedStep, { icon: icons?.failed });
+    step = /* @__PURE__ */ jsx(FailedStep, { icon: icons?.failed, className: sharedClassName });
   }
   if (!step) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: handleClose, children: step }) });
@@ -25826,7 +25850,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-qL-cBcPF.js");
+      await import("./index-L-wapa5t.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26595,4 +26619,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-BwdYKUP-.js.map
+//# sourceMappingURL=index-naQPb65y.js.map