@latchprotocol/widgets 0.1.0 → 0.1.2

package/README.md

@@ -1,8 +1,29 @@
+<p align="center">
+  <a href="https://latches.fun">
+    <img src="https://raw.githubusercontent.com/Latch-Protocol-Team/latch-sdk/main/assets/og.png"
+         alt="Latch Protocol — hooks for a bigger ecosystem" width="640">
+  </a>
+</p>
+
+<p align="center">
+  <a href="https://latches.fun">Website</a> ·
+  <a href="https://www.npmjs.com/package/@latchprotocol/widgets">npm</a> ·
+  <a href="https://github.com/Latch-Protocol-Team">GitHub</a> ·
+  <a href="https://x.com/Latchesdotfun">X</a> ·
+  <a href="https://x.com/Ox_Forged">Developer on X</a>
+</p>
+
+<p align="center">
+  <b>Building on Latch with a coding agent?</b> Start with a prompt, not the docs:<br>
+  <a href="https://github.com/Latch-Protocol-Team/latch-sdk/blob/main/prompts/dex-integration.md">🔁 Ship a DEX</a> &nbsp;·&nbsp;
+  <a href="https://github.com/Latch-Protocol-Team/latch-sdk/blob/main/prompts/launchpad-integration.md">🚀 Run a Launchpad</a>
+</p>
+
 # @latchprotocol/widgets
 
 Embeddable swap, liquidity and launch widgets for **Latch Protocol** — a hooks platform on its own Infinity-architecture core (a singleton Vault with CL and Bin pool managers), deployed and verified per chain.
 
-These widgets are built to live in **your** app. Not Latch's. If you run a DEX, an aggregator, a launchpad, a wallet or a portfolio tracker, you can drop one in, keep your own look, and **earn a share of every swap it routes**.
+These widgets are built to live in **your** app. Not Latch's. If you run a DEX, an aggregator, a Launchpad, a wallet or a portfolio tracker, you can drop one in, keep your own look, and **earn a share of every swap it routes**.
 
 MIT licensed. The protocol's Solidity is GPL-2.0; this package is independently authored against the ABIs, so embedding it puts no licence obligation on your app.
 
@@ -231,7 +252,7 @@ For a project site with no bundler and no React, `dist/latch-embed.js` (IIFE, al
 | `pool` / `token` | a pool id (add `pool-type="bin"` for a Bin pool) or a token address |
 | `rpc` | read through this RPC instead of the chain's public endpoints |
 | `site` | the Latch site origin; with it the badge links to the public lock page and shows the brand kit's mark (`<site>/brand/latch-mark-blue.png`, as shipped, 24 px), without it neither |
-| `theme` | `light`, `dark` or `system` (default) |
+| `theme` | `dark` (default), `light` or `system` |
 | `refresh` | seconds between re-reads (default 60, minimum 15, `0` = never) |
 
 It reads the same way as `LocksBadge` and says only what it read: "X% of active liquidity locked", "Locked permanently (LP locker)", "Y% of supply locked" (the share of supply not yet vested), "No locked liquidity". It never says "safe". The Latch site serves the file at `/embed/latch-embed.js` and has an iframe form at `/embed/lock-badge?net=<network>&pool=…|token=…`; each public lock page's **Embed badge** button prints both, filled in, with a live preview. The ESM entry `@latchprotocol/widgets/embed` exports `defineLatchLockBadge()` for bundled hosts.
@@ -307,7 +328,7 @@ Every colour, radius, font and spacing value is a `--latch-*` custom property de
 }
 ```
 
-Light and dark ship by default. `theme="light" | "dark" | "system"` on the provider; `system` follows `prefers-color-scheme`.
+Light and dark both ship, and dark is the default. `theme="dark" | "light" | "system"` on the provider; `system` follows `prefers-color-scheme`.
 
 The full token set: `--latch-bg`, `--latch-bg-elevated`, `--latch-bg-sunken`, `--latch-border`, `--latch-border-strong`, `--latch-text`, `--latch-text-muted`, `--latch-text-inverted`, `--latch-accent`, `--latch-accent-hover`, `--latch-accent-text`, `--latch-success`, `--latch-warning`, `--latch-warning-bg`, `--latch-danger`, `--latch-danger-bg`, `--latch-focus`, `--latch-radius`, `--latch-radius-sm`, `--latch-font`, `--latch-font-mono`, `--latch-font-size`, `--latch-font-size-sm`, `--latch-font-size-lg`, `--latch-gap`, `--latch-padding`, `--latch-control-height`, `--latch-shadow`.
 
@@ -642,6 +663,17 @@ The multi-hop case is the exception: Sepolia has one pool over two tokens, so th
 
 ---
 
+## Other Latch packages
+
+- [`@latchprotocol/sdk`](https://www.npmjs.com/package/@latchprotocol/sdk) — TypeScript SDK: pool keys and ids, the hook permission bitmap, typed events, the address book, market reads and the Launchpad builders
+- [`@latchprotocol/connect`](https://www.npmjs.com/package/@latchprotocol/connect) — the wallet layer: a Latch-themed wrapper over RainbowKit and wagmi, with the Latch chain list
+- [`@latchprotocol/cli`](https://www.npmjs.com/package/@latchprotocol/cli) — the `latch` command: launches, hosted Launchpad and DEX sites, airdrops, splits, locks and `latch doctor`
+- [`@latchprotocol/create-app`](https://www.npmjs.com/package/@latchprotocol/create-app) — the Latch app template: a DEX, a Launchpad or both, on the shared core
+- [`@latchprotocol/create-hook`](https://www.npmjs.com/package/@latchprotocol/create-hook) — the hook starter: `npx @latchprotocol/create-hook my-latch --template dynamic-fee`
+
+Website: [latches.fun](https://latches.fun) · X: [@Latchesdotfun](https://x.com/Latchesdotfun)
+
+
 ## Licence
 
 MIT. See [LICENSE](LICENSE).

package/dist/chunks/{SwapWidget-DgyHAVc8.js → SwapWidget-B0oDyBNK.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l, Fragment as X } from "react/jsx-runtime";
-import { createContext as ht, useContext as ut, useId as ge, useMemo as A, useState as L, useEffect as I, useCallback as V, forwardRef as pt, useReducer as mt, useRef as oe, useImperativeHandle as gt } from "react";
-import { at as q, aj as Je, bX as le, aS as bt, aA as Q, br as H, bK as ft, bl as Se, bJ as vt, bH as xt, bC as xe, b4 as se, bU as Le, bI as kt, a2 as wt, aB as Pe, az as W, au as $e, bN as yt, a7 as _t, bM as Nt, ah as Ct, ab as Tt, b3 as zt, bE as St, bD as Lt, ak as qe, bO as Pt, b_ as $t, bh as qt, bQ as It, bu as ze, z as Ve, _ as Rt, j as At, aK as Bt, bm as Ft, bV as Mt, bW as Ot, ad as Et, a_ as Qe, bt as jt, aM as Dt, b0 as Ut, bT as Wt, bS as Vt, bb as Qt, a6 as Ht, bo as Yt, an as Kt, bc as Gt, b2 as Xt, aZ as Jt, bn as He, a$ as Zt } from "./scan-Dhu7f4Nl.js";
+import { createContext as ht, useContext as ut, useId as ge, useMemo as R, useState as L, useEffect as I, useCallback as V, forwardRef as pt, useReducer as mt, useRef as oe, useImperativeHandle as gt } from "react";
+import { at as q, aj as Je, bX as le, aS as bt, aA as Q, br as H, bK as ft, bl as Se, bJ as vt, bH as xt, bC as xe, b4 as se, bU as Le, bI as kt, a2 as wt, aB as Pe, az as W, au as $e, bN as yt, a7 as _t, bM as Nt, ah as Ct, ab as Tt, b3 as zt, bE as St, bD as Lt, ak as qe, bO as Pt, b_ as $t, bh as qt, bQ as It, bu as ze, z as Ve, _ as At, j as Rt, aK as Bt, bm as Ft, bV as Mt, bW as Ot, ad as Et, a_ as Qe, bt as jt, aM as Dt, b0 as Ut, bT as Wt, bS as Vt, bb as Qt, a6 as Ht, bo as Yt, an as Gt, bc as Kt, b2 as Xt, aZ as Jt, bn as He, a$ as Zt } from "./scan-Cdm3p_wF.js";
 import { humanDuration as ea, isDynamicLPFee as ta } from "@latchprotocol/sdk";
 import { formatUnits as Ze } from "viem";
 import * as me from "@radix-ui/react-popover";
@@ -1096,7 +1096,7 @@ function ca(t) {
   ] });
 }
 function Pa(t) {
-  const a = A(
+  const a = R(
     () => t.tokens.flatMap((n, r) => {
       const s = /* @__PURE__ */ e("span", { className: "latch-route-token", children: n }, `token-${n}-${r}`);
       return r === 0 ? [s] : [
@@ -1125,12 +1125,12 @@ function sa(t) {
     launch: i,
     amountIn: c,
     ...t.onPurchaseConfirmed ? { onSuccess: t.onPurchaseConfirmed } : {}
-  }), P = A(
+  }), P = R(
     () => i === null ? null : wt(i),
     [i]
   ), M = V(
-    (R) => {
-      if (R.preventDefault(), o.execution.needsApproval) {
+    (A) => {
+      if (A.preventDefault(), o.execution.needsApproval) {
         o.execution.approve();
         return;
       }
@@ -1231,7 +1231,7 @@ function sa(t) {
 function lt(t) {
   switch (t.state) {
     case "loading":
-      return /* @__PURE__ */ e(F, { message: "Reading the launch schedule from chain", tone: "neutral" });
+      return /* @__PURE__ */ e(F, { message: "Loading the launch schedule…", tone: "neutral" });
     case "not-configured":
       return /* @__PURE__ */ e("div", { className: "latch-summary", children: /* @__PURE__ */ e(
         F,
@@ -1254,7 +1254,7 @@ function lt(t) {
         /* @__PURE__ */ e(
           F,
           {
-            message: t.error?.message ?? "The launch could not be read from chain.",
+            message: t.error?.message ?? "Couldn't load this launch. Try again.",
             tone: "error",
             assertive: !0
           }
@@ -1275,7 +1275,7 @@ function da(t) {
         {
           label: "Fee right now",
           value: Q(a.currentFeePips),
-          title: "Read from currentFee(poolId) on the hook."
+          title: "Live from the chain."
         }
       ),
       /* @__PURE__ */ e(
@@ -1290,7 +1290,7 @@ function da(t) {
         {
           label: "Opens at",
           value: n.start === null ? "unknown" : ia(n.durationClock, n.start),
-          title: n.durationClock === "timestamp" ? "Every swap before this block.timestamp reverts TradingNotOpen." : "Every swap before this contract block reverts TradingNotOpen."
+          title: "Trading opens at this time; swaps before it are refused."
         }
       ),
       /* @__PURE__ */ e(
@@ -1305,30 +1305,22 @@ function da(t) {
         {
           label: "Launch owner",
           value: H(a.guard.owner),
-          title: "Claimed by first call to configureLaunch. Non-transferable, and powerless from the start on."
+          title: "Set when the launch was configured. It cannot change anything once trading opens."
         }
       )
     ] }),
     r !== null ? /* @__PURE__ */ l("div", { className: "latch-field", children: [
       /* @__PURE__ */ e("span", { className: "latch-label", children: "Fee decay" }),
       /* @__PURE__ */ e(ra, { label: "Fee decay progress", percent: r / 100 }),
-      /* @__PURE__ */ l("div", { className: "latch-meta", children: [
-        /* @__PURE__ */ l("span", { children: [
-          (r / 100).toFixed(1),
-          "% of the way to the final fee"
-        ] }),
-        /* @__PURE__ */ l("span", { className: "latch-meta-value", children: [
-          "read at ",
-          a.guard.durationClock === "timestamp" ? "block.timestamp" : "hook block",
-          " ",
-          a.readAt.toLocaleString()
-        ] })
-      ] })
+      /* @__PURE__ */ e("div", { className: "latch-meta", children: /* @__PURE__ */ l("span", { children: [
+        (r / 100).toFixed(1),
+        "% of the way to the final fee"
+      ] }) })
     ] }) : null,
     s !== null && s !== 0 ? /* @__PURE__ */ e(
       F,
       {
-        message: `The hook reports ${Q(a.currentFeePips)} but this build projects ${Q(a.currentFeePips - s)} for the same block. The figure above is the chain's; the projected curve below may be wrong.`,
+        message: `The chain reports ${Q(a.currentFeePips)} but this page projects ${Q(a.currentFeePips - s)}. The figure above is the chain's; the curve below may be off.`,
         tone: "error"
       }
     ) : null
@@ -1372,7 +1364,7 @@ function ua(t) {
   ] });
 }
 function pa(t) {
-  const { guard: a, schedule: n } = t, r = 320, s = 72, g = 48, d = A(() => {
+  const { guard: a, schedule: n } = t, r = 320, s = 72, g = 48, d = R(() => {
     if (a.window <= 0) return [];
     const _ = [];
     for (let T = 0; T <= g; T += 1) {
@@ -1437,7 +1429,7 @@ function $a(t) {
   )) });
 }
 function qa(t) {
-  const { chain: a, onConnectRequest: n } = le(), r = t.onConnectRequest ?? n, s = yt(), g = xe(), [d, u] = L(t.defaultMode ?? "add"), [i, m] = L(null), [b, v] = L(0), w = t.onLiquidityChanged, k = A(
+  const { chain: a, onConnectRequest: n } = le(), r = t.onConnectRequest ?? n, s = yt(), g = xe(), [d, u] = L(t.defaultMode ?? "add"), [i, m] = L(null), [b, v] = L(0), w = t.onLiquidityChanged, k = R(
     () => _t(() => v((_) => _ + 1), w),
     [w]
   );
@@ -1518,18 +1510,18 @@ function ga(t) {
   }, [a, r.data, g]), I(() => {
     i({ side: 0, text: "" }), b({ t0: "", t1: "" });
   }, [a.id]);
-  const v = r.data?.sqrtPriceX96 ?? null, w = g !== null && g.type === "CL" && v !== null ? g : null, k = w === null || v === null ? null : Tt(v, w.tickLower, w.tickUpper), { amount0Text: _, amount1Text: T } = A(() => {
+  const v = r.data?.sqrtPriceX96 ?? null, w = g !== null && g.type === "CL" && v !== null ? g : null, k = w === null || v === null ? null : Tt(v, w.tickLower, w.tickUpper), { amount0Text: _, amount1Text: T } = R(() => {
     if (w === null || v === null || k === null) return { amount0Text: m.t0, amount1Text: m.t1 };
-    const z = u.side === 0 ? a.token0.decimals : a.token1.decimals, j = u.side === 0 ? a.token1.decimals : a.token0.decimals, R = u.text;
+    const z = u.side === 0 ? a.token0.decimals : a.token1.decimals, j = u.side === 0 ? a.token1.decimals : a.token0.decimals, A = u.text;
     let Y = "";
     if (k === "both") {
-      const ee = R.trim() === "" ? null : se(R, z);
+      const ee = A.trim() === "" ? null : se(A, z);
       if (ee !== null && ee.ok) {
-        const K = zt(v, w.tickLower, w.tickUpper, u.side === 0 ? "token0" : "token1", ee.value);
-        Y = K === null ? "" : Ze(K, j);
+        const G = zt(v, w.tickLower, w.tickUpper, u.side === 0 ? "token0" : "token1", ee.value);
+        Y = G === null ? "" : Ze(G, j);
       }
     }
-    return k === "token0-only" ? { amount0Text: u.side === 0 ? R : "", amount1Text: "0" } : k === "token1-only" ? { amount0Text: "0", amount1Text: u.side === 1 ? R : "" } : u.side === 0 ? { amount0Text: R, amount1Text: Y } : { amount0Text: Y, amount1Text: R };
+    return k === "token0-only" ? { amount0Text: u.side === 0 ? A : "", amount1Text: "0" } : k === "token1-only" ? { amount0Text: "0", amount1Text: u.side === 1 ? A : "" } : u.side === 0 ? { amount0Text: A, amount1Text: Y } : { amount0Text: Y, amount1Text: A };
   }, [w, v, k, u, m, a.token0.decimals, a.token1.decimals]), y = V((z) => {
     i({ side: 0, text: z }), b((j) => ({ ...j, t0: z }));
   }, []), c = V((z) => {
@@ -1703,7 +1695,7 @@ function ba(t) {
   return /* @__PURE__ */ l("fieldset", { className: "latch-field", style: { margin: 0 }, children: [
     /* @__PURE__ */ l("legend", { className: "latch-label", style: { padding: "0 4px" }, children: [
       "Bin range (step ",
-      Rt(a),
+      At(a),
       ")"
     ] }),
     /* @__PURE__ */ l("label", { className: "latch-label", htmlFor: "latch-bin-width", children: [
@@ -1738,7 +1730,7 @@ function ba(t) {
   ] });
 }
 function fa(t) {
-  const a = Pt(t.account, t.pool, t.refreshKey), [n, r] = L(null), [s, g] = L(5e3), d = A(() => $t(a.data ?? []), [a.data]);
+  const a = Pt(t.account, t.pool, t.refreshKey), [n, r] = L(null), [s, g] = L(5e3), d = R(() => $t(a.data ?? []), [a.data]);
   I(() => {
     r((m) => qt(m, d));
   }, [d]);
@@ -1836,7 +1828,7 @@ function xa(t) {
     const m = Number.parseFloat(i);
     if (!Number.isFinite(m) || m < 0) return;
     const b = Math.round(m * 100);
-    b > At || t.onSlippageChange(b);
+    b > Rt || t.onSlippageChange(b);
   }, d = t.slippageBps > 100, u = t.slippageBps < 5;
   return /* @__PURE__ */ l(me.Root, { children: [
     /* @__PURE__ */ e(me.Trigger, { asChild: !0, children: /* @__PURE__ */ l("button", { type: "button", className: "latch-icon-button latch-settings-trigger", "aria-label": "Swap settings", children: [
@@ -1919,15 +1911,15 @@ function ya() {
 }
 function _a(t) {
   const a = t.token, n = [];
-  return a.stock !== void 0 && (n.push({ key: "stock", label: `${a.stock.issuer} · ${a.stock.ticker}`, tone: "info", title: `Tokenised stock issued by ${a.stock.issuer} (underlying ${a.stock.ticker}). The issuer can pause transfers and upgrade the token.` }), a.stock.rebasing && n.push({ key: "rebasing", label: "rebasing", tone: "warn", title: "The issuer rescales balances. Not usable as a Latch pool currency." })), a.tags?.includes("test") && n.push({ key: "test", label: "test token", tone: "muted", title: "A throwaway token with no economic meaning." }), a.tags?.includes("launch") && n.push({ key: "launch", label: "launch", tone: "muted", title: "Minted by a LaunchpadKitV2 launch; its launch pools are locked forever." }), n.length === 0 ? null : /* @__PURE__ */ e("span", { className: "latch-token-row__badges", children: n.map((r) => /* @__PURE__ */ e("span", { className: "latch-badge", "data-latch-tone": r.tone, title: r.title, children: r.label }, r.key)) });
+  return a.stock !== void 0 && (n.push({ key: "stock", label: `${a.stock.issuer} · ${a.stock.ticker}`, tone: "info", title: `Tokenised stock issued by ${a.stock.issuer} (underlying ${a.stock.ticker}). The issuer can pause transfers and upgrade the token.` }), a.stock.rebasing && n.push({ key: "rebasing", label: "rebasing", tone: "warn", title: "The issuer rescales balances. Not usable as a Latch pool currency." })), a.tags?.includes("test") && n.push({ key: "test", label: "test token", tone: "muted", title: "A throwaway token with no economic meaning." }), a.tags?.includes("launch") && n.push({ key: "launch", label: "launch", tone: "muted", title: "Launched on Latch; its launch pools are locked forever." }), n.length === 0 ? null : /* @__PURE__ */ e("span", { className: "latch-token-row__badges", children: n.map((r) => /* @__PURE__ */ e("span", { className: "latch-badge", "data-latch-tone": r.tone, title: r.title, children: r.label }, r.key)) });
 }
-function Ke(t) {
+function Ge(t) {
   return /* @__PURE__ */ l("span", { className: "latch-token-button latch-token-button--locked", role: "img", "aria-label": `${t.label}: ${t.value?.symbol ?? "loading"} (fixed)`, title: "This pair is fixed on this page", children: [
     /* @__PURE__ */ e(ie, { token: t.value }),
     /* @__PURE__ */ e("span", { className: "latch-token-button__symbol", children: t.value?.symbol ?? "…" })
   ] });
 }
-function Ge(t) {
+function Ke(t) {
   const { adapter: a } = le(), n = tt(), r = xe(), [s, g] = L(!1), [d, u] = L(""), [i, m] = L({}), [b, v] = L("none");
   I(() => {
     if (!s || r.data === null || r.data === void 0) return;
@@ -1964,7 +1956,7 @@ function Ge(t) {
       h = !0;
     };
   }, [d, t.tokens, a]);
-  const w = A(() => {
+  const w = R(() => {
     const c = d.trim().toLowerCase();
     return [...c === "" ? t.tokens : t.tokens.filter(
       (o) => o.symbol.toLowerCase().includes(c) || o.name.toLowerCase().includes(c) || o.address.toLowerCase() === c || o.stock !== void 0 && (o.stock.ticker.toLowerCase().includes(c) || o.stock.issuer.toLowerCase().includes(c))
@@ -1972,7 +1964,7 @@ function Ge(t) {
       const M = i[o.address.toLowerCase()] ?? 0n, E = i[P.address.toLowerCase()] ?? 0n;
       return M === E ? 0 : M > E ? -1 : 1;
     });
-  }, [t.tokens, d, i]), k = A(() => w.some((c) => c.listSource !== void 0) ? Bt(w) : null, [w]), _ = t.tokens.slice(0, 5), T = (c) => {
+  }, [t.tokens, d, i]), k = R(() => w.some((c) => c.listSource !== void 0) ? Bt(w) : null, [w]), _ = t.tokens.slice(0, 5), T = (c) => {
     t.onChange(c), g(!1), u("");
   }, y = (c) => {
     const h = i[c.address.toLowerCase()], o = t.exclude?.address.toLowerCase() === c.address.toLowerCase(), P = c.listSource?.alsoIn ?? [];
@@ -2036,7 +2028,7 @@ function Ge(t) {
           c.symbol
         ] }, c.address)) }) : null,
         /* @__PURE__ */ l("ul", { className: "latch-token-list", role: "listbox", "aria-label": "Tokens", children: [
-          b === "loading" ? /* @__PURE__ */ e("li", { className: "latch-token-row latch-token-row--note", children: "Reading the token contract…" }) : null,
+          b === "loading" ? /* @__PURE__ */ e("li", { className: "latch-token-row latch-token-row--note", children: "Loading the token…" }) : null,
           b === null ? /* @__PURE__ */ e("li", { className: "latch-token-row latch-token-row--note", children: "That address does not answer as an ERC-20." }) : null,
           b !== "none" && b !== "loading" && b !== null ? /* @__PURE__ */ e("li", { children: /* @__PURE__ */ l("button", { type: "button", className: "latch-token-row latch-token-row--unlisted", onClick: () => T(b), children: [
             /* @__PURE__ */ e(ie, { token: b, size: 32 }),
@@ -2086,11 +2078,11 @@ function Ge(t) {
 }
 const Xe = 1500;
 function Na(t, a) {
-  const { adapter: n } = le(), r = Xt(t), s = A(() => t === void 0 ? null : Jt(t), [r]), [g, d] = L({}), u = oe({ adapter: n, addresses: /* @__PURE__ */ new Set() }), i = oe(!0);
+  const { adapter: n } = le(), r = Xt(t), s = R(() => t === void 0 ? null : Jt(t), [r]), [g, d] = L({}), u = oe({ adapter: n, addresses: /* @__PURE__ */ new Set() }), i = oe(!0);
   I(() => (i.current = !0, () => {
     i.current = !1;
   }), []);
-  const m = A(() => s === null ? null : { token: He(s.token, a), quote: He(s.quote, a) }, [s, a]);
+  const m = R(() => s === null ? null : { token: He(s.token, a), quote: He(s.quote, a) }, [s, a]);
   return I(() => {
     if (!(s === null || m === null)) {
       u.current.adapter !== n && (u.current = { adapter: n, addresses: /* @__PURE__ */ new Set() });
@@ -2101,14 +2093,14 @@ function Na(t, a) {
         u.current.addresses.has(w) || (u.current.addresses.add(w), n.getToken(w).then((k) => i.current && d((_) => ({ ..._, [w]: k }))).catch(() => i.current && d((k) => ({ ...k, [w]: null }))));
       }
     }
-  }, [n, s, m]), A(() => {
+  }, [n, s, m]), R(() => {
     if (s === null || m === null) return null;
     const b = (v) => m[v] ?? (typeof s[v] == "string" ? g[s[v].toLowerCase()] ?? null : null);
     return { token: b("token"), quote: b("quote") };
   }, [s, m, g]);
 }
 const Ia = pt(function(a, n) {
-  const { integrator: r, defaultSlippageBps: s, chain: g, onConnectRequest: d } = le(), u = a.onConnectRequest ?? d, i = Mt(), m = Ot(a.tokenLists), b = xe(), v = A(() => Et(i.data ?? [], m.tokens), [i.data, m.tokens]), w = Qe(a.portions), k = a.pair !== void 0 && a.lockPair === !0, _ = a.variant === "compact", [T, y] = mt(jt, { ...a.pair === void 0 ? {} : { pair: a.pair }, ...a.side === void 0 ? {} : { side: a.side } }, Dt), c = a.side ?? T.side, { tokenIn: h, tokenOut: o } = Ut(T.anchor, c), { amountText: P, impactAck: M } = T, [E, $] = L(s), [N, U] = L(!1), [ce, J] = L(!1);
+  const { integrator: r, defaultSlippageBps: s, chain: g, onConnectRequest: d } = le(), u = a.onConnectRequest ?? d, i = Mt(), m = Ot(a.tokenLists), b = xe(), v = R(() => Et(i.data ?? [], m.tokens), [i.data, m.tokens]), w = Qe(a.portions), k = a.pair !== void 0 && a.lockPair === !0, _ = a.variant === "compact", [T, y] = mt(jt, { ...a.pair === void 0 ? {} : { pair: a.pair }, ...a.side === void 0 ? {} : { side: a.side } }, Dt), c = a.side ?? T.side, { tokenIn: h, tokenOut: o } = Ut(T.anchor, c), { amountText: P, impactAck: M } = T, [E, $] = L(s), [N, U] = L(!1), [ce, J] = L(!1);
   I(() => {
     if (a.side === void 0) return;
     const p = ye.current;
@@ -2126,11 +2118,11 @@ const Ia = pt(function(a, n) {
       ...a.defaultTokenOut === void 0 ? {} : { defaultTokenOut: a.defaultTokenOut }
     });
   }, [v, a.pair, a.defaultTokenIn, a.defaultTokenOut, c]);
-  const z = V((p) => y({ type: "amount", text: p }), []), j = V((p) => y({ type: "ack", value: p }), []), R = A(() => h === null || P.trim() === "" ? null : se(P, h.decimals), [P, h]), Y = R !== null && R.ok ? R.value : null, ee = R !== null && !R.ok ? R.message : null, K = Le(h, b.data), Ie = Le(o, b.data), f = Wt({ tokenIn: h, tokenOut: o, amountIn: Y, slippageBps: E }), Re = f.status !== "idle", x = Re ? f.breakdown : null, G = Re ? f.quote : null, C = Vt({
+  const z = V((p) => y({ type: "amount", text: p }), []), j = V((p) => y({ type: "ack", value: p }), []), A = R(() => h === null || P.trim() === "" ? null : se(P, h.decimals), [P, h]), Y = A !== null && A.ok ? A.value : null, ee = A !== null && !A.ok ? A.message : null, G = Le(h, b.data), Ie = Le(o, b.data), f = Wt({ tokenIn: h, tokenOut: o, amountIn: Y, slippageBps: E }), Ae = f.status !== "idle", x = Ae ? f.breakdown : null, K = Ae ? f.quote : null, C = Vt({
     tokenIn: h,
     tokenOut: o,
     amountIn: Y,
-    quote: G,
+    quote: K,
     breakdown: x,
     ...a.onSwapConfirmed ? { onSuccess: a.onSwapConfirmed } : {}
   }), we = oe(a.onSideChange);
@@ -2138,7 +2130,7 @@ const Ia = pt(function(a, n) {
   const he = a.side !== void 0, ye = oe(null), _e = V(() => {
     const p = Zt(c), D = x !== null && o !== null && x.netAmountOut > 0n ? Ze(x.netAmountOut, o.decimals) : "";
     he ? ye.current = { side: p, text: D } : y({ type: "set-side", side: p, amountText: D }), J(!1), we.current?.(p);
-  }, [c, he, x, o]), Ae = V(
+  }, [c, he, x, o]), Re = V(
     (p) => {
       p !== c && (he || y({ type: "set-side", side: p }), J(!1), we.current?.(p));
     },
@@ -2147,10 +2139,10 @@ const Ia = pt(function(a, n) {
   Be.current = a.onNeedsWallet;
   const Ne = V(
     (p) => {
-      const D = Qt(h, K.data, p);
+      const D = Qt(h, G.data, p);
       return D === null ? (Be.current?.(), !1) : (z(D), !0);
     },
-    [h, K.data, z]
+    [h, G.data, z]
   );
   gt(
     n,
@@ -2162,11 +2154,11 @@ const Ia = pt(function(a, n) {
     }),
     [z, Ne, _e, f.refetch]
   );
-  const Fe = A(
+  const Fe = R(
     () => Ht({
       tokenIn: h,
       tokenOut: o,
-      quote: G,
+      quote: K,
       breakdown: x,
       rate: f.rate,
       status: f.status,
@@ -2174,7 +2166,7 @@ const Ia = pt(function(a, n) {
       isMock: f.isMock,
       updatedAt: f.updatedAt
     }),
-    [h, o, G, x, f.rate, f.status, f.isRefreshing, f.isMock, f.updatedAt]
+    [h, o, K, x, f.rate, f.status, f.isRefreshing, f.isMock, f.updatedAt]
   ), Ce = oe(a.onQuote);
   Ce.current = a.onQuote, I(() => {
     Ce.current?.(Fe);
@@ -2184,7 +2176,7 @@ const Ia = pt(function(a, n) {
     },
     []
   );
-  const nt = Y !== null && K.data !== null && Y > K.data, te = x?.priceImpactBps ?? null, Me = te !== null && te >= Xe && !M, ot = V(
+  const nt = Y !== null && G.data !== null && Y > G.data, te = x?.priceImpactBps ?? null, Me = te !== null && te >= Xe && !M, ot = V(
     (p) => {
       if (p.preventDefault(), C.needsApproval) {
         C.approve();
@@ -2193,15 +2185,15 @@ const Ia = pt(function(a, n) {
       C.execute();
     },
     [C]
-  ), ue = x === null || o === null ? "" : q(x.netAmountOut, o.decimals), Oe = A(() => G === null ? [] : Yt(G.route), [G]), rt = C.statusMessage !== "" ? C.statusMessage : f.status === "error" ? f.error === null ? "No route for this pair." : Je(f.error, "quote") : "", ct = C.step === "error" || f.status === "error" ? "error" : C.step === "success" ? "success" : "neutral", pe = C.step === "approving" || C.step === "building" || C.step === "awaiting-signature" || C.step === "pending";
+  ), ue = x === null || o === null ? "" : q(x.netAmountOut, o.decimals), Oe = R(() => K === null ? [] : Yt(K.route), [K]), rt = C.statusMessage !== "" ? C.statusMessage : f.status === "error" ? f.error === null ? "No route for this pair." : Je(f.error, "quote") : "", ct = C.step === "error" || f.status === "error" ? "error" : C.step === "success" ? "success" : "neutral", pe = C.step === "approving" || C.step === "building" || C.step === "awaiting-signature" || C.step === "pending";
   let O, Te = !1;
   const Ee = b.data === null || b.data === void 0;
   Ee ? O = "Connect wallet" : h === null || o === null ? O = "Select a token" : Y === null || Y === 0n ? O = "Enter an amount" : ee !== null ? O = ee : nt ? O = `Insufficient ${h.symbol}` : (f.status === "loading" || f.status === "idle" && f.isRefreshing) && x === null ? O = "Fetching quote…" : f.status === "error" ? O = "Cannot quote this trade" : C.needsApproval ? (O = `Approve ${C.approvals[0]?.token.symbol ?? h.symbol}`, Te = !pe) : pe ? O = C.step === "pending" ? "Confirming on chain…" : C.step === "awaiting-signature" ? "Confirm in your wallet…" : "Preparing…" : Me ? O = "Acknowledge the price impact" : (O = "Swap", Te = C.canExecute && f.status === "success");
-  const it = f.rate === null || h === null || o === null || f.rate === 0 ? null : ce ? Pe(1 / f.rate, o.symbol, h.symbol) : Pe(f.rate, h.symbol, o.symbol), je = C.txHash === null ? null : Kt(g, C.txHash), ne = a.creatorTax === void 0 ? void 0 : a.creatorTax === null ? null : c === "buy" ? a.creatorTax.buyBps : a.creatorTax.sellBps, De = ne === void 0 ? "" : ne === null || ne === 0 ? "none" : W(ne), Ue = "Taken by the launch pool's hook on this swap, for the creator and the protocol. The quoted output already includes it.", st = a.showSlippageControl !== !1 ? /* @__PURE__ */ e(xa, { slippageBps: E, defaultSlippageBps: s, onSlippageChange: $ }) : void 0, We = _ ? /* @__PURE__ */ l("div", { className: "latch-sides", role: "group", "aria-label": "Buy or sell", children: [
-    /* @__PURE__ */ e("button", { type: "button", className: "latch-sides__btn", "data-latch-side": "buy", "aria-pressed": c === "buy", onClick: () => Ae("buy"), children: "Buy" }),
-    /* @__PURE__ */ e("button", { type: "button", className: "latch-sides__btn", "data-latch-side": "sell", "aria-pressed": c === "sell", onClick: () => Ae("sell"), children: "Sell" })
-  ] }) : void 0, dt = w.length > 0 && K.data !== null && h !== null ? /* @__PURE__ */ e("div", { className: "latch-portions", role: "group", "aria-label": "Quick amounts", children: w.map((p) => {
-    const D = Gt(p);
+  const it = f.rate === null || h === null || o === null || f.rate === 0 ? null : ce ? Pe(1 / f.rate, o.symbol, h.symbol) : Pe(f.rate, h.symbol, o.symbol), je = C.txHash === null ? null : Gt(g, C.txHash), ne = a.creatorTax === void 0 ? void 0 : a.creatorTax === null ? null : c === "buy" ? a.creatorTax.buyBps : a.creatorTax.sellBps, De = ne === void 0 ? "" : ne === null || ne === 0 ? "none" : W(ne), Ue = "Taken by the launch pool's hook on this swap, for the creator and the protocol. The quoted output already includes it.", st = a.showSlippageControl !== !1 ? /* @__PURE__ */ e(xa, { slippageBps: E, defaultSlippageBps: s, onSlippageChange: $ }) : void 0, We = _ ? /* @__PURE__ */ l("div", { className: "latch-sides", role: "group", "aria-label": "Buy or sell", children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "latch-sides__btn", "data-latch-side": "buy", "aria-pressed": c === "buy", onClick: () => Re("buy"), children: "Buy" }),
+    /* @__PURE__ */ e("button", { type: "button", className: "latch-sides__btn", "data-latch-side": "sell", "aria-pressed": c === "sell", onClick: () => Re("sell"), children: "Sell" })
+  ] }) : void 0, dt = w.length > 0 && G.data !== null && h !== null ? /* @__PURE__ */ e("div", { className: "latch-portions", role: "group", "aria-label": "Quick amounts", children: w.map((p) => {
+    const D = Kt(p);
     return /* @__PURE__ */ e("button", { type: "button", className: "latch-portion", "aria-label": `${D} of your ${h.symbol} balance`, onClick: () => Ne(p), children: D }, p);
   }) }) : null;
   return /* @__PURE__ */ l(
@@ -2217,9 +2209,9 @@ const Ia = pt(function(a, n) {
           /* @__PURE__ */ l("div", { className: "latch-panel", "data-latch-side": "sell", children: [
             /* @__PURE__ */ l("div", { className: "latch-panel__top", children: [
               /* @__PURE__ */ e("span", { className: "latch-label", children: "You pay" }),
-              K.data !== null && h !== null ? /* @__PURE__ */ l("span", { className: "latch-panel__balance", children: [
+              G.data !== null && h !== null ? /* @__PURE__ */ l("span", { className: "latch-panel__balance", children: [
                 "Balance ",
-                q(K.data, h.decimals)
+                q(G.data, h.decimals)
               ] }) : null
             ] }),
             /* @__PURE__ */ l("div", { className: "latch-panel__main", children: [
@@ -2237,7 +2229,7 @@ const Ia = pt(function(a, n) {
                   onChange: (p) => z(p.target.value.replace(/,/g, "."))
                 }
               ),
-              k ? /* @__PURE__ */ e(Ke, { label: "Sell", value: h }) : /* @__PURE__ */ e(Ge, { label: "Sell", value: h, tokens: v, exclude: o, listFailures: m.failures, listsLoading: m.status === "loading", onChange: (p) => y({ type: "select-in", token: p, side: c }) })
+              k ? /* @__PURE__ */ e(Ge, { label: "Sell", value: h }) : /* @__PURE__ */ e(Ke, { label: "Sell", value: h, tokens: v, exclude: o, listFailures: m.failures, listsLoading: m.status === "loading", onChange: (p) => y({ type: "select-in", token: p, side: c }) })
             ] }),
             dt,
             ee !== null ? /* @__PURE__ */ e("p", { className: "latch-panel__error", children: ee }) : null
@@ -2277,7 +2269,7 @@ const Ia = pt(function(a, n) {
               ] }),
               /* @__PURE__ */ l("div", { className: "latch-panel__main", children: [
                 /* @__PURE__ */ e("output", { className: `latch-big-input latch-big-input--out${f.isRefreshing ? " is-refreshing" : ""}`, "aria-live": "polite", "aria-label": `Amount of ${o?.symbol ?? "the output token"} you receive`, children: ue === "" ? /* @__PURE__ */ e("span", { className: "latch-big-input__placeholder", children: "0" }) : ue }),
-                k ? /* @__PURE__ */ e(Ke, { label: "Buy", value: o }) : /* @__PURE__ */ e(Ge, { label: "Buy", value: o, tokens: v, exclude: h, listFailures: m.failures, listsLoading: m.status === "loading", onChange: (p) => y({ type: "select-out", token: p, side: c }) })
+                k ? /* @__PURE__ */ e(Ge, { label: "Buy", value: o }) : /* @__PURE__ */ e(Ke, { label: "Buy", value: o, tokens: v, exclude: h, listFailures: m.failures, listsLoading: m.status === "loading", onChange: (p) => y({ type: "select-out", token: p, side: c }) })
               ] }),
               f.isMock ? /* @__PURE__ */ e("p", { className: "latch-panel__note", children: "Simulated by the mock adapter" }) : null
             ] })
@@ -2347,7 +2339,7 @@ const Ia = pt(function(a, n) {
               ] }) : null,
               Oe.length > 1 ? /* @__PURE__ */ l(B, { label: "Route", hint: "The pools this swap goes through, in order.", children: [
                 Oe.join(" → "),
-                G !== null ? ` · ${G.route.length} hop${G.route.length > 1 ? "s" : ""} · ${G.route.map((p) => p.poolType).join(", ")}` : ""
+                K !== null ? ` · ${K.route.length} hop${K.route.length > 1 ? "s" : ""} · ${K.route.map((p) => p.poolType).join(", ")}` : ""
               ] }) : null,
               f.updatedAt !== null ? /* @__PURE__ */ e(B, { label: "Quote", hint: "Quotes refresh on an interval; the chain recomputes the output at execution.", children: f.isRefreshing ? "refreshing…" : `read ${Math.max(0, Math.round((Date.now() - f.updatedAt) / 1e3))}s ago` }) : null
             ] }) : null
@@ -2401,4 +2393,4 @@ export {
   de as l,
   at as m
 };
-//# sourceMappingURL=SwapWidget-DgyHAVc8.js.map
+//# sourceMappingURL=SwapWidget-B0oDyBNK.js.map