@coinlist-co/react 0.12.1-rc.a230abc → 0.12.1-rc.c2b6ba5

package/dist/client/index.cjs

@@ -171,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(
@@ -232,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";
@@ -245,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,
@@ -324,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`);
@@ -448,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);
@@ -480,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);
@@ -546,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;
 }
@@ -629,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;
@@ -785,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)) {
@@ -811,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;
@@ -829,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;
@@ -864,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) {
@@ -889,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(
@@ -933,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);
@@ -1044,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)) {
@@ -1073,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",
@@ -1173,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,
@@ -1271,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;
@@ -1287,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,
@@ -1377,392 +1414,277 @@ 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/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/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/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}`
+      );
     }
+    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,
+      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/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/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/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);
     });
   }
-};
-
-// 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);
-}
-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);
-  if (maxFractionDigits !== void 0 && fractionPart.length > maxFractionDigits) {
-    ({ integerPart, fractionPart } = roundFractionHalfUp(
-      integerPart,
-      fractionPart,
-      maxFractionDigits
-    ));
-  }
-  const fraction = minFractionDigits === 0 ? "" : fractionPart.padEnd(minFractionDigits, "0");
-  const integerFormatted = BigInt(integerPart).toLocaleString(locale);
-  if (minFractionDigits === 0 && fraction === "") {
-    return FormattedAmountUi(integerFormatted);
-  }
-  const decimalSeparator = new Intl.NumberFormat(locale).formatToParts(1.1).find((p) => p.type === "decimal")?.value ?? ".";
-  return FormattedAmountUi(`${integerFormatted}${decimalSeparator}${fraction}`);
-}
-function roundFractionHalfUp(integerPart, fractionPart, maxFractionDigits) {
-  if (fractionPart.length <= maxFractionDigits) {
-    return { integerPart, fractionPart };
-  }
-  if (maxFractionDigits === 0) {
-    const roundUp = fractionPart[0] >= "5";
-    const integer = BigInt(integerPart) + (roundUp ? 1n : 0n);
-    return { integerPart: integer.toString(), fractionPart: "" };
-  }
-  const trimmed = fractionPart.slice(0, maxFractionDigits);
-  if (fractionPart[maxFractionDigits] < "5") {
-    return { integerPart, fractionPart: trimmed };
-  }
-  const digits = trimmed.split("").map((digit) => Number.parseInt(digit, 10));
-  let carry = 1;
-  for (let i = digits.length - 1; i >= 0 && carry > 0; i -= 1) {
-    const sum = digits[i] + carry;
-    if (sum === 10) {
-      digits[i] = 0;
-      carry = 1;
-    } else {
-      digits[i] = sum;
-      carry = 0;
-    }
+  async get(id) {
+    return this.log.wrap("get", id, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return fetchParticipation(this.ctx.api, id);
+    });
   }
-  return {
-    integerPart: carry > 0 ? (BigInt(integerPart) + 1n).toString() : integerPart,
-    fractionPart: digits.join("")
-  };
-}
-function formatRawAmount(amount) {
-  return (0, import_viem2.formatUnits)(amount.raw, amount.decimals);
-}
-function formatBpsAsPercent(bps, locale) {
-  const whole = bps / 100n;
-  const fraction = bps % 100n;
-  const wholeFormatted = whole.toLocaleString(locale);
-  const decimalSeparator = new Intl.NumberFormat(locale).formatToParts(1.1).find((p) => p.type === "decimal")?.value ?? ".";
-  if (fraction === 0n) {
-    return FormattedPercentUi(`${wholeFormatted}%`);
+  async createParticipation(params) {
+    return this.log.wrap("createParticipation", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return createParticipation(this.ctx.api, params);
+    });
   }
-  const fractionFormatted = fraction.toString().padStart(2, "0").replace(/0+$/, "");
-  return FormattedPercentUi(
-    `${wholeFormatted}${decimalSeparator}${fractionFormatted}%`
-  );
-}
-function usdAmount(amount) {
-  return FormattedAmountAssetUi(`$${amount}`);
-}
-function assetAmount(amount, symbol) {
-  return FormattedAmountAssetUi(`${amount} ${symbol}`);
-}
-var NA_AMOUNT_ASSET_UI = FormattedAmountAssetUi("-");
-var USD_FRACTION_DIGITS = AssetDecimals(2);
-function formattedUsdPrice(amount, locale) {
-  if (!amount) return NA_AMOUNT_ASSET_UI;
-  return usdAmount(
-    formatAmount(amount, locale, { maxFractionDigits: USD_FRACTION_DIGITS })
-  );
-}
-
-// 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
+// src/universal/core/shared/blockchain/token-registry.ts
 var USDC_SYMBOL = StablecoinSymbol("USDC");
 var USDC = {
   name: "USD Coin",
@@ -1825,378 +1747,275 @@ var TOKEN_REGISTRY = {
   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/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 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/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/universal/core/shared/blockchain/formatters.ts
+var import_viem2 = require("viem");
 
-// 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}`
-      );
+// 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);
+  if (maxFractionDigits !== void 0 && fractionPart.length > maxFractionDigits) {
+    ({ integerPart, fractionPart } = roundFractionHalfUp(
+      integerPart,
+      fractionPart,
+      maxFractionDigits
+    ));
+  }
+  const fraction = minFractionDigits === 0 ? "" : fractionPart.padEnd(minFractionDigits, "0");
+  const integerFormatted = BigInt(integerPart).toLocaleString(locale);
+  if (minFractionDigits === 0 && fraction === "") {
+    return FormattedAmountUi(integerFormatted);
+  }
+  const decimalSeparator = new Intl.NumberFormat(locale).formatToParts(1.1).find((p) => p.type === "decimal")?.value ?? ".";
+  return FormattedAmountUi(`${integerFormatted}${decimalSeparator}${fraction}`);
+}
+function roundFractionHalfUp(integerPart, fractionPart, maxFractionDigits) {
+  if (fractionPart.length <= maxFractionDigits) {
+    return { integerPart, fractionPart };
+  }
+  if (maxFractionDigits === 0) {
+    const roundUp = fractionPart[0] >= "5";
+    const integer = BigInt(integerPart) + (roundUp ? 1n : 0n);
+    return { integerPart: integer.toString(), fractionPart: "" };
+  }
+  const trimmed = fractionPart.slice(0, maxFractionDigits);
+  if (fractionPart[maxFractionDigits] < "5") {
+    return { integerPart, fractionPart: trimmed };
+  }
+  const digits = trimmed.split("").map((digit) => Number.parseInt(digit, 10));
+  let carry = 1;
+  for (let i = digits.length - 1; i >= 0 && carry > 0; i -= 1) {
+    const sum = digits[i] + carry;
+    if (sum === 10) {
+      digits[i] = 0;
+      carry = 1;
+    } else {
+      digits[i] = sum;
+      carry = 0;
     }
-    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)
-    };
   }
+  return {
+    integerPart: carry > 0 ? (BigInt(integerPart) + 1n).toString() : integerPart,
+    fractionPart: digits.join("")
+  };
+}
+function formatRawAmount(amount) {
+  return (0, import_viem2.formatUnits)(amount.raw, amount.decimals);
+}
+function formatBpsAsPercent(bps, locale) {
+  const whole = bps / 100n;
+  const fraction = bps % 100n;
+  const wholeFormatted = whole.toLocaleString(locale);
+  const decimalSeparator = new Intl.NumberFormat(locale).formatToParts(1.1).find((p) => p.type === "decimal")?.value ?? ".";
+  if (fraction === 0n) {
+    return FormattedPercentUi(`${wholeFormatted}%`);
+  }
+  const fractionFormatted = fraction.toString().padStart(2, "0").replace(/0+$/, "");
+  return FormattedPercentUi(
+    `${wholeFormatted}${decimalSeparator}${fractionFormatted}%`
+  );
+}
+function usdAmount(amount) {
+  return FormattedAmountAssetUi(`$${amount}`);
+}
+function assetAmount(amount, symbol) {
+  return FormattedAmountAssetUi(`${amount} ${symbol}`);
+}
+var NA_AMOUNT_ASSET_UI = FormattedAmountAssetUi("-");
+var USD_FRACTION_DIGITS = AssetDecimals(2);
+function formattedUsdPrice(amount, locale) {
+  if (!amount) return NA_AMOUNT_ASSET_UI;
+  return usdAmount(
+    formatAmount(amount, locale, { maxFractionDigits: USD_FRACTION_DIGITS })
+  );
+}
+
+// src/universal/core/shared/blockchain/chain.ts
+var CHAIN_IDS = {
+  ethereum_mainnet: 1,
+  ethereum_sepolia: 11155111,
+  base_mainnet: 8453,
+  base_sepolia: 84532
 };
-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/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}`
-      );
+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;
     }
-    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}`
-      );
+  }
+}
+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;
     }
+  }
+}
+
+// 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}")`);
+  }
+  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 {
-      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,
-      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)
+      valid: false,
+      reason: { type: "too-many-decimals", maxDecimals: decimals }
     };
   }
-};
-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;
+  try {
+    const raw = (0, import_viem3.parseUnits)(trimmed, decimals);
+    if (raw > MAX_UINT_256) {
+      return { valid: false, reason: { type: "overflow" } };
     }
-    return queryParams;
+    return {
+      valid: true,
+      amount: BlockchainAmount({ raw, decimals })
+    };
+  } catch {
+    return { valid: false, reason: { type: "invalid-format" } };
   }
-};
-var Participation = {
-  /** Maps API DTO shape into the SDK participation domain model. */
+}
+
+// src/universal/types/trading.ts
+var Ticker = (value) => value;
+
+// src/universal/types/providers/ondo/ondo.ts
+var OndoTradingStatus = {
   fromDto: (dto) => {
-    const walletAddress = notBlankStringOrNull(dto.wallet_address);
+    if (!dto.tradable) return { type: "not-tradable", side: dto.side };
     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/shared/api/frontline/providers/coin-list/token-sale.ts
-async function fetchParticipations(api, offerId) {
-  return fetchAllPages(
-    (params) => fetchParticipationsPage(api, params),
-    { offerId }
-  );
-}
-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);
-}
-async function fetchParticipation(api, id) {
-  const dto = await api.send({
-    method: "GET",
-    url: `/v1/participations/${id}`,
-    attributes: Attributes.protected()
-  });
-  return Participation.fromDto(dto);
-}
-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);
-}
-
-// 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");
-  }
-  async list(offerId) {
-    return this.log.wrap("list", offerId, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return fetchParticipations(this.ctx.api, offerId);
-    });
-  }
-  async listPage(params) {
-    return this.log.wrap("listPage", params, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      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/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})`);
-  }
-  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/shared/types/trading.ts
-var Ticker = (value) => value;
-
-// src/shared/types/providers/ondo/ondo.ts
-var OndoTradingStatus = {
-  fromDto: (dto) => {
-    if (!dto.tradable) return { type: "not-tradable", side: dto.side };
-    return {
-      type: "tradable",
-      side: dto.side,
-      grossMaxTokens: decimalOrNull(dto.gross_max_tokens),
-      grossMaxNotionalValue: decimalOrNull(dto.gross_max_notional_value),
-      grossMaxActiveNotionalValue: decimalOrNull(
-        dto.gross_max_active_notional_value
-      )
+      type: "tradable",
+      side: dto.side,
+      grossMaxTokens: decimalOrNull(dto.gross_max_tokens),
+      grossMaxNotionalValue: decimalOrNull(dto.gross_max_notional_value),
+      grossMaxActiveNotionalValue: decimalOrNull(
+        dto.gross_max_active_notional_value
+      )
     };
   }
 };
@@ -2351,7 +2170,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",
@@ -2446,7 +2265,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;
@@ -2478,7 +2297,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",
@@ -2700,7 +2519,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
@@ -2718,7 +2543,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
@@ -2738,12 +2563,12 @@ var SwapQuote = {
   })
 };
 
-// src/shared/core/checkout/superstate/blockchain/status.ts
+// src/universal/core/checkout/superstate/blockchain/status.ts
 function isStopped(status) {
   return (status.stopped & status.swapLevel) !== 0n;
 }
 
-// src/shared/core/checkout/superstate/blockchain/swapped-event.ts
+// src/universal/core/checkout/superstate/blockchain/swapped-event.ts
 var import_viem4 = require("viem");
 function decodeSwappedOutputAmount(receipt, outputDecimals) {
   try {
@@ -2761,7 +2586,7 @@ function decodeSwappedOutputAmount(receipt, outputDecimals) {
   }
 }
 
-// src/shared/core/checkout/superstate/constants.ts
+// 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;
@@ -2778,68 +2603,225 @@ function superstateSwapContractAddress(chain) {
   return SUPERSTATE_SWAP_CONTRACT_ADDRESSES[chain] ?? null;
 }
 
-// src/shared/core/checkout/superstate/formatters.ts
+// src/universal/core/checkout/superstate/formatters.ts
 function formattedPricePerShare(quote, locale) {
   if (!quote) return NA_AMOUNT_ASSET_UI;
   return formattedUsdPrice(computePrice(quote), locale);
 }
 
-// src/shared/core/checkout/superstate/swap-namespace.ts
-var SuperstateSwapNamespaceImpl = class {
-  constructor(ctx) {
-    this.ctx = ctx;
-    this.log = internalLogger(ctx.logger, "SUPERSTATE");
-  }
-  async getAuthorization(params) {
-    return this.log.wrap("getAuthorization", params, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return getSwapAuthorization(this.ctx.api, params);
-    });
-  }
-  async getPreview(params) {
-    return this.log.wrap("getPreview", params, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return getSwapPreview(this.ctx.api, params);
-    });
-  }
-  async getStatus(params) {
-    return this.log.wrap("getStatus", params, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return getSwapStatus(this.ctx.api, params);
-    });
-  }
-  async getOutputToken(params) {
-    return this.log.wrap("getOutputToken", params, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return getSwapOutputToken(this.ctx.api, params);
-    });
-  }
-  async allowWallet(params) {
-    return this.log.wrap("allowWallet", params, async () => {
-      await this.ctx.ensureUserAuthenticated();
-      return allowWallet(this.ctx.api, params);
-    });
+// 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/shared/api/frontline/offers.ts
-async function fetchOffers(api, clientCreds) {
-  return fetchAllPages((params) => fetchOffersPage(api, params, clientCreds));
-}
-async function fetchOffersPage(api, params, clientCreds) {
-  const queryParams = PaginationParams.toQueryParams(params);
-  const pageDto = await api.send({
+// src/universal/api/frontline/providers/superstate/swap.ts
+async function getSwapAuthorization(api, params) {
+  const dto = await api.send({
     method: "GET",
-    url: "/v1/offers",
-    queryParams,
-    attributes: Attributes.concat(
-      Attributes.protected(),
-      Attributes.clientCredentials(clientCreds)
-    )
+    url: "/v1/wallet/authorized",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress,
+      wallet_address: params.walletAddress
+    },
+    attributes: Attributes.protected()
   });
-  return PaginatedResponse.fromDto(pageDto, Offer.fromDto);
+  return SwapAuthorization.fromDto(dto);
 }
-async function fetchOfferDetails(api, id, clientCreds) {
+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);
+}
+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/universal/core/checkout/superstate/swap-namespace.ts
+var SuperstateSwapNamespaceImpl = class {
+  constructor(ctx) {
+    this.ctx = ctx;
+    this.log = internalLogger(ctx.logger, "SUPERSTATE");
+  }
+  async getAuthorization(params) {
+    return this.log.wrap("getAuthorization", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return getSwapAuthorization(this.ctx.api, params);
+    });
+  }
+  async getPreview(params) {
+    return this.log.wrap("getPreview", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return getSwapPreview(this.ctx.api, params);
+    });
+  }
+  async getStatus(params) {
+    return this.log.wrap("getStatus", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return getSwapStatus(this.ctx.api, params);
+    });
+  }
+  async getOutputToken(params) {
+    return this.log.wrap("getOutputToken", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return getSwapOutputToken(this.ctx.api, params);
+    });
+  }
+  async allowWallet(params) {
+    return this.log.wrap("allowWallet", params, async () => {
+      await this.ctx.ensureUserAuthenticated();
+      return allowWallet(this.ctx.api, params);
+    });
+  }
+};
+
+// src/universal/api/frontline/offers.ts
+async function fetchOffers(api, clientCreds) {
+  return fetchAllPages((params) => fetchOffersPage(api, params, clientCreds));
+}
+async function fetchOffersPage(api, params, clientCreds) {
+  const queryParams = PaginationParams.toQueryParams(params);
+  const pageDto = await api.send({
+    method: "GET",
+    url: "/v1/offers",
+    queryParams,
+    attributes: Attributes.concat(
+      Attributes.protected(),
+      Attributes.clientCredentials(clientCreds)
+    )
+  });
+  return PaginatedResponse.fromDto(pageDto, Offer.fromDto);
+}
+async function fetchOfferDetails(api, id, clientCreds) {
   const dto = await api.send({
     method: "GET",
     url: `/v1/offers/${id}`,
@@ -2851,7 +2833,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;
@@ -2877,12 +2859,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,
@@ -2890,7 +2872,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",
@@ -2901,14 +2883,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",
@@ -2922,7 +2904,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) => ({
@@ -2950,7 +2932,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",
@@ -2960,7 +2942,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) => ({
@@ -2981,7 +2963,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",
@@ -3007,7 +2989,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;
@@ -3057,10 +3039,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. */
@@ -3143,7 +3145,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);
 }
@@ -3234,10 +3236,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.
    */
@@ -3261,7 +3263,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. */
@@ -3283,7 +3285,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) => ({
@@ -3322,7 +3324,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",
@@ -3359,7 +3361,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;
@@ -3402,7 +3404,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
 };
@@ -3486,7 +3488,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 }));
@@ -3936,7 +3938,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");
 }
@@ -3994,7 +3996,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
@@ -12071,1205 +12073,823 @@ function CheckoutContainer({
     enabled: enabled && isOndo && side === "sell",
     onOrderConfirmed: config["ondo::swap"].onOrderConfirmed
   });
-  const superstate = useSuperstateSwapCheckoutViewModel({
-    offer,
-    chain,
-    wallets,
-    enabled: enabled && offer.type === "superstate::swap",
-    onOrderConfirmed: config["superstate::swap"].onOrderConfirmed
-  });
-  return renderOffer(offer.type, {
-    ondo: () => renderOndoSide(side, {
-      buy: () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        OndoBuyCheckoutView,
-        {
-          state: ondoBuy.state,
-          onEvent: ondoBuy.onEvent,
-          className
-        }
-      ),
-      sell: () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        OndoSellCheckoutView,
-        {
-          state: ondoSell.state,
-          onEvent: ondoSell.onEvent,
-          className
-        }
-      )
-    }),
-    superstate: () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-      SuperstateSwapCheckoutView,
-      {
-        state: superstate.state,
-        onEvent: superstate.onEvent,
-        className
-      }
-    ),
-    tokenSale: () => config["coinlist::token_sale"].render(offer)
-  });
-}
-function renderOffer(type, branches) {
-  switch (type) {
-    case "ondo::swap":
-      return branches.ondo();
-    case "superstate::swap":
-      return branches.superstate();
-    case "coinlist::token_sale":
-      return branches.tokenSale();
-    default: {
-      const exhaustive = type;
-      return exhaustive;
-    }
-  }
-}
-function renderOndoSide(side, branches) {
-  switch (side) {
-    case "buy":
-      return branches.buy();
-    case "sell":
-      return branches.sell();
-    default: {
-      const exhaustive = side;
-      return exhaustive;
-    }
-  }
-}
-
-// src/client/components/checkout/ondo/buy/OndoBuyCheckoutContainer.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-function OndoBuyCheckoutContainer({
-  offer,
-  ondoSymbol,
-  chain,
-  wallets,
-  enabled,
-  onOrderConfirmed,
-  className
-}) {
-  const { state, onEvent } = useOndoBuyCheckoutViewModel({
-    offer,
-    ondoSymbol,
-    chain,
-    wallets,
-    enabled,
-    onOrderConfirmed
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-    OndoBuyCheckoutView,
-    {
-      state,
-      onEvent,
-      className
-    }
-  );
-}
-
-// src/client/components/checkout/ondo/sell/OndoSellCheckoutContainer.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-function OndoSellCheckoutContainer({
-  offer,
-  ondoSymbol,
-  chain,
-  wallets,
-  enabled,
-  onOrderConfirmed,
-  className
-}) {
-  const { state, onEvent } = useOndoSellCheckoutViewModel({
-    offer,
-    ondoSymbol,
-    chain,
-    wallets,
-    enabled,
-    onOrderConfirmed
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-    OndoSellCheckoutView,
-    {
-      state,
-      onEvent,
-      className
-    }
-  );
-}
-
-// src/client/components/checkout/superstate/swap/SuperstateSwapCheckoutContainer.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-function SuperstateSwapCheckoutContainer({
-  offer,
-  chain,
-  wallets,
-  enabled,
-  onOrderConfirmed,
-  className
-}) {
-  const { state, onEvent } = useSuperstateSwapCheckoutViewModel({
-    offer,
-    chain,
-    wallets,
-    enabled,
-    onOrderConfirmed
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-    SuperstateSwapCheckoutView,
-    {
-      state,
-      onEvent,
-      className
-    }
-  );
-}
-
-// src/client/components/offers/shared/offer-card-keyboard.ts
-function onOfferCardKeyDown(event, onClick) {
-  if (event.key !== "Enter" && event.key !== " ") return;
-  event.preventDefault();
-  onClick();
-}
-
-// src/client/components/offers/shared/OfferAssetCard.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
-function OfferAssetCard({
-  offer,
-  onClick,
-  className,
-  containerClassName
-}) {
-  const interactive = onClick !== void 0;
-  const card = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-    "article",
-    {
-      className: cn(
-        "clcosdk:relative clcosdk:flex clcosdk:w-full clcosdk:items-center clcosdk:rounded-[20px] clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-3 clcosdk:shadow-[0px_1px_1px_0px_rgba(10,10,10,0.04),0px_8px_12px_0px_rgba(10,10,10,0.08)]",
-        "clcosdk:md:rounded-card clcosdk:md:p-4",
-        interactive && "clcosdk:cursor-pointer clcosdk:transition-transform clcosdk:duration-300 clcosdk:ease-out clcosdk:hover:scale-[1.02] clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-gray-400 clcosdk:focus-visible:ring-offset-2 clcosdk:focus-visible:outline-none clcosdk:max-md:hover:scale-100",
-        className
-      ),
-      "aria-label": interactive ? cardActionLabel(offer) : void 0,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive ? 0 : void 0,
-      onClick,
-      onKeyDown: interactive ? (event) => onOfferCardKeyDown(event, onClick) : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:items-center clcosdk:gap-2.5 clcosdk:pr-3 clcosdk:md:gap-3 clcosdk:md:pr-4", children: [
-        offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "clcosdk:h-10 clcosdk:w-10 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-12 clcosdk:md:w-12", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          "img",
-          {
-            src: offer.logoUrl,
-            alt: "",
-            width: 48,
-            height: 48,
-            className: "clcosdk:size-full clcosdk:object-cover",
-            style: { maxWidth: "none", width: "100%", height: "100%" }
-          }
-        ) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:flex-col clcosdk:items-start clcosdk:justify-center", children: [
-          offer.name ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            "h2",
-            {
-              className: cn(
-                "clcosdk:w-full clcosdk:truncate clcosdk:text-[16px] clcosdk:leading-[140%] clcosdk:font-medium clcosdk:text-text-primary clcosdk:md:text-[18px]"
-              ),
-              children: offer.name
-            }
-          ) : null,
-          offer.symbol ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "clcosdk:w-full clcosdk:truncate clcosdk:text-[13px] clcosdk:leading-[150%] clcosdk:font-normal clcosdk:text-text-secondary clcosdk:md:text-[14px]", children: offer.symbol }) : null
-        ] })
-      ] })
-    }
-  );
-  const wrapped = containerClassName ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: containerClassName, children: card }) : card;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CoinListStyleScope, { children: wrapped });
-}
-function cardActionLabel(offer) {
-  const parts = [offer.name, offer.symbol].filter(Boolean);
-  return parts.length > 0 ? parts.join(", ") : "View offer";
-}
-
-// src/client/components/offers/grid/OffersAssetGrid.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var DEFAULT_MAX_COLUMNS = 3;
-function OffersAssetGrid({
-  offers,
-  onOfferClick,
-  maxColumns,
-  className,
-  containerClassName
-}) {
-  const cols = Math.min(
-    DEFAULT_MAX_COLUMNS,
-    Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS)
-  );
-  const maxGridWidth = `calc(${cols} * 20rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
-  const interactive = onOfferClick !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    "div",
-    {
-      className: cn(
-        "clcosdk:flex clcosdk:w-full clcosdk:justify-center",
-        containerClassName
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-        "div",
-        {
-          className: cn(
-            "clcosdk:grid clcosdk:w-full clcosdk:grid-cols-1 clcosdk:gap-4 clcosdk:md:gap-6",
-            cols >= 2 && "clcosdk:sm:grid-cols-2",
-            cols >= 3 && "clcosdk:md:grid-cols-3",
-            className
-          ),
-          style: { maxWidth: maxGridWidth },
-          children: offers.map((offer) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-            OfferAssetCard,
-            {
-              offer,
-              onClick: interactive ? () => onOfferClick(offer.id) : void 0
-            },
-            offer.id
-          ))
-        }
-      )
-    }
-  ) });
-}
-
-// src/client/components/offers/shared/OfferSaleCard.tsx
-var import_lucide_react13 = require("lucide-react");
-
-// src/client/components/offers/shared/sale-card-status.ts
-function saleCardStatus({
-  endsAt,
-  secondsUntilStart,
-  secondsLeft
-}) {
-  if (secondsUntilStart !== null && secondsUntilStart > 0) {
-    return {
-      phase: "upcoming",
-      label: formatSaleCardCountdown(secondsUntilStart)
-    };
-  }
-  if (endsAt === null) {
-    return { phase: "live", label: "Live" };
-  }
-  if (secondsLeft === null || secondsLeft <= 0) {
-    return { phase: "ended", label: "Ended" };
-  }
-  return {
-    phase: "live",
-    label: formatSaleCardCountdown(secondsLeft)
-  };
-}
-
-// src/client/components/offers/shared/OfferSaleCard.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-function OfferSaleCard({
-  offer,
-  onClick,
-  className,
-  containerClassName
-}) {
-  const secondsUntilStart = useCountdown({ until: offer.startsAt });
-  const secondsLeft = useCountdown({ until: offer.endsAt });
-  const status = saleCardStatus({
-    endsAt: offer.endsAt,
-    secondsUntilStart,
-    secondsLeft
-  });
-  const interactive = onClick !== void 0;
-  const card = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-    "article",
-    {
-      className: cn(
-        "clcosdk:relative clcosdk:flex clcosdk:h-full clcosdk:w-full clcosdk:flex-col clcosdk:gap-4 clcosdk:overflow-hidden clcosdk:rounded-[28px] clcosdk:border-2 clcosdk:border-sale-card-border clcosdk:bg-[image:var(--sale-card-surface)] clcosdk:p-5 clcosdk:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.08),0px_12px_28px_0px_rgba(0,0,0,0.13)]",
-        "clcosdk:md:gap-6 clcosdk:md:rounded-[40px] clcosdk:md:p-8",
-        interactive && "clcosdk:group clcosdk:cursor-pointer clcosdk:transition-transform clcosdk:duration-300 clcosdk:ease-out clcosdk:hover:scale-[1.02] clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-sale-card-focus-ring clcosdk:focus-visible:ring-offset-2 clcosdk:focus-visible:outline-none clcosdk:max-md:hover:scale-100",
-        className
-      ),
-      "aria-label": interactive ? cardActionLabel2(offer, status.phase) : void 0,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive ? 0 : void 0,
-      onClick,
-      onKeyDown: interactive ? (event) => onOfferCardKeyDown(event, onClick) : void 0,
-      children: [
-        offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: "clcosdk:pointer-events-none clcosdk:absolute clcosdk:top-1/2 clcosdk:right-[-14%] clcosdk:z-0 clcosdk:size-[15rem] clcosdk:-translate-y-1/2 clcosdk:md:right-[-10%] clcosdk:md:size-[20rem]",
-            style: { mixBlendMode: "overlay" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-              "img",
-              {
-                src: offer.logoUrl,
-                alt: "",
-                className: "clcosdk:size-full clcosdk:rounded-full clcosdk:object-cover",
-                style: { maxWidth: "none", width: "100%", height: "100%" }
-              }
-            )
-          }
-        ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:flex clcosdk:flex-col clcosdk:gap-2 clcosdk:md:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2.5 clcosdk:md:gap-3", children: [
-            offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "clcosdk:h-8 clcosdk:w-8 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-9 clcosdk:md:w-9", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-              "img",
-              {
-                src: offer.logoUrl,
-                alt: "",
-                width: 36,
-                height: 36,
-                className: "clcosdk:size-full clcosdk:object-cover",
-                style: { maxWidth: "none", width: "100%", height: "100%" }
-              }
-            ) }) : null,
-            offer.name ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-              "h2",
-              {
-                className: cn(
-                  "clcosdk:min-w-0 clcosdk:truncate clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-sale-card-text clcosdk:md:text-[28px] clcosdk:md:leading-[120%]"
-                ),
-                children: offer.name
-              }
-            ) : null
-          ] }),
-          offer.tagline ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-            "p",
-            {
-              className: cn(
-                typeClasses.bodySm,
-                "clcosdk:text-sale-card-text-muted clcosdk:md:text-[16px] clcosdk:md:leading-[160%]"
-              ),
-              children: offer.tagline
-            }
-          ) : null
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:mt-auto clcosdk:flex clcosdk:h-11 clcosdk:w-full clcosdk:min-w-0 clcosdk:items-center clcosdk:justify-between clcosdk:gap-2 clcosdk:rounded-full clcosdk:border clcosdk:border-sale-card-chrome-border clcosdk:bg-sale-card-chrome-bg clcosdk:py-1.5 clcosdk:pr-1.5 clcosdk:pl-3 clcosdk:md:h-[54px] clcosdk:md:gap-3 clcosdk:md:py-2 clcosdk:md:pr-2 clcosdk:md:pl-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2 clcosdk:md:gap-3", children: [
-            status.phase === "live" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-              "span",
-              {
-                className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-2 clcosdk:shrink-0",
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "clcosdk-status-dot-ping clcosdk:absolute clcosdk:inset-0 clcosdk:rounded-full clcosdk:bg-positive" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-full clcosdk:rounded-full clcosdk:bg-positive" })
-                ]
-              }
-            ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-              "p",
-              {
-                className: cn(
-                  typeClasses.data,
-                  "clcosdk:min-w-0 clcosdk:truncate clcosdk:text-sale-card-text"
-                ),
-                children: status.label
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-            "span",
-            {
-              className: cn(
-                "clcosdk:inline-flex clcosdk:h-full clcosdk:shrink-0 clcosdk:items-center clcosdk:gap-1.5 clcosdk:rounded-full clcosdk:border clcosdk:border-sale-card-chrome-border clcosdk:bg-sale-card-chrome-bg clcosdk:px-3 clcosdk:text-sm clcosdk:font-semibold clcosdk:text-sale-card-text-strong clcosdk:md:px-6 clcosdk:md:text-base",
-                interactive && "clcosdk:transition-[background-color,border-color] clcosdk:duration-500 clcosdk:ease-out clcosdk:group-hover:border-sale-card-chrome-emphasis-border clcosdk:group-hover:bg-sale-card-chrome-emphasis-bg clcosdk:group-focus-visible:border-sale-card-chrome-emphasis-border clcosdk:group-focus-visible:bg-sale-card-chrome-emphasis-bg"
-              ),
-              "aria-hidden": "true",
-              children: [
-                "View",
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "clcosdk:max-md:hidden", children: " offer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react13.ArrowRight, { className: "clcosdk:size-4", "aria-hidden": true })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-  const wrapped = containerClassName ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: containerClassName, children: card }) : card;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CoinListStyleScope, { children: wrapped });
-}
-var SALE_PHASE_LABEL = {
-  upcoming: "Upcoming",
-  live: "Live",
-  ended: "Ended"
-};
-function cardActionLabel2(offer, phase) {
-  const title2 = offer.name || offer.tagline;
-  return [title2, SALE_PHASE_LABEL[phase], "View offer"].filter(Boolean).join(". ");
-}
-
-// src/client/components/offers/grid/OffersGridView.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var DEFAULT_MAX_COLUMNS2 = 2;
-function OffersGridView(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(OffersGridViewBody, { ...props }) });
-}
-function OffersGridViewBody({
-  state,
-  onEvent,
-  maxColumns,
-  className,
-  containerClassName,
-  loading,
-  error,
-  emptyState
-}) {
-  switch (state.type) {
-    case "loading":
-      return loading ?? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LoadingState, {});
-    case "error":
-      return error ?? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorState, { message: state.message });
-    case "empty":
-      return emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyState, {});
-    case "content":
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-        OffersGridContent,
-        {
-          offers: state.offers,
-          interactive: state.interactive,
-          onEvent,
-          maxColumns,
-          className,
-          containerClassName
-        }
-      );
-    default: {
-      const exhaustive = state;
-      return exhaustive;
-    }
-  }
-}
-function OffersGridContent({
-  offers,
-  interactive,
-  onEvent,
-  maxColumns,
-  className,
-  containerClassName
-}) {
-  const cols = Math.min(
-    DEFAULT_MAX_COLUMNS2,
-    Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS2)
-  );
-  const maxGridWidth = `calc(${cols} * 28rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-    "div",
-    {
-      className: cn(
-        "clcosdk:flex clcosdk:w-full clcosdk:justify-center",
-        containerClassName
+  const superstate = useSuperstateSwapCheckoutViewModel({
+    offer,
+    chain,
+    wallets,
+    enabled: enabled && offer.type === "superstate::swap",
+    onOrderConfirmed: config["superstate::swap"].onOrderConfirmed
+  });
+  return renderOffer(offer.type, {
+    ondo: () => renderOndoSide(side, {
+      buy: () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        OndoBuyCheckoutView,
+        {
+          state: ondoBuy.state,
+          onEvent: ondoBuy.onEvent,
+          className
+        }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-        "div",
+      sell: () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        OndoSellCheckoutView,
         {
-          className: cn(
-            "clcosdk:grid clcosdk:w-full clcosdk:grid-cols-1 clcosdk:gap-4 clcosdk:md:gap-6",
-            cols >= 2 && "clcosdk:md:grid-cols-2",
-            className
-          ),
-          style: { maxWidth: maxGridWidth },
-          children: offers.map((offer) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-            OfferSaleCard,
-            {
-              offer,
-              onClick: interactive ? () => onEvent({ type: "ON_OFFER_CLICK", offerId: offer.id }) : void 0
-            },
-            offer.id
-          ))
+          state: ondoSell.state,
+          onEvent: ondoSell.onEvent,
+          className
         }
       )
-    }
-  );
+    }),
+    superstate: () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      SuperstateSwapCheckoutView,
+      {
+        state: superstate.state,
+        onEvent: superstate.onEvent,
+        className
+      }
+    ),
+    tokenSale: () => config["coinlist::token_sale"].render(offer)
+  });
 }
-function LoadingState() {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading offers..." })
+function renderOffer(type, branches) {
+  switch (type) {
+    case "ondo::swap":
+      return branches.ondo();
+    case "superstate::swap":
+      return branches.superstate();
+    case "coinlist::token_sale":
+      return branches.tokenSale();
+    default: {
+      const exhaustive = type;
+      return exhaustive;
     }
-  );
+  }
 }
-function ErrorState({ message }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-    AlertBanner,
-    {
-      variant: "error",
-      icon: true,
-      content: message,
-      className: "clcosdk:w-full clcosdk:max-w-[28rem]"
+function renderOndoSide(side, branches) {
+  switch (side) {
+    case "buy":
+      return branches.buy();
+    case "sell":
+      return branches.sell();
+    default: {
+      const exhaustive = side;
+      return exhaustive;
     }
-  );
+  }
 }
-function EmptyState() {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-    "output",
+
+// src/client/components/checkout/ondo/buy/OndoBuyCheckoutContainer.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function OndoBuyCheckoutContainer({
+  offer,
+  ondoSymbol,
+  chain,
+  wallets,
+  enabled,
+  onOrderConfirmed,
+  className
+}) {
+  const { state, onEvent } = useOndoBuyCheckoutViewModel({
+    offer,
+    ondoSymbol,
+    chain,
+    wallets,
+    enabled,
+    onOrderConfirmed
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    OndoBuyCheckoutView,
     {
-      "aria-live": "polite",
-      className: "clcosdk:flex clcosdk:min-h-40 clcosdk:flex-col clcosdk:items-center clcosdk:justify-center clcosdk:gap-2 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6 clcosdk:text-center",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-          "p",
-          {
-            className: cn(
-              typeClasses.body,
-              "clcosdk:font-medium clcosdk:text-text-primary"
-            ),
-            children: "No offers available"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"), children: "Check back soon for upcoming opportunities." })
-      ]
+      state,
+      onEvent,
+      className
     }
   );
 }
 
-// src/client/hooks/offers/grid/useOffersGridViewModel.ts
-var import_react37 = require("react");
-
-// src/client/hooks/offers/data/useOffers.ts
-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_react36.useState)(
-    serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE3
-  );
-  (0, import_react36.useEffect)(() => {
-    let isCancelled = false;
-    if (!isReady) {
-      if (serverOffers === void 0) {
-        setOffersState(LOADING_STATE3);
-      }
-      return () => {
-        isCancelled = true;
-      };
-    }
-    if (serverOffers !== void 0) {
-      return () => {
-        isCancelled = true;
-      };
-    }
-    setOffersState(LOADING_STATE3);
-    coinlist.offers.list().then((offers) => {
-      if (!isCancelled) {
-        log.debug(() => ({
-          msg: "settled",
-          fields: { state: "CONTENT", count: offers.length }
-        }));
-        setOffersState({ type: "CONTENT", offers });
-      }
-    }).catch((error) => {
-      if (!isCancelled) {
-        const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
-        log.failure(
-          () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
-          error
-        );
-        setOffersState({ type: "ERROR", reason });
-      }
-    });
-    return () => {
-      isCancelled = true;
-    };
-  }, [coinlist, isReady, serverOffers, log]);
-  return { offersState };
-}
-
-// src/client/hooks/offers/shared/offer-sale-card.types.ts
-var OfferSaleCardUi = {
-  fromOffer: (offer) => ({
-    id: offer.id,
-    tagline: offer.tagline,
-    logoUrl: offer.logoUrl,
-    startsAt: offer.startsAt,
-    endsAt: offer.endsAt
-  }),
-  fromDetail: (detail) => ({
-    id: detail.id,
-    name: detail.name,
-    tagline: detail.tagline,
-    logoUrl: detail.logoUrl,
-    startsAt: detail.startsAt,
-    endsAt: detail.endsAt
-  })
-};
-
-// src/client/hooks/offers/grid/useOffersGridViewModel.ts
-var NOT_AUTHENTICATED_MESSAGE = "Sign in to view available offers.";
-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_react37.useMemo)(
-    () => toUiState(offersState, onOfferClick !== void 0),
-    [offersState, onOfferClick]
-  );
-  const onEvent = (0, import_react37.useCallback)(
-    (event) => {
-      switch (event.type) {
-        case "ON_OFFER_CLICK": {
-          if (offersState.type !== "CONTENT" || !onOfferClick) {
-            return;
-          }
-          const offer = offersState.offers.find((o) => o.id === event.offerId);
-          if (offer) {
-            onOfferClick(offer);
-          }
-          return;
-        }
-        default: {
-          const exhaustive = event.type;
-          return exhaustive;
-        }
-      }
-    },
-    [offersState, onOfferClick]
+// src/client/components/checkout/ondo/sell/OndoSellCheckoutContainer.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+function OndoSellCheckoutContainer({
+  offer,
+  ondoSymbol,
+  chain,
+  wallets,
+  enabled,
+  onOrderConfirmed,
+  className
+}) {
+  const { state, onEvent } = useOndoSellCheckoutViewModel({
+    offer,
+    ondoSymbol,
+    chain,
+    wallets,
+    enabled,
+    onOrderConfirmed
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    OndoSellCheckoutView,
+    {
+      state,
+      onEvent,
+      className
+    }
   );
-  return { state, onEvent };
 }
-function toUiState(offersState, interactive) {
-  switch (offersState.type) {
-    case "LOADING":
-      return { type: "loading" };
-    case "ERROR":
-      return {
-        type: "error",
-        message: offersState.reason === "not-authenticated" ? NOT_AUTHENTICATED_MESSAGE : GENERIC_ERROR_MESSAGE
-      };
-    case "CONTENT": {
-      if (offersState.offers.length === 0) {
-        return { type: "empty" };
-      }
-      return {
-        type: "content",
-        offers: offersState.offers.map(OfferSaleCardUi.fromOffer),
-        interactive
-      };
-    }
-    default: {
-      const exhaustive = offersState;
-      return exhaustive;
+
+// src/client/components/checkout/superstate/swap/SuperstateSwapCheckoutContainer.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+function SuperstateSwapCheckoutContainer({
+  offer,
+  chain,
+  wallets,
+  enabled,
+  onOrderConfirmed,
+  className
+}) {
+  const { state, onEvent } = useSuperstateSwapCheckoutViewModel({
+    offer,
+    chain,
+    wallets,
+    enabled,
+    onOrderConfirmed
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    SuperstateSwapCheckoutView,
+    {
+      state,
+      onEvent,
+      className
     }
-  }
+  );
 }
 
-// src/client/components/offers/grid/OffersGridContainer.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function OffersGridContainer({
-  data,
-  onOfferClick,
-  ...viewProps
-} = {}) {
-  const { state, onEvent } = useOffersGridViewModel({ data, onOfferClick });
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(OffersGridView, { state, onEvent, ...viewProps });
+// src/client/components/offers/shared/offer-card-keyboard.ts
+function onOfferCardKeyDown(event, onClick) {
+  if (event.key !== "Enter" && event.key !== " ") return;
+  event.preventDefault();
+  onClick();
 }
 
-// src/client/components/requirements/checklist/ConnectedWalletList.tsx
-var import_react38 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
-function ConnectedWalletRow({
-  wallet,
-  onRemove
+// src/client/components/offers/shared/OfferAssetCard.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+function OfferAssetCard({
+  offer,
+  onClick,
+  className,
+  containerClassName
 }) {
-  const [state, setState] = (0, import_react38.useState)("idle");
-  const remove = async () => {
-    if (!onRemove) return;
-    setState("removing");
-    try {
-      await onRemove(wallet.id);
-      setState("idle");
-    } catch {
-      setState("error");
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "clcosdk:flex clcosdk:min-h-9 clcosdk:flex-wrap clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-      "span",
-      {
-        title: wallet.address,
-        className: cn(
-          typeClasses.body,
-          "clcosdk:font-mono clcosdk:text-text-primary"
-        ),
-        children: wallet.shortAddress
-      }
-    ),
-    onRemove != null && (state === "confirming" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-        "span",
-        {
-          className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
-          children: "Remove?"
-        }
+  const interactive = onClick !== void 0;
+  const card = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    "article",
+    {
+      className: cn(
+        "clcosdk:relative clcosdk:flex clcosdk:w-full clcosdk:items-center clcosdk:rounded-[20px] clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-3 clcosdk:shadow-[0px_1px_1px_0px_rgba(10,10,10,0.04),0px_8px_12px_0px_rgba(10,10,10,0.08)]",
+        "clcosdk:md:rounded-card clcosdk:md:p-4",
+        interactive && "clcosdk:cursor-pointer clcosdk:transition-transform clcosdk:duration-300 clcosdk:ease-out clcosdk:hover:scale-[1.02] clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-gray-400 clcosdk:focus-visible:ring-offset-2 clcosdk:focus-visible:outline-none clcosdk:max-md:hover:scale-100",
+        className
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ClButton, { size: "sm", variant: "destructive", onClick: remove, children: "Remove" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-        ClButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          onClick: () => setState("idle"),
-          children: "Cancel"
-        }
-      )
-    ] }) : state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: "Couldn't remove." }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-        ClButton,
-        {
-          size: "sm",
-          variant: "destructiveLink",
-          onClick: () => setState("confirming"),
-          children: "Try again"
-        }
-      )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-      ClButton,
-      {
-        size: "sm",
-        variant: "destructiveLink",
-        disabled: state === "removing",
-        onClick: () => setState("confirming"),
-        children: state === "removing" ? "Removing\u2026" : "Remove"
-      }
-    ))
-  ] });
+      "aria-label": interactive ? cardActionLabel(offer) : void 0,
+      role: interactive ? "button" : void 0,
+      tabIndex: interactive ? 0 : void 0,
+      onClick,
+      onKeyDown: interactive ? (event) => onOfferCardKeyDown(event, onClick) : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:items-center clcosdk:gap-2.5 clcosdk:pr-3 clcosdk:md:gap-3 clcosdk:md:pr-4", children: [
+        offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "clcosdk:h-10 clcosdk:w-10 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-12 clcosdk:md:w-12", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          "img",
+          {
+            src: offer.logoUrl,
+            alt: "",
+            width: 48,
+            height: 48,
+            className: "clcosdk:size-full clcosdk:object-cover",
+            style: { maxWidth: "none", width: "100%", height: "100%" }
+          }
+        ) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:flex-col clcosdk:items-start clcosdk:justify-center", children: [
+          offer.name ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            "h2",
+            {
+              className: cn(
+                "clcosdk:w-full clcosdk:truncate clcosdk:text-[16px] clcosdk:leading-[140%] clcosdk:font-medium clcosdk:text-text-primary clcosdk:md:text-[18px]"
+              ),
+              children: offer.name
+            }
+          ) : null,
+          offer.symbol ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "clcosdk:w-full clcosdk:truncate clcosdk:text-[13px] clcosdk:leading-[150%] clcosdk:font-normal clcosdk:text-text-secondary clcosdk:md:text-[14px]", children: offer.symbol }) : null
+        ] })
+      ] })
+    }
+  );
+  const wrapped = containerClassName ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: containerClassName, children: card }) : card;
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CoinListStyleScope, { children: wrapped });
 }
-function ConnectedWalletList(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ConnectedWalletListBody, { ...props }) });
+function cardActionLabel(offer) {
+  const parts = [offer.name, offer.symbol].filter(Boolean);
+  return parts.length > 0 ? parts.join(", ") : "View offer";
 }
-function ConnectedWalletListBody({
-  wallets,
-  onRemove,
-  onAdd,
-  addLabel = "Add wallet",
-  status = "ready",
-  className
+
+// src/client/components/offers/grid/OffersAssetGrid.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var DEFAULT_MAX_COLUMNS = 3;
+function OffersAssetGrid({
+  offers,
+  onOfferClick,
+  maxColumns,
+  className,
+  containerClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  const cols = Math.min(
+    DEFAULT_MAX_COLUMNS,
+    Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS)
+  );
+  const maxGridWidth = `calc(${cols} * 20rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
+  const interactive = onOfferClick !== void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
-      className: cn("clcosdk:flex clcosdk:flex-col clcosdk:gap-2", className),
-      children: [
-        status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertBanner, { variant: "info", content: "Loading your connected wallets\u2026" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-          AlertBanner,
-          {
-            variant: "error",
-            content: "Couldn't load your connected wallets."
-          }
-        ) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertBanner, { variant: "info", content: "No wallets connected yet." }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: wallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-          ConnectedWalletRow,
-          {
-            wallet,
-            onRemove
-          },
-          wallet.id
-        )) }),
-        onAdd != null && status !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-          ClButton,
-          {
-            size: "sm",
-            variant: "secondary",
-            onClick: onAdd,
-            className: "clcosdk:self-start",
-            children: addLabel
-          }
-        )
-      ]
+      className: cn(
+        "clcosdk:flex clcosdk:w-full clcosdk:justify-center",
+        containerClassName
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        "div",
+        {
+          className: cn(
+            "clcosdk:grid clcosdk:w-full clcosdk:grid-cols-1 clcosdk:gap-4 clcosdk:md:gap-6",
+            cols >= 2 && "clcosdk:sm:grid-cols-2",
+            cols >= 3 && "clcosdk:md:grid-cols-3",
+            className
+          ),
+          style: { maxWidth: maxGridWidth },
+          children: offers.map((offer) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            OfferAssetCard,
+            {
+              offer,
+              onClick: interactive ? () => onOfferClick(offer.id) : void 0
+            },
+            offer.id
+          ))
+        }
+      )
     }
-  );
+  ) });
 }
 
-// src/client/components/requirements/checklist/RequirementItem.tsx
-var import_lucide_react15 = require("lucide-react");
+// src/client/components/offers/shared/OfferSaleCard.tsx
+var import_lucide_react13 = 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 statusConfig = {
-  required: {
-    Icon: import_lucide_react14.Info,
-    colorClass: "clcosdk:text-warning",
-    fillClass: "clcosdk:[&_circle]:fill-warning-subtle"
-  },
-  pending: {
-    Icon: import_lucide_react14.Info,
-    colorClass: "clcosdk:text-warning",
-    fillClass: "clcosdk:[&_circle]:fill-warning-subtle"
-  },
-  completed: {
-    Icon: import_lucide_react14.CircleCheck,
-    colorClass: "clcosdk:text-success",
-    fillClass: "clcosdk:[&_circle]:fill-success-subtle"
-  },
-  rejected: {
-    Icon: import_lucide_react14.CircleX,
-    colorClass: "clcosdk:text-error",
-    fillClass: "clcosdk:[&_circle]:fill-error-subtle"
+// src/client/components/offers/shared/sale-card-status.ts
+function saleCardStatus({
+  endsAt,
+  secondsUntilStart,
+  secondsLeft
+}) {
+  if (secondsUntilStart !== null && secondsUntilStart > 0) {
+    return {
+      phase: "upcoming",
+      label: formatSaleCardCountdown(secondsUntilStart)
+    };
   }
-};
-function StepStatusIcon({ status, className }) {
-  const { Icon, colorClass, fillClass } = statusConfig[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-    Icon,
+  if (endsAt === null) {
+    return { phase: "live", label: "Live" };
+  }
+  if (secondsLeft === null || secondsLeft <= 0) {
+    return { phase: "ended", label: "Ended" };
+  }
+  return {
+    phase: "live",
+    label: formatSaleCardCountdown(secondsLeft)
+  };
+}
+
+// src/client/components/offers/shared/OfferSaleCard.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+function OfferSaleCard({
+  offer,
+  onClick,
+  className,
+  containerClassName
+}) {
+  const secondsUntilStart = useCountdown({ until: offer.startsAt });
+  const secondsLeft = useCountdown({ until: offer.endsAt });
+  const status = saleCardStatus({
+    endsAt: offer.endsAt,
+    secondsUntilStart,
+    secondsLeft
+  });
+  const interactive = onClick !== void 0;
+  const card = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    "article",
     {
       className: cn(
-        "clcosdk:h-6 clcosdk:w-6 clcosdk:shrink-0",
-        colorClass,
-        fillClass,
+        "clcosdk:relative clcosdk:flex clcosdk:h-full clcosdk:w-full clcosdk:flex-col clcosdk:gap-4 clcosdk:overflow-hidden clcosdk:rounded-[28px] clcosdk:border-2 clcosdk:border-sale-card-border clcosdk:bg-[image:var(--sale-card-surface)] clcosdk:p-5 clcosdk:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.08),0px_12px_28px_0px_rgba(0,0,0,0.13)]",
+        "clcosdk:md:gap-6 clcosdk:md:rounded-[40px] clcosdk:md:p-8",
+        interactive && "clcosdk:group clcosdk:cursor-pointer clcosdk:transition-transform clcosdk:duration-300 clcosdk:ease-out clcosdk:hover:scale-[1.02] clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-sale-card-focus-ring clcosdk:focus-visible:ring-offset-2 clcosdk:focus-visible:outline-none clcosdk:max-md:hover:scale-100",
         className
       ),
-      "aria-hidden": "true"
+      "aria-label": interactive ? cardActionLabel2(offer, status.phase) : void 0,
+      role: interactive ? "button" : void 0,
+      tabIndex: interactive ? 0 : void 0,
+      onClick,
+      onKeyDown: interactive ? (event) => onOfferCardKeyDown(event, onClick) : void 0,
+      children: [
+        offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "clcosdk:pointer-events-none clcosdk:absolute clcosdk:top-1/2 clcosdk:right-[-14%] clcosdk:z-0 clcosdk:size-[15rem] clcosdk:-translate-y-1/2 clcosdk:md:right-[-10%] clcosdk:md:size-[20rem]",
+            style: { mixBlendMode: "overlay" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              "img",
+              {
+                src: offer.logoUrl,
+                alt: "",
+                className: "clcosdk:size-full clcosdk:rounded-full clcosdk:object-cover",
+                style: { maxWidth: "none", width: "100%", height: "100%" }
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:flex clcosdk:flex-col clcosdk:gap-2 clcosdk:md:gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2.5 clcosdk:md:gap-3", children: [
+            offer.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "clcosdk:h-8 clcosdk:w-8 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-9 clcosdk:md:w-9", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              "img",
+              {
+                src: offer.logoUrl,
+                alt: "",
+                width: 36,
+                height: 36,
+                className: "clcosdk:size-full clcosdk:object-cover",
+                style: { maxWidth: "none", width: "100%", height: "100%" }
+              }
+            ) }) : null,
+            offer.name ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              "h2",
+              {
+                className: cn(
+                  "clcosdk:min-w-0 clcosdk:truncate clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-sale-card-text clcosdk:md:text-[28px] clcosdk:md:leading-[120%]"
+                ),
+                children: offer.name
+              }
+            ) : null
+          ] }),
+          offer.tagline ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            "p",
+            {
+              className: cn(
+                typeClasses.bodySm,
+                "clcosdk:text-sale-card-text-muted clcosdk:md:text-[16px] clcosdk:md:leading-[160%]"
+              ),
+              children: offer.tagline
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:mt-auto clcosdk:flex clcosdk:h-11 clcosdk:w-full clcosdk:min-w-0 clcosdk:items-center clcosdk:justify-between clcosdk:gap-2 clcosdk:rounded-full clcosdk:border clcosdk:border-sale-card-chrome-border clcosdk:bg-sale-card-chrome-bg clcosdk:py-1.5 clcosdk:pr-1.5 clcosdk:pl-3 clcosdk:md:h-[54px] clcosdk:md:gap-3 clcosdk:md:py-2 clcosdk:md:pr-2 clcosdk:md:pl-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2 clcosdk:md:gap-3", children: [
+            status.phase === "live" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+              "span",
+              {
+                className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-2 clcosdk:shrink-0",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "clcosdk-status-dot-ping clcosdk:absolute clcosdk:inset-0 clcosdk:rounded-full clcosdk:bg-positive" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-full clcosdk:rounded-full clcosdk:bg-positive" })
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              "p",
+              {
+                className: cn(
+                  typeClasses.data,
+                  "clcosdk:min-w-0 clcosdk:truncate clcosdk:text-sale-card-text"
+                ),
+                children: status.label
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+            "span",
+            {
+              className: cn(
+                "clcosdk:inline-flex clcosdk:h-full clcosdk:shrink-0 clcosdk:items-center clcosdk:gap-1.5 clcosdk:rounded-full clcosdk:border clcosdk:border-sale-card-chrome-border clcosdk:bg-sale-card-chrome-bg clcosdk:px-3 clcosdk:text-sm clcosdk:font-semibold clcosdk:text-sale-card-text-strong clcosdk:md:px-6 clcosdk:md:text-base",
+                interactive && "clcosdk:transition-[background-color,border-color] clcosdk:duration-500 clcosdk:ease-out clcosdk:group-hover:border-sale-card-chrome-emphasis-border clcosdk:group-hover:bg-sale-card-chrome-emphasis-bg clcosdk:group-focus-visible:border-sale-card-chrome-emphasis-border clcosdk:group-focus-visible:bg-sale-card-chrome-emphasis-bg"
+              ),
+              "aria-hidden": "true",
+              children: [
+                "View",
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "clcosdk:max-md:hidden", children: " offer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react13.ArrowRight, { className: "clcosdk:size-4", "aria-hidden": true })
+              ]
+            }
+          )
+        ] })
+      ]
     }
   );
+  const wrapped = containerClassName ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: containerClassName, children: card }) : card;
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CoinListStyleScope, { children: wrapped });
+}
+var SALE_PHASE_LABEL = {
+  upcoming: "Upcoming",
+  live: "Live",
+  ended: "Ended"
+};
+function cardActionLabel2(offer, phase) {
+  const title2 = offer.name || offer.tagline;
+  return [title2, SALE_PHASE_LABEL[phase], "View offer"].filter(Boolean).join(". ");
 }
 
-// src/client/components/requirements/checklist/RequirementItem.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-function VerificationActionZone({
-  status,
-  onAction,
-  onContactSupport
-}) {
-  switch (status) {
-    case "required":
-      if (onAction === null) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
-    case "pending":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        AlertBanner,
-        {
-          variant: "warning",
-          content: "Under review. We'll notify you when complete."
-        }
-      );
-    case "completed":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlertBanner, { variant: "success", content: "Identity verified." });
-    case "rejected":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        AlertBanner,
-        {
-          variant: "error",
-          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-            "Verification rejected.",
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-              "button",
-              {
-                type: "button",
-                onClick: onContactSupport,
-                className: "clcosdk:underline",
-                children: "Contact support"
-              }
-            ),
-            "."
-          ] })
-        }
-      );
-  }
+// src/client/components/offers/grid/OffersGridView.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var DEFAULT_MAX_COLUMNS2 = 2;
+function OffersGridView(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(OffersGridViewBody, { ...props }) });
 }
-function WalletActionZone({
-  status,
-  multiWallet,
-  connectedWallets,
-  walletsStatus,
-  onAction,
-  onRemoveWallet
+function OffersGridViewBody({
+  state,
+  onEvent,
+  maxColumns,
+  className,
+  containerClassName,
+  loading,
+  error,
+  emptyState
 }) {
-  if (multiWallet) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        ConnectedWalletList,
-        {
-          wallets: connectedWallets,
-          onRemove: onRemoveWallet,
-          onAdd: onAction ?? void 0,
-          status: walletsStatus
-        }
-      ),
-      status === "rejected" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        AlertBanner,
-        {
-          variant: "error",
-          content: "One of these wallets is not eligible for this sale."
-        }
-      )
-    ] });
-  }
-  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)(
-        AlertBanner,
-        {
-          variant: "info",
-          content: "Loading your connected wallet\u2026"
-        }
-      ) : walletsStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        AlertBanner,
-        {
-          variant: "error",
-          content: "Couldn't load your connected wallet."
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        AlertBanner,
-        {
-          variant: "success",
-          content: connected ? connected.shortAddress : "Wallet connected."
-        }
-      )
-    ] });
-  }
-  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)(
-        AlertBanner,
+  switch (state.type) {
+    case "loading":
+      return loading ?? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LoadingState, {});
+    case "error":
+      return error ?? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorState, { message: state.message });
+    case "empty":
+      return emptyState ?? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyState, {});
+    case "content":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        OffersGridContent,
         {
-          variant: "error",
-          content: "This wallet is not eligible for this sale."
+          offers: state.offers,
+          interactive: state.interactive,
+          onEvent,
+          maxColumns,
+          className,
+          containerClassName
         }
-      )
-    ] });
+      );
+    default: {
+      const exhaustive = state;
+      return exhaustive;
+    }
   }
-  if (onAction === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
 }
-function RequirementItem({
-  ui,
-  expanded = false,
-  onToggle,
+function OffersGridContent({
+  offers,
+  interactive,
+  onEvent,
+  maxColumns,
   className,
-  onAction,
-  onRemoveWallet,
-  walletsStatus,
-  onContactSupport
+  containerClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  const cols = Math.min(
+    DEFAULT_MAX_COLUMNS2,
+    Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS2)
+  );
+  const maxGridWidth = `calc(${cols} * 28rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       className: cn(
-        "clcosdk:flex clcosdk:w-full clcosdk:flex-col",
-        className
+        "clcosdk:flex clcosdk:w-full clcosdk:justify-center",
+        containerClassName
       ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        "div",
+        {
+          className: cn(
+            "clcosdk:grid clcosdk:w-full clcosdk:grid-cols-1 clcosdk:gap-4 clcosdk:md:gap-6",
+            cols >= 2 && "clcosdk:md:grid-cols-2",
+            className
+          ),
+          style: { maxWidth: maxGridWidth },
+          children: offers.map((offer) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            OfferSaleCard,
+            {
+              offer,
+              onClick: interactive ? () => onEvent({ type: "ON_OFFER_CLICK", offerId: offer.id }) : void 0
+            },
+            offer.id
+          ))
+        }
+      )
+    }
+  );
+}
+function LoadingState() {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading offers..." })
+    }
+  );
+}
+function ErrorState({ message }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    AlertBanner,
+    {
+      variant: "error",
+      icon: true,
+      content: message,
+      className: "clcosdk:w-full clcosdk:max-w-[28rem]"
+    }
+  );
+}
+function EmptyState() {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    "output",
+    {
+      "aria-live": "polite",
+      className: "clcosdk:flex clcosdk:min-h-40 clcosdk:flex-col clcosdk:items-center clcosdk:justify-center clcosdk:gap-2 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6 clcosdk:text-center",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-          "button",
-          {
-            type: "button",
-            onClick: onToggle,
-            "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)(
-                  "span",
-                  {
-                    className: cn(
-                      typeClasses.body,
-                      "clcosdk:whitespace-nowrap clcosdk:font-medium clcosdk:text-text-primary"
-                    ),
-                    children: ui.label
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                import_lucide_react15.ChevronRight,
-                {
-                  className: cn(
-                    "clcosdk:h-6 clcosdk:w-6 clcosdk:shrink-0 clcosdk:text-text-secondary clcosdk:transition-transform clcosdk:duration-300",
-                    expanded && "clcosdk:rotate-90"
-                  ),
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          "div",
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          "p",
           {
             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]"
+              typeClasses.body,
+              "clcosdk:font-medium clcosdk:text-text-primary"
             ),
-            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)(
-                "p",
-                {
-                  className: cn(
-                    typeClasses.subhead,
-                    "clcosdk:text-text-secondary"
-                  ),
-                  children: ui.description
-                }
-              ),
-              ui.variant === "verification" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                VerificationActionZone,
-                {
-                  status: ui.status,
-                  onAction,
-                  onContactSupport
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                WalletActionZone,
-                {
-                  status: ui.status,
-                  multiWallet: ui.multiWallet,
-                  connectedWallets: ui.connectedWallets,
-                  walletsStatus,
-                  onAction,
-                  onRemoveWallet
-                }
-              )
-            ] }) })
+            children: "No offers available"
           }
-        )
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"), children: "Check back soon for upcoming opportunities." })
       ]
     }
-  ) });
+  );
+}
+
+// src/client/hooks/offers/grid/useOffersGridViewModel.ts
+var import_react37 = require("react");
+
+// src/client/hooks/offers/data/useOffers.ts
+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_react36.useState)(
+    serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE3
+  );
+  (0, import_react36.useEffect)(() => {
+    let isCancelled = false;
+    if (!isReady) {
+      if (serverOffers === void 0) {
+        setOffersState(LOADING_STATE3);
+      }
+      return () => {
+        isCancelled = true;
+      };
+    }
+    if (serverOffers !== void 0) {
+      return () => {
+        isCancelled = true;
+      };
+    }
+    setOffersState(LOADING_STATE3);
+    coinlist.offers.list().then((offers) => {
+      if (!isCancelled) {
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", count: offers.length }
+        }));
+        setOffersState({ type: "CONTENT", offers });
+      }
+    }).catch((error) => {
+      if (!isCancelled) {
+        const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+        log.failure(
+          () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+          error
+        );
+        setOffersState({ type: "ERROR", reason });
+      }
+    });
+    return () => {
+      isCancelled = true;
+    };
+  }, [coinlist, isReady, serverOffers, log]);
+  return { offersState };
 }
 
-// src/client/components/requirements/checklist/RequirementsChecklistView.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
-function RequirementsChecklistView(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RequirementsChecklistViewBody, { ...props }) });
-}
-function RequirementsChecklistViewBody({
-  state,
-  onEvent,
-  loading,
-  error,
-  unauthenticatedState,
-  className
-}) {
-  switch (state.type) {
-    case "loading":
-      return loading ?? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(LoadingState2, {});
-    case "not-authenticated":
-      return unauthenticatedState ?? null;
-    case "error":
-      return error ?? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-        AlertBanner,
-        {
-          variant: "error",
-          icon: true,
-          content: "Unable to load requirements right now. Please try again.",
-          className: "clcosdk:w-full clcosdk:max-w-[28rem]"
+// src/client/hooks/offers/shared/offer-sale-card.types.ts
+var OfferSaleCardUi = {
+  fromOffer: (offer) => ({
+    id: offer.id,
+    tagline: offer.tagline,
+    logoUrl: offer.logoUrl,
+    startsAt: offer.startsAt,
+    endsAt: offer.endsAt
+  }),
+  fromDetail: (detail) => ({
+    id: detail.id,
+    name: detail.name,
+    tagline: detail.tagline,
+    logoUrl: detail.logoUrl,
+    startsAt: detail.startsAt,
+    endsAt: detail.endsAt
+  })
+};
+
+// src/client/hooks/offers/grid/useOffersGridViewModel.ts
+var NOT_AUTHENTICATED_MESSAGE = "Sign in to view available offers.";
+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_react37.useMemo)(
+    () => toUiState(offersState, onOfferClick !== void 0),
+    [offersState, onOfferClick]
+  );
+  const onEvent = (0, import_react37.useCallback)(
+    (event) => {
+      switch (event.type) {
+        case "ON_OFFER_CLICK": {
+          if (offersState.type !== "CONTENT" || !onOfferClick) {
+            return;
+          }
+          const offer = offersState.offers.find((o) => o.id === event.offerId);
+          if (offer) {
+            onOfferClick(offer);
+          }
+          return;
         }
-      );
-    case "content":
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
-        "div",
-        {
-          className: cn(
-            "clcosdk:flex clcosdk:w-full clcosdk:flex-col clcosdk:gap-4",
-            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_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)(
-              RequirementItem,
-              {
-                ui: row.item,
-                expanded: row.expanded,
-                onToggle: () => onEvent({ type: "ON_TOGGLE_ITEM", requirementId: row.id }),
-                onAction: row.actionEnabled ? () => onEvent({
-                  type: "ON_REQUIREMENT_ACTION",
-                  requirementId: row.id
-                }) : null,
-                onRemoveWallet: row.wallets ? (id) => state.removeWallet(id) : void 0,
-                walletsStatus: row.wallets?.status,
-                onContactSupport: row.contactSupportEnabled ? () => onEvent({
-                  type: "ON_CONTACT_SUPPORT",
-                  requirementId: row.id
-                }) : null
-              },
-              row.id
-            )) }),
-            state.ineligible && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              AlertBanner,
-              {
-                variant: "error",
-                icon: true,
-                content: "You are not eligible to participate."
-              }
-            ),
-            state.continueAction && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              ClButton,
-              {
-                fullWidth: true,
-                disabled: !state.continueAction.enabled,
-                onClick: () => onEvent({ type: "ON_CONTINUE" }),
-                children: "Continue"
-              }
-            )
-          ]
+        default: {
+          const exhaustive = event.type;
+          return exhaustive;
         }
-      );
+      }
+    },
+    [offersState, onOfferClick]
+  );
+  return { state, onEvent };
+}
+function toUiState(offersState, interactive) {
+  switch (offersState.type) {
+    case "LOADING":
+      return { type: "loading" };
+    case "ERROR":
+      return {
+        type: "error",
+        message: offersState.reason === "not-authenticated" ? NOT_AUTHENTICATED_MESSAGE : GENERIC_ERROR_MESSAGE
+      };
+    case "CONTENT": {
+      if (offersState.offers.length === 0) {
+        return { type: "empty" };
+      }
+      return {
+        type: "content",
+        offers: offersState.offers.map(OfferSaleCardUi.fromOffer),
+        interactive
+      };
+    }
     default: {
-      const exhaustive = state;
+      const exhaustive = offersState;
       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/offers/grid/OffersGridContainer.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function OffersGridContainer({
+  data,
+  onOfferClick,
+  ...viewProps
+} = {}) {
+  const { state, onEvent } = useOffersGridViewModel({ data, onOfferClick });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(OffersGridView, { state, onEvent, ...viewProps });
 }
 
-// src/client/components/requirements/checklist/VerificationOverlay.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-function VerificationOverlay({
-  onClose,
-  children
+// src/client/components/requirements/ConnectedWalletList.tsx
+var import_react38 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function ConnectedWalletRow({
+  wallet,
+  onRemove
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(VerificationOverlayBody, { onClose, children }) });
+  const [state, setState] = (0, import_react38.useState)("idle");
+  const remove = async () => {
+    if (!onRemove) return;
+    setState("removing");
+    try {
+      await onRemove(wallet.id);
+      setState("idle");
+    } catch {
+      setState("error");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "clcosdk:flex clcosdk:min-h-9 clcosdk:flex-wrap clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      "span",
+      {
+        title: wallet.address,
+        className: cn(
+          typeClasses.body,
+          "clcosdk:font-mono clcosdk:text-text-primary"
+        ),
+        children: wallet.shortAddress
+      }
+    ),
+    onRemove != null && (state === "confirming" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        "span",
+        {
+          className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
+          children: "Remove?"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ClButton, { size: "sm", variant: "destructive", onClick: remove, children: "Remove" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        ClButton,
+        {
+          size: "sm",
+          variant: "ghost",
+          onClick: () => setState("idle"),
+          children: "Cancel"
+        }
+      )
+    ] }) : state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: "Couldn't remove." }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        ClButton,
+        {
+          size: "sm",
+          variant: "destructiveLink",
+          onClick: () => setState("confirming"),
+          children: "Try again"
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      ClButton,
+      {
+        size: "sm",
+        variant: "destructiveLink",
+        disabled: state === "removing",
+        onClick: () => setState("confirming"),
+        children: state === "removing" ? "Removing\u2026" : "Remove"
+      }
+    ))
+  ] });
 }
-function VerificationOverlayBody({
-  onClose,
-  children
+function ConnectedWalletList(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ConnectedWalletListBody, { ...props }) });
+}
+function ConnectedWalletListBody({
+  wallets,
+  onRemove,
+  onAdd,
+  addLabel = "Add wallet",
+  status = "ready",
+  className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "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,
+      className: cn("clcosdk:flex clcosdk:flex-col clcosdk:gap-2", className),
+      children: [
+        status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertBanner, { variant: "info", content: "Loading your connected wallets\u2026" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          AlertBanner,
           {
-            onClick: onClose,
-            className: "clcosdk:absolute clcosdk:top-4 clcosdk:right-4"
+            variant: "error",
+            content: "Couldn't load your connected wallets."
           }
-        ),
-        children
-      ] })
+        ) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertBanner, { variant: "info", content: "No wallets connected yet." }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: wallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          ConnectedWalletRow,
+          {
+            wallet,
+            onRemove
+          },
+          wallet.id
+        )) }),
+        onAdd != null && status !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          ClButton,
+          {
+            size: "sm",
+            variant: "secondary",
+            onClick: onAdd,
+            className: "clcosdk:self-start",
+            children: addLabel
+          }
+        )
+      ]
     }
   );
 }
 
 // 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");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function IdentityVerificationView(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IdentityVerificationViewBody, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(IdentityVerificationViewBody, { ...props }) });
 }
 function IdentityVerificationViewBody({
   state,
@@ -13278,7 +12898,7 @@ function IdentityVerificationViewBody({
 }) {
   switch (state.type) {
     case "loading":
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "output",
         {
           "aria-live": "polite",
@@ -13286,11 +12906,11 @@ function IdentityVerificationViewBody({
             "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..." })
+          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_runtime61.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
         "div",
         {
           className: cn(
@@ -13298,13 +12918,13 @@ function IdentityVerificationViewBody({
             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" })
+            /* @__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_runtime61.jsx)("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      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,
@@ -13454,35 +13074,384 @@ function useIdentityVerificationViewModel(options = {}) {
   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,
+// 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_runtime59 = require("react/jsx-runtime");
+var statusConfig = {
+  required: {
+    Icon: import_lucide_react14.Info,
+    colorClass: "clcosdk:text-warning",
+    fillClass: "clcosdk:[&_circle]:fill-warning-subtle"
+  },
+  pending: {
+    Icon: import_lucide_react14.Info,
+    colorClass: "clcosdk:text-warning",
+    fillClass: "clcosdk:[&_circle]:fill-warning-subtle"
+  },
+  completed: {
+    Icon: import_lucide_react14.CircleCheck,
+    colorClass: "clcosdk:text-success",
+    fillClass: "clcosdk:[&_circle]:fill-success-subtle"
+  },
+  rejected: {
+    Icon: import_lucide_react14.CircleX,
+    colorClass: "clcosdk:text-error",
+    fillClass: "clcosdk:[&_circle]:fill-error-subtle"
+  }
+};
+function StepStatusIcon({ status, className }) {
+  const { Icon, colorClass, fillClass } = statusConfig[status];
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    Icon,
+    {
+      className: cn(
+        "clcosdk:h-6 clcosdk:w-6 clcosdk:shrink-0",
+        colorClass,
+        fillClass,
+        className
+      ),
+      "aria-hidden": "true"
+    }
+  );
+}
+
+// src/client/components/requirements/RequirementItem.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
+function VerificationActionZone({
+  status,
+  onAction,
+  onContactSupport
+}) {
+  switch (status) {
+    case "required":
+      if (onAction === null) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
+    case "pending":
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        AlertBanner,
+        {
+          variant: "warning",
+          content: "Under review. We'll notify you when complete."
+        }
+      );
+    case "completed":
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AlertBanner, { variant: "success", content: "Identity verified." });
+    case "rejected":
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        AlertBanner,
+        {
+          variant: "error",
+          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+            "Verification rejected.",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: onContactSupport,
+                className: "clcosdk:underline",
+                children: "Contact support"
+              }
+            ),
+            "."
+          ] })
+        }
+      );
+  }
+}
+function WalletActionZone({
+  status,
+  multiWallet,
+  connectedWallets,
+  walletsStatus,
+  onAction,
+  onRemoveWallet
+}) {
+  if (multiWallet) {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        ConnectedWalletList,
+        {
+          wallets: connectedWallets,
+          onRemove: onRemoveWallet,
+          onAdd: onAction ?? void 0,
+          status: walletsStatus
+        }
+      ),
+      status === "rejected" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        AlertBanner,
+        {
+          variant: "error",
+          content: "One of these wallets is not eligible for this sale."
+        }
+      )
+    ] });
+  }
+  if (status === "completed") {
+    const connected = connectedWallets[0];
+    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_runtime60.jsx)(
+        AlertBanner,
+        {
+          variant: "error",
+          content: "Couldn't load your connected wallet."
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        AlertBanner,
+        {
+          variant: "success",
+          content: connected ? connected.shortAddress : "Wallet connected."
+        }
+      )
+    ] });
+  }
+  if (status === "rejected") {
+    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",
+          content: "This wallet is not eligible for this sale."
+        }
+      )
+    ] });
+  }
+  if (onAction === null) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
+}
+function RequirementItem({
+  ui,
+  expanded = false,
+  onToggle,
+  className,
+  onAction,
+  onRemoveWallet,
+  walletsStatus,
+  onContactSupport
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+    "div",
+    {
+      className: cn(
+        "clcosdk:flex clcosdk:w-full clcosdk:flex-col",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: onToggle,
+            "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_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(
+                      typeClasses.body,
+                      "clcosdk:whitespace-nowrap clcosdk:font-medium clcosdk:text-text-primary"
+                    ),
+                    children: ui.label
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                import_lucide_react15.ChevronRight,
+                {
+                  className: cn(
+                    "clcosdk:h-6 clcosdk:w-6 clcosdk:shrink-0 clcosdk:text-text-secondary clcosdk:transition-transform clcosdk:duration-300",
+                    expanded && "clcosdk:rotate-90"
+                  ),
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__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_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(
+                    typeClasses.subhead,
+                    "clcosdk:text-text-secondary"
+                  ),
+                  children: ui.description
+                }
+              ),
+              ui.variant === "verification" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                VerificationActionZone,
+                {
+                  status: ui.status,
+                  onAction,
+                  onContactSupport
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                WalletActionZone,
+                {
+                  status: ui.status,
+                  multiWallet: ui.multiWallet,
+                  connectedWallets: ui.connectedWallets,
+                  walletsStatus,
+                  onAction,
+                  onRemoveWallet
+                }
+              )
+            ] }) })
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/client/components/requirements/RequirementsChecklistView.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+function RequirementsChecklistView(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RequirementsChecklistViewBody, { ...props }) });
+}
+function RequirementsChecklistViewBody({
+  state,
+  onEvent,
+  loading,
+  error,
+  unauthenticatedState,
   className
 }) {
-  const { state, onEvent } = useIdentityVerificationViewModel({
-    levelName,
-    reset,
-    locale,
-    onSubmitted,
-    onError
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-    IdentityVerificationView,
+  switch (state.type) {
+    case "loading":
+      return loading ?? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingState2, {});
+    case "not-authenticated":
+      return unauthenticatedState ?? null;
+    case "error":
+      return error ?? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        AlertBanner,
+        {
+          variant: "error",
+          icon: true,
+          content: "Unable to load requirements right now. Please try again.",
+          className: "clcosdk:w-full clcosdk:max-w-[28rem]"
+        }
+      );
+    case "content":
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        "div",
+        {
+          className: cn(
+            "clcosdk:flex clcosdk:w-full clcosdk:flex-col clcosdk:gap-4",
+            className
+          ),
+          children: [
+            /* @__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_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,
+                expanded: row.expanded,
+                onToggle: () => onEvent({ type: "ON_TOGGLE_ITEM", requirementId: row.id }),
+                onAction: row.actionEnabled ? () => onEvent({
+                  type: "ON_REQUIREMENT_ACTION",
+                  requirementId: row.id
+                }) : null,
+                onRemoveWallet: row.wallets ? (id) => state.removeWallet(id) : void 0,
+                walletsStatus: row.wallets?.status,
+                onContactSupport: row.contactSupportEnabled ? () => onEvent({
+                  type: "ON_CONTACT_SUPPORT",
+                  requirementId: row.id
+                }) : null
+              },
+              row.id
+            )) }),
+            state.ineligible && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              AlertBanner,
+              {
+                variant: "error",
+                icon: true,
+                content: "You are not eligible to participate."
+              }
+            ),
+            state.continueAction && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              ClButton,
+              {
+                fullWidth: true,
+                disabled: !state.continueAction.enabled,
+                onClick: () => onEvent({ type: "ON_CONTINUE" }),
+                children: "Continue"
+              }
+            )
+          ]
+        }
+      );
+    default: {
+      const exhaustive = state;
+      return exhaustive;
+    }
+  }
+}
+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,
@@ -13491,7 +13460,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(
@@ -13499,11 +13468,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 })
       ]
     }
   ) }) });
@@ -13514,11 +13483,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,
@@ -13529,9 +13498,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,
@@ -13546,14 +13515,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))
     }
   );
@@ -13565,9 +13534,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",
@@ -13575,27 +13544,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,
@@ -13605,7 +13574,7 @@ function ReviewScreen({
           children: "Sign W-8BEN"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ClButton,
         {
           fullWidth: true,
@@ -13622,20 +13591,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",
@@ -13656,9 +13625,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,
@@ -13675,10 +13644,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,
@@ -13990,7 +13959,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,
@@ -14002,7 +13971,7 @@ function TaxDocumentModalContainer({
     onClose,
     onSubmitted
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     TaxDocumentModalView,
     {
       state,
@@ -14012,6 +13981,39 @@ 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_react43 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
@@ -14407,60 +14409,9 @@ function ConnectWalletModalContainer({
   );
 }
 
-// src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.ts
+// src/client/hooks/requirements/useRequirementsChecklistViewModel.ts
 var import_react48 = 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/data/useOptionAddresses.ts
 var import_react46 = require("react");
 var LOADING_STATE6 = { type: "LOADING" };
@@ -14609,7 +14560,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",
@@ -14924,7 +14926,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,
@@ -14990,10 +14992,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 = {};
@@ -15119,7 +15121,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