0xtrails 0.16.1 → 0.17.0

package/dist/widget/components/UserPreferences.js

@@ -1,282 +0,0 @@
-import { logger as S } from "../../logger/index.js";
-import { useWidgetProps as Q } from "../../hooks/useWidgetProps.js";
-import { useBalanceVisible as W } from "../../hooks/useBalanceVisible.js";
-import { useThemePreference as z } from "../../hooks/useTheme.js";
-import { SUPPORTED_LOCALES as P, useLocalePreference as Y } from "../../hooks/useLocalePreference.js";
-import { useFiatCurrencyList as q } from "../../query/fiat.hooks.js";
-import { useDisplayCurrencyPreference as G } from "../../hooks/useDisplayCurrencyPreference.js";
-import J from "./SlippageToleranceSettings.js";
-import { useClickTracking as K } from "../../hooks/useClickTracking.js";
-import { ScreenHeader as X } from "./ScreenHeader.js";
-import { useEffect as D, useRef as d, useState as m } from "react";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { ChevronDown as ee, RotateCcw as te } from "lucide-react";
-var pe = ({ onBack: E }) => {
-  const { isBalanceVisible: s, toggleBalanceVisible: M, resetBalanceVisible: T } = W(), { selectedTheme: a, setSelectedTheme: B, resetThemePreference: U } = z(), { selectedLocale: re, setSelectedLocale: ae, resetLocalePreference: O, getEffectiveLocale: Z } = Y(), { selectedCurrency: x, setSelectedCurrency: R, resetCurrencyPreference: _, getEffectiveCurrency: $ } = G(), { customCss: n, theme: l } = Q(), [b, j] = m(!1), [o, g] = m(!1), [w, V] = m(""), [c, u] = m(""), k = d(null), f = d(null), H = d(null), v = d(null), { trackClick: h } = K(), A = !1, L = (e) => {
-    n || (h({
-      component: "UserPreferences",
-      action: "change_theme",
-      label: e,
-      metadata: {
-        previousTheme: a,
-        newTheme: e
-      }
-    }), B(e));
-  };
-  D(() => {
-    function e(y) {
-      k.current && !k.current.contains(y.target) && (j(!1), V(""));
-    }
-    if (b)
-      return setTimeout(() => {
-        H.current?.focus();
-      }, 10), setTimeout(() => {
-        document.addEventListener("click", e);
-      }, 0), () => {
-        document.removeEventListener("click", e);
-      };
-  }, [b]), D(() => {
-    function e(y) {
-      f.current && !f.current.contains(y.target) && (g(!1), u(""));
-    }
-    if (o)
-      return setTimeout(() => {
-        v.current?.focus();
-      }, 10), setTimeout(() => {
-        document.addEventListener("click", e);
-      }, 0), () => {
-        document.removeEventListener("click", e);
-      };
-  }, [o]);
-  const F = () => {
-    try {
-      T(), U(), O(), _(), S.console.log("[UserPreferences] All preferences have been reset to defaults");
-    } catch (e) {
-      S.console.warn("[UserPreferences] Failed to reset preferences:", e);
-    }
-  }, I = Z();
-  P.find((e) => e.code === I), P.filter((e) => e.name.toLowerCase().includes(w.toLowerCase()) || e.code.toLowerCase().includes(w.toLowerCase()));
-  const { data: C = [] } = q(), p = $(), i = C.find((e) => e.code === p) || C.find((e) => e.code === "USD") || {
-    code: "USD",
-    symbol: "$",
-    name: "US Dollar",
-    flag: "🇺🇸",
-    decimals: 2
-  }, N = C.filter((e) => e.name.toLowerCase().includes(c.toLowerCase()) || e.code.toLowerCase().includes(c.toLowerCase()) || e.symbol.toLowerCase().includes(c.toLowerCase()));
-  return /* @__PURE__ */ r("div", {
-    className: "flex flex-col h-full",
-    children: [/* @__PURE__ */ t(X, {
-      headerContent: "User Preferences",
-      headerContentAlign: "left",
-      onBack: E
-    }), /* @__PURE__ */ r("div", {
-      className: "space-y-6",
-      children: [
-        /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(J, {}) }),
-        /* @__PURE__ */ r("div", {
-          className: "flex items-center justify-between",
-          children: [/* @__PURE__ */ r("span", {
-            className: `text-sm font-medium ${n ? "text-gray-500 dark:text-gray-500" : "text-gray-900 dark:text-gray-100"}`,
-            children: ["Theme", n && /* @__PURE__ */ t("span", {
-              className: "text-xs text-gray-400 dark:text-gray-500 block",
-              children: "Controlled by custom CSS"
-            })]
-          }), /* @__PURE__ */ r("div", {
-            className: "flex items-center gap-2",
-            children: [/* @__PURE__ */ r("button", {
-              type: "button",
-              onClick: () => L("light"),
-              disabled: !!n,
-              className: `flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium transition-colors ${a === "light" || !a && l === "light" || !a && !l && typeof window < "u" && !window.matchMedia("(prefers-color-scheme: dark)").matches ? "bg-[#DBEAFE] text-[#2563EB]" : "bg-transparent text-gray-900 dark:text-gray-100 hover:text-gray-700 dark:hover:text-gray-300"} ${n ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
-              children: [/* @__PURE__ */ r("svg", {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 16 16",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [
-                  /* @__PURE__ */ t("title", { children: "Light Mode" }),
-                  /* @__PURE__ */ t("g", {
-                    clipPath: "url(#clip0_light_icon)",
-                    children: /* @__PURE__ */ t("path", {
-                      d: "M7.33335 14.6665V13.3332C7.33335 12.965 7.63183 12.6665 8.00002 12.6665C8.36821 12.6665 8.66669 12.965 8.66669 13.3332V14.6665C8.66669 15.0347 8.36821 15.3332 8.00002 15.3332C7.63183 15.3332 7.33335 15.0347 7.33335 14.6665ZM3.75523 11.3019C4.01558 11.0416 4.43759 11.0416 4.69794 11.3019C4.95823 11.5623 4.95827 11.9843 4.69794 12.2446L3.75783 13.1847C3.49748 13.4449 3.07541 13.445 2.81512 13.1847C2.55485 12.9245 2.55499 12.5024 2.81512 12.242L3.75523 11.3019ZM11.3021 11.3019C11.5625 11.0416 11.9845 11.0416 12.2448 11.3019L13.1849 12.242C13.445 12.5024 13.4452 12.9245 13.1849 13.1847C12.9247 13.445 12.5026 13.4448 12.2422 13.1847L11.3021 12.2446C11.0418 11.9843 11.0418 11.5623 11.3021 11.3019ZM10 7.99984C10 6.89527 9.10459 5.99984 8.00002 5.99984C6.89545 5.99984 6.00002 6.89527 6.00002 7.99984C6.00002 9.10441 6.89545 9.99984 8.00002 9.99984C9.10459 9.99984 10 9.10441 10 7.99984ZM2.66669 7.33317C3.03488 7.33317 3.33335 7.63165 3.33335 7.99984C3.33335 8.36803 3.03488 8.6665 2.66669 8.6665H1.33335C0.965164 8.6665 0.666687 8.36803 0.666687 7.99984C0.666687 7.63165 0.965164 7.33317 1.33335 7.33317H2.66669ZM14.6667 7.33317C15.0349 7.33317 15.3334 7.63165 15.3334 7.99984C15.3334 8.36803 15.0349 8.6665 14.6667 8.6665H13.3334C12.9652 8.6665 12.6667 8.36803 12.6667 7.99984C12.6667 7.63165 12.9652 7.33317 13.3334 7.33317H14.6667ZM2.81512 2.81494C3.07542 2.55465 3.49747 2.55475 3.75783 2.81494L4.69794 3.75505C4.95829 4.0154 4.95829 4.4374 4.69794 4.69775C4.43759 4.9581 4.01558 4.9581 3.75523 4.69775L2.81512 3.75765C2.55494 3.49729 2.55483 3.07524 2.81512 2.81494ZM12.2422 2.81494C12.5026 2.55481 12.9246 2.55466 13.1849 2.81494C13.4451 3.07522 13.445 3.4973 13.1849 3.75765L12.2448 4.69775C11.9845 4.95809 11.5625 4.95805 11.3021 4.69775C11.0418 4.4374 11.0418 4.0154 11.3021 3.75505L12.2422 2.81494ZM7.33335 2.6665V1.33317C7.33335 0.964981 7.63183 0.666504 8.00002 0.666504C8.36821 0.666504 8.66669 0.964981 8.66669 1.33317V2.6665C8.66669 3.03469 8.36821 3.33317 8.00002 3.33317C7.63183 3.33317 7.33335 3.03469 7.33335 2.6665ZM11.3334 7.99984C11.3334 9.84079 9.84097 11.3332 8.00002 11.3332C6.15907 11.3332 4.66669 9.84079 4.66669 7.99984C4.66669 6.15889 6.15907 4.6665 8.00002 4.6665C9.84097 4.6665 11.3334 6.15889 11.3334 7.99984Z",
-                      fill: "currentColor"
-                    })
-                  }),
-                  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
-                    id: "clip0_light_icon",
-                    children: /* @__PURE__ */ t("rect", {
-                      width: "16",
-                      height: "16",
-                      fill: "white"
-                    })
-                  }) })
-                ]
-              }), /* @__PURE__ */ t("span", { children: "Light" })]
-            }), /* @__PURE__ */ r("button", {
-              type: "button",
-              onClick: () => L("dark"),
-              disabled: !!n,
-              className: `flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium transition-colors ${a === "dark" || !a && l === "dark" || !a && !l && typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "bg-[#DBEAFE] text-[#2563EB]" : "bg-transparent text-gray-900 dark:text-gray-100 hover:text-gray-700 dark:hover:text-gray-300"} ${n ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
-              children: [/* @__PURE__ */ r("svg", {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 16 16",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [/* @__PURE__ */ t("title", { children: "Dark Mode" }), /* @__PURE__ */ t("path", {
-                  d: "M7.7207 1.34229C8.12353 1.35288 8.42496 1.60511 8.5651 1.89827C8.70858 2.19855 8.70802 2.57945 8.50781 2.89893L8.50716 2.89827C8.10787 3.53737 7.93751 4.29341 8.02278 5.04216C8.10811 5.79102 8.4449 6.48902 8.97786 7.02197C9.51083 7.55485 10.2088 7.89112 10.9577 7.9764C11.7065 8.06164 12.4624 7.89084 13.1016 7.49137L13.2233 7.42562C13.5135 7.29382 13.8376 7.30794 14.1009 7.43343C14.4146 7.58299 14.6797 7.91693 14.6556 8.36051C14.5861 9.64638 14.1455 10.8847 13.3874 11.9256C12.6291 12.9666 11.5855 13.7658 10.3828 14.2264C9.18016 14.6869 7.8696 14.7895 6.61002 14.5213C5.35045 14.2531 4.19583 13.6253 3.28515 12.7147C2.37445 11.8041 1.74687 10.6494 1.47851 9.38981C1.21017 8.13019 1.3123 6.81977 1.77278 5.61702C2.23329 4.41426 3.03259 3.3708 4.07356 2.61247C5.11452 1.85416 6.35267 1.41314 7.63867 1.34359L7.7207 1.34229ZM7.08072 2.74723C6.28037 2.88708 5.51928 3.20826 4.85807 3.68994C4.02544 4.29656 3.38661 5.13153 3.01822 6.09359C2.64983 7.05577 2.56789 8.10413 2.78255 9.11182C2.99723 10.1195 3.49927 11.0435 4.22786 11.772C4.95644 12.5005 5.88029 13.0027 6.88801 13.2173C7.89573 13.4318 8.94409 13.3495 9.90624 12.981C10.8684 12.6124 11.7033 11.9733 12.3099 11.1405C12.7914 10.4794 13.1115 9.71859 13.2513 8.91846C12.489 9.26194 11.645 9.39674 10.8066 9.30127C9.75813 9.18186 8.7807 8.71088 8.0345 7.96468C7.28837 7.2185 6.81731 6.241 6.69791 5.19255C6.60247 4.354 6.73706 3.50961 7.08072 2.74723Z",
-                  fill: "currentColor"
-                })]
-              }), /* @__PURE__ */ t("span", { children: "Dark" })]
-            })]
-          })]
-        }),
-        A,
-        /* @__PURE__ */ r("div", {
-          className: "flex items-center justify-between",
-          children: [/* @__PURE__ */ r("span", {
-            className: "text-sm font-medium text-gray-900 dark:text-gray-100",
-            children: ["Display Currency", !x && /* @__PURE__ */ t("span", {
-              className: "text-xs text-gray-400 dark:text-gray-500 block",
-              children: "Default: USD"
-            })]
-          }), /* @__PURE__ */ r("div", {
-            className: "relative",
-            ref: f,
-            children: [/* @__PURE__ */ r("button", {
-              type: "button",
-              onClick: () => g(!o),
-              className: "flex items-center gap-2 px-3 py-1.5 rounded-lg bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors text-sm font-medium text-gray-900 dark:text-gray-100",
-              children: [/* @__PURE__ */ r("span", {
-                className: "flex items-center gap-1.5",
-                children: [i?.flag && /* @__PURE__ */ t("span", {
-                  className: "text-base",
-                  children: i.flag
-                }), /* @__PURE__ */ r("span", { children: [
-                  i?.symbol,
-                  " ",
-                  i?.code
-                ] })]
-              }), /* @__PURE__ */ t(ee, { className: `w-4 h-4 transition-transform ${o ? "rotate-180" : ""}` })]
-            }), o && /* @__PURE__ */ r("div", {
-              className: "absolute right-0 mt-2 w-64 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-50",
-              children: [/* @__PURE__ */ t("div", {
-                className: "p-2 border-b border-gray-200 dark:border-gray-700",
-                children: /* @__PURE__ */ t("input", {
-                  ref: v,
-                  type: "text",
-                  value: c,
-                  onChange: (e) => u(e.target.value),
-                  placeholder: "Search currencies...",
-                  className: "w-full px-3 py-1.5 text-sm bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400"
-                })
-              }), /* @__PURE__ */ t("div", {
-                className: "max-h-56 overflow-y-auto trails-scrollbar",
-                children: N.length > 0 ? N.map((e) => /* @__PURE__ */ r("button", {
-                  type: "button",
-                  onClick: () => {
-                    h({
-                      component: "UserPreferences",
-                      action: "change_currency",
-                      label: e.code,
-                      metadata: {
-                        currencyName: e.name,
-                        currencySymbol: e.symbol,
-                        previousCurrency: x,
-                        newCurrency: e.code
-                      }
-                    }), R(e.code), g(!1), u("");
-                  },
-                  className: `w-full px-4 py-2 text-left hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors flex items-center justify-between ${e.code === p ? "bg-gray-50 dark:bg-gray-700/50" : ""}`,
-                  children: [/* @__PURE__ */ r("div", {
-                    className: "flex items-center gap-2",
-                    children: [e.flag && /* @__PURE__ */ t("span", {
-                      className: "text-base",
-                      children: e.flag
-                    }), /* @__PURE__ */ r("div", {
-                      className: "flex flex-col items-start",
-                      children: [/* @__PURE__ */ r("span", {
-                        className: "text-sm font-medium text-gray-900 dark:text-gray-100",
-                        children: [
-                          e.symbol,
-                          " ",
-                          e.code
-                        ]
-                      }), /* @__PURE__ */ t("span", {
-                        className: "text-xs text-gray-500 dark:text-gray-400",
-                        children: e.name
-                      })]
-                    })]
-                  }), e.code === p && /* @__PURE__ */ r("svg", {
-                    className: "w-4 h-4 text-blue-600",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    strokeWidth: "3",
-                    children: [/* @__PURE__ */ t("title", { children: "Selected" }), /* @__PURE__ */ t("path", {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M5 13l4 4L19 7"
-                    })]
-                  })]
-                }, e.code)) : /* @__PURE__ */ t("div", {
-                  className: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400 text-center",
-                  children: "No currencies found"
-                })
-              })]
-            })]
-          })]
-        }),
-        /* @__PURE__ */ r("div", {
-          className: "flex items-center justify-between",
-          children: [/* @__PURE__ */ t("span", {
-            className: "text-sm font-medium text-gray-900 dark:text-gray-100",
-            children: "Hide Balances"
-          }), /* @__PURE__ */ t("button", {
-            type: "button",
-            onClick: () => {
-              h({
-                component: "UserPreferences",
-                action: "toggle_balance_visibility",
-                label: s ? "hide" : "show",
-                metadata: {
-                  previousState: s.toString(),
-                  newState: (!s).toString()
-                }
-              }), M();
-            },
-            className: `relative inline-flex h-8 w-14 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 ${s ? "bg-gray-200 dark:bg-gray-700" : "bg-blue-600"}`,
-            children: /* @__PURE__ */ t("span", {
-              className: `inline-flex items-center justify-center h-6 w-6 transform rounded-full bg-white transition-transform ${s ? "translate-x-1" : "translate-x-7"}`,
-              children: !s && /* @__PURE__ */ r("svg", {
-                className: "w-3.5 h-3.5 text-blue-600",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                strokeWidth: "3",
-                children: [/* @__PURE__ */ t("title", { children: "Enabled" }), /* @__PURE__ */ t("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  d: "M5 13l4 4L19 7"
-                })]
-              })
-            })
-          })]
-        }),
-        /* @__PURE__ */ t("div", {
-          className: "pt-4 dark:border-gray-700",
-          children: /* @__PURE__ */ r("button", {
-            type: "button",
-            onClick: F,
-            className: "flex items-center gap-1 px-2 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-300 trails-bg-secondary rounded-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors cursor-pointer",
-            children: [/* @__PURE__ */ t(te, { className: "w-3 h-3" }), "Reset"]
-          })
-        })
-      ]
-    })]
-  });
-};
-export {
-  pe as default
-};

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

@@ -1,12 +0,0 @@
-import { Token } from '../../index.js';
-interface WaasFeeOptionsProps {
-    chainId?: number;
-    originToken?: Token;
-    originTokenAmount?: string;
-    setIsFeeOptionConfirmed: (isFeeOptionConfirmed: boolean) => void;
-    onFeeOptionsLoaded?: () => void;
-    setIsError?: (isError: boolean) => void;
-}
-export declare const WaasFeeOptions: React.FC<WaasFeeOptionsProps>;
-export default WaasFeeOptions;
-//# sourceMappingURL=WaasFeeOptions.d.ts.map

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

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

package/dist/widget/components/WaasFeeOptions.js

@@ -1,349 +0,0 @@
-import { logger as N } from "../../logger/index.js";
-import { normalizeAddress as X, truncateAddress as Y } from "../../utils/address.js";
-import { formatAmountDisplay as Z } from "../../utils/format.js";
-import _ from "./CopyButton.js";
-import V from "./TokenImage.js";
-import ee from "./Tooltip.js";
-import { useTrails as re } from "../providers/TrailsProvider.js";
-import { formatUnits as se } from "viem";
-import { useCallback as j, useEffect as I, useMemo as P, useRef as te, useState as w } from "react";
-import { Fragment as R, jsx as r, jsxs as t } from "react/jsx-runtime";
-import { ChevronDown as ae, ChevronUp as le } from "lucide-react";
-var F = (a) => "hasEnoughBalanceForFee" in a && "balance" in a, ne = (a) => a?.contractAddress ? Y(a.contractAddress) : "Native Token", W = ({ option: a, chainId: i, feeDisplay: n, isSelected: u = !1, isDisabled: o = !1, showRadio: d = !1, radioName: l = "feeOption", onSelect: A }) => {
-  const h = (c) => {
-    c?.stopPropagation(), !o && A?.();
-  };
-  return /* @__PURE__ */ r("div", {
-    className: `px-4 py-3 flex flex-col space-y-3 border border-gray-200 dark:border-gray-800 rounded-lg transition-all duration-200 ${o ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900/30" : "bg-white dark:bg-gray-900 hover:shadow-sm"}`,
-    role: d ? "radio" : void 0,
-    tabIndex: d && !o ? 0 : void 0,
-    "aria-disabled": o,
-    onClick: d ? h : void 0,
-    onKeyDown: d ? (c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), h());
-    } : void 0,
-    children: /* @__PURE__ */ t("div", {
-      className: "flex items-start justify-between gap-3",
-      children: [/* @__PURE__ */ t("div", {
-        className: "flex items-center space-x-3",
-        children: [/* @__PURE__ */ r(V, {
-          symbol: a.token.symbol,
-          imageUrl: a.token.logoURL,
-          chainId: i,
-          size: 32
-        }), /* @__PURE__ */ t("div", {
-          className: "ml-2 text-left",
-          children: [/* @__PURE__ */ r("div", {
-            className: "text-sm font-semibold",
-            children: a.token.symbol
-          }), /* @__PURE__ */ r("div", {
-            className: "text-xs trails-text-muted",
-            children: ne(a.token)
-          })]
-        })]
-      }), /* @__PURE__ */ t("div", {
-        className: "flex items-center space-x-3",
-        children: [/* @__PURE__ */ t("div", {
-          className: "text-right",
-          children: [/* @__PURE__ */ r("div", {
-            className: "text-[10px] uppercase tracking-wide trails-text-muted",
-            children: "Fee to pay"
-          }), /* @__PURE__ */ t("div", {
-            className: "text-base font-semibold",
-            children: [
-              n.feeAmountFormatted,
-              " ",
-              a.token.symbol
-            ]
-          })]
-        }), d && /* @__PURE__ */ r("input", {
-          type: "radio",
-          name: l,
-          checked: u,
-          disabled: o,
-          onChange: h,
-          className: "w-4 h-4 text-trails-primary focus:ring-trails-primary"
-        })]
-      })]
-    })
-  });
-}, O = () => /* @__PURE__ */ r("div", {
-  className: "flex items-center justify-center py-8",
-  children: /* @__PURE__ */ r("p", {
-    className: "text-sm trails-text-muted",
-    children: "Loading fee options..."
-  })
-}), oe = ({ chainId: a, originToken: i, originTokenAmount: n, setIsFeeOptionConfirmed: u, onFeeOptionsLoaded: o, setIsError: d, pendingFeeOptionConfirmation: l, confirmPendingFeeOption: A, rejectPendingFeeOption: h }) => {
-  const [c, x] = w(), S = te(void 0), [y, H] = w(!1), [f, g] = w(!1), [$, T] = w(!1), K = !!l && (!l.options || l.options.length === 0), B = P(() => i?.contractAddress?.toLowerCase() || null, [i?.contractAddress]), p = P(() => {
-    if (!n) return null;
-    try {
-      return BigInt(n);
-    } catch (e) {
-      return N.console.error("[trails-sdk] Failed to parse origin token amount for fee comparison", {
-        originTokenAmount: n,
-        error: e
-      }), null;
-    }
-  }, [n]), z = j((e) => {
-    if (!i || !e?.token) return !1;
-    const s = e.token.contractAddress ? X(e.token.contractAddress) : null;
-    return B && s ? B === s : !1;
-  }, [i, B]), v = j((e) => {
-    if (!p || p <= 0n || !z(e) || !e?.balance || !e?.value) return !1;
-    try {
-      return BigInt(e.balance) < BigInt(e.value) + p;
-    } catch (s) {
-      return N.console.error("[trails-sdk] Failed to compare origin amount plus fee with balance", {
-        balance: e?.balance,
-        value: e?.value,
-        originAmount: n,
-        error: s
-      }), !1;
-    }
-  }, [
-    z,
-    p,
-    n
-  ]), M = j((e) => {
-    const s = e.token.decimals ?? 18, b = e.value || "0";
-    let C = "0";
-    try {
-      C = Z(se(BigInt(b), s), {
-        maxFractionDigits: Math.min(s, 6),
-        minFractionDigits: 0
-      });
-    } catch (Q) {
-      N.console.warn("[trails-sdk] Failed to format fee option amount", {
-        error: Q,
-        value: b,
-        decimals: s,
-        token: e?.token?.symbol
-      });
-    }
-    return { feeAmountFormatted: C };
-  }, []), L = P(() => {
-    const e = (l?.options ?? []).filter(F).filter((s) => s.hasEnoughBalanceForFee);
-    return e.find((s) => !v(s)) ?? e[0];
-  }, [l?.options, v]), E = L?.token?.symbol;
-  I(() => {
-    const e = l?.id;
-    if (!e) {
-      S.current = void 0;
-      return;
-    }
-    S.current !== e && (S.current = e, T(!1), u(!1), x(void 0));
-  }, [l?.id, u]), I(() => {
-    l && (N.console.log("[trails-sdk] Pending fee options: ", l.options), L && o && o(), !c && E && x(E));
-  }, [
-    L,
-    E,
-    o,
-    l,
-    c
-  ]);
-  const G = async (e) => {
-    if (l && !f) {
-      g(!0);
-      try {
-        T(!0), u(!0), A(l.id, e);
-      } finally {
-        g(!1);
-      }
-    }
-  }, J = async () => {
-    if (l && !f) {
-      g(!0);
-      try {
-        h(l.id);
-      } finally {
-        g(!1);
-      }
-    }
-  };
-  if (!l) return $ ? null : /* @__PURE__ */ r(O, {});
-  if (K) return /* @__PURE__ */ r(O, {});
-  const k = l.options, m = k.filter(F).filter((e) => e.hasEnoughBalanceForFee).find((e) => e.token.symbol === c), U = m ? M(m) : null, D = m ? v(m) : !1, q = k.find((e) => F(e) && e.hasEnoughBalanceForFee);
-  return q || d?.(!0), q ? /* @__PURE__ */ t("div", {
-    className: "space-y-2",
-    children: [
-      /* @__PURE__ */ t("div", {
-        className: "flex items-center justify-between",
-        children: [/* @__PURE__ */ r("div", {
-          className: "text-sm font-medium trails-text-primary",
-          children: "Select Fee Payment Token"
-        }), /* @__PURE__ */ t("button", {
-          type: "button",
-          onClick: () => H(!y),
-          className: "flex items-center space-x-1 text-xs trails-text-muted hover:trails-text-primary transition-colors cursor-pointer",
-          children: [/* @__PURE__ */ t("span", { children: [y ? "Hide" : "Show", " options"] }), y ? /* @__PURE__ */ r(le, { className: "w-3 h-3" }) : /* @__PURE__ */ r(ae, { className: "w-3 h-3" })]
-        })]
-      }),
-      m?.hasEnoughBalanceForFee && U && /* @__PURE__ */ r(W, {
-        option: m,
-        chainId: a,
-        feeDisplay: U,
-        isSelected: !0,
-        isDisabled: D,
-        showRadio: !1
-      }),
-      y && /* @__PURE__ */ r("div", {
-        className: "space-y-2",
-        children: k.filter(F).filter((e) => e.hasEnoughBalanceForFee).map((e) => {
-          const s = v(e), b = M(e);
-          return s ? /* @__PURE__ */ r(ee, {
-            message: "Not enough balance to cover sell amount and fee",
-            children: /* @__PURE__ */ r(W, {
-              option: e,
-              chainId: a,
-              feeDisplay: b,
-              isSelected: c === e.token.symbol,
-              isDisabled: s,
-              showRadio: !0,
-              onSelect: () => x(e.token.symbol)
-            }, e.token.symbol || e.token.contractAddress)
-          }, e.token.symbol) : /* @__PURE__ */ r(W, {
-            option: e,
-            chainId: a,
-            feeDisplay: b,
-            isSelected: c === e.token.symbol,
-            isDisabled: s,
-            showRadio: !0,
-            onSelect: () => x(e.token.symbol)
-          }, e.token.symbol || e.token.contractAddress);
-        })
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "flex flex-col space-y-3 sm:flex-row sm:space-y-0 sm:space-x-3",
-        children: [!D && /* @__PURE__ */ r("div", {
-          className: "flex-1",
-          children: /* @__PURE__ */ r("button", {
-            type: "button",
-            onClick: () => G(m?.token.contractAddress || null),
-            disabled: !m || f,
-            className: "w-full py-3 px-6 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-300 disabled:text-gray-500 text-white font-semibold rounded-lg transition-all duration-200 cursor-pointer disabled:cursor-not-allowed shadow-sm hover:shadow-md disabled:shadow-none flex items-center justify-center",
-            children: f ? /* @__PURE__ */ t(R, { children: [/* @__PURE__ */ r("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2" }), "Processing..."] }) : "Confirm Fee"
-          })
-        }), /* @__PURE__ */ r("button", {
-          type: "button",
-          onClick: J,
-          disabled: f,
-          className: `px-6 py-3 bg-gray-100 hover:bg-gray-200 disabled:bg-gray-50 text-gray-700 font-semibold rounded-lg transition-all duration-200 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 flex items-center justify-center border border-gray-300 ${D ? "w-full sm:flex-1" : ""}`,
-          children: f ? /* @__PURE__ */ t(R, { children: [/* @__PURE__ */ r("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-gray-500 mr-2" }), "Processing..."] }) : "Cancel"
-        })]
-      })
-    ]
-  }) : /* @__PURE__ */ t("div", {
-    className: "space-y-4 py-6",
-    children: [/* @__PURE__ */ r("div", {
-      className: "p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg",
-      children: /* @__PURE__ */ t("div", {
-        className: "flex items-start space-x-2",
-        children: [/* @__PURE__ */ r("svg", {
-          "aria-hidden": "true",
-          className: "w-5 h-5 text-red-600 dark:text-red-400 shrink-0 mt-0.5",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ r("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-          })
-        }), /* @__PURE__ */ r("p", {
-          className: "text-sm text-red-800 dark:text-red-200 font-medium",
-          children: "No available tokens for fees, please transfer any of these tokens to your wallet."
-        })]
-      })
-    }), /* @__PURE__ */ r("div", {
-      className: "flex flex-col space-y-2",
-      children: k.map((e) => {
-        const s = e.token.contractAddress;
-        return /* @__PURE__ */ t("div", {
-          className: "flex items-center space-x-3 p-3 trails-bg-secondary trails-border-radius-container border border-transparent",
-          children: [/* @__PURE__ */ r("div", {
-            className: "flex items-center shrink-0",
-            children: /* @__PURE__ */ r(V, {
-              symbol: e.token.symbol,
-              imageUrl: e.token.logoURL,
-              chainId: a,
-              size: 32
-            })
-          }), /* @__PURE__ */ t("div", {
-            className: "flex-1 min-w-0 flex flex-col items-start",
-            children: [/* @__PURE__ */ r("span", {
-              className: "text-sm font-bold trails-text-primary leading-tight",
-              children: e.token.symbol
-            }), s ? /* @__PURE__ */ t("div", {
-              className: "flex items-center space-x-1.5 mt-0.5",
-              children: [/* @__PURE__ */ t("span", {
-                className: "text-xs trails-text-muted leading-tight",
-                children: [
-                  s.slice(0, 4),
-                  "...",
-                  s.slice(-4)
-                ]
-              }), /* @__PURE__ */ r(_, {
-                text: s,
-                stopPropagation: !0,
-                className: "shrink-0 p-0.5",
-                size: "sm"
-              })]
-            }) : /* @__PURE__ */ r("span", {
-              className: "text-xs trails-text-muted mt-0.5 leading-tight",
-              children: "Native Token"
-            })]
-          })]
-        }, e.token.symbol || s);
-      })
-    })]
-  });
-}, ce = () => /* @__PURE__ */ r("div", {
-  className: "space-y-4 py-6",
-  children: /* @__PURE__ */ r("div", {
-    className: "p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg",
-    children: /* @__PURE__ */ t("div", {
-      className: "flex items-start space-x-2",
-      children: [/* @__PURE__ */ r("svg", {
-        "aria-hidden": "true",
-        className: "w-5 h-5 text-red-600 dark:text-red-400 shrink-0 mt-0.5",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: /* @__PURE__ */ r("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-        })
-      }), /* @__PURE__ */ t("p", {
-        className: "text-sm text-red-800 dark:text-red-200 font-medium",
-        children: [
-          "Sequence fee options require adapter-owned Sequence support. Pass the matching wagmi adapter through ",
-          /* @__PURE__ */ r("code", { children: "config.adapters" }),
-          " on",
-          /* @__PURE__ */ r("code", { children: "TrailsProvider" }),
-          " or the ",
-          /* @__PURE__ */ r("code", { children: "adapters" }),
-          " prop on",
-          /* @__PURE__ */ r("code", { children: "TrailsWidget" }),
-          "."
-        ]
-      })]
-    })
-  })
-}), ve = (a) => {
-  const { sequenceSupport: i } = re(), n = i?.WaasFeeOptionsController, { chainId: u, setIsError: o } = a;
-  return I(() => {
-    n || o?.(!0);
-  }, [n, o]), n ? /* @__PURE__ */ r(n, {
-    chainId: u,
-    children: (d) => /* @__PURE__ */ r(oe, {
-      ...a,
-      ...d
-    })
-  }) : /* @__PURE__ */ r(ce, {});
-};
-export {
-  ve as default
-};

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

@@ -1,8 +0,0 @@
-type WalletAccountHeaderProps = {
-    walletAddress?: string;
-    label?: string;
-    onSwitchWallet?: () => void;
-};
-export declare function WalletAccountHeader({ walletAddress, label, onSwitchWallet, }: WalletAccountHeaderProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=WalletAccountHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WalletAccountHeader.d.ts","sourceRoot":"","sources":["../../../src/widget/components/WalletAccountHeader.tsx"],"names":[],"mappings":"AAMA,KAAK,wBAAwB,GAAG;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,KAAgB,EAChB,cAAc,GACf,EAAE,wBAAwB,kDA6C1B"}