@coinlist-co/react 0.12.2-rc.7b430dd → 0.12.2-rc.abd9d38

package/dist/client/index.js

@@ -4,8 +4,10 @@ import {
   PINO_LEVEL,
   SDK_LOGGER_NAME,
   loggerOverPino,
-  publicClients
-} from "../chunk-DCW7NQXH.js";
+  notifySessionExpired,
+  publicClients,
+  systemDelay
+} from "../chunk-45LAPB7U.js";
 import {
   AuthorizationCode,
   CodeVerifier,
@@ -34,12 +36,13 @@ import {
   decodeSwappedOutputAmount,
   formattedPricePerShare,
   generatePKCEParams,
+  isOndoNotTradableError,
   isSwapAvailable,
   offerDisplayTokens,
   ondoQuoteOfferDeadline,
   superstateSwapContractAddress,
   swapSpender
-} from "../chunk-VH34YC3Q.js";
+} from "../chunk-M7WDZZPX.js";
 import {
   API_VERSION,
   AssetDecimals,
@@ -58,6 +61,7 @@ import {
   HEADER_USER_AGENT,
   HttpError,
   KycToken,
+  Millis,
   NA_AMOUNT_ASSET_UI,
   NotAuthenticatedError,
   OAUTH_PAGE_PATH,
@@ -67,6 +71,7 @@ import {
   RequirementsNamespaceImpl,
   SUPERSTATE_SWAP_ABI,
   SUPPORT_NEW_TICKET_URL,
+  SentWith,
   SuperstateSwapNamespaceImpl,
   TokensNamespaceImpl,
   VERIFY_IDENTITY_ACCREDITATION_PATH,
@@ -80,15 +85,17 @@ import {
   formatAmount,
   formatBpsAsPercent,
   formatRawAmount,
+  formatShareAmount,
   formattedUsdPrice,
   getNetworkName,
   getUUIDv4,
   internalLogger,
+  isRejectedToken,
   parseBlockchainAmount,
   shortenAddress,
   txExplorerUrl,
   usdAmount
-} from "../chunk-MOE5S6CE.js";
+} from "../chunk-HDJEDOS4.js";
 
 // src/client/CoinListProvider.tsx
 import {
@@ -148,6 +155,159 @@ var ApiClient = class {
   }
 };
 
+// src/client/core/auth/client-access-token.ts
+var CONFIRM_DELAY = Millis.of(1e3);
+var Generation = {
+  initial: 0,
+  next: (generation) => generation + 1
+};
+var ClientAccessToken = class {
+  constructor(env) {
+    this.env = env;
+    this.state = { type: "unknown" };
+    this.hostCall = null;
+    /**
+     * Bumped by {@link clear}. A host call that started before a logout must not
+     * log the user back in when it lands, so every write checks it first. A 401
+     * that arrives after the logout never starts one: `'logged-out'` refuses it.
+     */
+    this.generation = Generation.initial;
+    this.log = internalLogger(env.logger, "AUTH").child({
+      op: "getAccessToken"
+    });
+  }
+  authState() {
+    return this.state.type;
+  }
+  /**
+   * Asks the host for the current token, whatever is cached.
+   *
+   * Never answers from a host call already in flight: one started before a
+   * login (the mount's `init()`, racing the OAuth callback's) would hand back
+   * the answer from before the session cookie existed. It waits for that call
+   * to settle instead, so that call's verdict still lands, then asks afresh.
+   * A logout while it waits still wins.
+   *
+   * @throws whatever the host's `getAccessToken` throws.
+   */
+  async load() {
+    const generation = this.generation;
+    if (this.hostCall !== null) {
+      await this.hostCall.catch(() => null);
+    }
+    await this.ask(SentWith.noUserToken, generation);
+    return this.authState();
+  }
+  /**
+   * The HTTP pipeline's token source: see {@link TokenTrigger}.
+   *
+   * @throws whatever the host's `getAccessToken` throws.
+   */
+  async get(trigger) {
+    const decision = decideToken(this.state, trigger);
+    switch (decision.type) {
+      case "serve":
+        return decision.token;
+      case "ask":
+        return this.ask(decision.rejected, this.generation);
+    }
+  }
+  /** Forgets the token: `auth.logout()`. Never an expiry, so never notifies. */
+  clear() {
+    this.generation = Generation.next(this.generation);
+    this.hostCall = null;
+    this.state = { type: "logged-out" };
+  }
+  /**
+   * A request that carried no user token was not refused for a token, so the
+   * host's first answer stands. One that was is confirmed before it is
+   * believed.
+   */
+  async ask(rejected, generation) {
+    if (generation !== this.generation) {
+      return currentToken(this.state);
+    }
+    const first = await this.callHost();
+    switch (rejected.type) {
+      case "no-user-token":
+        return this.commit(first, generation);
+      case "user-token":
+        return isFresh(first, rejected) ? this.commit(first, generation) : this.confirm(rejected, generation);
+    }
+  }
+  async confirm(rejected, generation) {
+    this.log.warn(() => ({
+      msg: "host returned no fresh token; asking again before signing out"
+    }));
+    await this.env.delay(CONFIRM_DELAY);
+    const second = await this.callHost();
+    return isFresh(second, rejected) ? this.commit(second, generation) : this.expire(generation);
+  }
+  /** The host's `getAccessToken`, joining a call already in flight. */
+  callHost() {
+    if (this.hostCall !== null) {
+      this.log.debug(() => ({ msg: "joined a host call already in flight" }));
+      return this.hostCall;
+    }
+    const call = (async () => this.env.getAccessToken())().finally(() => {
+      if (this.hostCall === call) {
+        this.hostCall = null;
+      }
+    });
+    this.hostCall = call;
+    return call;
+  }
+  commit(token, generation) {
+    if (generation !== this.generation) {
+      return currentToken(this.state);
+    }
+    this.state = token === null ? { type: "logged-out" } : { type: "logged-in", token };
+    return token;
+  }
+  expire(generation) {
+    if (generation !== this.generation) {
+      return null;
+    }
+    const wasLoggedIn = this.state.type === "logged-in";
+    this.state = { type: "logged-out" };
+    if (wasLoggedIn) {
+      this.log.info(() => ({ msg: "session expired" }));
+      notifySessionExpired(this.env.onSessionExpired, this.log);
+    }
+    return null;
+  }
+};
+function decideToken(state, trigger) {
+  switch (trigger.type) {
+    case "before-request":
+      return state.type === "unknown" ? { type: "ask", rejected: SentWith.noUserToken } : { type: "serve", token: currentToken(state) };
+    case "after-401":
+      switch (state.type) {
+        // A logout or an expiry verdict: only `load()` may log back in, so a
+        // 401 to a request sent before it must not ask the host again.
+        case "logged-out":
+          return { type: "serve", token: null };
+        // Another request may already have renewed since this one was sent.
+        case "logged-in":
+          return isRejectedToken(state.token, trigger.rejected) ? { type: "ask", rejected: trigger.rejected } : { type: "serve", token: state.token };
+        case "unknown":
+          return { type: "ask", rejected: trigger.rejected };
+      }
+  }
+}
+function currentToken(state) {
+  switch (state.type) {
+    case "logged-in":
+      return state.token;
+    case "unknown":
+    case "logged-out":
+      return null;
+  }
+}
+function isFresh(token, rejected) {
+  return token !== null && !isRejectedToken(token, rejected);
+}
+
 // src/client/core/auth/client-auth-namespace.ts
 var OAUTH_STATE_KEY = "coinlist.oauth_state";
 var OAUTH_CODE_VERIFIER_KEY = "coinlist.oauth_code_verifier";
@@ -962,35 +1122,38 @@ var ClientSupportNamespaceImpl = class {
 
 // src/client/core/coinlist-client.ts
 var CoinListClientImpl = class {
-  constructor(_config) {
-    this._config = _config;
-    /** Cached access token: undefined = loading, null = no token, AccessToken = logged in */
-    this._accessToken = void 0;
-    const logger = _config.logger ?? null;
+  constructor(config) {
+    this.config = config;
+    const logger = config.logger ?? null;
+    const accessToken = new ClientAccessToken({
+      getAccessToken: () => config.getAccessToken(),
+      onSessionExpired: config.onSessionExpired,
+      logger,
+      ...systemDelay
+    });
+    this.accessToken = accessToken;
     this.api = new ApiClient(
       {
-        baseUrl: _config.baseUrl || PUBLIC_API_BASE_URL,
+        baseUrl: config.baseUrl || PUBLIC_API_BASE_URL,
         xApiVersion: API_VERSION
       },
-      this.fetchAccessToken.bind(this),
+      (trigger) => accessToken.get(trigger),
       logger
     );
     const ctx = {
       api: this.api,
-      rpc: publicClients(this.api, _config.rpc, _config.logger ?? null),
+      rpc: publicClients(this.api, config.rpc, config.logger ?? null),
       logger,
       ensureUserAuthenticated: async () => this.ensureAuthenticated()
     };
-    this.auth = new ClientAuthNamespaceImpl(_config, {
-      getState: () => this.getAuthState(),
-      clearAccessToken: () => {
-        this._accessToken = null;
-      }
+    this.auth = new ClientAuthNamespaceImpl(config, {
+      getState: () => accessToken.authState(),
+      clearAccessToken: () => accessToken.clear()
     });
     this.offers = new OffersNamespaceImpl(ctx);
     this.requirements = new ClientRequirementsNamespaceImpl(
       ctx,
-      _config.coinlistBaseUrl
+      config.coinlistBaseUrl
     );
     this.wallets = new WalletsNamespaceImpl(ctx);
     this.erc20 = new Erc20NamespaceImpl(ctx);
@@ -1002,34 +1165,16 @@ var CoinListClientImpl = class {
     );
     this.ondo = new ClientOndoNamespaceImpl(ctx, this.erc20);
     this.tokens = new TokensNamespaceImpl(
-      _config.tokensBaseUrl ?? NABU_BASE_URL,
+      config.tokensBaseUrl ?? NABU_BASE_URL,
       logger
     );
     this.support = new ClientSupportNamespaceImpl(logger);
   }
   async init() {
-    await this.fetchAccessToken(true);
-    return this.getAuthState();
-  }
-  async fetchAccessToken(refresh) {
-    if (!refresh && this._accessToken !== void 0) return this._accessToken;
-    try {
-      const accessToken = await this._config.getAccessToken();
-      this._accessToken = accessToken;
-      return accessToken;
-    } catch (_) {
-      this._accessToken = null;
-      return null;
-    }
-  }
-  getAuthState() {
-    if (this._accessToken === void 0) {
-      return "unknown";
-    }
-    return this._accessToken !== null ? "logged-in" : "logged-out";
+    return this.accessToken.load();
   }
   ensureAuthenticated() {
-    if (this.getAuthState() !== "logged-in") {
+    if (this.accessToken.authState() !== "logged-in") {
       throw new NotAuthenticatedError();
     }
   }
@@ -2282,7 +2427,7 @@ function Modal({ label, onClose, children, className }) {
 }
 
 // src/client/components/checkout/shared/confirmation/CheckoutConfirmationDialog.tsx
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function CheckoutConfirmationDialog({
   icon,
   title: title2,
@@ -2308,10 +2453,7 @@ function CheckoutConfirmationDialog({
         }
       )
     ] }),
-    header && /* @__PURE__ */ jsxs14(Fragment4, { children: [
-      /* @__PURE__ */ jsx20(Divider, {}),
-      header
-    ] }),
+    header,
     /* @__PURE__ */ jsx20(Divider, {}),
     /* @__PURE__ */ jsx20(CheckoutDetailList, { rows }),
     /* @__PURE__ */ jsx20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: actions })
@@ -2328,6 +2470,7 @@ function AssetSummaryRow({
   iconSize = 48,
   value,
   caption,
+  wrapIdentity = false,
   className
 }) {
   return /* @__PURE__ */ jsx21(CoinListStyleScope, { children: /* @__PURE__ */ jsxs15(
@@ -2346,7 +2489,8 @@ function AssetSummaryRow({
               {
                 className: cn(
                   typeClasses.h4,
-                  "clcosdk:truncate clcosdk:text-text-primary"
+                  "clcosdk:text-text-primary",
+                  wrapIdentity ? "clcosdk:break-words" : "clcosdk:truncate"
                 ),
                 children: asset.name
               }
@@ -2356,7 +2500,8 @@ function AssetSummaryRow({
               {
                 className: cn(
                   typeClasses.subhead,
-                  "clcosdk:truncate clcosdk:text-text-secondary"
+                  "clcosdk:text-text-secondary",
+                  wrapIdentity ? "clcosdk:break-words" : "clcosdk:truncate"
                 ),
                 children: asset.symbol
               }
@@ -2399,9 +2544,9 @@ function AssetSummaryRow({
 }
 
 // src/client/components/checkout/ondo/buy/confirmation/OndoBuyOrderConfirmed.tsx
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var TITLE2 = "Order confirmed";
-var SHARES_RECEIVED_CAPTION = "shares received";
+var SHARES_RECEIVED_LABEL = "Shares received";
 var TOTAL_COST_LABEL = "Total cost";
 var PRICE_PER_SHARE_LABEL = "Price per share";
 var DELIVERED_TO_LABEL = "Delivered to";
@@ -2423,16 +2568,9 @@ function OndoBuyOrderConfirmed({
       icon: /* @__PURE__ */ jsx22(SuccessGlyph, {}),
       title: TITLE2,
       subtitle: subtitle(state.outputAsset.symbol),
-      header: /* @__PURE__ */ jsx22(
-        AssetSummaryRow,
-        {
-          asset: state.outputAsset,
-          value: state.outputAmount,
-          caption: SHARES_RECEIVED_CAPTION
-        }
-      ),
+      header: /* @__PURE__ */ jsx22(AssetSummaryRow, { asset: state.outputAsset, wrapIdentity: true }),
       rows: detailRows(state),
-      actions: /* @__PURE__ */ jsxs16(Fragment5, { children: [
+      actions: /* @__PURE__ */ jsxs16(Fragment4, { children: [
         /* @__PURE__ */ jsx22(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL }),
         /* @__PURE__ */ jsx22(ExplorerLink, { url: state.txExplorerUrl })
       ] }),
@@ -2443,6 +2581,7 @@ function OndoBuyOrderConfirmed({
 }
 function detailRows(state) {
   return [
+    { label: SHARES_RECEIVED_LABEL, value: state.outputAmount },
     { label: TOTAL_COST_LABEL, value: state.totalCost },
     { label: PRICE_PER_SHARE_LABEL, value: state.pricePerShare },
     { label: DELIVERED_TO_LABEL, value: state.recipientAddress }
@@ -2883,6 +3022,8 @@ function InfoIcon() {
 import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var UNSUPPORTED_CHAIN_TITLE = "Not available on this network";
 var UNSUPPORTED_CHAIN_DESCRIPTION = "Ondo orders cannot be placed on the selected network.";
+var NOT_TRADABLE_TITLE = "Trading is closed right now";
+var NOT_TRADABLE_DESCRIPTION = "This asset cannot be traded at the moment. Come back when the market opens.";
 function OndoCheckoutError({
   reason,
   className
@@ -2924,6 +3065,8 @@ function title(reason) {
   switch (reason) {
     case "unsupported-chain":
       return UNSUPPORTED_CHAIN_TITLE;
+    case "not-tradable":
+      return NOT_TRADABLE_TITLE;
     default: {
       const exhaustive = reason;
       return exhaustive;
@@ -2934,6 +3077,8 @@ function description(reason) {
   switch (reason) {
     case "unsupported-chain":
       return UNSUPPORTED_CHAIN_DESCRIPTION;
+    case "not-tradable":
+      return NOT_TRADABLE_DESCRIPTION;
     default: {
       const exhaustive = reason;
       return exhaustive;
@@ -3139,7 +3284,7 @@ function PriceCaption({ price }) {
 import { Wallet } from "lucide-react";
 
 // src/client/components/checkout/shared/selection/SelectableOptionRow.tsx
-import { Children, Fragment as Fragment6 } from "react";
+import { Children, Fragment as Fragment5 } from "react";
 import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 function SelectableOptionRow({
   selected,
@@ -3226,7 +3371,7 @@ function OptionMetaRow({ children }) {
   const items = Children.toArray(children).filter(Boolean);
   return /* @__PURE__ */ jsx31("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__ */ jsxs21(Fragment6, { children: [
+    /* @__PURE__ */ jsxs21(Fragment5, { children: [
       index > 0 && /* @__PURE__ */ jsx31(MetaDot, {}),
       item
     ] }, index)
@@ -4062,7 +4207,9 @@ import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef4
 
 // src/client/hooks/checkout/ondo/shared/data/ondo-load-error.ts
 function ondoLoadErrorReason(error) {
-  return error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+  if (error instanceof NotAuthenticatedError) return "not-authenticated";
+  if (isOndoNotTradableError(error)) return "not-tradable";
+  return "generic-error";
 }
 
 // src/client/hooks/checkout/ondo/buy/data/useOndoBuyTransaction.ts
@@ -4247,7 +4394,7 @@ function useOndoBuyReviewViewModel({
         tokenMetadata: outputTokenMetadata
       }),
       outputAmount: assetAmount(
-        formatAmount(built.receiveOutputAmount, locale),
+        formatShareAmount(built.receiveOutputAmount, locale),
         ondoSymbol
       ),
       recipientAddress: shortenAddress(active.wallet.address),
@@ -4367,6 +4514,8 @@ function refreshErrorMessage(reason) {
   switch (reason) {
     case "not-authenticated":
       return "Sign in to refresh this quote.";
+    case "not-tradable":
+      return "Trading is paused for this asset. Try again when the market opens.";
     case "generic-error":
       return "Could not refresh the quote.";
     default: {
@@ -4494,6 +4643,9 @@ function quoteSizeFromKey(key) {
 
 // src/client/hooks/checkout/ondo/shared/data/useOndoTradingStatus.ts
 import { useEffect as useEffect9, useRef as useRef7, useState as useState8 } from "react";
+function isNotTradable(state) {
+  return state.type === "CONTENT" && state.status.type === "not-tradable";
+}
 var LOADING2 = { type: "LOADING" };
 function useOndoTradingStatus(options) {
   const {
@@ -4563,6 +4715,30 @@ function useOndoTradingStatus(options) {
   return { state };
 }
 
+// src/client/hooks/checkout/ondo/shared/ondo-checkout-error.types.ts
+var OndoCheckoutErrorReason = {
+  /**
+   * Which reason, if any, replaces the whole checkout. `null` means the steps
+   * render.
+   *
+   * `unsupported-chain` wins because it is settled at mount: no market state
+   * can make a chain with no contract tradable. `not-tradable` needs both a
+   * market *known* to be closed and a user still at the start of the flow,
+   * with no order confirmation on screen. Past the first step a pause belongs
+   * to the step it interrupts, and a just-placed order's dialog must not be
+   * hidden by a market that closed after it filled.
+   */
+  of: ({
+    swappableHere,
+    notTradable,
+    atEntry
+  }) => {
+    if (!swappableHere) return "unsupported-chain";
+    if (notTradable && atEntry) return "not-tradable";
+    return null;
+  }
+};
+
 // src/client/hooks/checkout/ondo/shared/sidebar/useOndoSidebarViewModel.ts
 var MARKET_OPEN = "Market open";
 var MARKET_CLOSED2 = "Market closed";
@@ -4881,18 +5057,19 @@ function useOndoBuyCheckoutViewModel({
   const [orderConfirmed, setOrderConfirmed] = useState11(null);
   const swappableHere = swapSpender(offer.swapContracts, chain) !== null;
   const live = enabled && swappableHere;
-  const { state: priceState } = useOndoPrice({
+  const { state: tradingStatusState } = useOndoTradingStatus({
     symbol: ondoSymbol,
     side: "buy",
-    size: priceSize(step),
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
     enabled: live
   });
-  const { state: tradingStatusState } = useOndoTradingStatus({
+  const notTradable = isNotTradable(tradingStatusState);
+  const { state: priceState } = useOndoPrice({
     symbol: ondoSymbol,
     side: "buy",
+    size: priceSize(step),
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
-    enabled: live
+    enabled: live && !notTradable
   });
   const { state: outputTokenMetadataState } = useCheckoutOfferTokenMetadata({
     offer,
@@ -4970,7 +5147,12 @@ function useOndoBuyCheckoutViewModel({
     priceState,
     tradingStatusState
   });
-  const state = !swappableHere ? { type: "error", reason: "unsupported-chain" } : {
+  const errorReason = OndoCheckoutErrorReason.of({
+    swappableHere,
+    notTradable,
+    atEntry: step.type === "wallet" && orderConfirmed === null
+  });
+  const state = errorReason !== null ? { type: "error", reason: errorReason } : {
     type: "content",
     wallet: walletState,
     amount: amountState,
@@ -5066,7 +5248,7 @@ function toOrderConfirmedUi({
       tokenMetadata: outputTokenMetadata
     }),
     outputAmount: assetAmount(
-      formatAmount(order.transaction.receiveOutputAmount, locale),
+      formatShareAmount(order.transaction.receiveOutputAmount, locale),
       ondoSymbol
     ),
     totalCost: assetAmount(
@@ -5316,9 +5498,9 @@ function MaxButton2({
 
 // src/client/components/checkout/ondo/sell/confirmation/OndoSellOrderConfirmed.tsx
 import { Check as Check2, ExternalLink as ExternalLink2 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 var TITLE7 = "Order confirmed";
-var SHARES_SOLD_CAPTION = "shares sold";
+var SHARES_SOLD_LABEL = "Shares sold";
 var RECEIVED_LABEL = "Received";
 var PRICE_PER_SHARE_LABEL3 = "Price per share";
 var DELIVERED_TO_LABEL2 = "Delivered to";
@@ -5341,21 +5523,12 @@ function OndoSellOrderConfirmed({
       title: TITLE7,
       subtitle: subtitle2(state.soldAsset.symbol, state.proceedsSymbol),
       header: (
-        // The asset row leads with what was *sold*, where the buy dialog
-        // leads with what arrived. The proceeds are a detail row below,
-        // because the position that changed is the thing the user is looking
-        // for.
-        /* @__PURE__ */ jsx36(
-          AssetSummaryRow,
-          {
-            asset: state.soldAsset,
-            value: state.soldAmount,
-            caption: SHARES_SOLD_CAPTION
-          }
-        )
+        // The header names what was sold. The quantity is a detail row, so a
+        // long fund name and a long share count each get the full width.
+        /* @__PURE__ */ jsx36(AssetSummaryRow, { asset: state.soldAsset, wrapIdentity: true })
       ),
       rows: detailRows3(state),
-      actions: /* @__PURE__ */ jsxs25(Fragment7, { children: [
+      actions: /* @__PURE__ */ jsxs25(Fragment6, { children: [
         /* @__PURE__ */ jsx36(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL2 }),
         /* @__PURE__ */ jsx36(ExplorerLink2, { url: state.txExplorerUrl })
       ] }),
@@ -5366,6 +5539,7 @@ function OndoSellOrderConfirmed({
 }
 function detailRows3(state) {
   return [
+    { label: SHARES_SOLD_LABEL, value: state.soldAmount },
     { label: RECEIVED_LABEL, value: state.proceeds },
     { label: PRICE_PER_SHARE_LABEL3, value: state.pricePerShare },
     { label: DELIVERED_TO_LABEL2, value: state.recipientAddress }
@@ -6435,6 +6609,8 @@ function refreshErrorMessage2(reason) {
   switch (reason) {
     case "not-authenticated":
       return "Sign in to refresh this quote.";
+    case "not-tradable":
+      return "Trading is paused for this asset. Try again when the market opens.";
     case "generic-error":
       return "Could not refresh the quote.";
     default: {
@@ -6488,18 +6664,19 @@ function useOndoSellCheckoutViewModel({
   const [orderConfirmed, setOrderConfirmed] = useState16(null);
   const swappableHere = swapSpender(offer.swapContracts, chain) !== null;
   const live = enabled && swappableHere;
-  const { state: priceState } = useOndoPrice({
+  const { state: tradingStatusState } = useOndoTradingStatus({
     symbol: ondoSymbol,
     side: "sell",
-    size: priceSize2(step),
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
     enabled: live
   });
-  const { state: tradingStatusState } = useOndoTradingStatus({
+  const notTradable = isNotTradable(tradingStatusState);
+  const { state: priceState } = useOndoPrice({
     symbol: ondoSymbol,
     side: "sell",
+    size: priceSize2(step),
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
-    enabled: live
+    enabled: live && !notTradable
   });
   const { state: inputTokenMetadataState } = useCheckoutOfferTokenMetadata({
     offer,
@@ -6577,7 +6754,14 @@ function useOndoSellCheckoutViewModel({
     priceState,
     tradingStatusState
   });
-  const state = !swappableHere ? { type: "error", reason: "unsupported-chain" } : {
+  const errorReason = OndoCheckoutErrorReason.of({
+    swappableHere,
+    notTradable,
+    // The step the flow opened on, which for a preselected wallet is the
+    // amount rather than a wallet step it never had.
+    atEntry: step.type === initialStep.type && orderConfirmed === null
+  });
+  const state = errorReason !== null ? { type: "error", reason: errorReason } : {
     type: "content",
     wallet: hasWalletStep ? walletState : null,
     amount: amountState,
@@ -6687,7 +6871,7 @@ function toOrderConfirmedUi2({
       tokenMetadata: inputTokenMetadata
     }),
     soldAmount: assetAmount(
-      formatAmount(order.transaction.spendInputAmount, locale),
+      formatShareAmount(order.transaction.spendInputAmount, locale),
       ondoSymbol
     ),
     // The expected proceeds rather than the floor: this dialog reports a sale
@@ -6923,10 +7107,10 @@ function MaxButton3({ onClick }) {
 
 // src/client/components/checkout/superstate/swap/confirmation/SuperstateOrderConfirmed.tsx
 import { Check as Check3, ExternalLink as ExternalLink3 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
 var TITLE10 = "Order confirmed";
 var TOTAL_COST_LABEL2 = "Total cost";
-var SHARES_RECEIVED_LABEL = "Shares received";
+var SHARES_RECEIVED_LABEL2 = "Shares received";
 var SHARES_RECEIVED_ESTIMATED_LABEL = "Shares received (estimated)";
 var PRICE_PER_SHARE_LABEL5 = "Price per share";
 var PRICE_PER_SHARE_ESTIMATED_LABEL = "Price per share (estimated)";
@@ -6949,15 +7133,9 @@ function SuperstateOrderConfirmed({
       icon: /* @__PURE__ */ jsx41(SuccessGlyph3, {}),
       title: TITLE10,
       subtitle: subtitle3(state.asset.symbol),
-      header: /* @__PURE__ */ jsx41(
-        AssetSummaryRow,
-        {
-          asset: state.asset,
-          caption: `Issued by ${state.issuer}`
-        }
-      ),
+      header: /* @__PURE__ */ jsx41(AssetSummaryRow, { asset: state.asset, wrapIdentity: true }),
       rows: detailRows4(state),
-      actions: /* @__PURE__ */ jsxs29(Fragment8, { children: [
+      actions: /* @__PURE__ */ jsxs29(Fragment7, { children: [
         /* @__PURE__ */ jsx41(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL3 }),
         /* @__PURE__ */ jsx41(ExplorerLink3, { url: state.txExplorerUrl })
       ] }),
@@ -6971,7 +7149,7 @@ function detailRows4(state) {
   return [
     { label: TOTAL_COST_LABEL2, value: state.totalCost },
     {
-      label: confirmed ? SHARES_RECEIVED_LABEL : SHARES_RECEIVED_ESTIMATED_LABEL,
+      label: confirmed ? SHARES_RECEIVED_LABEL2 : SHARES_RECEIVED_ESTIMATED_LABEL,
       value: state.outputAmount
     },
     {
@@ -9043,7 +9221,6 @@ function toOrderConfirmedUi3({
       networkName: getNetworkName(chain),
       iconUrl: assetIconUrl
     }),
-    issuer: SUPERSTATE_ISSUER_NAME,
     outputAmount: assetAmount(
       formatAmount(order.outputAmount, locale),
       order.outputAsset.symbol
@@ -9189,7 +9366,7 @@ function renderOndoSide(side, branches) {
 }
 
 // src/client/components/design-system/ThemedImage.tsx
-import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
 function ThemedImage({
   light,
   dark,
@@ -9214,7 +9391,7 @@ function ThemedImage({
       }
     );
   }
-  return /* @__PURE__ */ jsxs35(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs35(Fragment8, { children: [
     /* @__PURE__ */ jsx49(
       "img",
       {
@@ -10302,7 +10479,7 @@ function StepStatusIcon({ status, className }) {
 }
 
 // src/client/components/requirements/RequirementItem.tsx
-import { Fragment as Fragment10, jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 var DEFAULT_PENDING = "Under review. We'll notify you when complete.";
 var DEFAULT_REJECTED = "Verification rejected.";
 var SUPPORT_LINK = "Contact support";
@@ -10357,7 +10534,7 @@ function RejectedMessage({
     return message;
   }
   if (linkAt === -1) {
-    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
       message,
       " ",
       /* @__PURE__ */ jsx59(
@@ -10372,7 +10549,7 @@ function RejectedMessage({
       "."
     ] });
   }
-  return /* @__PURE__ */ jsxs41(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs41(Fragment9, { children: [
     message.slice(0, linkAt),
     /* @__PURE__ */ jsx59(
       "button",
@@ -10395,7 +10572,7 @@ function WalletActionZone({
   onRemoveWallet
 }) {
   if (multiWallet) {
-    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
       /* @__PURE__ */ jsx59(
         ConnectedWalletList,
         {
@@ -10416,7 +10593,7 @@ function WalletActionZone({
   }
   if (status === "completed") {
     const connected = connectedWallets[0];
-    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
       onAction !== null && /* @__PURE__ */ jsx59(
         ClButton,
         {
@@ -10449,7 +10626,7 @@ function WalletActionZone({
     ] });
   }
   if (status === "rejected") {
-    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
       onAction !== null && /* @__PURE__ */ jsx59(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" }),
       /* @__PURE__ */ jsx59(
         AlertBanner,
@@ -10571,7 +10748,7 @@ function RequirementItem({
 }
 
 // src/client/components/requirements/RequirementsChecklistView.tsx
-import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 function RequirementsChecklistView(props) {
   return /* @__PURE__ */ jsx60(CoinListStyleScope, { children: /* @__PURE__ */ jsx60(RequirementsChecklistViewBody, { ...props }) });
 }
@@ -10641,7 +10818,7 @@ function RequirementsChecklistViewBody({
                 onClick: () => onEvent({ type: "ON_CONTINUE" }),
                 children: "Continue"
               }
-            ) : /* @__PURE__ */ jsxs42(Fragment11, { children: [
+            ) : /* @__PURE__ */ jsxs42(Fragment10, { children: [
               /* @__PURE__ */ jsx60("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row, index) => /* @__PURE__ */ jsx60(
                 RequirementItem,
                 {
@@ -12250,7 +12427,7 @@ function toVerificationUi(verifyingRequirementId, statusById, identityVerificati
 }
 
 // src/client/components/requirements/RequirementsChecklistContainer.tsx
-import { Fragment as Fragment12, jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
 function RequirementsChecklistContainer({
   loading,
   error,
@@ -12262,7 +12439,7 @@ function RequirementsChecklistContainer({
     ...options,
     enabled
   });
-  return /* @__PURE__ */ jsxs46(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs46(Fragment11, { children: [
     /* @__PURE__ */ jsx66(
       RequirementsChecklistView,
       {
@@ -12273,7 +12450,7 @@ function RequirementsChecklistContainer({
         className
       }
     ),
-    state.type === "content" && /* @__PURE__ */ jsxs46(Fragment12, { children: [
+    state.type === "content" && /* @__PURE__ */ jsxs46(Fragment11, { children: [
       /* @__PURE__ */ jsx66(
         TaxDocumentModalContainer,
         {
@@ -12588,6 +12765,7 @@ export {
   OndoBuyOrderConfirmed,
   OndoBuyReviewView,
   OndoCheckoutError,
+  OndoCheckoutErrorReason,
   OndoSellAmountView,
   OndoSellCheckoutContainer,
   OndoSellCheckoutView,
@@ -12627,6 +12805,7 @@ export {
   formatCountdown,
   formatMonthYear,
   formatSaleCardCountdown,
+  isNotTradable,
   offerAssetIconUrl,
   offerIconUrl,
   offerTokenIdentifier,