@coinlist-co/react 0.12.2-rc.818bed6 → 0.12.2-rc.8a0d02a

package/dist/client/index.js

@@ -7,10 +7,9 @@ import {
   notifySessionExpired,
   publicClients,
   systemDelay
-} from "../chunk-2HCSM3FB.js";
+} from "../chunk-3WW5FLT7.js";
 import {
   AuthorizationCode,
-  CENTRIFUGE_INDICATIVE_QUOTE_AMOUNT,
   CENTRIFUGE_POLL_INTERVAL_MS,
   CodeVerifier,
   DEFAULT_AMOUNT_TO_COMPUTE_PRICE,
@@ -46,7 +45,7 @@ import {
   resolveCentrifugeVaults,
   superstateSwapContractAddress,
   swapSpender
-} from "../chunk-OUFI3D3Q.js";
+} from "../chunk-IZJ4JSSC.js";
 import {
   API_VERSION,
   AssetDecimals,
@@ -78,6 +77,7 @@ import {
   OndoNamespaceImpl,
   PUBLIC_API_BASE_URL,
   RequirementsNamespaceImpl,
+  STABLE_DECIMALS,
   SUPERSTATE_SWAP_ABI,
   SUPPORT_NEW_TICKET_URL,
   Seconds,
@@ -105,7 +105,7 @@ import {
   shortenAddress,
   txExplorerUrl,
   usdAmount
-} from "../chunk-YMDYLYL3.js";
+} from "../chunk-C6GF7MDF.js";
 
 // src/client/CoinListProvider.tsx
 import {
@@ -1953,7 +1953,7 @@ function CoinListSignInCardContainer({
 }
 
 // src/client/components/checkout/CheckoutContainer.tsx
-import { useState as useState29 } from "react";
+import { useState as useState28 } from "react";
 
 // src/client/components/checkout/shared/amount/CheckoutAmountInput.tsx
 import { useId } from "react";
@@ -2866,9 +2866,7 @@ function AssetSummaryRow({
 import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 var TITLE2 = "Request placed";
 var SUBTITLE = "Your request is placed. It settles later, at the price the fund sets then.";
-var ESTIMATED_SHARES_LABEL = "Estimated shares";
 var AMOUNT_INVESTED_LABEL = "Amount invested";
-var INDICATIVE_PRICE_LABEL = "Indicative price";
 var WALLET_LABEL = "Wallet";
 var DONE_LABEL = "Done";
 function CentrifugeBuyOrderPlaced({
@@ -2897,9 +2895,7 @@ function CentrifugeBuyOrderPlaced({
 }
 function detailRows(state) {
   return [
-    { label: ESTIMATED_SHARES_LABEL, value: state.outputAmount },
     { label: AMOUNT_INVESTED_LABEL, value: state.totalCost },
-    { label: INDICATIVE_PRICE_LABEL, value: state.pricePerShare },
     { label: WALLET_LABEL, value: state.recipientAddress }
   ];
 }
@@ -2943,48 +2939,11 @@ function CheckoutReviewDisclaimerLink({
   );
 }
 
-// src/client/components/checkout/shared/review/CheckoutReviewError.tsx
-import { jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
-var RETRY_LABEL = "Try again";
-function CheckoutReviewError({
-  title: title2,
-  heading,
-  description: description2,
-  onRetry,
-  className
-}) {
-  return /* @__PURE__ */ jsx28(CoinListStyleScope, { children: /* @__PURE__ */ jsx28(CheckoutStepCard, { state: "active", title: title2, className, children: /* @__PURE__ */ jsxs19("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-4 clcosdk:py-8 clcosdk:text-center", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx28(
-        "h3",
-        {
-          className: cn(
-            typeClasses.h4,
-            "clcosdk:font-medium clcosdk:text-text-primary"
-          ),
-          children: heading
-        }
-      ),
-      /* @__PURE__ */ jsx28(
-        "p",
-        {
-          className: cn(
-            typeClasses.body,
-            "clcosdk:max-w-md clcosdk:text-text-secondary"
-          ),
-          children: description2
-        }
-      )
-    ] }),
-    onRetry !== void 0 && /* @__PURE__ */ jsx28(ClButton, { variant: "secondary", onClick: onRetry, children: RETRY_LABEL })
-  ] }) }) });
-}
-
 // src/client/components/checkout/shared/review/CheckoutReviewInfoIcon.tsx
 import { Info as Info2 } from "lucide-react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function CheckoutReviewInfoIcon() {
-  return /* @__PURE__ */ jsx29(CoinListStyleScope, { children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(CoinListStyleScope, { children: /* @__PURE__ */ jsx28(
     Info2,
     {
       className: "clcosdk:size-4 clcosdk:text-text-secondary",
@@ -2993,85 +2952,8 @@ function CheckoutReviewInfoIcon() {
   ) });
 }
 
-// src/client/components/design-system/Skeleton.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-var variantClasses = {
-  text: "clcosdk:rounded-md",
-  circular: "clcosdk:rounded-full",
-  rectangular: "clcosdk:rounded-2xl"
-};
-function Skeleton({ variant = "text", className }) {
-  return /* @__PURE__ */ jsx30(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: cn(
-        "clcosdk:animate-pulse clcosdk:bg-section",
-        variantClasses[variant],
-        className
-      )
-    }
-  );
-}
-
-// src/client/components/checkout/shared/review/CheckoutReviewLoading.tsx
-import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
-var DETAIL_ROW_KEYS = ["first", "second", "third", "fourth"];
-function CheckoutReviewLoading({
-  title: title2,
-  statusLabel,
-  detailRowCount,
-  showTotal = true,
-  className
-}) {
-  return /* @__PURE__ */ jsx31(CoinListStyleScope, { children: /* @__PURE__ */ jsxs20(CheckoutStepCard, { state: "active", title: title2, className, children: [
-    /* @__PURE__ */ jsx31("output", { className: "clcosdk:sr-only", children: statusLabel }),
-    /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
-      /* @__PURE__ */ jsx31(Skeleton, { className: "clcosdk:h-3 clcosdk:w-20" }),
-      /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-        /* @__PURE__ */ jsx31(
-          Skeleton,
-          {
-            variant: "circular",
-            className: "clcosdk:size-10 clcosdk:shrink-0"
-          }
-        ),
-        /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx31(Skeleton, { className: "clcosdk:h-5 clcosdk:w-32" }),
-          /* @__PURE__ */ jsx31(Skeleton, { className: "clcosdk:h-3 clcosdk:w-24" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx31("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: DETAIL_ROW_KEYS.slice(0, detailRowCount).map((row) => /* @__PURE__ */ jsxs20(
-      "div",
-      {
-        className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4",
-        children: [
-          /* @__PURE__ */ jsx31(Skeleton, { className: "clcosdk:h-4 clcosdk:w-28" }),
-          /* @__PURE__ */ jsx31(Skeleton, { className: "clcosdk:h-4 clcosdk:w-24" })
-        ]
-      },
-      row
-    )) }),
-    showTotal && /* @__PURE__ */ jsxs20(Fragment5, { children: [
-      /* @__PURE__ */ jsx31("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
-      /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4 clcosdk:px-2", children: [
-        /* @__PURE__ */ jsx31(Skeleton, { className: "clcosdk:h-4 clcosdk:w-16" }),
-        /* @__PURE__ */ jsx31(Skeleton, { className: "clcosdk:h-4 clcosdk:w-20" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx31(
-      Skeleton,
-      {
-        variant: "rectangular",
-        className: "clcosdk:h-[54px] clcosdk:w-full clcosdk:rounded-full"
-      }
-    )
-  ] }) });
-}
-
 // src/client/components/checkout/shared/review/CheckoutReviewQuoteLine.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function CheckoutReviewQuoteLine({
   tone,
   children
@@ -3081,7 +2963,7 @@ function CheckoutReviewQuoteLine({
     warning: "clcosdk:text-warning",
     error: "clcosdk:text-error"
   }[tone];
-  return /* @__PURE__ */ jsx32(CoinListStyleScope, { children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx29(CoinListStyleScope, { children: /* @__PURE__ */ jsx29(
     "p",
     {
       className: cn(
@@ -3096,7 +2978,7 @@ function CheckoutReviewQuoteLine({
 
 // src/client/components/design-system/Tooltip.tsx
 import { useId as useId2 } from "react";
-import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 var positionClasses = {
   top: "clcosdk:bottom-full clcosdk:mb-2",
   bottom: "clcosdk:top-full clcosdk:mt-2"
@@ -3108,7 +2990,7 @@ function Tooltip({
   className
 }) {
   const tooltipId = useId2();
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs19(
     "span",
     {
       tabIndex: 0,
@@ -3123,7 +3005,7 @@ function Tooltip({
       ),
       children: [
         children,
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx30(
           "span",
           {
             id: tooltipId,
@@ -3146,21 +3028,15 @@ function Tooltip({
 }
 
 // src/client/components/checkout/centrifuge/buy/review/CentrifugeBuyReviewView.tsx
-import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var TITLE3 = "3. Review and confirm";
 var YOU_INVEST_LABEL = "You invest";
-var APPROXIMATE_TOOLTIP = "An estimate. The fund prices the deposit later, so the shares can differ.";
 var RECEIVING_WALLET_LABEL = "Receiving wallet";
 var COINLIST_FEE_LABEL = "CoinList fee";
 var COINLIST_FEE_TOOLTIP = "CoinList does not charge a fee on this deposit. The total is the amount you invest.";
 var TOTAL_LABEL = "Total";
-var REFRESH_ESTIMATE_LABEL = "Refresh estimate";
-var REFRESHING_ESTIMATE_LABEL = "Refreshing estimate\u2026";
-var LOADING_STATUS = "Loading your request\u2026";
-var ERROR_TITLE = "Something went wrong";
-var ERROR_DESCRIPTION = "We couldn't load your request. Please try again.";
 function CentrifugeBuyReviewView(props) {
-  return /* @__PURE__ */ jsx34(CoinListStyleScope, { children: /* @__PURE__ */ jsx34(CentrifugeReviewViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx31(CoinListStyleScope, { children: /* @__PURE__ */ jsx31(CentrifugeReviewViewBody, { ...props }) });
 }
 function CentrifugeReviewViewBody({
   state,
@@ -3169,7 +3045,7 @@ function CentrifugeReviewViewBody({
 }) {
   switch (state.type) {
     case "incomplete":
-      return /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx31(
         CheckoutStepCard,
         {
           state: "inactive",
@@ -3177,29 +3053,8 @@ function CentrifugeReviewViewBody({
           className
         }
       );
-    case "loading":
-      return /* @__PURE__ */ jsx34(
-        CheckoutReviewLoading,
-        {
-          title: TITLE3,
-          statusLabel: LOADING_STATUS,
-          detailRowCount: 2,
-          className
-        }
-      );
-    case "error":
-      return /* @__PURE__ */ jsx34(
-        CheckoutReviewError,
-        {
-          title: TITLE3,
-          heading: ERROR_TITLE,
-          description: ERROR_DESCRIPTION,
-          onRetry: () => onEvent({ type: "ON_RETRY" }),
-          className
-        }
-      );
     case "active":
-      return /* @__PURE__ */ jsx34(ActiveView2, { state, onEvent, className });
+      return /* @__PURE__ */ jsx31(ActiveView2, { state, onEvent, className });
     default: {
       const exhaustive = state;
       return exhaustive;
@@ -3211,52 +3066,34 @@ function ActiveView2({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsxs22(CheckoutStepCard, { state: "active", title: TITLE3, className, children: [
-    /* @__PURE__ */ jsxs22("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
-      /* @__PURE__ */ jsx34("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: YOU_INVEST_LABEL }),
-      /* @__PURE__ */ jsxs22("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
-        /* @__PURE__ */ jsx34(AssetIcon, { asset: state.inputAsset, size: 40 }),
-        /* @__PURE__ */ jsxs22("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-1", children: [
-          /* @__PURE__ */ jsx34("span", { className: "clcosdk:min-w-0 clcosdk:break-words clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-text-primary", children: state.investAmount }),
-          /* @__PURE__ */ jsxs22(
-            "span",
-            {
-              className: cn(
-                typeClasses.bodySm,
-                "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1 clcosdk:text-text-secondary"
-              ),
-              children: [
-                /* @__PURE__ */ jsxs22("span", { className: "clcosdk:min-w-0 clcosdk:break-words", children: [
-                  "\u2248 ",
-                  state.approximateAmount
-                ] }),
-                /* @__PURE__ */ jsx34(Tooltip, { content: APPROXIMATE_TOOLTIP, children: /* @__PURE__ */ jsx34(CheckoutReviewInfoIcon, {}) })
-              ]
-            }
-          )
-        ] })
+  return /* @__PURE__ */ jsxs20(CheckoutStepCard, { state: "active", title: TITLE3, className, children: [
+    /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
+      /* @__PURE__ */ jsx31("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: YOU_INVEST_LABEL }),
+      /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsx31(AssetIcon, { asset: state.inputAsset, size: 40 }),
+        /* @__PURE__ */ jsx31("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-1", children: /* @__PURE__ */ jsx31("span", { className: "clcosdk:min-w-0 clcosdk:break-words clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-text-primary", children: state.investAmount }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: [
-        /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: [
+        /* @__PURE__ */ jsx31(
           DetailRow,
           {
             label: RECEIVING_WALLET_LABEL,
             value: state.recipientAddress
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx31(
           DetailRow,
           {
             label: COINLIST_FEE_LABEL,
-            tooltip: /* @__PURE__ */ jsx34(Tooltip, { content: COINLIST_FEE_TOOLTIP, children: /* @__PURE__ */ jsx34(CheckoutReviewInfoIcon, {}) }),
+            tooltip: /* @__PURE__ */ jsx31(Tooltip, { content: COINLIST_FEE_TOOLTIP, children: /* @__PURE__ */ jsx31(CheckoutReviewInfoIcon, {}) }),
             value: state.coinlistFee
           }
         )
       ] }),
-      /* @__PURE__ */ jsx34("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx31("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
+      /* @__PURE__ */ jsx31(
         DetailRow,
         {
           label: TOTAL_LABEL,
@@ -3266,15 +3103,8 @@ function ActiveView2({
         }
       )
     ] }),
-    state.error !== null && /* @__PURE__ */ jsx34(CheckoutReviewQuoteLine, { tone: "error", children: state.error }),
-    /* @__PURE__ */ jsx34(
-      EstimateRefresh,
-      {
-        isRefreshing: state.isRefreshing,
-        onRefresh: () => onEvent({ type: "ON_REFRESH_ESTIMATE" })
-      }
-    ),
-    /* @__PURE__ */ jsx34(
+    state.error !== null && /* @__PURE__ */ jsx31(CheckoutReviewQuoteLine, { tone: "error", children: state.error }),
+    /* @__PURE__ */ jsx31(
       ClButton,
       {
         variant: "gradient",
@@ -3287,41 +3117,27 @@ function ActiveView2({
         children: "Place request"
       }
     ),
-    /* @__PURE__ */ jsx34(Disclaimer, {})
+    /* @__PURE__ */ jsx31(Disclaimer, {})
   ] });
 }
-function EstimateRefresh({
-  isRefreshing,
-  onRefresh
-}) {
-  return /* @__PURE__ */ jsx34(CheckoutReviewQuoteLine, { tone: "muted", children: isRefreshing ? REFRESHING_ESTIMATE_LABEL : /* @__PURE__ */ jsx34(
-    "button",
-    {
-      type: "button",
-      onClick: onRefresh,
-      className: "clcosdk:cursor-pointer clcosdk:underline clcosdk:transition-opacity clcosdk:hover:opacity-80",
-      children: REFRESH_ESTIMATE_LABEL
-    }
-  ) });
-}
 function Disclaimer() {
-  return /* @__PURE__ */ jsxs22(CheckoutReviewDisclaimer, { children: [
+  return /* @__PURE__ */ jsxs20(CheckoutReviewDisclaimer, { children: [
     "Your final token amount is determined by the share price when your investment is processed. By placing this order, you agree to CoinList's",
     " ",
-    /* @__PURE__ */ jsx34(CheckoutReviewDisclaimerLink, { href: COINLIST_TOS_URL, children: "Terms of Service" }),
+    /* @__PURE__ */ jsx31(CheckoutReviewDisclaimerLink, { href: COINLIST_TOS_URL, children: "Terms of Service" }),
     " ",
     "and",
     " ",
-    /* @__PURE__ */ jsx34(CheckoutReviewDisclaimerLink, { href: COINLIST_PRIVACY_URL, children: "Privacy Policy" }),
+    /* @__PURE__ */ jsx31(CheckoutReviewDisclaimerLink, { href: COINLIST_PRIVACY_URL, children: "Privacy Policy" }),
     ", and",
     " ",
-    /* @__PURE__ */ jsx34(CheckoutReviewDisclaimerLink, { href: CENTRIFUGE_TOS_URL, children: "Centrifuge's Terms" }),
+    /* @__PURE__ */ jsx31(CheckoutReviewDisclaimerLink, { href: CENTRIFUGE_TOS_URL, children: "Centrifuge's Terms" }),
     "."
   ] });
 }
 
 // src/client/components/checkout/centrifuge/shared/error/CentrifugeCheckoutError.tsx
-import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 var COPY = {
   "unsupported-chain": {
     title: "Not available on this network",
@@ -3337,7 +3153,7 @@ function CentrifugeCheckoutError({
   className
 }) {
   const copy = COPY[reason];
-  return /* @__PURE__ */ jsx35(CoinListStyleScope, { children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx32(CoinListStyleScope, { children: /* @__PURE__ */ jsx32(
     "div",
     {
       className: cn(
@@ -3345,8 +3161,8 @@ function CentrifugeCheckoutError({
         "clcosdk:items-center clcosdk:gap-4 clcosdk:py-12 clcosdk:text-center",
         className
       ),
-      children: /* @__PURE__ */ jsxs23("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
-        /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsxs21("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
+        /* @__PURE__ */ jsx32(
           "h2",
           {
             className: cn(
@@ -3356,7 +3172,7 @@ function CentrifugeCheckoutError({
             children: copy.title
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx32(
           "p",
           {
             className: cn(
@@ -3376,13 +3192,13 @@ import { ChevronDown, ChevronUp } from "lucide-react";
 import { useId as useId3, useState as useState2 } from "react";
 
 // src/client/components/design-system/Card.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var GAP_CLASS = {
   md: "clcosdk:gap-4",
   lg: "clcosdk:gap-6"
 };
 function Card({ children, gap = "lg", className }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       className: cn(
@@ -3399,7 +3215,7 @@ function Card({ children, gap = "lg", className }) {
 }
 
 // src/client/components/checkout/shared/sidebar/CheckoutSidebarCard.tsx
-import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
 function CheckoutSidebarCard({
   title: title2,
   header,
@@ -3410,7 +3226,7 @@ function CheckoutSidebarCard({
 }) {
   const [expanded, setExpanded] = useState2(false);
   const rowsId = useId3();
-  return /* @__PURE__ */ jsx37(CoinListStyleScope, { children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx34(CoinListStyleScope, { children: /* @__PURE__ */ jsxs22(
     Card,
     {
       className: cn(
@@ -3419,8 +3235,8 @@ function CheckoutSidebarCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs24("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4", children: [
-          /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsxs22("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4", children: [
+          /* @__PURE__ */ jsx34(
             "h2",
             {
               className: cn(
@@ -3432,7 +3248,7 @@ function CheckoutSidebarCard({
           ),
           header
         ] }),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx34(
           "div",
           {
             className: cn(
@@ -3441,7 +3257,7 @@ function CheckoutSidebarCard({
             )
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx34(
           CheckoutDetailList,
           {
             id: rowsId,
@@ -3450,7 +3266,7 @@ function CheckoutSidebarCard({
             className: cn("clcosdk:px-2", !expanded && "clcosdk:max-md:hidden")
           }
         ),
-        /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsxs22(
           "button",
           {
             type: "button",
@@ -3469,7 +3285,7 @@ function CheckoutSidebarCard({
             ),
             children: [
               expanded ? hideDetailsLabel : showDetailsLabel,
-              expanded ? /* @__PURE__ */ jsx37(ChevronUp, { className: "clcosdk:size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx37(ChevronDown, { className: "clcosdk:size-4", "aria-hidden": "true" })
+              expanded ? /* @__PURE__ */ jsx34(ChevronUp, { className: "clcosdk:size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx34(ChevronDown, { className: "clcosdk:size-4", "aria-hidden": "true" })
             ]
           }
         )
@@ -3478,8 +3294,29 @@ function CheckoutSidebarCard({
   ) });
 }
 
+// src/client/components/design-system/Skeleton.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+var variantClasses = {
+  text: "clcosdk:rounded-md",
+  circular: "clcosdk:rounded-full",
+  rectangular: "clcosdk:rounded-2xl"
+};
+function Skeleton({ variant = "text", className }) {
+  return /* @__PURE__ */ jsx35(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "clcosdk:animate-pulse clcosdk:bg-section",
+        variantClasses[variant],
+        className
+      )
+    }
+  );
+}
+
 // src/client/components/checkout/centrifuge/shared/sidebar/CentrifugeSidebarView.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var TITLE4 = "Asset details";
 var SHOW_DETAILS_LABEL = "Show details";
 var HIDE_DETAILS_LABEL = "Hide details";
@@ -3494,11 +3331,11 @@ function CentrifugeSidebarView({
   state,
   className
 }) {
-  return /* @__PURE__ */ jsx38(CoinListStyleScope, { children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(CoinListStyleScope, { children: /* @__PURE__ */ jsx36(
     CheckoutSidebarCard,
     {
       title: TITLE4,
-      header: /* @__PURE__ */ jsx38(
+      header: /* @__PURE__ */ jsx36(
         AssetSummaryRow,
         {
           asset: state.asset,
@@ -3526,7 +3363,7 @@ function detailRows2(state) {
 function minimumValue(minimum) {
   switch (minimum.type) {
     case "loading":
-      return /* @__PURE__ */ jsx38(Skeleton, { className: "clcosdk:h-[1em] clcosdk:w-16" });
+      return /* @__PURE__ */ jsx36(Skeleton, { className: "clcosdk:h-[1em] clcosdk:w-16" });
     case "known":
       return minimum.amount;
     case "none":
@@ -3542,7 +3379,7 @@ function minimumValue(minimum) {
 import { Wallet } from "lucide-react";
 
 // src/client/components/checkout/shared/selection/SelectableOptionRow.tsx
-import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
 function SelectableOptionRow({
   selected,
   disabled = false,
@@ -3559,7 +3396,7 @@ function SelectableOptionRow({
       onSelect();
     }
   };
-  return /* @__PURE__ */ jsx39(CoinListStyleScope, { children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx37(CoinListStyleScope, { children: /* @__PURE__ */ jsxs23(
     "div",
     {
       role: "button",
@@ -3579,17 +3416,17 @@ function SelectableOptionRow({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs25("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
           icon,
-          /* @__PURE__ */ jsx39("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children })
+          /* @__PURE__ */ jsx37("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children })
         ] }),
-        /* @__PURE__ */ jsx39(RadioCircle, { selected })
+        /* @__PURE__ */ jsx37(RadioCircle, { selected })
       ]
     }
   ) });
 }
 function RadioCircle({ selected }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs23(
     "svg",
     {
       width: "20",
@@ -3599,7 +3436,7 @@ function RadioCircle({ selected }) {
       "aria-hidden": "true",
       className: "clcosdk:shrink-0",
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx37(
           "circle",
           {
             cx: "10",
@@ -3610,7 +3447,7 @@ function RadioCircle({ selected }) {
             className: selected ? "clcosdk:text-text-primary" : "clcosdk:text-text-disabled"
           }
         ),
-        selected && /* @__PURE__ */ jsx39(
+        selected && /* @__PURE__ */ jsx37(
           "circle",
           {
             cx: "10",
@@ -3626,30 +3463,30 @@ function RadioCircle({ selected }) {
 }
 
 // src/client/components/design-system/MetaRow.tsx
-import { Children, Fragment as Fragment6 } from "react";
-import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Children, Fragment as Fragment5 } from "react";
+import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
 function MetaRow({ children }) {
   const items = Children.toArray(children).filter(Boolean);
-  return /* @__PURE__ */ jsx40("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1.5", children: items.map((item, index) => (
+  return /* @__PURE__ */ jsx38("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1.5", children: items.map((item, index) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: positional separators, and the list is caller-authored JSX.
-    /* @__PURE__ */ jsxs26(Fragment6, { children: [
-      index > 0 && /* @__PURE__ */ jsx40(MetaDot, {}),
+    /* @__PURE__ */ jsxs24(Fragment5, { children: [
+      index > 0 && /* @__PURE__ */ jsx38(MetaDot, {}),
       item
     ] }, index)
   )) });
 }
 function MetaDot() {
-  return /* @__PURE__ */ jsx40("span", { className: "clcosdk:h-1 clcosdk:w-1 clcosdk:shrink-0 clcosdk:rounded-full clcosdk:bg-text-disabled" });
+  return /* @__PURE__ */ jsx38("span", { className: "clcosdk:h-1 clcosdk:w-1 clcosdk:shrink-0 clcosdk:rounded-full clcosdk:bg-text-disabled" });
 }
 
 // src/client/components/checkout/centrifuge/shared/wallet/CentrifugeWalletSelectView.tsx
-import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
 var TITLE5 = "1. Choose your wallet";
 var DEFAULT_DESCRIPTION = "Choose the wallet that funds this deposit.";
 var EMBEDDED_WALLET_LABEL = "CoinList Wallet";
 var EXTERNAL_WALLET_LABEL = "External wallet";
 function CentrifugeWalletSelectView(props) {
-  return /* @__PURE__ */ jsx41(CoinListStyleScope, { children: /* @__PURE__ */ jsx41(CentrifugeWalletSelectViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx39(CoinListStyleScope, { children: /* @__PURE__ */ jsx39(CentrifugeWalletSelectViewBody, { ...props }) });
 }
 function CentrifugeWalletSelectViewBody({
   state,
@@ -3659,7 +3496,7 @@ function CentrifugeWalletSelectViewBody({
 }) {
   switch (state.type) {
     case "active":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx39(
         ActiveView3,
         {
           state,
@@ -3669,7 +3506,7 @@ function CentrifugeWalletSelectViewBody({
         }
       );
     case "completed":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx39(
         CompletedView2,
         {
           wallet: state.wallet,
@@ -3689,18 +3526,18 @@ function ActiveView3({
   description: description2,
   className
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx39(
     CheckoutStepCard,
     {
       state: "active",
       title: TITLE5,
-      description: /* @__PURE__ */ jsx41("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: description2 }),
+      description: /* @__PURE__ */ jsx39("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: description2 }),
       className,
-      footer: /* @__PURE__ */ jsx41(
+      footer: /* @__PURE__ */ jsx39(
         CheckoutStepFooter,
         {
           error: state.error,
-          cta: /* @__PURE__ */ jsx41(
+          cta: /* @__PURE__ */ jsx39(
             ClButton,
             {
               variant: "primary",
@@ -3712,8 +3549,8 @@ function ActiveView3({
           )
         }
       ),
-      children: /* @__PURE__ */ jsxs27("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
-        /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsxs25("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
+        /* @__PURE__ */ jsx39(
           ExternalWalletRow,
           {
             wallet: state.externalWallet,
@@ -3721,7 +3558,7 @@ function ActiveView3({
             onEvent
           }
         ),
-        state.embeddedWallets.map((wallet) => /* @__PURE__ */ jsx41(
+        state.embeddedWallets.map((wallet) => /* @__PURE__ */ jsx39(
           EmbeddedWalletRow,
           {
             wallet,
@@ -3739,13 +3576,13 @@ function ExternalWalletRow({
   onEvent
 }) {
   if (wallet === null) {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx39(
       SelectableOptionRow,
       {
         selected: false,
         onSelect: () => onEvent({ type: "ON_CONNECT_WALLET" }),
-        icon: /* @__PURE__ */ jsx41(WalletGlyph, {}),
-        children: /* @__PURE__ */ jsx41(
+        icon: /* @__PURE__ */ jsx39(WalletGlyph, {}),
+        children: /* @__PURE__ */ jsx39(
           "span",
           {
             className: cn(
@@ -3758,14 +3595,14 @@ function ExternalWalletRow({
       }
     );
   }
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs25(
     SelectableOptionRow,
     {
       selected: wallet.selected,
       onSelect: () => onEvent({ type: "ON_SELECT_WALLET", value: { type: "external" } }),
-      icon: /* @__PURE__ */ jsx41(WalletGlyph, {}),
+      icon: /* @__PURE__ */ jsx39(WalletGlyph, {}),
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx39(
           "span",
           {
             className: cn(
@@ -3775,22 +3612,22 @@ function ExternalWalletRow({
             children: wallet.address
           }
         ),
-        canDisconnect && /* @__PURE__ */ jsx41(
+        canDisconnect && /* @__PURE__ */ jsx39(
           DisconnectControl,
           {
             onDisconnect: () => onEvent({ type: "ON_DISCONNECT_WALLET" }),
             className: "clcosdk:md:hidden"
           }
         ),
-        /* @__PURE__ */ jsx41("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs27(MetaRow, { children: [
-          /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx39("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs25(MetaRow, { children: [
+          /* @__PURE__ */ jsx39(
             "span",
             {
               className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
               children: wallet.network
             }
           ),
-          canDisconnect && /* @__PURE__ */ jsx41(
+          canDisconnect && /* @__PURE__ */ jsx39(
             DisconnectControl,
             {
               onDisconnect: () => onEvent({ type: "ON_DISCONNECT_WALLET" })
@@ -3805,7 +3642,7 @@ function EmbeddedWalletRow({
   wallet,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs25(
     SelectableOptionRow,
     {
       selected: wallet.selected,
@@ -3813,9 +3650,9 @@ function EmbeddedWalletRow({
         type: "ON_SELECT_WALLET",
         value: { type: "embedded", address: wallet.walletAddress }
       }),
-      icon: /* @__PURE__ */ jsx41(WalletGlyph, {}),
+      icon: /* @__PURE__ */ jsx39(WalletGlyph, {}),
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx39(
           "span",
           {
             className: cn(
@@ -3825,7 +3662,7 @@ function EmbeddedWalletRow({
             children: EMBEDDED_WALLET_LABEL
           }
         ),
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx39(
           "span",
           {
             className: cn(
@@ -3835,8 +3672,8 @@ function EmbeddedWalletRow({
             children: wallet.address
           }
         ),
-        /* @__PURE__ */ jsx41("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs27(MetaRow, { children: [
-          /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx39("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs25(MetaRow, { children: [
+          /* @__PURE__ */ jsx39(
             "span",
             {
               className: cn(
@@ -3846,7 +3683,7 @@ function EmbeddedWalletRow({
               children: wallet.address
             }
           ),
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx39(
             "span",
             {
               className: cn(
@@ -3866,10 +3703,10 @@ function CompletedView2({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx41(CheckoutStepCard, { state: "completed", title: TITLE5, className, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx39(CheckoutStepCard, { state: "completed", title: TITLE5, className, children: /* @__PURE__ */ jsx39(
     CompletedStepSummary,
     {
-      icon: /* @__PURE__ */ jsx41(WalletGlyph, {}),
+      icon: /* @__PURE__ */ jsx39(WalletGlyph, {}),
       title: wallet.type === "embedded" ? EMBEDDED_WALLET_LABEL : wallet.address,
       subtitle: wallet.type === "embedded" ? wallet.address : null,
       editLabel: "Edit",
@@ -3881,7 +3718,7 @@ function DisconnectControl({
   onDisconnect,
   className
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx39(
     "button",
     {
       type: "button",
@@ -3900,7 +3737,7 @@ function DisconnectControl({
   );
 }
 function WalletGlyph() {
-  return /* @__PURE__ */ jsx41("div", { className: "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-xl clcosdk:bg-section", children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx39("div", { className: "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-xl clcosdk:bg-section", children: /* @__PURE__ */ jsx39(
     Wallet,
     {
       className: "clcosdk:size-5 clcosdk:text-text-primary",
@@ -3910,7 +3747,7 @@ function WalletGlyph() {
 }
 
 // src/client/components/checkout/centrifuge/buy/CentrifugeBuyCheckoutView.tsx
-import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
 function CentrifugeBuyCheckoutView({
   state,
   onEvent,
@@ -3918,10 +3755,10 @@ function CentrifugeBuyCheckoutView({
 }) {
   switch (state.type) {
     case "error":
-      return /* @__PURE__ */ jsx42(CentrifugeCheckoutError, { reason: state.reason, className });
+      return /* @__PURE__ */ jsx40(CentrifugeCheckoutError, { reason: state.reason, className });
     case "content":
-      return /* @__PURE__ */ jsxs28(CoinListStyleScope, { children: [
-        /* @__PURE__ */ jsxs28(
+      return /* @__PURE__ */ jsxs26(CoinListStyleScope, { children: [
+        /* @__PURE__ */ jsxs26(
           "div",
           {
             className: cn(
@@ -3930,22 +3767,22 @@ function CentrifugeBuyCheckoutView({
               className
             ),
             children: [
-              /* @__PURE__ */ jsxs28("div", { className: "clcosdk:order-2 clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4 clcosdk:md:order-1", children: [
-                /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsxs26("div", { className: "clcosdk:order-2 clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4 clcosdk:md:order-1", children: [
+                /* @__PURE__ */ jsx40(
                   CentrifugeWalletSelectView,
                   {
                     state: state.wallet,
                     onEvent
                   }
                 ),
-                /* @__PURE__ */ jsx42(CentrifugeBuyAmountView, { state: state.amount, onEvent }),
-                /* @__PURE__ */ jsx42(CentrifugeBuyReviewView, { state: state.review, onEvent })
+                /* @__PURE__ */ jsx40(CentrifugeBuyAmountView, { state: state.amount, onEvent }),
+                /* @__PURE__ */ jsx40(CentrifugeBuyReviewView, { state: state.review, onEvent })
               ] }),
-              /* @__PURE__ */ jsx42("aside", { className: "clcosdk:order-1 clcosdk:min-w-0 clcosdk:md:order-2", children: /* @__PURE__ */ jsx42(CentrifugeSidebarView, { state: state.sidebar }) })
+              /* @__PURE__ */ jsx40("aside", { className: "clcosdk:order-1 clcosdk:min-w-0 clcosdk:md:order-2", children: /* @__PURE__ */ jsx40(CentrifugeSidebarView, { state: state.sidebar }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx40(
           CentrifugeBuyOrderPlaced,
           {
             state: state.orderPlaced,
@@ -3961,7 +3798,7 @@ function CentrifugeBuyCheckoutView({
 }
 
 // src/client/hooks/checkout/centrifuge/buy/useCentrifugeBuyCheckoutViewModel.ts
-import { useState as useState10 } from "react";
+import { useState as useState9 } from "react";
 
 // src/client/hooks/checkout/centrifuge/buy/amount/useCentrifugeBuyAmountViewModel.ts
 import { useEffect as useEffect4, useState as useState4 } from "react";
@@ -4195,8 +4032,7 @@ function useCentrifugeBuyAmountViewModel({
   const networkName = getNetworkName(chain);
   const decimals = TOKEN_REGISTRY.erc20(INPUT_ASSET).decimals;
   const parsed = parseBlockchainAmount(amountInput, decimals);
-  const minimum = stepInput.type === "active" ? stepInput.minimumInputAmount : null;
-  const awaitingMinimum = stepInput.type === "active" && stepInput.awaitingMinimum;
+  const minimum = stepInput.type === "active" ? minimumAmount(stepInput.minimumPurchaseUsd, decimals) : null;
   const belowMinimum = minimum !== null && parsed.valid && parsed.amount.raw > 0n && parsed.amount.raw < minimum.raw ? minimumMessage(minimum, locale) : null;
   const { balances, isLoading: balancesLoading } = useErc20TokenBalances({
     address: stepInput.type === "incomplete" ? NO_WALLET : stepInput.wallet.address,
@@ -4254,12 +4090,12 @@ function useCentrifugeBuyAmountViewModel({
     }
   };
   const confirmCta = (depositBlockedMessage) => {
-    const blocked = depositBlockedMessage !== null || belowMinimum !== null || awaitingMinimum || balancesLoading || amountInput.trim() === "";
+    const blocked = depositBlockedMessage !== null || belowMinimum !== null || balancesLoading || amountInput.trim() === "";
     return blocked ? { type: "disabled" } : { type: "enabled" };
   };
   const confirmAmount = () => {
     if (!enabled) return;
-    if (stepInput.type !== "active" || awaitingMinimum) return;
+    if (stepInput.type !== "active") return;
     if (stepInput.depositBlockedMessage !== null) return;
     const validated = validateCentrifugeBuyAmount({
       input: amountInput,
@@ -4330,6 +4166,11 @@ function validateCentrifugeBuyAmount({
   }
   return { valid: true, amount: parsed.amount };
 }
+function minimumAmount(minimumPurchaseUsd, decimals) {
+  if (minimumPurchaseUsd === null) return null;
+  const parsed = parseBlockchainAmount(String(minimumPurchaseUsd), decimals);
+  return parsed.valid ? parsed.amount : null;
+}
 function minimumMessage(minimum, locale) {
   return `The minimum investment is ${assetAmount(
     formatAmount(minimum, locale),
@@ -4339,15 +4180,11 @@ function minimumMessage(minimum, locale) {
 
 // src/client/hooks/checkout/centrifuge/buy/review/useCentrifugeBuyReviewViewModel.ts
 import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
-var SETTLES_LATER = "Settles later, at the price the fund sets then.";
 function useCentrifugeBuyReviewViewModel({
   stepInput,
   symbol,
   chain,
   vaultContracts,
-  quoteState,
-  onRefreshQuote,
-  indicativePrice = null,
   enabled = true,
   onComplete
 }) {
@@ -4362,11 +4199,8 @@ function useCentrifugeBuyReviewViewModel({
       setFailure(null);
     }
   }, [stepInput.type]);
-  const quote = stepInput.type === "active" ? quoteForAmount(quoteState, stepInput.amount) : null;
   const uiState = () => {
     if (stepInput.type !== "active") return { type: "incomplete" };
-    if (quoteState.type === "ERROR") return { type: "error" };
-    if (quote === null) return { type: "loading" };
     const funding = TOKEN_REGISTRY.erc20(stepInput.inputAsset);
     const invested = assetAmount(
       formatAmount(stepInput.amount, locale),
@@ -4379,10 +4213,6 @@ function useCentrifugeBuyReviewViewModel({
         iconUrl: stablecoinIconUrl(stepInput.inputAsset)
       }),
       investAmount: invested,
-      approximateAmount: assetAmount(
-        formatShareAmount(quote.estimatedShares, locale),
-        symbol
-      ),
       recipientAddress: shortenAddress(stepInput.wallet.address),
       // This product charges none, so the fee row is a formatted zero in the funding token.
       coinlistFee: assetAmount(
@@ -4393,7 +4223,6 @@ function useCentrifugeBuyReviewViewModel({
         funding.symbol
       ),
       total: invested,
-      isRefreshing: quoteState.type === "CONTENT" && quoteState.isRefreshing,
       placeRequestCta: placeRequestCta(
         phase,
         stepInput.depositBlockedMessage,
@@ -4404,9 +4233,7 @@ function useCentrifugeBuyReviewViewModel({
   };
   const placeRequest = async () => {
     if (!enabled) return;
-    if (stepInput.type !== "active" || phase !== null || quote === null) {
-      return;
-    }
+    if (stepInput.type !== "active" || phase !== null) return;
     if (stepInput.depositBlockedMessage !== null) return;
     if (failure?.type === "unconfirmed") return;
     setFailure(null);
@@ -4458,37 +4285,19 @@ function useCentrifugeBuyReviewViewModel({
     onComplete({
       wallet: stepInput.wallet,
       amount: stepInput.amount,
-      indicativePrice,
       transaction: placed.transaction,
       txHash: placed.txHash
     });
   };
   const onEvent = (event) => {
     switch (event.type) {
-      case "ON_REFRESH_ESTIMATE":
-      case "ON_RETRY":
-        if (!enabled) return;
-        setFailure(
-          (current) => current?.type === "unconfirmed" ? current : null
-        );
-        onRefreshQuote();
-        return;
       case "ON_PLACE_REQUEST":
         void placeRequest();
         return;
-      default: {
-        const exhaustive = event;
-        return exhaustive;
-      }
     }
   };
   return { state: uiState(), onEvent };
 }
-function quoteForAmount(state, amount) {
-  if (state.type !== "CONTENT") return null;
-  if (state.quote.spendInputAmount.raw !== amount.raw) return null;
-  return state.quote;
-}
 function placeRequestCta(phase, depositBlockedMessage, failure) {
   if (phase !== null) return { type: "loading", message: phaseMessage(phase) };
   return depositBlockedMessage !== null || failure?.type === "unconfirmed" ? { type: "disabled" } : { type: "enabled" };
@@ -4619,145 +4428,24 @@ function centrifugeVaultOrderReasonMessage(reason) {
 }
 function primaryCentrifugeVaultOrderReason(reasons) {
   if (reasons.length === 0) return null;
-  return reasons.reduce(
-    (best, reason) => ORDER_REASON_SEVERITY[reason] < ORDER_REASON_SEVERITY[best] ? reason : best
-  );
-}
-function centrifugeVaultOrderingMessage(orderability) {
-  if (orderability.type === "orderable") return null;
-  const reason = primaryCentrifugeVaultOrderReason(orderability.reasons);
-  return reason === null ? null : centrifugeVaultOrderReasonMessage(reason);
-}
-
-// src/client/hooks/checkout/centrifuge/shared/data/useCentrifugeQuote.ts
-import { useEffect as useEffect6, useRef as useRef4, useState as useState6 } from "react";
-
-// src/client/hooks/shared/centrifuge/centrifuge-load-error.ts
-function centrifugeLoadErrorReason(error) {
-  return error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
-}
-
-// src/client/hooks/checkout/centrifuge/shared/data/useCentrifugeQuote.ts
-var LOADING = { type: "LOADING" };
-function useCentrifugeQuote(options) {
-  const {
-    symbol,
-    chain,
-    amount,
-    pollIntervalMs = CENTRIFUGE_POLL_INTERVAL_MS,
-    data,
-    enabled,
-    reloadKey = 0
-  } = options;
-  const { coinlist, isReady } = useCoinList();
-  const log = useLogger("useCentrifugeQuote");
-  const [state, setState] = useState6(
-    () => data === void 0 ? LOADING : { type: "CONTENT", quote: data, isRefreshing: false }
-  );
-  const fetchIdRef = useRef4(0);
-  const isFetchingRef = useRef4(false);
-  const hasQuoteRef = useRef4(data !== void 0);
-  useEffect6(() => {
-    if (!isReady || !enabled) return;
-    void reloadKey;
-    const currentFetchId = ++fetchIdRef.current;
-    isFetchingRef.current = false;
-    const load = async () => {
-      if (isFetchingRef.current) return;
-      isFetchingRef.current = true;
-      setState(
-        (previous) => previous.type === "CONTENT" ? { ...previous, isRefreshing: true } : previous
-      );
-      try {
-        const quote = await coinlist.centrifuge.getQuote({
-          symbol,
-          chain,
-          // Rebuilt from primitives the effect depends on, so an inline
-          // `amount` from the checkout viewmodel does not restart the poll.
-          amount: BlockchainAmount({
-            raw: amount.raw,
-            decimals: amount.decimals
-          })
-        });
-        if (currentFetchId !== fetchIdRef.current) return;
-        log.debug(() => ({
-          msg: "settled",
-          fields: { state: "CONTENT" }
-        }));
-        hasQuoteRef.current = true;
-        setState({ type: "CONTENT", quote, isRefreshing: false });
-      } catch (error) {
-        if (currentFetchId !== fetchIdRef.current) return;
-        const reason = centrifugeLoadErrorReason(error);
-        if (hasQuoteRef.current) {
-          log.warning(
-            () => ({
-              msg: "poll failed; keeping the last quote",
-              fields: { reason }
-            }),
-            error
-          );
-        } else {
-          log.failure(
-            () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
-            error
-          );
-        }
-        setState(
-          (previous) => previous.type === "CONTENT" ? { ...previous, isRefreshing: false } : { type: "ERROR", reason }
-        );
-      } finally {
-        if (currentFetchId === fetchIdRef.current) {
-          isFetchingRef.current = false;
-        }
-      }
-    };
-    load();
-    const interval = setInterval(load, pollIntervalMs);
-    return () => {
-      clearInterval(interval);
-      ++fetchIdRef.current;
-    };
-  }, [
-    coinlist,
-    isReady,
-    enabled,
-    symbol,
-    chain,
-    amount.raw,
-    amount.decimals,
-    pollIntervalMs,
-    reloadKey,
-    log
-  ]);
-  return { state };
-}
-
-// src/client/hooks/checkout/centrifuge/shared/indicative-price.ts
-var USD_FRACTION_DIGITS = 2;
-function formatIndicativeUsd(price, locale) {
-  if (price === null || !/^\d+(\.\d+)?$/.test(price)) {
-    return NA_AMOUNT_ASSET_UI;
-  }
-  return FormattedAmountAssetUi(
-    new Intl.NumberFormat(locale, {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: USD_FRACTION_DIGITS,
-      maximumFractionDigits: USD_FRACTION_DIGITS
-    }).format(Number(price))
+  return reasons.reduce(
+    (best, reason) => ORDER_REASON_SEVERITY[reason] < ORDER_REASON_SEVERITY[best] ? reason : best
   );
 }
+function centrifugeVaultOrderingMessage(orderability) {
+  if (orderability.type === "orderable") return null;
+  const reason = primaryCentrifugeVaultOrderReason(orderability.reasons);
+  return reason === null ? null : centrifugeVaultOrderReasonMessage(reason);
+}
 
 // src/client/hooks/checkout/centrifuge/shared/sidebar/useCentrifugeSidebarViewModel.ts
-var USD_FRACTION_DIGITS2 = AssetDecimals(2);
+var USD_FRACTION_DIGITS = AssetDecimals(2);
 var WHOLE_DOLLAR_DIGITS = AssetDecimals(0);
 function useCentrifugeSidebarViewModel({
   offer,
   symbol,
   chain,
   tokenMetadata,
-  quoteState,
   underlyingFund,
   apy
 }) {
@@ -4772,44 +4460,36 @@ function useCentrifugeSidebarViewModel({
     ticker: symbol,
     underlyingFund,
     assetType: offer.instrumentType,
-    minimumInvestment: toMinimumUi(quoteState, locale),
+    minimumInvestment: toMinimumUi(
+      offer.options[0]?.minimumPurchaseUsd ?? null,
+      locale
+    ),
     networkName,
     issuer: offer.issuer,
     apy: apy === null ? null : FormattedPercentUi(apy)
   };
   return { state };
 }
-function toMinimumUi(quoteState, locale) {
-  switch (quoteState.type) {
-    case "LOADING":
-      return { type: "loading" };
-    case "ERROR":
-      return { type: "none" };
-    case "CONTENT":
-      return quoteState.quote.minimumInputAmount === null ? { type: "none" } : {
-        type: "known",
-        amount: formatMinimumUsd(
-          quoteState.quote.minimumInputAmount,
-          locale
-        )
-      };
-    default: {
-      const exhaustive = quoteState;
-      return exhaustive;
-    }
-  }
+function toMinimumUi(minimumPurchaseUsd, locale) {
+  if (minimumPurchaseUsd === null) return { type: "none" };
+  const parsed = parseBlockchainAmount(
+    String(minimumPurchaseUsd),
+    STABLE_DECIMALS
+  );
+  if (!parsed.valid) return { type: "none" };
+  return { type: "known", amount: formatMinimumUsd(parsed.amount, locale) };
 }
 function formatMinimumUsd(amount, locale) {
   return usdAmount(
     formatAmount(amount, locale, {
-      maxFractionDigits: USD_FRACTION_DIGITS2,
+      maxFractionDigits: USD_FRACTION_DIGITS,
       minFractionDigits: WHOLE_DOLLAR_DIGITS
     })
   );
 }
 
 // src/client/hooks/checkout/centrifuge/shared/wallet/useCentrifugeWalletSelectViewModel.ts
-import { useState as useState7 } from "react";
+import { useState as useState6 } from "react";
 var CONNECT_FAILED = "Could not connect that wallet. Please try again.";
 function useCentrifugeWalletSelectViewModel({
   stepInput,
@@ -4819,8 +4499,8 @@ function useCentrifugeWalletSelectViewModel({
   onEdit
 }) {
   const log = useLogger("useCentrifugeWalletSelectViewModel");
-  const [selected, setSelected] = useState7(null);
-  const [error, setError] = useState7(null);
+  const [selected, setSelected] = useState6(null);
+  const [error, setError] = useState6(null);
   const networkName = getNetworkName(chain);
   const selectedWallet = resolveWallet(wallets, selected);
   const uiState = () => {
@@ -4950,21 +4630,21 @@ function toConfirmedWalletUi(wallets, wallet) {
 }
 
 // src/client/hooks/shared/useTokenMetadata.ts
-import { useCallback as useCallback2, useEffect as useEffect7, useState as useState8 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect6, useState as useState7 } from "react";
 var DISABLED_STATE = { type: "DISABLED" };
 var LOADING_STATE = { type: "LOADING" };
 function useTokenMetadata(options) {
   const { chain, address, data, enabled = true } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useTokenMetadata");
-  const [state, setState] = useState8(
+  const [state, setState] = useState7(
     () => data !== void 0 ? { type: "CONTENT", tokenMetadata: data } : LOADING_STATE
   );
-  const [refetchCount, setRefetchCount] = useState8(0);
+  const [refetchCount, setRefetchCount] = useState7(0);
   const refetch = useCallback2(() => {
     setRefetchCount((count) => count + 1);
   }, []);
-  useEffect7(() => {
+  useEffect6(() => {
     let isCancelled = false;
     const seedActive = data !== void 0 && refetchCount === 0;
     if (!isReady || !enabled || seedActive) {
@@ -5044,8 +4724,15 @@ function useCheckoutOfferTokenMetadata({
 }
 
 // src/client/hooks/shared/centrifuge/useCentrifugeVaultStatuses.ts
-import { useEffect as useEffect8, useMemo as useMemo4, useRef as useRef5, useState as useState9 } from "react";
-var LOADING2 = { type: "LOADING" };
+import { useEffect as useEffect7, useMemo as useMemo4, useRef as useRef4, useState as useState8 } from "react";
+
+// src/client/hooks/shared/centrifuge/centrifuge-load-error.ts
+function centrifugeLoadErrorReason(error) {
+  return error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+}
+
+// src/client/hooks/shared/centrifuge/useCentrifugeVaultStatuses.ts
+var LOADING = { type: "LOADING" };
 function useCentrifugeVaultStatuses(options) {
   const {
     vaults,
@@ -5057,7 +4744,7 @@ function useCentrifugeVaultStatuses(options) {
   const log = useLogger("useCentrifugeVaultStatus");
   const key = vaults.map(vaultKey).join("|");
   const stableVaults = useMemo4(() => vaults, [key]);
-  const [states, setStates] = useState9(
+  const [states, setStates] = useState8(
     () => Object.fromEntries(
       (data ?? []).map((status) => [
         vaultKey(status),
@@ -5065,10 +4752,10 @@ function useCentrifugeVaultStatuses(options) {
       ])
     )
   );
-  const fetchIdRef = useRef5(0);
-  const inFlightRef = useRef5(/* @__PURE__ */ new Set());
-  const heldRef = useRef5(new Set((data ?? []).map(vaultKey)));
-  useEffect8(() => {
+  const fetchIdRef = useRef4(0);
+  const inFlightRef = useRef4(/* @__PURE__ */ new Set());
+  const heldRef = useRef4(new Set((data ?? []).map(vaultKey)));
+  useEffect7(() => {
     if (!isReady || !enabled) return;
     const currentFetchId = ++fetchIdRef.current;
     inFlightRef.current = /* @__PURE__ */ new Set();
@@ -5128,7 +4815,7 @@ function useCentrifugeVaultStatuses(options) {
   return {
     statuses: stableVaults.map((vault) => ({
       vault,
-      state: states[vaultKey(vault)] ?? LOADING2
+      state: states[vaultKey(vault)] ?? LOADING
     }))
   };
 }
@@ -5160,11 +4847,10 @@ function useCentrifugeBuyCheckoutViewModel({
   apy
 }) {
   const locale = useLocale();
-  const [step, setStep] = useState10({ type: "wallet" });
-  const [orderPlaced, setOrderPlaced] = useState10(
+  const [step, setStep] = useState9({ type: "wallet" });
+  const [orderPlaced, setOrderPlaced] = useState9(
     null
   );
-  const [quoteReloadKey, setQuoteReloadKey] = useState10(0);
   const depositableHere = vaultProxy(offer.vaultContracts, chain) !== null;
   const live = enabled && depositableHere;
   const { state: statusState } = useCentrifugeVaultStatus({
@@ -5174,20 +4860,12 @@ function useCentrifugeBuyCheckoutViewModel({
   });
   const depositBlockedMessage = statusState.type === "CONTENT" ? centrifugeVaultOrderingMessage(statusState.status.orderability) : null;
   const notOrderable = depositBlockedMessage !== null;
-  const { state: quoteState } = useCentrifugeQuote({
-    symbol,
-    chain,
-    amount: sidebarAmount(step),
-    enabled: live && !notOrderable,
-    reloadKey: quoteReloadKey
-  });
   const { state: outputTokenMetadataState } = useCheckoutOfferTokenMetadata({
     offer,
     chain,
     enabled: live
   });
   const outputTokenMetadata = tokenMetadataOf(outputTokenMetadataState);
-  const indicativePrice = indicativePriceOf(quoteState, sidebarAmount(step));
   const atEntry = step.type === "wallet" && orderPlaced === null;
   const errorReason = CentrifugeCheckoutErrorReason.of({
     depositableHere,
@@ -5202,7 +4880,7 @@ function useCentrifugeBuyCheckoutViewModel({
     onEdit: () => setStep({ type: "wallet" })
   });
   const amount = useCentrifugeBuyAmountViewModel({
-    stepInput: amountStepInput(step, depositBlockedMessage, quoteState),
+    stepInput: amountStepInput(step, depositBlockedMessage, offer),
     chain,
     enabled: live,
     onComplete: (confirmed) => setStep(
@@ -5224,15 +4902,11 @@ function useCentrifugeBuyCheckoutViewModel({
     symbol,
     chain,
     vaultContracts: offer.vaultContracts,
-    quoteState,
-    onRefreshQuote: () => setQuoteReloadKey((key) => key + 1),
-    indicativePrice,
     enabled: live,
     onComplete: (order) => {
-      const placed = { ...order, indicativePrice };
-      setOrderPlaced(placed);
+      setOrderPlaced(order);
       setStep({ type: "wallet" });
-      onOrderPlaced?.(placed);
+      onOrderPlaced?.(order);
     }
   });
   const sidebar = useCentrifugeSidebarViewModel({
@@ -5240,7 +4914,6 @@ function useCentrifugeBuyCheckoutViewModel({
     symbol,
     chain,
     tokenMetadata: outputTokenMetadata,
-    quoteState,
     underlyingFund,
     apy
   });
@@ -5271,8 +4944,6 @@ function useCentrifugeBuyCheckoutViewModel({
       case "ON_EDIT_AMOUNT":
         amount.onEvent(event);
         return;
-      case "ON_REFRESH_ESTIMATE":
-      case "ON_RETRY":
       case "ON_PLACE_REQUEST":
         review.onEvent(event);
         return;
@@ -5287,15 +4958,6 @@ function useCentrifugeBuyCheckoutViewModel({
   };
   return { state: uiState(), onEvent };
 }
-function sidebarAmount(step) {
-  if (step.type === "review") return step.amount;
-  return CENTRIFUGE_INDICATIVE_QUOTE_AMOUNT;
-}
-function indicativePriceOf(quoteState, amount) {
-  if (quoteState.type !== "CONTENT") return null;
-  if (quoteState.quote.spendInputAmount.raw !== amount.raw) return null;
-  return quoteState.quote.indicativePrice;
-}
 function walletStepInput(step) {
   switch (step.type) {
     case "wallet":
@@ -5309,7 +4971,7 @@ function walletStepInput(step) {
     }
   }
 }
-function amountStepInput(step, depositBlockedMessage, quoteState) {
+function amountStepInput(step, depositBlockedMessage, offer) {
   switch (step.type) {
     case "wallet":
       return { type: "incomplete" };
@@ -5318,8 +4980,7 @@ function amountStepInput(step, depositBlockedMessage, quoteState) {
         type: "active",
         wallet: step.wallet,
         depositBlockedMessage,
-        minimumInputAmount: quoteState.type === "CONTENT" ? quoteState.quote.minimumInputAmount : null,
-        awaitingMinimum: quoteState.type === "LOADING"
+        minimumPurchaseUsd: offer.options[0]?.minimumPurchaseUsd ?? null
       };
     case "review":
       return {
@@ -5354,22 +5015,17 @@ function orderPlacedUi(order, offer, symbol, chain, locale) {
       networkName,
       tokenMetadata: null
     }),
-    outputAmount: assetAmount(
-      formatShareAmount(order.transaction.estimatedShares, locale),
-      symbol
-    ),
     totalCost: assetAmount(
       formatAmount(order.transaction.spendInputAmount, locale),
       TOKEN_REGISTRY.erc20(USDC_SYMBOL).symbol
     ),
-    pricePerShare: formatIndicativeUsd(order.indicativePrice, locale),
     recipientAddress: shortenAddress(order.wallet.address),
     txExplorerUrl: txExplorerUrl(chain, order.txHash)
   };
 }
 
 // src/client/components/checkout/centrifuge/buy/CentrifugeBuyCheckoutContainer.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function CentrifugeBuyCheckoutContainer({
   offer,
   symbol,
@@ -5391,7 +5047,7 @@ function CentrifugeBuyCheckoutContainer({
     underlyingFund,
     apy
   });
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx41(
     CentrifugeBuyCheckoutView,
     {
       state,
@@ -5402,13 +5058,13 @@ function CentrifugeBuyCheckoutContainer({
 }
 
 // src/client/components/checkout/ondo/buy/amount/OndoBuyAmountView.tsx
-import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
 var TITLE6 = "2. Enter amount";
 var AMOUNT_LABEL2 = "Amount";
 var AMOUNT_PLACEHOLDER2 = "0.00";
 var REVIEW_NOTE2 = "You'll review your order details before purchasing.";
 function OndoBuyAmountView(props) {
-  return /* @__PURE__ */ jsx44(CoinListStyleScope, { children: /* @__PURE__ */ jsx44(OndoAmountViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx42(CoinListStyleScope, { children: /* @__PURE__ */ jsx42(OndoAmountViewBody, { ...props }) });
 }
 function OndoAmountViewBody({
   state,
@@ -5417,7 +5073,7 @@ function OndoAmountViewBody({
 }) {
   switch (state.type) {
     case "incomplete":
-      return /* @__PURE__ */ jsx44(
+      return /* @__PURE__ */ jsx42(
         CheckoutStepCard,
         {
           state: "inactive",
@@ -5426,9 +5082,9 @@ function OndoAmountViewBody({
         }
       );
     case "active":
-      return /* @__PURE__ */ jsx44(ActiveView4, { state, onEvent, className });
+      return /* @__PURE__ */ jsx42(ActiveView4, { state, onEvent, className });
     case "complete":
-      return /* @__PURE__ */ jsx44(CompletedView3, { state, onEvent, className });
+      return /* @__PURE__ */ jsx42(CompletedView3, { state, onEvent, className });
     default: {
       const exhaustive = state;
       return exhaustive;
@@ -5442,18 +5098,18 @@ function ActiveView4({
 }) {
   const isLoading = state.confirmCta.type === "loading";
   const selectedAsset = state.inputAssets.find((asset) => asset.selected) ?? null;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs27(
     CheckoutStepCard,
     {
       state: "active",
       title: TITLE6,
       className,
-      footer: /* @__PURE__ */ jsx44(
+      footer: /* @__PURE__ */ jsx42(
         CheckoutStepFooter,
         {
           message: state.confirmCta.type === "loading" ? state.confirmCta.message : REVIEW_NOTE2,
           error: state.error,
-          cta: /* @__PURE__ */ jsx44(
+          cta: /* @__PURE__ */ jsx42(
             ClButton,
             {
               variant: "primary",
@@ -5468,7 +5124,7 @@ function ActiveView4({
         }
       ),
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx42(
           CheckoutAmountInput,
           {
             label: AMOUNT_LABEL2,
@@ -5478,7 +5134,7 @@ function ActiveView4({
             invalid: state.error !== null,
             disabled: isLoading,
             suffix: selectedAsset?.symbol,
-            action: selectedAsset && /* @__PURE__ */ jsx44(
+            action: selectedAsset && /* @__PURE__ */ jsx42(
               CheckoutMaxButton,
               {
                 disabled: isLoading,
@@ -5487,7 +5143,7 @@ function ActiveView4({
             )
           }
         ),
-        state.inputAssets.length > 0 && /* @__PURE__ */ jsx44(
+        state.inputAssets.length > 0 && /* @__PURE__ */ jsx42(
           CheckoutPayWithSection,
           {
             inputAssets: state.inputAssets,
@@ -5505,10 +5161,10 @@ function CompletedView3({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx44(CheckoutStepCard, { state: "completed", title: TITLE6, className, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx42(CheckoutStepCard, { state: "completed", title: TITLE6, className, children: /* @__PURE__ */ jsx42(
     CompletedStepSummary,
     {
-      icon: /* @__PURE__ */ jsx44(AssetIcon, { asset: state.inputAsset, size: 40 }),
+      icon: /* @__PURE__ */ jsx42(AssetIcon, { asset: state.inputAsset, size: 40 }),
       title: state.amountFormatted,
       editLabel: "Edit",
       onEdit: () => onEvent({ type: "ON_EDIT_AMOUNT" })
@@ -5517,7 +5173,7 @@ function CompletedView3({
 }
 
 // src/client/components/checkout/ondo/buy/confirmation/OndoBuyOrderConfirmed.tsx
-import { Fragment as Fragment7, jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
 var TITLE7 = "Order confirmed";
 var SHARES_RECEIVED_LABEL = "Shares received";
 var TOTAL_COST_LABEL = "Total cost";
@@ -5534,17 +5190,17 @@ function OndoBuyOrderConfirmed({
     return null;
   }
   const onClose = () => onEvent({ type: "ON_CLOSE_ORDER_CONFIRMED" });
-  return /* @__PURE__ */ jsx45(CoinListStyleScope, { children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx43(CoinListStyleScope, { children: /* @__PURE__ */ jsx43(
     CheckoutConfirmationDialog,
     {
-      icon: /* @__PURE__ */ jsx45(CheckoutSuccessGlyph, {}),
+      icon: /* @__PURE__ */ jsx43(CheckoutSuccessGlyph, {}),
       title: TITLE7,
       subtitle: subtitle(state.outputAsset.symbol),
-      header: /* @__PURE__ */ jsx45(AssetSummaryRow, { asset: state.outputAsset, wrapIdentity: true }),
+      header: /* @__PURE__ */ jsx43(AssetSummaryRow, { asset: state.outputAsset, wrapIdentity: true }),
       rows: detailRows3(state),
-      actions: /* @__PURE__ */ jsxs30(Fragment7, { children: [
-        /* @__PURE__ */ jsx45(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL2 }),
-        /* @__PURE__ */ jsx45(CheckoutExplorerLink, { url: state.txExplorerUrl })
+      actions: /* @__PURE__ */ jsxs28(Fragment6, { children: [
+        /* @__PURE__ */ jsx43(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL2 }),
+        /* @__PURE__ */ jsx43(CheckoutExplorerLink, { url: state.txExplorerUrl })
       ] }),
       onClose,
       className
@@ -5563,6 +5219,99 @@ function detailRows3(state) {
 // src/client/components/checkout/ondo/shared/constants.ts
 var ONDO_TOS_URL = "https://docs.ondo.finance/legal/terms-of-service";
 
+// src/client/components/checkout/shared/review/CheckoutReviewError.tsx
+import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
+var RETRY_LABEL = "Try again";
+function CheckoutReviewError({
+  title: title2,
+  heading,
+  description: description2,
+  onRetry,
+  className
+}) {
+  return /* @__PURE__ */ jsx44(CoinListStyleScope, { children: /* @__PURE__ */ jsx44(CheckoutStepCard, { state: "active", title: title2, className, children: /* @__PURE__ */ jsxs29("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-4 clcosdk:py-8 clcosdk:text-center", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx44(
+        "h3",
+        {
+          className: cn(
+            typeClasses.h4,
+            "clcosdk:font-medium clcosdk:text-text-primary"
+          ),
+          children: heading
+        }
+      ),
+      /* @__PURE__ */ jsx44(
+        "p",
+        {
+          className: cn(
+            typeClasses.body,
+            "clcosdk:max-w-md clcosdk:text-text-secondary"
+          ),
+          children: description2
+        }
+      )
+    ] }),
+    onRetry !== void 0 && /* @__PURE__ */ jsx44(ClButton, { variant: "secondary", onClick: onRetry, children: RETRY_LABEL })
+  ] }) }) });
+}
+
+// src/client/components/checkout/shared/review/CheckoutReviewLoading.tsx
+import { Fragment as Fragment7, jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
+var DETAIL_ROW_KEYS = ["first", "second", "third", "fourth"];
+function CheckoutReviewLoading({
+  title: title2,
+  statusLabel,
+  detailRowCount,
+  showTotal = true,
+  className
+}) {
+  return /* @__PURE__ */ jsx45(CoinListStyleScope, { children: /* @__PURE__ */ jsxs30(CheckoutStepCard, { state: "active", title: title2, className, children: [
+    /* @__PURE__ */ jsx45("output", { className: "clcosdk:sr-only", children: statusLabel }),
+    /* @__PURE__ */ jsxs30("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
+      /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-3 clcosdk:w-20" }),
+      /* @__PURE__ */ jsxs30("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsx45(
+          Skeleton,
+          {
+            variant: "circular",
+            className: "clcosdk:size-10 clcosdk:shrink-0"
+          }
+        ),
+        /* @__PURE__ */ jsxs30("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-5 clcosdk:w-32" }),
+          /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-3 clcosdk:w-24" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: DETAIL_ROW_KEYS.slice(0, detailRowCount).map((row) => /* @__PURE__ */ jsxs30(
+      "div",
+      {
+        className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4",
+        children: [
+          /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-4 clcosdk:w-28" }),
+          /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-4 clcosdk:w-24" })
+        ]
+      },
+      row
+    )) }),
+    showTotal && /* @__PURE__ */ jsxs30(Fragment7, { children: [
+      /* @__PURE__ */ jsx45("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
+      /* @__PURE__ */ jsxs30("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4 clcosdk:px-2", children: [
+        /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-4 clcosdk:w-16" }),
+        /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-4 clcosdk:w-20" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx45(
+      Skeleton,
+      {
+        variant: "rectangular",
+        className: "clcosdk:h-[54px] clcosdk:w-full clcosdk:rounded-full"
+      }
+    )
+  ] }) });
+}
+
 // src/client/components/checkout/ondo/buy/review/OndoBuyReviewView.tsx
 import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
 var TITLE8 = "3. Review and confirm";
@@ -5574,9 +5323,9 @@ var COINLIST_FEE_LABEL2 = "CoinList fee";
 var COINLIST_FEE_TOOLTIP2 = "CoinList's fee for this order. It is already included in the total you pay.";
 var TOTAL_LABEL2 = "Total";
 var REFRESH_QUOTE_LABEL = "Refresh quote";
-var LOADING_STATUS2 = "Loading your order details\u2026";
-var ERROR_TITLE2 = "Something went wrong";
-var ERROR_DESCRIPTION2 = "We couldn't load your order details. Please try again.";
+var LOADING_STATUS = "Loading your order details\u2026";
+var ERROR_TITLE = "Something went wrong";
+var ERROR_DESCRIPTION = "We couldn't load your order details. Please try again.";
 function OndoBuyReviewView(props) {
   return /* @__PURE__ */ jsx46(CoinListStyleScope, { children: /* @__PURE__ */ jsx46(OndoReviewViewBody, { ...props }) });
 }
@@ -5600,7 +5349,7 @@ function OndoReviewViewBody({
         CheckoutReviewLoading,
         {
           title: TITLE8,
-          statusLabel: LOADING_STATUS2,
+          statusLabel: LOADING_STATUS,
           detailRowCount: 3,
           className
         }
@@ -5610,8 +5359,8 @@ function OndoReviewViewBody({
         CheckoutReviewError,
         {
           title: TITLE8,
-          heading: ERROR_TITLE2,
-          description: ERROR_DESCRIPTION2,
+          heading: ERROR_TITLE,
+          description: ERROR_DESCRIPTION,
           onRetry: () => onEvent({ type: "ON_RETRY" }),
           className
         }
@@ -6221,10 +5970,10 @@ function OndoBuyCheckoutView({
 }
 
 // src/client/hooks/checkout/ondo/buy/useOndoBuyCheckoutViewModel.ts
-import { useState as useState17 } from "react";
+import { useState as useState16 } from "react";
 
 // src/client/hooks/checkout/ondo/buy/amount/useOndoBuyAmountViewModel.ts
-import { useEffect as useEffect9, useRef as useRef6, useState as useState11 } from "react";
+import { useEffect as useEffect8, useRef as useRef5, useState as useState10 } from "react";
 var NO_WALLET2 = EvmWalletAddress(
   "0x0000000000000000000000000000000000000000"
 );
@@ -6242,13 +5991,13 @@ function useOndoBuyAmountViewModel({
 }) {
   const { coinlist } = useCoinList();
   const locale = useLocale();
-  const [amountInput, setAmountInput] = useState11("");
-  const [selectedAsset, setSelectedAsset] = useState11(
+  const [amountInput, setAmountInput] = useState10("");
+  const [selectedAsset, setSelectedAsset] = useState10(
     ONDO_SUPPORTED_INPUT_ASSETS[0]
   );
-  const [error, setError] = useState11(null);
-  const [phase, setPhase] = useState11(null);
-  const preparationIdRef = useRef6(0);
+  const [error, setError] = useState10(null);
+  const [phase, setPhase] = useState10(null);
+  const preparationIdRef = useRef5(0);
   const isActive = stepInput.type === "active";
   const networkName = getNetworkName(chain);
   const marketClosed = isActive && stepInput.tradingStatus?.type === "not-tradable";
@@ -6258,7 +6007,7 @@ function useOndoBuyAmountViewModel({
     assets: ONDO_SUPPORTED_INPUT_ASSETS,
     enabled: enabled && isActive
   });
-  useEffect9(() => {
+  useEffect8(() => {
     if (stepInput.type === "incomplete") {
       ++preparationIdRef.current;
       setAmountInput("");
@@ -6425,7 +6174,7 @@ function validateAmount({
   if (balance !== null && amount.raw > balance) {
     return { valid: false, error: `Insufficient ${symbol}.` };
   }
-  const minimum = minimumAmount(minimumPurchaseUsd, decimals);
+  const minimum = minimumAmount2(minimumPurchaseUsd, decimals);
   if (minimum !== null && amount.raw < minimum.raw) {
     return {
       valid: false,
@@ -6441,7 +6190,7 @@ function validateAmount({
   }
   return { valid: true, amount };
 }
-function minimumAmount(minimumPurchaseUsd, decimals) {
+function minimumAmount2(minimumPurchaseUsd, decimals) {
   if (minimumPurchaseUsd === null) return null;
   const parsed = parseBlockchainAmount(String(minimumPurchaseUsd), decimals);
   return parsed.valid ? parsed.amount : null;
@@ -6517,10 +6266,10 @@ function preparationErrorMessage2(error) {
 }
 
 // src/client/hooks/checkout/ondo/buy/review/useOndoBuyReviewViewModel.ts
-import { useEffect as useEffect12, useMemo as useMemo5, useRef as useRef8, useState as useState13 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo5, useRef as useRef7, useState as useState12 } from "react";
 
 // src/client/hooks/checkout/ondo/buy/data/useOndoBuyTransaction.ts
-import { useCallback as useCallback3, useEffect as useEffect10, useRef as useRef7, useState as useState12 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect9, useRef as useRef6, useState as useState11 } from "react";
 
 // src/client/hooks/checkout/ondo/shared/data/ondo-load-error.ts
 function ondoLoadErrorReason(error) {
@@ -6534,7 +6283,7 @@ function useOndoBuyTransaction(options) {
   const { request, data, enabled } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOndoBuyTransaction");
-  const [state, setState] = useState12(
+  const [state, setState] = useState11(
     () => data === void 0 ? { type: "LOADING" } : {
       type: "CONTENT",
       transaction: data,
@@ -6542,10 +6291,10 @@ function useOndoBuyTransaction(options) {
       refreshError: null
     }
   );
-  const fetchIdRef = useRef7(0);
-  const isFetchingRef = useRef7(false);
+  const fetchIdRef = useRef6(0);
+  const isFetchingRef = useRef6(false);
   const requestKey = request === null ? null : stableKey(request);
-  const requestRef = useRef7(request);
+  const requestRef = useRef6(request);
   requestRef.current = request;
   const build = useCallback3(async () => {
     const params = requestRef.current;
@@ -6583,7 +6332,7 @@ function useOndoBuyTransaction(options) {
       isFetchingRef.current = false;
     }
   }, [coinlist, isReady, enabled, log]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (data === void 0) return;
     ++fetchIdRef.current;
     setState({
@@ -6594,7 +6343,7 @@ function useOndoBuyTransaction(options) {
     });
   }, [data]);
   const hasSeed = data !== void 0;
-  useEffect10(() => {
+  useEffect9(() => {
     if (hasSeed || requestKey === null) return;
     build();
     return () => {
@@ -6617,7 +6366,7 @@ function stableKey(request) {
 }
 
 // src/client/ui/hooks/useCountdown.ts
-import { useEffect as useEffect11, useReducer } from "react";
+import { useEffect as useEffect10, useReducer } from "react";
 var DEFAULT_TICK_MS = 1e3;
 function useCountdown({
   until,
@@ -6626,7 +6375,7 @@ function useCountdown({
 }) {
   const untilMs = until?.getTime() ?? null;
   const [, tick] = useReducer(nextTick, 0);
-  useEffect11(() => {
+  useEffect10(() => {
     if (untilMs === null || !enabled || remainingSeconds(untilMs) === 0) return;
     const interval = setInterval(() => {
       tick();
@@ -6656,8 +6405,8 @@ function useOndoBuyReviewViewModel({
 }) {
   const { coinlist } = useCoinList();
   const locale = useLocale();
-  const [phase, setPhase] = useState13(null);
-  const [error, setError] = useState13(null);
+  const [phase, setPhase] = useState12(null);
+  const [error, setError] = useState12(null);
   const isActive = stepInput.type === "active";
   const { state: transactionState, refetch } = useOndoBuyTransaction({
     request: isActive ? {
@@ -6669,8 +6418,8 @@ function useOndoBuyReviewViewModel({
     data: isActive ? stepInput.transaction : void 0,
     enabled: enabled && isActive
   });
-  const executionIdRef = useRef8(0);
-  useEffect12(() => {
+  const executionIdRef = useRef7(0);
+  useEffect11(() => {
     if (stepInput.type === "incomplete") {
       ++executionIdRef.current;
       setError(null);
@@ -6866,8 +6615,8 @@ function executionErrorMessage(error) {
 }
 
 // src/client/hooks/checkout/ondo/shared/data/useOndoPrice.ts
-import { useEffect as useEffect13, useRef as useRef9, useState as useState14 } from "react";
-var LOADING3 = { type: "LOADING" };
+import { useEffect as useEffect12, useRef as useRef8, useState as useState13 } from "react";
+var LOADING2 = { type: "LOADING" };
 function useOndoPrice(options) {
   const {
     symbol,
@@ -6879,14 +6628,14 @@ function useOndoPrice(options) {
   } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOndoPrice");
-  const [state, setState] = useState14(
-    () => data === void 0 ? LOADING3 : { type: "CONTENT", quote: data, isRefreshing: false }
+  const [state, setState] = useState13(
+    () => data === void 0 ? LOADING2 : { type: "CONTENT", quote: data, isRefreshing: false }
   );
-  const fetchIdRef = useRef9(0);
-  const isFetchingRef = useRef9(false);
-  const hasQuoteRef = useRef9(data !== void 0);
+  const fetchIdRef = useRef8(0);
+  const isFetchingRef = useRef8(false);
+  const hasQuoteRef = useRef8(data !== void 0);
   const sizeKey = quoteSizeKey(size);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isReady || !enabled) return;
     const size2 = quoteSizeFromKey(sizeKey);
     const currentFetchId = ++fetchIdRef.current;
@@ -6959,11 +6708,11 @@ function quoteSizeFromKey(key) {
 }
 
 // src/client/hooks/checkout/ondo/shared/data/useOndoTradingStatus.ts
-import { useEffect as useEffect14, useRef as useRef10, useState as useState15 } from "react";
+import { useEffect as useEffect13, useRef as useRef9, useState as useState14 } from "react";
 function isNotTradable(state) {
   return state.type === "CONTENT" && state.status.type === "not-tradable";
 }
-var LOADING4 = { type: "LOADING" };
+var LOADING3 = { type: "LOADING" };
 function useOndoTradingStatus(options) {
   const {
     symbol,
@@ -6974,13 +6723,13 @@ function useOndoTradingStatus(options) {
   } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOndoTradingStatus");
-  const [state, setState] = useState15(
-    () => data === void 0 ? LOADING4 : { type: "CONTENT", status: data }
+  const [state, setState] = useState14(
+    () => data === void 0 ? LOADING3 : { type: "CONTENT", status: data }
   );
-  const fetchIdRef = useRef10(0);
-  const isFetchingRef = useRef10(false);
-  const hasStatusRef = useRef10(data !== void 0);
-  useEffect14(() => {
+  const fetchIdRef = useRef9(0);
+  const isFetchingRef = useRef9(false);
+  const hasStatusRef = useRef9(data !== void 0);
+  useEffect13(() => {
     if (!isReady || !enabled) return;
     const currentFetchId = ++fetchIdRef.current;
     isFetchingRef.current = false;
@@ -7126,7 +6875,7 @@ function toMarketUi(state) {
 }
 
 // src/client/hooks/checkout/ondo/shared/wallet/useOndoWalletSelectViewModel.ts
-import { useState as useState16 } from "react";
+import { useState as useState15 } from "react";
 var CONNECT_FAILED2 = "Could not connect that wallet. Please try again.";
 function useOndoWalletSelectViewModel({
   stepInput,
@@ -7136,8 +6885,8 @@ function useOndoWalletSelectViewModel({
   onEdit
 }) {
   const log = useLogger("useOndoWalletSelectViewModel");
-  const [selected, setSelected] = useState16(null);
-  const [error, setError] = useState16(null);
+  const [selected, setSelected] = useState15(null);
+  const [error, setError] = useState15(null);
   const networkName = getNetworkName(chain);
   const selectedWallet = resolveWallet2(wallets, selected);
   const uiState = () => {
@@ -7276,8 +7025,8 @@ function useOndoBuyCheckoutViewModel({
   onOrderConfirmed
 }) {
   const locale = useLocale();
-  const [step, setStep] = useState17({ type: "wallet" });
-  const [orderConfirmed, setOrderConfirmed] = useState17(null);
+  const [step, setStep] = useState16({ type: "wallet" });
+  const [orderConfirmed, setOrderConfirmed] = useState16(null);
   const swappableHere = swapSpender(offer.swapContracts, chain) !== null;
   const live = enabled && swappableHere;
   const { state: tradingStatusState } = useOndoTradingStatus({
@@ -7757,9 +7506,9 @@ var MINIMUM_RECEIVED_TOOLTIP = "The least this order will settle for, after fees
 var COINLIST_FEE_LABEL3 = "Expected CoinList fee";
 var COINLIST_FEE_TOOLTIP3 = "CoinList's fee at the amount you're expected to receive. It comes out of your proceeds; at the minimum it is slightly smaller.";
 var REFRESH_QUOTE_LABEL2 = "Refresh quote";
-var LOADING_STATUS3 = "Loading your order details\u2026";
-var ERROR_TITLE3 = "Something went wrong";
-var ERROR_DESCRIPTION3 = "We couldn't load your order details. Please try again.";
+var LOADING_STATUS2 = "Loading your order details\u2026";
+var ERROR_TITLE2 = "Something went wrong";
+var ERROR_DESCRIPTION2 = "We couldn't load your order details. Please try again.";
 function OndoSellReviewView(props) {
   return /* @__PURE__ */ jsx55(CoinListStyleScope, { children: /* @__PURE__ */ jsx55(OndoSellReviewViewBody, { ...props }) });
 }
@@ -7785,7 +7534,7 @@ function OndoSellReviewViewBody({
         CheckoutReviewLoading,
         {
           title: title2,
-          statusLabel: LOADING_STATUS3,
+          statusLabel: LOADING_STATUS2,
           detailRowCount: 3,
           showTotal: false,
           className
@@ -7796,8 +7545,8 @@ function OndoSellReviewViewBody({
         CheckoutReviewError,
         {
           title: title2,
-          heading: ERROR_TITLE3,
-          description: ERROR_DESCRIPTION3,
+          heading: ERROR_TITLE2,
+          description: ERROR_DESCRIPTION2,
           onRetry: () => onEvent({ type: "ON_SELL_RETRY" }),
           className
         }
@@ -8008,13 +7757,13 @@ function ContentView({
 }
 
 // src/client/hooks/checkout/ondo/sell/useOndoSellCheckoutViewModel.ts
-import { useState as useState22 } from "react";
+import { useState as useState21 } from "react";
 
 // src/client/hooks/checkout/ondo/sell/amount/useOndoSellAmountViewModel.ts
-import { useEffect as useEffect16, useRef as useRef12, useState as useState19 } from "react";
+import { useEffect as useEffect15, useRef as useRef11, useState as useState18 } from "react";
 
 // src/client/hooks/shared/erc20/useErc20Balance.ts
-import { useEffect as useEffect15, useRef as useRef11, useState as useState18 } from "react";
+import { useEffect as useEffect14, useRef as useRef10, useState as useState17 } from "react";
 function useErc20Balance(options) {
   const {
     tokenAddress,
@@ -8025,12 +7774,12 @@ function useErc20Balance(options) {
   } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useErc20Balance");
-  const [balance, setBalance] = useState18(null);
-  const [isLoading, setIsLoading] = useState18(true);
-  const fetchIdRef = useRef11(0);
-  const isFetchingRef = useRef11(false);
-  const hasReadRef = useRef11(false);
-  useEffect15(() => {
+  const [balance, setBalance] = useState17(null);
+  const [isLoading, setIsLoading] = useState17(true);
+  const fetchIdRef = useRef10(0);
+  const isFetchingRef = useRef10(false);
+  const hasReadRef = useRef10(false);
+  useEffect14(() => {
     if (!isReady) return;
     setBalance(null);
     hasReadRef.current = false;
@@ -8114,10 +7863,10 @@ function useOndoSellAmountViewModel({
 }) {
   const { coinlist } = useCoinList();
   const locale = useLocale();
-  const [amountInput, setAmountInput] = useState19("");
-  const [error, setError] = useState19(null);
-  const [phase, setPhase] = useState19(null);
-  const preparationIdRef = useRef12(0);
+  const [amountInput, setAmountInput] = useState18("");
+  const [error, setError] = useState18(null);
+  const [phase, setPhase] = useState18(null);
+  const preparationIdRef = useRef11(0);
   const isActive = stepInput.type === "active";
   const networkName = getNetworkName(chain);
   const sellAsset2 = isActive ? stepInput.sellAsset : null;
@@ -8128,7 +7877,7 @@ function useOndoSellAmountViewModel({
     chain,
     enabled: enabled && isActive && sellAsset2 !== null
   });
-  useEffect16(() => {
+  useEffect15(() => {
     if (stepInput.type === "incomplete") {
       ++preparationIdRef.current;
       setAmountInput("");
@@ -8365,15 +8114,15 @@ function preparationErrorMessage3(error) {
 }
 
 // src/client/hooks/checkout/ondo/sell/review/useOndoSellReviewViewModel.ts
-import { useEffect as useEffect18, useMemo as useMemo6, useRef as useRef14, useState as useState21 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo6, useRef as useRef13, useState as useState20 } from "react";
 
 // src/client/hooks/checkout/ondo/sell/data/useOndoSellTransaction.ts
-import { useCallback as useCallback4, useEffect as useEffect17, useRef as useRef13, useState as useState20 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect16, useRef as useRef12, useState as useState19 } from "react";
 function useOndoSellTransaction(options) {
   const { request, data, enabled } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOndoSellTransaction");
-  const [state, setState] = useState20(
+  const [state, setState] = useState19(
     () => data === void 0 ? { type: "LOADING" } : {
       type: "CONTENT",
       transaction: data,
@@ -8381,10 +8130,10 @@ function useOndoSellTransaction(options) {
       refreshError: null
     }
   );
-  const fetchIdRef = useRef13(0);
-  const isFetchingRef = useRef13(false);
+  const fetchIdRef = useRef12(0);
+  const isFetchingRef = useRef12(false);
   const requestKey = request === null ? null : stableKey2(request);
-  const requestRef = useRef13(request);
+  const requestRef = useRef12(request);
   requestRef.current = request;
   const build = useCallback4(async () => {
     const params = requestRef.current;
@@ -8422,7 +8171,7 @@ function useOndoSellTransaction(options) {
       isFetchingRef.current = false;
     }
   }, [coinlist, isReady, enabled, log]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (data === void 0) return;
     ++fetchIdRef.current;
     setState({
@@ -8433,7 +8182,7 @@ function useOndoSellTransaction(options) {
     });
   }, [data]);
   const hasSeed = data !== void 0;
-  useEffect17(() => {
+  useEffect16(() => {
     if (hasSeed || requestKey === null) return;
     build();
     return () => {
@@ -8465,8 +8214,8 @@ function useOndoSellReviewViewModel({
 }) {
   const { coinlist } = useCoinList();
   const locale = useLocale();
-  const [phase, setPhase] = useState21(null);
-  const [error, setError] = useState21(null);
+  const [phase, setPhase] = useState20(null);
+  const [error, setError] = useState20(null);
   const isActive = stepInput.type === "active";
   const { state: transactionState, refetch } = useOndoSellTransaction({
     request: isActive ? {
@@ -8478,8 +8227,8 @@ function useOndoSellReviewViewModel({
     data: isActive ? stepInput.transaction : void 0,
     enabled: enabled && isActive
   });
-  const executionIdRef = useRef14(0);
-  useEffect18(() => {
+  const executionIdRef = useRef13(0);
+  useEffect17(() => {
     if (stepInput.type === "incomplete") {
       ++executionIdRef.current;
       setError(null);
@@ -8692,12 +8441,12 @@ function useOndoSellCheckoutViewModel({
   onOrderConfirmed
 }) {
   const locale = useLocale();
-  const [initialStep] = useState22(
+  const [initialStep] = useState21(
     () => wallets.preselected === null ? { type: "wallet" } : { type: "amount", wallet: wallets.preselected }
   );
-  const [step, setStep] = useState22(initialStep);
+  const [step, setStep] = useState21(initialStep);
   const hasWalletStep = initialStep.type === "wallet";
-  const [orderConfirmed, setOrderConfirmed] = useState22(null);
+  const [orderConfirmed, setOrderConfirmed] = useState21(null);
   const swappableHere = swapSpender(offer.swapContracts, chain) !== null;
   const live = enabled && swappableHere;
   const { state: tradingStatusState } = useOndoTradingStatus({
@@ -9240,9 +8989,9 @@ var COINLIST_FEE_LABEL4 = "CoinList fee";
 var COINLIST_FEE_TOOLTIP4 = "Transaction fee charged by CoinList";
 var TOTAL_LABEL3 = "Total";
 var PROCESSING_NOTICE = "Processing onchain. Don't close or refresh this page.";
-var LOADING_STATUS4 = "Loading your order details\u2026";
-var ERROR_TITLE4 = "Unable to load quote";
-var ERROR_DESCRIPTION4 = "We're having trouble fetching a price right now. Please try again.";
+var LOADING_STATUS3 = "Loading your order details\u2026";
+var ERROR_TITLE3 = "Unable to load quote";
+var ERROR_DESCRIPTION3 = "We're having trouble fetching a price right now. Please try again.";
 function SuperstateReviewView(props) {
   return /* @__PURE__ */ jsx61(CoinListStyleScope, { children: /* @__PURE__ */ jsx61(SuperstateReviewViewBody, { ...props }) });
 }
@@ -9266,7 +9015,7 @@ function SuperstateReviewViewBody({
         CheckoutReviewLoading,
         {
           title: TITLE16,
-          statusLabel: LOADING_STATUS4,
+          statusLabel: LOADING_STATUS3,
           detailRowCount: 3,
           className
         }
@@ -9276,8 +9025,8 @@ function SuperstateReviewViewBody({
         CheckoutReviewError,
         {
           title: TITLE16,
-          heading: ERROR_TITLE4,
-          description: ERROR_DESCRIPTION4,
+          heading: ERROR_TITLE3,
+          description: ERROR_DESCRIPTION3,
           className
         }
       );
@@ -9792,8 +9541,8 @@ function WalletGlyph3() {
 
 // src/client/components/checkout/superstate/swap/SuperstateSwapCheckoutView.tsx
 import { jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
-var ERROR_TITLE5 = "Failed to load";
-var ERROR_DESCRIPTION5 = "Something went wrong while loading this sale. Please try again.";
+var ERROR_TITLE4 = "Failed to load";
+var ERROR_DESCRIPTION4 = "Something went wrong while loading this sale. Please try again.";
 var UNSUPPORTED_CHAIN_TITLE2 = "Not available on this network";
 var UNSUPPORTED_CHAIN_DESCRIPTION2 = "This sale cannot be traded on the selected network.";
 var RETRY_LABEL2 = "Try again";
@@ -9869,7 +9618,7 @@ function ErrorView({
                 typeClasses.h3,
                 "clcosdk:font-medium clcosdk:text-text-primary"
               ),
-              children: canRetry ? ERROR_TITLE5 : UNSUPPORTED_CHAIN_TITLE2
+              children: canRetry ? ERROR_TITLE4 : UNSUPPORTED_CHAIN_TITLE2
             }
           ),
           /* @__PURE__ */ jsx64(
@@ -9879,7 +9628,7 @@ function ErrorView({
                 typeClasses.body,
                 "clcosdk:max-w-md clcosdk:text-text-secondary"
               ),
-              children: canRetry ? ERROR_DESCRIPTION5 : UNSUPPORTED_CHAIN_DESCRIPTION2
+              children: canRetry ? ERROR_DESCRIPTION4 : UNSUPPORTED_CHAIN_DESCRIPTION2
             }
           )
         ] }),
@@ -9897,10 +9646,10 @@ function ErrorView({
 }
 
 // src/client/hooks/checkout/superstate/swap/useSuperstateSwapCheckoutViewModel.ts
-import { useState as useState28 } from "react";
+import { useState as useState27 } from "react";
 
 // src/client/hooks/checkout/superstate/swap/amount/useSuperstateAmountViewModel.ts
-import { useEffect as useEffect19, useState as useState23 } from "react";
+import { useEffect as useEffect18, useState as useState22 } from "react";
 var NO_WALLET4 = EvmWalletAddress(
   "0x0000000000000000000000000000000000000000"
 );
@@ -9914,11 +9663,11 @@ function useSuperstateAmountViewModel({
   enabled = true
 }) {
   const locale = useLocale();
-  const [amountInput, setAmountInput] = useState23("");
-  const [selectedAsset, setSelectedAsset] = useState23(
+  const [amountInput, setAmountInput] = useState22("");
+  const [selectedAsset, setSelectedAsset] = useState22(
     SUPERSTATE_SUPPORTED_INPUT_ASSETS[0]
   );
-  const [error, setError] = useState23(null);
+  const [error, setError] = useState22(null);
   const isActive = stepInput.type === "active";
   const networkName = getNetworkName(chain);
   const { balances, isLoading: balancesLoading } = useErc20TokenBalances({
@@ -9931,7 +9680,7 @@ function useSuperstateAmountViewModel({
     // on this step satisfies the first and not the second.
     enabled: enabled && isActive
   });
-  useEffect19(() => {
+  useEffect18(() => {
     if (stepInput.type === "incomplete") {
       setAmountInput("");
       setSelectedAsset(SUPERSTATE_SUPPORTED_INPUT_ASSETS[0]);
@@ -10079,20 +9828,20 @@ function validateSuperstateAmount({
 }
 
 // src/client/hooks/checkout/superstate/swap/data/useSwapOutputToken.ts
-import { useCallback as useCallback5, useEffect as useEffect20, useRef as useRef15, useState as useState24 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect19, useRef as useRef14, useState as useState23 } from "react";
 var LOADING_STATE2 = { type: "LOADING" };
 function useSwapOutputToken(options) {
   const { contractAddress, chain, enabled } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useSwapOutputToken");
-  const [outputTokenState, setOutputTokenState] = useState24(LOADING_STATE2);
-  const [retryCount, setRetryCount] = useState24(0);
-  const fetchIdRef = useRef15(0);
+  const [outputTokenState, setOutputTokenState] = useState23(LOADING_STATE2);
+  const [retryCount, setRetryCount] = useState23(0);
+  const fetchIdRef = useRef14(0);
   const refetch = useCallback5(() => {
     setOutputTokenState(LOADING_STATE2);
     setRetryCount((count) => count + 1);
   }, []);
-  useEffect20(() => {
+  useEffect19(() => {
     if (!enabled || !isReady) return;
     const currentFetchId = ++fetchIdRef.current;
     const load = async () => {
@@ -10125,7 +9874,7 @@ function useSwapOutputToken(options) {
 }
 
 // src/client/hooks/checkout/superstate/swap/data/useSwapQuote.ts
-import { useEffect as useEffect21, useRef as useRef16, useState as useState25 } from "react";
+import { useEffect as useEffect20, useRef as useRef15, useState as useState24 } from "react";
 function useSwapQuote(options) {
   const {
     contractAddress,
@@ -10138,13 +9887,13 @@ function useSwapQuote(options) {
   } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useSwapQuote");
-  const [quote, setQuote] = useState25(null);
-  const [isLoading, setIsLoading] = useState25(true);
-  const [isRefreshing, setIsRefreshing] = useState25(false);
-  const isFetchingRef = useRef16(false);
-  const hasQuoteRef = useRef16(false);
-  const fetchIdRef = useRef16(0);
-  useEffect21(() => {
+  const [quote, setQuote] = useState24(null);
+  const [isLoading, setIsLoading] = useState24(true);
+  const [isRefreshing, setIsRefreshing] = useState24(false);
+  const isFetchingRef = useRef15(false);
+  const hasQuoteRef = useRef15(false);
+  const fetchIdRef = useRef15(0);
+  useEffect20(() => {
     if (!isReady) return;
     if (!enabled) {
       setIsLoading(false);
@@ -10214,7 +9963,7 @@ function useSwapQuote(options) {
 }
 
 // src/client/hooks/checkout/superstate/swap/review/useSuperstateReviewViewModel.ts
-import { useEffect as useEffect22, useState as useState26 } from "react";
+import { useEffect as useEffect21, useState as useState25 } from "react";
 function useSuperstateReviewViewModel({
   stepInput,
   contractAddress,
@@ -10224,11 +9973,11 @@ function useSuperstateReviewViewModel({
 }) {
   const { coinlist, isReady } = useCoinList();
   const locale = useLocale();
-  const [slippageBps, setSlippageBps] = useState26(DEFAULT_SLIPPAGE_BPS);
-  const [slippageExpanded, setSlippageExpanded] = useState26(false);
-  const [phase, setPhase] = useState26(null);
-  const [error, setError] = useState26(null);
-  useEffect22(() => {
+  const [slippageBps, setSlippageBps] = useState25(DEFAULT_SLIPPAGE_BPS);
+  const [slippageExpanded, setSlippageExpanded] = useState25(false);
+  const [phase, setPhase] = useState25(null);
+  const [error, setError] = useState25(null);
+  useEffect21(() => {
     if (stepInput.type === "incomplete") {
       setSlippageBps(DEFAULT_SLIPPAGE_BPS);
       setSlippageExpanded(false);
@@ -10559,7 +10308,7 @@ function priceUi(quote, outputToken, locale) {
 }
 
 // src/client/hooks/checkout/superstate/swap/wallet/useSuperstateWalletViewModel.ts
-import { useEffect as useEffect23, useState as useState27 } from "react";
+import { useEffect as useEffect22, useState as useState26 } from "react";
 var CONNECT_FAILED3 = "Could not connect that wallet. Please try again.";
 function useSuperstateWalletViewModel({
   stepInput,
@@ -10572,12 +10321,12 @@ function useSuperstateWalletViewModel({
 }) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useSuperstateWalletViewModel");
-  const [selected, setSelected] = useState27(null);
-  const [phase, setPhase] = useState27(null);
-  const [error, setError] = useState27(null);
+  const [selected, setSelected] = useState26(null);
+  const [phase, setPhase] = useState26(null);
+  const [error, setError] = useState26(null);
   const networkName = getNetworkName(chain);
   const selectedWallet = resolveWallet3(wallets, selected);
-  useEffect23(() => {
+  useEffect22(() => {
     if (stepInput.type === "completed") {
       setPhase(null);
       setError(null);
@@ -10796,8 +10545,8 @@ function useSuperstateSwapCheckoutViewModel({
 }) {
   const locale = useLocale();
   const contractAddress = superstateSwapContractAddress(chain);
-  const [step, setStep] = useState28({ type: "wallet" });
-  const [orderConfirmed, setOrderConfirmed] = useState28(null);
+  const [step, setStep] = useState27({ type: "wallet" });
+  const [orderConfirmed, setOrderConfirmed] = useState27(null);
   const { inputAmount, inputTokenAddress } = quoteInput(step, chain);
   const live = enabled && contractAddress !== null;
   const contract = contractAddress ?? NO_CONTRACT;
@@ -11117,7 +10866,7 @@ function OndoCheckoutContainer({
   enabled,
   className
 }) {
-  const [side] = useState29(() => config.side());
+  const [side] = useState28(() => config.side());
   const ondoSymbol = config.symbol(offer);
   return renderOndoSide(side, {
     buy: () => /* @__PURE__ */ jsx66(
@@ -11731,7 +11480,7 @@ function Divider2() {
 }
 
 // src/client/hooks/claim/centrifuge/vault/useCentrifugeVaultClaimViewModel.ts
-import { useEffect as useEffect26, useMemo as useMemo8, useState as useState34 } from "react";
+import { useEffect as useEffect25, useMemo as useMemo8, useState as useState33 } from "react";
 
 // src/client/hooks/claim/centrifuge/vault/centrifuge-vault-claim-ui-mapper.ts
 var CentrifugeVaultClaimUiMapper = {
@@ -12018,12 +11767,12 @@ function shareAmount(amount, vault, locale) {
 }
 
 // src/client/hooks/claim/centrifuge/vault/data/useCentrifugeClaim.ts
-import { useCallback as useCallback6, useRef as useRef17, useState as useState30 } from "react";
+import { useCallback as useCallback6, useRef as useRef16, useState as useState29 } from "react";
 var IDLE = { type: "IDLE" };
 function useCentrifugeClaim() {
   const { coinlist } = useCoinList();
-  const [state, setState] = useState30(IDLE);
-  const runRef = useRef17(0);
+  const [state, setState] = useState29(IDLE);
+  const runRef = useRef16(0);
   const claim = useCallback6(
     async (params) => {
       const run = ++runRef.current;
@@ -12054,7 +11803,7 @@ function useCentrifugeClaim() {
 }
 
 // src/client/hooks/claim/centrifuge/vault/data/useCentrifugeVaultPositions.ts
-import { useCallback as useCallback7, useEffect as useEffect24, useMemo as useMemo7, useRef as useRef18, useState as useState31 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect23, useMemo as useMemo7, useRef as useRef17, useState as useState30 } from "react";
 
 // src/client/ui/hooks/usePageVisible.ts
 import { useSyncExternalStore } from "react";
@@ -12070,7 +11819,7 @@ function isPageVisible() {
 }
 
 // src/client/hooks/claim/centrifuge/vault/data/useCentrifugeVaultPositions.ts
-var LOADING5 = { type: "LOADING" };
+var LOADING4 = { type: "LOADING" };
 var DISABLED = {
   type: "CONTENT",
   legs: []
@@ -12089,17 +11838,17 @@ function useCentrifugeVaultPositions(options) {
   const visible = usePageVisible();
   const key = requestsKey(vaults, walletAddresses);
   const requests = useMemo7(() => readRequests(vaults, walletAddresses), [key]);
-  const readsRef = useRef18(
+  const readsRef = useRef17(
     new Map((data ?? []).map((read) => [readKey(requestOf(read)), read]))
   );
-  const [state, setState] = useState31(
-    () => !enabled ? DISABLED : data === void 0 ? LOADING5 : contentOf(readsRef)
+  const [state, setState] = useState30(
+    () => !enabled ? DISABLED : data === void 0 ? LOADING4 : contentOf(readsRef)
   );
-  const [refetchCount, setRefetchCount] = useState31(0);
-  const skipFirstFetchRef = useRef18(data !== void 0);
-  const generationRef = useRef18(0);
-  const readSeqRef = useRef18(0);
-  const latestReadRef = useRef18(/* @__PURE__ */ new Map());
+  const [refetchCount, setRefetchCount] = useState30(0);
+  const skipFirstFetchRef = useRef17(data !== void 0);
+  const generationRef = useRef17(0);
+  const readSeqRef = useRef17(0);
+  const latestReadRef = useRef17(/* @__PURE__ */ new Map());
   const refetch = useCallback7(() => setRefetchCount((n) => n + 1), []);
   const fetchRead = useCallback7(
     async (request) => {
@@ -12172,7 +11921,7 @@ function useCentrifugeVaultPositions(options) {
     },
     [fetchRead, log]
   );
-  useEffect24(() => {
+  useEffect23(() => {
     if (!isReady || !enabled || !visible) return;
     const generation = ++generationRef.current;
     const wanted = new Set(requests.map(readKey));
@@ -12184,10 +11933,10 @@ function useCentrifugeVaultPositions(options) {
       setState(contentOf(readsRef));
       return;
     }
-    if (readsRef.current.size === 0) setState(LOADING5);
+    if (readsRef.current.size === 0) setState(LOADING4);
     void load(requests, generation);
   }, [isReady, enabled, visible, requests, refetchCount, load]);
-  useEffect24(() => {
+  useEffect23(() => {
     if (!isReady || !enabled || !visible) return;
     const interval = setInterval(() => {
       const pending = requests.filter((request) => {
@@ -12198,7 +11947,7 @@ function useCentrifugeVaultPositions(options) {
     }, pollIntervalMs);
     return () => clearInterval(interval);
   }, [isReady, enabled, visible, requests, pollIntervalMs, load]);
-  useEffect24(() => {
+  useEffect23(() => {
     if (!enabled) {
       ++generationRef.current;
       setState(DISABLED);
@@ -12237,10 +11986,10 @@ function contentOf(readsRef) {
 }
 
 // src/client/hooks/shared/useExternalWalletRequest.ts
-import { useState as useState32 } from "react";
+import { useState as useState31 } from "react";
 function useExternalWalletRequest(adapter) {
   const log = useLogger("useExternalWalletRequest");
-  const [request, setRequest] = useState32("idle");
+  const [request, setRequest] = useState31("idle");
   const run = async (steps) => {
     if (adapter === null) return;
     setRequest("pending");
@@ -12266,21 +12015,21 @@ function useExternalWalletRequest(adapter) {
 }
 
 // src/client/hooks/shared/useTokenRegistry.ts
-import { useCallback as useCallback8, useEffect as useEffect25, useState as useState33 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect24, useState as useState32 } from "react";
 var DISABLED_STATE2 = { type: "DISABLED" };
 var LOADING_STATE3 = { type: "LOADING" };
 function useTokenRegistry(options = {}) {
   const { data, enabled = true } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useTokenRegistry");
-  const [state, setState] = useState33(
+  const [state, setState] = useState32(
     () => data !== void 0 ? { type: "CONTENT", registry: TokenRegistrySnapshot.fromTokens(data) } : LOADING_STATE3
   );
-  const [refetchCount, setRefetchCount] = useState33(0);
+  const [refetchCount, setRefetchCount] = useState32(0);
   const refetch = useCallback8(() => {
     setRefetchCount((count) => count + 1);
   }, []);
-  useEffect25(() => {
+  useEffect24(() => {
     let isCancelled = false;
     const seedActive = data !== void 0 && refetchCount === 0;
     if (!isReady || !enabled || seedActive) {
@@ -12357,8 +12106,8 @@ function useCentrifugeVaultClaimViewModel({
     enabled: vaultsReady && visible && legs.some(CentrifugeVaultLeg.isActive)
   });
   const claimHook = useCentrifugeClaim();
-  const [claiming, setClaiming] = useState34(null);
-  const [claimsInFlight, setClaimsInFlight] = useState34(() => /* @__PURE__ */ new Set());
+  const [claiming, setClaiming] = useState33(null);
+  const [claimsInFlight, setClaimsInFlight] = useState33(() => /* @__PURE__ */ new Set());
   const walletRequest = useExternalWalletRequest(wallets.externalAdapter);
   const state = CentrifugeVaultClaimUiMapper.toUiState({
     offer,
@@ -12460,7 +12209,7 @@ function useCentrifugeVaults(offer, registry) {
   const unresolved = resolutions.flatMap(
     (r) => r.type === "unresolved" ? [`${r.chain}:${r.missing}`] : []
   ).join("|");
-  useEffect26(() => {
+  useEffect25(() => {
     if (unresolved === "") return;
     log.warn(() => ({
       msg: "vault chains left out",
@@ -13002,16 +12751,16 @@ function EmptyState() {
 import { useCallback as useCallback9, useMemo as useMemo9 } from "react";
 
 // src/client/hooks/offers/data/useOffers.ts
-import { useEffect as useEffect27, useState as useState35 } from "react";
+import { useEffect as useEffect26, useState as useState34 } from "react";
 var LOADING_STATE4 = { type: "LOADING" };
 function useOffers(options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOffers");
   const { data: serverOffers, enabled = true } = options;
-  const [offersState, setOffersState] = useState35(
+  const [offersState, setOffersState] = useState34(
     serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE4
   );
-  useEffect27(() => {
+  useEffect26(() => {
     let isCancelled = false;
     if (!enabled) {
       return () => {
@@ -13214,13 +12963,13 @@ function OffersGridContainer({
 }
 
 // src/client/components/requirements/ConnectedWalletList.tsx
-import { useState as useState36 } from "react";
+import { useState as useState35 } from "react";
 import { jsx as jsx79, jsxs as jsxs53 } from "react/jsx-runtime";
 function ConnectedWalletRow({
   wallet,
   onRemove
 }) {
-  const [state, setState] = useState36("idle");
+  const [state, setState] = useState35("idle");
   const remove = async () => {
     if (!onRemove) return;
     setState("removing");
@@ -13408,19 +13157,19 @@ function toError(error) {
 }
 
 // src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
-import { useCallback as useCallback11, useEffect as useEffect29, useMemo as useMemo10, useRef as useRef20 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect28, useMemo as useMemo10, useRef as useRef19 } from "react";
 
 // src/client/hooks/requirements/data/useKycToken.ts
-import { useCallback as useCallback10, useEffect as useEffect28, useRef as useRef19, useState as useState37 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect27, useRef as useRef18, useState as useState36 } from "react";
 var IDLE_STATE = { type: "IDLE" };
 var LOADING_STATE5 = { type: "LOADING" };
 function useKycToken(levelName, reset) {
   const { coinlist } = useCoinList();
   const log = useLogger("useKycToken");
-  const [kycTokenState, setKycTokenState] = useState37(IDLE_STATE);
-  const resetPendingRef = useRef19(reset === true);
-  const tokenIssuedRef = useRef19(false);
-  useEffect28(() => {
+  const [kycTokenState, setKycTokenState] = useState36(IDLE_STATE);
+  const resetPendingRef = useRef18(reset === true);
+  const tokenIssuedRef = useRef18(false);
+  useEffect27(() => {
     if (!tokenIssuedRef.current) {
       resetPendingRef.current = reset === true;
     }
@@ -13459,8 +13208,8 @@ var GENERIC_ERROR_MESSAGE2 = "Unable to start identity verification right now. P
 function useIdentityVerificationViewModel(options = {}) {
   const { levelName, reset, locale, onSubmitted, onError } = options;
   const { kycTokenState, fetchToken } = useKycToken(levelName, reset);
-  const fetchedRef = useRef20(false);
-  useEffect29(() => {
+  const fetchedRef = useRef19(false);
+  useEffect28(() => {
     if (fetchedRef.current) {
       return;
     }
@@ -14186,10 +13935,10 @@ function SignOnlyScreen({
 }
 
 // src/client/hooks/requirements/tax-document/useTaxDocumentModalViewModel.ts
-import { useCallback as useCallback13, useEffect as useEffect31, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect30, useMemo as useMemo11 } from "react";
 
 // src/client/hooks/requirements/data/useTaxDocument.ts
-import { useCallback as useCallback12, useEffect as useEffect30, useState as useState38 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect29, useState as useState37 } from "react";
 var IDLE_SIGN = { type: "idle", error: null };
 var LOADING_STATE6 = { type: "LOADING" };
 var SIGN_FAILED_MESSAGE = "Unable to sign document. Please try again.";
@@ -14264,8 +14013,8 @@ function useTaxDocument({
 }) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useTaxDocument");
-  const [state, setState] = useState38(LOADING_STATE6);
-  useEffect30(() => {
+  const [state, setState] = useState37(LOADING_STATE6);
+  useEffect29(() => {
     let isCancelled = false;
     if (!isOpen) {
       return () => {
@@ -14389,7 +14138,7 @@ function useTaxDocumentModalViewModel({
   onSubmitted
 }) {
   const { state, onEditField, onStartEdit, onSaveEdit, onCancelEdit, onSign } = useTaxDocument({ isOpen });
-  useEffect31(() => {
+  useEffect30(() => {
     if (state.type === "SUBMITTED") {
       onSubmitted?.(state.submission);
       onClose();
@@ -14650,10 +14399,10 @@ function Screen2({
 }
 
 // src/client/hooks/requirements/wallet/useConnectWalletModalViewModel.ts
-import { useCallback as useCallback15, useEffect as useEffect33, useMemo as useMemo12 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect32, useMemo as useMemo12 } from "react";
 
 // src/client/hooks/requirements/data/useConnectWallet.ts
-import { useCallback as useCallback14, useEffect as useEffect32, useRef as useRef21, useState as useState39 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect31, useRef as useRef20, useState as useState38 } from "react";
 
 // src/client/core/wallets/connect-external-wallet.ts
 var DEFAULT_STATEMENT = "Sign this message to prove you own this wallet. This does not cost gas or move funds.";
@@ -14784,18 +14533,18 @@ function useConnectWallet({
   statement
 }) {
   const { coinlist } = useCoinList();
-  const [state, setState] = useState39(
+  const [state, setState] = useState38(
     () => wallet ? { type: "READY", address: wallet.address, sign: IDLE_SIGN2 } : { type: "NEEDS_WALLET" }
   );
-  const attempt = useRef21(0);
-  useEffect32(() => {
+  const attempt = useRef20(0);
+  useEffect31(() => {
     attempt.current += 1;
     if (!isOpen) return;
     setState(
       wallet ? { type: "READY", address: wallet.address, sign: IDLE_SIGN2 } : { type: "NEEDS_WALLET" }
     );
   }, [isOpen, wallet?.address]);
-  useEffect32(
+  useEffect31(
     () => () => {
       attempt.current += 1;
     },
@@ -14863,7 +14612,7 @@ function useConnectWalletModalViewModel({
     challengeType,
     statement
   });
-  useEffect33(() => {
+  useEffect32(() => {
     if (state.type === "CONNECTED") {
       onConnected?.(state.binding);
       onClose();
@@ -14935,10 +14684,10 @@ function ConnectWalletModalContainer({
 }
 
 // src/client/hooks/requirements/useRequirementsChecklistViewModel.ts
-import { useCallback as useCallback18, useEffect as useEffect36, useMemo as useMemo13, useRef as useRef22, useState as useState42 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect35, useMemo as useMemo13, useRef as useRef21, useState as useState41 } from "react";
 
 // src/client/hooks/requirements/data/useOptionAddresses.ts
-import { useCallback as useCallback16, useEffect as useEffect34, useState as useState40 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect33, useState as useState39 } from "react";
 var LOADING_STATE7 = { type: "LOADING" };
 var EMPTY_STATE = {
   type: "CONTENT",
@@ -14948,10 +14697,10 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOptionAddresses");
   const { data, enabled = true } = options;
-  const [addressesState, setAddressesState] = useState40(
+  const [addressesState, setAddressesState] = useState39(
     data !== void 0 ? { type: "CONTENT", addresses: data } : LOADING_STATE7
   );
-  const [fetchKey, setFetchKey] = useState40(0);
+  const [fetchKey, setFetchKey] = useState39(0);
   const refetch = useCallback16(() => setFetchKey((k) => k + 1), []);
   const disconnect = useCallback16(
     async (addressId) => {
@@ -14960,7 +14709,7 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
     },
     [coinlist, offerId, refetch]
   );
-  useEffect34(() => {
+  useEffect33(() => {
     let isCancelled = false;
     if (!enabled) {
       setAddressesState(
@@ -15016,18 +14765,18 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
 }
 
 // src/client/hooks/requirements/data/useRequirements.ts
-import { useCallback as useCallback17, useEffect as useEffect35, useState as useState41 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect34, useState as useState40 } from "react";
 var LOADING_STATE8 = { type: "LOADING" };
 function useRequirements(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useRequirements");
   const { data, enabled = true } = options;
-  const [requirementsState, setRequirementsState] = useState41(
+  const [requirementsState, setRequirementsState] = useState40(
     data !== void 0 ? { type: "CONTENT", ...data } : LOADING_STATE8
   );
-  const [fetchKey, setFetchKey] = useState41(0);
+  const [fetchKey, setFetchKey] = useState40(0);
   const refetch = useCallback17(() => setFetchKey((k) => k + 1), []);
-  useEffect35(() => {
+  useEffect34(() => {
     let isCancelled = false;
     if (!enabled) {
       return () => {
@@ -15221,19 +14970,19 @@ function useRequirementsChecklistViewModel(options) {
     data,
     enabled
   });
-  const [expandedId, setExpandedId] = useState42(null);
-  const [taxDocumentOpen, setTaxDocumentOpen] = useState42(false);
-  const [connectWalletOpen, setConnectWalletOpen] = useState42(false);
-  const [verifyingRequirementId, setVerifyingRequirementId] = useState42(null);
-  const isMountedRef = useRef22(true);
-  useEffect36(() => {
+  const [expandedId, setExpandedId] = useState41(null);
+  const [taxDocumentOpen, setTaxDocumentOpen] = useState41(false);
+  const [connectWalletOpen, setConnectWalletOpen] = useState41(false);
+  const [verifyingRequirementId, setVerifyingRequirementId] = useState41(null);
+  const isMountedRef = useRef21(true);
+  useEffect35(() => {
     isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
     };
   }, []);
-  const [hasWalletRequirement, setHasWalletRequirement] = useState42(false);
-  useEffect36(() => {
+  const [hasWalletRequirement, setHasWalletRequirement] = useState41(false);
+  useEffect35(() => {
     if (requirementsState.type === "CONTENT") {
       setHasWalletRequirement(
         (requirementsState.requirements[optionId] ?? []).some(
@@ -15575,18 +15324,18 @@ function pinoClientLogger(options) {
 }
 
 // src/client/hooks/auth/useCompleteOAuth.ts
-import { useEffect as useEffect37, useRef as useRef23 } from "react";
+import { useEffect as useEffect36, useRef as useRef22 } from "react";
 function useCompleteOAuth(options) {
   const { coinlist } = useCoinList();
   const log = useLogger("useCompleteOAuth");
-  const postOAuthCompleteRef = useRef23(options.postOAuthComplete);
-  const onFailureRef = useRef23(options.onFailure);
-  const onSuccessRef = useRef23(options.onSuccess);
+  const postOAuthCompleteRef = useRef22(options.postOAuthComplete);
+  const onFailureRef = useRef22(options.onFailure);
+  const onSuccessRef = useRef22(options.onSuccess);
   postOAuthCompleteRef.current = options.postOAuthComplete;
   onFailureRef.current = options.onFailure;
   onSuccessRef.current = options.onSuccess;
-  const hasStartedExchangeRef = useRef23(false);
-  useEffect37(() => {
+  const hasStartedExchangeRef = useRef22(false);
+  useEffect36(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     if (!params.has("code") && !params.has("error")) return;
@@ -15650,12 +15399,12 @@ function useCompleteOAuth(options) {
 }
 
 // src/client/hooks/checkout/centrifuge/buy/data/useCentrifugeBuyTransaction.ts
-import { useCallback as useCallback19, useEffect as useEffect38, useRef as useRef24, useState as useState43 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect37, useRef as useRef23, useState as useState42 } from "react";
 function useCentrifugeBuyTransaction(options) {
   const { request, data, enabled } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useCentrifugeBuyTransaction");
-  const [state, setState] = useState43(
+  const [state, setState] = useState42(
     () => data === void 0 ? { type: "LOADING" } : {
       type: "CONTENT",
       transaction: data,
@@ -15663,10 +15412,10 @@ function useCentrifugeBuyTransaction(options) {
       refreshError: null
     }
   );
-  const fetchIdRef = useRef24(0);
-  const isFetchingRef = useRef24(false);
+  const fetchIdRef = useRef23(0);
+  const isFetchingRef = useRef23(false);
   const requestKey = request === null ? null : stableKey3(request);
-  const requestRef = useRef24(request);
+  const requestRef = useRef23(request);
   requestRef.current = request;
   const build = useCallback19(async () => {
     const params = requestRef.current;
@@ -15703,7 +15452,7 @@ function useCentrifugeBuyTransaction(options) {
       }
     }
   }, [coinlist, isReady, enabled, log]);
-  useEffect38(() => {
+  useEffect37(() => {
     if (data === void 0) return;
     ++fetchIdRef.current;
     setState({
@@ -15714,7 +15463,7 @@ function useCentrifugeBuyTransaction(options) {
     });
   }, [data]);
   const hasSeed = data !== void 0;
-  useEffect38(() => {
+  useEffect37(() => {
     if (hasSeed || requestKey === null) return;
     isFetchingRef.current = false;
     build();
@@ -15738,16 +15487,16 @@ function stableKey3(request) {
 }
 
 // src/client/hooks/checkout/coin-list/token-sale/data/useParticipations.ts
-import { useEffect as useEffect39, useState as useState44 } from "react";
+import { useEffect as useEffect38, useState as useState43 } from "react";
 var LOADING_STATE9 = { type: "LOADING" };
 function useParticipations(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useParticipations");
   const { data, enabled = true } = options;
-  const [participationsState, setParticipationsState] = useState44(
+  const [participationsState, setParticipationsState] = useState43(
     data !== void 0 ? { type: "CONTENT", participations: data } : LOADING_STATE9
   );
-  useEffect39(() => {
+  useEffect38(() => {
     let isCancelled = false;
     if (!enabled) {
       return () => {
@@ -15794,16 +15543,16 @@ function useParticipations(offerId, options = {}) {
 }
 
 // src/client/hooks/offers/data/useOfferDetails.ts
-import { useEffect as useEffect40, useState as useState45 } from "react";
+import { useEffect as useEffect39, useState as useState44 } from "react";
 var LOADING_STATE10 = { type: "LOADING" };
 function useOfferDetails(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOfferDetails");
   const { data, enabled = true } = options;
-  const [offerDetailsState, setOfferDetailsState] = useState45(
+  const [offerDetailsState, setOfferDetailsState] = useState44(
     data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE10
   );
-  useEffect40(() => {
+  useEffect39(() => {
     let isCancelled = false;
     if (!enabled) {
       return () => {
@@ -15952,7 +15701,6 @@ export {
   RequirementVariant,
   RequirementsChecklistContainer,
   RequirementsChecklistView,
-  SETTLES_LATER,
   SlippagePicker,
   SuperstateAmountView,
   SuperstateOrderConfirmed,
@@ -16008,7 +15756,6 @@ export {
   useCentrifugeBuyReviewViewModel,
   useCentrifugeBuyTransaction,
   useCentrifugeClaim,
-  useCentrifugeQuote,
   useCentrifugeSidebarViewModel,
   useCentrifugeVaultClaimViewModel,
   useCentrifugeVaultPositions,