@coinlist-co/react 0.12.1-rc.14ac67e → 0.12.1-rc.73e7e17

package/dist/client/index.cjs

@@ -109,7 +109,9 @@ __export(client_exports, {
   formatCountdown: () => formatCountdown,
   formatMonthYear: () => formatMonthYear,
   formatSaleCardCountdown: () => formatSaleCardCountdown,
+  offerAssetIconUrl: () => offerAssetIconUrl,
   offerIconUrl: () => offerIconUrl,
+  offerTokenIdentifier: () => offerTokenIdentifier,
   ondoLoadErrorReason: () => ondoLoadErrorReason,
   pinoClientLogger: () => pinoClientLogger,
   prepareOndoBuy: () => prepareOndoBuy,
@@ -118,6 +120,9 @@ __export(client_exports, {
   quoteOverAsks: () => quoteOverAsks,
   stablecoinIconUrl: () => stablecoinIconUrl,
   submitErc20Approval: () => submitErc20Approval,
+  tokenLogoUrl: () => tokenLogoUrl,
+  tokenMetadataOf: () => tokenMetadataOf,
+  useCheckoutOfferTokenMetadata: () => useCheckoutOfferTokenMetadata,
   useCoinList: () => useCoinList,
   useCoinListSignInCardViewModel: () => useCoinListSignInCardViewModel,
   useCompleteOAuth: () => useCompleteOAuth,
@@ -166,7 +171,7 @@ module.exports = __toCommonJS(client_exports);
 // src/client/CoinListProvider.tsx
 var import_react3 = require("react");
 
-// src/shared/core/utils/crypto.ts
+// src/universal/core/shared/utils/crypto.ts
 async function sha256(data) {
   const bytes = typeof data === "string" ? new TextEncoder().encode(data) : data;
   const buffer = bytes.buffer.slice(
@@ -227,7 +232,7 @@ function getDeviceId() {
   return deviceId;
 }
 
-// src/shared/api/frontline/config.ts
+// src/universal/api/frontline/config.ts
 var PUBLIC_API_BASE_URL = "https://api.coinlist.co";
 var HEADER_API_VERSION = "X-API-Version";
 var HEADER_USER_AGENT = "User-Agent";
@@ -240,7 +245,7 @@ var VERIFY_IDENTITY_PATH = "/verify-identity";
 var VERIFY_IDENTITY_ACCREDITATION_PATH = "/verify-identity/accreditation_full";
 var WALLET_PATH = "/wallet";
 
-// src/shared/api/http-attributes.ts
+// src/universal/api/http-attributes.ts
 var empty = {};
 var concat = (left, right) => ({
   ...left,
@@ -319,7 +324,7 @@ function generateUserAgent() {
   return `${appInfo} (${deviceInfo}; ${devicePlatform}; ${deviceAppId}; ${finalDeviceId})`;
 }
 
-// src/shared/api/http.ts
+// src/universal/api/http.ts
 var HttpError = class extends Error {
   constructor(response) {
     super(`Request failed with ${response.status} status`);
@@ -443,7 +448,7 @@ var Request = {
   concatAttributes
 };
 
-// src/shared/types/errors.ts
+// src/universal/types/errors.ts
 var NotImplementedError = class extends Error {
   constructor(message = "Not implemented yet") {
     super(message);
@@ -475,7 +480,7 @@ var MathError = class extends Error {
   }
 };
 
-// src/shared/core/observability/log-cause.ts
+// src/universal/core/shared/observability/log-cause.ts
 function classifyLogCause(error) {
   if (error instanceof HttpError) {
     return httpCause(error);
@@ -541,7 +546,7 @@ function apiErrorEventId(error) {
   return typeof eventId === "string" ? eventId : null;
 }
 
-// src/shared/core/observability/internal-logger.ts
+// src/universal/core/shared/observability/internal-logger.ts
 function internalLogger(logger, scope) {
   return logger ? scopedLogger(logger, scope, {}) : noopInternalLogger;
 }
@@ -624,7 +629,7 @@ var noopInternalLogger = {
   wrap: (_op, _params, run) => run()
 };
 
-// src/shared/api/http-client.ts
+// src/universal/api/http-client.ts
 var HttpClient = class {
   constructor(config, middleware = {}, logger = null, options = {}) {
     this.config = config;
@@ -780,7 +785,7 @@ function describeRequestUnredacted(request) {
   };
 }
 
-// src/shared/api/middleware/attach-session-middleware.ts
+// src/universal/api/middleware/attach-session-middleware.ts
 function attachSessionMiddleware(fetchAccessToken) {
   return async (request) => {
     if (!Attributes.isProtected(request.attributes)) {
@@ -806,7 +811,7 @@ function attachSessionMiddleware(fetchAccessToken) {
   };
 }
 
-// src/shared/api/middleware/idempotency-key.ts
+// src/universal/api/middleware/idempotency-key.ts
 var idempotencyKeyMiddleware = async (request) => {
   if (!Attributes.isIdempotent(request.attributes)) {
     return request;
@@ -824,7 +829,7 @@ var idempotencyKeyMiddleware = async (request) => {
   };
 };
 
-// src/shared/api/middleware/request-retry.ts
+// src/universal/api/middleware/request-retry.ts
 var MAX_ATTEMPTS = 3;
 var INITIAL_DELAY_MS = 300;
 var MAX_DELAY_MS = 2e3;
@@ -859,7 +864,7 @@ function defaultDelay(ms) {
 }
 var requestRetryMiddleware = createRequestRetryMiddleware();
 
-// src/shared/api/middleware/session-renewal.ts
+// src/universal/api/middleware/session-renewal.ts
 function renewSessionMiddleware(fetchAccessToken) {
   return async ({ request, response, retry }) => {
     if (response.status !== 401) {
@@ -884,7 +889,7 @@ function renewSessionMiddleware(fetchAccessToken) {
   };
 }
 
-// src/shared/api/authenticated-api-client.ts
+// src/universal/api/authenticated-api-client.ts
 var AuthenticatedApiClient = class {
   constructor(config, fetchAccessToken, additionalBeforeRequest = [], logger = null) {
     this.httpClient = new HttpClient(
@@ -928,13 +933,13 @@ var ApiClient = class {
   }
 };
 
-// src/shared/types/oauth.ts
+// src/universal/types/oauth.ts
 var AuthorizationCode = (value) => value;
 var CodeVerifier = (value) => value;
 var CodeChallenge = (value) => value;
 var PKCEState = (value) => value;
 
-// src/shared/core/auth/pkce.ts
+// src/universal/core/auth/pkce.ts
 async function generatePKCEParams(config) {
   const state = generateSecureRandomBase64Url(32);
   const codeVerifier = generateSecureRandomBase64Url(32);
@@ -1039,7 +1044,7 @@ var ClientAuthNamespaceImpl = class {
   }
 };
 
-// src/client/core/blockchain/wallet-error.ts
+// src/client/core/shared/blockchain/wallet-error.ts
 var import_viem = require("viem");
 function classifyWalletError(error, ctx) {
   if (causeOf(error, import_viem.UserRejectedRequestError)) {
@@ -1068,7 +1073,7 @@ function revertReason(error) {
   return error.reason ?? error.data?.errorName ?? error.signature ?? null;
 }
 
-// src/shared/core/blockchain/erc20/abi.ts
+// src/universal/core/shared/blockchain/erc20/abi.ts
 var ERC20_ABI = [
   {
     type: "function",
@@ -1168,7 +1173,7 @@ var ERC20_ABI = [
   }
 ];
 
-// src/client/core/blockchain/erc20/approval.ts
+// src/client/core/shared/blockchain/erc20/approval.ts
 async function ensureErc20Allowance({
   erc20,
   chain,
@@ -1266,7 +1271,7 @@ async function submitErc20Approval(args) {
   return { type: "ok", txHash: hash };
 }
 
-// src/shared/api/pagination.ts
+// src/universal/api/pagination.ts
 async function fetchAllPages(fetchPage, baseParams) {
   const items = [];
   let cursor = null;
@@ -1282,7 +1287,44 @@ async function fetchAllPages(fetchPage, baseParams) {
   return items;
 }
 
-// src/shared/types/blockchain/core.ts
+// src/universal/types/pagination.ts
+var Cursor = (value) => value;
+var PaginatedResponse = {
+  fromDto: (dto, itemMapper) => ({
+    data: dto.data.map(itemMapper),
+    startingAfter: dto.starting_after ? Cursor(dto.starting_after) : null,
+    startingBefore: dto.starting_before ? Cursor(dto.starting_before) : null
+  })
+};
+var PaginationParams = {
+  toQueryParams: (params) => {
+    const queryParams = {};
+    if (params.after) {
+      queryParams.starting_after = params.after;
+    }
+    if (params.before) {
+      queryParams.starting_before = params.before;
+    }
+    if (params.limit) {
+      queryParams.limit = params.limit;
+    }
+    return queryParams;
+  }
+};
+
+// src/universal/types/asset.ts
+var AssetId = (value) => value;
+var AssetCode = (value) => value;
+var Asset = {
+  fromDto: (dto) => ({
+    id: AssetId(dto.id),
+    code: AssetCode(dto.code),
+    name: dto.name,
+    fractionalDigits: dto.fractional_digits
+  })
+};
+
+// src/universal/types/blockchain/core.ts
 var ETHEREUM_CHAINS = {
   ethereum_mainnet: true,
   ethereum_sepolia: true,
@@ -1299,8 +1341,9 @@ var SOLANA_CHAINS = {
   solana_mainnet: true,
   solana_devnet: true
 };
+var isChain = (value) => Object.keys(ETHEREUM_CHAINS).includes(value) || Object.keys(SOLANA_CHAINS).includes(value);
 var Chain = (value) => {
-  if (!Object.keys(ETHEREUM_CHAINS).includes(value) && !Object.keys(SOLANA_CHAINS).includes(value)) {
+  if (!isChain(value)) {
     throw new ValidationError(`Unsupported chain: "${value}"`);
   }
   return value;
@@ -1371,256 +1414,418 @@ var AssetSymbol = (value) => value;
 var StablecoinSymbol = (value) => value;
 var Bps = (value) => value;
 
-// src/shared/core/blockchain/bps.ts
-var BPS_DENOM = Bps(10000n);
-function applyBps(amount, bps) {
-  return assertUint256(amount * bps / BPS_DENOM);
-}
+// src/universal/types/offer.ts
+var OfferId = (value) => value;
+var OfferSlug = (value) => value;
+var Offer = {
+  fromDto: (dto) => {
+    if (!Array.isArray(dto.tokens)) {
+      throw new ValidationError(
+        `Offer.tokens: expected an array, got ${typeof dto.tokens}`
+      );
+    }
+    return {
+      id: OfferId(dto.id),
+      slug: OfferSlug(dto.slug),
+      type: dto.type,
+      tagline: dto.tagline,
+      bannerUrl: dto.banner_url,
+      logoUrl: dto.logo_url,
+      startsAt: new Date(dto.starts_at),
+      endsAt: dto.ends_at ? new Date(dto.ends_at) : null,
+      tokens: OfferToken.listFromDto(dto.tokens)
+    };
+  }
+};
+var OfferToken = {
+  fromDto: (dto) => ({
+    role: dto.role,
+    chain: Chain(dto.chain),
+    address: EvmContractAddress(dto.address)
+  }),
+  /**
+   * Maps an offer's token list, dropping every token on a chain this SDK does
+   * not name. Frontline's chain registry runs ahead of {@link Chain}, and a
+   * plain `.map` would throw out of `Offer.fromDto` and, through
+   * `PaginatedResponse.fromDto`, reject the whole offers page - which is how
+   * one Base token blanked production's offers list. Dropping costs that
+   * token's metadata alone: `coinlist.tokens.get` takes an `EthereumChain`,
+   * so nobody could have looked it up anyway.
+   *
+   * Same shape as `TokenMetadata.fromRegistryDto`.
+   */
+  listFromDto: (dtos) => dtos.filter((dto) => isChain(dto.chain)).map(OfferToken.fromDto)
+};
 
-// src/shared/types/blockchain/ui.ts
-var FormattedAmountUi = (value) => value;
-var FormattedPercentUi = (value) => value;
-var TxExplorerUrl = (value) => value;
-var ShortenedWalletAddress = (value) => value;
-var FormattedAmountAssetUi = (value) => value;
-var AssetIconUrl = (value) => value;
+// src/universal/types/trading.ts
+var Ticker = (value) => value;
+var Isin = (value) => value;
 
-// src/shared/core/blockchain/chain.ts
-var CHAIN_IDS = {
-  ethereum_mainnet: 1,
-  ethereum_sepolia: 11155111,
-  base_mainnet: 8453,
-  base_sepolia: 84532
+// src/universal/types/offer-detail.ts
+var OfferOptionId = (value) => value;
+var OfferOptionSlug = (value) => value;
+var OfferSwapContract = {
+  fromDto: (dto) => ({
+    chain: Chain(dto.chain),
+    address: EvmContractAddress(dto.address)
+  })
 };
-function chainFromId(chainId) {
-  const chains = Object.keys(CHAIN_IDS);
-  const chain = chains.find((c) => String(CHAIN_IDS[c]) === chainId);
-  if (!chain) {
-    throw new ValidationError(`Unsupported EIP-155 chain id: "${chainId}"`);
-  }
-  return chain;
-}
-function getNetworkName(chain) {
-  switch (chain) {
-    case "ethereum_mainnet":
-      return "Ethereum";
-    case "ethereum_sepolia":
-      return "Ethereum Sepolia";
-    case "base_mainnet":
-      return "Base";
-    case "base_sepolia":
-      return "Base Sepolia";
-    default: {
-      const _exhaustive = chain;
-      return _exhaustive;
+var OfferDetail = {
+  fromDto: (dto) => {
+    if (!Array.isArray(dto.funding_assets)) {
+      throw new ValidationError(
+        `OfferDetail.funding_assets: expected an array, got ${typeof dto.funding_assets}`
+      );
     }
-  }
-}
-function txExplorerUrl(chain, txHash) {
-  return TxExplorerUrl(`${explorerBaseUrl(chain)}/tx/${txHash}`);
-}
-function explorerBaseUrl(chain) {
-  switch (chain) {
-    case "ethereum_mainnet":
-      return "https://etherscan.io";
-    case "ethereum_sepolia":
-      return "https://sepolia.etherscan.io";
-    case "base_mainnet":
-      return "https://basescan.org";
-    case "base_sepolia":
-      return "https://sepolia-explorer.base.org";
-    default: {
-      const _exhaustive = chain;
-      return _exhaustive;
+    if (!Array.isArray(dto.options)) {
+      throw new ValidationError(
+        `OfferDetail.options: expected an array, got ${typeof dto.options}`
+      );
+    }
+    if (!Array.isArray(dto.terms)) {
+      throw new ValidationError(
+        `OfferDetail.terms: expected an array, got ${typeof dto.terms}`
+      );
+    }
+    if (!Array.isArray(dto.links)) {
+      throw new ValidationError(
+        `OfferDetail.links: expected an array, got ${typeof dto.links}`
+      );
+    }
+    if (!Array.isArray(dto.faqs)) {
+      throw new ValidationError(
+        `OfferDetail.faqs: expected an array, got ${typeof dto.faqs}`
+      );
+    }
+    if (!Array.isArray(dto.milestones)) {
+      throw new ValidationError(
+        `OfferDetail.milestones: expected an array, got ${typeof dto.milestones}`
+      );
+    }
+    if (!Array.isArray(dto.tokens)) {
+      throw new ValidationError(
+        `OfferDetail.tokens: expected an array, got ${typeof dto.tokens}`
+      );
+    }
+    const swapContracts = dto.swap_contracts === void 0 ? [] : dto.swap_contracts;
+    if (!Array.isArray(swapContracts)) {
+      throw new ValidationError(
+        `OfferDetail.swap_contracts: expected an array, got ${typeof swapContracts}`
+      );
     }
+    const isin = notBlankStringOrNull(dto.isin);
+    const ticker = notBlankStringOrNull(dto.ticker);
+    return {
+      id: OfferId(dto.id),
+      slug: OfferSlug(dto.slug),
+      type: dto.type,
+      name: dto.name,
+      asset: Asset.fromDto(dto.asset),
+      fundingAssets: dto.funding_assets.map(Asset.fromDto),
+      tokens: OfferToken.listFromDto(dto.tokens),
+      swapContracts: swapContracts.map(OfferSwapContract.fromDto),
+      about: notBlankStringOrNull(dto.about),
+      tagline: dto.tagline,
+      bannerUrl: dto.banner_url,
+      logoUrl: dto.logo_url,
+      category: dto.category,
+      issuer: notBlankStringOrNull(dto.issuer),
+      isin: isin === null ? null : Isin(isin),
+      ticker: ticker === null ? null : Ticker(ticker),
+      instrumentType: notBlankStringOrNull(dto.instrument_type),
+      listingVenue: notBlankStringOrNull(dto.listing_venue),
+      startsAt: new Date(dto.starts_at),
+      endsAt: dto.ends_at ? new Date(dto.ends_at) : null,
+      faqs: dto.faqs.map(FaqItem.fromDto),
+      links: dto.links.map(Link.fromDto),
+      milestones: dto.milestones.map(Milestone.fromDto),
+      options: dto.options.map(OfferOption.fromDto),
+      terms: dto.terms.map(TermItem.fromDto)
+    };
   }
-}
-
-// src/shared/types/providers/superstate/swap.ts
-var SwapAuthorization = {
+};
+var OfferOption = {
   fromDto: (dto) => ({
-    authorized: dto.authorized
+    id: OfferOptionId(dto.id),
+    slug: OfferOptionSlug(dto.slug),
+    bidIncrement: dto.bid_increment,
+    floorPriceUsd: dto.floor_price_usd,
+    minimumPurchaseUsd: dto.minimum_purchase_usd,
+    priceUsd: dto.price_usd,
+    saleAgreementUrl: notBlankStringOrNull(dto.sale_agreement_url),
+    totalTokenSupply: dto.total_token_supply
   })
 };
-var SwapPreview = {
+var FaqItem = {
   fromDto: (dto) => ({
-    inputAmount: parseUint256(
-      BigInt(dto.pay_input_amount),
-      "SwapPreview.pay_input_amount"
-    ),
-    fee: parseUint256(BigInt(dto.fee), "SwapPreview.fee"),
-    outputAmount: parseUint256(
-      BigInt(dto.receive_output_amount),
-      "SwapPreview.receive_output_amount"
-    )
+    question: notBlankStringOrNull(dto.question),
+    answer: notBlankStringOrNull(dto.answer)
   })
 };
-var SwapStatus = {
+var Link = {
   fromDto: (dto) => ({
-    stopped: parseUint256(BigInt(dto.stopped), "SwapStatus.stopped"),
-    swapLevel: parseUint256(BigInt(dto.swap_level), "SwapStatus.swap_level")
+    label: notBlankStringOrNull(dto.label),
+    url: notBlankStringOrNull(dto.url)
   })
 };
-var TokenAllowance = {
+var TermItem = {
   fromDto: (dto) => ({
-    allowance: parseUint256(BigInt(dto.allowance), "TokenAllowance.allowance")
+    key: notBlankStringOrNull(dto.key),
+    value: notBlankStringOrNull(dto.value)
   })
 };
-var TokenBalance = {
+var Milestone = {
   fromDto: (dto) => ({
-    balance: parseUint256(BigInt(dto.balance), "TokenBalance.balance")
+    name: notBlankStringOrNull(dto.name),
+    schedule: notBlankStringOrNull(dto.schedule),
+    status: dto.status
   })
 };
-var AllowWalletResponse = {
-  fromDto: (dto) => {
-    switch (dto.action) {
-      case "broadcast_transaction":
-        return {
-          action: "broadcast_transaction",
-          to: EvmContractAddress(dto.to),
-          data: HexEncodedTransactionData(dto.data)
-        };
-      case "none":
-        return {
-          action: "none",
-          alreadyAllowed: dto.already_allowed
-        };
-      default: {
-        const _exhaustive = dto;
-        return _exhaustive;
-      }
-    }
-  }
-};
 
-// src/shared/api/frontline/providers/superstate/swap.ts
-async function getSwapAuthorization(api, params) {
-  const dto = await api.send({
-    method: "GET",
-    url: "/v1/wallet/authorized",
-    queryParams: {
-      chain: params.chain,
-      contract_address: params.contractAddress,
-      wallet_address: params.walletAddress
-    },
-    attributes: Attributes.protected()
-  });
-  return SwapAuthorization.fromDto(dto);
-}
-async function getSwapOutputToken(api, params) {
-  const dto = await api.send({
-    method: "GET",
-    url: "/v1/swap/output-token",
-    queryParams: {
-      chain: params.chain,
-      contract_address: params.contractAddress
-    },
-    attributes: Attributes.protected()
-  });
-  return toErc20Asset(dto);
-}
-async function getSwapPreview(api, params) {
-  const dto = await api.send({
-    method: "GET",
-    url: "/v1/swap/preview",
-    queryParams: {
-      chain: params.chain,
-      contract_address: params.contractAddress,
-      input_token: params.inputToken,
-      amount: params.amount.toString()
-    },
-    attributes: Attributes.protected()
-  });
-  return SwapPreview.fromDto(dto);
-}
-async function getSwapStatus(api, params) {
-  const dto = await api.send({
-    method: "GET",
-    url: "/v1/swap/status",
-    queryParams: {
-      chain: params.chain,
-      contract_address: params.contractAddress
-    },
-    attributes: Attributes.protected()
-  });
-  return SwapStatus.fromDto(dto);
+// src/universal/types/providers/coin-list/token-sale.ts
+var ParticipationId = (value) => value;
+var Blockchain = (value) => value;
+var WalletAddress = (value) => value;
+var ParticipationsPaginationParams = {
+  toQueryParams: (params) => {
+    const queryParams = PaginationParams.toQueryParams(params);
+    if (params.offerId) {
+      queryParams["filters[0][field]"] = "offer_id";
+      queryParams["filters[0][op]"] = "==";
+      queryParams["filters[0][value]"] = params.offerId;
+    }
+    return queryParams;
+  }
+};
+var Participation = {
+  /** Maps API DTO shape into the SDK participation domain model. */
+  fromDto: (dto) => {
+    const walletAddress = notBlankStringOrNull(dto.wallet_address);
+    return {
+      id: ParticipationId(dto.id),
+      offerId: OfferId(dto.offer_id),
+      offerOptionId: OfferOptionId(dto.offer_option_id),
+      status: dto.status,
+      amount: dto.amount,
+      displayAmount: dto.amount_string,
+      asset: Asset.fromDto(dto.asset),
+      chain: Blockchain(dto.chain),
+      insertedAt: dto.inserted_at ? new Date(dto.inserted_at) : null,
+      updatedAt: dto.updated_at ? new Date(dto.updated_at) : null,
+      walletAddress: walletAddress ? WalletAddress(walletAddress) : null
+    };
+  }
+};
+var CreateParticipationParams = {
+  /** Maps participation creation params into API DTO payload. */
+  toDto: (params) => ({
+    offer_id: params.offerId,
+    offer_option_id: params.offerOptionId,
+    chain: params.chain,
+    wallet_address: params.walletAddress,
+    amount: params.amount,
+    asset_id: params.assetId,
+    approval_transaction_hash: params.approvalTransactionHash
+  })
+};
+
+// src/universal/api/frontline/providers/coin-list/token-sale.ts
+async function fetchParticipations(api, offerId) {
+  return fetchAllPages(
+    (params) => fetchParticipationsPage(api, params),
+    { offerId }
+  );
 }
-async function getTokenAllowance(api, params) {
-  const dto = await api.send({
+async function fetchParticipationsPage(api, params) {
+  const pageDto = await api.send({
     method: "GET",
-    url: "/v1/token/allowance",
-    queryParams: {
-      chain: params.chain,
-      token_address: params.tokenAddress,
-      owner: params.owner,
-      spender: params.spender
-    },
+    url: "/v1/participations",
+    queryParams: ParticipationsPaginationParams.toQueryParams(params),
     attributes: Attributes.protected()
   });
-  return TokenAllowance.fromDto(dto);
+  return PaginatedResponse.fromDto(pageDto, Participation.fromDto);
 }
-async function getTokenBalance(api, params) {
+async function fetchParticipation(api, id) {
   const dto = await api.send({
     method: "GET",
-    url: "/v1/token/balance",
-    queryParams: {
-      chain: params.chain,
-      token_address: params.tokenAddress,
-      owner: params.owner
-    },
+    url: `/v1/participations/${id}`,
     attributes: Attributes.protected()
   });
-  return TokenBalance.fromDto(dto);
+  return Participation.fromDto(dto);
 }
-async function allowWallet(api, params) {
+async function createParticipation(api, params) {
   const dto = await api.send({
     method: "POST",
-    url: `/v1/offers/${encodeURIComponent(params.offerId)}/allow-wallet`,
-    body: {
-      wallet_address: params.walletAddress,
-      chain: params.chain,
-      signature: params.signature
-    },
+    url: "/v1/participations",
+    body: CreateParticipationParams.toDto(params),
     attributes: Attributes.protected()
   });
-  return AllowWalletResponse.fromDto(dto);
-}
-function toErc20Asset(dto) {
-  return {
-    name: dto.name,
-    symbol: AssetSymbol(dto.symbol),
-    decimals: AssetDecimals(dto.decimals)
-  };
+  return Participation.fromDto(dto);
 }
 
-// src/shared/core/blockchain/erc20/erc20-namespace.ts
-var Erc20NamespaceImpl = class {
+// src/universal/core/checkout/coin-list/token-sale-namespace.ts
+var CoinListTokenSaleNamespaceImpl = class {
   constructor(ctx) {
     this.ctx = ctx;
-    this.log = internalLogger(ctx.logger, "ERC20");
+    this.log = internalLogger(ctx.logger, "TOKEN_SALE");
   }
-  async getAllowance(params) {
-    return this.log.wrap("getAllowance", params, async () => {
+  async list(offerId) {
+    return this.log.wrap("list", offerId, async () => {
       await this.ctx.ensureUserAuthenticated();
-      return getTokenAllowance(this.ctx.api, params);
+      return fetchParticipations(this.ctx.api, offerId);
     });
   }
-  async getBalance(params) {
-    return this.log.wrap("getBalance", params, async () => {
+  async listPage(params) {
+    return this.log.wrap("listPage", params, async () => {
       await this.ctx.ensureUserAuthenticated();
-      return getTokenBalance(this.ctx.api, params);
+      return fetchParticipationsPage(this.ctx.api, params);
+    });
+  }
+  async get(id) {
+    return this.log.wrap("get", id, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return fetchParticipation(this.ctx.api, id);
+    });
+  }
+  async createParticipation(params) {
+    return this.log.wrap("createParticipation", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return createParticipation(this.ctx.api, params);
     });
   }
 };
 
-// src/shared/core/blockchain/formatters.ts
-var import_viem2 = require("viem");
-function shortenAddress(address) {
-  const short = address.length > 10 ? `${address.slice(0, 6)}\u2026${address.slice(-4)}` : address;
-  return ShortenedWalletAddress(short);
+// src/universal/core/shared/blockchain/token-registry.ts
+var USDC_SYMBOL = StablecoinSymbol("USDC");
+var USDC = {
+  name: "USD Coin",
+  symbol: USDC_SYMBOL,
+  decimals: AssetDecimals(6)
+};
+var USDT_SYMBOL = StablecoinSymbol("USDT");
+var USDT = {
+  name: "Tether USD",
+  symbol: USDT_SYMBOL,
+  decimals: AssetDecimals(6)
+};
+var USDC_ADDRESSES = {
+  ethereum_mainnet: EvmContractAddress(
+    "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"
+  ),
+  ethereum_sepolia: EvmContractAddress(
+    "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238"
+  ),
+  base_mainnet: EvmContractAddress(
+    "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913"
+  ),
+  base_sepolia: EvmContractAddress(
+    "0x036CbD53842c5426634e7929541eC2318f3dCF7e"
+  )
+};
+var USDT_ADDRESSES = {
+  ethereum_mainnet: EvmContractAddress(
+    "0xdac17f958d2ee523a2206206994597c13d831ec7"
+  ),
+  ethereum_sepolia: EvmContractAddress(
+    "0x7169D38820dfd117C3FA1f22a697dBA58d90BA06"
+  ),
+  base_mainnet: EvmContractAddress(
+    "0xfde4C96c8593536E31F229EA8f37b2ADa2699bb2"
+  ),
+  base_sepolia: null
+};
+var TOKEN_REGISTRY = {
+  erc20: (symbol) => {
+    switch (symbol) {
+      case "USDC":
+        return USDC;
+      case "USDT":
+        return USDT;
+      default:
+        throw new InvariantError(`Unknown asset symbol: ${symbol}`);
+    }
+  },
+  /**
+   * USDC's contract on `chain`. USDC is deployed on every chain the SDK
+   * models, so the table is total and the answer is never `null`.
+   */
+  usdcAddress: (chain) => USDC_ADDRESSES[chain],
+  /**
+   * USDT's contract on `chain`, or `null` where Tether publishes none —
+   * Base Sepolia today. The honest answer, never a fake address a balance
+   * read would call.
+   */
+  usdtAddress: (chain) => USDT_ADDRESSES[chain]
+};
+
+// src/universal/core/checkout/ondo/constants.ts
+var ONDO_POLL_INTERVAL_MS = 15e3;
+var ONDO_QUOTE_EXPIRY_THRESHOLD_MS = 5e3;
+var DEFAULT_ONDO_AMOUNT_TO_COMPUTE_PRICE = DecimalString("1000");
+var ONDO_SETTLEMENT_ASSET = USDC_SYMBOL;
+var DEFAULT_ONDO_SELL_TOKENS_TO_COMPUTE_PRICE = 1;
+var ONDO_SUPPORTED_INPUT_ASSETS = [
+  USDC_SYMBOL
+];
+
+// src/universal/core/checkout/ondo/math.ts
+function computeOndoBuyPrice(transaction) {
+  const { notionalValue, receiveOutputAmount } = transaction;
+  return pricePerShare({
+    usd: notionalValue,
+    shares: receiveOutputAmount
+  });
 }
-function formatAmount(amount, locale, options) {
-  const decimal = formatRawAmount(amount);
+function computeOndoSellPrice(transaction) {
+  const { expected, spendInputAmount } = transaction;
+  return pricePerShare({
+    usd: grossProceeds(expected),
+    shares: spendInputAmount
+  });
+}
+function grossProceeds(expected) {
+  const raw = expected.quantity.raw + expected.fee.raw;
+  if (raw > MAX_UINT_256) {
+    throw new MathError(`Ondo sell proceeds: out of uint256 bounds (${raw})`);
+  }
+  return BlockchainAmount.add(expected.quantity, expected.fee);
+}
+function pricePerShare({
+  usd,
+  shares
+}) {
+  const price = BlockchainAmount.div(usd, shares);
+  return BlockchainAmount({
+    raw: assertPriceFits(price.raw),
+    decimals: price.decimals
+  });
+}
+function assertPriceFits(raw) {
+  try {
+    return assertUint256(raw);
+  } catch {
+    throw new MathError(`Ondo price: out of uint256 bounds (${raw})`);
+  }
+}
+
+// src/universal/core/shared/blockchain/formatters.ts
+var import_viem2 = require("viem");
+
+// src/universal/types/blockchain/ui.ts
+var FormattedAmountUi = (value) => value;
+var FormattedPercentUi = (value) => value;
+var TxExplorerUrl = (value) => value;
+var ShortenedWalletAddress = (value) => value;
+var FormattedAmountAssetUi = (value) => value;
+var AssetIconUrl = (value) => value;
+
+// src/universal/core/shared/blockchain/formatters.ts
+function shortenAddress(address) {
+  const short = address.length > 10 ? `${address.slice(0, 6)}\u2026${address.slice(-4)}` : address;
+  return ShortenedWalletAddress(short);
+}
+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);
@@ -1700,474 +1905,114 @@ function formattedUsdPrice(amount, locale) {
   );
 }
 
-// src/shared/core/blockchain/math.ts
-var import_viem3 = require("viem");
-function blockchainAmountFromRawOrThrow({
-  label,
-  raw,
-  decimals
-}) {
-  const trimmed = raw.trim();
-  if (trimmed === "") {
-    throw new ValidationError(`${label}: not a uint256 integer ("${raw}")`);
-  }
-  let value;
-  try {
-    value = BigInt(trimmed);
-  } catch {
-    throw new ValidationError(`${label}: not a uint256 integer ("${raw}")`);
-  }
-  try {
-    return BlockchainAmount({ raw: assertUint256(value), decimals });
-  } catch {
-    throw new ValidationError(`${label}: out of uint256 bounds (${value})`);
-  }
-}
-function parseBlockchainAmount(amount, decimals) {
-  const trimmed = amount.trim();
-  if (trimmed === "") return { valid: false, reason: { type: "empty" } };
-  if (trimmed.startsWith("-")) {
-    return { valid: false, reason: { type: "negative" } };
-  }
-  if (/[eE]/.test(trimmed)) {
-    return { valid: false, reason: { type: "invalid-format" } };
-  }
-  if (!/^\d+(\.\d+)?$/.test(trimmed)) {
-    return { valid: false, reason: { type: "invalid-format" } };
-  }
-  const [, fraction = ""] = trimmed.split(".");
-  if (fraction.length > decimals) {
-    return {
-      valid: false,
-      reason: { type: "too-many-decimals", maxDecimals: decimals }
-    };
-  }
-  try {
-    const raw = (0, import_viem3.parseUnits)(trimmed, decimals);
-    if (raw > MAX_UINT_256) {
-      return { valid: false, reason: { type: "overflow" } };
-    }
-    return {
-      valid: true,
-      amount: BlockchainAmount({ raw, decimals })
-    };
-  } catch {
-    return { valid: false, reason: { type: "invalid-format" } };
-  }
-}
-
-// src/shared/core/blockchain/token-registry.ts
-var USDC_SYMBOL = StablecoinSymbol("USDC");
-var USDC = {
-  name: "USD Coin",
-  symbol: USDC_SYMBOL,
-  decimals: AssetDecimals(6)
-};
-var USDT_SYMBOL = StablecoinSymbol("USDT");
-var USDT = {
-  name: "Tether USD",
-  symbol: USDT_SYMBOL,
-  decimals: AssetDecimals(6)
-};
-var USDC_ADDRESSES = {
-  ethereum_mainnet: EvmContractAddress(
-    "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"
-  ),
-  ethereum_sepolia: EvmContractAddress(
-    "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238"
-  ),
-  base_mainnet: EvmContractAddress(
-    "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913"
-  ),
-  base_sepolia: EvmContractAddress(
-    "0x036CbD53842c5426634e7929541eC2318f3dCF7e"
-  )
-};
-var USDT_ADDRESSES = {
-  ethereum_mainnet: EvmContractAddress(
-    "0xdac17f958d2ee523a2206206994597c13d831ec7"
-  ),
-  ethereum_sepolia: EvmContractAddress(
-    "0x7169D38820dfd117C3FA1f22a697dBA58d90BA06"
-  ),
-  base_mainnet: EvmContractAddress(
-    "0xfde4C96c8593536E31F229EA8f37b2ADa2699bb2"
-  ),
-  base_sepolia: null
-};
-var TOKEN_REGISTRY = {
-  erc20: (symbol) => {
-    switch (symbol) {
-      case "USDC":
-        return USDC;
-      case "USDT":
-        return USDT;
-      default:
-        throw new InvariantError(`Unknown asset symbol: ${symbol}`);
-    }
-  },
-  /**
-   * USDC's contract on `chain`. USDC is deployed on every chain the SDK
-   * models, so the table is total and the answer is never `null`.
-   */
-  usdcAddress: (chain) => USDC_ADDRESSES[chain],
-  /**
-   * USDT's contract on `chain`, or `null` where Tether publishes none —
-   * Base Sepolia today. The honest answer, never a fake address a balance
-   * read would call.
-   */
-  usdtAddress: (chain) => USDT_ADDRESSES[chain]
-};
-
-// src/shared/types/pagination.ts
-var Cursor = (value) => value;
-var PaginatedResponse = {
-  fromDto: (dto, itemMapper) => ({
-    data: dto.data.map(itemMapper),
-    startingAfter: dto.starting_after ? Cursor(dto.starting_after) : null,
-    startingBefore: dto.starting_before ? Cursor(dto.starting_before) : null
-  })
-};
-var PaginationParams = {
-  toQueryParams: (params) => {
-    const queryParams = {};
-    if (params.after) {
-      queryParams.starting_after = params.after;
-    }
-    if (params.before) {
-      queryParams.starting_before = params.before;
-    }
-    if (params.limit) {
-      queryParams.limit = params.limit;
-    }
-    return queryParams;
-  }
-};
-
-// src/shared/types/asset.ts
-var AssetId = (value) => value;
-var AssetCode = (value) => value;
-var Asset = {
-  fromDto: (dto) => ({
-    id: AssetId(dto.id),
-    code: AssetCode(dto.code),
-    name: dto.name,
-    fractionalDigits: dto.fractional_digits
-  })
-};
-
-// src/shared/types/offer.ts
-var OfferId = (value) => value;
-var OfferSlug = (value) => value;
-var Offer = {
-  fromDto: (dto) => {
-    if (!Array.isArray(dto.tokens)) {
-      throw new ValidationError(
-        `Offer.tokens: expected an array, got ${typeof dto.tokens}`
-      );
-    }
-    return {
-      id: OfferId(dto.id),
-      slug: OfferSlug(dto.slug),
-      type: dto.type,
-      tagline: dto.tagline,
-      bannerUrl: dto.banner_url,
-      logoUrl: dto.logo_url,
-      startsAt: new Date(dto.starts_at),
-      endsAt: dto.ends_at ? new Date(dto.ends_at) : null,
-      tokens: dto.tokens.map(OfferToken.fromDto)
-    };
-  }
-};
-var OfferToken = {
-  fromDto: (dto) => ({
-    role: dto.role,
-    chain: Chain(dto.chain),
-    address: EvmContractAddress(dto.address)
-  })
-};
-
-// src/shared/types/offer-detail.ts
-var OfferOptionId = (value) => value;
-var OfferOptionSlug = (value) => value;
-var OfferSwapContract = {
-  fromDto: (dto) => ({
-    chain: Chain(dto.chain),
-    address: EvmContractAddress(dto.address)
-  })
-};
-var OfferDetail = {
-  fromDto: (dto) => {
-    if (!Array.isArray(dto.funding_assets)) {
-      throw new ValidationError(
-        `OfferDetail.funding_assets: expected an array, got ${typeof dto.funding_assets}`
-      );
-    }
-    if (!Array.isArray(dto.options)) {
-      throw new ValidationError(
-        `OfferDetail.options: expected an array, got ${typeof dto.options}`
-      );
-    }
-    if (!Array.isArray(dto.terms)) {
-      throw new ValidationError(
-        `OfferDetail.terms: expected an array, got ${typeof dto.terms}`
-      );
-    }
-    if (!Array.isArray(dto.links)) {
-      throw new ValidationError(
-        `OfferDetail.links: expected an array, got ${typeof dto.links}`
-      );
-    }
-    if (!Array.isArray(dto.faqs)) {
-      throw new ValidationError(
-        `OfferDetail.faqs: expected an array, got ${typeof dto.faqs}`
-      );
-    }
-    if (!Array.isArray(dto.milestones)) {
-      throw new ValidationError(
-        `OfferDetail.milestones: expected an array, got ${typeof dto.milestones}`
-      );
-    }
-    if (!Array.isArray(dto.tokens)) {
-      throw new ValidationError(
-        `OfferDetail.tokens: expected an array, got ${typeof dto.tokens}`
-      );
-    }
-    const swapContracts = dto.swap_contracts === void 0 ? [] : dto.swap_contracts;
-    if (!Array.isArray(swapContracts)) {
-      throw new ValidationError(
-        `OfferDetail.swap_contracts: expected an array, got ${typeof swapContracts}`
-      );
-    }
-    return {
-      id: OfferId(dto.id),
-      slug: OfferSlug(dto.slug),
-      type: dto.type,
-      name: dto.name,
-      asset: Asset.fromDto(dto.asset),
-      fundingAssets: dto.funding_assets.map(Asset.fromDto),
-      tokens: dto.tokens.map(OfferToken.fromDto),
-      swapContracts: swapContracts.map(OfferSwapContract.fromDto),
-      about: notBlankStringOrNull(dto.about),
-      tagline: dto.tagline,
-      bannerUrl: dto.banner_url,
-      logoUrl: dto.logo_url,
-      category: dto.category,
-      startsAt: new Date(dto.starts_at),
-      endsAt: dto.ends_at ? new Date(dto.ends_at) : null,
-      faqs: dto.faqs.map(FaqItem.fromDto),
-      links: dto.links.map(Link.fromDto),
-      milestones: dto.milestones.map(Milestone.fromDto),
-      options: dto.options.map(OfferOption.fromDto),
-      terms: dto.terms.map(TermItem.fromDto)
-    };
-  }
-};
-var OfferOption = {
-  fromDto: (dto) => ({
-    id: OfferOptionId(dto.id),
-    slug: OfferOptionSlug(dto.slug),
-    bidIncrement: dto.bid_increment,
-    floorPriceUsd: dto.floor_price_usd,
-    minimumPurchaseUsd: dto.minimum_purchase_usd,
-    priceUsd: dto.price_usd,
-    saleAgreementUrl: notBlankStringOrNull(dto.sale_agreement_url),
-    totalTokenSupply: dto.total_token_supply
-  })
-};
-var FaqItem = {
-  fromDto: (dto) => ({
-    question: notBlankStringOrNull(dto.question),
-    answer: notBlankStringOrNull(dto.answer)
-  })
-};
-var Link = {
-  fromDto: (dto) => ({
-    label: notBlankStringOrNull(dto.label),
-    url: notBlankStringOrNull(dto.url)
-  })
-};
-var TermItem = {
-  fromDto: (dto) => ({
-    key: notBlankStringOrNull(dto.key),
-    value: notBlankStringOrNull(dto.value)
-  })
-};
-var Milestone = {
-  fromDto: (dto) => ({
-    name: notBlankStringOrNull(dto.name),
-    schedule: notBlankStringOrNull(dto.schedule),
-    status: dto.status
-  })
-};
-
-// src/shared/types/providers/coin-list/token-sale.ts
-var ParticipationId = (value) => value;
-var Blockchain = (value) => value;
-var WalletAddress = (value) => value;
-var ParticipationsPaginationParams = {
-  toQueryParams: (params) => {
-    const queryParams = PaginationParams.toQueryParams(params);
-    if (params.offerId) {
-      queryParams["filters[0][field]"] = "offer_id";
-      queryParams["filters[0][op]"] = "==";
-      queryParams["filters[0][value]"] = params.offerId;
-    }
-    return queryParams;
-  }
+// src/universal/core/shared/blockchain/chain.ts
+var CHAIN_IDS = {
+  ethereum_mainnet: 1,
+  ethereum_sepolia: 11155111,
+  base_mainnet: 8453,
+  base_sepolia: 84532
 };
-var Participation = {
-  /** Maps API DTO shape into the SDK participation domain model. */
-  fromDto: (dto) => {
-    const walletAddress = notBlankStringOrNull(dto.wallet_address);
-    return {
-      id: ParticipationId(dto.id),
-      offerId: OfferId(dto.offer_id),
-      offerOptionId: OfferOptionId(dto.offer_option_id),
-      status: dto.status,
-      amount: dto.amount,
-      displayAmount: dto.amount_string,
-      asset: Asset.fromDto(dto.asset),
-      chain: Blockchain(dto.chain),
-      insertedAt: dto.inserted_at ? new Date(dto.inserted_at) : null,
-      updatedAt: dto.updated_at ? new Date(dto.updated_at) : null,
-      walletAddress: walletAddress ? WalletAddress(walletAddress) : null
-    };
+function chainFromId(chainId) {
+  const chains = Object.keys(CHAIN_IDS);
+  const chain = chains.find((c) => String(CHAIN_IDS[c]) === chainId);
+  if (!chain) {
+    throw new ValidationError(`Unsupported EIP-155 chain id: "${chainId}"`);
   }
-};
-var CreateParticipationParams = {
-  /** Maps participation creation params into API DTO payload. */
-  toDto: (params) => ({
-    offer_id: params.offerId,
-    offer_option_id: params.offerOptionId,
-    chain: params.chain,
-    wallet_address: params.walletAddress,
-    amount: params.amount,
-    asset_id: params.assetId,
-    approval_transaction_hash: params.approvalTransactionHash
-  })
-};
-
-// src/shared/api/frontline/providers/coin-list/token-sale.ts
-async function fetchParticipations(api, offerId) {
-  return fetchAllPages(
-    (params) => fetchParticipationsPage(api, params),
-    { offerId }
-  );
+  return chain;
 }
-async function fetchParticipationsPage(api, params) {
-  const pageDto = await api.send({
-    method: "GET",
-    url: "/v1/participations",
-    queryParams: ParticipationsPaginationParams.toQueryParams(params),
-    attributes: Attributes.protected()
-  });
-  return PaginatedResponse.fromDto(pageDto, Participation.fromDto);
+function getNetworkName(chain) {
+  switch (chain) {
+    case "ethereum_mainnet":
+      return "Ethereum";
+    case "ethereum_sepolia":
+      return "Ethereum Sepolia";
+    case "base_mainnet":
+      return "Base";
+    case "base_sepolia":
+      return "Base Sepolia";
+    default: {
+      const _exhaustive = chain;
+      return _exhaustive;
+    }
+  }
 }
-async function fetchParticipation(api, id) {
-  const dto = await api.send({
-    method: "GET",
-    url: `/v1/participations/${id}`,
-    attributes: Attributes.protected()
-  });
-  return Participation.fromDto(dto);
+function txExplorerUrl(chain, txHash) {
+  return TxExplorerUrl(`${explorerBaseUrl(chain)}/tx/${txHash}`);
 }
-async function createParticipation(api, params) {
-  const dto = await api.send({
-    method: "POST",
-    url: "/v1/participations",
-    body: CreateParticipationParams.toDto(params),
-    attributes: Attributes.protected()
-  });
-  return Participation.fromDto(dto);
+function explorerBaseUrl(chain) {
+  switch (chain) {
+    case "ethereum_mainnet":
+      return "https://etherscan.io";
+    case "ethereum_sepolia":
+      return "https://sepolia.etherscan.io";
+    case "base_mainnet":
+      return "https://basescan.org";
+    case "base_sepolia":
+      return "https://sepolia-explorer.base.org";
+    default: {
+      const _exhaustive = chain;
+      return _exhaustive;
+    }
+  }
 }
 
-// src/shared/core/checkout/coin-list/token-sale-namespace.ts
-var CoinListTokenSaleNamespaceImpl = class {
-  constructor(ctx) {
-    this.ctx = ctx;
-    this.log = internalLogger(ctx.logger, "TOKEN_SALE");
+// src/universal/core/shared/blockchain/math.ts
+var import_viem3 = require("viem");
+function blockchainAmountFromRawOrThrow({
+  label,
+  raw,
+  decimals
+}) {
+  const trimmed = raw.trim();
+  if (trimmed === "") {
+    throw new ValidationError(`${label}: not a uint256 integer ("${raw}")`);
   }
-  async list(offerId) {
-    return this.log.wrap("list", offerId, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return fetchParticipations(this.ctx.api, offerId);
-    });
+  let value;
+  try {
+    value = BigInt(trimmed);
+  } catch {
+    throw new ValidationError(`${label}: not a uint256 integer ("${raw}")`);
   }
-  async listPage(params) {
-    return this.log.wrap("listPage", params, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return fetchParticipationsPage(this.ctx.api, params);
-    });
+  try {
+    return BlockchainAmount({ raw: assertUint256(value), decimals });
+  } catch {
+    throw new ValidationError(`${label}: out of uint256 bounds (${value})`);
   }
-  async get(id) {
-    return this.log.wrap("get", id, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return fetchParticipation(this.ctx.api, id);
-    });
+}
+function parseBlockchainAmount(amount, decimals) {
+  const trimmed = amount.trim();
+  if (trimmed === "") return { valid: false, reason: { type: "empty" } };
+  if (trimmed.startsWith("-")) {
+    return { valid: false, reason: { type: "negative" } };
   }
-  async createParticipation(params) {
-    return this.log.wrap("createParticipation", params, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return createParticipation(this.ctx.api, params);
-    });
+  if (/[eE]/.test(trimmed)) {
+    return { valid: false, reason: { type: "invalid-format" } };
   }
-};
-
-// src/shared/core/checkout/ondo/constants.ts
-var ONDO_POLL_INTERVAL_MS = 15e3;
-var ONDO_QUOTE_EXPIRY_THRESHOLD_MS = 5e3;
-var DEFAULT_ONDO_AMOUNT_TO_COMPUTE_PRICE = DecimalString("1000");
-var ONDO_SETTLEMENT_ASSET = USDC_SYMBOL;
-var DEFAULT_ONDO_SELL_TOKENS_TO_COMPUTE_PRICE = 1;
-var ONDO_SUPPORTED_INPUT_ASSETS = [
-  USDC_SYMBOL
-];
-
-// src/shared/core/checkout/ondo/math.ts
-function computeOndoBuyPrice(transaction) {
-  const { notionalValue, receiveOutputAmount } = transaction;
-  return pricePerShare({
-    usd: notionalValue,
-    shares: receiveOutputAmount
-  });
-}
-function computeOndoSellPrice(transaction) {
-  const { expected, spendInputAmount } = transaction;
-  return pricePerShare({
-    usd: grossProceeds(expected),
-    shares: spendInputAmount
-  });
-}
-function grossProceeds(expected) {
-  const raw = expected.quantity.raw + expected.fee.raw;
-  if (raw > MAX_UINT_256) {
-    throw new MathError(`Ondo sell proceeds: out of uint256 bounds (${raw})`);
+  if (!/^\d+(\.\d+)?$/.test(trimmed)) {
+    return { valid: false, reason: { type: "invalid-format" } };
+  }
+  const [, fraction = ""] = trimmed.split(".");
+  if (fraction.length > decimals) {
+    return {
+      valid: false,
+      reason: { type: "too-many-decimals", maxDecimals: decimals }
+    };
   }
-  return BlockchainAmount.add(expected.quantity, expected.fee);
-}
-function pricePerShare({
-  usd,
-  shares
-}) {
-  const price = BlockchainAmount.div(usd, shares);
-  return BlockchainAmount({
-    raw: assertPriceFits(price.raw),
-    decimals: price.decimals
-  });
-}
-function assertPriceFits(raw) {
   try {
-    return assertUint256(raw);
+    const raw = (0, import_viem3.parseUnits)(trimmed, decimals);
+    if (raw > MAX_UINT_256) {
+      return { valid: false, reason: { type: "overflow" } };
+    }
+    return {
+      valid: true,
+      amount: BlockchainAmount({ raw, decimals })
+    };
   } catch {
-    throw new MathError(`Ondo price: out of uint256 bounds (${raw})`);
+    return { valid: false, reason: { type: "invalid-format" } };
   }
 }
 
-// src/shared/types/trading.ts
-var Ticker = (value) => value;
-
-// src/shared/types/providers/ondo/ondo.ts
+// src/universal/types/providers/ondo/ondo.ts
 var OndoTradingStatus = {
   fromDto: (dto) => {
     if (!dto.tradable) return { type: "not-tradable", side: dto.side };
@@ -2333,7 +2178,7 @@ function parseExpiresAt(value) {
   return date;
 }
 
-// src/shared/api/frontline/providers/ondo/ondo.ts
+// src/universal/api/frontline/providers/ondo/ondo.ts
 async function getOndoTradingStatus(api, params) {
   const dto = await api.send({
     method: "GET",
@@ -2428,7 +2273,7 @@ function sizeParam(params) {
   return { notional_value: notionalValue };
 }
 
-// src/shared/core/checkout/ondo/ondo-namespace.ts
+// src/universal/core/checkout/ondo/ondo-namespace.ts
 var OndoNamespaceImpl = class {
   constructor(ctx) {
     this.ctx = ctx;
@@ -2460,7 +2305,7 @@ var OndoNamespaceImpl = class {
   }
 };
 
-// src/shared/core/checkout/superstate/blockchain/abi.ts
+// src/universal/core/checkout/superstate/blockchain/abi.ts
 var SUPERSTATE_SWAP_ABI = [
   {
     type: "function",
@@ -2682,7 +2527,13 @@ var SUPERSTATE_SWAP_ABI = [
   }
 ];
 
-// src/shared/core/checkout/superstate/blockchain/math.ts
+// src/universal/core/shared/blockchain/bps.ts
+var BPS_DENOM = Bps(10000n);
+function applyBps(amount, bps) {
+  return assertUint256(amount * bps / BPS_DENOM);
+}
+
+// src/universal/core/checkout/superstate/blockchain/math.ts
 function computePrice({
   inputTokenAmount,
   outputTokenAmount
@@ -2700,7 +2551,7 @@ function computeSlip(amount, slippage) {
   return BlockchainAmount({ raw: slipRaw, decimals: amount.decimals });
 }
 
-// src/shared/core/checkout/superstate/blockchain/quote.ts
+// src/universal/core/checkout/superstate/blockchain/quote.ts
 var SwapQuote = {
   /**
    * Assembles a {@link SwapQuote} from a raw contract {@link SwapPreview}. The
@@ -2720,53 +2571,210 @@ var SwapQuote = {
   })
 };
 
-// src/shared/core/checkout/superstate/blockchain/status.ts
-function isStopped(status) {
-  return (status.stopped & status.swapLevel) !== 0n;
+// src/universal/core/checkout/superstate/blockchain/status.ts
+function isStopped(status) {
+  return (status.stopped & status.swapLevel) !== 0n;
+}
+
+// src/universal/core/checkout/superstate/blockchain/swapped-event.ts
+var import_viem4 = require("viem");
+function decodeSwappedOutputAmount(receipt, outputDecimals) {
+  try {
+    const [swapped] = (0, import_viem4.parseEventLogs)({
+      abi: SUPERSTATE_SWAP_ABI,
+      eventName: "Swapped",
+      logs: receipt.logs
+    });
+    if (!swapped) return null;
+    const raw = swapped.args.outputAmount;
+    if (raw < 0n || raw > MAX_UINT_256) return null;
+    return BlockchainAmount({ raw, decimals: outputDecimals });
+  } catch {
+    return null;
+  }
+}
+
+// src/universal/core/checkout/superstate/constants.ts
+var SUPERSTATE_ISSUER_NAME = "Superstate";
+var SUPERSTATE_SUPPORTED_INPUT_ASSETS = [USDC_SYMBOL];
+var SWAP_POLL_INTERVAL_MS = 15e3;
+var DEFAULT_AMOUNT_TO_COMPUTE_PRICE = 1000000n;
+var SLIPPAGE_OPTIONS_BPS = [25n, 50n, 100n, 200n, 500n].map(
+  (n) => Bps(n)
+);
+var DEFAULT_SLIPPAGE_BPS = Bps(50n);
+var SUPERSTATE_SWAP_CONTRACT_ADDRESS_SEPOLIA = EvmContractAddress("0x84f8e9a6C9Cc12fe911259372EfCa5582C4ae557");
+var SUPERSTATE_SWAP_CONTRACT_ADDRESSES = {
+  ethereum_sepolia: SUPERSTATE_SWAP_CONTRACT_ADDRESS_SEPOLIA
+};
+function superstateSwapContractAddress(chain) {
+  return SUPERSTATE_SWAP_CONTRACT_ADDRESSES[chain] ?? null;
+}
+
+// src/universal/core/checkout/superstate/formatters.ts
+function formattedPricePerShare(quote, locale) {
+  if (!quote) return NA_AMOUNT_ASSET_UI;
+  return formattedUsdPrice(computePrice(quote), locale);
+}
+
+// src/universal/types/providers/superstate/swap.ts
+var SwapAuthorization = {
+  fromDto: (dto) => ({
+    authorized: dto.authorized
+  })
+};
+var SwapPreview = {
+  fromDto: (dto) => ({
+    inputAmount: parseUint256(
+      BigInt(dto.pay_input_amount),
+      "SwapPreview.pay_input_amount"
+    ),
+    fee: parseUint256(BigInt(dto.fee), "SwapPreview.fee"),
+    outputAmount: parseUint256(
+      BigInt(dto.receive_output_amount),
+      "SwapPreview.receive_output_amount"
+    )
+  })
+};
+var SwapStatus = {
+  fromDto: (dto) => ({
+    stopped: parseUint256(BigInt(dto.stopped), "SwapStatus.stopped"),
+    swapLevel: parseUint256(BigInt(dto.swap_level), "SwapStatus.swap_level")
+  })
+};
+var TokenAllowance = {
+  fromDto: (dto) => ({
+    allowance: parseUint256(BigInt(dto.allowance), "TokenAllowance.allowance")
+  })
+};
+var TokenBalance = {
+  fromDto: (dto) => ({
+    balance: parseUint256(BigInt(dto.balance), "TokenBalance.balance")
+  })
+};
+var AllowWalletResponse = {
+  fromDto: (dto) => {
+    switch (dto.action) {
+      case "broadcast_transaction":
+        return {
+          action: "broadcast_transaction",
+          to: EvmContractAddress(dto.to),
+          data: HexEncodedTransactionData(dto.data)
+        };
+      case "none":
+        return {
+          action: "none",
+          alreadyAllowed: dto.already_allowed
+        };
+      default: {
+        const _exhaustive = dto;
+        return _exhaustive;
+      }
+    }
+  }
+};
+
+// src/universal/api/frontline/providers/superstate/swap.ts
+async function getSwapAuthorization(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/wallet/authorized",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress,
+      wallet_address: params.walletAddress
+    },
+    attributes: Attributes.protected()
+  });
+  return SwapAuthorization.fromDto(dto);
 }
-
-// src/shared/core/checkout/superstate/blockchain/swapped-event.ts
-var import_viem4 = require("viem");
-function decodeSwappedOutputAmount(receipt, outputDecimals) {
-  try {
-    const [swapped] = (0, import_viem4.parseEventLogs)({
-      abi: SUPERSTATE_SWAP_ABI,
-      eventName: "Swapped",
-      logs: receipt.logs
-    });
-    if (!swapped) return null;
-    const raw = swapped.args.outputAmount;
-    if (raw < 0n || raw > MAX_UINT_256) return null;
-    return BlockchainAmount({ raw, decimals: outputDecimals });
-  } catch {
-    return null;
-  }
+async function getSwapOutputToken(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/swap/output-token",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress
+    },
+    attributes: Attributes.protected()
+  });
+  return toErc20Asset(dto);
 }
-
-// src/shared/core/checkout/superstate/constants.ts
-var SUPERSTATE_ISSUER_NAME = "Superstate";
-var SUPERSTATE_SUPPORTED_INPUT_ASSETS = [USDC_SYMBOL];
-var SWAP_POLL_INTERVAL_MS = 15e3;
-var DEFAULT_AMOUNT_TO_COMPUTE_PRICE = 1000000n;
-var SLIPPAGE_OPTIONS_BPS = [25n, 50n, 100n, 200n, 500n].map(
-  (n) => Bps(n)
-);
-var DEFAULT_SLIPPAGE_BPS = Bps(50n);
-var SUPERSTATE_SWAP_CONTRACT_ADDRESS_SEPOLIA = EvmContractAddress("0x84f8e9a6C9Cc12fe911259372EfCa5582C4ae557");
-var SUPERSTATE_SWAP_CONTRACT_ADDRESSES = {
-  ethereum_sepolia: SUPERSTATE_SWAP_CONTRACT_ADDRESS_SEPOLIA
-};
-function superstateSwapContractAddress(chain) {
-  return SUPERSTATE_SWAP_CONTRACT_ADDRESSES[chain] ?? null;
+async function getSwapPreview(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/swap/preview",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress,
+      input_token: params.inputToken,
+      amount: params.amount.toString()
+    },
+    attributes: Attributes.protected()
+  });
+  return SwapPreview.fromDto(dto);
 }
-
-// src/shared/core/checkout/superstate/formatters.ts
-function formattedPricePerShare(quote, locale) {
-  if (!quote) return NA_AMOUNT_ASSET_UI;
-  return formattedUsdPrice(computePrice(quote), locale);
+async function getSwapStatus(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/swap/status",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress
+    },
+    attributes: Attributes.protected()
+  });
+  return SwapStatus.fromDto(dto);
+}
+async function getTokenAllowance(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/token/allowance",
+    queryParams: {
+      chain: params.chain,
+      token_address: params.tokenAddress,
+      owner: params.owner,
+      spender: params.spender
+    },
+    attributes: Attributes.protected()
+  });
+  return TokenAllowance.fromDto(dto);
+}
+async function getTokenBalance(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/token/balance",
+    queryParams: {
+      chain: params.chain,
+      token_address: params.tokenAddress,
+      owner: params.owner
+    },
+    attributes: Attributes.protected()
+  });
+  return TokenBalance.fromDto(dto);
+}
+async function allowWallet(api, params) {
+  const dto = await api.send({
+    method: "POST",
+    url: `/v1/offers/${encodeURIComponent(params.offerId)}/allow-wallet`,
+    body: {
+      wallet_address: params.walletAddress,
+      chain: params.chain,
+      signature: params.signature
+    },
+    attributes: Attributes.protected()
+  });
+  return AllowWalletResponse.fromDto(dto);
+}
+function toErc20Asset(dto) {
+  return {
+    name: dto.name,
+    symbol: AssetSymbol(dto.symbol),
+    decimals: AssetDecimals(dto.decimals)
+  };
 }
 
-// src/shared/core/checkout/superstate/swap-namespace.ts
+// src/universal/core/checkout/superstate/swap-namespace.ts
 var SuperstateSwapNamespaceImpl = class {
   constructor(ctx) {
     this.ctx = ctx;
@@ -2804,7 +2812,7 @@ var SuperstateSwapNamespaceImpl = class {
   }
 };
 
-// src/shared/api/frontline/offers.ts
+// src/universal/api/frontline/offers.ts
 async function fetchOffers(api, clientCreds) {
   return fetchAllPages((params) => fetchOffersPage(api, params, clientCreds));
 }
@@ -2833,7 +2841,7 @@ async function fetchOfferDetails(api, id, clientCreds) {
   return OfferDetail.fromDto(dto);
 }
 
-// src/shared/core/offers/offers-namespace.ts
+// src/universal/core/offers/offers-namespace.ts
 var OffersNamespaceImpl = class {
   constructor(ctx) {
     this.ctx = ctx;
@@ -2859,12 +2867,12 @@ var OffersNamespaceImpl = class {
   }
 };
 
-// src/shared/core/offers/swap-contracts.ts
+// src/universal/core/offers/swap-contracts.ts
 function swapSpender(swapContracts, chain) {
   return swapContracts.find((contract) => contract.chain === chain)?.address ?? null;
 }
 
-// src/shared/types/document-submission.ts
+// src/universal/types/document-submission.ts
 var DocumentSubmission = {
   fromDto: (dto) => ({
     status: dto.status,
@@ -2872,7 +2880,7 @@ var DocumentSubmission = {
   })
 };
 
-// src/shared/api/frontline/documents.ts
+// src/universal/api/frontline/documents.ts
 async function submitDocument(api, documentType, fields) {
   const dto = await api.send({
     method: "POST",
@@ -2883,14 +2891,14 @@ async function submitDocument(api, documentType, fields) {
   return DocumentSubmission.fromDto(dto);
 }
 
-// src/shared/types/kyc.ts
+// src/universal/types/kyc.ts
 var KycToken = {
   fromDto: (dto) => ({
     token: dto.token
   })
 };
 
-// src/shared/api/frontline/kyc.ts
+// src/universal/api/frontline/kyc.ts
 async function createKycToken(api, levelName, reset) {
   const dto = await api.send({
     method: "POST",
@@ -2904,7 +2912,7 @@ async function createKycToken(api, levelName, reset) {
   return KycToken.fromDto(dto);
 }
 
-// src/shared/types/pii.ts
+// src/universal/types/pii.ts
 var Iso2CountryCode = (value) => value;
 var PiiJurisdiction = {
   fromDto: (dto) => ({
@@ -2932,7 +2940,7 @@ var Pii = {
   })
 };
 
-// src/shared/api/frontline/pii.ts
+// src/universal/api/frontline/pii.ts
 async function fetchPii(api) {
   const dto = await api.send({
     method: "GET",
@@ -2942,7 +2950,7 @@ async function fetchPii(api) {
   return Pii.fromDto(dto);
 }
 
-// src/shared/types/requirement.ts
+// src/universal/types/requirement.ts
 var RequirementId = (value) => value;
 var Requirement = {
   fromDto: (dto) => ({
@@ -2963,7 +2971,7 @@ var RequirementStatusInfo = {
   )
 };
 
-// src/shared/api/frontline/requirements.ts
+// src/universal/api/frontline/requirements.ts
 async function fetchOfferRequirements(api, offerId, clientCreds) {
   const response = await api.send({
     method: "GET",
@@ -2989,7 +2997,7 @@ async function fetchRequirementStatuses(api, offerId) {
   return RequirementStatusInfo.fromStatusesDto(response);
 }
 
-// src/shared/core/requirements/requirements-namespace.ts
+// src/universal/core/requirements/requirements-namespace.ts
 var RequirementsNamespaceImpl = class {
   constructor(ctx) {
     this.ctx = ctx;
@@ -3039,10 +3047,30 @@ var RequirementsNamespaceImpl = class {
   }
 };
 
-// src/shared/api/nabu/tokens.ts
+// src/universal/core/shared/blockchain/erc20/erc20-namespace.ts
+var Erc20NamespaceImpl = class {
+  constructor(ctx) {
+    this.ctx = ctx;
+    this.log = internalLogger(ctx.logger, "ERC20");
+  }
+  async getAllowance(params) {
+    return this.log.wrap("getAllowance", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return getTokenAllowance(this.ctx.api, params);
+    });
+  }
+  async getBalance(params) {
+    return this.log.wrap("getBalance", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return getTokenBalance(this.ctx.api, params);
+    });
+  }
+};
+
+// src/universal/api/nabu/tokens.ts
 var import_viem5 = require("viem");
 
-// src/shared/types/token-metadata.ts
+// src/universal/types/token-metadata.ts
 var TokenLogoUrl = (value) => value;
 var TokenLogo = {
   /** `baseUrl` is the registry origin; registry URLs are root-relative. */
@@ -3125,7 +3153,7 @@ var resolveLogoUrl = (url, baseUrl) => TokenLogoUrl(
   url.startsWith("http") ? url : `${baseUrl.replace(/\/$/, "")}${url}`
 );
 
-// src/shared/api/nabu/tokens.ts
+// src/universal/api/nabu/tokens.ts
 function createNabuApiClient(baseUrl, logger = null) {
   return new HttpClient({ baseUrl }, {}, logger);
 }
@@ -3216,10 +3244,10 @@ function checksummed(address) {
   }
 }
 
-// src/shared/core/tokens/tokens-namespace.ts
+// src/universal/core/tokens/tokens-namespace.ts
 var TokensNamespaceImpl = class {
   /**
-   * Takes the registry origin rather than a `SharedNamespaceContext`: the
+   * Takes the registry origin rather than a `UniversalNamespaceContext`: the
    * registry is unauthenticated and on its own host, so the frontline sender
    * and the auth check would both be dead weight here.
    */
@@ -3243,7 +3271,7 @@ var TokensNamespaceImpl = class {
   }
 };
 
-// src/shared/types/offer-option-address.ts
+// src/universal/types/offer-option-address.ts
 var OfferOptionAddressId = (value) => value;
 var OfferOptionAddress = {
   /** Maps the API DTO into the SDK offer-option-address domain model. */
@@ -3265,7 +3293,7 @@ var ConnectExternalWalletParams = {
   })
 };
 
-// src/shared/types/wallet-ownership-challenge.ts
+// src/universal/types/wallet-ownership-challenge.ts
 var WalletOwnershipChallenge = {
   /** Maps the API DTO into the SDK wallet-ownership-challenge domain model. */
   fromDto: (dto) => ({
@@ -3304,7 +3332,7 @@ var CreateWalletOwnershipChallengeParams = {
   }
 };
 
-// src/shared/api/frontline/wallet-connect.ts
+// src/universal/api/frontline/wallet-connect.ts
 async function createWalletOwnershipChallenge(api, params) {
   const dto = await api.send({
     method: "POST",
@@ -3341,7 +3369,7 @@ async function removeOptionAddress(api, offerId, addressId) {
   return OfferOptionAddress.fromDto(dto);
 }
 
-// src/shared/core/wallets/wallets-namespace.ts
+// src/universal/core/wallets/wallets-namespace.ts
 var WalletsNamespaceImpl = class {
   constructor(ctx) {
     this.ctx = ctx;
@@ -3384,7 +3412,7 @@ var WalletsNamespaceImpl = class {
   }
 };
 
-// src/shared/types/blockchain/wallet-error.ts
+// src/universal/types/blockchain/wallet-error.ts
 var RedactedWalletError = {
   fromWalletError: (error) => error.type === "unknown" ? { type: "unknown" } : error
 };
@@ -3468,7 +3496,7 @@ async function executeTokenSale(params) {
   return { type: "success", participation, approvalTxHash };
 }
 
-// src/client/core/observability/flow-logging.ts
+// src/client/core/shared/observability/flow-logging.ts
 async function withFlowLogging(log, flow, fields, onProgress, run) {
   const flowLog = log.child({ flow });
   flowLog.info(() => ({ msg: "flow started", fields }));
@@ -3918,7 +3946,7 @@ var ClientSuperstateSwapNamespaceImpl = class extends SuperstateSwapNamespaceImp
   }
 };
 
-// src/client/core/utils/open-in-new-tab.ts
+// src/client/core/shared/utils/open-in-new-tab.ts
 function openInNewTab(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
@@ -3976,7 +4004,7 @@ var ClientSupportNamespaceImpl = class {
   }
 };
 
-// src/shared/api/nabu/config.ts
+// src/universal/api/nabu/config.ts
 var NABU_BASE_URL = "https://asset.coinlist.co";
 
 // src/client/core/coinlist-client.ts
@@ -4647,7 +4675,7 @@ function CoinListSignInCardContainer({
 }
 
 // src/client/components/checkout/CheckoutContainer.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 
 // src/client/components/checkout/shared/amount/CheckoutAmountInput.tsx
 var import_react8 = require("react");
@@ -6111,6 +6139,7 @@ var ISSUER_LABEL = "Issuer";
 var TICKER_SYMBOL_LABEL = "Ticker symbol";
 var ISIN_LABEL = "ISIN";
 var ASSET_TYPE_LABEL = "Asset type";
+var LISTING_VENUE_LABEL = "Listing venue";
 var NETWORK_LABEL = "Network";
 var PRICE_UNAVAILABLE = "-";
 function OndoSidebarView({
@@ -6142,6 +6171,7 @@ function detailRows2(state) {
     { label: TICKER_SYMBOL_LABEL, value: state.tickerSymbol },
     { label: ISIN_LABEL, value: state.isin },
     { label: ASSET_TYPE_LABEL, value: state.assetType },
+    { label: LISTING_VENUE_LABEL, value: state.listingVenue },
     { label: NETWORK_LABEL, value: state.networkName }
   ];
 }
@@ -8445,7 +8475,7 @@ function ErrorView4({
 }
 
 // src/client/hooks/checkout/ondo/buy/useOndoBuyCheckoutViewModel.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/client/hooks/checkout/ondo/buy/amount/useOndoBuyAmountViewModel.ts
 var import_react15 = require("react");
@@ -8472,6 +8502,26 @@ function stablecoinIconUrl(symbol) {
 function offerIconUrl(offer) {
   return offer.logoUrl === "" ? null : AssetIconUrl(offer.logoUrl);
 }
+function tokenLogoUrl(logo, minWidth = 40) {
+  switch (logo.kind) {
+    case "VECTOR":
+      return AssetIconUrl(logo.url);
+    case "RASTER": {
+      const chosen = logo.variants.reduce(
+        (smallest, variant) => variant.width >= minWidth && (smallest === null || variant.width < smallest.width) ? variant : smallest,
+        null
+      );
+      return AssetIconUrl((chosen ?? logo.original).url);
+    }
+    default: {
+      const exhaustive = logo;
+      return exhaustive;
+    }
+  }
+}
+function offerAssetIconUrl(offer, tokenMetadata) {
+  return (tokenMetadata ? tokenLogoUrl(tokenMetadata.logo) : null) ?? offerIconUrl(offer);
+}
 
 // src/client/hooks/checkout/shared/checkout-ui.types.ts
 var CheckoutAssetUi = {
@@ -8480,10 +8530,10 @@ var CheckoutAssetUi = {
    * name and symbol, the caller supplies the chain it is being traded on and
    * whatever icon it has for it.
    *
-   * `iconUrl` is a caller's parameter rather than the token's own because a
-   * token does not carry one - the SDK ships no icon registry, and the only
-   * source is the offer being bought. Which is also why it defaults to `null`:
-   * the input asset a user pays with has no offer behind it.
+   * `iconUrl` is a caller's parameter rather than the token's own because an
+   * `Erc20Asset` does not carry one, and which source supplies it is the
+   * caller's to decide. Which is also why it defaults to `null`: the input
+   * asset a user pays with has no offer behind it.
    *
    * An asset sourced from the offer rather than from a token has its own
    * companion, {@link fromOffer}. One companion per source, not one per call
@@ -8500,7 +8550,7 @@ var CheckoutAssetUi = {
   }),
   /**
    * The view of the asset an offer sells: the offer supplies its name and the
-   * only icon the SDK has, the caller supplies the symbol and the chain.
+   * fallback artwork, the caller supplies the symbol and the chain.
    *
    * `symbol` is a parameter rather than `offer.asset.code` because the symbol a
    * provider trades under is the provider's, not the catalogue's - Ondo's
@@ -8508,14 +8558,26 @@ var CheckoutAssetUi = {
    * asset stands in. Keeping it out here is what lets one companion serve every
    * provider instead of forking per provider.
    *
+   * The icon is resolved from the public token registry when `tokenMetadata`
+   * carries a listed token — `useCheckoutOfferTokenMetadata` fetches it,
+   * keyed by the token `OfferDetail.tokens` lists for this chain — and falls
+   * back to the offer's own logo otherwise. `null` covers every way the
+   * registry answer can be absent (unlisted, not settled, lookup failed);
+   * which one it is stays the concern of the hook's state machine, not of
+   * this model, because the icon is the same either way.
+   *
    * Deliberately no decimals. An offer names an asset; it does not answer for
    * the scale of any particular quantity, and every amount a checkout renders
    * arrives as a `BlockchainAmount` carrying its own.
    */
-  fromOffer: (offer, { symbol, networkName }) => ({
+  fromOffer: (offer, {
+    symbol,
+    networkName,
+    tokenMetadata
+  }) => ({
     name: offer.name,
     symbol,
-    iconUrl: offerIconUrl(offer),
+    iconUrl: offerAssetIconUrl(offer, tokenMetadata),
     network: { name: networkName, iconUrl: null }
   })
 };
@@ -9036,6 +9098,7 @@ function useOndoBuyReviewViewModel({
   ondoSymbol,
   chain,
   offer,
+  outputTokenMetadata,
   enabled = true,
   onComplete
 }) {
@@ -9088,7 +9151,8 @@ function useOndoBuyReviewViewModel({
       type: "active",
       outputAsset: CheckoutAssetUi.fromOffer(offer, {
         symbol: ondoSymbol,
-        networkName: getNetworkName(chain)
+        networkName: getNetworkName(chain),
+        tokenMetadata: outputTokenMetadata
       }),
       outputAmount: assetAmount(
         formatAmount(built.receiveOutputAmount, locale),
@@ -9419,6 +9483,7 @@ function useOndoSidebarViewModel({
   offer,
   ondoSymbol,
   chain,
+  tokenMetadata,
   priceState,
   tradingStatusState
 }) {
@@ -9426,14 +9491,17 @@ function useOndoSidebarViewModel({
   const state = {
     asset: CheckoutAssetUi.fromOffer(offer, {
       symbol: ondoSymbol,
-      networkName: getNetworkName(chain)
+      networkName: getNetworkName(chain),
+      tokenMetadata
     }),
-    // No frontline endpoint carries any of these today, and the detail list
-    // drops a null row rather than dashing it.
-    issuer: null,
-    tickerSymbol: null,
-    isin: null,
-    assetType: null,
+    // Reference data for the security the token tracks. Each is null on an
+    // offer that tokenizes none, and the detail list drops a null row rather
+    // than dashing it.
+    issuer: offer.issuer,
+    tickerSymbol: offer.ticker,
+    isin: offer.isin,
+    assetType: offer.instrumentType,
+    listingVenue: offer.listingVenue,
     networkName: getNetworkName(chain),
     price: toPriceUi(priceState, tradingStatusState, locale)
   };
@@ -9616,6 +9684,99 @@ function toConfirmedWalletUi(wallets, wallet) {
   };
 }
 
+// src/client/hooks/shared/useTokenMetadata.ts
+var import_react22 = require("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] = (0, import_react22.useState)(
+    () => data !== void 0 ? { type: "CONTENT", tokenMetadata: data } : LOADING_STATE
+  );
+  const [refetchCount, setRefetchCount] = (0, import_react22.useState)(0);
+  const refetch = (0, import_react22.useCallback)(() => {
+    setRefetchCount((count) => count + 1);
+  }, []);
+  (0, import_react22.useEffect)(() => {
+    let isCancelled = false;
+    const seedActive = data !== void 0 && refetchCount === 0;
+    if (!isReady || !enabled || seedActive) {
+      return () => {
+        isCancelled = true;
+      };
+    }
+    setState(LOADING_STATE);
+    coinlist.tokens.get({ chain, address }).then((tokenMetadata) => {
+      if (!isCancelled) {
+        log.debug(() => ({
+          msg: "settled",
+          fields: {
+            state: "CONTENT",
+            listed: tokenMetadata !== null,
+            symbol: tokenMetadata?.symbol ?? null
+          }
+        }));
+        setState({ type: "CONTENT", tokenMetadata });
+      }
+    }).catch((error) => {
+      if (!isCancelled) {
+        log.failure(
+          () => ({
+            msg: "settled",
+            fields: { state: "ERROR", reason: "generic-error" }
+          }),
+          error
+        );
+        setState({ type: "ERROR", reason: "generic-error" });
+      }
+    });
+    return () => {
+      isCancelled = true;
+    };
+  }, [coinlist, isReady, enabled, chain, address, data, refetchCount, log]);
+  return {
+    // LOADING would be a lie while disabled: nothing is in flight and nothing
+    // will replace it. Settled states (a seed, a previous answer) survive.
+    state: !enabled && state.type === "LOADING" ? DISABLED_STATE : state,
+    refetch
+  };
+}
+
+// src/client/hooks/checkout/shared/data/useCheckoutOfferTokenMetadata.ts
+var NO_TOKEN_ADDRESS = EvmContractAddress(
+  "0x0000000000000000000000000000000000000000"
+);
+function offerTokenIdentifier(offer, chain) {
+  const byChain = offer.tokens.filter((token) => token.chain === chain);
+  const asset = byChain.find((token) => token.role === "swap") ?? byChain.find((token) => token.role === "distribution");
+  return asset === void 0 ? null : { chain, address: asset.address };
+}
+function tokenMetadataOf(state) {
+  return state.type === "CONTENT" ? state.tokenMetadata : null;
+}
+function useCheckoutOfferTokenMetadata({
+  offer,
+  chain,
+  data,
+  enabled = true
+}) {
+  const identifier = offerTokenIdentifier(offer, chain);
+  const { state } = useTokenMetadata({
+    // Primitive keys, not the identifier object: the underlying hook re-fetches
+    // only when `(chain, address)` changes, so a host that rebuilds the offer
+    // object per render does not refetch the registry per render.
+    chain: identifier?.chain ?? chain,
+    address: identifier?.address ?? NO_TOKEN_ADDRESS,
+    // Nothing to look up when the offer lists no token here: seed "not
+    // listed" and never fire a request against the placeholder address.
+    enabled: enabled && identifier !== null,
+    data: data !== void 0 ? data : identifier === null ? null : void 0
+  });
+  return { state };
+}
+
 // src/client/hooks/checkout/ondo/buy/useOndoBuyCheckoutViewModel.ts
 function useOndoBuyCheckoutViewModel({
   offer,
@@ -9626,8 +9787,8 @@ function useOndoBuyCheckoutViewModel({
   onOrderConfirmed
 }) {
   const locale = useLocale();
-  const [step, setStep] = (0, import_react22.useState)({ type: "wallet" });
-  const [orderConfirmed, setOrderConfirmed] = (0, import_react22.useState)({ type: "hidden" });
+  const [step, setStep] = (0, import_react23.useState)({ type: "wallet" });
+  const [orderConfirmed, setOrderConfirmed] = (0, import_react23.useState)(null);
   const swappableHere = swapSpender(offer.swapContracts, chain) !== null;
   const live = enabled && swappableHere;
   const { state: priceState } = useOndoPrice({
@@ -9643,6 +9804,20 @@ function useOndoBuyCheckoutViewModel({
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
     enabled: live
   });
+  const { state: outputTokenMetadataState } = useCheckoutOfferTokenMetadata({
+    offer,
+    chain,
+    enabled: live
+  });
+  const outputTokenMetadata = tokenMetadataOf(outputTokenMetadataState);
+  const orderConfirmedUi = (order) => order === null ? { type: "hidden" } : toOrderConfirmedUi({
+    order,
+    chain,
+    locale,
+    offer,
+    ondoSymbol,
+    outputTokenMetadata
+  });
   const { state: walletState, onEvent: onWalletEvent } = useOndoWalletSelectViewModel({
     stepInput: walletStepInput(step),
     wallets,
@@ -9689,11 +9864,10 @@ function useOndoBuyCheckoutViewModel({
     ondoSymbol,
     chain,
     offer,
+    outputTokenMetadata,
     enabled: live,
     onComplete: (order) => {
-      setOrderConfirmed(
-        toOrderConfirmedUi({ order, chain, locale, offer, ondoSymbol })
-      );
+      setOrderConfirmed(order);
       setStep({ type: "wallet" });
       onOrderConfirmed?.(order);
     }
@@ -9702,6 +9876,7 @@ function useOndoBuyCheckoutViewModel({
     offer,
     ondoSymbol,
     chain,
+    tokenMetadata: outputTokenMetadata,
     priceState,
     tradingStatusState
   });
@@ -9711,7 +9886,7 @@ function useOndoBuyCheckoutViewModel({
     amount: amountState,
     review: reviewState,
     sidebar: sidebarState,
-    orderConfirmed
+    orderConfirmed: orderConfirmedUi(orderConfirmed)
   };
   const onEvent = (event) => {
     switch (event.type) {
@@ -9735,7 +9910,7 @@ function useOndoBuyCheckoutViewModel({
         onReviewEvent(event);
         return;
       case "ON_CLOSE_ORDER_CONFIRMED":
-        setOrderConfirmed({ type: "hidden" });
+        setOrderConfirmed(null);
         return;
       default: {
         const exhaustive = event;
@@ -9789,14 +9964,16 @@ function toOrderConfirmedUi({
   chain,
   locale,
   offer,
-  ondoSymbol
+  ondoSymbol,
+  outputTokenMetadata
 }) {
   const inputSymbol = TOKEN_REGISTRY.erc20(order.inputAsset).symbol;
   return {
     type: "visible",
     outputAsset: CheckoutAssetUi.fromOffer(offer, {
       symbol: ondoSymbol,
-      networkName: getNetworkName(chain)
+      networkName: getNetworkName(chain),
+      tokenMetadata: outputTokenMetadata
     }),
     outputAmount: assetAmount(
       formatAmount(order.transaction.receiveOutputAmount, locale),
@@ -9816,13 +9993,13 @@ function toOrderConfirmedUi({
 }
 
 // src/client/hooks/checkout/ondo/sell/useOndoSellCheckoutViewModel.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/client/hooks/checkout/ondo/sell/amount/useOndoSellAmountViewModel.ts
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/client/hooks/shared/erc20/useErc20Balance.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 function useErc20Balance(options) {
   const {
     tokenAddress,
@@ -9833,12 +10010,12 @@ function useErc20Balance(options) {
   } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useErc20Balance");
-  const [balance, setBalance] = (0, import_react23.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react23.useState)(true);
-  const fetchIdRef = (0, import_react23.useRef)(0);
-  const isFetchingRef = (0, import_react23.useRef)(false);
-  const hasReadRef = (0, import_react23.useRef)(false);
-  (0, import_react23.useEffect)(() => {
+  const [balance, setBalance] = (0, import_react24.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react24.useState)(true);
+  const fetchIdRef = (0, import_react24.useRef)(0);
+  const isFetchingRef = (0, import_react24.useRef)(false);
+  const hasReadRef = (0, import_react24.useRef)(false);
+  (0, import_react24.useEffect)(() => {
     if (!isReady) return;
     setBalance(null);
     hasReadRef.current = false;
@@ -9915,16 +10092,17 @@ function useOndoSellAmountViewModel({
   ondoSymbol,
   chain,
   offer,
+  inputTokenMetadata,
   enabled = true,
   onComplete,
   onEdit
 }) {
   const { coinlist } = useCoinList();
   const locale = useLocale();
-  const [amountInput, setAmountInput] = (0, import_react24.useState)("");
-  const [error, setError] = (0, import_react24.useState)(null);
-  const [phase, setPhase] = (0, import_react24.useState)(null);
-  const preparationIdRef = (0, import_react24.useRef)(0);
+  const [amountInput, setAmountInput] = (0, import_react25.useState)("");
+  const [error, setError] = (0, import_react25.useState)(null);
+  const [phase, setPhase] = (0, import_react25.useState)(null);
+  const preparationIdRef = (0, import_react25.useRef)(0);
   const isActive = stepInput.type === "active";
   const networkName = getNetworkName(chain);
   const sellAsset2 = isActive ? stepInput.sellAsset : null;
@@ -9935,7 +10113,7 @@ function useOndoSellAmountViewModel({
     chain,
     enabled: enabled && isActive && sellAsset2 !== null
   });
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (stepInput.type === "incomplete") {
       ++preparationIdRef.current;
       setAmountInput("");
@@ -9961,7 +10139,8 @@ function useOndoSellAmountViewModel({
           type: "complete",
           asset: CheckoutAssetUi.fromOffer(offer, {
             symbol: stepInput.inputAsset,
-            networkName
+            networkName,
+            tokenMetadata: inputTokenMetadata
           }),
           amountFormatted: assetAmount(
             formatAmount(stepInput.amount, locale),
@@ -9983,7 +10162,8 @@ function useOndoSellAmountViewModel({
     return {
       asset: CheckoutAssetUi.fromOffer(offer, {
         symbol: ondoSymbol,
-        networkName
+        networkName,
+        tokenMetadata: inputTokenMetadata
       }),
       balance: assetAmount(formatAmount(amount, locale), ondoSymbol),
       rawBalance: balance
@@ -10170,15 +10350,15 @@ function preparationErrorMessage2(error) {
 }
 
 // src/client/hooks/checkout/ondo/sell/review/useOndoSellReviewViewModel.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/client/hooks/checkout/ondo/sell/data/useOndoSellTransaction.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 function useOndoSellTransaction(options) {
   const { request, data, enabled } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOndoSellTransaction");
-  const [state, setState] = (0, import_react25.useState)(
+  const [state, setState] = (0, import_react26.useState)(
     () => data === void 0 ? { type: "LOADING" } : {
       type: "CONTENT",
       transaction: data,
@@ -10186,12 +10366,12 @@ function useOndoSellTransaction(options) {
       refreshError: null
     }
   );
-  const fetchIdRef = (0, import_react25.useRef)(0);
-  const isFetchingRef = (0, import_react25.useRef)(false);
+  const fetchIdRef = (0, import_react26.useRef)(0);
+  const isFetchingRef = (0, import_react26.useRef)(false);
   const requestKey = request === null ? null : stableKey2(request);
-  const requestRef = (0, import_react25.useRef)(request);
+  const requestRef = (0, import_react26.useRef)(request);
   requestRef.current = request;
-  const build = (0, import_react25.useCallback)(async () => {
+  const build = (0, import_react26.useCallback)(async () => {
     const params = requestRef.current;
     if (!isReady || !enabled || params === null) return;
     if (isFetchingRef.current) return;
@@ -10227,7 +10407,7 @@ function useOndoSellTransaction(options) {
       isFetchingRef.current = false;
     }
   }, [coinlist, isReady, enabled, log]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (data === void 0) return;
     ++fetchIdRef.current;
     setState({
@@ -10238,14 +10418,14 @@ function useOndoSellTransaction(options) {
     });
   }, [data]);
   const hasSeed = data !== void 0;
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (hasSeed || requestKey === null) return;
     build();
     return () => {
       ++fetchIdRef.current;
     };
   }, [build, requestKey, hasSeed]);
-  const refetch = (0, import_react25.useCallback)(() => {
+  const refetch = (0, import_react26.useCallback)(() => {
     build();
   }, [build]);
   return { state, refetch };
@@ -10270,8 +10450,8 @@ function useOndoSellReviewViewModel({
 }) {
   const { coinlist } = useCoinList();
   const locale = useLocale();
-  const [phase, setPhase] = (0, import_react26.useState)(null);
-  const [error, setError] = (0, import_react26.useState)(null);
+  const [phase, setPhase] = (0, import_react27.useState)(null);
+  const [error, setError] = (0, import_react27.useState)(null);
   const isActive = stepInput.type === "active";
   const { state: transactionState, refetch } = useOndoSellTransaction({
     request: isActive ? {
@@ -10283,8 +10463,8 @@ function useOndoSellReviewViewModel({
     data: isActive ? stepInput.transaction : void 0,
     enabled: enabled && isActive
   });
-  const executionIdRef = (0, import_react26.useRef)(0);
-  (0, import_react26.useEffect)(() => {
+  const executionIdRef = (0, import_react27.useRef)(0);
+  (0, import_react27.useEffect)(() => {
     if (stepInput.type === "incomplete") {
       ++executionIdRef.current;
       setError(null);
@@ -10494,12 +10674,12 @@ function useOndoSellCheckoutViewModel({
   onOrderConfirmed
 }) {
   const locale = useLocale();
-  const [initialStep] = (0, import_react27.useState)(
+  const [initialStep] = (0, import_react28.useState)(
     () => wallets.preselected === null ? { type: "wallet" } : { type: "amount", wallet: wallets.preselected }
   );
-  const [step, setStep] = (0, import_react27.useState)(initialStep);
+  const [step, setStep] = (0, import_react28.useState)(initialStep);
   const hasWalletStep = initialStep.type === "wallet";
-  const [orderConfirmed, setOrderConfirmed] = (0, import_react27.useState)({ type: "hidden" });
+  const [orderConfirmed, setOrderConfirmed] = (0, import_react28.useState)(null);
   const swappableHere = swapSpender(offer.swapContracts, chain) !== null;
   const live = enabled && swappableHere;
   const { state: priceState } = useOndoPrice({
@@ -10515,6 +10695,20 @@ function useOndoSellCheckoutViewModel({
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
     enabled: live
   });
+  const { state: inputTokenMetadataState } = useCheckoutOfferTokenMetadata({
+    offer,
+    chain,
+    enabled: live
+  });
+  const inputTokenMetadata = tokenMetadataOf(inputTokenMetadataState);
+  const orderConfirmedUi = (order) => order === null ? { type: "hidden" } : toOrderConfirmedUi2({
+    order,
+    chain,
+    locale,
+    offer,
+    ondoSymbol,
+    inputTokenMetadata
+  });
   const { state: walletState, onEvent: onWalletEvent } = useOndoWalletSelectViewModel({
     stepInput: walletStepInput2(step),
     wallets,
@@ -10531,6 +10725,7 @@ function useOndoSellCheckoutViewModel({
     ondoSymbol,
     chain,
     offer,
+    inputTokenMetadata,
     enabled: live,
     // Both transitions read the step through the updater rather than the one
     // this render closed over. Preparing an amount takes an approval to mine,
@@ -10563,9 +10758,7 @@ function useOndoSellCheckoutViewModel({
     chain,
     enabled: live,
     onComplete: (order) => {
-      setOrderConfirmed(
-        toOrderConfirmedUi2({ order, chain, locale, offer, ondoSymbol })
-      );
+      setOrderConfirmed(order);
       setStep(initialStep);
       onOrderConfirmed?.(order);
     }
@@ -10574,6 +10767,7 @@ function useOndoSellCheckoutViewModel({
     offer,
     ondoSymbol,
     chain,
+    tokenMetadata: inputTokenMetadata,
     priceState,
     tradingStatusState
   });
@@ -10583,7 +10777,7 @@ function useOndoSellCheckoutViewModel({
     amount: amountState,
     review: reviewState,
     sidebar: sidebarState,
-    orderConfirmed
+    orderConfirmed: orderConfirmedUi(orderConfirmed)
   };
   const onEvent = (event) => {
     switch (event.type) {
@@ -10607,7 +10801,7 @@ function useOndoSellCheckoutViewModel({
         onReviewEvent(event);
         return;
       case "ON_CLOSE_SELL_ORDER_CONFIRMED":
-        setOrderConfirmed({ type: "hidden" });
+        setOrderConfirmed(null);
         return;
       default: {
         const exhaustive = event;
@@ -10675,14 +10869,16 @@ function toOrderConfirmedUi2({
   chain,
   locale,
   offer,
-  ondoSymbol
+  ondoSymbol,
+  inputTokenMetadata
 }) {
   const settlementSymbol = TOKEN_REGISTRY.erc20(ONDO_SETTLEMENT_ASSET).symbol;
   return {
     type: "visible",
     soldAsset: CheckoutAssetUi.fromOffer(offer, {
       symbol: ondoSymbol,
-      networkName: getNetworkName(chain)
+      networkName: getNetworkName(chain),
+      tokenMetadata: inputTokenMetadata
     }),
     soldAmount: assetAmount(
       formatAmount(order.transaction.spendInputAmount, locale),
@@ -10706,10 +10902,10 @@ function toOrderConfirmedUi2({
 }
 
 // src/client/hooks/checkout/superstate/swap/useSuperstateSwapCheckoutViewModel.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 
 // src/client/hooks/checkout/superstate/swap/amount/useSuperstateAmountViewModel.ts
-var import_react28 = require("react");
+var import_react29 = require("react");
 var NO_WALLET3 = EvmWalletAddress(
   "0x0000000000000000000000000000000000000000"
 );
@@ -10723,11 +10919,11 @@ function useSuperstateAmountViewModel({
   enabled = true
 }) {
   const locale = useLocale();
-  const [amountInput, setAmountInput] = (0, import_react28.useState)("");
-  const [selectedAsset, setSelectedAsset] = (0, import_react28.useState)(
+  const [amountInput, setAmountInput] = (0, import_react29.useState)("");
+  const [selectedAsset, setSelectedAsset] = (0, import_react29.useState)(
     SUPERSTATE_SUPPORTED_INPUT_ASSETS[0]
   );
-  const [error, setError] = (0, import_react28.useState)(null);
+  const [error, setError] = (0, import_react29.useState)(null);
   const isActive = stepInput.type === "active";
   const networkName = getNetworkName(chain);
   const { balances, isLoading: balancesLoading } = useErc20TokenBalances({
@@ -10740,7 +10936,7 @@ function useSuperstateAmountViewModel({
     // on this step satisfies the first and not the second.
     enabled: enabled && isActive
   });
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (stepInput.type === "incomplete") {
       setAmountInput("");
       setSelectedAsset(SUPERSTATE_SUPPORTED_INPUT_ASSETS[0]);
@@ -10911,20 +11107,20 @@ function toInputAssetUi2({
 }
 
 // src/client/hooks/checkout/superstate/swap/data/useSwapOutputToken.ts
-var import_react29 = require("react");
-var LOADING_STATE = { type: "LOADING" };
+var import_react30 = require("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] = (0, import_react29.useState)(LOADING_STATE);
-  const [retryCount, setRetryCount] = (0, import_react29.useState)(0);
-  const fetchIdRef = (0, import_react29.useRef)(0);
-  const refetch = (0, import_react29.useCallback)(() => {
-    setOutputTokenState(LOADING_STATE);
+  const [outputTokenState, setOutputTokenState] = (0, import_react30.useState)(LOADING_STATE2);
+  const [retryCount, setRetryCount] = (0, import_react30.useState)(0);
+  const fetchIdRef = (0, import_react30.useRef)(0);
+  const refetch = (0, import_react30.useCallback)(() => {
+    setOutputTokenState(LOADING_STATE2);
     setRetryCount((count) => count + 1);
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!enabled || !isReady) return;
     const currentFetchId = ++fetchIdRef.current;
     const load = async () => {
@@ -10957,7 +11153,7 @@ function useSwapOutputToken(options) {
 }
 
 // src/client/hooks/checkout/superstate/swap/data/useSwapQuote.ts
-var import_react30 = require("react");
+var import_react31 = require("react");
 function useSwapQuote(options) {
   const {
     contractAddress,
@@ -10970,13 +11166,13 @@ function useSwapQuote(options) {
   } = options;
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useSwapQuote");
-  const [quote, setQuote] = (0, import_react30.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react30.useState)(true);
-  const [isRefreshing, setIsRefreshing] = (0, import_react30.useState)(false);
-  const isFetchingRef = (0, import_react30.useRef)(false);
-  const hasQuoteRef = (0, import_react30.useRef)(false);
-  const fetchIdRef = (0, import_react30.useRef)(0);
-  (0, import_react30.useEffect)(() => {
+  const [quote, setQuote] = (0, import_react31.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react31.useState)(true);
+  const [isRefreshing, setIsRefreshing] = (0, import_react31.useState)(false);
+  const isFetchingRef = (0, import_react31.useRef)(false);
+  const hasQuoteRef = (0, import_react31.useRef)(false);
+  const fetchIdRef = (0, import_react31.useRef)(0);
+  (0, import_react31.useEffect)(() => {
     if (!isReady) return;
     if (!enabled) {
       setIsLoading(false);
@@ -11046,7 +11242,7 @@ function useSwapQuote(options) {
 }
 
 // src/client/hooks/checkout/superstate/swap/review/useSuperstateReviewViewModel.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 function useSuperstateReviewViewModel({
   stepInput,
   contractAddress,
@@ -11056,11 +11252,11 @@ function useSuperstateReviewViewModel({
 }) {
   const { coinlist, isReady } = useCoinList();
   const locale = useLocale();
-  const [slippageBps, setSlippageBps] = (0, import_react31.useState)(DEFAULT_SLIPPAGE_BPS);
-  const [slippageExpanded, setSlippageExpanded] = (0, import_react31.useState)(false);
-  const [phase, setPhase] = (0, import_react31.useState)(null);
-  const [error, setError] = (0, import_react31.useState)(null);
-  (0, import_react31.useEffect)(() => {
+  const [slippageBps, setSlippageBps] = (0, import_react32.useState)(DEFAULT_SLIPPAGE_BPS);
+  const [slippageExpanded, setSlippageExpanded] = (0, import_react32.useState)(false);
+  const [phase, setPhase] = (0, import_react32.useState)(null);
+  const [error, setError] = (0, import_react32.useState)(null);
+  (0, import_react32.useEffect)(() => {
     if (stepInput.type === "incomplete") {
       setSlippageBps(DEFAULT_SLIPPAGE_BPS);
       setSlippageExpanded(false);
@@ -11389,7 +11585,7 @@ function priceUi(quote, outputToken, locale) {
 }
 
 // src/client/hooks/checkout/superstate/swap/wallet/useSuperstateWalletViewModel.ts
-var import_react32 = require("react");
+var import_react33 = require("react");
 var CONNECT_FAILED2 = "Could not connect that wallet. Please try again.";
 function useSuperstateWalletViewModel({
   stepInput,
@@ -11402,12 +11598,12 @@ function useSuperstateWalletViewModel({
 }) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useSuperstateWalletViewModel");
-  const [selected, setSelected] = (0, import_react32.useState)(null);
-  const [phase, setPhase] = (0, import_react32.useState)(null);
-  const [error, setError] = (0, import_react32.useState)(null);
+  const [selected, setSelected] = (0, import_react33.useState)(null);
+  const [phase, setPhase] = (0, import_react33.useState)(null);
+  const [error, setError] = (0, import_react33.useState)(null);
   const networkName = getNetworkName(chain);
   const selectedWallet = resolveWallet2(wallets, selected);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (stepInput.type === "completed") {
       setPhase(null);
       setError(null);
@@ -11626,12 +11822,20 @@ function useSuperstateSwapCheckoutViewModel({
 }) {
   const locale = useLocale();
   const contractAddress = superstateSwapContractAddress(chain);
-  const assetIconUrl = offerIconUrl(offer);
-  const [step, setStep] = (0, import_react33.useState)({ type: "wallet" });
-  const [orderConfirmed, setOrderConfirmed] = (0, import_react33.useState)({ type: "hidden" });
+  const [step, setStep] = (0, import_react34.useState)({ type: "wallet" });
+  const [orderConfirmed, setOrderConfirmed] = (0, import_react34.useState)(null);
   const { inputAmount, inputTokenAddress } = quoteInput(step, chain);
   const live = enabled && contractAddress !== null;
   const contract = contractAddress ?? NO_CONTRACT;
+  const { state: offerTokenMetadataState } = useCheckoutOfferTokenMetadata({
+    offer,
+    chain,
+    enabled: live
+  });
+  const assetIconUrl = offerAssetIconUrl(
+    offer,
+    tokenMetadataOf(offerTokenMetadataState)
+  );
   const { outputTokenState, refetch: refetchOutputToken } = useSwapOutputToken({
     contractAddress: contract,
     chain,
@@ -11688,9 +11892,7 @@ function useSuperstateSwapCheckoutViewModel({
     chain,
     assetIconUrl,
     onComplete: (order) => {
-      setOrderConfirmed(
-        toOrderConfirmedUi3({ order, chain, locale, assetIconUrl })
-      );
+      setOrderConfirmed(order);
       setStep({ type: "wallet" });
       onOrderConfirmed?.(order);
     }
@@ -11716,7 +11918,15 @@ function useSuperstateSwapCheckoutViewModel({
       amount: amountState,
       review: reviewState,
       sidebar: sidebarState,
-      orderConfirmed
+      // Derived here rather than in the review completion callback, so a
+      // registry lookup that settles while the order is being placed still
+      // reaches the dialog instead of the fallback icon that closure captured.
+      orderConfirmed: orderConfirmed === null ? { type: "hidden" } : toOrderConfirmedUi3({
+        order: orderConfirmed,
+        chain,
+        locale,
+        assetIconUrl
+      })
     };
   };
   const onEvent = (event) => {
@@ -11741,7 +11951,7 @@ function useSuperstateSwapCheckoutViewModel({
         onReviewEvent(event);
         return;
       case "ON_CLOSE_ORDER_CONFIRMED":
-        setOrderConfirmed({ type: "hidden" });
+        setOrderConfirmed(null);
         return;
       case "ON_RETRY_LOAD":
         refetchOutputToken();
@@ -11856,7 +12066,7 @@ function CheckoutContainer({
   enabled = true,
   className
 }) {
-  const [side] = (0, import_react34.useState)(() => config["ondo::swap"].side());
+  const [side] = (0, import_react35.useState)(() => config["ondo::swap"].side());
   const isOndo = offer.type === "ondo::swap";
   const ondoSymbol = config["ondo::swap"].symbol(offer);
   const ondoBuy = useOndoBuyCheckoutViewModel({
@@ -12429,23 +12639,23 @@ function EmptyState() {
 }
 
 // src/client/hooks/offers/grid/useOffersGridViewModel.ts
-var import_react36 = require("react");
+var import_react37 = require("react");
 
 // src/client/hooks/offers/data/useOffers.ts
-var import_react35 = require("react");
-var LOADING_STATE2 = { type: "LOADING" };
+var import_react36 = require("react");
+var LOADING_STATE3 = { type: "LOADING" };
 function useOffers(options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOffers");
   const { data: serverOffers } = options;
-  const [offersState, setOffersState] = (0, import_react35.useState)(
-    serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE2
+  const [offersState, setOffersState] = (0, import_react36.useState)(
+    serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE3
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     let isCancelled = false;
     if (!isReady) {
       if (serverOffers === void 0) {
-        setOffersState(LOADING_STATE2);
+        setOffersState(LOADING_STATE3);
       }
       return () => {
         isCancelled = true;
@@ -12456,7 +12666,7 @@ function useOffers(options = {}) {
         isCancelled = true;
       };
     }
-    setOffersState(LOADING_STATE2);
+    setOffersState(LOADING_STATE3);
     coinlist.offers.list().then((offers) => {
       if (!isCancelled) {
         log.debug(() => ({
@@ -12507,11 +12717,11 @@ var GENERIC_ERROR_MESSAGE = "Unable to load offers right now. Please try again."
 function useOffersGridViewModel(options = {}) {
   const { data, onOfferClick } = options;
   const { offersState } = useOffers({ data });
-  const state = (0, import_react36.useMemo)(
+  const state = (0, import_react37.useMemo)(
     () => toUiState(offersState, onOfferClick !== void 0),
     [offersState, onOfferClick]
   );
-  const onEvent = (0, import_react36.useCallback)(
+  const onEvent = (0, import_react37.useCallback)(
     (event) => {
       switch (event.type) {
         case "ON_OFFER_CLICK": {
@@ -12571,14 +12781,14 @@ function OffersGridContainer({
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(OffersGridView, { state, onEvent, ...viewProps });
 }
 
-// src/client/components/requirements/checklist/ConnectedWalletList.tsx
-var import_react37 = require("react");
+// src/client/components/requirements/ConnectedWalletList.tsx
+var import_react38 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function ConnectedWalletRow({
   wallet,
   onRemove
 }) {
-  const [state, setState] = (0, import_react37.useState)("idle");
+  const [state, setState] = (0, import_react38.useState)("idle");
   const remove = async () => {
     if (!onRemove) return;
     setState("removing");
@@ -12687,12 +12897,228 @@ function ConnectedWalletListBody({
   );
 }
 
-// src/client/components/requirements/checklist/RequirementItem.tsx
+// src/client/components/requirements/identity-verification/IdentityVerificationView.tsx
+var import_websdk_react = __toESM(require("@sumsub/websdk-react"), 1);
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function IdentityVerificationView(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(IdentityVerificationViewBody, { ...props }) });
+}
+function IdentityVerificationViewBody({
+  state,
+  onEvent,
+  className
+}) {
+  switch (state.type) {
+    case "loading":
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "output",
+        {
+          "aria-live": "polite",
+          className: cn(
+            "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center",
+            className
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
+        }
+      );
+    case "error":
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        "div",
+        {
+          className: cn(
+            "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertBanner, { variant: "error", icon: true, content: state.message }),
+            state.retryable && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
+          ]
+        }
+      );
+    case "ready":
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        import_websdk_react.default,
+        {
+          accessToken: state.accessToken,
+          expirationHandler: state.refreshToken,
+          config: state.locale === void 0 ? {} : { lang: state.locale },
+          options: { addViewportTag: false, adaptIframeHeight: true },
+          onMessage: (type, payload) => {
+            onSumsubMessage(type, payload, onEvent);
+          },
+          onError: (error) => {
+            onEvent({ type: "ON_ERROR", error: toError(error) });
+          }
+        }
+      ) });
+    default: {
+      const exhaustive = state;
+      return exhaustive;
+    }
+  }
+}
+function onSumsubMessage(type, payload, onEvent) {
+  switch (type) {
+    case "idCheck.onApplicantSubmitted":
+      onEvent({ type: "ON_SUBMITTED" });
+      return;
+    case "idCheck.onError": {
+      const message = payload?.message ?? "Verification error";
+      onEvent({ type: "ON_ERROR", error: new Error(message) });
+      return;
+    }
+    default:
+      return;
+  }
+}
+function toError(error) {
+  return error instanceof Error ? error : new Error("Verification error");
+}
+
+// src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
+var import_react40 = require("react");
+
+// src/client/hooks/requirements/data/useKycToken.ts
+var import_react39 = require("react");
+var IDLE_STATE = { type: "IDLE" };
+var LOADING_STATE4 = { type: "LOADING" };
+function useKycToken(levelName, reset) {
+  const { coinlist } = useCoinList();
+  const log = useLogger("useKycToken");
+  const [kycTokenState, setKycTokenState] = (0, import_react39.useState)(IDLE_STATE);
+  const resetPendingRef = (0, import_react39.useRef)(reset === true);
+  const tokenIssuedRef = (0, import_react39.useRef)(false);
+  (0, import_react39.useEffect)(() => {
+    if (!tokenIssuedRef.current) {
+      resetPendingRef.current = reset === true;
+    }
+  }, [reset]);
+  const fetchToken = (0, import_react39.useCallback)(async () => {
+    setKycTokenState(LOADING_STATE4);
+    try {
+      const kycToken = await coinlist.requirements.createKycToken({
+        levelName,
+        reset: resetPendingRef.current
+      });
+      resetPendingRef.current = false;
+      tokenIssuedRef.current = true;
+      log.debug(() => ({
+        msg: "settled",
+        fields: { state: "CONTENT" }
+      }));
+      setKycTokenState({ type: "CONTENT", token: kycToken.token });
+      return kycToken.token;
+    } catch (error) {
+      const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+      log.failure(
+        () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+        error
+      );
+      setKycTokenState({ type: "ERROR", reason });
+      throw error;
+    }
+  }, [coinlist, levelName, log]);
+  return { kycTokenState, fetchToken };
+}
+
+// src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
+var NOT_AUTHENTICATED_MESSAGE2 = "Sign in to verify your identity.";
+var GENERIC_ERROR_MESSAGE2 = "Unable to start identity verification right now. Please try again.";
+function useIdentityVerificationViewModel(options = {}) {
+  const { levelName, reset, locale, onSubmitted, onError } = options;
+  const { kycTokenState, fetchToken } = useKycToken(levelName, reset);
+  const fetchedRef = (0, import_react40.useRef)(false);
+  (0, import_react40.useEffect)(() => {
+    if (fetchedRef.current) {
+      return;
+    }
+    fetchedRef.current = true;
+    fetchToken().catch(() => {
+    });
+  }, [fetchToken]);
+  const state = (0, import_react40.useMemo)(() => {
+    switch (kycTokenState.type) {
+      case "IDLE":
+      case "LOADING":
+        return { type: "loading" };
+      case "ERROR": {
+        const notAuthenticated = kycTokenState.reason === "not-authenticated";
+        return {
+          type: "error",
+          message: notAuthenticated ? NOT_AUTHENTICATED_MESSAGE2 : GENERIC_ERROR_MESSAGE2,
+          retryable: !notAuthenticated
+        };
+      }
+      case "CONTENT":
+        return {
+          type: "ready",
+          accessToken: kycTokenState.token,
+          locale,
+          refreshToken: fetchToken
+        };
+      default: {
+        const exhaustive = kycTokenState;
+        return exhaustive;
+      }
+    }
+  }, [kycTokenState, locale, fetchToken]);
+  const onEvent = (0, import_react40.useCallback)(
+    (event) => {
+      switch (event.type) {
+        case "ON_RETRY":
+          fetchToken().catch(() => {
+          });
+          return;
+        case "ON_SUBMITTED":
+          onSubmitted?.();
+          return;
+        case "ON_ERROR":
+          onError?.(event.error);
+          return;
+        default: {
+          const exhaustive = event;
+          return exhaustive;
+        }
+      }
+    },
+    [fetchToken, onSubmitted, onError]
+  );
+  return { state, onEvent };
+}
+
+// src/client/components/requirements/identity-verification/IdentityVerificationContainer.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+function IdentityVerificationContainer({
+  levelName,
+  reset,
+  locale,
+  onSubmitted,
+  onError,
+  className
+}) {
+  const { state, onEvent } = useIdentityVerificationViewModel({
+    levelName,
+    reset,
+    locale,
+    onSubmitted,
+    onError
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    IdentityVerificationView,
+    {
+      state,
+      onEvent,
+      className
+    }
+  );
+}
+
+// src/client/components/requirements/RequirementItem.tsx
 var import_lucide_react15 = require("lucide-react");
 
 // src/client/components/design-system/StepStatusIcon.tsx
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var statusConfig = {
   required: {
     Icon: import_lucide_react14.Info,
@@ -12717,7 +13143,7 @@ var statusConfig = {
 };
 function StepStatusIcon({ status, className }) {
   const { Icon, colorClass, fillClass } = statusConfig[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     Icon,
     {
       className: cn(
@@ -12731,8 +13157,8 @@ function StepStatusIcon({ status, className }) {
   );
 }
 
-// src/client/components/requirements/checklist/RequirementItem.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+// src/client/components/requirements/RequirementItem.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function VerificationActionZone({
   status,
   onAction,
@@ -12741,9 +13167,9 @@ function VerificationActionZone({
   switch (status) {
     case "required":
       if (onAction === null) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
     case "pending":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         AlertBanner,
         {
           variant: "warning",
@@ -12751,16 +13177,16 @@ function VerificationActionZone({
         }
       );
     case "completed":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlertBanner, { variant: "success", content: "Identity verified." });
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AlertBanner, { variant: "success", content: "Identity verified." });
     case "rejected":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         AlertBanner,
         {
           variant: "error",
-          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
             "Verification rejected.",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
               "button",
               {
                 type: "button",
@@ -12784,8 +13210,8 @@ function WalletActionZone({
   onRemoveWallet
 }) {
   if (multiWallet) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         ConnectedWalletList,
         {
           wallets: connectedWallets,
@@ -12794,7 +13220,7 @@ function WalletActionZone({
           status: walletsStatus
         }
       ),
-      status === "rejected" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      status === "rejected" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         AlertBanner,
         {
           variant: "error",
@@ -12805,21 +13231,21 @@ function WalletActionZone({
   }
   if (status === "completed") {
     const connected = connectedWallets[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-      onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
-      walletsStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+      onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
+      walletsStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         AlertBanner,
         {
           variant: "info",
           content: "Loading your connected wallet\u2026"
         }
-      ) : walletsStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      ) : walletsStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         AlertBanner,
         {
           variant: "error",
           content: "Couldn't load your connected wallet."
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         AlertBanner,
         {
           variant: "success",
@@ -12829,9 +13255,9 @@ function WalletActionZone({
     ] });
   }
   if (status === "rejected") {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-      onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+      onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         AlertBanner,
         {
           variant: "error",
@@ -12841,7 +13267,7 @@ function WalletActionZone({
     ] });
   }
   if (onAction === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
 }
 function RequirementItem({
   ui,
@@ -12853,7 +13279,7 @@ function RequirementItem({
   walletsStatus,
   onContactSupport
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "div",
     {
       className: cn(
@@ -12861,7 +13287,7 @@ function RequirementItem({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
           "button",
           {
             type: "button",
@@ -12869,9 +13295,9 @@ function RequirementItem({
             "aria-expanded": expanded,
             className: "clcosdk:flex clcosdk:h-14 clcosdk:w-full clcosdk:cursor-pointer clcosdk:items-center clcosdk:justify-between clcosdk:rounded-2xl clcosdk:px-2 clcosdk:transition-colors clcosdk:hover:bg-surface",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(StepStatusIcon, { status: ui.status }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(StepStatusIcon, { status: ui.status }),
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                   "span",
                   {
                     className: cn(
@@ -12882,7 +13308,7 @@ function RequirementItem({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 import_lucide_react15.ChevronRight,
                 {
                   className: cn(
@@ -12895,15 +13321,15 @@ function RequirementItem({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "div",
           {
             className: cn(
               "clcosdk:grid clcosdk:transition-[grid-template-rows] clcosdk:duration-300 clcosdk:ease-in-out",
               expanded ? "clcosdk:grid-rows-[1fr]" : "clcosdk:grid-rows-[0fr]"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:px-2 clcosdk:pb-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:px-2 clcosdk:pb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 "p",
                 {
                   className: cn(
@@ -12913,14 +13339,14 @@ function RequirementItem({
                   children: ui.description
                 }
               ),
-              ui.variant === "verification" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              ui.variant === "verification" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 VerificationActionZone,
                 {
                   status: ui.status,
                   onAction,
                   onContactSupport
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 WalletActionZone,
                 {
                   status: ui.status,
@@ -12939,10 +13365,10 @@ function RequirementItem({
   ) });
 }
 
-// src/client/components/requirements/checklist/RequirementsChecklistView.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+// src/client/components/requirements/RequirementsChecklistView.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function RequirementsChecklistView(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RequirementsChecklistViewBody, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RequirementsChecklistViewBody, { ...props }) });
 }
 function RequirementsChecklistViewBody({
   state,
@@ -12954,11 +13380,11 @@ function RequirementsChecklistViewBody({
 }) {
   switch (state.type) {
     case "loading":
-      return loading ?? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(LoadingState2, {});
+      return loading ?? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingState2, {});
     case "not-authenticated":
       return unauthenticatedState ?? null;
     case "error":
-      return error ?? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      return error ?? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         AlertBanner,
         {
           variant: "error",
@@ -12968,7 +13394,7 @@ function RequirementsChecklistViewBody({
         }
       );
     case "content":
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
         "div",
         {
           className: cn(
@@ -12976,11 +13402,11 @@ function RequirementsChecklistViewBody({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: state.description })
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: state.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
               RequirementItem,
               {
                 ui: row.item,
@@ -12999,7 +13425,7 @@ function RequirementsChecklistViewBody({
               },
               row.id
             )) }),
-            state.ineligible && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            state.ineligible && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
               AlertBanner,
               {
                 variant: "error",
@@ -13007,7 +13433,7 @@ function RequirementsChecklistViewBody({
                 content: "You are not eligible to participate."
               }
             ),
-            state.continueAction && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            state.continueAction && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
               ClButton,
               {
                 fullWidth: true,
@@ -13023,270 +13449,21 @@ function RequirementsChecklistViewBody({
       const exhaustive = state;
       return exhaustive;
     }
-  }
-}
-function LoadingState2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-    "output",
-    {
-      "aria-live": "polite",
-      className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading requirements..." })
-    }
-  );
-}
-
-// src/client/components/requirements/checklist/VerificationOverlay.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-function VerificationOverlay({
-  onClose,
-  children
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(VerificationOverlayBody, { onClose, children }) });
-}
-function VerificationOverlayBody({
-  onClose,
-  children
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-    "div",
-    {
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": "Identity verification",
-      className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4",
-      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "clcosdk:relative clcosdk:flex clcosdk:max-h-[92vh] clcosdk:w-full clcosdk:max-w-[760px] clcosdk:flex-col clcosdk:overflow-y-auto clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6 clcosdk:pt-14", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-          CloseButton,
-          {
-            onClick: onClose,
-            className: "clcosdk:absolute clcosdk:top-4 clcosdk:right-4"
-          }
-        ),
-        children
-      ] })
-    }
-  );
-}
-
-// src/client/components/requirements/identity-verification/IdentityVerificationView.tsx
-var import_websdk_react = __toESM(require("@sumsub/websdk-react"), 1);
-var import_jsx_runtime61 = require("react/jsx-runtime");
-function IdentityVerificationView(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IdentityVerificationViewBody, { ...props }) });
-}
-function IdentityVerificationViewBody({
-  state,
-  onEvent,
-  className
-}) {
-  switch (state.type) {
-    case "loading":
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-        "output",
-        {
-          "aria-live": "polite",
-          className: cn(
-            "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center",
-            className
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
-        }
-      );
-    case "error":
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-        "div",
-        {
-          className: cn(
-            "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
-            className
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AlertBanner, { variant: "error", icon: true, content: state.message }),
-            state.retryable && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
-          ]
-        }
-      );
-    case "ready":
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-        import_websdk_react.default,
-        {
-          accessToken: state.accessToken,
-          expirationHandler: state.refreshToken,
-          config: state.locale === void 0 ? {} : { lang: state.locale },
-          options: { addViewportTag: false, adaptIframeHeight: true },
-          onMessage: (type, payload) => {
-            onSumsubMessage(type, payload, onEvent);
-          },
-          onError: (error) => {
-            onEvent({ type: "ON_ERROR", error: toError(error) });
-          }
-        }
-      ) });
-    default: {
-      const exhaustive = state;
-      return exhaustive;
-    }
-  }
-}
-function onSumsubMessage(type, payload, onEvent) {
-  switch (type) {
-    case "idCheck.onApplicantSubmitted":
-      onEvent({ type: "ON_SUBMITTED" });
-      return;
-    case "idCheck.onError": {
-      const message = payload?.message ?? "Verification error";
-      onEvent({ type: "ON_ERROR", error: new Error(message) });
-      return;
-    }
-    default:
-      return;
-  }
-}
-function toError(error) {
-  return error instanceof Error ? error : new Error("Verification error");
-}
-
-// src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
-var import_react39 = require("react");
-
-// src/client/hooks/requirements/data/useKycToken.ts
-var import_react38 = require("react");
-var IDLE_STATE = { type: "IDLE" };
-var LOADING_STATE3 = { type: "LOADING" };
-function useKycToken(levelName, reset) {
-  const { coinlist } = useCoinList();
-  const log = useLogger("useKycToken");
-  const [kycTokenState, setKycTokenState] = (0, import_react38.useState)(IDLE_STATE);
-  const resetPendingRef = (0, import_react38.useRef)(reset === true);
-  const tokenIssuedRef = (0, import_react38.useRef)(false);
-  (0, import_react38.useEffect)(() => {
-    if (!tokenIssuedRef.current) {
-      resetPendingRef.current = reset === true;
-    }
-  }, [reset]);
-  const fetchToken = (0, import_react38.useCallback)(async () => {
-    setKycTokenState(LOADING_STATE3);
-    try {
-      const kycToken = await coinlist.requirements.createKycToken({
-        levelName,
-        reset: resetPendingRef.current
-      });
-      resetPendingRef.current = false;
-      tokenIssuedRef.current = true;
-      log.debug(() => ({
-        msg: "settled",
-        fields: { state: "CONTENT" }
-      }));
-      setKycTokenState({ type: "CONTENT", token: kycToken.token });
-      return kycToken.token;
-    } catch (error) {
-      const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
-      log.failure(
-        () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
-        error
-      );
-      setKycTokenState({ type: "ERROR", reason });
-      throw error;
-    }
-  }, [coinlist, levelName, log]);
-  return { kycTokenState, fetchToken };
-}
-
-// src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
-var NOT_AUTHENTICATED_MESSAGE2 = "Sign in to verify your identity.";
-var GENERIC_ERROR_MESSAGE2 = "Unable to start identity verification right now. Please try again.";
-function useIdentityVerificationViewModel(options = {}) {
-  const { levelName, reset, locale, onSubmitted, onError } = options;
-  const { kycTokenState, fetchToken } = useKycToken(levelName, reset);
-  const fetchedRef = (0, import_react39.useRef)(false);
-  (0, import_react39.useEffect)(() => {
-    if (fetchedRef.current) {
-      return;
-    }
-    fetchedRef.current = true;
-    fetchToken().catch(() => {
-    });
-  }, [fetchToken]);
-  const state = (0, import_react39.useMemo)(() => {
-    switch (kycTokenState.type) {
-      case "IDLE":
-      case "LOADING":
-        return { type: "loading" };
-      case "ERROR": {
-        const notAuthenticated = kycTokenState.reason === "not-authenticated";
-        return {
-          type: "error",
-          message: notAuthenticated ? NOT_AUTHENTICATED_MESSAGE2 : GENERIC_ERROR_MESSAGE2,
-          retryable: !notAuthenticated
-        };
-      }
-      case "CONTENT":
-        return {
-          type: "ready",
-          accessToken: kycTokenState.token,
-          locale,
-          refreshToken: fetchToken
-        };
-      default: {
-        const exhaustive = kycTokenState;
-        return exhaustive;
-      }
-    }
-  }, [kycTokenState, locale, fetchToken]);
-  const onEvent = (0, import_react39.useCallback)(
-    (event) => {
-      switch (event.type) {
-        case "ON_RETRY":
-          fetchToken().catch(() => {
-          });
-          return;
-        case "ON_SUBMITTED":
-          onSubmitted?.();
-          return;
-        case "ON_ERROR":
-          onError?.(event.error);
-          return;
-        default: {
-          const exhaustive = event;
-          return exhaustive;
-        }
-      }
-    },
-    [fetchToken, onSubmitted, onError]
-  );
-  return { state, onEvent };
-}
-
-// src/client/components/requirements/identity-verification/IdentityVerificationContainer.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-function IdentityVerificationContainer({
-  levelName,
-  reset,
-  locale,
-  onSubmitted,
-  onError,
-  className
-}) {
-  const { state, onEvent } = useIdentityVerificationViewModel({
-    levelName,
-    reset,
-    locale,
-    onSubmitted,
-    onError
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-    IdentityVerificationView,
+  }
+}
+function LoadingState2() {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    "output",
     {
-      state,
-      onEvent,
-      className
+      "aria-live": "polite",
+      className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading requirements..." })
     }
   );
 }
 
 // src/client/components/requirements/tax-document/TaxDocumentModalView.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function TaxDocumentModalView({
   state,
   onEvent,
@@ -13295,7 +13472,7 @@ function TaxDocumentModalView({
   if (state.type === "hidden") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "div",
     {
       className: cn(
@@ -13303,11 +13480,11 @@ function TaxDocumentModalView({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Screen, { screen: state.screen, onEvent })
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Screen, { screen: state.screen, onEvent })
       ]
     }
   ) }) });
@@ -13318,11 +13495,11 @@ function Screen({
 }) {
   switch (screen.type) {
     case "loading":
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LoadingScreen, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(LoadingScreen, {});
     case "error":
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AlertBanner, { variant: "error", icon: true, content: screen.message });
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AlertBanner, { variant: "error", icon: true, content: screen.message });
     case "review":
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ReviewScreen,
         {
           fields: screen.fields,
@@ -13333,9 +13510,9 @@ function Screen({
         }
       );
     case "editing":
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(EditScreen, { fields: screen.fields, onEvent });
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(EditScreen, { fields: screen.fields, onEvent });
     case "sign-only":
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         SignOnlyScreen,
         {
           signing: screen.signing,
@@ -13350,14 +13527,14 @@ function Screen({
   }
 }
 function LoadingScreen() {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "output",
     {
       "aria-live": "polite",
       className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
-      children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
+      children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
       ] }, row))
     }
   );
@@ -13369,9 +13546,9 @@ function ReviewScreen({
   signError,
   onEvent
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
-    piiUnavailable && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
+    piiUnavailable && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       AlertBanner,
       {
         variant: "info",
@@ -13379,27 +13556,27 @@ function ReviewScreen({
         content: "We don't have this information on file yet \u2014 please fill it in below."
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, displayValue }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, displayValue }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "div",
       {
         className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
         ]
       },
       field
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: cn(typeClasses.caption, "clcosdk:text-text-secondary"), children: "By signing, you certify that the information above is accurate and that you are the beneficial owner of the income this form relates to. This document cannot be edited once signed." }),
-    signError && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AlertBanner, { variant: "error", icon: true, content: signError }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: cn(typeClasses.caption, "clcosdk:text-text-secondary"), children: "By signing, you certify that the information above is accurate and that you are the beneficial owner of the income this form relates to. This document cannot be edited once signed." }),
+    signError && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AlertBanner, { variant: "error", icon: true, content: signError }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ClButton,
         {
           fullWidth: true,
@@ -13409,7 +13586,7 @@ function ReviewScreen({
           children: "Sign W-8BEN"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ClButton,
         {
           fullWidth: true,
@@ -13426,20 +13603,20 @@ function EditScreen({
   fields,
   onEvent
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, placeholder, value }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, placeholder, value }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "label",
       {
         className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "input",
             {
               type: "text",
@@ -13460,9 +13637,9 @@ function EditScreen({
       },
       field
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ClButton,
         {
           fullWidth: true,
@@ -13479,10 +13656,10 @@ function SignOnlyScreen({
   signError,
   onEvent
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "As an entity investor, you must complete a W-8BEN-E to confirm your foreign tax status and claim applicable treaty benefits. You'll receive an email to complete the signing." }),
-    signError && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AlertBanner, { variant: "error", icon: true, content: signError }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "As an entity investor, you must complete a W-8BEN-E to confirm your foreign tax status and claim applicable treaty benefits. You'll receive an email to complete the signing." }),
+    signError && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AlertBanner, { variant: "error", icon: true, content: signError }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       ClButton,
       {
         fullWidth: true,
@@ -13496,12 +13673,12 @@ function SignOnlyScreen({
 }
 
 // src/client/hooks/requirements/tax-document/useTaxDocumentModalViewModel.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/client/hooks/requirements/data/useTaxDocument.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 var IDLE_SIGN = { type: "idle", error: null };
-var LOADING_STATE4 = { type: "LOADING" };
+var LOADING_STATE5 = { type: "LOADING" };
 var SIGN_FAILED_MESSAGE = "Unable to sign document. Please try again.";
 var DOB_INVALID_MESSAGE = "Enter your date of birth as MM/DD/YYYY.";
 var FIELD_KEYS = {
@@ -13574,8 +13751,8 @@ function useTaxDocument({
 }) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useTaxDocument");
-  const [state, setState] = (0, import_react40.useState)(LOADING_STATE4);
-  (0, import_react40.useEffect)(() => {
+  const [state, setState] = (0, import_react41.useState)(LOADING_STATE5);
+  (0, import_react41.useEffect)(() => {
     let isCancelled = false;
     if (!isOpen) {
       return () => {
@@ -13583,12 +13760,12 @@ function useTaxDocument({
       };
     }
     if (!isReady) {
-      setState(LOADING_STATE4);
+      setState(LOADING_STATE5);
       return () => {
         isCancelled = true;
       };
     }
-    setState(LOADING_STATE4);
+    setState(LOADING_STATE5);
     coinlist.requirements.getPii().then((pii) => {
       if (isCancelled) return;
       if (pii.kind === "company") {
@@ -13616,7 +13793,7 @@ function useTaxDocument({
       isCancelled = true;
     };
   }, [coinlist, isReady, isOpen, log]);
-  const onEditField = (0, import_react40.useCallback)(
+  const onEditField = (0, import_react41.useCallback)(
     (field, value) => {
       setState(
         (prev) => prev.type === "EDITING" ? { ...prev, fields: { ...prev.fields, [field]: value } } : prev
@@ -13624,7 +13801,7 @@ function useTaxDocument({
     },
     []
   );
-  const onStartEdit = (0, import_react40.useCallback)(() => {
+  const onStartEdit = (0, import_react41.useCallback)(() => {
     setState(
       (prev) => prev.type === "REVIEW" ? {
         type: "EDITING",
@@ -13635,7 +13812,7 @@ function useTaxDocument({
       } : prev
     );
   }, []);
-  const onSaveEdit = (0, import_react40.useCallback)(() => {
+  const onSaveEdit = (0, import_react41.useCallback)(() => {
     setState(
       (prev) => prev.type === "EDITING" ? {
         type: "REVIEW",
@@ -13646,7 +13823,7 @@ function useTaxDocument({
       } : prev
     );
   }, []);
-  const onCancelEdit = (0, import_react40.useCallback)(() => {
+  const onCancelEdit = (0, import_react41.useCallback)(() => {
     setState(
       (prev) => prev.type === "EDITING" ? {
         type: "REVIEW",
@@ -13657,7 +13834,7 @@ function useTaxDocument({
       } : prev
     );
   }, []);
-  const onSign = (0, import_react40.useCallback)(() => {
+  const onSign = (0, import_react41.useCallback)(() => {
     if (state.type !== "REVIEW" && state.type !== "SIGN_ONLY") return;
     if (state.type === "REVIEW" && state.fields.dob.trim() !== "" && !isValidUsDate(state.fields.dob)) {
       setState({
@@ -13699,19 +13876,19 @@ function useTaxDocumentModalViewModel({
   onSubmitted
 }) {
   const { state, onEditField, onStartEdit, onSaveEdit, onCancelEdit, onSign } = useTaxDocument({ isOpen });
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (state.type === "SUBMITTED") {
       onSubmitted?.(state.submission);
       onClose();
     }
   }, [state]);
-  const uiState = (0, import_react41.useMemo)(() => {
+  const uiState = (0, import_react42.useMemo)(() => {
     if (!isOpen || state.type === "SUBMITTED") {
       return { type: "hidden" };
     }
     return { type: "content", title: toTitle(state), screen: toScreen(state) };
   }, [isOpen, state]);
-  const onEvent = (0, import_react41.useCallback)(
+  const onEvent = (0, import_react42.useCallback)(
     (event) => {
       switch (event.type) {
         case "ON_CLOSE":
@@ -13794,7 +13971,7 @@ function toFieldsUi(fields) {
 }
 
 // src/client/components/requirements/tax-document/TaxDocumentModalContainer.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function TaxDocumentModalContainer({
   isOpen,
   onClose,
@@ -13806,7 +13983,7 @@ function TaxDocumentModalContainer({
     onClose,
     onSubmitted
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     TaxDocumentModalView,
     {
       state,
@@ -13816,15 +13993,48 @@ function TaxDocumentModalContainer({
   );
 }
 
+// src/client/components/requirements/VerificationOverlay.tsx
+var import_jsx_runtime64 = require("react/jsx-runtime");
+function VerificationOverlay({
+  onClose,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(VerificationOverlayBody, { onClose, children }) });
+}
+function VerificationOverlayBody({
+  onClose,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Identity verification",
+      className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4",
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "clcosdk:relative clcosdk:flex clcosdk:max-h-[92vh] clcosdk:w-full clcosdk:max-w-[760px] clcosdk:flex-col clcosdk:overflow-y-auto clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6 clcosdk:pt-14", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          CloseButton,
+          {
+            onClick: onClose,
+            className: "clcosdk:absolute clcosdk:top-4 clcosdk:right-4"
+          }
+        ),
+        children
+      ] })
+    }
+  );
+}
+
 // src/client/components/requirements/wallet/ConnectWalletModalView.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function ConnectWalletModalView({
   state,
   onEvent,
   className
 }) {
-  const titleId = (0, import_react42.useId)();
+  const titleId = (0, import_react43.useId)();
   if (state.type === "hidden") {
     return null;
   }
@@ -13927,10 +14137,10 @@ function Screen2({
 }
 
 // src/client/hooks/requirements/wallet/useConnectWalletModalViewModel.ts
-var import_react44 = require("react");
+var import_react45 = require("react");
 
 // src/client/hooks/requirements/data/useConnectWallet.ts
-var import_react43 = require("react");
+var import_react44 = require("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.";
@@ -14061,24 +14271,24 @@ function useConnectWallet({
   statement
 }) {
   const { coinlist } = useCoinList();
-  const [state, setState] = (0, import_react43.useState)(
+  const [state, setState] = (0, import_react44.useState)(
     () => wallet ? { type: "READY", address: wallet.address, sign: IDLE_SIGN2 } : { type: "NEEDS_WALLET" }
   );
-  const attempt = (0, import_react43.useRef)(0);
-  (0, import_react43.useEffect)(() => {
+  const attempt = (0, import_react44.useRef)(0);
+  (0, import_react44.useEffect)(() => {
     attempt.current += 1;
     if (!isOpen) return;
     setState(
       wallet ? { type: "READY", address: wallet.address, sign: IDLE_SIGN2 } : { type: "NEEDS_WALLET" }
     );
   }, [isOpen, wallet?.address]);
-  (0, import_react43.useEffect)(
+  (0, import_react44.useEffect)(
     () => () => {
       attempt.current += 1;
     },
     []
   );
-  const onSign = (0, import_react43.useCallback)(() => {
+  const onSign = (0, import_react44.useCallback)(() => {
     if (!wallet || state.type !== "READY") return;
     attempt.current += 1;
     const gen = attempt.current;
@@ -14140,13 +14350,13 @@ function useConnectWalletModalViewModel({
     challengeType,
     statement
   });
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (state.type === "CONNECTED") {
       onConnected?.(state.binding);
       onClose();
     }
   }, [state]);
-  const uiState = (0, import_react44.useMemo)(() => {
+  const uiState = (0, import_react45.useMemo)(() => {
     if (!isOpen || state.type === "CONNECTED") {
       return { type: "hidden" };
     }
@@ -14171,7 +14381,7 @@ function useConnectWalletModalViewModel({
       canRequestConnect
     };
   }, [isOpen, state, onRequestConnect]);
-  const onEvent = (0, import_react44.useCallback)(
+  const onEvent = (0, import_react45.useCallback)(
     (event) => {
       switch (event.type) {
         case "ON_CLOSE":
@@ -14211,63 +14421,12 @@ function ConnectWalletModalContainer({
   );
 }
 
-// src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.ts
-var import_react47 = require("react");
-
-// src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.types.ts
-var RequirementItemUi = {
-  fromDomain(req, statusInfo, label, description2, addresses = []) {
-    return {
-      variant: RequirementVariant.fromType(req.type),
-      status: statusInfo ? RequirementStatus.fromStatusValue(statusInfo.status) : "required",
-      label,
-      description: description2,
-      multiWallet: req.type === "whitelisted_wallet",
-      connectedWallets: addresses.map((address) => ({
-        id: address.id,
-        address: address.address,
-        shortAddress: shortenAddress(address.address)
-      }))
-    };
-  }
-};
-var RequirementVariant = {
-  fromType(type) {
-    switch (type) {
-      case "external_wallet":
-      case "whitelisted_wallet":
-        return "wallet";
-      default:
-        return "verification";
-    }
-  }
-};
-var RequirementStatus = {
-  fromStatusValue(status) {
-    switch (status) {
-      case "not_started":
-      case "action_needed":
-        return "required";
-      case "in_progress":
-        return "pending";
-      case "completed":
-        return "completed";
-      case "rejected":
-        return "rejected";
-    }
-  }
-};
-var ChecklistStatus = {
-  derive(statuses) {
-    if (statuses.some((s) => s.status === "rejected")) return "ineligible";
-    if (statuses.every((s) => s.status === "completed")) return "eligible";
-    return "inProgress";
-  }
-};
+// src/client/hooks/requirements/useRequirementsChecklistViewModel.ts
+var import_react48 = require("react");
 
 // src/client/hooks/requirements/data/useOptionAddresses.ts
-var import_react45 = require("react");
-var LOADING_STATE5 = { type: "LOADING" };
+var import_react46 = require("react");
+var LOADING_STATE6 = { type: "LOADING" };
 var EMPTY_STATE = {
   type: "CONTENT",
   addresses: []
@@ -14276,19 +14435,19 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOptionAddresses");
   const { data, enabled = true } = options;
-  const [addressesState, setAddressesState] = (0, import_react45.useState)(
-    data !== void 0 ? { type: "CONTENT", addresses: data } : LOADING_STATE5
+  const [addressesState, setAddressesState] = (0, import_react46.useState)(
+    data !== void 0 ? { type: "CONTENT", addresses: data } : LOADING_STATE6
   );
-  const [fetchKey, setFetchKey] = (0, import_react45.useState)(0);
-  const refetch = (0, import_react45.useCallback)(() => setFetchKey((k) => k + 1), []);
-  const disconnect = (0, import_react45.useCallback)(
+  const [fetchKey, setFetchKey] = (0, import_react46.useState)(0);
+  const refetch = (0, import_react46.useCallback)(() => setFetchKey((k) => k + 1), []);
+  const disconnect = (0, import_react46.useCallback)(
     async (addressId) => {
       await coinlist.wallets.remove({ offerId, addressId });
       refetch();
     },
     [coinlist, offerId, refetch]
   );
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     let isCancelled = false;
     if (!enabled) {
       setAddressesState(
@@ -14300,7 +14459,7 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
     }
     if (!isReady) {
       if (data === void 0) {
-        setAddressesState(LOADING_STATE5);
+        setAddressesState(LOADING_STATE6);
       }
       return () => {
         isCancelled = true;
@@ -14317,7 +14476,7 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
         isCancelled = true;
       };
     }
-    setAddressesState(LOADING_STATE5);
+    setAddressesState(LOADING_STATE6);
     coinlist.wallets.list({ offerId, offerOptionId }).then((addresses) => {
       if (!isCancelled) {
         log.debug(() => ({
@@ -14344,22 +14503,22 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
 }
 
 // src/client/hooks/requirements/data/useRequirements.ts
-var import_react46 = require("react");
-var LOADING_STATE6 = { type: "LOADING" };
+var import_react47 = require("react");
+var LOADING_STATE7 = { type: "LOADING" };
 function useRequirements(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useRequirements");
   const { data } = options;
-  const [requirementsState, setRequirementsState] = (0, import_react46.useState)(
-    data !== void 0 ? { type: "CONTENT", ...data } : LOADING_STATE6
+  const [requirementsState, setRequirementsState] = (0, import_react47.useState)(
+    data !== void 0 ? { type: "CONTENT", ...data } : LOADING_STATE7
   );
-  const [fetchKey, setFetchKey] = (0, import_react46.useState)(0);
-  const refetch = (0, import_react46.useCallback)(() => setFetchKey((k) => k + 1), []);
-  (0, import_react46.useEffect)(() => {
+  const [fetchKey, setFetchKey] = (0, import_react47.useState)(0);
+  const refetch = (0, import_react47.useCallback)(() => setFetchKey((k) => k + 1), []);
+  (0, import_react47.useEffect)(() => {
     let isCancelled = false;
     if (!isReady) {
       if (data === void 0) {
-        setRequirementsState(LOADING_STATE6);
+        setRequirementsState(LOADING_STATE7);
       }
       return () => {
         isCancelled = true;
@@ -14376,7 +14535,7 @@ function useRequirements(offerId, options = {}) {
         isCancelled = true;
       };
     }
-    setRequirementsState(LOADING_STATE6);
+    setRequirementsState(LOADING_STATE7);
     Promise.all([
       coinlist.requirements.forOffer(offerId),
       coinlist.requirements.statuses(offerId)
@@ -14413,7 +14572,58 @@ function useRequirements(offerId, options = {}) {
   return { requirementsState, refetch };
 }
 
-// src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.ts
+// src/client/hooks/requirements/useRequirementsChecklistViewModel.types.ts
+var RequirementItemUi = {
+  fromDomain(req, statusInfo, label, description2, addresses = []) {
+    return {
+      variant: RequirementVariant.fromType(req.type),
+      status: statusInfo ? RequirementStatus.fromStatusValue(statusInfo.status) : "required",
+      label,
+      description: description2,
+      multiWallet: req.type === "whitelisted_wallet",
+      connectedWallets: addresses.map((address) => ({
+        id: address.id,
+        address: address.address,
+        shortAddress: shortenAddress(address.address)
+      }))
+    };
+  }
+};
+var RequirementVariant = {
+  fromType(type) {
+    switch (type) {
+      case "external_wallet":
+      case "whitelisted_wallet":
+        return "wallet";
+      default:
+        return "verification";
+    }
+  }
+};
+var RequirementStatus = {
+  fromStatusValue(status) {
+    switch (status) {
+      case "not_started":
+      case "action_needed":
+        return "required";
+      case "in_progress":
+        return "pending";
+      case "completed":
+        return "completed";
+      case "rejected":
+        return "rejected";
+    }
+  }
+};
+var ChecklistStatus = {
+  derive(statuses) {
+    if (statuses.some((s) => s.status === "rejected")) return "ineligible";
+    if (statuses.every((s) => s.status === "completed")) return "eligible";
+    return "inProgress";
+  }
+};
+
+// src/client/hooks/requirements/useRequirementsChecklistViewModel.ts
 var DEFAULT_LABELS = {
   kyc_approved: "KYC Verification",
   external_wallet: "External Wallet",
@@ -14455,19 +14665,19 @@ function useRequirementsChecklistViewModel(options) {
   const log = useLogger("useRequirementsChecklistViewModel");
   const { coinlist } = useCoinList();
   const { requirementsState, refetch } = useRequirements(offerId, { data });
-  const [expandedId, setExpandedId] = (0, import_react47.useState)(null);
-  const [taxDocumentOpen, setTaxDocumentOpen] = (0, import_react47.useState)(false);
-  const [connectWalletOpen, setConnectWalletOpen] = (0, import_react47.useState)(false);
-  const [verifyingRequirementId, setVerifyingRequirementId] = (0, import_react47.useState)(null);
-  const isMountedRef = (0, import_react47.useRef)(true);
-  (0, import_react47.useEffect)(() => {
+  const [expandedId, setExpandedId] = (0, import_react48.useState)(null);
+  const [taxDocumentOpen, setTaxDocumentOpen] = (0, import_react48.useState)(false);
+  const [connectWalletOpen, setConnectWalletOpen] = (0, import_react48.useState)(false);
+  const [verifyingRequirementId, setVerifyingRequirementId] = (0, import_react48.useState)(null);
+  const isMountedRef = (0, import_react48.useRef)(true);
+  (0, import_react48.useEffect)(() => {
     isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
     };
   }, []);
-  const [hasWalletRequirement, setHasWalletRequirement] = (0, import_react47.useState)(false);
-  (0, import_react47.useEffect)(() => {
+  const [hasWalletRequirement, setHasWalletRequirement] = (0, import_react48.useState)(false);
+  (0, import_react48.useEffect)(() => {
     if (requirementsState.type === "CONTENT") {
       setHasWalletRequirement(
         (requirementsState.requirements[optionId] ?? []).some(
@@ -14483,14 +14693,14 @@ function useRequirementsChecklistViewModel(options) {
   } = useOptionAddresses(offerId, optionId, {
     enabled: hasWalletRequirement
   });
-  const removeWallet = (0, import_react47.useCallback)(
+  const removeWallet = (0, import_react48.useCallback)(
     async (addressId) => {
       await disconnect(OfferOptionAddressId(addressId));
       refetch();
     },
     [disconnect, refetch]
   );
-  const awaitVerificationResult = (0, import_react47.useCallback)(
+  const awaitVerificationResult = (0, import_react48.useCallback)(
     (requirementId, statusBeforeSubmit) => {
       void (async () => {
         const deadline = Date.now() + VERIFICATION_POLL_TIMEOUT_MS;
@@ -14517,11 +14727,11 @@ function useRequirementsChecklistViewModel(options) {
     },
     [coinlist, offerId, refetch, log]
   );
-  const requirements = (0, import_react47.useMemo)(
+  const requirements = (0, import_react48.useMemo)(
     () => requirementsState.type === "CONTENT" ? requirementsState.requirements[optionId] ?? [] : [],
     [requirementsState, optionId]
   );
-  const statusById = (0, import_react47.useMemo)(() => {
+  const statusById = (0, import_react48.useMemo)(() => {
     if (requirementsState.type !== "CONTENT") {
       return /* @__PURE__ */ new Map();
     }
@@ -14530,7 +14740,7 @@ function useRequirementsChecklistViewModel(options) {
       requirementsState.statuses.filter((s) => ids.has(s.id)).map((s) => [s.id, s])
     );
   }, [requirementsState, requirements]);
-  const state = (0, import_react47.useMemo)(() => {
+  const state = (0, import_react48.useMemo)(() => {
     switch (requirementsState.type) {
       case "LOADING":
         return { type: "loading" };
@@ -14599,7 +14809,7 @@ function useRequirementsChecklistViewModel(options) {
     identityVerificationOptions,
     removeWallet
   ]);
-  const handleRequirementAction = (0, import_react47.useCallback)(
+  const handleRequirementAction = (0, import_react48.useCallback)(
     (requirement) => {
       const inlineVerification = statusById.get(requirement.id)?.kycLevel !== void 0 && onRequirementActionOverride === void 0;
       if (inlineVerification) {
@@ -14631,7 +14841,7 @@ function useRequirementsChecklistViewModel(options) {
       coinlist
     ]
   );
-  const onEvent = (0, import_react47.useCallback)(
+  const onEvent = (0, import_react48.useCallback)(
     (event) => {
       switch (event.type) {
         case "ON_TOGGLE_ITEM":
@@ -14728,7 +14938,7 @@ function toVerificationUi(verifyingRequirementId, statusById, identityVerificati
   };
 }
 
-// src/client/components/requirements/checklist/RequirementsChecklistContainer.tsx
+// src/client/components/requirements/RequirementsChecklistContainer.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function RequirementsChecklistContainer({
   loading,
@@ -14794,10 +15004,10 @@ function RequirementsChecklistContainer({
   ] });
 }
 
-// src/client/core/observability/pino-client-logger.ts
+// src/client/core/shared/observability/pino-client-logger.ts
 var import_pino = require("pino");
 
-// src/shared/core/observability/pino-logger.ts
+// src/universal/core/shared/observability/pino-logger.ts
 function toPinoRecord(event) {
   try {
     const record = {};
@@ -14923,7 +15133,7 @@ function reportRenderFailure(sink, error) {
   }
 }
 
-// src/client/core/observability/pino-client-logger.ts
+// src/client/core/shared/observability/pino-client-logger.ts
 function pinoClientLogger(options) {
   return loggerOverPino(
     // `name` as a child binding rather than pino's `name` option: the option
@@ -14939,18 +15149,18 @@ function pinoClientLogger(options) {
 }
 
 // src/client/hooks/auth/useCompleteOAuth.ts
-var import_react48 = require("react");
+var import_react49 = require("react");
 function useCompleteOAuth(options) {
   const { coinlist } = useCoinList();
   const log = useLogger("useCompleteOAuth");
-  const postOAuthCompleteRef = (0, import_react48.useRef)(options.postOAuthComplete);
-  const onFailureRef = (0, import_react48.useRef)(options.onFailure);
-  const onSuccessRef = (0, import_react48.useRef)(options.onSuccess);
+  const postOAuthCompleteRef = (0, import_react49.useRef)(options.postOAuthComplete);
+  const onFailureRef = (0, import_react49.useRef)(options.onFailure);
+  const onSuccessRef = (0, import_react49.useRef)(options.onSuccess);
   postOAuthCompleteRef.current = options.postOAuthComplete;
   onFailureRef.current = options.onFailure;
   onSuccessRef.current = options.onSuccess;
-  const hasStartedExchangeRef = (0, import_react48.useRef)(false);
-  (0, import_react48.useEffect)(() => {
+  const hasStartedExchangeRef = (0, import_react49.useRef)(false);
+  (0, import_react49.useEffect)(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     if (!params.has("code") && !params.has("error")) return;
@@ -15014,20 +15224,20 @@ function useCompleteOAuth(options) {
 }
 
 // src/client/hooks/checkout/coin-list/token-sale/data/useParticipations.ts
-var import_react49 = require("react");
-var LOADING_STATE7 = { type: "LOADING" };
+var import_react50 = require("react");
+var LOADING_STATE8 = { type: "LOADING" };
 function useParticipations(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useParticipations");
   const { data } = options;
-  const [participationsState, setParticipationsState] = (0, import_react49.useState)(
-    data !== void 0 ? { type: "CONTENT", participations: data } : LOADING_STATE7
+  const [participationsState, setParticipationsState] = (0, import_react50.useState)(
+    data !== void 0 ? { type: "CONTENT", participations: data } : LOADING_STATE8
   );
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     let isCancelled = false;
     if (!isReady) {
       if (data === void 0) {
-        setParticipationsState(LOADING_STATE7);
+        setParticipationsState(LOADING_STATE8);
       }
       return () => {
         isCancelled = true;
@@ -15038,7 +15248,7 @@ function useParticipations(offerId, options = {}) {
         isCancelled = true;
       };
     }
-    setParticipationsState(LOADING_STATE7);
+    setParticipationsState(LOADING_STATE8);
     coinlist.tokenSale.list(offerId).then((participations) => {
       if (!isCancelled) {
         log.debug(() => ({
@@ -15065,20 +15275,20 @@ function useParticipations(offerId, options = {}) {
 }
 
 // src/client/hooks/offers/data/useOfferDetails.ts
-var import_react50 = require("react");
-var LOADING_STATE8 = { type: "LOADING" };
+var import_react51 = require("react");
+var LOADING_STATE9 = { type: "LOADING" };
 function useOfferDetails(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOfferDetails");
   const { data } = options;
-  const [offerDetailsState, setOfferDetailsState] = (0, import_react50.useState)(
-    data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE8
+  const [offerDetailsState, setOfferDetailsState] = (0, import_react51.useState)(
+    data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE9
   );
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     let isCancelled = false;
     if (!isReady) {
       if (data === void 0) {
-        setOfferDetailsState(LOADING_STATE8);
+        setOfferDetailsState(LOADING_STATE9);
       }
       return () => {
         isCancelled = true;
@@ -15089,7 +15299,7 @@ function useOfferDetails(offerId, options = {}) {
         isCancelled = true;
       };
     }
-    setOfferDetailsState(LOADING_STATE8);
+    setOfferDetailsState(LOADING_STATE9);
     coinlist.offers.get(offerId).then((offerDetail) => {
       if (!isCancelled) {
         log.debug(() => ({
@@ -15129,66 +15339,6 @@ var OfferAssetCardUi = {
   })
 };
 
-// src/client/hooks/tokens/data/useTokenMetadata.ts
-var import_react51 = require("react");
-var DISABLED_STATE = { type: "DISABLED" };
-var LOADING_STATE9 = { type: "LOADING" };
-function useTokenMetadata(options) {
-  const { chain, address, data, enabled = true } = options;
-  const { coinlist, isReady } = useCoinList();
-  const log = useLogger("useTokenMetadata");
-  const [state, setState] = (0, import_react51.useState)(
-    () => data !== void 0 ? { type: "CONTENT", tokenMetadata: data } : LOADING_STATE9
-  );
-  const [refetchCount, setRefetchCount] = (0, import_react51.useState)(0);
-  const refetch = (0, import_react51.useCallback)(() => {
-    setRefetchCount((count) => count + 1);
-  }, []);
-  (0, import_react51.useEffect)(() => {
-    let isCancelled = false;
-    const seedActive = data !== void 0 && refetchCount === 0;
-    if (!isReady || !enabled || seedActive) {
-      return () => {
-        isCancelled = true;
-      };
-    }
-    setState(LOADING_STATE9);
-    coinlist.tokens.get({ chain, address }).then((tokenMetadata) => {
-      if (!isCancelled) {
-        log.debug(() => ({
-          msg: "settled",
-          fields: {
-            state: "CONTENT",
-            listed: tokenMetadata !== null,
-            symbol: tokenMetadata?.symbol ?? null
-          }
-        }));
-        setState({ type: "CONTENT", tokenMetadata });
-      }
-    }).catch((error) => {
-      if (!isCancelled) {
-        log.failure(
-          () => ({
-            msg: "settled",
-            fields: { state: "ERROR", reason: "generic-error" }
-          }),
-          error
-        );
-        setState({ type: "ERROR", reason: "generic-error" });
-      }
-    });
-    return () => {
-      isCancelled = true;
-    };
-  }, [coinlist, isReady, enabled, chain, address, data, refetchCount, log]);
-  return {
-    // LOADING would be a lie while disabled: nothing is in flight and nothing
-    // will replace it. Settled states (a seed, a previous answer) survive.
-    state: !enabled && state.type === "LOADING" ? DISABLED_STATE : state,
-    refetch
-  };
-}
-
 // src/client/ui/format/date.ts
 function formatMonthYear(date, locale) {
   return new Intl.DateTimeFormat(locale, {
@@ -15278,7 +15428,9 @@ function formatMonthYear(date, locale) {
   formatCountdown,
   formatMonthYear,
   formatSaleCardCountdown,
+  offerAssetIconUrl,
   offerIconUrl,
+  offerTokenIdentifier,
   ondoLoadErrorReason,
   pinoClientLogger,
   prepareOndoBuy,
@@ -15287,6 +15439,9 @@ function formatMonthYear(date, locale) {
   quoteOverAsks,
   stablecoinIconUrl,
   submitErc20Approval,
+  tokenLogoUrl,
+  tokenMetadataOf,
+  useCheckoutOfferTokenMetadata,
   useCoinList,
   useCoinListSignInCardViewModel,
   useCompleteOAuth,