@gardenfi/swap 0.1.2 → 0.1.3-beta.2

package/dist/index39.js

@@ -1,90 +1,31 @@
-import a, { useMemo as o } from "react";
-import { Typography as f } from "@gardenfi/garden-book";
-import { SwapInfo as R } from "./index36.js";
-import { OrderStatus as t, isBitcoin as S } from "@gardenfi/orderbook";
-import { assetInfoStore as y } from "./index7.js";
-import { getAssetFromSwap as g, formatAmount as w, getDayDifference as C } from "./index34.js";
-import { swapStore as N } from "./index6.js";
-import { tabs as k, getApiEndpoint as O } from "./index12.js";
-import { orderInProgressStore as T } from "./index14.js";
-import { useGarden as $ } from "@gardenfi/react-hooks";
-const M = (e) => {
-  switch (e) {
-    case t.Created:
-      return "Detecting deposit";
-    case t.Expired:
-      return "Expired";
-    case t.Initiated:
-      return "Deposit detected (0/1)";
-    case t.InitiateDetected:
-      return "Deposit detected (0/1)";
-    case t.AwaitingRedeem:
-      return "Redeeming";
-    case t.Refunded:
-    case t.AwaitingRefund:
-    case t.Redeemed:
-      return "Completed";
-    default:
-      return "In progress...";
-  }
-}, K = ({
-  order: e,
-  status: i,
-  isLast: h,
-  isFirst: x
-}) => {
-  const { source_swap: s, destination_swap: c } = e, { allAssets: m } = y(), { currentNetwork: E, setActiveTab: b } = N(), { setIsOpen: _, setOrder: v } = T(), { garden: d } = $(), r = o(
-    () => g(s, m),
-    [s, m]
-  ), n = o(
-    () => g(c, m),
-    [c, m]
-  ), l = o(
-    () => i && M(i),
-    [i]
-  ), p = o(
-    () => r && w(
-      s.amount,
-      (r == null ? void 0 : r.decimals) ?? 0,
-      Math.min(r.decimals, 8)
-    ),
-    [s.amount, r]
-  ), u = o(
-    () => n && w(
-      c.amount,
-      (n == null ? void 0 : n.decimals) ?? 0,
-      Math.min(n.decimals, 8)
-    ),
-    [c.amount, n]
-  ), A = o(
-    () => C(e.created_at),
-    [e.created_at]
-  ), D = () => {
-    if (!e.order_id || !d) return;
-    if (i === t.Created && S(e.source_swap.chain)) {
-      _(!0), b(k.swap), v(d, e.order_id);
-      return;
-    }
-    const I = O(E).explorer;
-    window.open(`${I}/order/${e.order_id}`, "_blank");
+import i from "react";
+import { AnimatePresence as n, motion as l } from "framer-motion";
+const p = ({ open: a, onClose: e, children: o }) => {
+  const r = (t) => {
+    t.target === t.currentTarget && e && e();
   };
-  return !r || !n ? null : /* @__PURE__ */ a.createElement("div", null, !x && /* @__PURE__ */ a.createElement("div", { className: "h-px w-full bg-white/50" }), /* @__PURE__ */ a.createElement(
-    "div",
+  return /* @__PURE__ */ i.createElement(n, { mode: "wait" }, a && /* @__PURE__ */ i.createElement(
+    l.div,
     {
-      className: `flex flex-col gap-1 p-4 ${h ? "rounded-b-2xl" : ""} ${l !== "Expired" ? "cursor-pointer hover:bg-white/50" : ""}`,
-      onClick: D
-    },
-    /* @__PURE__ */ a.createElement("div", { className: "flex flex-col gap-1" }, p && u && /* @__PURE__ */ a.createElement(
-      R,
-      {
-        sendAsset: r,
-        receiveAsset: n,
-        sendAmount: p,
-        receiveAmount: u
+      initial: { opacity: 0, x: "100%" },
+      animate: { opacity: 1, x: "0%" },
+      exit: {
+        opacity: 0,
+        x: "100%"
+      },
+      transition: {
+        type: "spring",
+        stiffness: 250,
+        damping: 30
+      },
+      className: "absolute top-0 left-0 p-3 w-full h-full bg-white/50 backdrop-blur-md rounded-t-2xl z-[99]",
+      onClick: (t) => {
+        r(t), t.stopPropagation();
       }
-    ), /* @__PURE__ */ a.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ a.createElement(f, { size: "h5", weight: "regular" }, l), /* @__PURE__ */ a.createElement(f, { size: "h5", weight: "regular" }, A)))
+    },
+    o
   ));
 };
 export {
-  K as TransactionRow
+  p as BottomSheet
 };

package/dist/index40.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=require("framer-motion"),r=()=>{const t=()=>e.createElement("div",{className:"flex flex-col gap-1"},e.createElement("div",{className:"flex justify-between gap-4"},e.createElement("div",{className:"h-5 w-24 animate-pulse rounded-md bg-gray-200"}),e.createElement("div",{className:"h-5 w-6 animate-pulse rounded-full bg-gray-200"}),e.createElement("div",{className:"h-5 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(l.motion.div,{layout:!0,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=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("@gardenfi/garden-book"),r=({chain:t,className:a})=>e.createElement("div",{className:"absolute z-50 mx-auto -mt-[84px]"},e.createElement("div",{className:`flex text-nowrap rounded-2xl bg-white px-3 py-2 shadow-custom ${a}`},e.createElement(o.Typography,{size:"h5",weight:"medium",className:"text-center !text-dark-grey"},t)));exports.ChainsTooltip=r;

package/dist/index40.js

@@ -1,16 +1,20 @@
 import e from "react";
-import { motion as l } from "framer-motion";
-const s = () => {
-  const t = () => /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex justify-between gap-4" }, /* @__PURE__ */ e.createElement("div", { className: "h-5 w-24 animate-pulse rounded-md bg-gray-200" }), /* @__PURE__ */ e.createElement("div", { className: "h-5 w-6 animate-pulse rounded-full bg-gray-200" }), /* @__PURE__ */ e.createElement("div", { className: "h-5 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(l.div, { layout: !0, className: "flex flex-col" }, Array.from({ length: 4 }).map((m, a) => /* @__PURE__ */ e.createElement(
-    "div",
+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: `flex text-nowrap rounded-2xl bg-white px-3 py-2 shadow-custom ${a}`
+  },
+  /* @__PURE__ */ e.createElement(
+    r,
     {
-      key: a,
-      className: `bg-white/50 p-4 ${a === 3 ? "rounded-b-2xl" : ""}`
+      size: "h5",
+      weight: "medium",
+      className: "text-center !text-dark-grey"
     },
-    t()
-  )));
-};
+    t
+  )
+));
 export {
-  s as TransactionsSkeleton
+  s as ChainsTooltip
 };

package/dist/index41.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=require("framer-motion"),c=({open:a,onClose:e,children:r})=>{const n=t=>{t.target===t.currentTarget&&e&&e()};return i.createElement(o.AnimatePresence,{mode:"wait"},a&&i.createElement(o.motion.div,{initial:{opacity:0,x:"100%"},animate:{opacity:1,x:"0%"},exit:{opacity:0,x:"100%"},transition:{type:"spring",stiffness:250,damping:30},className:"absolute top-0 left-0 p-3 w-full h-full bg-white/50 backdrop-blur-md rounded-t-2xl z-[99]",onClick:t=>{n(t),t.stopPropagation()}},r))};exports.BottomSheet=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("@gardenfi/garden-book"),c=require("framer-motion"),N=require("./index75.cjs"),b=require("./index6.cjs"),i=require("./index12.cjs"),v=({show:n,chains:r,hide:m,onClick:u})=>{const[l,f]=e.useState(""),d=e.useRef(null),{isMobile:p}=N.viewPortStore(),{showFeesAndRateDetails:h,showBtcAddress:g}=b.swapStore(),w=(h?g?i.HEIGHTS.large:i.HEIGHTS.medium:i.HEIGHTS.small)-i.BUFFER_HEIGHT.medium,x={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}},y={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?r.filter(t=>t.chainName.toLowerCase().includes(l.toLowerCase())).sort((t,s)=>t.chainName.localeCompare(s.chainName)):r.sort((t,s)=>t.chainName.localeCompare(s.chainName)),[r,l]),E=t=>{f(t.target.value)};return e.createElement(c.AnimatePresence,null,e.createElement(c.motion.div,{...p?y:x,className:"absolute left-0 top-0 z-50 w-full rounded-[16px] p-2"},e.createElement("div",{className:"transition-left left-auto top-60 z-40 flex w-full flex-col gap-3 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:d,className:"w-full bg-transparent outline-none placeholder:text-mid-grey focus:outline-none",type:"text",value:l,placeholder:"Search chains",onChange:E}))),e.createElement(a.SearchIcon,null)),e.createElement("div",{className:"flex h-full flex-col overflow-auto rounded-2xl bg-white"},e.createElement(a.GradientScroll,{height:w,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=v;

package/dist/index41.js

@@ -1,31 +1,110 @@
-import i from "react";
-import { AnimatePresence as n, motion as l } from "framer-motion";
-const p = ({ open: a, onClose: e, children: o }) => {
-  const r = (t) => {
-    t.target === t.currentTarget && e && e();
+import e, { useState as E, useRef as y, useMemo as v } from "react";
+import { Typography as l, ArrowLeftIcon as b, SearchIcon as C, GradientScroll as S } from "@gardenfi/garden-book";
+import { AnimatePresence as I, motion as z } from "framer-motion";
+import { viewPortStore as A } from "./index75.js";
+import { swapStore as H } from "./index6.js";
+import { HEIGHTS as s, BUFFER_HEIGHT as R } from "./index12.js";
+const B = ({
+  show: a,
+  chains: i,
+  hide: m,
+  onClick: c
+}) => {
+  const [n, u] = E(""), f = y(null), { isMobile: p } = A(), { showFeesAndRateDetails: d, showBtcAddress: h } = H(), x = (d ? h ? s.large : s.medium : s.small) - R.medium, g = {
+    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
+    }
+  }, w = {
+    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
+    }
+  }, o = v(() => n ? i.filter((t) => t.chainName.toLowerCase().includes(n.toLowerCase())).sort((t, r) => t.chainName.localeCompare(r.chainName)) : i.sort((t, r) => t.chainName.localeCompare(r.chainName)), [i, n]), N = (t) => {
+    u(t.target.value);
   };
-  return /* @__PURE__ */ i.createElement(n, { mode: "wait" }, a && /* @__PURE__ */ i.createElement(
-    l.div,
+  return /* @__PURE__ */ e.createElement(I, null, /* @__PURE__ */ e.createElement(
+    z.div,
     {
-      initial: { opacity: 0, x: "100%" },
-      animate: { opacity: 1, x: "0%" },
-      exit: {
-        opacity: 0,
-        x: "100%"
-      },
-      transition: {
-        type: "spring",
-        stiffness: 250,
-        damping: 30
-      },
-      className: "absolute top-0 left-0 p-3 w-full h-full bg-white/50 backdrop-blur-md rounded-t-2xl z-[99]",
-      onClick: (t) => {
-        r(t), t.stopPropagation();
-      }
+      ...p ? w : g,
+      className: "absolute left-0 top-0 z-50 w-full rounded-[16px] p-2"
     },
-    o
+    /* @__PURE__ */ e.createElement("div", { className: "transition-left left-auto top-60 z-40 flex w-full flex-col gap-3 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(b, { onClick: m, 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: N
+      }
+    ))), /* @__PURE__ */ e.createElement(C, null)), /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "flex h-full flex-col overflow-auto rounded-2xl bg-white"
+      },
+      /* @__PURE__ */ e.createElement(
+        S,
+        {
+          height: x,
+          gradientHeight: 42,
+          className: "rounded-2xl"
+        },
+        /* @__PURE__ */ e.createElement("div", { className: "flex w-full flex-col pb-2 pt-2" }, o.length > 0 ? o.map((t) => /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            key: t.chainId,
+            className: "flex w-full cursor-pointer items-center justify-between hover:bg-off-white",
+            onClick: () => c(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 {
-  p as BottomSheet
+  B as AvailableChainsSidebar
 };

package/dist/index42.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("@gardenfi/garden-book"),r=({chain:t,className:a})=>e.createElement("div",{className:"absolute z-50 mx-auto -mt-[84px]"},e.createElement("div",{className:`flex text-nowrap rounded-2xl bg-white px-3 py-2 shadow-custom ${a}`},e.createElement(o.Typography,{size:"h5",weight:"medium",className:"text-center !text-dark-grey"},t)));exports.ChainsTooltip=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),g=require("@gardenfi/garden-book"),A=require("./index36.cjs"),t=require("@gardenfi/orderbook"),I=require("./index7.cjs"),a=require("./index34.cjs"),M=require("./index6.cjs"),w=require("./index12.cjs"),_=require("./index14.cjs"),v=require("@gardenfi/react-hooks"),R=r=>{switch(r){case t.OrderStatus.Created:return"Detecting deposit";case t.OrderStatus.Expired:return"Expired";case t.OrderStatus.Initiated:return"Deposit detected (0/1)";case t.OrderStatus.InitiateDetected:return"Deposit detected (0/1)";case t.OrderStatus.AwaitingRedeem:return"Redeeming";case t.OrderStatus.Refunded:case t.OrderStatus.AwaitingRefund:case t.OrderStatus.Redeemed:return"Completed";default:return"In progress..."}},k=({order:r,status:o,isLast:f,isFirst:S})=>{const{source_swap:c,destination_swap:i}=r,{allAssets:u}=I.assetInfoStore(),{currentNetwork:h,setActiveTab:O}=M.swapStore(),{setIsOpen:b,setOrder:E}=_.orderInProgressStore(),{garden:d}=v.useGarden(),n=e.useMemo(()=>a.getAssetFromSwap(c,u),[c,u]),s=e.useMemo(()=>a.getAssetFromSwap(i,u),[i,u]),l=e.useMemo(()=>o&&R(o),[o]),m=e.useMemo(()=>n&&a.formatAmount(c.amount,(n==null?void 0:n.decimals)??0,Math.min(n.decimals,8)),[c.amount,n]),p=e.useMemo(()=>s&&a.formatAmount(i.amount,(s==null?void 0:s.decimals)??0,Math.min(s.decimals,8)),[i.amount,s]),x=e.useMemo(()=>a.getDayDifference(r.created_at),[r.created_at]),q=()=>{if(!r.order_id||!d)return;if(o===t.OrderStatus.Created&&t.isBitcoin(r.source_swap.chain)){b(!0),O(w.tabs.swap),E(d,r.order_id);return}const y=w.getApiEndpoint(h).explorer;window.open(`${y}/order/${r.order_id}`,"_blank")};return!n||!s?null:e.createElement("div",null,!S&&e.createElement("div",{className:"h-px w-full bg-white/50"}),e.createElement("div",{className:`flex flex-col gap-1 p-4 ${f?"rounded-b-2xl":""} ${l!=="Expired"?"cursor-pointer hover:bg-white/50":""}`,onClick:q},e.createElement("div",{className:"flex flex-col gap-1"},m&&p&&e.createElement(A.SwapInfo,{sendAsset:n,receiveAsset:s,sendAmount:m,receiveAmount:p}),e.createElement("div",{className:"flex justify-between"},e.createElement(g.Typography,{size:"h5",weight:"regular"},l),e.createElement(g.Typography,{size:"h5",weight:"regular"},x)))))};exports.TransactionRow=k;

package/dist/index42.js

@@ -1,20 +1,90 @@
-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: `flex text-nowrap rounded-2xl bg-white px-3 py-2 shadow-custom ${a}`
-  },
-  /* @__PURE__ */ e.createElement(
-    r,
+import a, { useMemo as o } from "react";
+import { Typography as f } from "@gardenfi/garden-book";
+import { SwapInfo as R } from "./index36.js";
+import { OrderStatus as t, isBitcoin as S } from "@gardenfi/orderbook";
+import { assetInfoStore as y } from "./index7.js";
+import { getAssetFromSwap as g, formatAmount as w, getDayDifference as C } from "./index34.js";
+import { swapStore as N } from "./index6.js";
+import { tabs as k, getApiEndpoint as O } from "./index12.js";
+import { orderInProgressStore as T } from "./index14.js";
+import { useGarden as $ } from "@gardenfi/react-hooks";
+const M = (e) => {
+  switch (e) {
+    case t.Created:
+      return "Detecting deposit";
+    case t.Expired:
+      return "Expired";
+    case t.Initiated:
+      return "Deposit detected (0/1)";
+    case t.InitiateDetected:
+      return "Deposit detected (0/1)";
+    case t.AwaitingRedeem:
+      return "Redeeming";
+    case t.Refunded:
+    case t.AwaitingRefund:
+    case t.Redeemed:
+      return "Completed";
+    default:
+      return "In progress...";
+  }
+}, K = ({
+  order: e,
+  status: i,
+  isLast: h,
+  isFirst: x
+}) => {
+  const { source_swap: s, destination_swap: c } = e, { allAssets: m } = y(), { currentNetwork: E, setActiveTab: b } = N(), { setIsOpen: _, setOrder: v } = T(), { garden: d } = $(), r = o(
+    () => g(s, m),
+    [s, m]
+  ), n = o(
+    () => g(c, m),
+    [c, m]
+  ), l = o(
+    () => i && M(i),
+    [i]
+  ), p = o(
+    () => r && w(
+      s.amount,
+      (r == null ? void 0 : r.decimals) ?? 0,
+      Math.min(r.decimals, 8)
+    ),
+    [s.amount, r]
+  ), u = o(
+    () => n && w(
+      c.amount,
+      (n == null ? void 0 : n.decimals) ?? 0,
+      Math.min(n.decimals, 8)
+    ),
+    [c.amount, n]
+  ), A = o(
+    () => C(e.created_at),
+    [e.created_at]
+  ), D = () => {
+    if (!e.order_id || !d) return;
+    if (i === t.Created && S(e.source_swap.chain)) {
+      _(!0), b(k.swap), v(d, e.order_id);
+      return;
+    }
+    const I = O(E).explorer;
+    window.open(`${I}/order/${e.order_id}`, "_blank");
+  };
+  return !r || !n ? null : /* @__PURE__ */ a.createElement("div", null, !x && /* @__PURE__ */ a.createElement("div", { className: "h-px w-full bg-white/50" }), /* @__PURE__ */ a.createElement(
+    "div",
     {
-      size: "h5",
-      weight: "medium",
-      className: "text-center !text-dark-grey"
+      className: `flex flex-col gap-1 p-4 ${h ? "rounded-b-2xl" : ""} ${l !== "Expired" ? "cursor-pointer hover:bg-white/50" : ""}`,
+      onClick: D
     },
-    t
-  )
-));
+    /* @__PURE__ */ a.createElement("div", { className: "flex flex-col gap-1" }, p && u && /* @__PURE__ */ a.createElement(
+      R,
+      {
+        sendAsset: r,
+        receiveAsset: n,
+        sendAmount: p,
+        receiveAmount: u
+      }
+    ), /* @__PURE__ */ a.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ a.createElement(f, { size: "h5", weight: "regular" }, l), /* @__PURE__ */ a.createElement(f, { size: "h5", weight: "regular" }, A)))
+  ));
+};
 export {
-  s as ChainsTooltip
+  K as TransactionRow
 };

package/dist/index43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("@gardenfi/garden-book"),c=require("framer-motion"),N=require("./index75.cjs"),b=require("./index6.cjs"),i=require("./index12.cjs"),v=({show:n,chains:r,hide:m,onClick:u})=>{const[l,f]=e.useState(""),d=e.useRef(null),{isMobile:p}=N.viewPortStore(),{showFeesAndRateDetails:h,showBtcAddress:g}=b.swapStore(),w=(h?g?i.HEIGHTS.large:i.HEIGHTS.medium:i.HEIGHTS.small)-i.BUFFER_HEIGHT.medium,x={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}},y={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?r.filter(t=>t.chainName.toLowerCase().includes(l.toLowerCase())).sort((t,s)=>t.chainName.localeCompare(s.chainName)):r.sort((t,s)=>t.chainName.localeCompare(s.chainName)),[r,l]),E=t=>{f(t.target.value)};return e.createElement(c.AnimatePresence,null,e.createElement(c.motion.div,{...p?y:x,className:"absolute left-0 top-0 z-50 w-full rounded-[16px] p-2"},e.createElement("div",{className:"transition-left left-auto top-60 z-40 flex w-full flex-col gap-3 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:d,className:"w-full bg-transparent outline-none placeholder:text-mid-grey focus:outline-none",type:"text",value:l,placeholder:"Search chains",onChange:E}))),e.createElement(a.SearchIcon,null)),e.createElement("div",{className:"flex h-full flex-col overflow-auto rounded-2xl bg-white"},e.createElement(a.GradientScroll,{height:w,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=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=require("framer-motion"),r=()=>{const t=()=>e.createElement("div",{className:"flex flex-col gap-1"},e.createElement("div",{className:"flex justify-between gap-4"},e.createElement("div",{className:"h-5 w-24 animate-pulse rounded-md bg-gray-200"}),e.createElement("div",{className:"h-5 w-6 animate-pulse rounded-full bg-gray-200"}),e.createElement("div",{className:"h-5 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(l.motion.div,{layout:!0,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=r;

package/dist/index43.js

@@ -1,110 +1,16 @@
-import e, { useState as E, useRef as y, useMemo as v } from "react";
-import { Typography as l, ArrowLeftIcon as b, SearchIcon as C, GradientScroll as S } from "@gardenfi/garden-book";
-import { AnimatePresence as I, motion as z } from "framer-motion";
-import { viewPortStore as A } from "./index75.js";
-import { swapStore as H } from "./index6.js";
-import { HEIGHTS as s, BUFFER_HEIGHT as R } from "./index12.js";
-const B = ({
-  show: a,
-  chains: i,
-  hide: m,
-  onClick: c
-}) => {
-  const [n, u] = E(""), f = y(null), { isMobile: p } = A(), { showFeesAndRateDetails: d, showBtcAddress: h } = H(), x = (d ? h ? s.large : s.medium : s.small) - R.medium, g = {
-    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
-    }
-  }, w = {
-    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
-    }
-  }, o = v(() => n ? i.filter((t) => t.chainName.toLowerCase().includes(n.toLowerCase())).sort((t, r) => t.chainName.localeCompare(r.chainName)) : i.sort((t, r) => t.chainName.localeCompare(r.chainName)), [i, n]), N = (t) => {
-    u(t.target.value);
-  };
-  return /* @__PURE__ */ e.createElement(I, null, /* @__PURE__ */ e.createElement(
-    z.div,
+import e from "react";
+import { motion as l } from "framer-motion";
+const s = () => {
+  const t = () => /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex justify-between gap-4" }, /* @__PURE__ */ e.createElement("div", { className: "h-5 w-24 animate-pulse rounded-md bg-gray-200" }), /* @__PURE__ */ e.createElement("div", { className: "h-5 w-6 animate-pulse rounded-full bg-gray-200" }), /* @__PURE__ */ e.createElement("div", { className: "h-5 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(l.div, { layout: !0, className: "flex flex-col" }, Array.from({ length: 4 }).map((m, a) => /* @__PURE__ */ e.createElement(
+    "div",
     {
-      ...p ? w : g,
-      className: "absolute left-0 top-0 z-50 w-full rounded-[16px] p-2"
+      key: a,
+      className: `bg-white/50 p-4 ${a === 3 ? "rounded-b-2xl" : ""}`
     },
-    /* @__PURE__ */ e.createElement("div", { className: "transition-left left-auto top-60 z-40 flex w-full flex-col gap-3 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(b, { onClick: m, 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: N
-      }
-    ))), /* @__PURE__ */ e.createElement(C, null)), /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: "flex h-full flex-col overflow-auto rounded-2xl bg-white"
-      },
-      /* @__PURE__ */ e.createElement(
-        S,
-        {
-          height: x,
-          gradientHeight: 42,
-          className: "rounded-2xl"
-        },
-        /* @__PURE__ */ e.createElement("div", { className: "flex w-full flex-col pb-2 pt-2" }, o.length > 0 ? o.map((t) => /* @__PURE__ */ e.createElement(
-          "div",
-          {
-            key: t.chainId,
-            className: "flex w-full cursor-pointer items-center justify-between hover:bg-off-white",
-            onClick: () => c(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."
-        )))
-      )
-    ))
-  ));
+    t()
+  )));
 };
 export {
-  B as AvailableChainsSidebar
+  s as TransactionsSkeleton
 };

package/dist/index44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index122.cjs"),n=require("./index125.cjs");function l(e){const{key:t="public",name:i="Public Client"}=e;return c.createClient({...e,key:t,name:i,type:"publicClient"}).extend(n.publicActions)}exports.createPublicClient=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index109.cjs"),n=require("./index112.cjs");function l(e){const{key:t="public",name:i="Public Client"}=e;return c.createClient({...e,key:t,name:i,type:"publicClient"}).extend(n.publicActions)}exports.createPublicClient=l;

package/dist/index44.js

@@ -1,5 +1,5 @@
-import { createClient as n } from "./index122.js";
-import { publicActions as c } from "./index125.js";
+import { createClient as n } from "./index109.js";
+import { publicActions as c } from "./index112.js";
 function u(t) {
   const { key: e = "public", name: i = "Public Client" } = t;
   return n({

package/dist/index45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./index179.cjs"),H=require("./index180.cjs"),U=require("./index181.cjs"),_=require("./index182.cjs"),k=require("./index177.cjs");function v(h,r={}){const{batch:o,fetchFn:l,fetchOptions:u,key:q="http",methods:d,name:y="HTTP JSON-RPC",onFetchRequest:f,onFetchResponse:R,retryDelay:w,raw:S}=r;return({chain:n,retryCount:m,timeout:C})=>{const{batchSize:b=1e3,wait:T=0}=typeof o=="object"?o:{},B=r.retryCount??m,c=C??r.timeout??1e4,e=h||(n==null?void 0:n.rpcUrls.default.http[0]);if(!e)throw new H.UrlRequiredError;const a=_.getHttpRpcClient(e,{fetchFn:l,fetchOptions:u,onRequest:f,onResponse:R,timeout:c});return k.createTransport({key:q,methods:d,name:y,async request({method:F,params:O}){const i={method:F,params:O},{schedule:P}=U.createBatchScheduler({id:e,wait:T,shouldSplitBatch(t){return t.length>b},fn:t=>a.request({body:t}),sort:(t,j)=>t.id-j.id}),g=async t=>o?P(t):[await a.request({body:t})],[{error:s,result:p}]=await g(i);if(S)return{error:s,result:p};if(s)throw new E.RpcRequestError({body:i,error:s,url:e});return p},retryCount:B,retryDelay:w,timeout:c,type:"http"},{fetchOptions:u,url:e})}}exports.http=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./index166.cjs"),H=require("./index167.cjs"),U=require("./index168.cjs"),_=require("./index169.cjs"),k=require("./index164.cjs");function v(h,r={}){const{batch:o,fetchFn:l,fetchOptions:u,key:q="http",methods:d,name:y="HTTP JSON-RPC",onFetchRequest:f,onFetchResponse:R,retryDelay:w,raw:S}=r;return({chain:n,retryCount:m,timeout:C})=>{const{batchSize:b=1e3,wait:T=0}=typeof o=="object"?o:{},B=r.retryCount??m,c=C??r.timeout??1e4,e=h||(n==null?void 0:n.rpcUrls.default.http[0]);if(!e)throw new H.UrlRequiredError;const a=_.getHttpRpcClient(e,{fetchFn:l,fetchOptions:u,onRequest:f,onResponse:R,timeout:c});return k.createTransport({key:q,methods:d,name:y,async request({method:F,params:O}){const i={method:F,params:O},{schedule:P}=U.createBatchScheduler({id:e,wait:T,shouldSplitBatch(t){return t.length>b},fn:t=>a.request({body:t}),sort:(t,j)=>t.id-j.id}),g=async t=>o?P(t):[await a.request({body:t})],[{error:s,result:p}]=await g(i);if(S)return{error:s,result:p};if(s)throw new E.RpcRequestError({body:i,error:s,url:e});return p},retryCount:B,retryDelay:w,timeout:c,type:"http"},{fetchOptions:u,url:e})}}exports.http=v;

package/dist/index45.js

@@ -1,8 +1,8 @@
-import { RpcRequestError as U } from "./index179.js";
-import { UrlRequiredError as _ } from "./index180.js";
-import { createBatchScheduler as j } from "./index181.js";
-import { getHttpRpcClient as k } from "./index182.js";
-import { createTransport as x } from "./index177.js";
+import { RpcRequestError as U } from "./index166.js";
+import { UrlRequiredError as _ } from "./index167.js";
+import { createBatchScheduler as j } from "./index168.js";
+import { getHttpRpcClient as k } from "./index169.js";
+import { createTransport as x } from "./index164.js";
 function v(l, r = {}) {
   const { batch: o, fetchFn: m, fetchOptions: u, key: a = "http", methods: f, name: y = "HTTP JSON-RPC", onFetchRequest: d, onFetchResponse: R, retryDelay: w, raw: q } = r;
   return ({ chain: n, retryCount: C, timeout: S }) => {

package/dist/index70.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index78.cjs"),c=require("./index79.cjs"),T=require("./index80.cjs"),t=require("./index81.cjs"),z=require("./index82.cjs"),H=require("./index83.cjs");function d(e,r){return y(e)?m(e):H.serializeTransaction(e,r)}const q={transaction:d};function m(e){u(e);const{sourceHash:r,data:s,from:l,gas:i,isSystemTx:f,mint:o,to:x,value:n}=e,p=[r,l,x??"0x",o?t.toHex(o):"0x",n?t.toHex(n):"0x",i?t.toHex(i):"0x",f?"0x1":"0x",s??"0x"];return T.concatHex(["0x7e",z.toRlp(p)])}function y(e){return e.type==="deposit"||typeof e.sourceHash<"u"}function u(e){const{from:r,to:s}=e;if(r&&!c.isAddress(r))throw new a.InvalidAddressError({address:r});if(s&&!c.isAddress(s))throw new a.InvalidAddressError({address:s})}exports.assertTransactionDeposit=u;exports.serializeTransaction=d;exports.serializers=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index80.cjs"),c=require("./index81.cjs"),T=require("./index82.cjs"),t=require("./index83.cjs"),z=require("./index84.cjs"),H=require("./index85.cjs");function d(e,r){return y(e)?m(e):H.serializeTransaction(e,r)}const q={transaction:d};function m(e){u(e);const{sourceHash:r,data:s,from:l,gas:i,isSystemTx:f,mint:o,to:x,value:n}=e,p=[r,l,x??"0x",o?t.toHex(o):"0x",n?t.toHex(n):"0x",i?t.toHex(i):"0x",f?"0x1":"0x",s??"0x"];return T.concatHex(["0x7e",z.toRlp(p)])}function y(e){return e.type==="deposit"||typeof e.sourceHash<"u"}function u(e){const{from:r,to:s}=e;if(r&&!c.isAddress(r))throw new a.InvalidAddressError({address:r});if(s&&!c.isAddress(s))throw new a.InvalidAddressError({address:s})}exports.assertTransactionDeposit=u;exports.serializeTransaction=d;exports.serializers=q;

package/dist/index70.js

@@ -1,9 +1,9 @@
-import { InvalidAddressError as a } from "./index78.js";
-import { isAddress as f } from "./index79.js";
-import { concatHex as p } from "./index80.js";
-import { toHex as i } from "./index81.js";
-import { toRlp as x } from "./index82.js";
-import { serializeTransaction as l } from "./index83.js";
+import { InvalidAddressError as a } from "./index80.js";
+import { isAddress as f } from "./index81.js";
+import { concatHex as p } from "./index82.js";
+import { toHex as i } from "./index83.js";
+import { toRlp as x } from "./index84.js";
+import { serializeTransaction as l } from "./index85.js";
 function T(r, e) {
   return h(r) ? z(r) : l(r, e);
 }