0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/HookModalContent.js

@@ -1,237 +0,0 @@
-import { logger as a } from "../../logger/index.js";
-import { elapsed as D, toSeconds as G } from "../../utils/time.js";
-import { useWidgetProps as J } from "../../hooks/useWidgetProps.js";
-import { useOriginSelectedToken as V } from "../../hooks/useOriginSelectedToken.js";
-import { invalidateTokenBalancesCache as X } from "../../query/balance.queries.js";
-import Y from "./Modal.js";
-import Z from "./TokenList.js";
-import _ from "./OriginSelectionAmount.js";
-import $ from "./WalletConfirmation.js";
-import ee from "./TransferPendingVertical.js";
-import te from "./Receipt.js";
-import { useRecentTokens as ne } from "../../hooks/useRecentTokens.js";
-import { useTrailsModal as oe } from "../providers/TrailsModalProvider.js";
-import { zeroAddress as y } from "viem";
-import { useCallback as O, useEffect as A, useRef as re, useState as ie } from "react";
-import { AnimatePresence as se, m as q } from "motion/react";
-import { useQueryClient as ae } from "@tanstack/react-query";
-import { useAccount as le } from "@0xtrails/wallet";
-import { jsx as n } from "react/jsx-runtime";
-function ce(f) {
-  switch (f) {
-    case "awaiting-origin":
-      return "select-origin-token";
-    case "awaiting-amount":
-      return "select-origin-amount";
-    case "confirmation":
-      return "wallet-confirmation";
-    case "pending":
-      return "pending";
-    case "success":
-    case "error":
-      return "receipt";
-    default:
-      return "select-origin-token";
-  }
-}
-function He() {
-  const { address: f } = le(), { renderInline: w } = J(), { isModalOpen: g, closeModal: x, pendingSelection: t, setPendingSelection: l, hostTransactionState: r, setHostTransactionState: d, hostTransactionQuote: h, hostTransactionStates: v, hostTransactionTimestamp: u, resetHostTransactionState: M, resetForNewTransaction: R, receiptActionButtonText: P, onReceiptAction: k, retryTransactionRef: b, repeatTransactionRef: S, lastOriginSelection: m, setLastOriginSelection: j, setHandleCloseModal: T } = oe(), H = ae();
-  a.console.log("[trails-sdk] [HookModalContent] Render state:", {
-    isModalOpen: g,
-    hostTransactionStatus: r.status,
-    hasPendingSelection: !!t
-  });
-  const { selectedToken: o, setSelectedToken: C } = V(), { recentTokens: F, addRecentToken: N } = ne(f), [Q, E] = ie(null), c = re(m?.amount);
-  A(() => {
-    m?.amount && (c.current = m.amount);
-  }, [m?.amount]);
-  const I = ce(r.status);
-  A(() => {
-    r.status === "success" && u && E(Math.max(0, G(D(u))));
-  }, [r.status, u]);
-  const i = O(() => {
-    t && (a.console.log("[trails-sdk] [HookModalContent] Closing modal, rejecting pending selection"), t.reject(/* @__PURE__ */ new Error("Modal closed by user")), l(void 0)), x(), M(), C(null);
-  }, [
-    x,
-    M,
-    t,
-    l,
-    C
-  ]);
-  A(() => (T(i), () => {
-    T(null);
-  }), [i, T]);
-  const B = (e) => {
-    if (C(e), N(e), t) {
-      if (t.requireAmountInput) {
-        d((p) => ({
-          ...p,
-          status: "awaiting-amount"
-        }));
-        return;
-      }
-      const s = e.contractAddress || y;
-      try {
-        t.resolve({
-          fromTokenAddress: s,
-          fromChainId: e.chainId ?? 0
-        });
-      } catch (p) {
-        a.console.error("[trails-sdk] [HookModalContent] Error resolving pending selection:", p), t.reject(p);
-      } finally {
-        l(void 0);
-      }
-    }
-  }, L = (e) => {
-    B(e);
-  }, U = (e) => {
-    if (c.current = e, o && j({
-      tokenAddress: o.contractAddress || y,
-      chainId: o.chainId ?? 0,
-      amount: e
-    }), t && o) try {
-      t.resolve({
-        fromTokenAddress: o.contractAddress || y,
-        fromChainId: o.chainId ?? 0,
-        fromAmount: e
-      }), l(void 0);
-    } catch (s) {
-      a.console.error("[trails-sdk] [HookModalContent] Error resolving pending selection amount:", s), t.reject(s), l(void 0);
-    }
-  }, W = () => {
-    b.current && (d((e) => ({
-      ...e,
-      retryEnabled: !1
-    })), b.current());
-  }, z = O(() => {
-    a.console.log("[trails-sdk] [HookModalContent] handleSendAnother called"), H.invalidateQueries({ queryKey: ["prepareSend"] }), X(), k && k(), S.current ? S.current() : R();
-  }, [
-    H,
-    k,
-    S,
-    R
-  ]), K = () => {
-    switch (I) {
-      case "select-origin-token":
-        return /* @__PURE__ */ n(Z, {
-          onContinue: B,
-          onBack: i,
-          targetAmountUsd: null,
-          targetAmountUsdFormatted: null,
-          onError: (e) => {
-            a.console.error("[trails-sdk] [HookModalContent] Token list error:", e);
-          },
-          recentTokens: F,
-          onRecentTokenSelect: L,
-          fundMethod: null,
-          renderInline: w
-        });
-      case "select-origin-amount":
-        return /* @__PURE__ */ n(_, {
-          token: o,
-          onBack: (e) => {
-            c.current = e, d((s) => ({
-              ...s,
-              status: "awaiting-origin"
-            }));
-          },
-          onCancel: (e) => {
-            c.current = e, i();
-          },
-          onSubmit: U,
-          initialAmount: c.current
-        });
-      case "wallet-confirmation":
-        return /* @__PURE__ */ n($, {
-          onBack: () => d((e) => ({
-            ...e,
-            status: "awaiting-origin"
-          })),
-          onComplete: () => {
-          },
-          retryEnabled: r.retryEnabled ?? !1,
-          onRetry: W,
-          quote: h
-        });
-      case "pending":
-        return /* @__PURE__ */ n(ee, {
-          onElapsedTime: (e) => E(e ?? 0),
-          transactionStates: v,
-          quote: h,
-          timestamp: u ?? void 0,
-          onContinue: () => {
-          }
-        });
-      case "receipt":
-        return /* @__PURE__ */ n(te, {
-          onSendAnother: z,
-          onClose: i,
-          renderInline: w,
-          transactionStates: v,
-          totalCompletionSeconds: Q ?? void 0,
-          quote: h,
-          showCloseButton: !1,
-          actionButtonText: P ?? void 0
-        });
-      default:
-        return null;
-    }
-  };
-  return !g || r.status === "idle" ? null : /* @__PURE__ */ n(Y, {
-    isOpen: g,
-    onClose: i,
-    children: /* @__PURE__ */ n(q.div, {
-      initial: {
-        opacity: 0,
-        scale: 0.95
-      },
-      animate: {
-        opacity: 1,
-        scale: 1
-      },
-      exit: {
-        opacity: 0,
-        scale: 0.95
-      },
-      transition: {
-        type: "spring",
-        stiffness: 200,
-        damping: 30,
-        mass: 1
-      },
-      className: "flex flex-col min-h-[400px] shadow-xl p-4 sm:p-6 relative w-full max-w-[400px] min-w-0 sm:w-[400px] mx-auto custom-scrollbar trails-bg-primary trails-text-primary trails-font trails-border-radius-widget trails-widget-border",
-      layout: !0,
-      layoutId: "modal-container",
-      onClick: (e) => e.stopPropagation(),
-      children: /* @__PURE__ */ n(se, {
-        mode: "wait",
-        children: /* @__PURE__ */ n(q.div, {
-          initial: {
-            opacity: 0,
-            x: 20
-          },
-          animate: {
-            opacity: 1,
-            x: 0
-          },
-          exit: {
-            opacity: 0,
-            x: -20
-          },
-          transition: {
-            type: "spring",
-            stiffness: 500,
-            damping: 30,
-            mass: 0.6
-          },
-          className: "flex-1 flex flex-col w-full min-w-0",
-          layout: !0,
-          children: K()
-        }, I)
-      })
-    })
-  });
-}
-export {
-  He as HookModalContent
-};

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

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-interface IdenticonProps {
-    value?: string;
-    size?: number;
-    className?: string;
-}
-export declare const Identicon: React.FC<IdenticonProps>;
-export default Identicon;
-//# sourceMappingURL=Identicon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Identicon.d.ts","sourceRoot":"","sources":["../../../src/widget/components/Identicon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoG9B,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuH9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/widget/components/Identicon.js

@@ -1,176 +0,0 @@
-import { zeroAddress as m } from "viem";
-import { useId as $ } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-var g = 1e3, n = 64, f = n / 2, x = "gradient-avatar-", y = (t, o = g) => t % o / (g / n), d = (t, o = 0) => {
-  let e = 3735928559 ^ o, l = 1103547991 ^ o;
-  for (let r = 0; r < t.length; r++) {
-    const c = t.charCodeAt(r);
-    e = Math.imul(e ^ c, 2654435761), l = Math.imul(l ^ c, 1597334677);
-  }
-  return e = Math.imul(e ^ e >>> 16, 2246822507) ^ Math.imul(l ^ l >>> 13, 3266489909), l = Math.imul(l ^ l >>> 16, 2246822507) ^ Math.imul(e ^ e >>> 13, 3266489909), 4294967296 * (2097151 & l) + (e >>> 0);
-}, h = (t, o) => `${x}${t}${o}`, C = (t, o, e) => ({
-  hueA: t % 360,
-  hueB: (t + 120) % 360,
-  hueC: e % 360
-}), b = (t, o) => {
-  const e = {
-    a: d(`${o}a`, 0),
-    b: d(`${o}b`, 1),
-    c: d(`${o}c`, 2),
-    x: d(`${o}d`, 3),
-    y: d(`${o}e`, 4),
-    r: d(`${o}f`, 5)
-  }, { hueA: l, hueB: r, hueC: c } = C(e.a, e.b, e.c), s = y(e.x), p = y(e.y), u = n / 10 + y(e.r, g * 1.5);
-  return {
-    background: {
-      id: h("background", t),
-      stopColor0: `hsl(${c}deg 100% 50% / 1)`,
-      stopColor1: `hsl(${l}deg 100% 50% / 1)`,
-      cx: s,
-      cy: p,
-      r: u
-    },
-    primary: {
-      id: h("primary", t),
-      stopColor0: `hsl(${l}deg 100% 50% / 1)`,
-      stopColor1: `hsl(${r}deg 100% 50% / 1)`,
-      cx: s,
-      cy: p,
-      r: u
-    },
-    secondary: {
-      id: h("secondary", t),
-      stopColor0: `hsl(${c}deg 100% 50% / 1)`,
-      stopColor1: `hsl(${r}deg 100% 50% / 1)`,
-      cx: p,
-      cy: s,
-      r: u / 2
-    }
-  };
-}, I = ({ value: t = m, size: o = 64, className: e = "" }) => {
-  const l = $();
-  if (!t || typeof t != "string") return /* @__PURE__ */ i("div", {
-    className: `inline-block ${e}`,
-    style: {
-      width: o,
-      height: o,
-      backgroundColor: "#cccccc",
-      borderRadius: "50%"
-    }
-  });
-  const r = b(l, t.toLowerCase()), c = (s) => h(s, l);
-  return /* @__PURE__ */ i("div", {
-    className: `inline-block ${e}`,
-    style: {
-      width: o,
-      height: o,
-      borderRadius: "50%",
-      overflow: "hidden",
-      flexShrink: 0
-    },
-    children: /* @__PURE__ */ a("svg", {
-      width: o,
-      height: o,
-      viewBox: `0 0 ${n} ${n}`,
-      style: { display: "block" },
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-label": `Identicon for ${t}`,
-      children: [
-        /* @__PURE__ */ a("title", { children: ["Identicon for ", t] }),
-        /* @__PURE__ */ a("defs", { children: [
-          /* @__PURE__ */ i("clipPath", {
-            id: c("circle-clip"),
-            children: /* @__PURE__ */ i("circle", {
-              cx: f,
-              cy: f,
-              r: f
-            })
-          }),
-          /* @__PURE__ */ a("filter", {
-            id: c("blur-xs"),
-            x: "-10%",
-            y: "-10%",
-            width: "120%",
-            height: "120%",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [
-              /* @__PURE__ */ i("feFlood", {
-                floodOpacity: "0",
-                result: "BackgroundImageFix"
-              }),
-              /* @__PURE__ */ i("feBlend", {
-                mode: "normal",
-                in: "SourceGraphic",
-                in2: "BackgroundImageFix",
-                result: "shape"
-              }),
-              /* @__PURE__ */ i("feGaussianBlur", {
-                stdDeviation: n / 10,
-                result: "effect1_foregroundBlur"
-              })
-            ]
-          }),
-          /* @__PURE__ */ a("linearGradient", {
-            id: r.background.id,
-            x1: "0",
-            y1: "0",
-            x2: "1",
-            y2: "1",
-            children: [/* @__PURE__ */ i("stop", {
-              offset: "0",
-              stopColor: r.background.stopColor0
-            }), /* @__PURE__ */ i("stop", {
-              offset: "1",
-              stopColor: r.background.stopColor1
-            })]
-          }),
-          /* @__PURE__ */ a("radialGradient", {
-            id: r.primary.id,
-            children: [/* @__PURE__ */ i("stop", {
-              offset: "0",
-              stopColor: r.primary.stopColor0
-            }), /* @__PURE__ */ i("stop", {
-              offset: "1",
-              stopColor: r.primary.stopColor1
-            })]
-          }),
-          /* @__PURE__ */ a("radialGradient", {
-            id: r.secondary.id,
-            children: [/* @__PURE__ */ i("stop", {
-              offset: "0",
-              stopColor: r.secondary.stopColor0
-            }), /* @__PURE__ */ i("stop", {
-              offset: "1",
-              stopColor: r.secondary.stopColor1
-            })]
-          })
-        ] }),
-        /* @__PURE__ */ a("g", {
-          clipPath: `url(#${c("circle-clip")})`,
-          children: [/* @__PURE__ */ i("rect", {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${r.background.id})`
-          }), /* @__PURE__ */ a("g", {
-            filter: `url(#${c("blur-xs")})`,
-            children: [/* @__PURE__ */ i("circle", {
-              fill: `url(#${r.primary.id})`,
-              cx: r.primary.cx,
-              cy: r.primary.cy,
-              r: r.primary.r
-            }), /* @__PURE__ */ i("circle", {
-              fill: `url(#${r.secondary.id})`,
-              cx: r.secondary.cx,
-              cy: r.secondary.cy,
-              r: r.secondary.r
-            })]
-          })]
-        })
-      ]
-    })
-  });
-};
-export {
-  I as default
-};

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

@@ -1,5 +0,0 @@
-declare const LoadingSpinner: ({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default LoadingSpinner;
-//# sourceMappingURL=LoadingSpinner.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/widget/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAM5D,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/widget/components/LoadingSpinner.js

@@ -1,5 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-var i = ({ className: r }) => /* @__PURE__ */ a("div", { className: `animate-spin rounded-full h-4 w-4 border-solid border-b-2 trails-primary ${r}` });
-export {
-  i as default
-};

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

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-import { MeldPaymentMethod } from '../../meld/components/MeldFundMethods.js';
-import { Country, MeldQuote, MeldToken } from '../../meld/utils/meld.js';
-export interface MeldFormProps {
-    trailsApiKey: string;
-    onBack?: () => void;
-    onTransactionStatus?: (status: {
-        type: "success" | "error" | "pending" | null;
-        message: string;
-    }) => void;
-    onNavigateToCountries?: () => void;
-    onNavigateToPaymentMethods?: () => void;
-    onNavigateToTokens?: () => void;
-    onNavigateToProviders?: () => void;
-    onNavigateToHistory?: () => void;
-    onSelectProvider?: (provider: MeldQuote | null) => void;
-    onProvidersLoaded?: (providers: MeldQuote[]) => void;
-    selectedCountry?: Country | null;
-    selectedPaymentMethod?: MeldPaymentMethod | null;
-    selectedToken?: MeldToken | null;
-    selectedProvider?: MeldQuote | null;
-}
-export declare const MeldForm: React.FC<MeldFormProps>;
-//# sourceMappingURL=MeldForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MeldForm.d.ts","sourceRoot":"","sources":["../../../src/widget/components/MeldForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AACjF,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAc7E,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAC7B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAA;QAC5C,OAAO,EAAE,MAAM,CAAA;KAChB,KAAK,IAAI,CAAA;IACV,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAA;IACvC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;IACpD,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAChC,qBAAqB,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAChD,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAChC,gBAAgB,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACpC;AAiFD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuoB5C,CAAA"}