@gardenfi/swap 0.0.1-beta.1

package/dist/index21.js

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

package/dist/index22.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("@gardenfi/garden-book"),a=require("framer-motion"),d=require("./index17.cjs"),c=require("./index28.cjs"),f=require("./index5.cjs"),p=require("./index29.cjs"),u=({inputAsset:t,outputAsset:s,formattedRate:r,formattedTokenPrice:l,className:i=""})=>e.createElement("div",{className:"flex min-w-fit items-center gap-1"},e.createElement(n.Typography,{size:"h5",weight:"regular",className:`!text-nowrap ${i}`},"1 ",t==null?void 0:t.symbol," ≈"),e.createElement(n.Typography,{size:"h5",weight:"regular",className:`!text-nowrap ${i}`},r&&`${r} ${s==null?void 0:s.symbol}`,l&&`$${l}`)),w=()=>{const[t,s]=e.useState(!1),[,r]=e.useState(!1),l=e.useRef(null),i=e.useMemo(()=>d.formatAmount(2e3,0,2),[]),{inputAsset:o,outputAsset:m}=f.swapStore();return e.createElement("div",{className:"flex flex-col rounded-2xl bg-white/50 pb-4 transition-all duration-200"},e.createElement("div",{className:"flex w-full items-center justify-between rounded-2xl px-4 pt-4"},e.createElement("div",{className:"relative flex w-full items-center justify-start gap-1"},e.createElement(a.AnimatePresence,{mode:"wait"},t?e.createElement(a.motion.div,{key:"expanded",className:"w-fit",...c.delayedFadeAnimation},e.createElement("div",{className:"flex items-center gap-1"},e.createElement(n.Typography,{size:"h5",weight:"regular",className:"!text-mid-grey"},"Rate"),e.createElement("span",{ref:l,className:"inline-block cursor-pointer",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},e.createElement(n.InfoIcon,{className:"h-3 w-3 !fill-mid-grey"})))):e.createElement(a.motion.div,{key:"collapsed",className:"w-fit",...c.delayedFadeAnimation},e.createElement(u,{inputAsset:o,outputAsset:m,formattedTokenPrice:i,className:"!text-mid-grey"})))),e.createElement("div",{className:"flex w-full items-center justify-end gap-1"},e.createElement(a.AnimatePresence,{mode:"wait"},t?e.createElement(a.motion.div,{key:"expanded",className:"w-fit",...c.delayedFadeAnimation},e.createElement(u,{inputAsset:o,outputAsset:m,formattedTokenPrice:i})):e.createElement(a.motion.div,{key:"collapsed",className:"w-fit",...c.delayedFadeAnimation},e.createElement("div",{className:"flex min-w-fit items-center gap-1"},e.createElement(n.GasStationIcon,{className:"h-3 w-3"}),e.createElement(n.Typography,{size:"h5",weight:"regular",className:"!text-nowrap"},"Free"))))),e.createElement(a.motion.div,{initial:{width:0,scale:0,opacity:0},animate:{width:"auto",scale:1,opacity:1},exit:{width:0,scale:0,opacity:0},transition:{duration:.2,ease:"easeInOut"},className:"pl-1"},e.createElement(n.KeyboardDownIcon,{className:`h-4 w-4 cursor-pointer px-1 transition-transform duration-300 ${t?"rotate-180":""}`,onClick:()=>s(!t)}))),e.createElement(a.AnimatePresence,null,t&&e.createElement(p.SwapSavingsAndAddresses,{refundAddress:"jhgvfb",receiveAddress:"nbvcx",showComparison:()=>{},networkFeesValue:d.formatAmount(2e3,0,2)})))};exports.FeesAndRateDetails=w;

package/dist/index22.js

@@ -0,0 +1,143 @@
+import e, { useState as f, useRef as E, useMemo as x } from "react";
+import { Typography as m, InfoIcon as u, GasStationIcon as g, KeyboardDownIcon as y } from "@gardenfi/garden-book";
+import { AnimatePresence as c, motion as s } from "framer-motion";
+import { formatAmount as p } from "./index17.js";
+import { delayedFadeAnimation as i } from "./index28.js";
+import { swapStore as N } from "./index5.js";
+import { SwapSavingsAndAddresses as v } from "./index29.js";
+const w = ({
+  inputAsset: t,
+  outputAsset: a,
+  formattedRate: l,
+  formattedTokenPrice: n,
+  className: r = ""
+}) => /* @__PURE__ */ e.createElement("div", { className: "flex min-w-fit items-center gap-1" }, /* @__PURE__ */ e.createElement(
+  m,
+  {
+    size: "h5",
+    weight: "regular",
+    className: `!text-nowrap ${r}`
+  },
+  "1 ",
+  t == null ? void 0 : t.symbol,
+  " ≈"
+), /* @__PURE__ */ e.createElement(
+  m,
+  {
+    size: "h5",
+    weight: "regular",
+    className: `!text-nowrap ${r}`
+  },
+  l && `${l} ${a == null ? void 0 : a.symbol}`,
+  n && `$${n}`
+)), S = () => {
+  const [t, a] = f(!1), [, l] = f(!1), n = E(null), r = x(() => p(2e3, 0, 2), []), {
+    inputAsset: o,
+    outputAsset: d
+    // rate,
+    // networkFees,
+    // showComparisonHandler,
+    // fiatTokenPrices,
+  } = N();
+  return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col rounded-2xl bg-white/50 pb-4 transition-all duration-200" }, /* @__PURE__ */ e.createElement("div", { className: "flex w-full items-center justify-between rounded-2xl px-4 pt-4" }, /* @__PURE__ */ e.createElement("div", { className: "relative flex w-full items-center justify-start gap-1" }, /* @__PURE__ */ e.createElement(c, { mode: "wait" }, t ? /* @__PURE__ */ e.createElement(
+    s.div,
+    {
+      key: "expanded",
+      className: "w-fit",
+      ...i
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ e.createElement(
+      m,
+      {
+        size: "h5",
+        weight: "regular",
+        className: "!text-mid-grey"
+      },
+      "Rate"
+    ), /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        ref: n,
+        className: "inline-block cursor-pointer",
+        onMouseEnter: () => l(!0),
+        onMouseLeave: () => l(!1)
+      },
+      /* @__PURE__ */ e.createElement(u, { className: "h-3 w-3 !fill-mid-grey" })
+    ))
+  ) : /* @__PURE__ */ e.createElement(
+    s.div,
+    {
+      key: "collapsed",
+      className: "w-fit",
+      ...i
+    },
+    /* @__PURE__ */ e.createElement(
+      w,
+      {
+        inputAsset: o,
+        outputAsset: d,
+        formattedTokenPrice: r,
+        className: "!text-mid-grey"
+      }
+    )
+  ))), /* @__PURE__ */ e.createElement("div", { className: "flex w-full items-center justify-end gap-1" }, /* @__PURE__ */ e.createElement(c, { mode: "wait" }, t ? /* @__PURE__ */ e.createElement(
+    s.div,
+    {
+      key: "expanded",
+      className: "w-fit",
+      ...i
+    },
+    /* @__PURE__ */ e.createElement(
+      w,
+      {
+        inputAsset: o,
+        outputAsset: d,
+        formattedTokenPrice: r
+      }
+    )
+  ) : /* @__PURE__ */ e.createElement(
+    s.div,
+    {
+      key: "collapsed",
+      className: "w-fit",
+      ...i
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "flex min-w-fit items-center gap-1" }, /* @__PURE__ */ e.createElement(g, { className: "h-3 w-3" }), /* @__PURE__ */ e.createElement(
+      m,
+      {
+        size: "h5",
+        weight: "regular",
+        className: "!text-nowrap"
+      },
+      "Free"
+    ))
+  ))), /* @__PURE__ */ e.createElement(
+    s.div,
+    {
+      initial: { width: 0, scale: 0, opacity: 0 },
+      animate: { width: "auto", scale: 1, opacity: 1 },
+      exit: { width: 0, scale: 0, opacity: 0 },
+      transition: { duration: 0.2, ease: "easeInOut" },
+      className: "pl-1"
+    },
+    /* @__PURE__ */ e.createElement(
+      y,
+      {
+        className: `h-4 w-4 cursor-pointer px-1 transition-transform duration-300 ${t ? "rotate-180" : ""}`,
+        onClick: () => a(!t)
+      }
+    )
+  )), /* @__PURE__ */ e.createElement(c, null, t && /* @__PURE__ */ e.createElement(
+    v,
+    {
+      refundAddress: "jhgvfb",
+      receiveAddress: "nbvcx",
+      showComparison: () => {
+      },
+      networkFeesValue: p(2e3, 0, 2)
+    }
+  )));
+};
+export {
+  S as FeesAndRateDetails
+};

package/dist/index23.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("zustand"),i={sm:600,md:900},d=n.create()(e=>({width:typeof window<"u"?window.innerWidth:0,height:typeof window<"u"?window.innerHeight:0,isMobile:typeof window<"u"?/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)||window.innerWidth<i.sm:!1,isTab:typeof window<"u"?window.innerWidth>=i.md:!1,updateViewport:()=>{typeof window<"u"&&e({width:window.innerWidth,height:window.innerHeight,isMobile:/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)||window.innerWidth<i.sm,isTab:window.innerWidth>=i.md})}}));exports.BREAKPOINTS=i;exports.viewPortStore=d;

package/dist/index23.js

@@ -0,0 +1,22 @@
+import { create as e } from "zustand";
+const i = {
+  sm: 600,
+  md: 900
+}, o = e()((n) => ({
+  width: typeof window < "u" ? window.innerWidth : 0,
+  height: typeof window < "u" ? window.innerHeight : 0,
+  isMobile: typeof window < "u" ? /iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || window.innerWidth < i.sm : !1,
+  isTab: typeof window < "u" ? window.innerWidth >= i.md : !1,
+  updateViewport: () => {
+    typeof window < "u" && n({
+      width: window.innerWidth,
+      height: window.innerHeight,
+      isMobile: /iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || window.innerWidth < i.sm,
+      isTab: window.innerWidth >= i.md
+    });
+  }
+}));
+export {
+  i as BREAKPOINTS,
+  o as viewPortStore
+};

package/dist/index24.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("@gardenfi/garden-book"),o=({chain:t,className:a})=>e.createElement("div",{className:"absolute z-50 mx-auto -mt-[84px]"},e.createElement("div",{className:"absolute left-1/2 z-50 mt-6 h-3 w-3 -translate-x-1/2 rotate-45 rounded-sm bg-white"}),e.createElement("div",{className:`flex text-nowrap rounded-2xl bg-white px-3 py-2 shadow-custom ${a}`},e.createElement(r.Typography,{size:"h5",weight:"medium",className:"text-center !text-dark-grey"},t)));exports.ChainsTooltip=o;

package/dist/index24.js

@@ -0,0 +1,20 @@
+import e from "react";
+import { Typography as r } from "@gardenfi/garden-book";
+const s = ({ chain: t, className: a }) => /* @__PURE__ */ e.createElement("div", { className: "absolute z-50 mx-auto -mt-[84px]" }, /* @__PURE__ */ e.createElement("div", { className: "absolute left-1/2 z-50 mt-6 h-3 w-3 -translate-x-1/2 rotate-45 rounded-sm bg-white" }), /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    className: `flex text-nowrap rounded-2xl bg-white px-3 py-2 shadow-custom ${a}`
+  },
+  /* @__PURE__ */ e.createElement(
+    r,
+    {
+      size: "h5",
+      weight: "medium",
+      className: "text-center !text-dark-grey"
+    },
+    t
+  )
+));
+export {
+  s as ChainsTooltip
+};

package/dist/index25.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("@gardenfi/garden-book"),c=require("framer-motion"),x=require("./index23.cjs"),y=({show:n,chains:i,hide:m,onClick:u})=>{const[l,f]=e.useState(""),p=e.useRef(null),{isMobile:r}=x.viewPortStore(),d={initial:{x:"100%",opacity:0},animate:{x:n?0:"100%",opacity:n?1:0},transition:{type:"tween",ease:"easeInOut",stiffness:200,damping:25,mass:.8,duration:.4}},h={initial:{y:"100%",opacity:0},animate:{y:n?0:"100%",opacity:n?1:0},transition:{type:"tween",ease:"easeInOut",stiffness:200,damping:25,mass:.8,duration:.4}},o=e.useMemo(()=>l?i.filter(t=>t.chainName.toLowerCase().includes(l.toLowerCase())).sort((t,s)=>t.chainName.localeCompare(s.chainName)):i.sort((t,s)=>t.chainName.localeCompare(s.chainName)),[i,l]),g=t=>{f(t.target.value)};return e.createElement(c.AnimatePresence,null,e.createElement(c.motion.div,{...r?h:d,className:`absolute left-0 top-0 z-50 w-full rounded-[16px] p-3 ${r?"pt-7":""}`},e.createElement("div",{className:"transition-left left-auto top-60 z-40 m-1 flex w-full flex-col gap-3 pr-2 duration-700 ease-cubic-in-out"},e.createElement("div",{className:"flex items-center justify-between p-1"},e.createElement(a.Typography,{size:"h4",weight:"medium"},"Select chain"),e.createElement(a.ArrowLeftIcon,{onClick:m,className:"cursor-pointer"})),e.createElement("div",{className:"flex w-full items-center justify-between rounded-2xl bg-white/50 px-4 py-[10px]"},e.createElement("div",{className:"flex flex-grow items-center"},e.createElement(a.Typography,{size:"h4",weight:"medium",className:"gf-w-full"},e.createElement("input",{ref:p,className:"w-full bg-transparent outline-none placeholder:text-mid-grey focus:outline-none",type:"text",value:l,placeholder:"Search chains",onChange:g}))),e.createElement(a.SearchIcon,null)),e.createElement("div",{className:"flex h-full max-h-[388px] flex-col overflow-auto rounded-2xl bg-white"},e.createElement(a.GradientScroll,{height:r?384:376,gradientHeight:42,className:"rounded-2xl"},e.createElement("div",{className:"flex w-full flex-col pb-2 pt-2"},o.length>0?o.map(t=>e.createElement("div",{key:t.chainId,className:"flex w-full cursor-pointer items-center justify-between hover:bg-off-white",onClick:()=>u(t)},e.createElement("div",{className:"flex w-full items-center gap-4 px-[14px] py-2"},e.createElement("img",{src:t.iconUrl,alt:t.chainName,className:"h-5 w-5 rounded-full"}),e.createElement(a.Typography,{size:"h5",breakpoints:{sm:"h4"},weight:"regular"},t.chainName)))):e.createElement("div",{className:"flex min-h-[334px] w-full items-center justify-center"},e.createElement(a.Typography,{size:"h4",weight:"medium",className:"text-center text-mid-grey"},"No chains found."))))))))};exports.AvailableChainsSidebar=y;

package/dist/index25.js

@@ -0,0 +1,108 @@
+import e, { useState as x, useRef as g, useMemo as w } from "react";
+import { Typography as l, ArrowLeftIcon as N, SearchIcon as y, GradientScroll as E } from "@gardenfi/garden-book";
+import { AnimatePresence as v, motion as b } from "framer-motion";
+import { viewPortStore as C } from "./index23.js";
+const k = ({
+  show: a,
+  chains: i,
+  hide: o,
+  onClick: m
+}) => {
+  const [n, u] = x(""), f = g(null), { isMobile: r } = C(), p = {
+    initial: { x: "100%", opacity: 0 },
+    animate: {
+      x: a ? 0 : "100%",
+      opacity: a ? 1 : 0
+    },
+    transition: {
+      type: "tween",
+      ease: "easeInOut",
+      stiffness: 200,
+      damping: 25,
+      mass: 0.8,
+      duration: 0.4
+    }
+  }, d = {
+    initial: { y: "100%", opacity: 0 },
+    animate: {
+      y: a ? 0 : "100%",
+      opacity: a ? 1 : 0
+    },
+    transition: {
+      type: "tween",
+      ease: "easeInOut",
+      stiffness: 200,
+      damping: 25,
+      mass: 0.8,
+      duration: 0.4
+    }
+  }, c = w(() => n ? i.filter((t) => t.chainName.toLowerCase().includes(n.toLowerCase())).sort((t, s) => t.chainName.localeCompare(s.chainName)) : i.sort((t, s) => t.chainName.localeCompare(s.chainName)), [i, n]), h = (t) => {
+    u(t.target.value);
+  };
+  return /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(
+    b.div,
+    {
+      ...r ? d : p,
+      className: `absolute left-0 top-0 z-50 w-full rounded-[16px] p-3 ${r ? "pt-7" : ""}`
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "transition-left left-auto top-60 z-40 m-1 flex w-full flex-col gap-3 pr-2 duration-700 ease-cubic-in-out" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-between p-1" }, /* @__PURE__ */ e.createElement(l, { size: "h4", weight: "medium" }, "Select chain"), /* @__PURE__ */ e.createElement(N, { onClick: o, className: "cursor-pointer" })), /* @__PURE__ */ e.createElement("div", { className: "flex w-full items-center justify-between rounded-2xl bg-white/50 px-4 py-[10px]" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-grow items-center" }, /* @__PURE__ */ e.createElement(l, { size: "h4", weight: "medium", className: "gf-w-full" }, /* @__PURE__ */ e.createElement(
+      "input",
+      {
+        ref: f,
+        className: "w-full bg-transparent outline-none placeholder:text-mid-grey focus:outline-none",
+        type: "text",
+        value: n,
+        placeholder: "Search chains",
+        onChange: h
+      }
+    ))), /* @__PURE__ */ e.createElement(y, null)), /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "flex h-full max-h-[388px] flex-col overflow-auto rounded-2xl bg-white"
+      },
+      /* @__PURE__ */ e.createElement(
+        E,
+        {
+          height: r ? 384 : 376,
+          gradientHeight: 42,
+          className: "rounded-2xl"
+        },
+        /* @__PURE__ */ e.createElement("div", { className: "flex w-full flex-col pb-2 pt-2" }, c.length > 0 ? c.map((t) => /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            key: t.chainId,
+            className: "flex w-full cursor-pointer items-center justify-between hover:bg-off-white",
+            onClick: () => m(t)
+          },
+          /* @__PURE__ */ e.createElement("div", { className: "flex w-full items-center gap-4 px-[14px] py-2" }, /* @__PURE__ */ e.createElement(
+            "img",
+            {
+              src: t.iconUrl,
+              alt: t.chainName,
+              className: "h-5 w-5 rounded-full"
+            }
+          ), /* @__PURE__ */ e.createElement(
+            l,
+            {
+              size: "h5",
+              breakpoints: { sm: "h4" },
+              weight: "regular"
+            },
+            t.chainName
+          ))
+        )) : /* @__PURE__ */ e.createElement("div", { className: "flex min-h-[334px] w-full items-center justify-center" }, /* @__PURE__ */ e.createElement(
+          l,
+          {
+            size: "h4",
+            weight: "medium",
+            className: "text-center text-mid-grey"
+          },
+          "No chains found."
+        )))
+      )
+    ))
+  ));
+};
+export {
+  k as AvailableChainsSidebar
+};

package/dist/index26.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),p=require("@gardenfi/garden-book"),x=require("./index30.cjs"),n=require("@gardenfi/orderbook"),b=require("./index6.cjs"),s=require("./index17.cjs"),O=require("./index5.cjs"),y=require("./index11.cjs"),M=a=>{switch(a){case n.OrderStatus.Created:return"Detecting deposit";case n.OrderStatus.Expired:return"Expired";case n.OrderStatus.Initiated:return"Deposit detected (0/1)";case n.OrderStatus.InitiateDetected:return"Deposit detected (0/1)";case n.OrderStatus.AwaitingRedeem:return"Redeeming";case n.OrderStatus.Refunded:case n.OrderStatus.AwaitingRefund:case n.OrderStatus.Redeemed:return"Completed";default:return"In progress..."}},q=({order:a,status:u,isLast:g,isFirst:f})=>{const{source_swap:o,destination_swap:c}=a,{allAssets:i}=b.assetInfoStore(),{currentNetwork:w}=O.swapStore(),t=e.useMemo(()=>s.getAssetFromSwap(o,i),[o,i]),r=e.useMemo(()=>s.getAssetFromSwap(c,i),[c,i]),d=e.useMemo(()=>u&&M(u),[u]),l=e.useMemo(()=>t&&s.formatAmount(o.amount,(t==null?void 0:t.decimals)??0,Math.min(t.decimals,8)),[o.amount,t]),m=e.useMemo(()=>r&&s.formatAmount(c.amount,(r==null?void 0:r.decimals)??0,Math.min(r.decimals,8)),[c.amount,r]),S=e.useMemo(()=>s.getDayDifference(a.created_at),[a.created_at]),h=()=>{if(a.order_id){const E=y.getApiEndpoint(w).explorer;window.open(`${E}/order/${a.order_id}`,"_blank")}};return!t||!r?null:e.createElement("div",null,!f&&e.createElement("div",{className:"h-px w-full bg-white/50"}),e.createElement("div",{className:`flex flex-col gap-1 p-4 ${g?"rounded-b-2xl":""} ${d!=="Expired"?"cursor-pointer hover:bg-white/50":""}`,onClick:h},e.createElement("div",{className:"flex flex-col gap-1"},l&&m&&e.createElement(x.SwapInfo,{sendAsset:t,receiveAsset:r,sendAmount:l,receiveAmount:m}),e.createElement("div",{className:"flex justify-between"},e.createElement(p.Typography,{size:"h5",weight:"regular"},d),e.createElement(p.Typography,{size:"h5",weight:"regular"},S)))))};exports.TransactionRow=q;

package/dist/index26.js

@@ -0,0 +1,85 @@
+import r, { useMemo as o } from "react";
+import { Typography as u } from "@gardenfi/garden-book";
+import { SwapInfo as R } from "./index30.js";
+import { OrderStatus as n } from "@gardenfi/orderbook";
+import { assetInfoStore as _ } from "./index6.js";
+import { getAssetFromSwap as f, formatAmount as g, getDayDifference as v } from "./index17.js";
+import { swapStore as A } from "./index5.js";
+import { getApiEndpoint as S } from "./index11.js";
+const y = (a) => {
+  switch (a) {
+    case n.Created:
+      return "Detecting deposit";
+    case n.Expired:
+      return "Expired";
+    case n.Initiated:
+      return "Deposit detected (0/1)";
+    case n.InitiateDetected:
+      return "Deposit detected (0/1)";
+    case n.AwaitingRedeem:
+      return "Redeeming";
+    case n.Refunded:
+    case n.AwaitingRefund:
+    case n.Redeemed:
+      return "Completed";
+    default:
+      return "In progress...";
+  }
+}, L = ({
+  order: a,
+  status: m,
+  isLast: w,
+  isFirst: h
+}) => {
+  const { source_swap: i, destination_swap: c } = a, { allAssets: s } = _(), { currentNetwork: x } = A(), e = o(
+    () => f(i, s),
+    [i, s]
+  ), t = o(
+    () => f(c, s),
+    [c, s]
+  ), l = o(
+    () => m && y(m),
+    [m]
+  ), d = o(
+    () => e && g(
+      i.amount,
+      (e == null ? void 0 : e.decimals) ?? 0,
+      Math.min(e.decimals, 8)
+    ),
+    [i.amount, e]
+  ), p = o(
+    () => t && g(
+      c.amount,
+      (t == null ? void 0 : t.decimals) ?? 0,
+      Math.min(t.decimals, 8)
+    ),
+    [c.amount, t]
+  ), E = o(
+    () => v(a.created_at),
+    [a.created_at]
+  ), b = () => {
+    if (a.order_id) {
+      const D = S(x).explorer;
+      window.open(`${D}/order/${a.order_id}`, "_blank");
+    }
+  };
+  return !e || !t ? null : /* @__PURE__ */ r.createElement("div", null, !h && /* @__PURE__ */ r.createElement("div", { className: "h-px w-full bg-white/50" }), /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: `flex flex-col gap-1 p-4 ${w ? "rounded-b-2xl" : ""} ${l !== "Expired" ? "cursor-pointer hover:bg-white/50" : ""}`,
+      onClick: b
+    },
+    /* @__PURE__ */ r.createElement("div", { className: "flex flex-col gap-1" }, d && p && /* @__PURE__ */ r.createElement(
+      R,
+      {
+        sendAsset: e,
+        receiveAsset: t,
+        sendAmount: d,
+        receiveAmount: p
+      }
+    ), /* @__PURE__ */ r.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ r.createElement(u, { size: "h5", weight: "regular" }, l), /* @__PURE__ */ r.createElement(u, { size: "h5", weight: "regular" }, E)))
+  ));
+};
+export {
+  L as TransactionRow
+};

package/dist/index27.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=()=>{const t=()=>e.createElement("div",{className:"flex flex-col gap-1 pb-4"},e.createElement("div",{className:"flex justify-between gap-4"},e.createElement("div",{className:"h-6 w-24 animate-pulse rounded-md bg-gray-200"}),e.createElement("div",{className:"h-6 w-6 animate-pulse rounded-full bg-gray-200"}),e.createElement("div",{className:"h-6 w-24 animate-pulse rounded-md bg-gray-200"})),e.createElement("div",{className:"flex justify-between"},e.createElement("div",{className:"h-4 w-28 animate-pulse rounded-md bg-gray-200"}),e.createElement("div",{className:"h-4 w-20 animate-pulse rounded-md bg-gray-200"})));return e.createElement("div",{className:"flex flex-col"},Array.from({length:4}).map((n,a)=>e.createElement("div",{key:a,className:`bg-white/50 p-4 ${a===3?"rounded-b-2xl":""}`},t())))};exports.TransactionsSkeleton=l;

package/dist/index27.js

@@ -0,0 +1,15 @@
+import e from "react";
+const r = () => {
+  const t = () => /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1 pb-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex justify-between gap-4" }, /* @__PURE__ */ e.createElement("div", { className: "h-6 w-24 animate-pulse rounded-md bg-gray-200" }), /* @__PURE__ */ e.createElement("div", { className: "h-6 w-6 animate-pulse rounded-full bg-gray-200" }), /* @__PURE__ */ e.createElement("div", { className: "h-6 w-24 animate-pulse rounded-md bg-gray-200" })), /* @__PURE__ */ e.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "h-4 w-28 animate-pulse rounded-md bg-gray-200" }), /* @__PURE__ */ e.createElement("div", { className: "h-4 w-20 animate-pulse rounded-md bg-gray-200" })));
+  return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col" }, Array.from({ length: 4 }).map((l, a) => /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      key: a,
+      className: `bg-white/50 p-4 ${a === 3 ? "rounded-b-2xl" : ""}`
+    },
+    t()
+  )));
+};
+export {
+  r as TransactionsSkeleton
+};

package/dist/index28.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={initial:{opacity:0},animate:{opacity:1,transition:{duration:.2,ease:"easeInOut"}},exit:{opacity:0,transition:{duration:.2,ease:"easeInOut"}}},a={initial:{opacity:0,height:0},animate:{opacity:1,height:"auto",transition:{duration:.4,opacity:{delay:.23,ease:"easeOut"},ease:"easeOut"}},exit:{opacity:0,height:0,transition:{duration:.2,height:{delay:.23,ease:"easeOut"},ease:"easeOut"}}},i={initial:{opacity:0,height:0},animate:{opacity:1,height:"auto",transition:{duration:.3,ease:"easeInOut"}},exit:{opacity:0,height:0,transition:{duration:.15,ease:"easeInOut"}}};exports.delayedFadeAnimation=t;exports.expandAnimation=i;exports.expandWithDelayAnimation=a;

package/dist/index28.js

@@ -0,0 +1,54 @@
+const t = {
+  initial: { opacity: 0 },
+  animate: {
+    opacity: 1,
+    transition: { duration: 0.2, ease: "easeInOut" }
+  },
+  exit: {
+    opacity: 0,
+    transition: { duration: 0.2, ease: "easeInOut" }
+  }
+}, a = {
+  initial: { opacity: 0, height: 0 },
+  animate: {
+    opacity: 1,
+    height: "auto",
+    transition: {
+      duration: 0.4,
+      opacity: { delay: 0.23, ease: "easeOut" },
+      ease: "easeOut"
+    }
+  },
+  exit: {
+    opacity: 0,
+    height: 0,
+    transition: {
+      duration: 0.2,
+      height: { delay: 0.23, ease: "easeOut" },
+      ease: "easeOut"
+    }
+  }
+}, i = {
+  initial: { opacity: 0, height: 0 },
+  animate: {
+    opacity: 1,
+    height: "auto",
+    transition: {
+      duration: 0.3,
+      ease: "easeInOut"
+    }
+  },
+  exit: {
+    opacity: 0,
+    height: 0,
+    transition: {
+      duration: 0.15,
+      ease: "easeInOut"
+    }
+  }
+};
+export {
+  t as delayedFadeAnimation,
+  i as expandAnimation,
+  a as expandWithDelayAnimation
+};

package/dist/index29.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@gardenfi/garden-book"),a=require("framer-motion"),r=require("./index28.cjs"),d=require("./index5.cjs"),o=require("./index31.cjs"),g=require("./index17.cjs"),u=({refundAddress:i,receiveAddress:s,showComparison:m,networkFeesValue:c})=>{const{outputAsset:l,outputAmount:p}=d.swapStore();return e.createElement(a.motion.div,{className:"flex flex-col",...r.expandWithDelayAnimation},e.createElement("div",{className:"h-full"},e.createElement("div",{className:"flex items-center justify-between px-4 pt-1"},e.createElement("div",{className:"flex items-center gap-1"},e.createElement(t.Typography,{size:"h5",weight:"regular",className:"!text-mid-grey"},"Network fee")),e.createElement("div",{className:"flex gap-5 py-1"},e.createElement(t.Typography,{size:"h5",weight:"regular"},c===0?"Free":"$"+c))),e.createElement("div",{className:"flex items-center justify-between px-4"},e.createElement("div",{className:"flex items-center gap-1"},e.createElement(t.Typography,{size:"h5",weight:"regular",className:"!text-mid-grey"},"Minimum received")),e.createElement("div",{className:"flex gap-5 py-1"},e.createElement(t.Typography,{size:"h5",weight:"regular"},p," ",l==null?void 0:l.symbol))),(s||i)&&e.createElement(e.Fragment,null,e.createElement("div",{className:"flex flex-col items-stretch justify-center"},s&&e.createElement(o.AddressDetails,{address:s}),i&&e.createElement(o.AddressDetails,{address:i,isRefund:!0})))),e.createElement(a.AnimatePresence,{mode:"wait"},e.createElement(a.motion.div,{...r.expandAnimation},e.createElement("div",{className:"z-10",...r.expandAnimation}),e.createElement(a.motion.div,{key:"time-saved",...r.expandAnimation,className:"h-full w-full"},e.createElement("div",{className:"relative z-10 flex cursor-pointer items-center justify-between gap-0 px-4 py-[3px] transition-all duration-200 ease-in-out hover:bg-white",onClick:n=>{n.stopPropagation(),m("time")}},e.createElement(t.Typography,{size:"h5",weight:"regular",className:"!text-mid-grey"},"Time saved"),e.createElement("div",{className:"flex gap-5"},e.createElement(t.Typography,{size:"h4",weight:"regular",className:" !text-light-green"},g.formatTime(2e4))))),e.createElement(a.motion.div,{key:"cost-saved",...r.expandAnimation,className:"w-full"},e.createElement("div",{className:"flex cursor-pointer items-center justify-between gap-0 px-4 py-[3px] transition-all duration-200 ease-in-out hover:bg-white",onClick:n=>{n.stopPropagation(),m("fees")}},e.createElement(t.Typography,{size:"h5",weight:"regular",className:"!text-mid-grey"},"Cost saved"),e.createElement("div",{className:"flex gap-5"},e.createElement(t.Typography,{size:"h4",weight:"regular",className:"!text-light-green"},`$${g.formatAmount(5e3,0,2)}`)))))))};exports.SwapSavingsAndAddresses=u;

package/dist/index29.js

@@ -0,0 +1,63 @@
+import e from "react";
+import { Typography as t } from "@gardenfi/garden-book";
+import { motion as a, AnimatePresence as p } from "framer-motion";
+import { expandWithDelayAnimation as f, expandAnimation as l } from "./index28.js";
+import { swapStore as d } from "./index5.js";
+import { AddressDetails as o } from "./index31.js";
+import { formatTime as x, formatAmount as E } from "./index17.js";
+const b = ({
+  refundAddress: r,
+  receiveAddress: m,
+  showComparison: n,
+  networkFeesValue: c
+}) => {
+  const { outputAsset: i, outputAmount: g } = d();
+  return /* @__PURE__ */ e.createElement(a.div, { className: "flex flex-col", ...f }, /* @__PURE__ */ e.createElement("div", { className: "h-full" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-between px-4 pt-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ e.createElement(t, { size: "h5", weight: "regular", className: "!text-mid-grey" }, "Network fee")), /* @__PURE__ */ e.createElement("div", { className: "flex gap-5 py-1" }, /* @__PURE__ */ e.createElement(t, { size: "h5", weight: "regular" }, c === 0 ? "Free" : "$" + c))), /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-between px-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ e.createElement(t, { size: "h5", weight: "regular", className: "!text-mid-grey" }, "Minimum received")), /* @__PURE__ */ e.createElement("div", { className: "flex gap-5 py-1" }, /* @__PURE__ */ e.createElement(t, { size: "h5", weight: "regular" }, g, " ", i == null ? void 0 : i.symbol))), (m || r) && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-stretch justify-center" }, m && /* @__PURE__ */ e.createElement(o, { address: m }), r && /* @__PURE__ */ e.createElement(o, { address: r, isRefund: !0 })))), /* @__PURE__ */ e.createElement(p, { mode: "wait" }, /* @__PURE__ */ e.createElement(a.div, { ...l }, /* @__PURE__ */ e.createElement("div", { className: "z-10", ...l }), /* @__PURE__ */ e.createElement(
+    a.div,
+    {
+      key: "time-saved",
+      ...l,
+      className: "h-full w-full"
+    },
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "relative z-10 flex cursor-pointer items-center justify-between gap-0 px-4 py-[3px] transition-all duration-200 ease-in-out hover:bg-white",
+        onClick: (s) => {
+          s.stopPropagation(), n("time");
+        }
+      },
+      /* @__PURE__ */ e.createElement(t, { size: "h5", weight: "regular", className: "!text-mid-grey" }, "Time saved"),
+      /* @__PURE__ */ e.createElement("div", { className: "flex gap-5" }, /* @__PURE__ */ e.createElement(
+        t,
+        {
+          size: "h4",
+          weight: "regular",
+          className: " !text-light-green"
+        },
+        x(2e4)
+      ))
+    )
+  ), /* @__PURE__ */ e.createElement(a.div, { key: "cost-saved", ...l, className: "w-full" }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "flex cursor-pointer items-center justify-between gap-0 px-4 py-[3px] transition-all duration-200 ease-in-out hover:bg-white",
+      onClick: (s) => {
+        s.stopPropagation(), n("fees");
+      }
+    },
+    /* @__PURE__ */ e.createElement(t, { size: "h5", weight: "regular", className: "!text-mid-grey" }, "Cost saved"),
+    /* @__PURE__ */ e.createElement("div", { className: "flex gap-5" }, /* @__PURE__ */ e.createElement(
+      t,
+      {
+        size: "h4",
+        weight: "regular",
+        className: "!text-light-green"
+      },
+      `$${E(5e3, 0, 2)}`
+    ))
+  )))));
+};
+export {
+  b as SwapSavingsAndAddresses
+};