0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/ErrorAnimationIcon.js

@@ -1,148 +0,0 @@
-import { useEffect as a, useState as n } from "react";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-function d() {
-  const [o, r] = n(!1);
-  a(() => {
-    const i = setTimeout(() => {
-      r(!0);
-    }, 100);
-    return () => clearTimeout(i);
-  }, []);
-  const e = {
-    container: {
-      width: "80px",
-      height: "80px",
-      position: "relative"
-    },
-    circleContainer: {
-      position: "relative",
-      width: "100%",
-      height: "100%"
-    },
-    circleFill: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: "100%",
-      borderRadius: "50%",
-      backgroundColor: "#ef4444",
-      transform: o ? "scale(1)" : "scale(0)",
-      opacity: o ? 1 : 0,
-      transition: "transform 0.15s ease-out 0.3s, opacity 0.15s ease-out 0.3s"
-    },
-    progressRing: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: "100%",
-      transform: "rotate(-90deg)"
-    },
-    circle: {
-      fill: "none",
-      stroke: "url(#redGradient)",
-      strokeWidth: 4,
-      strokeLinecap: "round",
-      strokeDasharray: 226,
-      strokeDashoffset: o ? 0 : 226,
-      transition: "stroke-dashoffset 0.3s ease-out"
-    },
-    xContainer: {
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      transform: o ? "translate(-50%, -50%) scale(1)" : "translate(-50%, -50%) scale(0)",
-      opacity: o ? 1 : 0,
-      zIndex: 10,
-      transition: "transform 0.1s ease-out 0.4s, opacity 0.1s ease-out 0.4s"
-    },
-    xPath: {
-      fill: "none",
-      stroke: "white",
-      strokeWidth: 3,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeDasharray: 15,
-      strokeDashoffset: o ? 0 : 15,
-      transition: "stroke-dashoffset 0.15s ease-out 0.45s"
-    },
-    xPathSecond: {
-      fill: "none",
-      stroke: "white",
-      strokeWidth: 3,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeDasharray: 15,
-      strokeDashoffset: o ? 0 : 15,
-      transition: "stroke-dashoffset 0.15s ease-out 0.5s"
-    }
-  };
-  return /* @__PURE__ */ t("div", {
-    style: e.container,
-    children: /* @__PURE__ */ s("div", {
-      style: e.circleContainer,
-      children: [
-        /* @__PURE__ */ t("div", { style: e.circleFill }),
-        /* @__PURE__ */ s("svg", {
-          "aria-hidden": "true",
-          style: e.progressRing,
-          children: [/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ s("radialGradient", {
-            id: "redGradient",
-            cx: "50%",
-            cy: "50%",
-            r: "50%",
-            gradientUnits: "objectBoundingBox",
-            children: [
-              /* @__PURE__ */ t("stop", {
-                offset: "0%",
-                style: {
-                  stopColor: "#ef4444",
-                  stopOpacity: 0
-                }
-              }),
-              /* @__PURE__ */ t("stop", {
-                offset: "70%",
-                style: {
-                  stopColor: "#ef4444",
-                  stopOpacity: 0.3
-                }
-              }),
-              /* @__PURE__ */ t("stop", {
-                offset: "100%",
-                style: {
-                  stopColor: "#ef4444",
-                  stopOpacity: 1
-                }
-              })
-            ]
-          }) }), /* @__PURE__ */ t("circle", {
-            cx: "40",
-            cy: "40",
-            r: "36",
-            style: e.circle
-          })]
-        }),
-        /* @__PURE__ */ t("div", {
-          style: e.xContainer,
-          children: /* @__PURE__ */ s("svg", {
-            "aria-hidden": "true",
-            width: "48",
-            height: "48",
-            viewBox: "0 0 24 24",
-            children: [/* @__PURE__ */ t("path", {
-              d: "M6 6L18 18",
-              style: e.xPath
-            }), /* @__PURE__ */ t("path", {
-              d: "M18 6L6 18",
-              style: e.xPathSecond
-            })]
-          })
-        })
-      ]
-    })
-  });
-}
-export {
-  d as ErrorAnimationIcon
-};

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

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-interface ErrorDisplayProps {
-    errorPrettified?: string | null;
-    error?: string | null;
-    severity?: "warning" | "error" | "info";
-}
-export declare const ErrorDisplay: React.FC<ErrorDisplayProps>;
-export {};
-//# sourceMappingURL=ErrorDisplay.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorDisplay.d.ts","sourceRoot":"","sources":["../../../src/widget/components/ErrorDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,iBAAiB;IACzB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;CACxC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6IpD,CAAA"}

package/dist/widget/components/ErrorDisplay.js

@@ -1,104 +0,0 @@
-import { getPrettifiedErrorMessage as u } from "../../error.js";
-import { useEffect as c, useState as s } from "react";
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-var v = ({ errorPrettified: a, error: e, severity: i = "error" }) => {
-  const [d, x] = s(!1), [m, l] = s(a || null);
-  c(() => {
-    if (!a && e) {
-      const n = u(e);
-      n && l(n);
-    } else l(a || null);
-  }, [a, e]);
-  const t = (() => {
-    switch (i) {
-      case "error":
-        return {
-          bg: "bg-red-500/10",
-          border: "border-red-500/30",
-          icon: "text-red-500",
-          text: "text-red-600 dark:text-red-400",
-          button: "text-red-500 hover:text-red-600 dark:text-red-400 dark:hover:text-red-300",
-          expandable: "bg-red-500/5 border-red-500/20 text-red-700 dark:text-red-300"
-        };
-      case "info":
-        return {
-          bg: "bg-blue-500/10",
-          border: "border-blue-500/30",
-          icon: "text-blue-500",
-          text: "text-blue-600 dark:text-blue-400",
-          button: "text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-300",
-          expandable: "bg-blue-500/5 border-blue-500/20 text-blue-700 dark:text-blue-300"
-        };
-      case "warning":
-        return {
-          bg: "bg-amber-500/10",
-          border: "border-amber-500/30",
-          icon: "text-amber-500",
-          text: "text-amber-600 dark:text-amber-400",
-          button: "text-amber-500 hover:text-amber-600 dark:text-amber-400 dark:hover:text-amber-300",
-          expandable: "bg-amber-500/5 border-amber-500/20 text-amber-700 dark:text-amber-300"
-        };
-      default:
-        return {
-          bg: "bg-amber-500/10",
-          border: "border-amber-500/30",
-          icon: "text-amber-500",
-          text: "text-amber-600 dark:text-amber-400",
-          button: "text-amber-500 hover:text-amber-600 dark:text-amber-400 dark:hover:text-amber-300",
-          expandable: "bg-amber-500/5 border-amber-500/20 text-amber-700 dark:text-amber-300"
-        };
-    }
-  })(), b = m || e;
-  return b ? /* @__PURE__ */ r("div", {
-    className: `px-2 py-3 rounded-lg ${t.bg} border border-solid ${t.border}`,
-    children: /* @__PURE__ */ o("div", {
-      className: "flex items-start space-x-2",
-      children: [/* @__PURE__ */ r("svg", {
-        className: `w-4 h-4 ${t.icon} flex-shrink-0 mt-0.5`,
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24",
-        "aria-hidden": "true",
-        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-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__ */ o("div", {
-        className: "flex-1 min-w-0",
-        children: [/* @__PURE__ */ r("p", {
-          className: `text-sm ${t.text}`,
-          children: b
-        }), e && e !== b && /* @__PURE__ */ o("div", {
-          className: "mt-2",
-          children: [/* @__PURE__ */ o("button", {
-            type: "button",
-            onClick: () => x(!d),
-            className: `flex items-center gap-1 text-xs ${t.button} transition-colors cursor-pointer`,
-            "aria-label": "Show full error details",
-            children: [/* @__PURE__ */ o("span", { children: [d ? "Hide" : "Show", " full error"] }), /* @__PURE__ */ r("svg", {
-              className: `w-3 h-3 transition-transform duration-300 ease-out ${d ? "rotate-180" : ""}`,
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ r("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M19 9l-7 7-7-7"
-              })
-            })]
-          }), d && /* @__PURE__ */ r("div", {
-            className: `mt-2 p-2 ${t.expandable} rounded text-xs font-mono max-h-[200px] overflow-y-auto overflow-x-auto`,
-            children: e
-          })]
-        })]
-      })]
-    })
-  }) : null;
-};
-export {
-  v as ErrorDisplay
-};

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

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-interface ExecutingIntentsBadgeProps {
-    /** Number of executing intents */
-    count: number;
-}
-/**
- * Badge component showing the count of executing/in-progress intents.
- * Displays nothing when count is 0.
- */
-export declare const ExecutingIntentsBadge: React.FC<ExecutingIntentsBadgeProps>;
-export default ExecutingIntentsBadge;
-//# sourceMappingURL=ExecutingIntentsBadge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExecutingIntentsBadge.d.ts","sourceRoot":"","sources":["../../../src/widget/components/ExecutingIntentsBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,0BAA0B;IAClC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAUtE,CAAA;AAED,eAAe,qBAAqB,CAAA"}

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

@@ -1,5 +0,0 @@
-declare const ExecutionStatusBadge: React.FC<{
-    status?: string;
-}>;
-export default ExecutionStatusBadge;
-//# sourceMappingURL=ExecutionStatusBadge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExecutionStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/widget/components/ExecutionStatusBadge.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CA+CvD,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/widget/components/ExecutionStatusBadge.js

@@ -1,45 +0,0 @@
-import { getHistoryStatusDescription as a } from "../utils/historyFilters.js";
-import { formatRawStatusLabel as g } from "../utils/statusLabel.js";
-import { jsx as d } from "react/jsx-runtime";
-var n = ({ status: e }) => {
-  const r = a(e);
-  return /* @__PURE__ */ d("span", {
-    title: r,
-    className: `inline-flex items-center px-2.5 py-0.5 rounded text-xs font-medium ${r ? "cursor-help" : ""} ${((t) => {
-      switch (t?.toUpperCase()) {
-        case "SUCCEEDED":
-          return "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200";
-        case "EXECUTING":
-          return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200";
-        case "MINING":
-          return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200";
-        case "RELAYING":
-          return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200";
-        case "SENT":
-          return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200";
-        case "PENDING":
-          return "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200";
-        case "ON_HOLD":
-          return "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200";
-        case "FAILED":
-          return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200";
-        case "ABORTED":
-          return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200";
-        case "ERRORED":
-          return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200";
-        case "QUOTED":
-          return "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200";
-        case "COMMITTED":
-          return "bg-teal-100 text-teal-800 dark:bg-teal-900 dark:text-teal-200";
-        case "UNKNOWN":
-          return "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200";
-        default:
-          return "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200";
-      }
-    })(e)}`,
-    children: g(e)
-  });
-};
-export {
-  n as default
-};

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

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-import { Token } from '../../tokens.js';
-import { ProcessedFeeOption } from '../../hooks/useSelectedFeeOption.js';
-interface OriginTokenInfo {
-    originToken: Token;
-    originTokenBalance: string;
-    originTokenAmount: string;
-    isLoadingBalance?: boolean;
-}
-interface FeeOptionProps {
-    option: ProcessedFeeOption;
-    isSelected: boolean;
-    onClick?: () => void;
-    chainId?: number;
-    originTokenInfo?: OriginTokenInfo;
-}
-export declare const isFeeOptionDisabled: (option: ProcessedFeeOption, originTokenInfo?: OriginTokenInfo) => boolean;
-export declare const FeeOption: React.FC<FeeOptionProps>;
-export default FeeOption;
-//# sourceMappingURL=FeeOption.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeeOption.d.ts","sourceRoot":"","sources":["../../../src/widget/components/FeeOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAI7E,UAAU,eAAe;IACvB,WAAW,EAAE,KAAK,CAAA;IAClB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAED,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,kBAAkB,EAC1B,kBAAkB,eAAe,YA2ClC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+F9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/widget/components/FeeOption.js

@@ -1,71 +0,0 @@
-import { logger as u } from "../../logger/index.js";
-import { normalizeAddress as m } from "../../utils/address.js";
-import b from "./TokenImage.js";
-import g from "./Tooltip.js";
-import { parseUnits as y } from "viem";
-import { useMemo as h } from "react";
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-var p = (r, a) => {
-  try {
-    if (!r) return !0;
-    const t = a?.originToken?.contractAddress, d = r.tokenAddress;
-    if (t && d && m(t) === m(d) && a) {
-      if (a.isLoadingBalance) return !1;
-      const l = BigInt(a.originTokenBalance ?? "0");
-      return y(a.originTokenAmount ?? "0", a.originToken?.decimals ?? 18) + BigInt(r.amount ?? "0") > l;
-    }
-    return r.notEnoughBalance ?? !1;
-  } catch (t) {
-    return u.console.error("[trails-sdk] [fee-option] error checking if fee option is disabled", t), !0;
-  }
-}, A = ({ option: r, isSelected: a, onClick: t, chainId: d, originTokenInfo: l }) => {
-  const s = l?.isLoadingBalance ?? !1, i = h(() => s ? !1 : p(r, l), [
-    l,
-    r,
-    s
-  ]), n = !!t && !i && !s, c = /* @__PURE__ */ o("button", {
-    type: "button",
-    className: `w-full flex items-center justify-between p-2 trails-border-radius-list-button transition-colors ${s ? "border cursor-wait opacity-70 bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700" : i ? "border cursor-not-allowed opacity-50 bg-gray-100 dark:bg-gray-800 border-gray-300 dark:border-gray-600" : n ? a ? "border cursor-pointer trails-bg-primary/10 border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border cursor-pointer trails-bg-card trails-border-primary hover:trails-hover-bg" : "cursor-default trails-bg-card"}`,
-    onClick: n ? t : void 0,
-    disabled: i || !n,
-    children: [/* @__PURE__ */ o("div", {
-      className: "flex items-center space-x-2",
-      children: [/* @__PURE__ */ e(b, {
-        imageUrl: r.tokenImageUrl,
-        symbol: r.tokenSymbol,
-        chainId: r.chainId || d,
-        size: 24
-      }), /* @__PURE__ */ e("div", {
-        className: "ml-2 text-left",
-        children: s ? /* @__PURE__ */ e("div", { className: "animate-pulse bg-gray-200 dark:bg-gray-700 h-4 w-20 rounded" }) : /* @__PURE__ */ o("div", {
-          className: "flex items-center gap-2",
-          children: [/* @__PURE__ */ e("div", {
-            className: `text-xs font-medium ${i ? "text-gray-400 dark:text-gray-500" : "trails-text-primary"}`,
-            children: r.amountFormatted
-          }), r.isPassthroughEligible && /* @__PURE__ */ e("span", {
-            className: "text-[10px] px-2 py-0.5 rounded-full bg-gray-200 text-gray-900",
-            children: "passthrough"
-          })]
-        })
-      })]
-    }), /* @__PURE__ */ e("div", {
-      className: "text-right",
-      children: s ? /* @__PURE__ */ e("div", { className: "animate-pulse bg-gray-200 dark:bg-gray-700 h-4 w-12 rounded" }) : /* @__PURE__ */ o("div", {
-        className: `text-xs font-medium ${i ? "text-gray-400 dark:text-gray-500" : "trails-text-primary"}`,
-        title: r.amountUsdDisplay,
-        children: ["≈ ", r.amountUsdLocaleDisplay || r.amountUsdDisplay]
-      })
-    })]
-  });
-  return s ? /* @__PURE__ */ e(g, {
-    message: "Loading balance...",
-    children: c
-  }) : i ? /* @__PURE__ */ e(g, {
-    message: "Not enough balance to use this fee option",
-    children: c
-  }) : c;
-};
-export {
-  A as default,
-  p as isFeeOptionDisabled
-};

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

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-import { ProcessedFeeOption } from '../../hooks/useSelectedFeeOption.js';
-import { FeeOption } from '@0xtrails/api';
-import { Token } from '../../tokens.js';
-interface FeeOptionsProps {
-    processedFeeOptions: ProcessedFeeOption[];
-    selectedFeeOption: FeeOption | null;
-    setSelectedFeeOption: (token: FeeOption | null) => void;
-    chainId?: number;
-    isRefetching?: boolean;
-    originTokenInfo?: {
-        originToken: Token;
-        originTokenBalance: string;
-        originTokenAmount: string;
-        isLoadingBalance?: boolean;
-    };
-}
-export declare const FeeOptions: React.FC<FeeOptionsProps>;
-export default FeeOptions;
-//# sourceMappingURL=FeeOptions.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeeOptions.d.ts","sourceRoot":"","sources":["../../../src/widget/components/FeeOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAG5C,UAAU,eAAe;IACvB,mBAAmB,EAAE,kBAAkB,EAAE,CAAA;IACzC,iBAAiB,EAAE,SAAS,GAAG,IAAI,CAAA;IACnC,oBAAoB,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE;QAChB,WAAW,EAAE,KAAK,CAAA;QAClB,kBAAkB,EAAE,MAAM,CAAA;QAC1B,iBAAiB,EAAE,MAAM,CAAA;QACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAC3B,CAAA;CACF;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsNhD,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/widget/components/FeeOptions.js

@@ -1,99 +0,0 @@
-import { logger as v } from "../../logger/index.js";
-import { isNativeToken as l, normalizeAddress as d } from "../../utils/address.js";
-import { useSelectedFundMethod as S } from "../../hooks/useSelectedFundMethod.js";
-import { useClickTracking as U } from "../../hooks/useClickTracking.js";
-import w from "./TokenImage.js";
-import A, { isFeeOptionDisabled as C } from "./FeeOption.js";
-import { useRef as D, useState as I } from "react";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { ChevronDown as j } from "lucide-react";
-var q = ({ processedFeeOptions: s, selectedFeeOption: n, setSelectedFeeOption: k, chainId: m, isRefetching: x, originTokenInfo: c }) => {
-  const { selectedFundMethod: h } = S(), [f, g] = I(!1), y = D(null), { trackClick: b } = U();
-  if (h === "direct-transfer" || h === "onramp-mesh" || x || !s || s.length === 0 || !s.some((e) => !l(e.tokenAddress))) return null;
-  const u = s.find((e) => l(e.tokenAddress)), r = (() => {
-    if (n === null || l(n?.tokenAddress)) return u;
-    if (!n) return;
-    const e = d(n.tokenAddress);
-    return s.find((i) => d(i.tokenAddress) === e);
-  })(), a = r ? C(r, c) ? u : r : u, N = (e) => {
-    const i = l(e.tokenAddress);
-    b({
-      component: "FeeOptions",
-      action: "select_fee_option",
-      label: i ? "native_gas" : e.tokenSymbol,
-      metadata: {
-        tokenSymbol: e.tokenSymbol,
-        tokenAddress: e.tokenAddress,
-        chainId: (e.chainId || m)?.toString(),
-        isNativeToken: i.toString(),
-        amountFormatted: e.amountFormatted,
-        amountUsd: e.amountUsdDisplay
-      }
-    }), i ? (k(null), v.console.log("[trails-sdk] [fee-select] Selected native gas fee option")) : (k(e), v.console.log("[trails-sdk] [fee-select] Selected ERC20 fee option:", e)), g(!1);
-  };
-  return s.length === 1 && r ? /* @__PURE__ */ t("div", {
-    className: "space-y-1",
-    ref: y,
-    children: /* @__PURE__ */ o("div", {
-      className: "p-2",
-      children: [/* @__PURE__ */ t("div", {
-        className: "flex justify-between items-center mb-2",
-        children: /* @__PURE__ */ t("div", {
-          className: "text-xs font-medium trails-text-primary",
-          children: "Gas Fee Option"
-        })
-      }), /* @__PURE__ */ t("div", {
-        className: "mt-2 space-y-1",
-        children: /* @__PURE__ */ t(A, {
-          option: r,
-          isSelected: l(r?.tokenAddress) ? n === null || l(n?.tokenAddress) : d(n?.tokenAddress) === d(r?.tokenAddress),
-          chainId: r?.chainId || m,
-          originTokenInfo: c
-        }, `${r?.tokenAddress}-0`)
-      })]
-    })
-  }) : /* @__PURE__ */ t("div", {
-    ref: y,
-    children: /* @__PURE__ */ o("div", {
-      className: "p-2",
-      children: [/* @__PURE__ */ o("button", {
-        className: "w-full flex justify-between items-center mb-2 cursor-pointer",
-        type: "button",
-        onClick: s.length === 1 ? void 0 : () => g(!f),
-        disabled: s.length === 1,
-        children: [/* @__PURE__ */ t("div", {
-          className: "text-sm font-semibold text-gray-900 dark:text-white",
-          children: "Gas Fee Options"
-        }), /* @__PURE__ */ o("div", {
-          className: "flex items-center gap-1",
-          children: [
-            a && /* @__PURE__ */ t(w, {
-              imageUrl: a.tokenImageUrl,
-              symbol: a.tokenSymbol,
-              chainId: a.chainId || m,
-              size: 16
-            }),
-            a && /* @__PURE__ */ t("div", {
-              className: "text-sm font-medium text-gray-600 dark:text-gray-400",
-              title: a.amountUsdDisplay,
-              children: a.amountUsdLocaleDisplay || a.amountUsdDisplay
-            }),
-            s.length > 1 && /* @__PURE__ */ t(j, { className: `w-3 h-3 transition-transform text-gray-600 dark:text-gray-400 ${f ? "transform rotate-180" : ""}` })
-          ]
-        })]
-      }), f && s.length > 1 && /* @__PURE__ */ t("div", {
-        className: "mt-2 space-y-1",
-        children: s.map((e) => /* @__PURE__ */ t(A, {
-          option: e,
-          isSelected: l(e.tokenAddress) ? n === null || l(n?.tokenAddress) : d(n?.tokenAddress) === d(e.tokenAddress),
-          onClick: () => N(e),
-          chainId: e.chainId || m,
-          originTokenInfo: c
-        }, e.tokenAddress))
-      })]
-    })
-  });
-};
-export {
-  q as default
-};

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

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { OnrampFiatCurrency } from '../../hooks/useFiatOnRampCurrencies.js';
-interface FiatSelectorProps {
-    onCurrencySelect: (selectedCurrency: OnrampFiatCurrency) => void;
-    onError: (error: Error | string | null) => void;
-    selectedCurrency?: OnrampFiatCurrency | null;
-    onNavigateToFundMethods?: () => void;
-    showContinueButton?: boolean;
-    onContinue?: (selectedCurrency: OnrampFiatCurrency) => void;
-    compactMode?: boolean;
-    apiUrl?: string;
-    trailsClient?: any;
-    onAutoSelect?: (selectedCurrency: OnrampFiatCurrency) => void;
-    onSelectCountry?: (countryCode: string | null) => void;
-}
-export declare const FiatSelector: React.FC<FiatSelectorProps>;
-export {};
-//# sourceMappingURL=FiatSelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FiatSelector.d.ts","sourceRoot":"","sources":["../../../src/widget/components/FiatSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAG3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAMhF,UAAU,iBAAiB;IACzB,gBAAgB,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAChE,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,gBAAgB,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAC5C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7D,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CACvD;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0RpD,CAAA"}