0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/TransactionHistoryItem.js

@@ -1,547 +0,0 @@
-import { getQueryParam as Pe } from "../../queryParamsCore.js";
-import { logger as o } from "../../logger/index.js";
-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 Je(e) {
-  switch (e) {
-    case "PAY":
-      return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200";
-    case "SWAP":
-      return "bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200";
-    case "FUND":
-      return "bg-emerald-100 text-emerald-800 dark:bg-emerald-900 dark:text-emerald-200";
-    case "EARN":
-      return "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200";
-    case "WITHDRAW":
-      return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200";
-    default:
-      return "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200";
-  }
-}
-function he(e) {
-  return e ? e.replaceAll("_", " ") : null;
-}
-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,
-    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
-  }), h = Te || Ne, U = m(() => {
-    if (H)
-      return () => {
-        H(), e.intentId && !l && _();
-      };
-  }, [
-    H,
-    e.intentId,
-    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 (Y(!0), J(null), d)
-        await b.mutateAsync(d), o.console.log("[AccountIntentTransactionHistory] Fetched intent committed successfully", { intentId: d.intentId });
-      else {
-        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 });
-      }
-      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.");
-    } finally {
-      Y(!1);
-    }
-  }, Fe = async (n) => {
-    if (!e.intentId) {
-      o.console.error("[AccountIntentTransactionHistory] Cannot execute: missing intentId");
-      return;
-    }
-    try {
-      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
-      }), v && v();
-    } catch (c) {
-      o.console.error("[AccountIntentTransactionHistory] Failed to execute intent", {
-        intentId: e.intentId,
-        error: c
-      }), ne(c instanceof Error ? c.message : typeof c == "string" ? c : "Failed to execute intent. Please try again.");
-    } finally {
-      te(!1);
-    }
-  };
-  o.console.log("[AccountIntentTransactionHistory] Tooltip debug:", {
-    intentId: e.intentId,
-    hasRecoverToken: !!i,
-    recoverTokenSymbol: i?.symbol,
-    recoverTokenBalanceFormatted: i?.balanceFormatted,
-    recoverTokenBalanceUsdDisplay: i?.balanceUsdDisplay,
-    isRecovering: h,
-    shouldShowTooltip: i && !h
-  });
-  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;
-    }
-    if (!(T.current || u)) {
-      if (C(null), K(!1), w.current = !1, k(!1), N) {
-        L(!0), I(!0);
-        return;
-      }
-      P();
-    }
-  }, De = M((n) => {
-    K(n), n && D();
-  }, [D]), y = m(() => e.destinationTransactionHash && e.destinationChainId ? {
-    hash: e.destinationTransactionHash,
-    chainId: e.destinationChainId
-  } : e.destinationIntentTxHash && e.destinationChainId ? {
-    hash: e.destinationIntentTxHash,
-    chainId: e.destinationChainId
-  } : e.originTransactionHash && e.originChainId ? {
-    hash: e.originTransactionHash,
-    chainId: e.originChainId
-  } : e.originIntentTxHash && e.originChainId ? {
-    hash: e.originIntentTxHash,
-    chainId: e.originChainId
-  } : e.txnHash ? {
-    hash: e.txnHash,
-    chainId: e.destinationChainId || e.originChainId
-  } : null, [
-    e.destinationTransactionHash,
-    e.destinationIntentTxHash,
-    e.originTransactionHash,
-    e.originIntentTxHash,
-    e.txnHash,
-    e.destinationChainId,
-    e.originChainId
-  ]), 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 = d || p;
-    return n?.intentProtocol ? n.intentProtocol : n?.quoteRequest?.options?.intentProtocol;
-  }, [
-    e.intentProtocol,
-    d,
-    p
-  ]), se = m(() => !l || !e.originChainId ? null : de({
-    txHash: l,
-    chainId: 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: [
-      /* @__PURE__ */ r("div", {
-        className: "flex items-center justify-between mb-2",
-        children: [/* @__PURE__ */ t("div", {
-          className: "flex items-center gap-2 flex-wrap",
-          children: E.relative && /* @__PURE__ */ t("span", {
-            className: "text-xs text-gray-900 dark:text-gray-100 cursor-help",
-            title: E.full || void 0,
-            children: E.relative
-          })
-        }), /* @__PURE__ */ r("div", {
-          className: "flex items-center gap-2",
-          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",
-            title: "View transaction on block explorer",
-            children: [/* @__PURE__ */ t("span", { children: "View on Explorer" }), /* @__PURE__ */ r("svg", {
-              className: "w-3 h-3 shrink-0",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: [/* @__PURE__ */ t("title", { children: "External Link" }), /* @__PURE__ */ t("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-              })]
-            })]
-          }), z && /* @__PURE__ */ t("span", {
-            className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${Je(e.mode)}`,
-            children: z
-          })]
-        })]
-      }),
-      (R || A) && /* @__PURE__ */ r("div", {
-        className: "mb-2 flex flex-wrap gap-2",
-        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: ", 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: ", A]
-        })]
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "flex items-center justify-center mb-2",
-        children: e.originToken && e.destinationToken ? /* @__PURE__ */ r("div", {
-          className: "flex items-center justify-between w-full gap-3",
-          children: [
-            /* @__PURE__ */ r("div", {
-              className: "flex items-start gap-2 flex-1 max-w-[130px]",
-              children: [/* @__PURE__ */ t(xe, {
-                symbol: e.originToken.symbol,
-                imageUrl: e.originToken.imageUrl,
-                chainId: e.originToken.chainId,
-                size: 28
-              }), /* @__PURE__ */ r("div", {
-                className: "flex flex-col gap-0.5",
-                children: [/* @__PURE__ */ r("span", {
-                  className: "text-xs font-medium text-gray-900 dark:text-gray-100 whitespace-nowrap overflow-hidden text-ellipsis",
-                  style: { maxWidth: "85px" },
-                  children: [
-                    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(me, {
-                    value: e.mainSigner,
-                    size: 12
-                  }), /* @__PURE__ */ t("span", {
-                    className: "text-xs",
-                    style: { color: "#71717A" },
-                    title: e.mainSigner,
-                    children: ce(e.mainSigner)
-                  })]
-                })]
-              })]
-            }),
-            /* @__PURE__ */ t("div", {
-              className: "flex items-center",
-              children: /* @__PURE__ */ t("span", {
-                className: "text-xl text-gray-400 dark:text-gray-500",
-                children: "→"
-              })
-            }),
-            /* @__PURE__ */ r("div", {
-              className: "flex items-start gap-2 flex-1 max-w-[130px]",
-              children: [/* @__PURE__ */ t(xe, {
-                symbol: e.destinationToken.symbol,
-                imageUrl: e.destinationToken.imageUrl,
-                chainId: e.destinationToken.chainId,
-                size: 28
-              }), /* @__PURE__ */ r("div", {
-                className: "flex flex-col gap-0.5",
-                children: [/* @__PURE__ */ r("span", {
-                  className: "text-xs font-medium text-gray-900 dark:text-gray-100 whitespace-nowrap overflow-hidden text-ellipsis",
-                  style: { maxWidth: "85px" },
-                  children: [
-                    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(me, {
-                    value: e.destinationToAddress,
-                    size: 12
-                  }), /* @__PURE__ */ t("span", {
-                    className: "text-xs",
-                    style: { color: "#71717A" },
-                    title: e.destinationToAddress,
-                    children: ce(e.destinationToAddress)
-                  })]
-                })]
-              })]
-            })
-          ]
-        }) : /* @__PURE__ */ t("div", {
-          className: "text-xs text-gray-500 dark:text-gray-400 italic",
-          children: "Transaction details available below"
-        })
-      }),
-      Z && /* @__PURE__ */ t("div", {
-        className: "w-full",
-        children: /* @__PURE__ */ t(O, {
-          error: Z,
-          severity: "error"
-        })
-      }),
-      re && /* @__PURE__ */ t("div", {
-        className: "w-full",
-        children: /* @__PURE__ */ t(O, {
-          error: re,
-          severity: "error"
-        })
-      }),
-      $ && /* @__PURE__ */ t("div", {
-        className: "w-full",
-        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(_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",
-            "aria-label": "View refund transaction on explorer",
-            children: [/* @__PURE__ */ t("span", { children: "View refund" }), /* @__PURE__ */ r("svg", {
-              className: "w-3 h-3 shrink-0",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: [/* @__PURE__ */ t("title", { children: "External Link" }), /* @__PURE__ */ t("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-              })]
-            })]
-          }) : /* @__PURE__ */ r(Xe, { children: [
-            Re && /* @__PURE__ */ t("button", {
-              type: "button",
-              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: X || ke ? "Committing..." : "Commit"
-            }),
-            Ae && /* @__PURE__ */ t("button", {
-              type: "button",
-              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: ee ? "Executing..." : "Execute"
-            }),
-            u && !l && /* @__PURE__ */ t("span", {
-              className: "text-blue-600 dark:text-blue-400 text-xs whitespace-nowrap",
-              children: "Tx Sent"
-            }),
-            He && /* @__PURE__ */ r("div", {
-              className: "flex items-center gap-1",
-              children: [/* @__PURE__ */ r("button", {
-                type: "button",
-                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", {
-                  width: "12",
-                  height: "12",
-                  viewBox: "0 0 12 12",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  "aria-hidden": "true",
-                  children: [/* @__PURE__ */ t("title", { children: "Restore icon" }), /* @__PURE__ */ t("path", {
-                    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"
-                  })]
-                }), u && h ? "Tx Sent" : h ? "Restoring..." : "Restore funds"]
-              }), i && !h && !u && /* @__PURE__ */ r("div", {
-                className: "relative group",
-                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", {
-                  className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-2 bg-gray-900 dark:bg-gray-700 text-white text-xs rounded-lg shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 whitespace-nowrap z-50 pointer-events-none",
-                  children: [/* @__PURE__ */ r("div", {
-                    className: "flex flex-col gap-0.5",
-                    children: [
-                      /* @__PURE__ */ r("span", {
-                        className: "font-medium",
-                        children: ["Restore ", i.symbol]
-                      }),
-                      i.chainName && /* @__PURE__ */ r("span", {
-                        className: "text-gray-400 text-xs",
-                        children: ["on ", i.chainName]
-                      }),
-                      /* @__PURE__ */ r("span", {
-                        className: "text-gray-300",
-                        children: [
-                          i.balanceFormatted,
-                          " ",
-                          i.symbol
-                        ]
-                      }),
-                      i.balanceUsdDisplay && /* @__PURE__ */ r("span", {
-                        className: "text-gray-400",
-                        children: ["≈ ", i.balanceUsdDisplay]
-                      })
-                    ]
-                  }), /* @__PURE__ */ t("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-px border-4 border-transparent border-t-gray-900 dark:border-t-gray-700" })]
-                })]
-              })]
-            })
-          ] })]
-        }), !j && /* @__PURE__ */ r("button", {
-          type: "button",
-          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", {
-            className: "w-3 h-3 transition-transform duration-300 ease-out",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            children: [/* @__PURE__ */ t("title", { children: "Expand" }), /* @__PURE__ */ t("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M19 9l-7 7-7-7"
-            })]
-          })]
-        })]
-      }),
-      /* @__PURE__ */ t("div", {
-        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: () => 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", {
-                className: "w-3 h-3 transition-transform duration-300 ease-out rotate-180",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                "aria-hidden": "true",
-                children: [/* @__PURE__ */ t("title", { children: "Collapse" }), /* @__PURE__ */ t("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M19 9l-7 7-7-7"
-                })]
-              })]
-            })
-          }), /* @__PURE__ */ t(qe, {
-            transaction: e,
-            intentProtocol: Ue
-          })]
-        })
-      })
-    ]
-  });
-};
-export {
-  Ct as default
-};

package/dist/widget/components/TransferPendingVertical.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { PrepareSendQuote } from '../../prepareSend.js';
-import { TransactionState } from '../../transactions.js';
-import { OnrampQuote } from '../../hooks/useOnRampQuote.js';
-interface TransferPendingProps {
-    onElapsedTime: (totalCompletionSeconds?: number) => void;
-    transactionStates: TransactionState[];
-    quote?: PrepareSendQuote | null;
-    timestamp?: number;
-    onContinue?: () => void;
-    onRampQuote?: OnrampQuote | null;
-    fundMethod?: string | null;
-}
-export declare const TransferPending: React.FC<TransferPendingProps>;
-export default TransferPending;
-//# sourceMappingURL=TransferPendingVertical.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TransferPendingVertical.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TransferPendingVertical.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAI7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AA8FhE,UAAU,oBAAoB;IAC5B,aAAa,EAAE,CAAC,sBAAsB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxD,iBAAiB,EAAE,gBAAgB,EAAE,CAAA;IACrC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0d1D,CAAA;AAED,eAAe,eAAe,CAAA"}