@gardenfi/swap 0.1.3-beta.21 → 0.1.3-beta.23

package/dist/index41.js

@@ -1,110 +1,31 @@
-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 "./index78.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);
+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 /* @__PURE__ */ e.createElement(I, null, /* @__PURE__ */ e.createElement(
-    z.div,
+  return /* @__PURE__ */ i.createElement(n, { mode: "wait" }, a && /* @__PURE__ */ i.createElement(
+    l.div,
     {
-      ...p ? w : g,
-      className: "absolute left-0 top-0 z-50 w-full rounded-[16px] p-2"
-    },
-    /* @__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"
+      initial: { opacity: 0, x: "100%" },
+      animate: { opacity: 1, x: "0%" },
+      exit: {
+        opacity: 0,
+        x: "100%"
       },
-      /* @__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."
-        )))
-      )
-    ))
+      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();
+      }
+    },
+    o
   ));
 };
 export {
-  B as AvailableChainsSidebar
+  p as BottomSheet
 };

package/dist/index42.cjs

@@ -1 +1 @@
-"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;
+"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/index42.js

@@ -1,90 +1,20 @@
-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",
+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,
     {
-      className: `flex flex-col gap-1 p-4 ${h ? "rounded-b-2xl" : ""} ${l !== "Expired" ? "cursor-pointer hover:bg-white/50" : ""}`,
-      onClick: D
+      size: "h5",
+      weight: "medium",
+      className: "text-center !text-dark-grey"
     },
-    /* @__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)))
-  ));
-};
+    t
+  )
+));
 export {
-  K as TransactionRow
+  s as ChainsTooltip
 };

package/dist/index43.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"),a=require("@gardenfi/garden-book"),c=require("framer-motion"),N=require("./index78.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/index43.js

@@ -1,16 +1,110 @@
-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 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 "./index78.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,
     {
-      key: a,
-      className: `bg-white/50 p-4 ${a === 3 ? "rounded-b-2xl" : ""}`
+      ...p ? w : g,
+      className: "absolute left-0 top-0 z-50 w-full rounded-[16px] p-2"
     },
-    t()
-  )));
+    /* @__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 {
-  s as TransactionsSkeleton
+  B as AvailableChainsSidebar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gardenfi/swap",
-  "version": "0.1.3-beta.21",
+  "version": "0.1.3-beta.23",
   "type": "module",
   "scripts": {
     "build": "vite build",
@@ -29,11 +29,11 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gardenfi/core": "3.1.3-beta.21",
+    "@gardenfi/core": "3.1.3-beta.23",
     "@gardenfi/garden-book": "0.2.2",
-    "@gardenfi/orderbook": "3.1.3-beta.21",
-    "@gardenfi/react-hooks": "3.1.3-beta.21",
-    "@gardenfi/utils": "3.1.1-beta.19",
+    "@gardenfi/orderbook": "3.1.3-beta.23",
+    "@gardenfi/react-hooks": "3.1.3-beta.23",
+    "@gardenfi/utils": "3.1.1-beta.21",
     "@mysten/sui": "^1.37.2",
     "@number-flow/react": "^0.5.9",
     "@solana/web3.js": "^1.98.2",