0xtrails 0.16.0 → 0.16.1

package/dist/widget/components/TransactionHistoryItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionHistoryItem.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TransactionHistoryItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAExC,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAQ/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAuC5E,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,WAAW,EAAE,iBAAiB,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB,CAAC,EAAE,GAAG,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC1C,uBAAuB,EAAE;QACvB,CAAC,aAAa,EAAE,MAAM,GAAG;YACvB,iBAAiB,EAAE,qBAAqB,GAAG,SAAS,CAAA;YACpD,SAAS,EAAE,OAAO,CAAA;YAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;SACpB,CAAA;KACF,CAAA;IACD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B,CAoxBA,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"TransactionHistoryItem.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TransactionHistoryItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAExC,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAQ/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAyC5E,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,WAAW,EAAE,iBAAiB,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB,CAAC,EAAE,GAAG,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC1C,uBAAuB,EAAE;QACvB,CAAC,aAAa,EAAE,MAAM,GAAG;YACvB,iBAAiB,EAAE,qBAAqB,GAAG,SAAS,CAAA;YACpD,SAAS,EAAE,OAAO,CAAA;YAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;SACpB,CAAA;KACF,CAAA;IACD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B,CA24BA,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/widget/components/TransactionHistoryItem.js

@@ -1,28 +1,30 @@
-import { getQueryParam as fe } from "../../queryParamsCore.js";
+import { getQueryParam as Pe } from "../../queryParamsCore.js";
 import { logger as o } from "../../logger/index.js";
-import { formatRelativeDate as ye } from "../../utils/time.js";
-import { getExplorerUrl as G } from "../../explorer.js";
-import { truncateAddress as q } from "../../utils/address.js";
-import { formatRawAmount as K } from "../../utils/format.js";
-import { getCommittedIntents as be } from "../../committedIntentStore.js";
-import { useExecuteIntent as ve } from "../../mutations.js";
-import $ from "./Identicon.js";
-import X from "./TokenImage.js";
-import { useGetIntent as Ie } from "../../hooks/useGetIntent.js";
-import { useIntentRecoverWithBalances as ke } from "../../recover.js";
-import { useOfflineIntentRecovery as we } from "../../offlineRecovery.js";
-import { ErrorDisplay as N } from "./ErrorDisplay.js";
-import Te from "./ExecutionStatusBadge.js";
-import { TransactionDetails as Ce } from "./TransactionDetails.js";
-import { IntentStatus as l, TransactionStatus as Ne } from "@0xtrails/api";
-import { useMemo as u, useRef as He, useState as d } from "react";
-import { useWalletClient as Ee } from "@0xtrails/wallet";
-import { Fragment as Ae, jsx as t, jsxs as r } from "react/jsx-runtime";
-import { Info as Le } from "lucide-react";
-function Re(e) {
+import { formatRelativeDate as Oe } from "../../utils/time.js";
+import { getExplorerUrl as de } from "../../explorer.js";
+import { truncateAddress as ce } from "../../utils/address.js";
+import { formatRawAmount as ue } from "../../utils/format.js";
+import { getCommittedIntents as Me } from "../../committedIntentStore.js";
+import { useExecuteIntent as We } from "../../mutations.js";
+import me from "./Identicon.js";
+import xe from "./TokenImage.js";
+import je from "./WaasFeeOptions.js";
+import { useTrails as Be } from "../providers/TrailsProvider.js";
+import { useGetIntent as ze } from "../../hooks/useGetIntent.js";
+import { useKeymachineIntentRecovery as Qe } from "../../recover.js";
+import { useOfflineIntentRecovery as Ve } from "../../offlineRecovery.js";
+import { ErrorDisplay as O } from "./ErrorDisplay.js";
+import _e from "./ExecutionStatusBadge.js";
+import { TransactionDetails as qe } from "./TransactionDetails.js";
+import { IntentStatus as s, TransactionStatus as Ge } from "@0xtrails/api";
+import { useCallback as M, useEffect as Ke, useMemo as m, useRef as W, useState as a } from "react";
+import { useWalletClient as $e } from "@0xtrails/wallet";
+import { Fragment as Xe, jsx as t, jsxs as r } from "react/jsx-runtime";
+import { Info as Ye } from "lucide-react";
+function Ze(e) {
   return !e || e === "UNKNOWN" ? null : e.charAt(0) + e.slice(1).toLowerCase();
 }
-function De(e) {
+function Je(e) {
   switch (e) {
     case "PAY":
       return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200";
@@ -38,83 +40,86 @@ function De(e) {
       return "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200";
   }
 }
-function Y(e) {
+function he(e) {
   return e ? e.replaceAll("_", " ") : null;
 }
-var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline: Z = !1, commitIntentMutation: g, onCommitSuccess: p, selectedWalletClient: J, balancesByIntentAddress: ee, onRefetchBalances: f }) => {
-  const [H, E] = d(!1), te = He(null), I = ye(e.createdAt), A = Re(e.mode), { data: re } = Ee(), k = Y(e.swapProviderUsed), w = Y(e.bridgeProviderUsed), y = J || re, [a, ne] = d(null), T = u(() => !e.intentId || a ? !1 : e.hasBalance ?? !1, [
+var Ct = ({ transaction: e, index: et, onRefetch: H, fetchedIntent: d, isOffline: ge = !1, commitIntentMutation: b, onCommitSuccess: v, selectedWalletClient: fe, balancesByIntentAddress: pe, onRefetchBalances: g }) => {
+  const [j, B] = a(!1), ye = W(null), E = Oe(e.createdAt), z = Ze(e.mode), { data: be } = $e(), R = he(e.swapProviderUsed), A = he(e.bridgeProviderUsed), x = fe || be, { sequenceSupport: ve } = Be(), [l, Ie] = a(null), S = m(() => !e.intentId || l ? !1 : e.hasBalance ?? !1, [
     e.intentId,
     e.hasBalance,
-    a
-  ]), L = e.executionStatus === l.QUOTED && !s, R = !!e.intentId && T, b = u(() => !e.intentId || !e.mainSigner ? null : be(e.mainSigner).find((n) => n.intentId === e.intentId) ?? null, [e.intentId, e.mainSigner]), { intent: m, isLoading: ie, error: Ue, refetch: D } = Ie({
-    intentId: L || R ? e.intentId : void 0,
-    enabled: L || R
-  }), { recover: oe, recoverToken: i } = ke({
-    intent: a ? null : s || m || b,
-    balancesByIntentAddress: ee,
-    walletClient: y || void 0
-  }), { recover: le, isLoading: ae } = we({
-    intent: b,
-    walletClient: y || void 0,
+    l
+  ]), Q = e.executionStatus === s.QUOTED && !d, V = !!e.intentId && S, f = m(() => !e.intentId || !e.mainSigner ? null : Me(e.mainSigner).find((n) => n.intentId === e.intentId) ?? null, [e.intentId, e.mainSigner]), { intent: p, isLoading: ke, error: tt, refetch: _ } = ze({
+    intentId: Q || V ? e.intentId : void 0,
+    enabled: Q || V
+  }), we = d || p || f, [Te, q] = a(!1), [F, L] = a(!1), [G, I] = a(!1), [, K] = a(!1), [u, k] = a(!1), w = W(!1), T = W(!1), [$, C] = a(null), [X, Y] = a(!1), [Z, J] = a(null), [ee, te] = a(!1), [re, ne] = a(null), D = M(() => {
+    w.current = !0, k(!0), L(!1), I(!1);
+  }, []), { recover: ie, recoverToken: i, selectedRecoveryTarget: Ce } = Qe({
+    intent: l ? null : we,
+    balancesByIntentAddress: pe,
+    walletClient: x || void 0,
+    onTransactionSubmitted: D
+  }), { recover: oe, isLoading: Ne } = Ve({
+    intent: f,
+    walletClient: x || void 0,
     ownerAddress: e.mainSigner
-  }), S = u(() => {
-    if (v)
+  }), h = Te || Ne, U = m(() => {
+    if (H)
       return () => {
-        v(), e.intentId && !a && D();
+        H(), e.intentId && !l && _();
       };
   }, [
-    v,
+    H,
     e.intentId,
-    a,
-    D
-  ]), se = e.intentId && y && !a && (T || Z && !!b), [de, U] = d(!1), x = de || ae, [F, C] = d(null), [P, M] = d(!1), [W, j] = d(null), [B, O] = d(!1), [z, V] = d(null), ce = ve(), ue = (e.executionStatus === l.QUOTED || s?.status === l.QUOTED) && g && e.intentId, me = (e.executionStatus === l.COMMITTED || s?.status === l.COMMITTED) && e.intentId && !(/* @__PURE__ */ new Set([
-    l.EXECUTING,
-    l.SUCCEEDED,
-    l.FAILED,
-    l.ABORTED,
-    l.REFUNDED,
-    l.INVALID,
-    Ne.MINING
-  ])).has(e.executionStatus ?? "") && T, xe = async () => {
-    if (!e.intentId || !g) {
+    l,
+    _
+  ]), He = e.intentId && x && !l && !u && (S || ge && !!f), ae = i?.chainId ?? Ce?.chainId, N = !!ve?.WaasFeeOptionsController && !!ae, Ee = We(), Re = (e.executionStatus === s.QUOTED || d?.status === s.QUOTED) && b && e.intentId, Ae = (e.executionStatus === s.COMMITTED || d?.status === s.COMMITTED) && e.intentId && !(/* @__PURE__ */ new Set([
+    s.EXECUTING,
+    s.SUCCEEDED,
+    s.FAILED,
+    s.ABORTED,
+    s.REFUNDED,
+    s.INVALID,
+    Ge.MINING
+  ])).has(e.executionStatus ?? "") && S, Se = async () => {
+    if (!e.intentId || !b) {
       o.console.error("[AccountIntentTransactionHistory] Cannot commit: missing intentId or mutation");
       return;
     }
     try {
-      if (M(!0), j(null), s)
-        await g.mutateAsync(s), o.console.log("[AccountIntentTransactionHistory] Fetched intent committed successfully", { intentId: s.intentId });
+      if (Y(!0), J(null), d)
+        await b.mutateAsync(d), o.console.log("[AccountIntentTransactionHistory] Fetched intent committed successfully", { intentId: d.intentId });
       else {
-        if (!m) throw new Error("Intent data not available for committing");
-        await g.mutateAsync(m), o.console.log("[AccountIntentTransactionHistory] Regular transaction intent committed successfully", { intentId: e.intentId });
+        if (!p) throw new Error("Intent data not available for committing");
+        await b.mutateAsync(p), o.console.log("[AccountIntentTransactionHistory] Regular transaction intent committed successfully", { intentId: e.intentId });
       }
-      p && p();
+      v && v();
     } catch (n) {
       o.console.error("[AccountIntentTransactionHistory] Failed to commit intent", {
         intentId: e.intentId,
         error: n
-      }), j(n instanceof Error ? n.message : typeof n == "string" ? n : "Failed to commit intent. Please try again.");
+      }), J(n instanceof Error ? n.message : typeof n == "string" ? n : "Failed to commit intent. Please try again.");
     } finally {
-      M(!1);
+      Y(!1);
     }
-  }, he = async (n) => {
+  }, Fe = async (n) => {
     if (!e.intentId) {
       o.console.error("[AccountIntentTransactionHistory] Cannot execute: missing intentId");
       return;
     }
     try {
-      O(!0), V(null);
-      const c = n || e.originTransactionHash || e.originIntentTxHash || e.originIntentDepositTxHash || e.txnHash || fe("depositTransactionHash");
-      await ce.mutateAsync({ intentId: e.intentId }), o.console.log("[AccountIntentTransactionHistory] Intent executed successfully", {
+      te(!0), ne(null);
+      const c = n || e.originTransactionHash || e.originIntentTxHash || e.originIntentDepositTxHash || e.txnHash || Pe("depositTransactionHash");
+      await Ee.mutateAsync({ intentId: e.intentId }), o.console.log("[AccountIntentTransactionHistory] Intent executed successfully", {
         intentId: e.intentId,
         depositTransactionHash: c
-      }), p && p();
+      }), v && v();
     } catch (c) {
       o.console.error("[AccountIntentTransactionHistory] Failed to execute intent", {
         intentId: e.intentId,
         error: c
-      }), V(c instanceof Error ? c.message : typeof c == "string" ? c : "Failed to execute intent. Please try again.");
+      }), ne(c instanceof Error ? c.message : typeof c == "string" ? c : "Failed to execute intent. Please try again.");
     } finally {
-      O(!1);
+      te(!1);
     }
   };
   o.console.log("[AccountIntentTransactionHistory] Tooltip debug:", {
@@ -123,34 +128,70 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
     recoverTokenSymbol: i?.symbol,
     recoverTokenBalanceFormatted: i?.balanceFormatted,
     recoverTokenBalanceUsdDisplay: i?.balanceUsdDisplay,
-    isRecovering: x,
-    shouldShowTooltip: i && !x
+    isRecovering: h,
+    shouldShowTooltip: i && !h
   });
-  const ge = async () => {
-    if (!e.intentId || !y) {
+  const P = M(async () => {
+    if (!T.current) {
+      if (!e.intentId || !x) {
+        o.console.error("[AccountIntentTransactionHistory] Cannot recover: missing intentId or walletClient");
+        return;
+      }
+      T.current = !0;
+      try {
+        q(!0), C(null), N || (w.current = !1, k(!1));
+        let n;
+        f ? n = await oe() : n = (await ie()).txHash, o.console.log("[AccountIntentTransactionHistory] Recover transaction sent", {
+          intentId: e.intentId,
+          txHash: n
+        }), Ie(n), C(null), U ? setTimeout(() => {
+          U(), g && g();
+        }, 2e3) : g && setTimeout(() => {
+          g();
+        }, 2e3);
+      } catch (n) {
+        o.console.error("[AccountIntentTransactionHistory] Failed to recover intent", {
+          intentId: e.intentId,
+          error: n
+        });
+        const c = n instanceof Error ? n.message : typeof n == "string" ? n : "Failed to recover intent. Please try again.";
+        w.current || k(!1), C(c);
+      } finally {
+        T.current = !1, q(!1), L(!1), I(!1);
+      }
+    }
+  }, [
+    x,
+    U,
+    N,
+    g,
+    ie,
+    oe,
+    f,
+    e.intentId
+  ]);
+  Ke(() => {
+    !F || !G || (I(!1), P());
+  }, [
+    P,
+    G,
+    F
+  ]);
+  const Le = () => {
+    if (!e.intentId || !x) {
       o.console.error("[AccountIntentTransactionHistory] Cannot recover: missing intentId or walletClient");
       return;
     }
-    try {
-      U(!0), C(null);
-      let n;
-      b ? n = await le() : n = (await oe()).txHash, o.console.log("[AccountIntentTransactionHistory] Recover transaction sent", {
-        intentId: e.intentId,
-        txHash: n
-      }), ne(n), C(null), S ? setTimeout(() => {
-        S(), f && f();
-      }, 2e3) : f && setTimeout(() => {
-        f();
-      }, 2e3);
-    } catch (n) {
-      o.console.error("[AccountIntentTransactionHistory] Failed to recover intent", {
-        intentId: e.intentId,
-        error: n
-      }), C(n instanceof Error ? n.message : typeof n == "string" ? n : "Failed to recover intent. Please try again.");
-    } finally {
-      U(!1);
+    if (!(T.current || u)) {
+      if (C(null), K(!1), w.current = !1, k(!1), N) {
+        L(!0), I(!0);
+        return;
+      }
+      P();
     }
-  }, h = u(() => e.destinationTransactionHash && e.destinationChainId ? {
+  }, De = M((n) => {
+    K(n), n && D();
+  }, [D]), y = m(() => e.destinationTransactionHash && e.destinationChainId ? {
     hash: e.destinationTransactionHash,
     chainId: e.destinationChainId
   } : e.destinationIntentTxHash && e.destinationChainId ? {
@@ -173,21 +214,21 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
     e.txnHash,
     e.destinationChainId,
     e.originChainId
-  ]), _ = u(() => !h?.hash || !h.chainId ? null : G({
-    txHash: h.hash,
-    chainId: h.chainId
-  }), [h]), pe = u(() => {
+  ]), le = m(() => !y?.hash || !y.chainId ? null : de({
+    txHash: y.hash,
+    chainId: y.chainId
+  }), [y]), Ue = m(() => {
     if (e.intentProtocol) return e.intentProtocol;
-    const n = s || m;
+    const n = d || p;
     return n?.intentProtocol ? n.intentProtocol : n?.quoteRequest?.options?.intentProtocol;
   }, [
     e.intentProtocol,
-    s,
-    m
-  ]), Q = u(() => !a || !e.originChainId ? null : G({
-    txHash: a,
+    d,
+    p
+  ]), se = m(() => !l || !e.originChainId ? null : de({
+    txHash: l,
     chainId: e.originChainId
-  }), [a, e.originChainId]);
+  }), [l, e.originChainId]);
   return /* @__PURE__ */ r("div", {
     className: "border border-gray-200 dark:border-gray-700 rounded-lg p-2 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors",
     children: [
@@ -195,15 +236,15 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
         className: "flex items-center justify-between mb-2",
         children: [/* @__PURE__ */ t("div", {
           className: "flex items-center gap-2 flex-wrap",
-          children: I.relative && /* @__PURE__ */ t("span", {
+          children: E.relative && /* @__PURE__ */ t("span", {
             className: "text-xs text-gray-900 dark:text-gray-100 cursor-help",
-            title: I.full || void 0,
-            children: I.relative
+            title: E.full || void 0,
+            children: E.relative
           })
         }), /* @__PURE__ */ r("div", {
           className: "flex items-center gap-2",
-          children: [_ && /* @__PURE__ */ r("a", {
-            href: _,
+          children: [le && /* @__PURE__ */ r("a", {
+            href: le,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 text-xs whitespace-nowrap",
@@ -220,20 +261,20 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
                 d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
               })]
             })]
-          }), A && /* @__PURE__ */ t("span", {
-            className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${De(e.mode)}`,
-            children: A
+          }), z && /* @__PURE__ */ t("span", {
+            className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${Je(e.mode)}`,
+            children: z
           })]
         })]
       }),
-      (k || w) && /* @__PURE__ */ r("div", {
+      (R || A) && /* @__PURE__ */ r("div", {
         className: "mb-2 flex flex-wrap gap-2",
-        children: [k && /* @__PURE__ */ r("span", {
+        children: [R && /* @__PURE__ */ r("span", {
           className: "inline-flex items-center rounded bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-700 dark:bg-gray-800 dark:text-gray-200",
-          children: ["Swap: ", k]
-        }), w && /* @__PURE__ */ r("span", {
+          children: ["Swap: ", R]
+        }), A && /* @__PURE__ */ r("span", {
           className: "inline-flex items-center rounded bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-700 dark:bg-gray-800 dark:text-gray-200",
-          children: ["Bridge: ", w]
+          children: ["Bridge: ", A]
         })]
       }),
       /* @__PURE__ */ t("div", {
@@ -243,7 +284,7 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
           children: [
             /* @__PURE__ */ r("div", {
               className: "flex items-start gap-2 flex-1 max-w-[130px]",
-              children: [/* @__PURE__ */ t(X, {
+              children: [/* @__PURE__ */ t(xe, {
                 symbol: e.originToken.symbol,
                 imageUrl: e.originToken.imageUrl,
                 chainId: e.originToken.chainId,
@@ -254,20 +295,20 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
                   className: "text-xs font-medium text-gray-900 dark:text-gray-100 whitespace-nowrap overflow-hidden text-ellipsis",
                   style: { maxWidth: "85px" },
                   children: [
-                    K(e.originTokenAmount || "0", e.originToken.decimals),
+                    ue(e.originTokenAmount || "0", e.originToken.decimals),
                     " ",
                     e.originToken.symbol
                   ]
                 }), e.mainSigner && /* @__PURE__ */ r("div", {
                   className: "flex items-center gap-1 whitespace-nowrap",
-                  children: [/* @__PURE__ */ t($, {
+                  children: [/* @__PURE__ */ t(me, {
                     value: e.mainSigner,
                     size: 12
                   }), /* @__PURE__ */ t("span", {
                     className: "text-xs",
                     style: { color: "#71717A" },
                     title: e.mainSigner,
-                    children: q(e.mainSigner)
+                    children: ce(e.mainSigner)
                   })]
                 })]
               })]
@@ -281,7 +322,7 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
             }),
             /* @__PURE__ */ r("div", {
               className: "flex items-start gap-2 flex-1 max-w-[130px]",
-              children: [/* @__PURE__ */ t(X, {
+              children: [/* @__PURE__ */ t(xe, {
                 symbol: e.destinationToken.symbol,
                 imageUrl: e.destinationToken.imageUrl,
                 chainId: e.destinationToken.chainId,
@@ -292,20 +333,20 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
                   className: "text-xs font-medium text-gray-900 dark:text-gray-100 whitespace-nowrap overflow-hidden text-ellipsis",
                   style: { maxWidth: "85px" },
                   children: [
-                    K(e.destinationTokenAmount || "0", e.destinationToken.decimals),
+                    ue(e.destinationTokenAmount || "0", e.destinationToken.decimals),
                     " ",
                     e.destinationToken.symbol
                   ]
                 }), e.destinationToAddress && /* @__PURE__ */ r("div", {
                   className: "flex items-center gap-1 whitespace-nowrap",
-                  children: [/* @__PURE__ */ t($, {
+                  children: [/* @__PURE__ */ t(me, {
                     value: e.destinationToAddress,
                     size: 12
                   }), /* @__PURE__ */ t("span", {
                     className: "text-xs",
                     style: { color: "#71717A" },
                     title: e.destinationToAddress,
-                    children: q(e.destinationToAddress)
+                    children: ce(e.destinationToAddress)
                   })]
                 })]
               })]
@@ -316,33 +357,43 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
           children: "Transaction details available below"
         })
       }),
-      W && /* @__PURE__ */ t("div", {
+      Z && /* @__PURE__ */ t("div", {
         className: "w-full",
-        children: /* @__PURE__ */ t(N, {
-          error: W,
+        children: /* @__PURE__ */ t(O, {
+          error: Z,
           severity: "error"
         })
       }),
-      z && /* @__PURE__ */ t("div", {
+      re && /* @__PURE__ */ t("div", {
         className: "w-full",
-        children: /* @__PURE__ */ t(N, {
-          error: z,
+        children: /* @__PURE__ */ t(O, {
+          error: re,
           severity: "error"
         })
       }),
-      F && /* @__PURE__ */ t("div", {
+      $ && /* @__PURE__ */ t("div", {
         className: "w-full",
-        children: /* @__PURE__ */ t(N, {
-          error: F,
+        children: /* @__PURE__ */ t(O, {
+          error: $,
           severity: "error"
         })
       }),
+      F && N && !u && /* @__PURE__ */ r("div", {
+        className: "w-full rounded-lg border border-gray-200 bg-gray-50 p-3 dark:border-gray-700 dark:bg-gray-800/60",
+        children: [/* @__PURE__ */ t("div", {
+          className: "mb-3 text-sm font-medium text-gray-900 dark:text-gray-100",
+          children: "Select a fee token to restore funds with your embedded wallet"
+        }), /* @__PURE__ */ t(je, {
+          chainId: ae,
+          setIsFeeOptionConfirmed: De
+        })]
+      }),
       /* @__PURE__ */ r("div", {
         className: "flex items-center justify-between mt-2",
         children: [/* @__PURE__ */ r("div", {
           className: "flex items-center gap-2",
-          children: [/* @__PURE__ */ t(Te, { status: e.intentStatus || e.executionStatus }), a && Q ? /* @__PURE__ */ r("a", {
-            href: Q,
+          children: [/* @__PURE__ */ t(_e, { status: e.intentStatus || e.executionStatus }), l && se ? /* @__PURE__ */ r("a", {
+            href: se,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 text-xs transition-colors",
@@ -359,29 +410,33 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
                 d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
               })]
             })]
-          }) : /* @__PURE__ */ r(Ae, { children: [
-            ue && /* @__PURE__ */ t("button", {
+          }) : /* @__PURE__ */ r(Xe, { children: [
+            Re && /* @__PURE__ */ t("button", {
               type: "button",
-              onClick: xe,
-              disabled: P,
+              onClick: Se,
+              disabled: X,
               className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 text-xs transition-colors disabled:text-gray-400 focus:outline-none cursor-pointer disabled:cursor-not-allowed",
               "aria-label": "Commit intent",
-              children: P || ie ? "Committing..." : "Commit"
+              children: X || ke ? "Committing..." : "Commit"
             }),
-            me && /* @__PURE__ */ t("button", {
+            Ae && /* @__PURE__ */ t("button", {
               type: "button",
-              onClick: () => he(),
-              disabled: B,
+              onClick: () => Fe(),
+              disabled: ee,
               className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 text-xs transition-colors disabled:text-gray-400 focus:outline-none cursor-pointer disabled:cursor-not-allowed",
               "aria-label": "Execute intent",
-              children: B ? "Executing..." : "Execute"
+              children: ee ? "Executing..." : "Execute"
+            }),
+            u && !l && /* @__PURE__ */ t("span", {
+              className: "text-blue-600 dark:text-blue-400 text-xs whitespace-nowrap",
+              children: "Tx Sent"
             }),
-            se && /* @__PURE__ */ r("div", {
+            He && /* @__PURE__ */ r("div", {
               className: "flex items-center gap-1",
               children: [/* @__PURE__ */ r("button", {
                 type: "button",
-                onClick: ge,
-                disabled: x,
+                onClick: Le,
+                disabled: h || u,
                 className: "flex items-center gap-1 text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 text-xs transition-colors disabled:text-gray-400 focus:outline-none whitespace-nowrap cursor-pointer disabled:cursor-not-allowed",
                 "aria-label": "Restore funds from intent",
                 children: [/* @__PURE__ */ r("svg", {
@@ -395,10 +450,10 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
                     d: "M1.5 7.24996C1.5 6.38801 1.84217 5.56112 2.45166 4.95162C3.06115 4.34213 3.88805 3.99996 4.75 3.99996H8.79297L7.14648 2.35348C6.95122 2.15822 6.95122 1.84171 7.14648 1.64645C7.34175 1.45118 7.65825 1.45118 7.85352 1.64645L10.3535 4.14645C10.5488 4.34171 10.5488 4.65822 10.3535 4.85348L7.85352 7.35348C7.65825 7.54874 7.34175 7.54874 7.14648 7.35348C6.95122 7.15822 6.95122 6.84171 7.14648 6.64645L8.79297 4.99996H4.75C4.15326 4.99996 3.58114 5.23719 3.15918 5.65914C2.73722 6.0811 2.5 6.65323 2.5 7.24996C2.5 7.54539 2.55835 7.83786 2.67139 8.1108C2.78446 8.38378 2.95025 8.63185 3.15918 8.84078C3.58114 9.26274 4.15326 9.49996 4.75 9.49996H6.5C6.77614 9.49996 7 9.72382 7 9.99996C7 10.2761 6.77614 10.5 6.5 10.5H4.75C3.88805 10.5 3.06115 10.1578 2.45166 9.5483C2.14987 9.24651 1.91089 8.88792 1.74756 8.49361C1.58423 8.09931 1.5 7.67676 1.5 7.24996Z",
                     fill: "currentColor"
                   })]
-                }), x ? "Restoring..." : "Restore funds"]
-              }), i && !x && /* @__PURE__ */ r("div", {
+                }), u && h ? "Tx Sent" : h ? "Restoring..." : "Restore funds"]
+              }), i && !h && !u && /* @__PURE__ */ r("div", {
                 className: "relative group",
-                children: [/* @__PURE__ */ t(Le, {
+                children: [/* @__PURE__ */ t(Ye, {
                   className: "w-3 h-3 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 cursor-help",
                   "aria-label": "Token balance info"
                 }), /* @__PURE__ */ r("div", {
@@ -432,9 +487,9 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
               })]
             })
           ] })]
-        }), !H && /* @__PURE__ */ r("button", {
+        }), !j && /* @__PURE__ */ r("button", {
           type: "button",
-          onClick: () => E(!0),
+          onClick: () => B(!0),
           className: "flex items-center justify-center gap-1 py-1 px-3 rounded-md transition-colors cursor-pointer text-xs text-gray-900 dark:text-gray-100 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 whitespace-nowrap",
           "aria-label": "Show more details",
           children: [/* @__PURE__ */ t("span", { children: "More Details" }), /* @__PURE__ */ r("svg", {
@@ -453,15 +508,15 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
         })]
       }),
       /* @__PURE__ */ t("div", {
-        ref: te,
-        className: `overflow-hidden transition-all duration-300 ease-out ${H ? "max-h-[400px] opacity-100" : "max-h-0 opacity-0"}`,
+        ref: ye,
+        className: `overflow-hidden transition-all duration-300 ease-out ${j ? "max-h-[400px] opacity-100" : "max-h-0 opacity-0"}`,
         children: /* @__PURE__ */ r("div", {
           className: "p-3 rounded-lg bg-gray-50 dark:bg-gray-800",
           children: [/* @__PURE__ */ t("div", {
             className: "flex justify-center mb-3 -mt-1",
             children: /* @__PURE__ */ r("button", {
               type: "button",
-              onClick: () => E(!1),
+              onClick: () => B(!1),
               className: "flex items-center gap-1 px-3 py-1 text-xs bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 rounded-md transition-colors duration-200 text-gray-600 dark:text-gray-300 hover:text-gray-700 dark:hover:text-gray-200 cursor-pointer",
               "aria-label": "Close details",
               children: [/* @__PURE__ */ t("span", { children: "Close" }), /* @__PURE__ */ r("svg", {
@@ -478,9 +533,9 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
                 })]
               })]
             })
-          }), /* @__PURE__ */ t(Ce, {
+          }), /* @__PURE__ */ t(qe, {
             transaction: e,
-            intentProtocol: pe
+            intentProtocol: Ue
           })]
         })
       })
@@ -488,5 +543,5 @@ var rt = ({ transaction: e, index: Se, onRefetch: v, fetchedIntent: s, isOffline
   });
 };
 export {
-  rt as default
+  Ct as default
 };

package/dist/widget/components/WaasFeeOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WaasFeeOptions.d.ts","sourceRoot":"","sources":["../../../src/widget/components/WaasFeeOptions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAgInD,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB,EAAE,CAAC,oBAAoB,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACxC;AAkeD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsBxD,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"WaasFeeOptions.d.ts","sourceRoot":"","sources":["../../../src/widget/components/WaasFeeOptions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAgInD,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB,EAAE,CAAC,oBAAoB,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACxC;AAmfD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsBxD,CAAA;AAED,eAAe,cAAc,CAAA"}