0xtrails 0.16.1 → 0.17.0

package/dist/widget/components/WalletAccountHeader.js

@@ -1,45 +0,0 @@
-import { truncateAddress as s } from "../../utils/address.js";
-import i from "./CopyButton.js";
-import { AddressWalletIcon as c } from "./AddressWalletIcon.js";
-import { useMemo as m } from "react";
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { ArrowLeftRight as l } from "lucide-react";
-function f({ walletAddress: e, label: o = "Wallet", onSwitchWallet: n }) {
-  const a = m(() => s(e), [e]);
-  return e ? /* @__PURE__ */ r("div", {
-    className: "mb-3 rounded-xl border border-solid border-gray-200 p-3 dark:border-gray-700",
-    children: /* @__PURE__ */ t("div", {
-      className: "flex items-center justify-between gap-3",
-      children: [/* @__PURE__ */ t("div", {
-        className: "flex min-w-0 items-center gap-3",
-        children: [/* @__PURE__ */ r(c, {
-          size: 40,
-          walletAddress: e
-        }), /* @__PURE__ */ t("div", {
-          className: "min-w-0",
-          children: [/* @__PURE__ */ r("p", {
-            className: "truncate text-sm font-semibold text-gray-900 dark:text-white",
-            children: o
-          }), /* @__PURE__ */ r(i, {
-            text: e,
-            size: "sm",
-            iconColor: "#6b7280",
-            className: "!bg-transparent !px-0 !py-0 text-sm text-gray-500 transition-colors hover:text-gray-700 !hover:bg-transparent dark:text-gray-400 dark:hover:text-gray-200 dark:!hover:bg-transparent",
-            buttonContent: /* @__PURE__ */ r("span", {
-              className: "truncate",
-              children: a
-            })
-          })]
-        })]
-      }), n && /* @__PURE__ */ t("button", {
-        type: "button",
-        onClick: n,
-        className: "inline-flex shrink-0 cursor-pointer items-center gap-1 rounded-full px-3 py-1.5 text-sm font-medium trails-bg-secondary trails-hover-bg transition-colors",
-        children: [/* @__PURE__ */ r(l, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ r("span", { children: "Switch" })]
-      })]
-    })
-  }) : null;
-}
-export {
-  f as WalletAccountHeader
-};

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

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { PrepareSendQuote } from '../../prepareSend.js';
-import { OnrampQuote } from '../../hooks/useOnRampQuote.js';
-interface WalletConfirmationProps {
-    onBack?: () => void;
-    onComplete: () => void;
-    retryEnabled?: boolean;
-    expiredQuoteEnabled?: boolean;
-    onRetry?: () => void;
-    quote?: PrepareSendQuote | null;
-    onRampQuote?: OnrampQuote | null;
-}
-export declare const WalletConfirmation: React.FC<WalletConfirmationProps>;
-export default WalletConfirmation;
-//# sourceMappingURL=WalletConfirmation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WalletConfirmation.d.ts","sourceRoot":"","sources":["../../../src/widget/components/WalletConfirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAMhE,UAAU,uBAAuB;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwNhE,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/widget/components/WalletConfirmation.js

@@ -1,145 +0,0 @@
-import { logger as g } from "../../logger/index.js";
-import { MINUTE_MS as T } from "../../utils/time.js";
-import C from "./TokenImage.js";
-import { ErrorAnimationIcon as W } from "./ErrorAnimationIcon.js";
-import F from "./QuoteDetails.js";
-import I from "./WaasFeeOptions.js";
-import { useEffect as y, useMemo as O, useState as l } from "react";
-import { useConnection as A } from "@0xtrails/wallet";
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { ChevronLeft as L, TriangleAlert as S } from "lucide-react";
-var B = ({ retryEnabled: a = !1, expiredQuoteEnabled: o = !1, onRetry: u, onBack: c, quote: t, onRampQuote: b }) => {
-  const [i, k] = l(!1), [w, h] = l(!1), [f, v] = l(!1), [x, p] = l(!1), [d, N] = l(!1), { activeConnection: s } = A();
-  y(() => {
-    p(!1), k(!0);
-  }, []), y(() => {
-    if (h(!1), a || o) return;
-    const n = setTimeout(() => {
-      h(!0);
-    }, 2 * T);
-    return () => clearTimeout(n);
-  }, [o, a]);
-  const m = O(() => {
-    const n = s?.walletBehavior.requiresFeeOptions ?? !1;
-    return g.console.log("[trails-sdk] Sequence Embedded detection:", {
-      walletId: s?.walletId || "",
-      walletName: s?.walletName || "",
-      isSequenceEmbedded: n,
-      wallet: s?.walletName
-    }), n;
-  }, [s]);
-  return /* @__PURE__ */ r("div", {
-    className: "space-y-6",
-    children: [/* @__PURE__ */ e("div", {
-      className: "flex items-center relative",
-      children: /* @__PURE__ */ e("button", {
-        type: "button",
-        onClick: c,
-        className: "absolute left-0 top-0 p-2 rounded-full transition-colors cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 hover:trails-hover-bg text-gray-600 dark:text-gray-400",
-        children: /* @__PURE__ */ e(L, { className: "h-6 w-6" })
-      })
-    }), /* @__PURE__ */ r("div", {
-      className: "flex flex-col justify-center min-h-full space-y-6 pt-8",
-      children: [
-        /* @__PURE__ */ r("div", {
-          className: "text-center",
-          children: [
-            /* @__PURE__ */ r("div", {
-              className: `mx-auto flex items-center justify-center transition-all duration-500 ease-out relative mb-4 ${i ? "transform -translate-y-8" : ""}`,
-              children: [o ? /* @__PURE__ */ e("div", {
-                className: "flex items-center justify-center h-24 w-24",
-                children: /* @__PURE__ */ e(S, { className: "h-16 w-16 text-amber-500" })
-              }) : d ? /* @__PURE__ */ e(W, {}) : a ? /* @__PURE__ */ e("div", { className: "h-24 w-24" }) : /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-24 w-24 border-solid border-b-2 border-blue-500 dark:border-blue-400" }), !(d || o) && (!!t?.originToken?.symbol || !!t?.originToken?.imageUrl) && /* @__PURE__ */ e("div", {
-                className: "absolute",
-                children: /* @__PURE__ */ e(C, {
-                  imageUrl: t?.originToken.imageUrl,
-                  symbol: t?.originToken.symbol,
-                  chainId: t?.originChain.id,
-                  contractAddress: t?.originToken.contractAddress,
-                  size: 64
-                })
-              })]
-            }),
-            /* @__PURE__ */ r("div", {
-              className: `mb-2 transition-all duration-500 ease-out ${i ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-              children: [/* @__PURE__ */ e("h2", {
-                className: "text-xl font-bold text-gray-900 dark:text-white",
-                children: o ? "Quote expired" : a ? "Try again" : m ? f ? "Waiting for wallet…" : x ? "Waiting for fee selection…" : d ? "No fee token found" : "Waiting for fee options…" : "Waiting for wallet…"
-              }), /* @__PURE__ */ e("p", {
-                className: "mt-2 text-sm text-gray-600 dark:text-gray-300",
-                children: o ? "This quote took too long and is no longer valid. Go back to fetch a fresh quote." : !m || f ? "Please approve the request in your wallet" : ""
-              })]
-            }),
-            m && !(a || o) && /* @__PURE__ */ e("div", {
-              className: `mb-2 mt-4 transition-all duration-500 ease-out ${i ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-              children: /* @__PURE__ */ e(I, {
-                chainId: t?.originChain.id,
-                originTokenAmount: t?.originAmount,
-                originToken: t?.originToken,
-                setIsFeeOptionConfirmed: v,
-                setIsError: N,
-                onFeeOptionsLoaded: () => {
-                  g.console.log("[trails-sdk] Fee options loaded callback called"), p(!0);
-                }
-              })
-            })
-          ]
-        }),
-        w && /* @__PURE__ */ e("div", {
-          className: `transition-all duration-500 ease-out delay-150 ${i ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-          children: /* @__PURE__ */ e("div", {
-            className: "p-4 trails-border-radius-container text-sm bg-yellow-50 border border-solid border-yellow-200 dark:bg-yellow-900/20 dark:border-yellow-700/50",
-            children: /* @__PURE__ */ r("div", {
-              className: "flex items-start space-x-3",
-              children: [/* @__PURE__ */ r("svg", {
-                className: "w-5 h-5 mt-0.5 shrink-0 text-yellow-600 dark:text-yellow-400",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: [/* @__PURE__ */ e("title", { children: "Warning" }), /* @__PURE__ */ e("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
-                })]
-              }), /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ e("p", {
-                className: "font-medium text-yellow-800 dark:text-yellow-300",
-                children: "Request is taking longer than expected"
-              }), /* @__PURE__ */ e("p", {
-                className: "mt-1 text-xs text-yellow-700 dark:text-yellow-400",
-                children: "This transaction request is taking longer than expected. Please reach out to support for help if the issue persists."
-              })] })]
-            })
-          })
-        }),
-        o && c && /* @__PURE__ */ e("div", {
-          className: `mb-2 transition-all duration-500 ease-out delay-300 ${i ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-          children: /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: c,
-            className: "w-full px-4 py-2 trails-border-radius-button font-medium transition-colors cursor-pointer bg-blue-500 hover:bg-blue-600 text-white dark:bg-blue-600 dark:hover:bg-blue-700",
-            children: "Go back"
-          })
-        }),
-        a && u && /* @__PURE__ */ e("div", {
-          className: `mb-2 transition-all duration-500 ease-out delay-300 ${i ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-          children: /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: u,
-            className: "w-full px-4 py-2 trails-border-radius-button font-medium transition-colors cursor-pointer bg-blue-500 hover:bg-blue-600 text-white dark:bg-blue-600 dark:hover:bg-blue-700",
-            children: "Try Again"
-          })
-        }),
-        /* @__PURE__ */ e(F, {
-          quote: t,
-          onRampQuote: b,
-          showContent: !0,
-          compact: !0
-        })
-      ]
-    })]
-  });
-};
-export {
-  B as default
-};

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

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-export interface WalletConnectProps {
-    onBack?: () => void;
-    onContinue: () => void;
-    projectId?: string;
-    onReconnectPreviousWallet?: () => void;
-    selectedWalletId?: string;
-}
-export declare const WalletConnectScreen: FC<WalletConnectProps>;
-export default WalletConnectScreen;
-//# sourceMappingURL=WalletConnect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WalletConnect.d.ts","sourceRoot":"","sources":["../../../src/widget/components/WalletConnect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAA;AAMpD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AA6DD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,kBAAkB,CA0JtD,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/widget/components/WalletConnect.js

@@ -1,164 +0,0 @@
-import { ScreenHeader as v } from "./ScreenHeader.js";
-import N from "./CopyButton.js";
-import { useIsMobile as C } from "../../hooks/useIsMobile.js";
-import { QrCode as k } from "./QrCode.js";
-import { useEffect as f, useState as p } from "react";
-import { Fragment as j, jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useWalletConnectScreen as S } from "@0xtrails/wallet/runtime";
-function b({ iconUrl: o, isMobile: i, label: m }) {
-  const [s, l] = p(!1);
-  return f(() => {
-    l(!0);
-  }, []), /* @__PURE__ */ e("output", {
-    className: "flex flex-col justify-center min-h-full space-y-6 pt-8",
-    "aria-live": "polite",
-    children: /* @__PURE__ */ t("div", {
-      className: "text-center",
-      children: [/* @__PURE__ */ t("div", {
-        className: `mx-auto flex items-center justify-center transition-all duration-500 ease-out relative mb-4 ${s ? "transform -translate-y-8" : ""}`,
-        children: [/* @__PURE__ */ e("div", {
-          className: "animate-spin motion-reduce:animate-none rounded-full h-24 w-24 border-solid border-b-2 border-blue-500 dark:border-blue-400",
-          "aria-hidden": "true"
-        }), /* @__PURE__ */ e("div", {
-          className: "absolute",
-          children: o ? /* @__PURE__ */ e("img", {
-            src: o,
-            alt: "",
-            className: "h-16 w-16 rounded-full object-contain"
-          }) : /* @__PURE__ */ e("div", { className: "h-16 w-16 rounded-full bg-gray-200 dark:bg-gray-700" })
-        })]
-      }), /* @__PURE__ */ t("div", {
-        className: `mb-2 transition-all duration-500 ease-out ${s ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-        children: [/* @__PURE__ */ e("h2", {
-          className: "text-xl font-bold text-gray-900 dark:text-white",
-          children: m
-        }), /* @__PURE__ */ e("p", {
-          className: "mt-2 text-sm text-gray-600 dark:text-gray-300",
-          children: i ? "Preparing a secure wallet link…" : "Preparing a secure WalletConnect QR code…"
-        })]
-      })]
-    })
-  });
-}
-var P = ({ onBack: o, onContinue: i, projectId: m, selectedWalletId: s }) => {
-  const [l, g] = p(!1), a = C(), { title: y, walletIcon: c, walletConnectUri: n, isWalletConnectConnected: d, mobileAction: r } = S({
-    walletId: s,
-    isMobile: a
-  }), u = n ? /* @__PURE__ */ e(k, {
-    url: n,
-    size: 220,
-    imageUrl: c
-  }) : null, h = /* @__PURE__ */ e(N, {
-    text: n || "",
-    className: "mt-3 px-0 py-0 hover:bg-transparent",
-    size: "md",
-    iconColor: "#2563EB",
-    buttonContent: /* @__PURE__ */ e("span", {
-      className: "text-blue-600 dark:text-blue-400 text-sm font-medium",
-      children: "Copy WalletConnect link"
-    })
-  });
-  f(() => {
-    if (!d) return;
-    const w = setTimeout(() => {
-      i();
-    }, 100);
-    return () => {
-      clearTimeout(w);
-    };
-  }, [d, i]);
-  const x = r ? r.onClick ? /* @__PURE__ */ e("button", {
-    type: "button",
-    onClick: () => {
-      r.onClick?.();
-    },
-    className: "w-full px-4 py-3 text-base transition-all duration-200 cursor-pointer hover:scale-[1.02] shadow-sm hover:shadow-md trails-border-radius-button font-medium trails-primary-button-bg trails-primary-button-text bg-blue-500 hover:bg-blue-600 text-white text-center",
-    children: r.label
-  }) : r.href ? /* @__PURE__ */ e("a", {
-    href: r.href,
-    className: "w-full px-4 py-3 text-base transition-all duration-200 cursor-pointer hover:scale-[1.02] shadow-sm hover:shadow-md trails-border-radius-button font-medium trails-primary-button-bg trails-primary-button-text bg-blue-500 hover:bg-blue-600 text-white text-center",
-    children: r.label
-  }) : null : null;
-  return /* @__PURE__ */ t("div", {
-    className: "flex flex-col h-full",
-    children: [/* @__PURE__ */ e(v, {
-      onBack: o,
-      headerContent: y,
-      headerContentAlign: "left",
-      rightSideContent: /* @__PURE__ */ e("div", { className: "w-9" })
-    }), /* @__PURE__ */ e("div", {
-      className: "flex-1 flex items-center justify-center",
-      children: /* @__PURE__ */ e("div", {
-        className: "text-center p-4 w-full sm:max-w-sm sm:mx-auto",
-        children: d && !n ? /* @__PURE__ */ e(b, {
-          iconUrl: c,
-          isMobile: a,
-          label: a ? "Preparing connection" : "Preparing QR code"
-        }) : n ? /* @__PURE__ */ e("div", {
-          className: "flex flex-col items-center",
-          children: a && x ? /* @__PURE__ */ t("div", {
-            className: "flex flex-col items-center w-full",
-            children: [
-              x,
-              /* @__PURE__ */ t("button", {
-                type: "button",
-                onClick: () => g(!l),
-                className: "mt-3 text-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 cursor-pointer flex items-center gap-1",
-                children: ["or scan QR code", /* @__PURE__ */ e("svg", {
-                  "aria-hidden": "true",
-                  className: `w-4 h-4 transition-transform ${l ? "rotate-180" : ""}`,
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ e("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M19 9l-7 7-7-7"
-                  })
-                })]
-              }),
-              l && /* @__PURE__ */ t("div", {
-                className: "mt-4 flex flex-col items-center w-full",
-                children: [
-                  /* @__PURE__ */ e("div", {
-                    className: "w-full max-w-[280px] border border-gray-200 dark:border-gray-700 rounded-3xl p-4 bg-white dark:bg-gray-900 mx-auto",
-                    children: /* @__PURE__ */ e("div", {
-                      className: "flex items-center justify-center",
-                      children: u
-                    })
-                  }),
-                  /* @__PURE__ */ e("p", {
-                    className: "mt-5 text-base font-semibold text-gray-900 dark:text-white",
-                    children: "Scan this QR code with your device"
-                  }),
-                  h
-                ]
-              })
-            ]
-          }) : /* @__PURE__ */ t(j, { children: [
-            /* @__PURE__ */ e("div", {
-              className: "w-full max-w-[280px] border border-gray-200 dark:border-gray-700 rounded-3xl p-4 bg-white dark:bg-gray-900 mx-auto",
-              children: /* @__PURE__ */ e("div", {
-                className: "flex items-center justify-center",
-                children: u
-              })
-            }),
-            /* @__PURE__ */ e("p", {
-              className: "mt-5 text-lg font-semibold text-gray-900 dark:text-white",
-              children: "Scan this QR code with your device"
-            }),
-            h
-          ] })
-        }) : /* @__PURE__ */ e(b, {
-          iconUrl: c,
-          isMobile: a,
-          label: a ? "Loading wallet link" : "Generating QR code"
-        })
-      })
-    })]
-  });
-};
-export {
-  P as default
-};

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

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-interface WalletConnectionPendingProps {
-    onBack?: () => void;
-    onRetry?: () => void;
-    selectedWalletId: string;
-    isConnecting: boolean;
-    error: string | null;
-    showRetry?: boolean;
-}
-export declare const WalletConnectionPending: React.FC<WalletConnectionPendingProps>;
-export default WalletConnectionPending;
-//# sourceMappingURL=WalletConnectionPending.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WalletConnectionPending.d.ts","sourceRoot":"","sources":["../../../src/widget/components/WalletConnectionPending.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,4BAA4B;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CAyJ7B,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/widget/components/WalletConnectionPending.js

@@ -1,124 +0,0 @@
-import { MINUTE_MS as y } from "../../utils/time.js";
-import { TRAILS_SUPPORT_URL as f } from "../../constants.js";
-import { useEffect as c, useState as d } from "react";
-import { Fragment as g, jsx as e, jsxs as t } from "react/jsx-runtime";
-import { ChevronLeft as v } from "lucide-react";
-import { getWalletIcon as k, getWalletName as w } from "@0xtrails/wallet/registry";
-var W = ({ onBack: u, onRetry: o, selectedWalletId: l, isConnecting: n, error: r, showRetry: h = !1 }) => {
-  const [a, m] = d(!1), [b, p] = d(!1), i = k(l), s = w(l) || l;
-  return c(() => {
-    m(!0);
-  }, []), c(() => {
-    const x = setTimeout(() => {
-      n && !r && p(!0);
-    }, 2 * y);
-    return () => clearTimeout(x);
-  }, [n, r]), /* @__PURE__ */ t("div", {
-    className: "space-y-6",
-    children: [/* @__PURE__ */ e("div", {
-      className: "flex items-center relative",
-      children: /* @__PURE__ */ e("button", {
-        type: "button",
-        onClick: u,
-        className: "absolute left-0 top-0 p-2 rounded-full transition-colors cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 hover:trails-hover-bg text-gray-600 dark:text-gray-400",
-        children: /* @__PURE__ */ e(v, { className: "h-6 w-6" })
-      })
-    }), /* @__PURE__ */ t("div", {
-      className: "flex flex-col justify-center min-h-full space-y-6 pt-8",
-      children: [
-        /* @__PURE__ */ t("div", {
-          className: "text-center",
-          children: [/* @__PURE__ */ t("div", {
-            className: `mx-auto flex items-center justify-center transition-all duration-500 ease-out relative mb-4 ${a ? "transform -translate-y-8" : ""}`,
-            children: [r ? /* @__PURE__ */ e("div", { className: "h-24 w-24" }) : /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-24 w-24 border-solid border-b-2 border-blue-500 dark:border-blue-400" }), /* @__PURE__ */ e("div", {
-              className: "absolute",
-              children: i ? /* @__PURE__ */ e("img", {
-                src: i,
-                alt: s,
-                className: "h-16 w-16"
-              }) : /* @__PURE__ */ e("div", {
-                className: "h-16 w-16 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center",
-                children: /* @__PURE__ */ e("span", {
-                  className: "text-2xl font-bold text-gray-600 dark:text-gray-400",
-                  children: s.charAt(0).toUpperCase()
-                })
-              })
-            })]
-          }), /* @__PURE__ */ t("div", {
-            className: `mb-2 transition-all duration-500 ease-out ${a ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-            children: [/* @__PURE__ */ e("h2", {
-              className: "text-xl font-bold text-gray-900 dark:text-white",
-              children: r ? "Connection failed" : `Waiting for ${s}…`
-            }), /* @__PURE__ */ e("p", {
-              className: "mt-2 text-sm text-gray-600 dark:text-gray-300",
-              children: r ? /* @__PURE__ */ t(g, { children: [
-                "There was an issue connecting to your wallet. Please try again.",
-                " ",
-                /* @__PURE__ */ e("a", {
-                  href: f,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 hover:underline",
-                  children: "Visit support"
-                }),
-                " ",
-                "if the issue persists."
-              ] }) : "Please approve the connection request in your wallet"
-            })]
-          })]
-        }),
-        b && !r && /* @__PURE__ */ e("div", {
-          className: `transition-all duration-500 ease-out delay-150 ${a ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-          children: /* @__PURE__ */ e("div", {
-            className: "p-4 trails-border-radius-container text-sm bg-yellow-50 border border-solid border-yellow-200 dark:bg-yellow-900/20 dark:border-yellow-700/50",
-            children: /* @__PURE__ */ t("div", {
-              className: "flex items-start space-x-3",
-              children: [/* @__PURE__ */ t("svg", {
-                className: "w-5 h-5 mt-0.5 flex-shrink-0 text-yellow-600 dark:text-yellow-400",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: [/* @__PURE__ */ e("title", { children: "Warning" }), /* @__PURE__ */ e("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
-                })]
-              }), /* @__PURE__ */ t("div", { children: [/* @__PURE__ */ e("p", {
-                className: "font-medium text-yellow-800 dark:text-yellow-300",
-                children: "Connection is taking longer than expected"
-              }), /* @__PURE__ */ t("p", {
-                className: "mt-1 text-xs text-yellow-700 dark:text-yellow-400",
-                children: [
-                  "This connection request is taking longer than expected.",
-                  " ",
-                  /* @__PURE__ */ e("a", {
-                    href: "https://support.trails.build/",
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    className: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 hover:underline",
-                    children: "Visit support"
-                  }),
-                  " ",
-                  "for help if the issue persists."
-                ]
-              })] })]
-            })
-          })
-        }),
-        (r || h) && o && /* @__PURE__ */ e("div", {
-          className: `mb-2 transition-all duration-500 ease-out delay-300 ${a ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-          children: /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: o,
-            className: "w-full px-4 py-2 trails-border-radius-button font-medium transition-colors cursor-pointer bg-blue-500 hover:bg-blue-600 text-white dark:bg-blue-600 dark:hover:bg-blue-700",
-            children: "Try Again"
-          })
-        })
-      ]
-    })]
-  });
-};
-export {
-  W as default
-};

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

@@ -1,16 +0,0 @@
-import { TrailsWalletNamespace } from '@0xtrails/wallet';
-import { default as React } from 'react';
-export interface WalletListOption {
-    icon?: string;
-    id: string;
-    name: string;
-    namespace?: TrailsWalletNamespace;
-}
-export interface WalletListProps {
-    onBack?: () => void;
-    onWalletSelect: (walletId: string) => void;
-    walletOptions: readonly WalletListOption[];
-}
-export declare const WalletList: React.FC<WalletListProps>;
-export default WalletList;
-//# sourceMappingURL=WalletList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WalletList.d.ts","sourceRoot":"","sources":["../../../src/widget/components/WalletList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAQ7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,qBAAqB,CAAA;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,aAAa,EAAE,SAAS,gBAAgB,EAAE,CAAA;CAC3C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuJhD,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/widget/components/WalletList.js

@@ -1,88 +0,0 @@
-import { useSupportsWidgetWalletSelection as g, useWidgetWalletRuntimeMode as y } from "../providers/WalletContext.js";
-import { ScreenHeader as v } from "./ScreenHeader.js";
-import { useMemo as d, useState as W } from "react";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { ChevronRight as N, Search as S, Wallet as w } from "lucide-react";
-import { isSequenceEmbeddedWalletId as C } from "@0xtrails/wallet/registry";
-import { getOrderedWalletListOptions as M, getRememberedNativeWalletIds as R, usePersistedNativeWalletState as j } from "@0xtrails/wallet/runtime";
-var k = ["eip155"], H = ({ onBack: h, onWalletSelect: f, walletOptions: l }) => {
-  const [r, x] = W(""), s = g(), n = y(), o = j(), m = n === "builtin-evm" ? R(o) : void 0, i = d(() => M({
-    activeRememberedWalletId: n === "builtin-evm" ? o.activeWalletId ?? null : null,
-    supportsWidgetWalletSelection: s,
-    rememberedWalletIds: m,
-    walletOptions: l,
-    namespaces: k
-  }), [
-    s,
-    o.activeWalletId,
-    m,
-    l,
-    n
-  ]), u = d(() => {
-    if (!r.trim()) return i;
-    const e = r.trim().toLowerCase();
-    return i.filter((p) => p.name.toLowerCase().includes(e) || p.id.toLowerCase().includes(e));
-  }, [i, r]), c = d(() => r.trim() ? { description: "No wallets found matching your search" } : i.length > 0 ? null : s ? {
-    title: "No connectable wallets are available",
-    description: l.some((e) => e.id === "injected") && l.every((e) => e.id === "injected" || C(e.id)) ? "This runtime only exposed a generic injected wallet connector. Trails cannot show that as a selectable wallet. Add WalletConnect or explicit wallet descriptors such as MetaMask or Coinbase Wallet." : "This runtime did not expose any wallet options that the widget can show. Add WalletConnect or explicit wallet descriptors to make the wallet list usable."
-  } : { description: "No wallets available" }, [
-    s,
-    i.length,
-    r,
-    l
-  ]), b = (e) => {
-    f(e);
-  };
-  return /* @__PURE__ */ a("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ t(v, {
-        headerContent: "Connect a Wallet",
-        headerContentAlign: "left",
-        onBack: h
-      }),
-      /* @__PURE__ */ a("div", {
-        className: "relative",
-        children: [/* @__PURE__ */ t(S, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 trails-text-tertiary" }), /* @__PURE__ */ t("input", {
-          type: "text",
-          placeholder: "Search wallets",
-          value: r,
-          onChange: (e) => x(e.target.value),
-          className: "w-full pl-10 pr-4 py-3 trails-border trails-border-radius-button trails-bg-secondary trails-text-primary placeholder-trails-text-tertiary focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-        })]
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "flex flex-col gap-3 max-h-[300px] overflow-y-auto trails-scrollbar",
-        children: u.length > 0 ? u.map((e) => /* @__PURE__ */ a("button", {
-          type: "button",
-          "data-wallet-id": e.id,
-          onClick: () => b(e.id),
-          className: "w-full flex items-center justify-between cursor-pointer font-semibold py-4 px-6 trails-border-radius-large-button transition-all duration-200 trails-list-item trails-text-primary",
-          children: [/* @__PURE__ */ a("div", {
-            className: "flex items-center space-x-3",
-            children: [e.icon ? /* @__PURE__ */ t("img", {
-              src: e.icon,
-              alt: e.name,
-              className: "h-6 w-6"
-            }) : /* @__PURE__ */ t(w, { className: "h-6 w-6 text-gray-600 dark:text-gray-400" }), /* @__PURE__ */ a("div", {
-              className: "flex items-center space-x-2",
-              children: [/* @__PURE__ */ t("span", { children: e.name }), e.isRecent ? /* @__PURE__ */ t("span", {
-                className: "text-xs bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-300 px-2 py-1 trails-border-radius-container font-normal",
-                children: "Recent"
-              }) : null]
-            })]
-          }), /* @__PURE__ */ t(N, { className: "h-5 w-5 text-gray-400" })]
-        }, e.id)) : /* @__PURE__ */ a("div", {
-          className: "space-y-2 p-4 text-left trails-border-radius-container trails-text-tertiary trails-bg-secondary",
-          children: [c?.title ? /* @__PURE__ */ t("p", {
-            className: "font-medium trails-text-primary",
-            children: c.title
-          }) : null, /* @__PURE__ */ t("p", { children: c?.description ?? "No wallets available" })]
-        })
-      })
-    ]
-  });
-};
-export {
-  H as default
-};