@gardenfi/swap 0.0.1-beta.1

package/dist/index16.js

@@ -0,0 +1,313 @@
+import { useRef as dt, useMemo as S, useCallback as tt, useEffect as k } from "react";
+import { swapStore as ht } from "./index5.js";
+import { Errors as p, IOType as m } from "./index11.js";
+import { isBitcoin as M, isSui as At, isSolana as bt, isStarknet as yt, isEVM as Et } from "@gardenfi/orderbook";
+import wt from "lodash.debounce";
+import { validateBTCAddress as rt } from "@gardenfi/core";
+import { useGarden as vt } from "@gardenfi/react-hooks";
+import P from "bignumber.js";
+import { formatAmount as et } from "./index17.js";
+const _t = () => {
+  var z;
+  const {
+    inputAmount: c,
+    outputAmount: A,
+    inputAsset: t,
+    outputAsset: n,
+    isSwapping: N,
+    isApproving: nt,
+    rate: ot,
+    error: I,
+    btcAddress: b,
+    tokenPrices: it,
+    isFetchingQuote: ut,
+    isEditBTCAddress: st,
+    networkFees: U,
+    setIsSwapping: B,
+    setAmount: l,
+    setRate: W,
+    setError: u,
+    swapAssets: ct,
+    setAsset: lt,
+    setIsFetchingQuote: g,
+    isComparisonVisible: Q,
+    setIsValidBitcoinAddress: T,
+    // setIsApproving,
+    setTokenPrices: d,
+    clearSwapState: V,
+    setBtcAddress: x,
+    setIsComparisonVisible: at,
+    currentNetwork: j
+  } = ht(), { swap: q, getQuote: L, garden: e } = vt(), f = dt(null), y = S(() => !!(t && n && (M(t.chain) || M(n.chain))), [t, n]), G = S(() => y ? b ? rt(b, j) : !1 : !0, [b, y]), R = S(() => !!(t && A && c && n && G && !I.inputError && !I.outputError && !I.liquidityError && !I.insufficientBalanceError), [
+    t,
+    A,
+    c,
+    n,
+    I,
+    G
+  ]), H = S(() => y ? !!(R && b) : R, [R, y, b]), { minAmount: E, maxAmount: w } = S(() => {
+    const r = {
+      minAmount: 0,
+      maxAmount: 0
+    };
+    return !t || !n || !t.min_amount || !t.max_amount ? r : {
+      minAmount: et(
+        t.min_amount,
+        t.decimals,
+        t.decimals
+      ),
+      maxAmount: et(
+        t.max_amount,
+        t.decimals,
+        t.decimals
+      )
+    };
+  }, [t, n]), v = S(
+    () => wt(
+      async (r, s, a, i) => {
+        var X, Y, Z, $, O;
+        if (!L || N) return;
+        g({ input: i, output: !i }), f.current && f.current.abort(), f.current = new AbortController();
+        const D = i ? a.decimals : s.decimals, h = new P(r).multipliedBy(
+          10 ** D
+        ), o = await L({
+          fromAsset: s,
+          toAsset: a,
+          amount: h.toNumber(),
+          isExactOut: i,
+          options: {
+            request: {
+              signal: f.current.signal
+            }
+          }
+        });
+        if (!o || !o.ok) {
+          if ((X = o == null ? void 0 : o.error) != null && X.includes("AbortError")) {
+            u({ liquidityError: p.none }), g({ input: !1, output: !1 });
+            return;
+          } else (Y = o == null ? void 0 : o.error) != null && Y.includes("insufficient liquidity") ? (u({ liquidityError: p.insufficientLiquidity }), l(i ? m.input : m.output, "")) : (Z = o == null ? void 0 : o.error) != null && Z.includes("output amount too less") ? (u({ outputError: p.outLow }), l(m.input, "")) : ($ = o == null ? void 0 : o.error) != null && $.includes("output amount too high") ? (u({ outputError: p.outHigh }), l(m.input, "")) : (O = o == null ? void 0 : o.error) != null && O.includes("invalid from_asset") ? (u({ outputError: p.invalidFomAssset }), l(m.input, "")) : l(i ? m.input : m.output, "");
+          g({ input: !1, output: !1 }), d({ input: "0", output: "0" });
+          return;
+        }
+        const F = i ? o.val[0].source.display : o.val[0].destination.display;
+        let J = Number(F);
+        s.symbol === "USDC" && a.symbol === "USDC" && (J = Number(F) + U);
+        const ft = J / Number(r);
+        W(ft), l(i ? m.input : m.output, F), g({ input: !1, output: !1 }), d({
+          input: o.val[0].source.value.toString(),
+          output: o.val[0].destination.value.toString()
+        }), u({
+          liquidityError: p.none
+        });
+      },
+      500
+    ),
+    [
+      L,
+      g,
+      W,
+      l,
+      d,
+      u,
+      N,
+      U
+    ]
+  ), C = tt(
+    async (r, s, a, i) => {
+      v(r, s, a, i);
+    },
+    [v]
+  ), _ = tt(
+    async (r) => {
+      l(m.input, r);
+      const s = Number(r);
+      if (!s) {
+        v.cancel(), f.current && f.current.abort(), l(m.output, ""), d({ input: "0", output: "0" }), u({ inputError: p.none, liquidityError: p.none });
+        return;
+      }
+      if (t && E && s < E) {
+        u({
+          inputError: p.minError(E.toString(), t == null ? void 0 : t.symbol)
+        }), l(m.output, ""), d({ input: "0", output: "0" }), v.cancel(), f.current && f.current.abort();
+        return;
+      }
+      if (t && w && s > w) {
+        u({
+          inputError: p.maxError(w.toString(), t == null ? void 0 : t.symbol)
+        }), l(m.output, ""), v.cancel(), f.current && f.current.abort();
+        return;
+      }
+      u({ inputError: p.none }), !(!t || !n || !Number(r)) && C(r, t, n, !1);
+    },
+    [
+      t,
+      n,
+      E,
+      w,
+      C,
+      v,
+      l,
+      u,
+      d
+    ]
+  ), mt = async (r) => {
+    l(m.output, r);
+    const s = Number(r);
+    if (!s) {
+      v.cancel(), f.current && f.current.abort(), l(m.input, ""), u({ outputError: p.none });
+      return;
+    }
+    u({ outputError: p.none }), !(!t || !n || !s) && C(r, t, n, !0);
+  }, K = S(() => {
+    var s, a, i, D;
+    if (!t || !n || !c || c === "0" || !A || A === "0")
+      return null;
+    const r = {
+      evm: {
+        check: (h) => Et(h),
+        address: (s = e == null ? void 0 : e.htlcs.evm) == null ? void 0 : s.htlcActorAddress
+      },
+      starknet: {
+        check: (h) => yt(h),
+        address: (a = e == null ? void 0 : e.htlcs.starknet) == null ? void 0 : a.htlcActorAddress
+      },
+      solana: {
+        check: (h) => bt(h),
+        address: (i = e == null ? void 0 : e.htlcs.solana) == null ? void 0 : i.htlcActorAddress
+      },
+      sui: {
+        check: (h) => At(h),
+        address: (D = e == null ? void 0 : e.htlcs.sui) == null ? void 0 : D.htlcActorAddress
+      }
+    };
+    for (const [h, { check: o, address: F }] of Object.entries(
+      r
+    ))
+      if ((o(t.chain) || o(n.chain)) && !F)
+        return h;
+    return null;
+  }, [t, n, c, A, e]), pt = async () => {
+    if (K || !H || !q || !t || !n) return;
+    B(!0);
+    const r = new P(c).multipliedBy(10 ** t.decimals).toFixed(), s = new P(A).multipliedBy(10 ** n.decimals).toFixed();
+    try {
+      const a = await q({
+        fromAsset: t,
+        toAsset: n,
+        sendAmount: r,
+        receiveAmount: s,
+        ...y && { addresses: { bitcoin: b } }
+      });
+      if (!a.ok) {
+        a.error.includes("destination amount too high") ? C(c, t, n, !1) : console.error("failed to create order ❌", a.error), B(!1);
+        return;
+      }
+      if (console.log("orderCreated ✅", a.val), M(t.chain)) {
+        const i = await (e == null ? void 0 : e.getOrder(a.val));
+        if (!(i != null && i.val) || i != null && i.error) {
+          console.error("failed to get order ❌", i == null ? void 0 : i.error), B(!1);
+          return;
+        }
+        if (e) {
+          V();
+          return;
+        }
+        B(!1), V();
+        return;
+      }
+      B(!1), V();
+    } catch (a) {
+      throw console.error("failed to create order ❌", a), B(!1), a;
+    }
+  };
+  return k(() => {
+    if (!t || !n || !c || N || Q)
+      return;
+    const r = setInterval(() => {
+      C(c, t, n, !1);
+    }, 5e3);
+    return () => clearInterval(r);
+  }, [
+    c,
+    t,
+    n,
+    C,
+    N,
+    Q
+  ]), k(() => {
+    !t || !n || (u({ inputError: "" }), _(c));
+  }, [t, _, u]), k(() => {
+    if (A == "0" || !A || c == "0" || !c) {
+      d({ input: "0", output: "0" });
+      return;
+    }
+  }, [c, A, d, u]), k(() => {
+    if (!c || !E || !w) return;
+    const r = Number(c);
+    if (r) {
+      if (r < E && t) {
+        u({
+          inputError: p.minError(E.toString(), t.symbol)
+        }), d({ input: "0", output: "0" }), l(m.output, "");
+        return;
+      }
+      if (r > w && t) {
+        u({
+          inputError: p.maxError(w.toString(), t.symbol)
+        }), d({ input: "0", output: "0" }), l(m.output, "");
+        return;
+      }
+    }
+  }, [
+    c,
+    E,
+    w,
+    t,
+    u,
+    d,
+    _,
+    l
+  ]), k(() => {
+    u({ insufficientBalanceError: p.none });
+  }, [u, t, n, c]), k(() => {
+    var r, s;
+    (r = e == null ? void 0 : e.htlcs.bitcoin) != null && r.htlcActorAddress && x((s = e == null ? void 0 : e.htlcs.bitcoin) == null ? void 0 : s.htlcActorAddress);
+  }, [(z = e == null ? void 0 : e.htlcs.bitcoin) == null ? void 0 : z.htlcActorAddress, x]), k(() => {
+    if (!y) {
+      T(!0);
+      return;
+    }
+    const r = b ? rt(b, j) : !1;
+    T(r);
+  }, [b, y, T]), {
+    inputAmount: c,
+    outputAmount: A,
+    inputAsset: t,
+    outputAsset: n,
+    tokenPrices: it,
+    rate: ot,
+    error: I,
+    isEditBTCAddress: st,
+    loading: ut,
+    validSwap: H,
+    isSwapping: N,
+    isApproving: nt,
+    isBitcoinSwap: y,
+    // inputTokenBalance,
+    needsWalletConnection: K,
+    btcAddress: b,
+    controller: f,
+    isComparisonVisible: Q,
+    setBtcAddress: x,
+    swapAssets: ct,
+    handleInputAmountChange: _,
+    handleOutputAmountChange: mt,
+    handleSwapClick: pt,
+    setAsset: lt,
+    clearSwapState: V,
+    setIsComparisonVisible: at
+  };
+};
+export {
+  _t as useSwap
+};

package/dist/index17.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("bignumber.js"),f=e=>{const t=new Date().getTime()-new Date(e).getTime(),o=Math.floor(t/(1e3*3600*24)),n=Math.floor(t/(1e3*3600)),i=Math.floor(t/(1e3*60));return o>3?`on ${new Date(e).toLocaleDateString()}`:o>0?`${o} day${o>1?"s":""} ago`:n>0?`${n} hour${n>1?"s":""} ago`:i>0?`${i} minute${i>1?"s":""} ago`:"Just now"},m=(e,r)=>r&&r.find(t=>`${t.chain}:${t.symbol.toLowerCase()}`===e.asset),l=(e,r,t)=>{var a;const o=new c(e);if(o.isZero())return 0;const n=o.dividedBy(10**r),i=t||(Number(n)>1e4?2:4);let s=n.toFixed(i,c.ROUND_DOWN);for(;(a=s.split(".")[1])!=null&&a.split("").every(u=>u==="0")&&s.split(".")[1].length<8;)s=n.toFixed(s.split(".")[1].length+2,c.ROUND_DOWN);return Number(s)},g=(e,r=6,t=4)=>`${e.slice(0,r)}...${e.slice(-t)}`,d=e=>{const r=Number(e);if(isNaN(r))return"-";const t=Math.floor(r/3600),o=Math.floor(r%3600/60),n=(r%60).toFixed(0);return t>0?`${t}h ${o}m`:`${o}m ${n}s`},D=e=>e==="evm"?"EVM":e.charAt(0).toUpperCase()+e.slice(1);exports.capitalizeChain=D;exports.formatAmount=l;exports.formatTime=d;exports.getAssetFromSwap=m;exports.getDayDifference=f;exports.getTrimmedAddress=g;

package/dist/index17.js

@@ -0,0 +1,29 @@
+import c from "bignumber.js";
+const a = (e) => {
+  const t = (/* @__PURE__ */ new Date()).getTime() - new Date(e).getTime(), r = Math.floor(t / (1e3 * 3600 * 24)), n = Math.floor(t / (1e3 * 3600)), i = Math.floor(t / (1e3 * 60));
+  return r > 3 ? `on ${new Date(e).toLocaleDateString()}` : r > 0 ? `${r} day${r > 1 ? "s" : ""} ago` : n > 0 ? `${n} hour${n > 1 ? "s" : ""} ago` : i > 0 ? `${i} minute${i > 1 ? "s" : ""} ago` : "Just now";
+}, l = (e, o) => o && o.find(
+  (t) => `${t.chain}:${t.symbol.toLowerCase()}` === e.asset
+), $ = (e, o, t) => {
+  var u;
+  const r = new c(e);
+  if (r.isZero()) return 0;
+  const n = r.dividedBy(10 ** o), i = t || (Number(n) > 1e4 ? 2 : 4);
+  let s = n.toFixed(i, c.ROUND_DOWN);
+  for (; (u = s.split(".")[1]) != null && u.split("").every((f) => f === "0") && s.split(".")[1].length < 8; )
+    s = n.toFixed(s.split(".")[1].length + 2, c.ROUND_DOWN);
+  return Number(s);
+}, g = (e, o = 6, t = 4) => `${e.slice(0, o)}...${e.slice(-t)}`, h = (e) => {
+  const o = Number(e);
+  if (isNaN(o)) return "-";
+  const t = Math.floor(o / 3600), r = Math.floor(o % 3600 / 60), n = (o % 60).toFixed(0);
+  return t > 0 ? `${t}h ${r}m` : `${r}m ${n}s`;
+}, D = (e) => e === "evm" ? "EVM" : e.charAt(0).toUpperCase() + e.slice(1);
+export {
+  D as capitalizeChain,
+  $ as formatAmount,
+  h as formatTime,
+  l as getAssetFromSwap,
+  a as getDayDifference,
+  g as getTrimmedAddress
+};

package/dist/index18.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@gardenfi/garden-book"),i=require("./index23.cjs"),c=({open:o,onClose:r,children:l,opacityLevel:n="medium"})=>{const{isMobile:a}=i.viewPortStore();return e.createElement(e.Fragment,null,a?e.createElement(t.BottomSheet,{open:o,onOpenChange:r},l):e.createElement(t.Modal,{open:o,onClose:r},e.createElement(t.Modal.Children,{opacityLevel:n,className:"relative flex w-full max-w-[560px] flex-col gap-4 rounded-2xl p-3 overflow-hidden"},l)))};exports.ResponsiveModal=c;

package/dist/index18.js

@@ -0,0 +1,17 @@
+import e from "react";
+import { BottomSheet as n, Modal as l } from "@gardenfi/garden-book";
+import { viewPortStore as i } from "./index23.js";
+const f = ({ open: t, onClose: o, children: r, opacityLevel: m = "medium" }) => {
+  const { isMobile: a } = i();
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, a ? /* @__PURE__ */ e.createElement(n, { open: t, onOpenChange: o }, r) : /* @__PURE__ */ e.createElement(l, { open: t, onClose: o }, /* @__PURE__ */ e.createElement(
+    l.Children,
+    {
+      opacityLevel: m,
+      className: "relative flex w-full max-w-[560px] flex-col gap-4 rounded-2xl p-3 overflow-hidden"
+    },
+    r
+  )));
+};
+export {
+  f as ResponsiveModal
+};

package/dist/index19.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react"),H=require("./index5.cjs"),U=require("./index6.cjs"),G=require("./index24.cjs"),i=require("@gardenfi/garden-book"),$=require("framer-motion"),P=require("./index25.cjs"),W=require("@gardenfi/utils"),D=require("./index17.cjs"),J=require("./index11.cjs"),K=({onSelect:I})=>{const{inputAsset:N,outputAsset:v,currentNetwork:L}=H.swapStore(),{allAssets:C,chains:r,modalOpenFor:S,isAssetModalOpen:h,closeAssetModal:k,setFilter:x}=U.assetInfoStore(),[s,d]=t.useState(),[g,A]=t.useState(""),[q,y]=t.useState(""),[m]=t.useState(7),b=t.useRef(null),[w,f]=t.useState(!1),E=typeof window<"u"?window.innerWidth<768:!1,l=t.useMemo(()=>{const e=["bitcoin","ethereum","solana","base","arbitrum","starknet"];return r?[...r].sort((a,c)=>{const o=e.findIndex(u=>a.chainName.toLowerCase().includes(u)),p=e.findIndex(u=>c.chainName.toLowerCase().includes(u));return o===-1?1:p===-1?-1:o-p}):[]},[r]),T=t.useMemo(()=>{let e=C;if(s&&(e=e.filter(a=>a.chain===s.chain)),g.trim()){const a=g.toLowerCase();e=e.filter(c=>c.symbol.toLowerCase().includes(a)||c.chain.toLowerCase().includes(a)||c.name.toLowerCase().includes(a))}const n=J.IOType.input?v:N;return n&&(e=e.filter(a=>`${a.chain}-${a.symbol}`!=`${n.chain}-${n.symbol}`)),e},[C,s,g,S,N,v]),M=t.useMemo(()=>[...T].sort((e,n)=>{const a=r==null?void 0:r.find(o=>o.chain===e.chain),c=r==null?void 0:r.find(o=>o.chain===n.chain);if(a&&c){const o=l.findIndex(u=>u.chain===a.chain),p=l.findIndex(u=>u.chain===c.chain);if(o!==p)return o-p}return e.symbol.localeCompare(n.symbol)}),[T,r,l]),z=t.useMemo(()=>{const e=l.slice(0,m);return s&&!e.find(n=>n.chain===s.chain)?[s,...e.slice(0,m-1)]:e},[l,m,s]),j=e=>{const n=e.target.value;A(n),x(n)},B=()=>f(!1),O=e=>{(s==null?void 0:s.chain)===e.chain?d(void 0):d(e),f(!1)},F=e=>{I(e),k(),f(!1)},R=()=>{k(),f(!1)};return t.useEffect(()=>{h||(d(void 0),A(""),x(""),y(""))},[h,x]),t.useEffect(()=>{h&&b.current&&setTimeout(()=>{var e;return(e=b.current)==null?void 0:e.focus()},100)},[h]),t.createElement(t.Fragment,null,t.createElement(P.AvailableChainsSidebar,{show:w,chains:[...l],hide:B,onClick:O}),t.createElement($.AnimatePresence,{mode:"wait"},t.createElement($.motion.div,{key:"assetModal",initial:{opacity:1},animate:{opacity:w?0:1},transition:{duration:w?.32:.45,delay:w?0:.25,ease:"easeOut"},className:`left-auto top-60 z-30 flex flex-col gap-3 rounded-[20px] sm:min-w-[468px] ${E?"":"m-1"}`},t.createElement("div",{className:"flex items-center justify-between p-1"},t.createElement(i.Typography,{size:"h4",weight:"medium"},`Select token to ${S?"send":"receive"}`),t.createElement(i.CloseIcon,{className:"hidden cursor-pointer sm:visible sm:block",onClick:R})),t.createElement("div",{className:"flex w-full flex-wrap gap-3"},t.createElement("div",{className:`flex w-full ${E?"gap-2":"gap-3"}`},z.map((e,n)=>t.createElement("button",{key:e.chainId,className:`relative flex h-12 flex-1 items-center justify-center gap-2 overflow-visible rounded-xl outline-none duration-300 ease-in-out ${!s||e.chain!==s.chain?"!bg-white/50":"!bg-white"}`,onMouseEnter:()=>y(e.chainName),onMouseLeave:()=>y(""),onClick:()=>s&&e.chain===s.chain?d(void 0):d(e)},t.createElement("img",{src:e.iconUrl,alt:e.chainName,className:"h-5 w-5 rounded-full"}),q===e.chainName&&t.createElement(G.ChainsTooltip,{chain:e.chainName,className:`${L===W.Network.TESTNET?n===0?"translate-x-7":l.length-m===0&&n===m-1&&E?"-translate-x-4":"":""}`}))),l.length>m&&t.createElement("button",{className:"h-12 w-12 cursor-pointer flex items-center justify-center rounded-xl !bg-white/50 p-4 duration-300 ease-in-out",onClick:()=>f(!0)},t.createElement(i.Typography,{size:"h4",weight:"regular",className:"!flex !cursor-pointer !items-center !text-mid-grey !text-center"},"+",l.length-m)))),t.createElement("div",{className:"flex w-full items-center justify-between rounded-2xl bg-white/50 px-4 py-[10px]"},t.createElement("div",{className:"flex flex-grow items-center"},t.createElement(i.Typography,{size:"h4",weight:"regular",className:"gf-w-full"},t.createElement("input",{ref:b,className:"w-full bg-transparent outline-none placeholder:text-mid-grey focus:outline-none",type:"text",value:g,placeholder:"Search assets",onChange:j}))),t.createElement(i.SearchIcon,null)),t.createElement("div",{className:"flex h-[316px] flex-col overflow-auto rounded-2xl !bg-white"},t.createElement("div",{className:"px-4 pb-2 pt-2"},t.createElement(i.Typography,{size:"h5",weight:"medium"},s?`Assets on ${s.chainName}`:"Assets")),t.createElement(i.GradientScroll,{height:272,gradientHeight:42,onClose:!h},M.length>0?t.createElement("div",{className:"space-y-1"},M.map(e=>{var n;return t.createElement("button",{key:`${e.chain}-${e.symbol}`,onClick:()=>F(e),className:"flex w-full cursor-pointer items-center justify-between !gap-2 !px-4 !py-1.5 hover:bg-[#f4f0fc]"},t.createElement("div",{className:"flex w-full items-center justify-start gap-2"},t.createElement("div",{className:"w-10"},t.createElement(i.TokenNetworkLogos,{tokenLogo:e.logo,chainLogo:(n=r==null?void 0:r.find(a=>a.chain===e.chain))==null?void 0:n.iconUrl})),t.createElement(i.Typography,{className:"w-2/3 !text-start",size:"h5",breakpoints:{sm:"h4"},weight:"regular"},e.name)),t.createElement("div",{className:"flex items-center gap-1"},e.price&&t.createElement(i.Typography,{size:"h5",breakpoints:{sm:"h4"},weight:"regular",className:"!text-mid-grey"},D.formatAmount(Number(e.price),0,Math.min(e.decimals,8))),t.createElement(i.Typography,{size:"h5",breakpoints:{sm:"h4"},weight:"regular",className:"!text-mid-grey"},e.symbol)))})):t.createElement("div",{className:"flex min-h-[274px] w-full items-center justify-center"},t.createElement(i.Typography,{size:"h4",weight:"regular"},"No assets found.")))))))};module.exports=K;

package/dist/index19.js

@@ -0,0 +1,229 @@
+import t, { useState as w, useRef as P, useMemo as E, useEffect as M } from "react";
+import { swapStore as W } from "./index5.js";
+import { assetInfoStore as q } from "./index6.js";
+import { ChainsTooltip as D } from "./index24.js";
+import { Typography as c, CloseIcon as J, SearchIcon as K, GradientScroll as Q, TokenNetworkLogos as V } from "@gardenfi/garden-book";
+import { AnimatePresence as X, motion as Y } from "framer-motion";
+import { AvailableChainsSidebar as Z } from "./index25.js";
+import { Network as _ } from "@gardenfi/utils";
+import { formatAmount as ee } from "./index17.js";
+import { IOType as te } from "./index11.js";
+const de = ({ onSelect: T }) => {
+  const { inputAsset: C, outputAsset: k, currentNetwork: j } = W(), {
+    allAssets: A,
+    chains: r,
+    modalOpenFor: S,
+    isAssetModalOpen: d,
+    closeAssetModal: $,
+    setFilter: N
+  } = q(), [a, h] = w(), [g, I] = w(""), [O, b] = w(""), [m] = w(7), y = P(null), [x, f] = w(!1), v = typeof window < "u" ? window.innerWidth < 768 : !1, i = E(() => {
+    const e = [
+      "bitcoin",
+      "ethereum",
+      "solana",
+      "base",
+      "arbitrum",
+      "starknet"
+    ];
+    return r ? [...r].sort((s, o) => {
+      const l = e.findIndex(
+        (u) => s.chainName.toLowerCase().includes(u)
+      ), p = e.findIndex(
+        (u) => o.chainName.toLowerCase().includes(u)
+      );
+      return l === -1 ? 1 : p === -1 ? -1 : l - p;
+    }) : [];
+  }, [r]), L = E(() => {
+    let e = A;
+    if (a && (e = e.filter((s) => s.chain === a.chain)), g.trim()) {
+      const s = g.toLowerCase();
+      e = e.filter(
+        (o) => o.symbol.toLowerCase().includes(s) || o.chain.toLowerCase().includes(s) || o.name.toLowerCase().includes(s)
+      );
+    }
+    const n = te.input ? k : C;
+    return n && (e = e.filter(
+      (s) => `${s.chain}-${s.symbol}` != `${n.chain}-${n.symbol}`
+    )), e;
+  }, [
+    A,
+    a,
+    g,
+    S,
+    C,
+    k
+  ]), z = E(() => [...L].sort((e, n) => {
+    const s = r == null ? void 0 : r.find((l) => l.chain === e.chain), o = r == null ? void 0 : r.find((l) => l.chain === n.chain);
+    if (s && o) {
+      const l = i.findIndex((u) => u.chain === s.chain), p = i.findIndex((u) => u.chain === o.chain);
+      if (l !== p)
+        return l - p;
+    }
+    return e.symbol.localeCompare(n.symbol);
+  }), [L, r, i]), B = E(() => {
+    const e = i.slice(0, m);
+    return a && !e.find((n) => n.chain === a.chain) ? [a, ...e.slice(0, m - 1)] : e;
+  }, [i, m, a]), F = (e) => {
+    const n = e.target.value;
+    I(n), N(n);
+  }, R = () => f(!1), H = (e) => {
+    (a == null ? void 0 : a.chain) === e.chain ? h(void 0) : h(e), f(!1);
+  }, U = (e) => {
+    T(e), $(), f(!1);
+  }, G = () => {
+    $(), f(!1);
+  };
+  return M(() => {
+    d || (h(void 0), I(""), N(""), b(""));
+  }, [d, N]), M(() => {
+    d && y.current && setTimeout(() => {
+      var e;
+      return (e = y.current) == null ? void 0 : e.focus();
+    }, 100);
+  }, [d]), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    Z,
+    {
+      show: x,
+      chains: [...i],
+      hide: R,
+      onClick: H
+    }
+  ), /* @__PURE__ */ t.createElement(X, { mode: "wait" }, /* @__PURE__ */ t.createElement(
+    Y.div,
+    {
+      key: "assetModal",
+      initial: { opacity: 1 },
+      animate: { opacity: x ? 0 : 1 },
+      transition: {
+        duration: x ? 0.32 : 0.45,
+        delay: x ? 0 : 0.25,
+        ease: "easeOut"
+      },
+      className: `left-auto top-60 z-30 flex flex-col gap-3 rounded-[20px] sm:min-w-[468px] ${v ? "" : "m-1"}`
+    },
+    /* @__PURE__ */ t.createElement("div", { className: "flex items-center justify-between p-1" }, /* @__PURE__ */ t.createElement(c, { size: "h4", weight: "medium" }, `Select token to ${S ? "send" : "receive"}`), /* @__PURE__ */ t.createElement(
+      J,
+      {
+        className: "hidden cursor-pointer sm:visible sm:block",
+        onClick: G
+      }
+    )),
+    /* @__PURE__ */ t.createElement("div", { className: "flex w-full flex-wrap gap-3" }, /* @__PURE__ */ t.createElement("div", { className: `flex w-full ${v ? "gap-2" : "gap-3"}` }, B.map((e, n) => /* @__PURE__ */ t.createElement(
+      "button",
+      {
+        key: e.chainId,
+        className: `relative flex h-12 flex-1 items-center justify-center gap-2 overflow-visible rounded-xl outline-none duration-300 ease-in-out ${!a || e.chain !== a.chain ? "!bg-white/50" : "!bg-white"}`,
+        onMouseEnter: () => b(e.chainName),
+        onMouseLeave: () => b(""),
+        onClick: () => a && e.chain === a.chain ? h(void 0) : h(e)
+      },
+      /* @__PURE__ */ t.createElement(
+        "img",
+        {
+          src: e.iconUrl,
+          alt: e.chainName,
+          className: "h-5 w-5 rounded-full"
+        }
+      ),
+      O === e.chainName && /* @__PURE__ */ t.createElement(
+        D,
+        {
+          chain: e.chainName,
+          className: `${j === _.TESTNET ? n === 0 ? "translate-x-7" : i.length - m === 0 && n === m - 1 && v ? "-translate-x-4" : "" : ""}`
+        }
+      )
+    )), i.length > m && /* @__PURE__ */ t.createElement(
+      "button",
+      {
+        className: "h-12 w-12 cursor-pointer flex items-center justify-center rounded-xl !bg-white/50 p-4 duration-300 ease-in-out",
+        onClick: () => f(!0)
+      },
+      /* @__PURE__ */ t.createElement(
+        c,
+        {
+          size: "h4",
+          weight: "regular",
+          className: "!flex !cursor-pointer !items-center !text-mid-grey !text-center"
+        },
+        "+",
+        i.length - m
+      )
+    ))),
+    /* @__PURE__ */ t.createElement("div", { className: "flex w-full items-center justify-between rounded-2xl bg-white/50 px-4 py-[10px]" }, /* @__PURE__ */ t.createElement("div", { className: "flex flex-grow items-center" }, /* @__PURE__ */ t.createElement(c, { size: "h4", weight: "regular", className: "gf-w-full" }, /* @__PURE__ */ t.createElement(
+      "input",
+      {
+        ref: y,
+        className: "w-full bg-transparent outline-none placeholder:text-mid-grey focus:outline-none",
+        type: "text",
+        value: g,
+        placeholder: "Search assets",
+        onChange: F
+      }
+    ))), /* @__PURE__ */ t.createElement(K, null)),
+    /* @__PURE__ */ t.createElement("div", { className: "flex h-[316px] flex-col overflow-auto rounded-2xl !bg-white" }, /* @__PURE__ */ t.createElement("div", { className: "px-4 pb-2 pt-2" }, /* @__PURE__ */ t.createElement(c, { size: "h5", weight: "medium" }, a ? `Assets on ${a.chainName}` : "Assets")), /* @__PURE__ */ t.createElement(
+      Q,
+      {
+        height: 272,
+        gradientHeight: 42,
+        onClose: !d
+      },
+      z.length > 0 ? /* @__PURE__ */ t.createElement("div", { className: "space-y-1" }, z.map((e) => {
+        var n;
+        return /* @__PURE__ */ t.createElement(
+          "button",
+          {
+            key: `${e.chain}-${e.symbol}`,
+            onClick: () => U(e),
+            className: "flex w-full cursor-pointer items-center justify-between !gap-2 !px-4 !py-1.5 hover:bg-[#f4f0fc]"
+          },
+          /* @__PURE__ */ t.createElement("div", { className: "flex w-full items-center justify-start gap-2" }, /* @__PURE__ */ t.createElement("div", { className: "w-10" }, /* @__PURE__ */ t.createElement(
+            V,
+            {
+              tokenLogo: e.logo,
+              chainLogo: (n = r == null ? void 0 : r.find((s) => s.chain === e.chain)) == null ? void 0 : n.iconUrl
+            }
+          )), /* @__PURE__ */ t.createElement(
+            c,
+            {
+              className: "w-2/3 !text-start",
+              size: "h5",
+              breakpoints: { sm: "h4" },
+              weight: "regular"
+            },
+            e.name
+          )),
+          /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-1" }, e.price && /* @__PURE__ */ t.createElement(
+            c,
+            {
+              size: "h5",
+              breakpoints: {
+                sm: "h4"
+              },
+              weight: "regular",
+              className: "!text-mid-grey"
+            },
+            ee(
+              Number(e.price),
+              0,
+              Math.min(e.decimals, 8)
+            )
+          ), /* @__PURE__ */ t.createElement(
+            c,
+            {
+              size: "h5",
+              breakpoints: {
+                sm: "h4"
+              },
+              weight: "regular",
+              className: "!text-mid-grey"
+            },
+            e.symbol
+          ))
+        );
+      })) : /* @__PURE__ */ t.createElement("div", { className: "flex min-h-[274px] w-full items-center justify-center" }, /* @__PURE__ */ t.createElement(c, { size: "h4", weight: "regular" }, "No assets found."))
+    ))
+  )));
+};
+export {
+  de as default
+};

package/dist/index20.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(r){var e,o,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r))for(e=0;e<r.length;e++)r[e]&&(o=u(r[e]))&&(t&&(t+=" "),t+=o);else for(e in r)r[e]&&(t&&(t+=" "),t+=e);return t}function f(){for(var r,e,o=0,t="";o<arguments.length;)(r=arguments[o++])&&(e=u(r))&&(t&&(t+=" "),t+=e);return t}exports.clsx=f;exports.default=f;

package/dist/index20.js

@@ -0,0 +1,15 @@
+function o(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) for (f = 0; f < r.length; f++) r[f] && (n = o(r[f])) && (t && (t += " "), t += n);
+  else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function a() {
+  for (var r, f, n = 0, t = ""; n < arguments.length; ) (r = arguments[n++]) && (f = o(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  a as clsx,
+  a as default
+};

package/dist/index21.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=require("@gardenfi/garden-book"),r=require("@gardenfi/orderbook"),A=require("@gardenfi/core"),w=require("./index5.cjs"),l=require("framer-motion"),x=()=>{const o=e.useRef(null),h=e.useId(),{inputAsset:t,outputAsset:i,btcAddress:s,setBtcAddress:m,currentNetwork:a}=w.swapStore(),p=!0,d="",c=e.useMemo(()=>!!(t&&r.isBitcoin(t.chain)),[t]),g=e.useMemo(()=>(t==null?void 0:t.chain)&&r.isBitcoin(t.chain)||(i==null?void 0:i.chain)&&r.isBitcoin(i.chain),[p,d,t,i]),v=B=>{let n=B.target.value;/^[a-zA-Z0-9]$/.test(n.at(-1)||"")||(n=n.slice(0,-1)),m(n)},y=s||d||"",f=e.useMemo(()=>s?A.validateBTCAddress(s,a):!0,[s,a]);return e.createElement(l.AnimatePresence,{mode:"wait"},g&&e.createElement(l.motion.div,{variants:{hidden:{opacity:0,height:0,marginBottom:"0",pointerEvents:"none",transition:{duration:.3,ease:"easeOut",height:{duration:.2,ease:"easeOut"}}},visible:{opacity:1,height:"auto",marginBottom:"12px",pointerEvents:"auto",transition:{duration:.3,ease:"easeOut",height:{duration:.2,ease:"easeOut"}}},exit:{opacity:0,height:0,marginBottom:"0",pointerEvents:"none",transition:{duration:.3,ease:"easeOut",opacity:{duration:.2,ease:"easeOut"}}}},initial:"hidden",animate:"visible",exit:"exit"},e.createElement("div",{className:"flex flex-col gap-2 rounded-2xl bg-white p-4"},e.createElement(u.Typography,{"data-tooltip-id":c?h:"",size:"h5",weight:"medium",onClick:()=>o.current.focus(),className:"w-fit"},c?"Refund":"Receive"," address"),e.createElement(u.Typography,{size:"h3",weight:"regular"},e.createElement("input",{ref:o,className:`w-full outline-none placeholder:text-mid-grey ${!f&&s?"text-red-500":""}`,type:"text",value:y,placeholder:"Your Bitcoin address",onChange:v})))))};exports.InputAddress=x;