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

package/dist/client/index.cjs

@@ -71,6 +71,7 @@ __export(client_exports, {
   OndoBuyOrderConfirmed: () => OndoBuyOrderConfirmed,
   OndoBuyReviewView: () => OndoBuyReviewView,
   OndoCheckoutError: () => OndoCheckoutError,
+  OndoCheckoutErrorReason: () => OndoCheckoutErrorReason,
   OndoSellAmountView: () => OndoSellAmountView,
   OndoSellCheckoutContainer: () => OndoSellCheckoutContainer,
   OndoSellCheckoutView: () => OndoSellCheckoutView,
@@ -110,6 +111,7 @@ __export(client_exports, {
   formatCountdown: () => formatCountdown,
   formatMonthYear: () => formatMonthYear,
   formatSaleCardCountdown: () => formatSaleCardCountdown,
+  isNotTradable: () => isNotTradable,
   offerAssetIconUrl: () => offerAssetIconUrl,
   offerIconUrl: () => offerIconUrl,
   offerTokenIdentifier: () => offerTokenIdentifier,
@@ -248,6 +250,30 @@ var VERIFY_IDENTITY_PATH = "/verify-identity";
 var VERIFY_IDENTITY_ACCREDITATION_PATH = "/verify-identity/accreditation_full";
 var WALLET_PATH = "/wallet";
 
+// src/universal/api/internal-access-token-source.ts
+var SentWith = {
+  userToken: (token) => ({
+    type: "user-token",
+    token
+  }),
+  noUserToken: { type: "no-user-token" }
+};
+var TokenTrigger = {
+  beforeRequest: { type: "before-request" },
+  after401: (rejected) => ({
+    type: "after-401",
+    rejected
+  })
+};
+function isRejectedToken(token, rejected) {
+  switch (rejected.type) {
+    case "user-token":
+      return rejected.token.value === token.value;
+    case "no-user-token":
+      return false;
+  }
+}
+
 // src/universal/api/http-attributes.ts
 var empty = {};
 var concat = (left, right) => ({
@@ -275,6 +301,10 @@ var retryAttempt = (attempt) => ({
 var renewAttempted = (value) => ({
   renewAttempted: value
 });
+var notRetryable = () => ({ retryable: false });
+var sentWith = (token) => ({
+  sentWith: token
+});
 var requestId = (id) => ({ requestId: id });
 var getRequestId = (attrs) => attrs?.requestId ?? null;
 var isProtected = (attrs) => attrs?.protected === true;
@@ -282,6 +312,8 @@ var needUserAgent = (attrs) => attrs?.userAgent === true;
 var isIdempotent = (attrs) => attrs?.idempotencyKey === true;
 var getRetryAttempt = (attrs) => attrs?.retryAttempt ?? 0;
 var wasRenewAttempted = (attrs) => attrs?.renewAttempted === true;
+var isRetryable = (attrs) => attrs?.retryable !== false;
+var getSentWith = (attrs) => attrs?.sentWith === void 0 ? SentWith.noUserToken : SentWith.userToken(attrs.sentWith);
 var getClientCredentials = (attrs) => attrs?.clientCredentials;
 var Attributes = {
   empty,
@@ -297,6 +329,10 @@ var Attributes = {
   getRetryAttempt,
   renewAttempted,
   wasRenewAttempted,
+  notRetryable,
+  isRetryable,
+  sentWith,
+  getSentWith,
   clientCredentials,
   getClientCredentials,
   requestId,
@@ -684,11 +720,18 @@ var HttpClient = class {
     );
     let response = await this.executeRequest(preparedRequest);
     for (const middleware of this.middleware.afterRequest ?? []) {
+      let retried = false;
       response = await middleware({
         request: preparedRequest,
         response,
-        retry: (nextRequest = preparedRequest) => this.runRequestWithAfterMiddleware(nextRequest)
+        retry: (nextRequest = preparedRequest) => {
+          retried = true;
+          return this.runRequestWithAfterMiddleware(nextRequest);
+        }
       });
+      if (retried) {
+        return response;
+      }
     }
     return response;
   }
@@ -821,23 +864,33 @@ function attachSessionMiddleware(fetchAccessToken) {
     if (!Attributes.isProtected(request.attributes)) {
       return request;
     }
-    let accessToken = await fetchAccessToken(false);
-    if (!accessToken) {
-      const clientCreds = Attributes.getClientCredentials(request.attributes);
-      if (clientCreds) {
-        accessToken = clientCreds;
-      }
+    const userToken = await fetchAccessToken(TokenTrigger.beforeRequest);
+    if (userToken !== null) {
+      return withBearer(
+        {
+          ...request,
+          attributes: Attributes.concat(
+            request.attributes ?? Attributes.empty,
+            Attributes.sentWith(userToken)
+          )
+        },
+        userToken.value
+      );
     }
-    if (accessToken === null) {
-      return request;
+    const clientCreds = Attributes.getClientCredentials(request.attributes);
+    if (clientCreds) {
+      return withBearer(request, clientCreds.value);
+    }
+    return request;
+  };
+}
+function withBearer(request, token) {
+  return {
+    ...request,
+    headers: {
+      ...request.headers ?? {},
+      Authorization: `Bearer ${token}`
     }
-    return {
-      ...request,
-      headers: {
-        ...request.headers ?? {},
-        Authorization: `Bearer ${accessToken.value}`
-      }
-    };
   };
 }
 
@@ -873,7 +926,7 @@ function getRetryDelayMs(attempt) {
 function createRequestRetryMiddleware(options = {}) {
   const delayFn = options.delayFn ?? defaultDelay;
   return async ({ request, response, retry }) => {
-    if (!isRetryableStatus(response.status)) {
+    if (!isRetryableStatus(response.status) || !Attributes.isRetryable(request.attributes)) {
       return response;
     }
     const currentAttempt = Attributes.getRetryAttempt(request.attributes);
@@ -906,7 +959,9 @@ function renewSessionMiddleware(fetchAccessToken) {
     if (Attributes.wasRenewAttempted(request.attributes)) {
       return response;
     }
-    const newToken = await fetchAccessToken(true);
+    const newToken = await fetchAccessToken(
+      TokenTrigger.after401(Attributes.getSentWith(request.attributes))
+    );
     if (newToken) {
       const nextRequest = Request.concatAttributes(
         request,
@@ -963,6 +1018,196 @@ var ApiClient = class {
   }
 };
 
+// src/universal/core/auth/session-expired.ts
+function notifySessionExpired(onSessionExpired, log) {
+  if (onSessionExpired === void 0) {
+    return;
+  }
+  Promise.resolve().then(onSessionExpired).catch(
+    (error) => log.failure(() => ({ msg: "onSessionExpired threw" }), error)
+  );
+}
+
+// src/universal/types/time.ts
+var MAX_EPOCH_MILLIS = 864e13;
+var EpochMillis = {
+  /**
+   * @throws {@link ValidationError} unless `value` is an integer a `Date` can
+   * represent: at most {@link MAX_EPOCH_MILLIS} either side of the epoch.
+   */
+  of: (value) => {
+    if (!Number.isInteger(value) || Math.abs(value) > MAX_EPOCH_MILLIS) {
+      throw new ValidationError(
+        `EpochMillis must be an integer within \xB1${MAX_EPOCH_MILLIS}, got ${value}`
+      );
+    }
+    return value;
+  },
+  /** The wall clock. Code that needs the time takes a `TimeEff` instead. */
+  now: () => EpochMillis.of(Date.now()),
+  /** @throws {@link ValidationError} for an invalid `Date`. */
+  fromDate: (date) => EpochMillis.of(date.getTime()),
+  /** How long after `from` the instant `to` is; negative if it is before. */
+  elapsed: (from, to) => Millis.of(to - from),
+  plus: (at, duration) => EpochMillis.of(at + duration)
+};
+var Millis = {
+  of: (value) => value
+};
+
+// 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/universal/types/oauth.ts
 var AuthorizationCode = (value) => value;
 var CodeVerifier = (value) => value;
@@ -1919,6 +2164,12 @@ function assertPriceFits(raw) {
   }
 }
 
+// src/universal/core/checkout/ondo/not-tradable.ts
+var ONDO_NOT_TRADABLE_CODE = "not_tradable";
+function isOndoNotTradableError(error) {
+  return apiErrorCode(error) === ONDO_NOT_TRADABLE_CODE;
+}
+
 // src/universal/core/shared/blockchain/formatters.ts
 var import_viem3 = require("viem");
 
@@ -1939,7 +2190,11 @@ function formatAmount(amount, locale, options) {
   const decimal = formatRawAmount(amount);
   let [integerPart, fractionPart = ""] = decimal.split(".");
   const maxFractionDigits = options?.maxFractionDigits;
-  const minFractionDigits = maxFractionDigits !== void 0 ? Math.min(maxFractionDigits, amount.decimals) : Math.min(2, amount.decimals);
+  const minFractionDigits = Math.min(
+    options?.minFractionDigits ?? (maxFractionDigits !== void 0 ? maxFractionDigits : 2),
+    maxFractionDigits ?? amount.decimals,
+    amount.decimals
+  );
   if (maxFractionDigits !== void 0 && fractionPart.length > maxFractionDigits) {
     ({ integerPart, fractionPart } = roundFractionHalfUp(
       integerPart,
@@ -1947,7 +2202,8 @@ function formatAmount(amount, locale, options) {
       maxFractionDigits
     ));
   }
-  const fraction = minFractionDigits === 0 ? "" : fractionPart.padEnd(minFractionDigits, "0");
+  const trimmed = fractionPart.replace(/0+$/, "");
+  const fraction = trimmed.padEnd(minFractionDigits, "0");
   const integerFormatted = BigInt(integerPart).toLocaleString(locale);
   if (minFractionDigits === 0 && fraction === "") {
     return FormattedAmountUi(integerFormatted);
@@ -2008,6 +2264,14 @@ function assetAmount(amount, symbol) {
   return FormattedAmountAssetUi(`${amount} ${symbol}`);
 }
 var NA_AMOUNT_ASSET_UI = FormattedAmountAssetUi("-");
+var SHARE_MAX_FRACTION_DIGITS = AssetDecimals(6);
+var SHARE_MIN_FRACTION_DIGITS = AssetDecimals(2);
+function formatShareAmount(amount, locale) {
+  return formatAmount(amount, locale, {
+    maxFractionDigits: SHARE_MAX_FRACTION_DIGITS,
+    minFractionDigits: SHARE_MIN_FRACTION_DIGITS
+  });
+}
 var USD_FRACTION_DIGITS = AssetDecimals(2);
 function formattedUsdPrice(amount, locale) {
   if (!amount) return NA_AMOUNT_ASSET_UI;
@@ -4951,37 +5215,46 @@ function transportFor(api, override, chain, logger) {
   return typeof override === "string" ? (0, import_viem8.http)(override) : override;
 }
 
+// src/universal/core/shared/effects.ts
+var systemTime = { time: { now: EpochMillis.now } };
+var systemDelay = {
+  delay: (duration) => new Promise((resolve) => setTimeout(resolve, duration))
+};
+
 // 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);
@@ -4993,34 +5266,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();
     }
   }
@@ -6299,10 +6554,7 @@ function CheckoutConfirmationDialog({
         }
       )
     ] }),
-    header && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Divider, {}),
-      header
-    ] }),
+    header,
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Divider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckoutDetailList, { rows }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: actions })
@@ -6319,6 +6571,7 @@ function AssetSummaryRow({
   iconSize = 48,
   value,
   caption,
+  wrapIdentity = false,
   className
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
@@ -6337,7 +6590,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
               }
@@ -6347,7 +6601,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
               }
@@ -6392,7 +6647,7 @@ function AssetSummaryRow({
 // src/client/components/checkout/ondo/buy/confirmation/OndoBuyOrderConfirmed.tsx
 var import_jsx_runtime22 = require("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";
@@ -6414,14 +6669,7 @@ function OndoBuyOrderConfirmed({
       icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SuccessGlyph, {}),
       title: TITLE2,
       subtitle: subtitle(state.outputAsset.symbol),
-      header: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-        AssetSummaryRow,
-        {
-          asset: state.outputAsset,
-          value: state.outputAmount,
-          caption: SHARES_RECEIVED_CAPTION
-        }
-      ),
+      header: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AssetSummaryRow, { asset: state.outputAsset, wrapIdentity: true }),
       rows: detailRows(state),
       actions: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL }),
@@ -6434,6 +6682,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 }
@@ -6874,6 +7123,8 @@ function InfoIcon() {
 var import_jsx_runtime26 = require("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
@@ -6915,6 +7166,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;
@@ -6925,6 +7178,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;
@@ -8053,7 +8308,9 @@ var import_react15 = require("react");
 
 // 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
@@ -8238,7 +8495,7 @@ function useOndoBuyReviewViewModel({
         tokenMetadata: outputTokenMetadata
       }),
       outputAmount: assetAmount(
-        formatAmount(built.receiveOutputAmount, locale),
+        formatShareAmount(built.receiveOutputAmount, locale),
         ondoSymbol
       ),
       recipientAddress: shortenAddress(active.wallet.address),
@@ -8358,6 +8615,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: {
@@ -8485,6 +8744,9 @@ function quoteSizeFromKey(key) {
 
 // src/client/hooks/checkout/ondo/shared/data/useOndoTradingStatus.ts
 var import_react19 = require("react");
+function isNotTradable(state) {
+  return state.type === "CONTENT" && state.status.type === "not-tradable";
+}
 var LOADING2 = { type: "LOADING" };
 function useOndoTradingStatus(options) {
   const {
@@ -8554,6 +8816,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";
@@ -8872,18 +9158,19 @@ function useOndoBuyCheckoutViewModel({
   const [orderConfirmed, setOrderConfirmed] = (0, import_react22.useState)(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,
@@ -8961,7 +9248,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,
@@ -9057,7 +9349,7 @@ function toOrderConfirmedUi({
       tokenMetadata: outputTokenMetadata
     }),
     outputAmount: assetAmount(
-      formatAmount(order.transaction.receiveOutputAmount, locale),
+      formatShareAmount(order.transaction.receiveOutputAmount, locale),
       ondoSymbol
     ),
     totalCost: assetAmount(
@@ -9309,7 +9601,7 @@ function MaxButton2({
 var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime36 = require("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";
@@ -9332,18 +9624,9 @@ 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__ */ (0, import_jsx_runtime36.jsx)(
-          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__ */ (0, import_jsx_runtime36.jsx)(AssetSummaryRow, { asset: state.soldAsset, wrapIdentity: true })
       ),
       rows: detailRows3(state),
       actions: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
@@ -9357,6 +9640,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 }
@@ -10426,6 +10710,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: {
@@ -10479,18 +10765,19 @@ function useOndoSellCheckoutViewModel({
   const [orderConfirmed, setOrderConfirmed] = (0, import_react27.useState)(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,
@@ -10568,7 +10855,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,
@@ -10678,7 +10972,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
@@ -10917,7 +11211,7 @@ var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime41 = require("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)";
@@ -10940,13 +11234,7 @@ function SuperstateOrderConfirmed({
       icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SuccessGlyph3, {}),
       title: TITLE10,
       subtitle: subtitle3(state.asset.symbol),
-      header: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-        AssetSummaryRow,
-        {
-          asset: state.asset,
-          caption: `Issued by ${state.issuer}`
-        }
-      ),
+      header: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AssetSummaryRow, { asset: state.asset, wrapIdentity: true }),
       rows: detailRows4(state),
       actions: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL3 }),
@@ -10962,7 +11250,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
     },
     {
@@ -13034,7 +13322,6 @@ function toOrderConfirmedUi3({
       networkName: getNetworkName(chain),
       iconUrl: assetIconUrl
     }),
-    issuer: SUPERSTATE_ISSUER_NAME,
     outputAmount: assetAmount(
       formatAmount(order.outputAmount, locale),
       order.outputAsset.symbol
@@ -16708,6 +16995,7 @@ function formatMonthYear(date, locale) {
   OndoBuyOrderConfirmed,
   OndoBuyReviewView,
   OndoCheckoutError,
+  OndoCheckoutErrorReason,
   OndoSellAmountView,
   OndoSellCheckoutContainer,
   OndoSellCheckoutView,
@@ -16747,6 +17035,7 @@ function formatMonthYear(date, locale) {
   formatCountdown,
   formatMonthYear,
   formatSaleCardCountdown,
+  isNotTradable,
   offerAssetIconUrl,
   offerIconUrl,
   offerTokenIdentifier,