@coinlist-co/react 0.12.2-rc.9fb6364 → 0.12.2-rc.abd9d38

package/dist/client/index.js

@@ -7,7 +7,7 @@ import {
   notifySessionExpired,
   publicClients,
   systemDelay
-} from "../chunk-STAHYDLY.js";
+} from "../chunk-45LAPB7U.js";
 import {
   AuthorizationCode,
   CodeVerifier,
@@ -36,12 +36,13 @@ import {
   decodeSwappedOutputAmount,
   formattedPricePerShare,
   generatePKCEParams,
+  isOndoNotTradableError,
   isSwapAvailable,
   offerDisplayTokens,
   ondoQuoteOfferDeadline,
   superstateSwapContractAddress,
   swapSpender
-} from "../chunk-KRA6EM2L.js";
+} from "../chunk-M7WDZZPX.js";
 import {
   API_VERSION,
   AssetDecimals,
@@ -94,7 +95,7 @@ import {
   shortenAddress,
   txExplorerUrl,
   usdAmount
-} from "../chunk-BNMF2HMW.js";
+} from "../chunk-HDJEDOS4.js";
 
 // src/client/CoinListProvider.tsx
 import {
@@ -3021,6 +3022,8 @@ function InfoIcon() {
 import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var UNSUPPORTED_CHAIN_TITLE = "Not available on this network";
 var UNSUPPORTED_CHAIN_DESCRIPTION = "Ondo orders cannot be placed on the selected network.";
+var NOT_TRADABLE_TITLE = "Trading is closed right now";
+var NOT_TRADABLE_DESCRIPTION = "This asset cannot be traded at the moment. Come back when the market opens.";
 function OndoCheckoutError({
   reason,
   className
@@ -3062,6 +3065,8 @@ function title(reason) {
   switch (reason) {
     case "unsupported-chain":
       return UNSUPPORTED_CHAIN_TITLE;
+    case "not-tradable":
+      return NOT_TRADABLE_TITLE;
     default: {
       const exhaustive = reason;
       return exhaustive;
@@ -3072,6 +3077,8 @@ function description(reason) {
   switch (reason) {
     case "unsupported-chain":
       return UNSUPPORTED_CHAIN_DESCRIPTION;
+    case "not-tradable":
+      return NOT_TRADABLE_DESCRIPTION;
     default: {
       const exhaustive = reason;
       return exhaustive;
@@ -4200,7 +4207,9 @@ import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef4
 
 // src/client/hooks/checkout/ondo/shared/data/ondo-load-error.ts
 function ondoLoadErrorReason(error) {
-  return error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+  if (error instanceof NotAuthenticatedError) return "not-authenticated";
+  if (isOndoNotTradableError(error)) return "not-tradable";
+  return "generic-error";
 }
 
 // src/client/hooks/checkout/ondo/buy/data/useOndoBuyTransaction.ts
@@ -4505,6 +4514,8 @@ function refreshErrorMessage(reason) {
   switch (reason) {
     case "not-authenticated":
       return "Sign in to refresh this quote.";
+    case "not-tradable":
+      return "Trading is paused for this asset. Try again when the market opens.";
     case "generic-error":
       return "Could not refresh the quote.";
     default: {
@@ -4632,6 +4643,9 @@ function quoteSizeFromKey(key) {
 
 // src/client/hooks/checkout/ondo/shared/data/useOndoTradingStatus.ts
 import { useEffect as useEffect9, useRef as useRef7, useState as useState8 } from "react";
+function isNotTradable(state) {
+  return state.type === "CONTENT" && state.status.type === "not-tradable";
+}
 var LOADING2 = { type: "LOADING" };
 function useOndoTradingStatus(options) {
   const {
@@ -4701,6 +4715,30 @@ function useOndoTradingStatus(options) {
   return { state };
 }
 
+// src/client/hooks/checkout/ondo/shared/ondo-checkout-error.types.ts
+var OndoCheckoutErrorReason = {
+  /**
+   * Which reason, if any, replaces the whole checkout. `null` means the steps
+   * render.
+   *
+   * `unsupported-chain` wins because it is settled at mount: no market state
+   * can make a chain with no contract tradable. `not-tradable` needs both a
+   * market *known* to be closed and a user still at the start of the flow,
+   * with no order confirmation on screen. Past the first step a pause belongs
+   * to the step it interrupts, and a just-placed order's dialog must not be
+   * hidden by a market that closed after it filled.
+   */
+  of: ({
+    swappableHere,
+    notTradable,
+    atEntry
+  }) => {
+    if (!swappableHere) return "unsupported-chain";
+    if (notTradable && atEntry) return "not-tradable";
+    return null;
+  }
+};
+
 // src/client/hooks/checkout/ondo/shared/sidebar/useOndoSidebarViewModel.ts
 var MARKET_OPEN = "Market open";
 var MARKET_CLOSED2 = "Market closed";
@@ -5019,18 +5057,19 @@ function useOndoBuyCheckoutViewModel({
   const [orderConfirmed, setOrderConfirmed] = useState11(null);
   const swappableHere = swapSpender(offer.swapContracts, chain) !== null;
   const live = enabled && swappableHere;
-  const { state: priceState } = useOndoPrice({
+  const { state: tradingStatusState } = useOndoTradingStatus({
     symbol: ondoSymbol,
     side: "buy",
-    size: priceSize(step),
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
     enabled: live
   });
-  const { state: tradingStatusState } = useOndoTradingStatus({
+  const notTradable = isNotTradable(tradingStatusState);
+  const { state: priceState } = useOndoPrice({
     symbol: ondoSymbol,
     side: "buy",
+    size: priceSize(step),
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
-    enabled: live
+    enabled: live && !notTradable
   });
   const { state: outputTokenMetadataState } = useCheckoutOfferTokenMetadata({
     offer,
@@ -5108,7 +5147,12 @@ function useOndoBuyCheckoutViewModel({
     priceState,
     tradingStatusState
   });
-  const state = !swappableHere ? { type: "error", reason: "unsupported-chain" } : {
+  const errorReason = OndoCheckoutErrorReason.of({
+    swappableHere,
+    notTradable,
+    atEntry: step.type === "wallet" && orderConfirmed === null
+  });
+  const state = errorReason !== null ? { type: "error", reason: errorReason } : {
     type: "content",
     wallet: walletState,
     amount: amountState,
@@ -6565,6 +6609,8 @@ function refreshErrorMessage2(reason) {
   switch (reason) {
     case "not-authenticated":
       return "Sign in to refresh this quote.";
+    case "not-tradable":
+      return "Trading is paused for this asset. Try again when the market opens.";
     case "generic-error":
       return "Could not refresh the quote.";
     default: {
@@ -6618,18 +6664,19 @@ function useOndoSellCheckoutViewModel({
   const [orderConfirmed, setOrderConfirmed] = useState16(null);
   const swappableHere = swapSpender(offer.swapContracts, chain) !== null;
   const live = enabled && swappableHere;
-  const { state: priceState } = useOndoPrice({
+  const { state: tradingStatusState } = useOndoTradingStatus({
     symbol: ondoSymbol,
     side: "sell",
-    size: priceSize2(step),
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
     enabled: live
   });
-  const { state: tradingStatusState } = useOndoTradingStatus({
+  const notTradable = isNotTradable(tradingStatusState);
+  const { state: priceState } = useOndoPrice({
     symbol: ondoSymbol,
     side: "sell",
+    size: priceSize2(step),
     pollIntervalMs: ONDO_POLL_INTERVAL_MS,
-    enabled: live
+    enabled: live && !notTradable
   });
   const { state: inputTokenMetadataState } = useCheckoutOfferTokenMetadata({
     offer,
@@ -6707,7 +6754,14 @@ function useOndoSellCheckoutViewModel({
     priceState,
     tradingStatusState
   });
-  const state = !swappableHere ? { type: "error", reason: "unsupported-chain" } : {
+  const errorReason = OndoCheckoutErrorReason.of({
+    swappableHere,
+    notTradable,
+    // The step the flow opened on, which for a preselected wallet is the
+    // amount rather than a wallet step it never had.
+    atEntry: step.type === initialStep.type && orderConfirmed === null
+  });
+  const state = errorReason !== null ? { type: "error", reason: errorReason } : {
     type: "content",
     wallet: hasWalletStep ? walletState : null,
     amount: amountState,
@@ -12711,6 +12765,7 @@ export {
   OndoBuyOrderConfirmed,
   OndoBuyReviewView,
   OndoCheckoutError,
+  OndoCheckoutErrorReason,
   OndoSellAmountView,
   OndoSellCheckoutContainer,
   OndoSellCheckoutView,
@@ -12750,6 +12805,7 @@ export {
   formatCountdown,
   formatMonthYear,
   formatSaleCardCountdown,
+  isNotTradable,
   offerAssetIconUrl,
   offerIconUrl,
   offerTokenIdentifier,