0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/AccountIntentTransactionHistory.js

@@ -1,426 +0,0 @@
-import { logger as ne } from "../../logger/index.js";
-import { isNativeToken as ae, truncateAddress as F } from "../../utils/address.js";
-import { formatRawAmount as oe } from "../../utils/format.js";
-import { useCommitIntent as se } from "../../mutations.js";
-import { ScreenHeader as le } from "./ScreenHeader.js";
-import E from "./Identicon.js";
-import ie from "./SearchInputField.js";
-import { useMeldServiceProviders as de } from "../../query/meld.hooks.js";
-import { HISTORY_FILTER_OPTIONS as ce, getHistoryEmptyMessage as me, getIntentStatuses as ue } from "../utils/historyFilters.js";
-import { useCombinedHistory as he } from "../../hooks/useCombinedHistory.js";
-import ge from "./OnrampHistoryRow.js";
-import xe from "./TransactionHistoryItem.js";
-import { useEffect as z, useMemo as T, useRef as U, useState as v } from "react";
-import { useConnectedWallets as _, useWalletClientForConnection as ye } from "@0xtrails/wallet";
-import { Fragment as q, jsx as e, jsxs as t } from "react/jsx-runtime";
-import { ChevronDown as fe } from "lucide-react";
-var D = 10;
-function O(n) {
-  return n?.tokenBalancesData?.tokens?.some((i) => BigInt(i.balance || "0") > 0n) ?? !1;
-}
-var be = ({ onBack: n, onRefresh: i, loading: c, effectiveAccountAddress: r, onWalletSelect: I, searchInput: a, setSearchInput: N, statusFilter: m, setStatusFilter: u, resetIntentPagination: d }) => {
-  const [h, g] = v(!1), x = U(null), w = _();
-  return /* @__PURE__ */ t(q, { children: [
-    /* @__PURE__ */ e(le, {
-      onBack: n,
-      headerContent: "History",
-      rightSideContent: /* @__PURE__ */ t("div", {
-        className: "flex items-center gap-2",
-        children: [/* @__PURE__ */ e("button", {
-          type: "button",
-          onClick: i,
-          disabled: c,
-          className: `p-2 rounded-md transition-colors cursor-pointer ${c ? "opacity-50 cursor-not-allowed text-gray-400 dark:text-gray-500" : "text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-200"} focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400`,
-          title: "Refresh",
-          children: /* @__PURE__ */ t("svg", {
-            className: `w-4 h-4 ${c ? "animate-spin" : ""}`,
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: [/* @__PURE__ */ e("title", { children: "Refresh" }), /* @__PURE__ */ e("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-            })]
-          })
-        }), w.length > 1 && r && /* @__PURE__ */ t("div", {
-          className: "relative",
-          ref: x,
-          children: [/* @__PURE__ */ t("button", {
-            type: "button",
-            onClick: () => g(!h),
-            className: "flex h-8 px-4 justify-between items-center gap-2 rounded-full border border-gray-300 bg-gray-50 dark:border-gray-600 dark:bg-gray-700 cursor-pointer transition-colors text-gray-900 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-600",
-            title: "Filter by wallet",
-            children: [/* @__PURE__ */ t("div", {
-              className: "flex items-center gap-2",
-              children: [/* @__PURE__ */ e(E, {
-                value: r,
-                size: 16
-              }), /* @__PURE__ */ e("span", {
-                className: "text-xs text-gray-600 dark:text-gray-400 font-medium whitespace-nowrap",
-                children: F(r, 4, 4)
-              })]
-            }), /* @__PURE__ */ e(fe, { className: "w-4 h-4" })]
-          }), h && /* @__PURE__ */ e("div", {
-            className: "absolute top-full right-0 mt-0.5 min-w-[140px] max-w-[180px] trails-bg-secondary border border-gray-200 dark:border-gray-700 rounded-xl shadow-lg z-20 whitespace-nowrap",
-            children: w.map((s) => /* @__PURE__ */ t("button", {
-              type: "button",
-              onClick: () => {
-                I(s), g(!1);
-              },
-              className: `w-full flex items-center gap-2 px-3 py-2 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors cursor-pointer first:rounded-t-xl last:rounded-b-xl ${r === s.address ? "bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400" : "text-gray-700 dark:text-gray-300"}`,
-              children: [/* @__PURE__ */ e(E, {
-                value: s.address,
-                size: 16
-              }), /* @__PURE__ */ e("span", {
-                className: "text-xs font-mono",
-                children: F(s.address, 4, 4)
-              })]
-            }, s.address))
-          })]
-        })]
-      })
-    }),
-    /* @__PURE__ */ e("div", {
-      className: "py-2 border-b border-gray-200 dark:border-gray-700 mb-2",
-      children: /* @__PURE__ */ e(ie, {
-        value: a,
-        onChange: N,
-        placeholder: "Search history or enter Intent ID (0x...)...",
-        rightAlignedComponent: /* @__PURE__ */ e("div", {
-          className: "flex items-center gap-1",
-          children: a && /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: () => N(""),
-            className: "p-2 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 transition-colors cursor-pointer",
-            title: "Clear search",
-            children: /* @__PURE__ */ t("svg", {
-              className: "w-4 h-4",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: [/* @__PURE__ */ e("title", { children: "Clear" }), /* @__PURE__ */ e("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M6 18L18 6M6 6l12 12"
-              })]
-            })
-          })
-        })
-      })
-    }),
-    /* @__PURE__ */ e("div", {
-      className: "py-2",
-      children: /* @__PURE__ */ e("div", {
-        className: "flex items-center gap-2 mt-2 overflow-x-auto scrollbar-hide",
-        children: ce.map((s) => /* @__PURE__ */ e("button", {
-          type: "button",
-          title: s.tooltip,
-          onClick: () => {
-            u(s.key), d();
-          },
-          className: `px-2 py-1.5 rounded-xl transition-colors cursor-pointer text-xs ${m === s.key ? s.activeClass : "trails-bg-secondary text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"}`,
-          children: /* @__PURE__ */ e("span", {
-            className: "text-xs font-medium whitespace-nowrap",
-            children: s.label
-          })
-        }, s.key))
-      })
-    })
-  ] });
-}, pe = ({ errors: n, refetch: i }) => /* @__PURE__ */ e(q, { children: (n.intent || n.onramp) && !(n.intent && n.onramp) && /* @__PURE__ */ e("div", {
-  className: "mx-4 mb-2 p-2 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-700 rounded-lg",
-  children: /* @__PURE__ */ t("p", {
-    className: "text-xs text-yellow-800 dark:text-yellow-200",
-    children: [n.intent && !n.onramp ? "Unable to load intent history. Showing onramp transactions only." : !n.intent && n.onramp ? "Unable to load onramp history. Showing intent transactions only." : "Some data could not be loaded.", /* @__PURE__ */ e("button", {
-      type: "button",
-      onClick: i,
-      className: "ml-2 underline hover:no-underline cursor-pointer",
-      children: "Retry"
-    })]
-  })
-}) }), $e = ({ accountAddress: n, className: i = "", onBack: c }) => {
-  const [r, I] = v(""), [a, N] = v("all"), [m, u] = v(null), [d, h] = v(null), g = _(), x = U(null), w = se(), { data: s = [] } = de();
-  z(() => {
-    m && m !== r && u(null);
-  }, [r, m]);
-  const V = r.startsWith("0x") && /^0x[a-fA-F0-9]+$/.test(r) && r.length >= 42, C = d?.address || n, G = ye(d?.connectionId, d?.address), Q = T(() => ue(a), [a]), L = d?.address;
-  z(() => {
-    L && (g.some((l) => l.address.toLowerCase() === L.toLowerCase()) || h(null));
-  }, [g, L]), ne.console.log("[AccountIntentTransactionHistory] Using account address:", C);
-  const { items: y, isOffline: Y, isLoading: f, errors: b, refetch: p, hasMore: J, nextPageIntent: K, prevPageIntent: X, hasPrevIntent: W, currentIntentPage: Z, refetchIntent: ee, resetIntentPagination: te, getFilteredAndSearchedItems: P } = he({
-    accountAddress: C,
-    intentPageSize: D,
-    enabled: !!C,
-    intentStatuses: Q
-  }), S = J.intent, re = T(() => {
-    const l = {};
-    for (const k of y)
-      if (!(k.type !== "intent" || !k.data.balances))
-        for (const B of k.data.balances) {
-          const H = B.intentAddress.toLowerCase(), j = B.tokens.map((o) => ({
-            symbol: o.symbol,
-            name: o.symbol,
-            decimals: o.decimals,
-            contractAddress: o.contractAddress,
-            chainId: o.chainId,
-            isNativeToken: ae(o.contractAddress),
-            balance: o.balance,
-            balanceFormatted: oe(o.balance, o.decimals),
-            balanceUsd: o.balanceUsd ? Number.parseFloat(o.balanceUsd) : void 0
-          })), $ = {
-            tokenBalancesData: {
-              tokens: j,
-              nativeTokens: j.filter((o) => o.isNativeToken),
-              erc20Tokens: j.filter((o) => !o.isNativeToken),
-              page: { page: 1 }
-            },
-            isLoading: !1,
-            error: null
-          }, A = l[H];
-          A && O(A) && !O($) || (l[H] = $);
-        }
-    return l;
-  }, [y]), M = b.intent && b.onramp ? b.intent || b.onramp : null, R = T(() => P(a, r), [
-    a,
-    r,
-    P
-  ]);
-  return n ? /* @__PURE__ */ t("div", {
-    className: `flex flex-col h-full max-h-[600px] ${i}`,
-    children: [
-      /* @__PURE__ */ e(be, {
-        onBack: c,
-        onRefresh: p,
-        loading: f,
-        effectiveAccountAddress: C,
-        onWalletSelect: h,
-        searchInput: r,
-        setSearchInput: I,
-        statusFilter: a,
-        setStatusFilter: N,
-        resetIntentPagination: te
-      }),
-      /* @__PURE__ */ e(pe, {
-        errors: b,
-        refetch: p
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "flex-1 overflow-hidden flex flex-col relative",
-        children: [
-          f && y.length > 0 && /* @__PURE__ */ e("div", {
-            className: "absolute inset-0 bg-white/50 dark:bg-gray-900/50 backdrop-blur-sm z-10 flex items-center justify-center",
-            children: /* @__PURE__ */ t("div", {
-              className: "flex flex-col items-center gap-2",
-              children: [/* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-10 w-10 border-b-2 border-blue-600 dark:border-blue-400" }), /* @__PURE__ */ e("span", {
-                className: "text-sm text-gray-600 dark:text-gray-400",
-                children: "Loading..."
-              })]
-            })
-          }),
-          M ? /* @__PURE__ */ e("div", {
-            className: "text-center flex-1 flex items-center justify-center px-6 py-8",
-            children: /* @__PURE__ */ t("div", { children: [
-              /* @__PURE__ */ e("div", {
-                className: "w-16 h-16 mx-auto mb-4 bg-red-100 dark:bg-red-900/20 rounded-full flex items-center justify-center",
-                children: /* @__PURE__ */ t("svg", {
-                  className: "w-8 h-8 text-red-400 dark:text-red-500",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: [/* @__PURE__ */ e("title", { children: "Error" }), /* @__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.732-.833-2.464 0L4.34 16.5c-.77.833.192 2.5 1.732 2.5z"
-                  })]
-                })
-              }),
-              /* @__PURE__ */ e("h3", {
-                className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2",
-                children: "Error Loading Transactions"
-              }),
-              /* @__PURE__ */ e("p", {
-                className: "text-sm text-gray-600 dark:text-gray-400 mb-4",
-                children: M
-              }),
-              /* @__PURE__ */ e("button", {
-                type: "button",
-                onClick: p,
-                className: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 dark:bg-blue-700 dark:hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-pointer",
-                children: "Try Again"
-              })
-            ] })
-          }) : f && y.length === 0 ? /* @__PURE__ */ e("div", {
-            className: "flex items-center justify-center flex-1",
-            children: /* @__PURE__ */ t("div", {
-              className: "flex flex-col items-center",
-              children: [/* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 dark:border-blue-400 mb-4" }), /* @__PURE__ */ e("p", {
-                className: "text-gray-600 dark:text-gray-400",
-                children: "Loading intent transactions..."
-              })]
-            })
-          }) : y.length === 0 ? /* @__PURE__ */ e("div", {
-            className: "text-center flex-1 flex items-center justify-center px-6 py-8",
-            children: /* @__PURE__ */ t("div", { children: [
-              /* @__PURE__ */ e("div", {
-                className: "w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center",
-                children: /* @__PURE__ */ t("svg", {
-                  className: "w-8 h-8 text-gray-400 dark:text-gray-500",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: [/* @__PURE__ */ e("title", { children: "No Transactions" }), /* @__PURE__ */ e("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-                  })]
-                })
-              }),
-              /* @__PURE__ */ e("h3", {
-                className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2",
-                children: a === "quoted" ? "No Quoted Transactions" : "No Intent Transactions"
-              }),
-              /* @__PURE__ */ e("p", {
-                className: "text-gray-600 dark:text-gray-400",
-                children: a === "quoted" ? "No quoted transactions found for this account." : "No intent transactions found for this account. Create your first intent transaction to see it here."
-              })
-            ] })
-          }) : R.length === 0 ? /* @__PURE__ */ e("div", {
-            className: "text-center flex-1 flex items-center justify-center",
-            children: /* @__PURE__ */ t("div", { children: [
-              /* @__PURE__ */ e("div", {
-                className: "w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center",
-                children: /* @__PURE__ */ t("svg", {
-                  className: "w-8 h-8 text-gray-400 dark:text-gray-500",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: [/* @__PURE__ */ e("title", { children: "No Results" }), /* @__PURE__ */ e("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                  })]
-                })
-              }),
-              /* @__PURE__ */ e("h3", {
-                className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2",
-                children: "No Results Found"
-              }),
-              /* @__PURE__ */ e("p", {
-                className: "text-gray-600 dark:text-gray-400",
-                children: r && a !== "all" ? a === "onramp" ? `No onramp transactions match "${r}".` : `No ${a} transactions match "${r}".` : r ? `No transactions match your search "${r}".` : me(a)
-              })
-            ] })
-          }) : /* @__PURE__ */ e("div", {
-            ref: x,
-            className: "flex-1 overflow-y-auto space-y-3 pr-2 relative trails-scrollbar",
-            children: R.map((l, k) => l.type === "intent" ? /* @__PURE__ */ e(xe, {
-              transaction: l.data,
-              index: Z * D + k,
-              onRefetch: p,
-              isOffline: Y,
-              commitIntentMutation: w,
-              balancesByIntentAddress: re,
-              selectedWalletClient: G,
-              onRefetchBalances: ee,
-              onCommitSuccess: () => {
-                V && (u(r), setTimeout(() => u(null), 1e4)), setTimeout(() => {
-                  p();
-                }, 1e3);
-              }
-            }, `intent-${l.data.intentId}`) : /* @__PURE__ */ e(ge, {
-              transaction: l.data,
-              meldProviders: s
-            }, `onramp-${l.data.id}`))
-          }),
-          !r && (W || S) && a !== "onramp" && /* @__PURE__ */ t("div", {
-            className: "flex items-center justify-center pt-2 mt-2 pb-2 gap-4",
-            children: [/* @__PURE__ */ e("button", {
-              type: "button",
-              onClick: () => {
-                X(), x.current?.scrollTo({
-                  top: 0,
-                  behavior: "smooth"
-                });
-              },
-              disabled: !W || f,
-              className: "p-2 rounded-full transition-colors text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
-              children: /* @__PURE__ */ t("svg", {
-                className: "w-4 h-4",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: [/* @__PURE__ */ e("title", { children: "Previous Page" }), /* @__PURE__ */ e("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M15 19l-7-7 7-7"
-                })]
-              })
-            }), /* @__PURE__ */ e("button", {
-              type: "button",
-              onClick: () => {
-                K(), x.current?.scrollTo({
-                  top: 0,
-                  behavior: "smooth"
-                });
-              },
-              disabled: !S || f,
-              className: "p-2 rounded-full transition-colors text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
-              children: /* @__PURE__ */ t("svg", {
-                className: "w-4 h-4",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: [/* @__PURE__ */ e("title", { children: "Next Page" }), /* @__PURE__ */ e("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M9 5l7 7-7 7"
-                })]
-              })
-            })]
-          })
-        ]
-      })
-    ]
-  }) : /* @__PURE__ */ e("div", {
-    className: `flex flex-col items-center justify-center py-12 ${i}`,
-    children: /* @__PURE__ */ t("div", {
-      className: "text-center",
-      children: [
-        /* @__PURE__ */ e("div", {
-          className: "w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center",
-          children: /* @__PURE__ */ t("svg", {
-            className: "w-8 h-8 text-gray-400 dark:text-gray-500",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: [/* @__PURE__ */ e("title", { children: "Wallet Lock Icon" }), /* @__PURE__ */ e("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
-            })]
-          })
-        }),
-        /* @__PURE__ */ e("h3", {
-          className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2",
-          children: "Connect Wallet"
-        }),
-        /* @__PURE__ */ e("p", {
-          className: "text-gray-600 dark:text-gray-400 max-w-sm",
-          children: "Please connect your wallet to view your intent transaction history."
-        })
-      ]
-    })
-  });
-};
-export {
-  $e as AccountIntentTransactionHistory
-};

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

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-export declare const AccountIntentTransactionHistoryButton: React.FC;
-export default AccountIntentTransactionHistoryButton;
-//# sourceMappingURL=AccountIntentTransactionHistoryButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccountIntentTransactionHistoryButton.d.ts","sourceRoot":"","sources":["../../../src/widget/components/AccountIntentTransactionHistoryButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EA0BzD,CAAA;AAED,eAAe,qCAAqC,CAAA"}

package/dist/widget/components/AccountIntentTransactionHistoryButton.js

@@ -1,23 +0,0 @@
-import { useViewManager as n } from "../../hooks/useViewManager.js";
-import { useClickTracking as e } from "../../hooks/useClickTracking.js";
-import { jsx as r } from "react/jsx-runtime";
-import { HistoryIcon as i } from "lucide-react";
-var m = () => {
-  const { screen: t, navigate: o } = n(), { trackClick: a } = e();
-  return /* @__PURE__ */ r("button", {
-    type: "button",
-    onClick: () => {
-      a({
-        component: "AccountIntentTransactionHistoryButton",
-        action: "view_transaction_history",
-        metadata: { fromScreen: t }
-      }), o("account-history", { backTarget: t });
-    },
-    className: "relative flex h-8 w-8 justify-center items-center rounded-full bg-gray-50 dark:bg-gray-700 cursor-pointer transition-colors text-gray-900 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-600",
-    title: "View transaction history",
-    children: /* @__PURE__ */ r(i, { className: "w-4 h-4" })
-  });
-};
-export {
-  m as default
-};

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

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-interface AccountSettingsProps {
-    onBack?: () => void;
-}
-export declare const AccountSettings: React.FC<AccountSettingsProps>;
-export default AccountSettings;
-//# sourceMappingURL=AccountSettings.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccountSettings.d.ts","sourceRoot":"","sources":["../../../src/widget/components/AccountSettings.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmD9B,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAMD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsG1D,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/widget/components/AccountSettings.js

@@ -1,106 +0,0 @@
-import { useWidgetProps as m } from "../../hooks/useWidgetProps.js";
-import { useSelectedFundMethod as f } from "../../hooks/useSelectedFundMethod.js";
-import { useViewManager as p } from "../../hooks/useViewManager.js";
-import { ScreenHeader as h } from "./ScreenHeader.js";
-import b from "./Tooltip.js";
-import g from "./ConnectedWallets.js";
-import { useConnection as y } from "@0xtrails/wallet";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { ChevronRight as x, CreditCard as v, HelpCircle as C, History as N, LogOut as w, User as k } from "lucide-react";
-var D = [
-  {
-    label: "Buy Crypto",
-    screen: "fund-form",
-    icon: v,
-    disabled: !1,
-    subtitle: void 0,
-    modeOverride: "fund"
-  },
-  {
-    label: "History",
-    screen: "account-history",
-    icon: N,
-    disabled: !1,
-    subtitle: void 0
-  },
-  {
-    label: "User preferences",
-    screen: "user-preferences",
-    icon: k,
-    disabled: !1,
-    subtitle: void 0
-  },
-  {
-    label: "Disconnect",
-    screen: "disconnect",
-    icon: w,
-    disabled: !1,
-    subtitle: void 0
-  }
-], S = () => {
-  window.open("https://support.trails.build/en/", "_blank");
-}, R = ({ onBack: l }) => {
-  const { activeConnection: s } = y(), { fundOptions: o } = m(), { overrideMode: i, navigate: n } = p(), { setSelectedFundMethod: a, setPaymentMethod: d } = f(), c = (s?.showDisconnect ?? s?.ui?.showDisconnect) !== !0;
-  return /* @__PURE__ */ r("div", {
-    className: "flex flex-col h-full",
-    children: [/* @__PURE__ */ t(h, {
-      headerContent: "Settings",
-      headerContentAlign: "left",
-      onBack: l,
-      rightSideContent: /* @__PURE__ */ t(b, {
-        message: "Get help",
-        children: /* @__PURE__ */ t("button", {
-          type: "button",
-          onClick: S,
-          className: "flex h-8 w-8 justify-center items-center rounded-full bg-gray-50 dark:bg-gray-700 cursor-pointer transition-colors text-gray-900 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600",
-          title: "Get help",
-          children: /* @__PURE__ */ t(C, { className: "w-4 h-4" })
-        })
-      })
-    }), /* @__PURE__ */ t("div", {
-      className: "flex-1",
-      children: /* @__PURE__ */ r("div", {
-        className: "flex flex-col gap-1",
-        children: [
-          /* @__PURE__ */ t(g, {
-            showConnectNewWallet: !0,
-            showDisconnect: !0,
-            backScreen: "account-settings",
-            hiddenWallets: o?.hideWallets ?? []
-          }),
-          /* @__PURE__ */ t("div", { className: "my-3 border-t border-gray-200 dark:border-gray-700" }),
-          /* @__PURE__ */ t("div", {
-            className: "flex flex-col gap-1",
-            children: D.map((e) => {
-              if (e.disabled || c && e.screen === "disconnect") return null;
-              const u = e.icon;
-              return /* @__PURE__ */ r("button", {
-                type: "button",
-                onClick: () => {
-                  e.label === "Buy Crypto" && (a("onramp-meld"), d({
-                    id: "CREDIT_DEBIT_CARD",
-                    name: "Credit/Debit Card"
-                  })), e.modeOverride ? (i(e.modeOverride), n(e.screen, { backTarget: "account-settings" })) : n(e.screen);
-                },
-                className: "w-full text-left px-4 py-3 flex items-center justify-between cursor-pointer transition-colors trails-hover-bg rounded-xl",
-                children: [/* @__PURE__ */ r("div", {
-                  className: "flex items-center gap-3",
-                  children: [/* @__PURE__ */ t(u, { className: "w-5 h-5 text-gray-700 dark:text-gray-200" }), /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ t("span", {
-                    className: "text-sm font-medium",
-                    children: e.label
-                  }), e.subtitle && /* @__PURE__ */ t("p", {
-                    className: "text-xs text-gray-500 dark:text-gray-400",
-                    children: e.subtitle
-                  })] })]
-                }), /* @__PURE__ */ t(x, { className: "w-5 h-5 text-gray-400" })]
-              }, e.screen);
-            })
-          })
-        ]
-      })
-    })]
-  });
-};
-export {
-  R as default
-};

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

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-interface AddressOrEnsNameProps {
-    address: string;
-    startChars?: number;
-    endChars?: number;
-    className?: string;
-}
-/**
- * Displays ENS name when available for the address, otherwise truncated address.
- */
-export declare const AddressOrEnsName: React.FC<AddressOrEnsNameProps>;
-export {};
-//# sourceMappingURL=AddressOrEnsName.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddressOrEnsName.d.ts","sourceRoot":"","sources":["../../../src/widget/components/AddressOrEnsName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAS5D,CAAA"}

package/dist/widget/components/AddressOrEnsName.js

@@ -1,13 +0,0 @@
-import { truncateAddress as n } from "../../utils/address.js";
-import { useResolveEns as t } from "../../ens.js";
-import { jsx as p } from "react/jsx-runtime";
-var d = ({ address: r, startChars: e = 6, endChars: s = 4, className: o }) => {
-  const { ensName: m } = t({ address: r });
-  return /* @__PURE__ */ p("span", {
-    className: o,
-    children: m || n(r, e, s)
-  });
-};
-export {
-  d as AddressOrEnsName
-};

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

@@ -1,8 +0,0 @@
-export type AddressWalletIconProps = {
-    walletAddress: string;
-    size?: number | undefined;
-    className?: string;
-    showWalletConnectorIcon?: boolean;
-};
-export declare const AddressWalletIcon: ({ walletAddress, size, className, showWalletConnectorIcon, }: AddressWalletIconProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AddressWalletIcon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddressWalletIcon.d.ts","sourceRoot":"","sources":["../../../src/widget/components/AddressWalletIcon.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,8DAK/B,sBAAsB,4CA+BxB,CAAA"}

package/dist/widget/components/AddressWalletIcon.js

@@ -1,32 +0,0 @@
-import { useResolveEns as a } from "../../ens.js";
-import d from "./Identicon.js";
-import { useMemo as u } from "react";
-import { useConnectedWallets as f } from "@0xtrails/wallet";
-import { jsx as o } from "react/jsx-runtime";
-var I = ({ walletAddress: r, size: t = 16, className: e, showWalletConnectorIcon: i }) => {
-  const { ensAvatar: n, ensName: l } = a({ address: r }), s = f(), c = u(() => s.find((m) => m.address === r)?.icon, [s, r]);
-  return n && !i ? /* @__PURE__ */ o("img", {
-    src: n,
-    alt: l || "Wallet",
-    className: `shrink-0 rounded-full object-cover ${e ?? ""}`,
-    style: {
-      width: t,
-      height: t
-    }
-  }) : c ? /* @__PURE__ */ o("img", {
-    src: c,
-    alt: "Wallet icon",
-    className: `shrink-0 ${e ?? ""}`,
-    style: {
-      width: t,
-      height: t
-    }
-  }) : /* @__PURE__ */ o(d, {
-    value: r,
-    size: t,
-    className: e
-  });
-};
-export {
-  I as AddressWalletIcon
-};