@gardenfi/swap 0.0.1-beta.1

package/README.md

@@ -0,0 +1,65 @@
+# @gardenfi/swap
+
+A lightweight, ready-to-use `<Garden />` component that wires up `GardenProvider` and exposes `useGarden` for consuming apps. Designed to drop into any React app and get all Garden features via the provider and hooks.
+
+## Install
+
+```bash
+yarn add @gardenfi/swap
+```
+
+## Usage
+
+```tsx
+import React from 'react';
+import { Garden, useGarden } from '@gardenfi/swap';
+
+export default function App() {
+  const config = {
+    environment: 'mainnet',
+    // wallets or htlc configs here
+  } as any;
+
+  return (
+    <Garden config={config}>
+      <MySwapUI />
+    </Garden>
+  );
+}
+
+function MySwapUI() {
+  const { getQuote, swapAndInitiate, pendingOrders } = useGarden();
+  // ...
+  return null;
+}
+```
+
+## Scripts
+
+- `yarn build`
+- `yarn dev` (watch build)
+- `yarn link`
+
+## Local linking
+
+From repo root:
+
+```bash
+yarn link:all
+```
+
+To unlink:
+
+```bash
+yarn unlink:all
+```
+
+## Publishing
+
+This package follows the root workspace publish scripts. Use:
+
+```bash
+yarn publish:affected
+# or for beta
+yarn publish:affected:beta
+```

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css         */const e=require("./index3.cjs");exports.GardenComponent=e.GardenComponent;

package/dist/index.js

@@ -0,0 +1,5 @@
+/* empty css       */
+import { GardenComponent as m } from "./index3.js";
+export {
+  m as GardenComponent
+};

package/dist/index10.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=require("./index18.cjs"),c=require("./index19.cjs"),d=require("./index6.cjs"),i=require("./index16.cjs"),u=()=>{const{closeAssetModal:o,isAssetModalOpen:n,modalOpenFor:s}=d.assetInfoStore(),{setAsset:r}=i.useSwap();return e.useEffect(()=>{const t=a=>{a.key==="Escape"&&n&&o()};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[n,o]),e.createElement(e.Fragment,null,e.createElement(l.ResponsiveModal,{open:n,onClose:()=>o()},e.createElement(c,{onSelect:t=>{s&&r(s,t)}})))};exports.Modal=u;

package/dist/index10.js

@@ -0,0 +1,33 @@
+import o, { useEffect as m } from "react";
+import { ResponsiveModal as l } from "./index18.js";
+import i from "./index19.js";
+import { assetInfoStore as d } from "./index6.js";
+import { useSwap as c } from "./index16.js";
+const M = () => {
+  const { closeAssetModal: t, isAssetModalOpen: n, modalOpenFor: r } = d(), { setAsset: s } = c();
+  return m(() => {
+    const e = (a) => {
+      a.key === "Escape" && n && t();
+    };
+    return window.addEventListener("keydown", e), () => {
+      window.removeEventListener("keydown", e);
+    };
+  }, [n, t]), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    l,
+    {
+      open: n,
+      onClose: () => t()
+    },
+    /* @__PURE__ */ o.createElement(
+      i,
+      {
+        onSelect: (e) => {
+          r && s(r, e);
+        }
+      }
+    )
+  ));
+};
+export {
+  M as Modal
+};

package/dist/index11.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@gardenfi/orderbook"),i=require("@gardenfi/utils"),a={minError:(t,n)=>`Minimum amount is ${t} ${n}`,maxError:(t,n)=>`Maximum amount is ${t} ${n}`,outHigh:"Output amount too high",outLow:"Output amount too less",insufficientLiquidity:!0,insufficientBalance:!0,none:"",invalidFomAssset:"Invalid From Asset",invalidToAsset:"Invalid To Asset"};var r=(t=>(t.input="input",t.output="output",t))(r||{});const o={[i.Network.MAINNET]:{api:"https://api.garden.finance",explorer:"https://explorer.garden.finance"},[i.Network.TESTNET]:{api:"https://testnet.api.garden.finance",explorer:"https://testnet-explorer.garden.finance"},[i.Network.LOCALNET]:{api:"",explorer:""}},s=i.Network.TESTNET,u=t=>o[t],c=t=>e.isEVM(t.chain)||e.isSolana(t.chain)||e.isStarknet(t.chain)||e.isSui(t.chain)?"~30s":e.isBitcoin(t.chain)?"~10m":"";exports.API_ENDPOINTS=o;exports.DEFAULT_NETWORK=s;exports.Errors=a;exports.IOType=r;exports.getApiEndpoint=u;exports.getTimeEstimates=c;

package/dist/index11.js

@@ -0,0 +1,36 @@
+import { isEVM as r, isSolana as e, isStarknet as o, isSui as a, isBitcoin as s } from "@gardenfi/orderbook";
+import { Network as i } from "@gardenfi/utils";
+const E = {
+  minError: (t, n) => `Minimum amount is ${t} ${n}`,
+  maxError: (t, n) => `Maximum amount is ${t} ${n}`,
+  outHigh: "Output amount too high",
+  outLow: "Output amount too less",
+  insufficientLiquidity: !0,
+  insufficientBalance: !0,
+  none: "",
+  invalidFomAssset: "Invalid From Asset",
+  invalidToAsset: "Invalid To Asset"
+};
+var u = /* @__PURE__ */ ((t) => (t.input = "input", t.output = "output", t))(u || {});
+const p = {
+  [i.MAINNET]: {
+    api: "https://api.garden.finance",
+    explorer: "https://explorer.garden.finance"
+  },
+  [i.TESTNET]: {
+    api: "https://testnet.api.garden.finance",
+    explorer: "https://testnet-explorer.garden.finance"
+  },
+  [i.LOCALNET]: {
+    api: "",
+    explorer: ""
+  }
+}, T = i.TESTNET, f = (t) => p[t], h = (t) => r(t.chain) || e(t.chain) || o(t.chain) || a(t.chain) ? "~30s" : s(t.chain) ? "~10m" : "";
+export {
+  p as API_ENDPOINTS,
+  T as DEFAULT_NETWORK,
+  E as Errors,
+  u as IOType,
+  f as getApiEndpoint,
+  h as getTimeEstimates
+};

package/dist/index12.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("@gardenfi/orderbook"),m=require("zustand"),h=m.create((s,c)=>({transactions:[],isLoading:!1,perPage:4,totalItems:0,fetchTransactions:async(o,a)=>{s({isLoading:!0});try{const t=c().perPage,f=Object.values(a).filter(r=>r!=="").map(async r=>{try{const e=await o.getOrders({from_owner:r,per_page:t,status:g.OrderLifecycle.fulfilled});return e.ok?{orders:e.val.data,totalItems:e.val.total_items??0}:(console.error(`Failed to fetch transactions for address ${r}: ${e.error}`),{orders:[],totalItems:0})}catch(e){return console.error(`Failed to fetch transactions for address ${r}: ${e}`),{orders:[],totalItems:0}}}),u=await Promise.all(f),n=[];let i=0;const d=new Set;for(const r of u){if(r.orders.length===0){console.error("failed to fetch transactions ❌",r.orders);continue}i+=r.totalItems;for(const e of r.orders??[]){const l=e.order_id??e.order_id??JSON.stringify(e);d.has(l)||(d.add(l),n.push(e))}}n.sort((r,e)=>new Date(e.created_at).getTime()-new Date(r.created_at).getTime()),s({transactions:n,totalItems:i})}catch(t){console.error("Unexpected error in fetchTransactions",t)}finally{s({isLoading:!1})}},loadMore:async(o,a)=>{s(t=>({perPage:t.perPage+4})),await c().fetchTransactions(o,a)}}));module.exports=h;

package/dist/index12.js

@@ -0,0 +1,65 @@
+import { OrderLifecycle as u } from "@gardenfi/orderbook";
+import { create as g } from "zustand";
+const w = g(
+  (o, c) => ({
+    transactions: [],
+    isLoading: !1,
+    perPage: 4,
+    totalItems: 0,
+    fetchTransactions: async (s, a) => {
+      o({ isLoading: !0 });
+      try {
+        const t = c().perPage, f = Object.values(a).filter(
+          (r) => r !== ""
+        ).map(async (r) => {
+          try {
+            const e = await s.getOrders({
+              from_owner: r,
+              per_page: t,
+              status: u.fulfilled
+            });
+            return e.ok ? {
+              orders: e.val.data,
+              totalItems: e.val.total_items ?? 0
+            } : (console.error(
+              `Failed to fetch transactions for address ${r}: ${e.error}`
+            ), { orders: [], totalItems: 0 });
+          } catch (e) {
+            return console.error(
+              `Failed to fetch transactions for address ${r}: ${e}`
+            ), { orders: [], totalItems: 0 };
+          }
+        }), m = await Promise.all(f), n = [];
+        let i = 0;
+        const d = /* @__PURE__ */ new Set();
+        for (const r of m) {
+          if (r.orders.length === 0) {
+            console.error("failed to fetch transactions ❌", r.orders);
+            continue;
+          }
+          i += r.totalItems;
+          for (const e of r.orders ?? []) {
+            const l = e.order_id ?? e.order_id ?? JSON.stringify(e);
+            d.has(l) || (d.add(l), n.push(e));
+          }
+        }
+        n.sort(
+          (r, e) => new Date(e.created_at).getTime() - new Date(r.created_at).getTime()
+        ), o({
+          transactions: n,
+          totalItems: i
+        });
+      } catch (t) {
+        console.error("Unexpected error in fetchTransactions", t);
+      } finally {
+        o({ isLoading: !1 });
+      }
+    },
+    loadMore: async (s, a) => {
+      o((t) => ({ perPage: t.perPage + 4 })), await c().fetchTransactions(s, a);
+    }
+  })
+);
+export {
+  w as default
+};

package/dist/index13.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react"),m=require("./index6.cjs"),w=require("./index12.cjs"),o=require("./index17.cjs"),p=require("@gardenfi/react-hooks"),f=require("@gardenfi/garden-book"),g=require("./index26.cjs"),S=require("./index27.cjs"),q=()=>{const{transactions:c,isLoading:u}=w(),{allAssets:s}=m.assetInfoStore(),{pendingOrders:a}=p.useGarden(),i=t.useMemo(()=>c.filter(e=>o.getAssetFromSwap(e.source_swap,s)&&o.getAssetFromSwap(e.destination_swap,s)),[c,s]),l=t.useMemo(()=>(a==null?void 0:a.filter(e=>o.getAssetFromSwap(e.source_swap,s)&&o.getAssetFromSwap(e.destination_swap,s)))??[],[a,s]),n=t.useMemo(()=>[...l,...i],[l,i]);return t.createElement("div",{className:"flex w-full flex-col overflow-y-auto scrollbar-hide"},u?t.createElement(S.TransactionsSkeleton,null):n.length===0?t.createElement(f.Typography,{size:"h5",className:"py-4 text-center"},"No transactions found."):n.map((e,r)=>t.createElement("div",{key:e.order_id||r,className:"w-full"},t.createElement(g.TransactionRow,{order:e,status:e.status,isLast:r===n.length-1,isFirst:r===0}))))};module.exports=q;

package/dist/index13.js

@@ -0,0 +1,33 @@
+import e, { useMemo as i } from "react";
+import { assetInfoStore as p } from "./index6.js";
+import u from "./index12.js";
+import { getAssetFromSwap as a } from "./index17.js";
+import { useGarden as w } from "@gardenfi/react-hooks";
+import { Typography as d } from "@gardenfi/garden-book";
+import { TransactionRow as y } from "./index26.js";
+import { TransactionsSkeleton as T } from "./index27.js";
+const x = () => {
+  const { transactions: l, isLoading: f } = u(), { allAssets: s } = p(), { pendingOrders: o } = w(), c = i(
+    () => l.filter(
+      (t) => a(t.source_swap, s) && a(t.destination_swap, s)
+    ),
+    [l, s]
+  ), m = i(
+    () => (o == null ? void 0 : o.filter(
+      (t) => a(t.source_swap, s) && a(t.destination_swap, s)
+    )) ?? [],
+    [o, s]
+  ), r = i(() => [...m, ...c], [m, c]);
+  return /* @__PURE__ */ e.createElement("div", { className: "flex w-full flex-col overflow-y-auto scrollbar-hide" }, f ? /* @__PURE__ */ e.createElement(T, null) : r.length === 0 ? /* @__PURE__ */ e.createElement(d, { size: "h5", className: "py-4 text-center" }, "No transactions found.") : r.map((t, n) => /* @__PURE__ */ e.createElement("div", { key: t.order_id || n, className: "w-full" }, /* @__PURE__ */ e.createElement(
+    y,
+    {
+      order: t,
+      status: t.status,
+      isLast: n === r.length - 1,
+      isFirst: n === 0
+    }
+  ))));
+};
+export {
+  x as default
+};

package/dist/index14.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@gardenfi/garden-book"),M=require("./index6.cjs"),D=require("@number-flow/react"),I=require("./index20.cjs"),L=require("./index17.cjs"),i=require("./index11.cjs"),R=({type:l,amount:p,asset:n,onChange:f,price:x,error:u,balance:s,timeEstimate:E,loading:w})=>{const[N,g]=e.useState(!1),[b,o]=e.useState(!0),[d,T]=e.useState(!1),[k,v]=e.useState(!1),{openAssetModal:O,openModal:A,chains:m}=M.assetInfoStore(),h=e.useRef(null),y=e.useMemo(()=>{if(n)return m==null?void 0:m.find(a=>a.chain===n.chain)},[n,m]),F=l===i.IOType.input?"Send":"Receive",z=a=>{let r=a.target.value;if(!/^[0-9]*\.?[0-9]*$/.test(r)){o(!1),setTimeout(()=>{o(!0)},800);return}o(!1),r.startsWith(".")&&(r="0"+r);const c=r.split(".");if(r==="-")return;if(c.length>2){setTimeout(()=>{o(!0)},800);return}const C=(c[1]||"").length;n&&C>n.decimals&&c[1]?f(c[0]+"."+c[1].slice(0,n.decimals)):f(r)},q=()=>{if(l===i.IOType.input&&s&&n){const a=s.toString();f(a)}},S=()=>{A(l===i.IOType.input?i.IOType.input:i.IOType.output),O()};return e.useEffect(()=>{o(!0)},[n,N]),e.useEffect(()=>{let a;return w?a=setTimeout(()=>{v(!0)},300):v(!1),()=>{a&&clearTimeout(a)}},[w]),e.createElement(e.Fragment,null,e.createElement("div",{className:"flex flex-col gap-2 rounded-2xl bg-white p-4"},e.createElement("div",{className:"flex justify-between"},e.createElement("div",{className:"flex gap-3"},e.createElement(t.Typography,{size:"h5",weight:"medium",onClick:()=>h.current.focus()},F),e.createElement("div",{className:"flex gap-2"},p&&Number(x)!==0&&e.createElement(t.Typography,{size:"h5",weight:"regular"},e.createElement("span",{className:"text-mid-grey"},"~$",L.formatAmount(x,0,3))))),l===i.IOType.input&&(u?e.createElement(t.Typography,{size:"h5",weight:"regular",className:"!text-error-red"},u):s!==void 0&&!Number.isNaN(s)?e.createElement("div",{className:"flex cursor-pointer items-center gap-1",onClick:q},e.createElement(t.WalletIcon,{className:"h-2.5 w-2.5"}),e.createElement(t.Typography,{size:"h5",weight:"regular"},s)):e.createElement(e.Fragment,null)),l===i.IOType.output&&(u?e.createElement(t.Typography,{size:"h5",weight:"regular",className:"!text-error-red"},u):E&&e.createElement("div",{className:"flex items-end gap-1"},e.createElement(t.TimerIcon,{className:"h-4"}),e.createElement(t.Typography,{size:"h5",weight:"regular",className:"!leading-none"},E)))),e.createElement("div",{className:"flex h-6 justify-between sm:h-7"},e.createElement(t.Typography,{size:"h3",breakpoints:{sm:"h2"},weight:"medium"},e.createElement("div",{className:"relative w-[150px] max-w-[150px] md:w-[200px] md:max-w-[200px]"},e.createElement("div",{className:I.clsx("relative flex w-full items-center",!d&&"cursor-text"),onClick:a=>{d||(a.preventDefault(),g(!0),setTimeout(()=>{var r;(r=h.current)==null||r.focus()},0))}},N?e.createElement("input",{ref:h,className:I.clsx("w-full bg-transparent py-[1px] text-start font-[inherit] outline-none",d&&"pointer-events-none"),style:{fontKerning:"none"},inputMode:"decimal",value:p,onChange:z,onFocus:()=>g(!0),onBlur:()=>g(!1)}):e.createElement(D,{value:Number(p)||0,locales:"en-US",style:{fontKerning:"none",width:"100%"},format:{useGrouping:!1,minimumFractionDigits:0,maximumFractionDigits:20},"aria-hidden":"true",animated:b,onAnimationsStart:()=>{T(!0)},onAnimationsFinish:()=>{T(!1)},className:`w-full text-start font-[inherit] tracking-normal duration-200 ease-in-out ${k?"opacity-75":""}`,willChange:!0})))),n?e.createElement(t.TokenInfo,{symbol:n.symbol,tokenLogo:n.logo||"",chainLogo:y==null?void 0:y.iconUrl,onClick:S}):e.createElement("div",{className:"flex cursor-pointer items-center gap-1",onClick:S},e.createElement(t.Typography,{size:"h3",breakpoints:{sm:"h2"},weight:"regular"},"Select token"),e.createElement(t.KeyboardDownIcon,{className:"w-5"})))))};exports.SwapInput=R;

package/dist/index14.js

@@ -0,0 +1,190 @@
+import e, { useState as f, useRef as R, useMemo as K, useEffect as I } from "react";
+import { Typography as i, WalletIcon as $, TimerIcon as j, TokenInfo as B, KeyboardDownIcon as U } from "@gardenfi/garden-book";
+import { assetInfoStore as W } from "./index6.js";
+import G from "@number-flow/react";
+import { clsx as A } from "./index20.js";
+import { formatAmount as q } from "./index17.js";
+import { IOType as a } from "./index11.js";
+const Z = ({
+  type: l,
+  amount: p,
+  asset: t,
+  onChange: d,
+  price: w,
+  error: c,
+  balance: s,
+  timeEstimate: N,
+  loading: v
+}) => {
+  const [b, g] = f(!1), [F, o] = f(!0), [h, k] = f(!1), [T, y] = f(!1), { openAssetModal: z, openModal: C, chains: u } = W(), x = R(null), E = K(() => {
+    if (t)
+      return u == null ? void 0 : u.find((n) => n.chain === t.chain);
+  }, [t, u]), D = l === a.input ? "Send" : "Receive", L = (n) => {
+    let r = n.target.value;
+    if (!/^[0-9]*\.?[0-9]*$/.test(r)) {
+      o(!1), setTimeout(() => {
+        o(!0);
+      }, 800);
+      return;
+    }
+    o(!1), r.startsWith(".") && (r = "0" + r);
+    const m = r.split(".");
+    if (r === "-") return;
+    if (m.length > 2) {
+      setTimeout(() => {
+        o(!0);
+      }, 800);
+      return;
+    }
+    const O = (m[1] || "").length;
+    t && O > t.decimals && m[1] ? d(m[0] + "." + m[1].slice(0, t.decimals)) : d(r);
+  }, M = () => {
+    if (l === a.input && s && t) {
+      const n = s.toString();
+      d(n);
+    }
+  }, S = () => {
+    C(l === a.input ? a.input : a.output), z();
+  };
+  return I(() => {
+    o(!0);
+  }, [t, b]), I(() => {
+    let n;
+    return v ? n = setTimeout(() => {
+      y(!0);
+    }, 300) : y(!1), () => {
+      n && clearTimeout(n);
+    };
+  }, [v]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-2 rounded-2xl bg-white p-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ e.createElement(
+    i,
+    {
+      size: "h5",
+      weight: "medium",
+      onClick: () => x.current.focus()
+    },
+    D
+  ), /* @__PURE__ */ e.createElement("div", { className: "flex gap-2" }, p && Number(w) !== 0 && /* @__PURE__ */ e.createElement(i, { size: "h5", weight: "regular" }, /* @__PURE__ */ e.createElement("span", { className: "text-mid-grey" }, "~$", q(w, 0, 3))))), l === a.input && (c ? /* @__PURE__ */ e.createElement(
+    i,
+    {
+      size: "h5",
+      weight: "regular",
+      className: "!text-error-red"
+    },
+    c
+  ) : s !== void 0 && !Number.isNaN(s) ? /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "flex cursor-pointer items-center gap-1",
+      onClick: M
+    },
+    /* @__PURE__ */ e.createElement($, { className: "h-2.5 w-2.5" }),
+    /* @__PURE__ */ e.createElement(i, { size: "h5", weight: "regular" }, s)
+  ) : /* @__PURE__ */ e.createElement(e.Fragment, null)), l === a.output && (c ? /* @__PURE__ */ e.createElement(
+    i,
+    {
+      size: "h5",
+      weight: "regular",
+      className: "!text-error-red"
+    },
+    c
+  ) : N && /* @__PURE__ */ e.createElement("div", { className: "flex items-end gap-1" }, /* @__PURE__ */ e.createElement(j, { className: "h-4" }), /* @__PURE__ */ e.createElement(
+    i,
+    {
+      size: "h5",
+      weight: "regular",
+      className: "!leading-none"
+    },
+    N
+  )))), /* @__PURE__ */ e.createElement("div", { className: "flex h-6 justify-between sm:h-7" }, /* @__PURE__ */ e.createElement(
+    i,
+    {
+      size: "h3",
+      breakpoints: {
+        sm: "h2"
+      },
+      weight: "medium"
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "relative w-[150px] max-w-[150px] md:w-[200px] md:max-w-[200px]" }, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: A(
+          "relative flex w-full items-center",
+          !h && "cursor-text"
+        ),
+        onClick: (n) => {
+          h || (n.preventDefault(), g(!0), setTimeout(() => {
+            var r;
+            (r = x.current) == null || r.focus();
+          }, 0));
+        }
+      },
+      b ? /* @__PURE__ */ e.createElement(
+        "input",
+        {
+          ref: x,
+          className: A(
+            "w-full bg-transparent py-[1px] text-start font-[inherit] outline-none",
+            h && "pointer-events-none"
+          ),
+          style: { fontKerning: "none" },
+          inputMode: "decimal",
+          value: p,
+          onChange: L,
+          onFocus: () => g(!0),
+          onBlur: () => g(!1)
+        }
+      ) : /* @__PURE__ */ e.createElement(
+        G,
+        {
+          value: Number(p) || 0,
+          locales: "en-US",
+          style: { fontKerning: "none", width: "100%" },
+          format: {
+            useGrouping: !1,
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 20
+          },
+          "aria-hidden": "true",
+          animated: F,
+          onAnimationsStart: () => {
+            k(!0);
+          },
+          onAnimationsFinish: () => {
+            k(!1);
+          },
+          className: `w-full text-start font-[inherit] tracking-normal duration-200 ease-in-out ${T ? "opacity-75" : ""}`,
+          willChange: !0
+        }
+      )
+    ))
+  ), t ? /* @__PURE__ */ e.createElement(
+    B,
+    {
+      symbol: t.symbol,
+      tokenLogo: t.logo || "",
+      chainLogo: E == null ? void 0 : E.iconUrl,
+      onClick: S
+    }
+  ) : /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "flex cursor-pointer items-center gap-1",
+      onClick: S
+    },
+    /* @__PURE__ */ e.createElement(
+      i,
+      {
+        size: "h3",
+        breakpoints: {
+          sm: "h2"
+        },
+        weight: "regular"
+      },
+      "Select token"
+    ),
+    /* @__PURE__ */ e.createElement(U, { className: "w-5" })
+  ))));
+};
+export {
+  Z as SwapInput
+};

package/dist/index15.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("./index5.cjs"),s=require("framer-motion"),u=require("./index21.cjs"),d=require("./index22.cjs"),l=()=>{const{inputAsset:n,outputAsset:a,inputAmount:t,outputAmount:i}=o.swapStore(),r=e.useMemo(()=>!!(n&&a&&t&&i&&Number(t)!==0&&Number(i)!==0),[n,a,t,i]);return e.createElement(s.AnimatePresence,{mode:"wait"},r&&e.createElement(s.motion.div,{variants:{hidden:{opacity:0,height:0,transition:{duration:.3,delay:.2,ease:"easeOut"}},visible:{opacity:1,height:"auto",pointerEvents:"auto",transition:{duration:.3,delay:.2,ease:"easeOut"}},exit:{opacity:0,height:0,transition:{duration:.3,delay:.2,ease:"easeOut"}}},initial:"hidden",animate:"visible",exit:"exit",className:"flex flex-col mt-3 overflow-hidden"},e.createElement(u.InputAddress,null),e.createElement(d.FeesAndRateDetails,null)))};exports.InputAddressAndFeeRateDetails=l;

package/dist/index15.js

@@ -0,0 +1,51 @@
+import e, { useMemo as r } from "react";
+import { swapStore as s } from "./index5.js";
+import { AnimatePresence as u, motion as m } from "framer-motion";
+import { InputAddress as l } from "./index21.js";
+import { FeesAndRateDetails as d } from "./index22.js";
+const v = () => {
+  const { inputAsset: a, outputAsset: o, inputAmount: t, outputAmount: i } = s(), n = r(() => !!(a && o && //   !error.inputError &&
+  //   !error.outputError &&
+  //   !error.liquidityError &&
+  t && i && Number(t) !== 0 && Number(i) !== 0), [
+    a,
+    o,
+    // error.inputError,
+    // error.outputError,
+    // error.liquidityError,
+    t,
+    i
+  ]);
+  return /* @__PURE__ */ e.createElement(u, { mode: "wait" }, n && /* @__PURE__ */ e.createElement(
+    m.div,
+    {
+      variants: {
+        hidden: {
+          opacity: 0,
+          height: 0,
+          transition: { duration: 0.3, delay: 0.2, ease: "easeOut" }
+        },
+        visible: {
+          opacity: 1,
+          height: "auto",
+          pointerEvents: "auto",
+          transition: { duration: 0.3, delay: 0.2, ease: "easeOut" }
+        },
+        exit: {
+          opacity: 0,
+          height: 0,
+          transition: { duration: 0.3, delay: 0.2, ease: "easeOut" }
+        }
+      },
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      className: "flex flex-col mt-3 overflow-hidden"
+    },
+    /* @__PURE__ */ e.createElement(l, null),
+    /* @__PURE__ */ e.createElement(d, null)
+  ));
+};
+export {
+  v as InputAddressAndFeeRateDetails
+};

package/dist/index16.cjs

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