0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/FiatSelector.js

@@ -1,171 +0,0 @@
-import { logger as q } from "../../logger/index.js";
-import K from "./SearchInputField.js";
-import { useCountryList as M } from "../../query/geo.hooks.js";
-import { useOnRampCountryDefaults as z } from "../../hooks/useOnRampCountryDefaults.js";
-import { useFiatOnRampCurrencies as B } from "../../hooks/useFiatOnRampCurrencies.js";
-import G from "./CountryFilterDropdown.js";
-import H, { useEffect as f, useMemo as J, useState as D } from "react";
-import { AnimatePresence as T, m as V } from "motion/react";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { ChevronLeft as W } from "lucide-react";
-var oe = ({ onCurrencySelect: y, onError: x, selectedCurrency: a, onNavigateToFundMethods: C, showContinueButton: j = !1, onContinue: N, compactMode: v = !1, trailsClient: F, onAutoSelect: h, onSelectCountry: R }) => {
-  const [n, O] = D(""), [w, U] = D(null), { data: $ = [] } = M(), I = (t) => {
-    U(t), R?.(t);
-  }, { countryCode: A, defaultCurrencyCode: p, isLoading: g, error: E } = z({ enabled: !0 }), k = w || A, { fiatCurrencies: s, isLoading: i, error: u } = B({
-    countryCode: k || "US",
-    trailsClient: F,
-    enabled: !0
-  }), m = H.useRef(!1);
-  f(() => {
-    if (!a && s.length > 0 && !i && !g && !m.current) {
-      const t = p || "USD", r = s.find((c) => c.currencyCode === t);
-      r && (q.console.log("[FiatSelector] Auto-selecting default currency:", r, p ? "(detected)" : "(fallback to USD)"), m.current = !0, h ? h(r) : y(r));
-    }
-  }, [
-    a,
-    p,
-    s,
-    i,
-    g,
-    y,
-    h
-  ]), f(() => {
-    a && (m.current = !0);
-  }, [a]), f(() => {
-    m.current = !1;
-  }, []);
-  const l = J(() => {
-    if (!n.trim()) return s;
-    const t = n.trim().toLowerCase();
-    return s.filter((r) => r.currencyCode.toLowerCase().includes(t) || r.name.toLowerCase().includes(t));
-  }, [s, n]), P = (t) => a?.currencyCode === t.currencyCode, S = (t) => {
-    y(t);
-  };
-  let o = "";
-  return u || E ? o = "Failed to load currencies" : !k && g ? o = "Detecting your location..." : n.trim() && l.length === 0 ? o = "No currencies found matching your search." : s.length === 0 && !i && (o = "No currencies available for your location"), f(() => {
-    u && x(u);
-  }, [u, x]), /* @__PURE__ */ d("div", {
-    className: "space-y-2",
-    children: [
-      /* @__PURE__ */ e(K, {
-        value: n,
-        onChange: O,
-        placeholder: "Search currencies",
-        autoFocus: !0,
-        className: "mb-2",
-        rightAlignedComponent: /* @__PURE__ */ e(G, {
-          countries: $,
-          selectedCountryCode: w,
-          onCountrySelect: I,
-          compactMode: v,
-          nestedMode: !0
-        })
-      }),
-      i && l.length === 0 && /* @__PURE__ */ d("div", {
-        className: "text-center py-4",
-        children: [/* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 mx-auto border-solid border-black dark:border-white" }), /* @__PURE__ */ e("p", {
-          className: "mt-2 text-gray-500 dark:text-gray-400",
-          children: "Loading currencies..."
-        })]
-      }),
-      !i && l.length === 0 && o && /* @__PURE__ */ e("div", {
-        className: "text-center py-4 rounded-lg trails-bg-secondary",
-        children: /* @__PURE__ */ e("p", {
-          className: "text-gray-500 dark:text-gray-400",
-          children: o
-        })
-      }),
-      l.length > 0 && /* @__PURE__ */ e("div", {
-        className: `${v ? "max-h-48" : "max-h-[400px]"} overflow-y-auto trails-scrollbar space-y-1`,
-        children: /* @__PURE__ */ e(T, {
-          mode: "popLayout",
-          children: l.map((t) => {
-            const { currencyCode: r, name: c, symbolImageUrl: L } = t, Q = P(t);
-            return /* @__PURE__ */ d(V.div, {
-              layout: !0,
-              initial: {
-                opacity: 0,
-                y: 20
-              },
-              animate: {
-                opacity: 1,
-                y: 0
-              },
-              exit: {
-                opacity: 0,
-                y: -20
-              },
-              transition: {
-                duration: 0.05,
-                ease: "easeOut",
-                layout: {
-                  duration: 0.08,
-                  ease: "easeOut"
-                }
-              },
-              onClick: () => S(t),
-              onKeyDown: (b) => {
-                (b.key === "Enter" || b.key === " ") && (b.preventDefault(), S(t));
-              },
-              tabIndex: 0,
-              "aria-label": `Select ${c} currency`,
-              title: `Select ${c} currency`,
-              className: `w-full py-2 px-4 flex items-center space-x-3 transition-all duration-200 trails-list-item trails-border-radius-list-button ${Q ? "trails-list-item-selected" : ""} cursor-pointer`,
-              children: [/* @__PURE__ */ e("div", {
-                className: "relative flex-shrink-0 mr-2",
-                children: /* @__PURE__ */ e("div", {
-                  className: "rounded-full flex items-center justify-center bg-gray-100 dark:bg-gray-700",
-                  children: L ? /* @__PURE__ */ e("img", {
-                    src: L,
-                    alt: r,
-                    className: "w-8 h-8 rounded-full object-cover"
-                  }) : /* @__PURE__ */ e("div", {
-                    className: "w-8 h-8 rounded-full bg-gray-200 dark:bg-gray-600 flex items-center justify-center",
-                    children: /* @__PURE__ */ e("span", {
-                      className: "text-xs font-medium text-gray-600 dark:text-gray-300",
-                      children: r.substring(0, 2)
-                    })
-                  })
-                })
-              }), /* @__PURE__ */ d("div", {
-                className: "flex-1 min-w-0 text-left",
-                children: [/* @__PURE__ */ e("h3", {
-                  className: "text-sm font-medium truncate text-gray-900 dark:text-white",
-                  children: c
-                }), /* @__PURE__ */ e("div", {
-                  className: "flex items-center gap-1.5",
-                  children: /* @__PURE__ */ e("span", {
-                    className: "text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap",
-                    children: r
-                  })
-                })]
-              })]
-            }, r);
-          })
-        })
-      }),
-      j && N && a && /* @__PURE__ */ e("div", {
-        className: "space-y-4",
-        children: /* @__PURE__ */ e("button", {
-          type: "button",
-          onClick: () => N(a),
-          disabled: !a,
-          className: "w-full font-semibold py-3 px-4 trails-border-radius-button transition-colors bg-blue-500 hover:bg-blue-600 disabled:bg-gray-300 text-white disabled:text-gray-500 disabled:cursor-not-allowed cursor-pointer",
-          children: "Continue"
-        })
-      }),
-      C && !i && /* @__PURE__ */ e("div", {
-        className: "text-center pt-1",
-        children: /* @__PURE__ */ d("button", {
-          type: "button",
-          onClick: C,
-          className: "inline-flex items-center justify-center space-x-1 px-2 py-1 text-xs font-medium trails-text-secondary trails-bg-secondary trails-hover-bg trails-border trails-border-radius-button transition-all duration-200 cursor-pointer",
-          children: [/* @__PURE__ */ e(W, { className: "h-3 w-3" }), /* @__PURE__ */ e("span", { children: "Pay with another method" })]
-        })
-      })
-    ]
-  });
-};
-export {
-  oe as FiatSelector
-};

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

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { OnrampFiatCurrency } from '../../hooks/useFiatOnRampCurrencies.js';
-interface FiatSelectorButtonProps {
-    currency?: OnrampFiatCurrency | null;
-    onSelect: () => void;
-    className?: string;
-    unselectable?: boolean;
-}
-export declare const FiatSelectorButton: React.FC<FiatSelectorButtonProps>;
-export {};
-//# sourceMappingURL=FiatSelectorButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FiatSelectorButton.d.ts","sourceRoot":"","sources":["../../../src/widget/components/FiatSelectorButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAEhF,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwDhE,CAAA"}

package/dist/widget/components/FiatSelectorButton.js

@@ -1,41 +0,0 @@
-import { Fragment as l, jsx as e, jsxs as a } from "react/jsx-runtime";
-import { ChevronRight as s } from "lucide-react";
-var n = ({ currency: t, onSelect: i, className: d = "flex items-center space-x-1.5 trails-border-radius-input px-2.5 py-1.5 border transition-all duration-200", unselectable: r = !1 }) => /* @__PURE__ */ e("button", {
-  type: "button",
-  onClick: i,
-  disabled: r,
-  className: `${d} ${t ? "max-w-[150px]" : ""} ${t ? "bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 hover:border-gray-300 dark:hover:border-gray-600" : "bg-blue-500 hover:bg-blue-600 border-blue-500 text-white"} ${r ? "cursor-default" : "cursor-pointer"}`,
-  children: t ? /* @__PURE__ */ a(l, { children: [
-    /* @__PURE__ */ e("div", {
-      className: "flex items-center shrink-0",
-      children: t.symbolImageUrl ? /* @__PURE__ */ e("img", {
-        src: t.symbolImageUrl,
-        alt: t.currencyCode,
-        className: "w-6 h-6 rounded-full object-cover"
-      }) : /* @__PURE__ */ e("div", {
-        className: "w-10 h-7 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center",
-        children: /* @__PURE__ */ e("span", {
-          className: "text-xs font-medium text-gray-600 dark:text-gray-300",
-          children: t.currencyCode.substring(0, 2)
-        })
-      })
-    }),
-    /* @__PURE__ */ a("div", {
-      className: "flex flex-col items-start min-w-0 overflow-hidden",
-      children: [/* @__PURE__ */ e("span", {
-        className: "font-bold trails-text-primary text-sm leading-tight truncate max-w-full text-left",
-        children: t.currencyCode
-      }), /* @__PURE__ */ e("span", {
-        className: "text-xs trails-text-muted leading-tight truncate max-w-full text-left",
-        children: t.name
-      })]
-    }),
-    !r && /* @__PURE__ */ e(s, { className: "w-3.5 h-3.5 trails-text-muted flex-shrink-0" })
-  ] }) : /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ e("span", {
-    className: "font-medium text-sm text-white",
-    children: "Select Currency"
-  }), !r && /* @__PURE__ */ e(s, { className: "w-3.5 h-3.5 text-white" })] })
-});
-export {
-  n as FiatSelectorButton
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/widget/components/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,WAAW;IACnB,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/C;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwDxC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/widget/components/Footer.js

@@ -1,71 +0,0 @@
-import { SDK_VERSION as a } from "../../version.js";
-import { SITE_URL as r } from "../../constants.js";
-import { useClickTracking as o } from "../../hooks/useClickTracking.js";
-import s from "../assets/components/TrailsBlack.js";
-import c from "../assets/components/TrailsWhite.js";
-import { DebugMenu as m } from "./DebugMenu.js";
-import { m as d } from "motion/react";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-var b = ({ onDebugScreenSelect: i }) => {
-  const { trackClick: n } = o(), l = () => {
-    n({
-      component: "Footer",
-      action: "click_trails_logo",
-      label: "powered_by_trails",
-      metadata: {
-        destination: r,
-        version: a
-      }
-    });
-  };
-  return /* @__PURE__ */ t(d.div, {
-    initial: {
-      opacity: 0,
-      y: 10
-    },
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    transition: { duration: 0.15 },
-    className: "mt-auto pt-2 text-center text-xs relative flex items-center justify-center text-gray-400 dark:text-gray-500",
-    layout: !0,
-    children: [/* @__PURE__ */ t("div", {
-      className: "absolute right-0 flex items-center h-full",
-      children: [/* @__PURE__ */ t("span", {
-        className: "text-[9px] opacity-15 mr-1.5 select-none",
-        children: ["v", a]
-      }), /* @__PURE__ */ e(m, { onScreenSelect: i })]
-    }), /* @__PURE__ */ t("span", {
-      className: "inline-flex items-center gap-1",
-      children: [
-        /* @__PURE__ */ e("span", {
-          className: "inline-flex h-[12px] items-center text-[12px] leading-none",
-          children: "Powered by"
-        }),
-        /* @__PURE__ */ e("span", {
-          className: "text-black inline-flex h-[12px] items-center text-[12px] leading-none font-medium dark:text-white",
-          children: "Polygon"
-        }),
-        /* @__PURE__ */ t("a", {
-          href: r,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          title: "Visit the Trails website",
-          onClick: l,
-          className: "inline-flex h-[12px] items-center font-medium leading-none text-gray-400 transition-colors hover:opacity-80 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300",
-          children: [/* @__PURE__ */ e(s, {
-            "aria-label": "Trails",
-            className: "h-[12px] w-auto dark:hidden"
-          }), /* @__PURE__ */ e(c, {
-            "aria-label": "Trails",
-            className: "h-[12px] w-auto hidden dark:inline-block"
-          })]
-        })
-      ]
-    })]
-  });
-};
-export {
-  b as default
-};

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

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-import { FundProps } from './Fund.types.js';
-/**
- * Fund — router that renders either FundExactInput or FundExactOutput
- * based on the `tradeType` prop. Exact output is only allowed in wallet
- * funding mode (fiat onramps and exchange transfers cannot be parameterised
- * by destination amount), so any non-wallet fund method always uses
- * `FundExactInput`.
- *
- * Internal trade direction (the direction used to compute quotes) is
- * synced into `useSwapState` and may differ from the UI layout:
- * - When `tradeType="EXACT_OUTPUT"` AND the consumer pre-supplied
- *   `from.amount`, we use `EXACT_INPUT` internally so the source amount is
- *   fixed and the destination ("you will receive") amount is quoted —
- *   while keeping the `FundExactOutput` layout.
- */
-declare const Fund: React.FC<FundProps>;
-export { Fund };
-//# sourceMappingURL=Fund.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Fund.d.ts","sourceRoot":"","sources":["../../../src/widget/components/Fund.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2B7B,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/widget/components/Fund.js

@@ -1,16 +0,0 @@
-import { useWidgetProps as n } from "../../hooks/useWidgetProps.js";
-import { TradeType as m } from "../../transactionIntent/types.js";
-import { useSwapState as a } from "../../hooks/useSwapState.js";
-import { FundExactInput as d } from "./FundExactInput.js";
-import { FundExactOutput as c } from "./FundExactOutput.js";
-import { useEffect as i } from "react";
-import { jsx as u } from "react/jsx-runtime";
-var C = (t) => {
-  const { setTradeType: e } = a(), { fundMethod: r, tradeType: p = "EXACT_INPUT" } = t, { fromAmount: f } = n(), o = p === "EXACT_OUTPUT" && (!r || r === "wallet"), T = o && !f ? m.EXACT_OUTPUT : m.EXACT_INPUT;
-  return i(() => {
-    e(T);
-  }, [T, e]), o ? /* @__PURE__ */ u(c, { ...t }) : /* @__PURE__ */ u(d, { ...t });
-};
-export {
-  C as Fund
-};

package/dist/widget/components/Fund.types.d.ts

@@ -1,22 +0,0 @@
-import { Screen } from '../../hooks/useViewManager.js';
-import { BaseProps, OnrampConfirmCallback } from '../types/commonProps.js';
-export type FundTradeType = "EXACT_INPUT" | "EXACT_OUTPUT";
-export interface FundProps extends BaseProps {
-    onWaitingForOnrampConfirm?: OnrampConfirmCallback;
-    title?: string;
-    onrampPropsCallback?: (props: any) => void;
-    screenNavigationCallback?: (screen: Screen) => void;
-    /** Default input mode: "fiat" starts with USD input, "token" starts with token input */
-    defaultInputMode?: "fiat" | "token";
-    /**
-     * Interface type of Fund mode.
-     *
-     * - `"EXACT_INPUT"` (default): the user specifies the amount to spend, the
-     *   destination amount is computed from the quote.
-     * - `"EXACT_OUTPUT"`: the user specifies the amount to receive, the source
-     *   amount is computed from the quote. Only supported for wallet funding, not supported for fiat onramps and exchange transfers.
-     *
-     */
-    tradeType?: FundTradeType;
-}
-//# sourceMappingURL=Fund.types.d.ts.map

package/dist/widget/components/Fund.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fund.types.d.ts","sourceRoot":"","sources":["../../../src/widget/components/Fund.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/E,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,cAAc,CAAA;AAE1D,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,yBAAyB,CAAC,EAAE,qBAAqB,CAAA;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC1C,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;CAC1B"}

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

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { FundProps } from './Fund.types.js';
-declare const FundExactInput: React.FC<FundProps>;
-export { FundExactInput };
-//# sourceMappingURL=FundExactInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FundExactInput.d.ts","sourceRoot":"","sources":["../../../src/widget/components/FundExactInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoE9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+8EvC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}