0xtrails 0.16.1 → 0.17.0

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

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-import { TransactionStatusInfo } from '../../hooks/useMeldTransactionStatus.js';
-export interface MeldTransactionStatusProps {
-    sessionId?: string | null;
-    transactionId?: string | null;
-    externalSessionId?: string | null;
-    className?: string;
-    onStatusChange?: (status: TransactionStatusInfo) => void;
-    onWindowClosed?: () => void;
-    showTimeElapsed?: boolean;
-    showPopupOpened?: boolean;
-    isPopupOpen?: boolean;
-    onSetWindowRef?: (setWindowRef: (ref: Window | null) => void) => void;
-}
-/**
- * Component that displays the current status of a Meld transaction
- * with loading indicators, success/failure states, and time elapsed tracking
- */
-export declare function MeldTransactionStatus({ sessionId, transactionId, externalSessionId, className, onStatusChange, onWindowClosed, showTimeElapsed, showPopupOpened, isPopupOpen, onSetWindowRef, }: MeldTransactionStatusProps): React.ReactElement | null;
-//# sourceMappingURL=MeldTransactionStatus.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MeldTransactionStatus.d.ts","sourceRoot":"","sources":["../../../src/widget/components/MeldTransactionStatus.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,yCAAyC,CAAA;AAIhD,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACxD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,KAAK,IAAI,CAAA;CACtE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,SAAc,EACd,cAAc,EACd,cAAc,EACd,eAAsB,EACtB,eAAuB,EACvB,WAAmB,EACnB,cAAc,GACf,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAoJxD"}

package/dist/widget/components/MeldTransactionStatus.js

@@ -1,157 +0,0 @@
-import { getFullErrorMessage as w } from "../../error.js";
-import { formatDuration as C } from "../../utils/time.js";
-import { getChainName as P } from "../../chains.js";
-import k from "./TokenImage.js";
-import { useMeldTransactionStatus as E } from "../../hooks/useMeldTransactionStatus.js";
-import { useEffect as x, useState as T } from "react";
-import { Fragment as M, jsx as e, jsxs as r } from "react/jsx-runtime";
-import { AlertTriangle as S, CheckCircle as A, Clock as f, ExternalLink as F, Loader2 as p, XCircle as L } from "lucide-react";
-function B({ sessionId: a, transactionId: s, externalSessionId: i, className: c = "", onStatusChange: h, onWindowClosed: y, showTimeElapsed: o = !0, showPopupOpened: d = !1, isPopupOpen: m = !1, onSetWindowRef: l }) {
-  const [b, N] = T(!1), { state: n, statusInfo: t, timeElapsed: u, isLoading: v, setWindowRef: g } = E({
-    sessionId: a,
-    transactionId: s,
-    externalSessionId: i,
-    enabled: !!a || !!s || !!i,
-    trackTimeElapsed: o,
-    onStatusChange: h,
-    onWindowClosed: y,
-    popupOpened: m
-  });
-  return x(() => {
-    l && l(g);
-  }, [l, g]), x(() => {
-    N(!0);
-  }, []), !b || !a && !s && !i && !d ? null : n === "idle" && d && m ? /* @__PURE__ */ r("div", {
-    className: `flex items-center gap-3 p-4 rounded-lg border transition-all duration-200 bg-blue-50 border-blue-200 text-blue-800 ${c}`,
-    children: [/* @__PURE__ */ e("div", {
-      className: "flex-shrink-0",
-      children: /* @__PURE__ */ e(F, { className: "w-4 h-4 text-blue-600" })
-    }), /* @__PURE__ */ r("div", {
-      className: "flex-1 min-w-0",
-      children: [/* @__PURE__ */ e("div", {
-        className: "flex items-center gap-2",
-        children: /* @__PURE__ */ e("span", {
-          className: "text-sm font-medium trails-text-primary",
-          children: "Payment Window Opened"
-        })
-      }), /* @__PURE__ */ e("p", {
-        className: "text-xs trails-text-secondary mt-1",
-        children: "Complete your payment to continue..."
-      })]
-    })]
-  }) : n === "idle" ? null : /* @__PURE__ */ r("div", {
-    className: `flex items-center gap-3 p-4 rounded-lg border transition-all duration-200 ${W(n)} ${c}`,
-    children: [/* @__PURE__ */ e("div", {
-      className: "flex-shrink-0",
-      children: $(n, v)
-    }), /* @__PURE__ */ r("div", {
-      className: "flex-1 min-w-0",
-      children: [
-        /* @__PURE__ */ r("div", {
-          className: "flex items-center gap-2",
-          children: [/* @__PURE__ */ e("span", {
-            className: "text-sm font-medium trails-text-primary",
-            children: j(n)
-          }), o && u > 0 && n === "polling" && /* @__PURE__ */ r("div", {
-            className: "flex items-center gap-1 text-xs trails-text-tertiary",
-            children: [/* @__PURE__ */ e(f, { className: "w-3 h-3" }), /* @__PURE__ */ e("span", { children: C(u) })]
-          })]
-        }),
-        /* @__PURE__ */ e("p", {
-          className: "text-xs trails-text-secondary mt-1",
-          children: t.message
-        }),
-        n === "success" && t.transaction && /* @__PURE__ */ e("div", {
-          className: "mt-2 flex items-center gap-1.5 text-xs trails-text-tertiary",
-          children: t.transaction.destinationAmount && t.transaction.destinationCurrencyCode && /* @__PURE__ */ r(M, { children: [/* @__PURE__ */ e(k, {
-            symbol: t.transaction.destinationCurrencyCode?.split("_")[0] || t.transaction.destinationCurrencyCode,
-            chainId: t.transaction.destinationChainId,
-            size: 14
-          }), /* @__PURE__ */ r("span", { children: [
-            t.transaction.destinationAmount,
-            " ",
-            t.transaction.destinationCurrencyCode,
-            t.transaction.destinationChainId && /* @__PURE__ */ r("span", {
-              className: "text-gray-500",
-              children: [
-                " ",
-                "on",
-                " ",
-                P(t.transaction.destinationChainId)
-              ]
-            }),
-            t.transaction.serviceProvider && /* @__PURE__ */ r("span", {
-              className: "ml-1",
-              children: [
-                " ",
-                "via",
-                " ",
-                t.transaction.serviceProvider.toUpperCase()
-              ]
-            })
-          ] })] })
-        }),
-        (n === "error" || n === "failed") && /* @__PURE__ */ r("div", {
-          className: "mt-2 text-xs text-red-600",
-          children: [t.error ? w(t.error) : null, t.transaction?.serviceProvider && /* @__PURE__ */ r("div", {
-            className: "mt-1",
-            children: ["Provider: ", t.transaction.serviceProvider]
-          })]
-        })
-      ]
-    })]
-  });
-}
-function $(a, s) {
-  switch (a) {
-    case "polling":
-      return /* @__PURE__ */ e(p, { className: "w-4 h-4 animate-spin text-blue-600" });
-    case "success":
-      return /* @__PURE__ */ e(A, { className: "w-4 h-4 text-green-600" });
-    case "failed":
-    case "error":
-      return /* @__PURE__ */ e(L, { className: "w-4 h-4 text-red-600" });
-    case "window-closed":
-      return /* @__PURE__ */ e(S, { className: "w-4 h-4 text-orange-600" });
-    default:
-      return s ? /* @__PURE__ */ e(p, { className: "w-4 h-4 animate-spin text-gray-400" }) : /* @__PURE__ */ e(f, { className: "w-4 h-4 text-gray-400" });
-  }
-}
-function j(a) {
-  switch (a) {
-    case "opening":
-      return "Payment Window Opened";
-    case "polling":
-      return "Processing Payment";
-    case "success":
-      return "Payment Completed";
-    case "failed":
-      return "Payment Failed";
-    case "error":
-      return "Connection Error";
-    case "window-closed":
-      return "Payment Window Closed";
-    default:
-      return "Payment Status";
-  }
-}
-function W(a) {
-  switch (a) {
-    case "success":
-      return "bg-green-50 border-green-200 text-green-800";
-    case "failed":
-    case "error":
-      return "bg-red-50 border-red-200 text-red-800";
-    case "window-closed":
-      return "bg-orange-50 border-orange-200 text-orange-800";
-    case "polling":
-      return "bg-blue-50 border-blue-200 text-blue-800";
-    case "opening":
-      return "bg-yellow-50 border-yellow-200 text-yellow-800";
-    default:
-      return "bg-gray-50 border-gray-200 text-gray-800";
-  }
-}
-export {
-  B as MeldTransactionStatus
-};

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

@@ -1,9 +0,0 @@
-type MeshExchangeAccountHeaderProps = {
-    exchangeName?: string;
-    exchangeKey?: string;
-    exchangeImageUrl?: string;
-    connectedAccountName?: string;
-};
-export declare function MeshExchangeAccountHeader({ exchangeName, exchangeKey, exchangeImageUrl, connectedAccountName, }: MeshExchangeAccountHeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MeshExchangeAccountHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MeshExchangeAccountHeader.d.ts","sourceRoot":"","sources":["../../../src/widget/components/MeshExchangeAccountHeader.tsx"],"names":[],"mappings":"AAEA,KAAK,8BAA8B,GAAG;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,8BAA8B,2CA2BhC"}

package/dist/widget/components/MeshExchangeAccountHeader.js

@@ -1,30 +0,0 @@
-import { MeshExchangeIcon as c } from "../../onramp/mesh/components/MeshExchangeIcon.js";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-function i({ exchangeName: s, exchangeKey: t, exchangeImageUrl: o, connectedAccountName: r }) {
-  const a = s || "Exchange";
-  return /* @__PURE__ */ e("div", {
-    className: "mb-3 rounded-xl border border-solid border-gray-200 p-3 dark:border-gray-700",
-    children: /* @__PURE__ */ d("div", {
-      className: "flex items-center gap-3",
-      children: [/* @__PURE__ */ e(c, {
-        exchangeKey: t,
-        exchangeName: a,
-        exchangeImageUrl: o,
-        className: "h-10 w-10 rounded-full border border-solid border-gray-200 dark:border-gray-700",
-        imageClassName: "h-7 w-7 object-contain"
-      }), /* @__PURE__ */ d("div", {
-        className: "min-w-0",
-        children: [/* @__PURE__ */ e("p", {
-          className: "truncate text-sm font-semibold text-gray-900 dark:text-white",
-          children: a
-        }), r && /* @__PURE__ */ e("p", {
-          className: "truncate text-sm text-gray-500 dark:text-gray-400",
-          children: r
-        })]
-      })]
-    })
-  });
-}
-export {
-  i as MeshExchangeAccountHeader
-};

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

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-interface ModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    children: React.ReactNode;
-}
-declare const Modal: React.FC<ModalProps>;
-export default Modal;
-//# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/widget/components/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyE/B,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/widget/components/Modal.js

@@ -1,65 +0,0 @@
-import { useEffect as o, useRef as d } from "react";
-import { AnimatePresence as m, m as r } from "motion/react";
-import { Fragment as f, jsx as a, jsxs as u } from "react/jsx-runtime";
-var v = ({ isOpen: i, onClose: t, children: l }) => {
-  const n = d(null);
-  o(() => {
-    const e = (s) => {
-      s.key === "Escape" && t();
-    };
-    return i && document.addEventListener("keydown", e), () => {
-      document.removeEventListener("keydown", e);
-    };
-  }, [i, t]);
-  const c = (e) => {
-    n.current && !n.current.contains(e.target) && t();
-  };
-  return /* @__PURE__ */ a(m, { children: i && /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ a(r.div, {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: { duration: 0.2 },
-    className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50 h-full w-full",
-    onClick: t
-  }), /* @__PURE__ */ a("div", {
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-labelledby": "modal-title",
-    className: "fixed inset-0 flex items-center justify-center z-50 p-0 sm:p-4 h-full w-full text-gray-900 dark:text-white",
-    onClick: c,
-    onKeyDown: (e) => {
-      e.key === "Escape" && t?.();
-    },
-    children: /* @__PURE__ */ a(r.div, {
-      ref: n,
-      initial: {
-        opacity: 0,
-        scale: 0.95,
-        y: 10
-      },
-      animate: {
-        opacity: 1,
-        scale: 1,
-        y: 0
-      },
-      exit: {
-        opacity: 0,
-        scale: 0.95,
-        y: 10
-      },
-      transition: {
-        type: "spring",
-        stiffness: 400,
-        damping: 25,
-        mass: 0.8
-      },
-      className: "pointer-events-auto relative",
-      layoutId: "modal-content",
-      layout: "preserve-aspect",
-      children: l
-    })
-  })] }) });
-};
-export {
-  v as default
-};

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

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-interface OFTProgressBarProps {
-    /** Timestamp when the deposit was confirmed */
-    depositConfirmedAt: number;
-    /** Estimated total duration in seconds */
-    estimatedDurationSeconds: number;
-    /** Whether to show with animation */
-    showContent?: boolean;
-}
-/**
- * Progress bar component for OFT (LayerZero) transfers.
- * Shows a 20-minute countdown after the deposit is confirmed.
- */
-export declare const OFTProgressBar: React.FC<OFTProgressBarProps>;
-export default OFTProgressBar;
-//# sourceMappingURL=OFTProgressBar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OFTProgressBar.d.ts","sourceRoot":"","sources":["../../../src/widget/components/OFTProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,mBAAmB;IAC3B,+CAA+C;IAC/C,kBAAkB,EAAE,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,wBAAwB,EAAE,MAAM,CAAA;IAChC,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqExD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/widget/components/OFTProgressBar.js

@@ -1,49 +0,0 @@
-import { formatDuration as x } from "../../utils/time.js";
-import { useEffect as b, useState as g } from "react";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-var N = ({ depositConfirmedAt: i, estimatedDurationSeconds: r, showContent: d = !0 }) => {
-  const e = Number.isFinite(r) && r > 0, a = e ? r : 0, n = a * 1e3, [f, l] = g(0), [o, c] = g(Math.ceil(a / 60));
-  return b(() => {
-    if (!e) {
-      l(0), c(0);
-      return;
-    }
-    const u = () => {
-      const m = Date.now() - i, y = Math.min(m / n * 100, 100), h = Math.max(0, Math.ceil((n - m) / 6e4));
-      l(y), c(h);
-    };
-    u();
-    const p = setInterval(u, 1e3);
-    return () => clearInterval(p);
-  }, [
-    i,
-    e,
-    n
-  ]), e ? /* @__PURE__ */ s("div", {
-    className: `w-full max-w-sm transition-all duration-500 ease-out mt-4 ${d ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-    children: [
-      /* @__PURE__ */ s("div", {
-        className: "flex justify-between text-sm text-gray-600 dark:text-gray-400 mb-2",
-        children: [/* @__PURE__ */ t("span", { children: "Bridging via LayerZero" }), /* @__PURE__ */ t("span", { children: o > 0 ? `${o} min remaining` : "completing soon" })]
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "w-full h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden",
-        children: /* @__PURE__ */ t("div", {
-          className: "h-full bg-blue-500 dark:bg-blue-400 transition-all duration-1000",
-          style: { width: `${f}%` }
-        })
-      }),
-      /* @__PURE__ */ s("p", {
-        className: "text-xs text-gray-500 dark:text-gray-400 mt-2 text-center",
-        children: [
-          "LayerZero OFT transfers typically complete in about",
-          " ",
-          x(a)
-        ]
-      })
-    ]
-  }) : null;
-};
-export {
-  N as default
-};

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

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-import { MeldQuote } from '../../meld/utils/meld.js';
-import { PrepareSendQuote } from '../../prepareSend.js';
-interface OnRampProviderSelectorProps {
-    providers: MeldQuote[];
-    selectedProvider: MeldQuote | null;
-    setSelectedProvider: (provider: MeldQuote) => void;
-    trailsQuote: PrepareSendQuote | null;
-    isRefetching?: boolean;
-}
-export declare const OnRampProviderSelector: React.FC<OnRampProviderSelectorProps>;
-export default OnRampProviderSelector;
-//# sourceMappingURL=OnRampProviderSelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OnRampProviderSelector.d.ts","sourceRoot":"","sources":["../../../src/widget/components/OnRampProviderSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAE5D,UAAU,2BAA2B;IACnC,SAAS,EAAE,SAAS,EAAE,CAAA;IACtB,gBAAgB,EAAE,SAAS,GAAG,IAAI,CAAA;IAClC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;IAClD,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAoPxE,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/widget/components/OnRampProviderSelector.js

@@ -1,144 +0,0 @@
-import { isValidNumber as p } from "../../utils/validation.js";
-import { formatUnits as A } from "viem";
-import { useEffect as w, useRef as f, useState as T } from "react";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { ChevronDown as P } from "lucide-react";
-var R = ({ providers: r, selectedProvider: s, trailsQuote: n, setSelectedProvider: o, isRefetching: g }) => {
-  const [m, c] = T(!1), l = f(null), h = f(null), y = r?.[0] ?? null;
-  if (w(() => {
-    r && r.length > 0 && !s && o(r[0]);
-  }, [
-    r,
-    s,
-    o
-  ]), g || !r || r.length === 0) return null;
-  const b = (t) => {
-    o(t), c(!1);
-  }, d = s || r[0], N = () => {
-    if (!s?.destinationAmount || !n?.destinationAmount || !n?.destinationToken?.decimals) return 0;
-    const t = Number(s.destinationAmount), a = Number(A(BigInt(n.destinationAmount), n.destinationToken.decimals));
-    return t === 0 ? 0 : a / t;
-  }, k = (t) => {
-    if (!n?.destinationToken?.symbol) return "0";
-    const a = N();
-    return a === 0 ? "0" : `${(Number(t.destinationAmount) * a).toFixed(6)} ${n.destinationToken.symbol}`;
-  }, v = (t) => `$${Number(t.destinationAmount).toFixed(2)}`, x = () => {
-    if (n?.destinationToken?.symbol?.toUpperCase() === "USDC" && n?.destinationAmountFormatted) {
-      const t = parseFloat(n.destinationAmountFormatted);
-      if (p(t)) return `$${t.toFixed(2)}`;
-    }
-    return n?.destinationAmountUsdDisplay ? n.destinationAmountUsdDisplay : "$0";
-  }, u = () => !n?.destinationAmountFormatted || !n?.destinationToken?.symbol ? "0" : `${n.destinationAmountDisplay} ${n.destinationToken.symbol}`;
-  return r.length === 1 && d ? /* @__PURE__ */ e("div", {
-    className: "space-y-1",
-    ref: l,
-    children: /* @__PURE__ */ i("div", {
-      className: "p-2",
-      children: [/* @__PURE__ */ e("div", {
-        className: "flex justify-between items-center mb-2",
-        children: /* @__PURE__ */ e("div", {
-          className: "text-xs font-medium trails-text-primary",
-          children: "Onramp Provider"
-        })
-      }), /* @__PURE__ */ e("div", {
-        className: "mt-2 p-3 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",
-        children: /* @__PURE__ */ i("div", {
-          className: "flex items-center justify-between",
-          children: [/* @__PURE__ */ e("div", {
-            className: "flex items-center gap-2",
-            children: /* @__PURE__ */ i("div", {
-              className: "flex flex-col",
-              children: [/* @__PURE__ */ e("div", {
-                className: "text-sm font-medium text-gray-900 dark:text-white",
-                children: d.serviceProvider
-              }), d === y && /* @__PURE__ */ e("span", {
-                className: "ml-2 text-xs text-green-600 dark:text-green-400",
-                children: "(Recommended)"
-              })]
-            })
-          }), /* @__PURE__ */ i("div", {
-            className: "text-right",
-            children: [/* @__PURE__ */ e("div", {
-              className: "text-sm font-medium text-gray-900 dark:text-white",
-              children: u()
-            }), /* @__PURE__ */ e("div", {
-              className: "text-xs text-gray-500 dark:text-gray-400",
-              children: x()
-            })]
-          })]
-        })
-      })]
-    })
-  }) : /* @__PURE__ */ e("div", {
-    ref: l,
-    children: /* @__PURE__ */ i("div", {
-      className: "p-2",
-      children: [/* @__PURE__ */ i("button", {
-        className: "w-full flex justify-between items-center mb-2 cursor-pointer",
-        type: "button",
-        onClick: () => c(!m),
-        children: [/* @__PURE__ */ e("div", {
-          className: "text-sm font-semibold text-gray-900 dark:text-white",
-          children: "Onramp Provider"
-        }), /* @__PURE__ */ i("div", {
-          className: "flex items-center gap-2",
-          children: [d && /* @__PURE__ */ e("div", {
-            className: "text-sm font-medium text-gray-600 dark:text-gray-400",
-            children: d.serviceProvider
-          }), /* @__PURE__ */ e(P, { className: `w-3 h-3 transition-transform duration-300 ease-out text-gray-600 dark:text-gray-400 ${m ? "rotate-180" : ""}` })]
-        })]
-      }), /* @__PURE__ */ e("div", {
-        ref: h,
-        className: `overflow-auto transition-all duration-300 ease-out ${m ? "max-h-[250px] opacity-100" : "max-h-0 opacity-0"}`,
-        children: /* @__PURE__ */ e("div", {
-          className: "mt-2 space-y-1",
-          children: r.map((t) => {
-            const a = s?.serviceProvider === t.serviceProvider;
-            return /* @__PURE__ */ e("button", {
-              type: "button",
-              onClick: () => b(t),
-              className: `w-full p-3 rounded-lg border transition-all cursor-pointer ${a ? "bg-blue-50 dark:bg-blue-900/20 border-blue-300 dark:border-blue-700" : "bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-750"}`,
-              children: /* @__PURE__ */ i("div", {
-                className: "flex items-center justify-between",
-                children: [/* @__PURE__ */ e("div", {
-                  className: "flex items-center gap-2",
-                  children: /* @__PURE__ */ i("div", {
-                    className: "text-left",
-                    children: [/* @__PURE__ */ e("div", {
-                      className: "text-sm font-medium text-gray-900 dark:text-white",
-                      children: t.serviceProvider
-                    }), r[0]?.serviceProvider === t.serviceProvider && /* @__PURE__ */ e("span", {
-                      className: "text-xs text-green-600 dark:text-green-400",
-                      children: "(Recommended)"
-                    })]
-                  })
-                }), a ? /* @__PURE__ */ i("div", {
-                  className: "text-right",
-                  children: [/* @__PURE__ */ e("div", {
-                    className: "text-sm font-medium text-gray-900 dark:text-white",
-                    children: u()
-                  }), /* @__PURE__ */ e("div", {
-                    className: "text-xs text-gray-500 dark:text-gray-400",
-                    children: x()
-                  })]
-                }) : /* @__PURE__ */ i("div", {
-                  className: "text-right",
-                  children: [/* @__PURE__ */ e("div", {
-                    className: "text-sm font-medium text-gray-900 dark:text-white",
-                    children: k(t)
-                  }), /* @__PURE__ */ e("div", {
-                    className: "text-xs text-gray-500 dark:text-gray-400",
-                    children: v(t)
-                  })]
-                })]
-              })
-            }, t.serviceProvider);
-          })
-        })
-      })]
-    })
-  });
-};
-export {
-  R as default
-};

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

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-interface OnrampErrorScreenProps {
-    onTryAgain?: () => void;
-    onBack?: () => void;
-    onRetry?: () => void;
-    intentId?: string | undefined | null;
-    title?: string;
-    message?: string;
-    showAnimation?: boolean;
-    transactionStatus?: string;
-    transactionError?: string;
-}
-export declare const OnrampErrorScreen: React.FC<OnrampErrorScreenProps>;
-export default OnrampErrorScreen;
-//# sourceMappingURL=OnrampErrorScreen.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OnrampErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/widget/components/OnrampErrorScreen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+I9D,CAAA;AAED,eAAe,iBAAiB,CAAA"}