@rash2x/bridge-widget 0.6.42 → 0.6.45

package/dist/{index-DSHVpkmg.js → index-HW3pzGO_.js}

@@ -18,13 +18,14 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { Input } from "@/components/ui/input";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog";
 import { Switch } from "@/components/ui/switch";
-import { X as X$3, Loader2, ArrowRight, CheckCircle2, Clock } from "lucide-react";
+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";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { toast, Toaster } from "sonner";
 import { Badge } from "@/components/ui/badge";
+import { DialogDescription as DialogDescription$1 } from "@radix-ui/react-dialog";
 import { isAddress, formatUnits, parseUnits } from "viem";
 import { TronLinkAdapterName } from "@tronweb3/tronwallet-adapters";
 import { TronWeb } from "tronweb";
@@ -4417,7 +4418,7 @@ const ProgressStep = ({
       title: t2("transaction.steps.completed")
     }
   ];
-  return /* @__PURE__ */ jsx(DialogContent, { showCloseButton: false, className: "overflow-hidden md:max-w-[420px] p-10", children: /* @__PURE__ */ jsxs("div", { className: "flex relative flex-col gap-6 flex-1 items-center justify-start text-center bg-background p-6", children: [
+  return /* @__PURE__ */ jsx(DialogContent, { showCloseButton: false, className: "overflow-hidden md:max-w-[420px] p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex relative flex-col gap-6 flex-1 items-center justify-start text-center bg-background noise p-10", children: [
     icon,
     /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pb-2 text-center", children: /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.inProgress") }) }),
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -4439,6 +4440,25 @@ const ProgressStep = ({
     ] })
   ] }) });
 };
+const FailedStep = ({
+  icon = /* @__PURE__ */ jsx(AlertCircleIcon, { className: "w-16 h-16" })
+}) => {
+  const { current, reset } = useTransactionStore();
+  const { t: t2 } = useBridgeTranslation();
+  return /* @__PURE__ */ jsxs(DialogContent, { showCloseButton: true, className: "overflow-hidden md:max-w-[420px] p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-start text-center noise p-10 pb-0", children: [
+      icon,
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 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 || {}
+        ) })
+      ] })
+    ] }),
+    /* @__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") }) })
+  ] });
+};
 const EXPLORER_CONFIGS = {
   // TON
   ton: {
@@ -4572,9 +4592,9 @@ const SuccessStep = ({
     DialogContent,
     {
       showCloseButton: true,
-      className: "overflow-hidden md:max-w-[420px] p-10",
+      className: "overflow-hidden md:max-w-[420px] p-0",
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 flex-1 justify-start items-center text-center bg-background noise", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 flex-1 justify-start items-center text-center bg-background noise p-10 pb-0", children: [
           icon,
           /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 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: [
@@ -4636,7 +4656,7 @@ const SuccessStep = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: reset, className: "w-full", children: t2("transaction.done") }) })
+        /* @__PURE__ */ jsx(DialogFooter, { className: "px-10 pb-10", children: /* @__PURE__ */ jsx(Button, { onClick: reset, className: "w-full", children: t2("transaction.done") }) })
       ]
     }
   );
@@ -4663,7 +4683,7 @@ const ConfirmStep = ({
 }) => {
   const { t: t2 } = useBridgeTranslation();
   const { formatTime } = useCountdown(90);
-  return /* @__PURE__ */ jsx(DialogContent, { showCloseButton: false, className: "overflow-hidden md:max-w-[420px] p-10", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-start text-center noise", children: [
+  return /* @__PURE__ */ jsx(DialogContent, { showCloseButton: false, className: "overflow-hidden md:max-w-[420px] p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col relative gap-4 flex-1 items-center justify-start text-center noise p-10", children: [
     icon,
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pb-2 text-center", children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.confirm") }),
@@ -4689,7 +4709,7 @@ const StatusStepsDialog = ({
     step = /* @__PURE__ */ jsx(SuccessStep, { icon: icons?.success });
   }
   if (status === "failed") {
-    step = /* @__PURE__ */ jsx(SuccessStep, { icon: icons?.failed });
+    step = /* @__PURE__ */ jsx(FailedStep, { icon: icons?.failed });
   }
   return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: () => reset(), children: step });
 };
@@ -25945,7 +25965,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-DOnF1zZs.js");
+      await import("./index-B5httmag.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26704,4 +26724,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-DSHVpkmg.js.map
+//# sourceMappingURL=index-HW3pzGO_.js.map