@coinlist-co/react 0.12.2-rc.0fda52c → 0.12.2-rc.5f2ca48

package/dist/client/index.js

@@ -7,9 +7,10 @@ import {
   notifySessionExpired,
   publicClients,
   systemDelay
-} from "../chunk-STAHYDLY.js";
+} from "../chunk-6NCNF5GF.js";
 import {
   AuthorizationCode,
+  CENTRIFUGE_POLL_INTERVAL_MS,
   CodeVerifier,
   DEFAULT_AMOUNT_TO_COMPUTE_PRICE,
   DEFAULT_ONDO_AMOUNT_TO_COMPUTE_PRICE,
@@ -36,12 +37,13 @@ import {
   decodeSwappedOutputAmount,
   formattedPricePerShare,
   generatePKCEParams,
+  isOndoNotTradableError,
   isSwapAvailable,
   offerDisplayTokens,
   ondoQuoteOfferDeadline,
   superstateSwapContractAddress,
   swapSpender
-} from "../chunk-KRA6EM2L.js";
+} from "../chunk-VUIDJYHY.js";
 import {
   API_VERSION,
   AssetDecimals,
@@ -51,6 +53,7 @@ import {
   Blockchain,
   BlockchainAmount,
   COINLIST_BASE_URL,
+  CentrifugeNamespaceImpl,
   CoinListTokenSaleNamespaceImpl,
   DecimalString,
   ERC20_ABI,
@@ -94,7 +97,7 @@ import {
   shortenAddress,
   txExplorerUrl,
   usdAmount
-} from "../chunk-BNMF2HMW.js";
+} from "../chunk-XCRU3YE2.js";
 
 // src/client/CoinListProvider.tsx
 import {
@@ -1163,6 +1166,7 @@ var CoinListClientImpl = class {
       this.wallets
     );
     this.ondo = new ClientOndoNamespaceImpl(ctx, this.erc20);
+    this.centrifuge = new CentrifugeNamespaceImpl(ctx);
     this.tokens = new TokensNamespaceImpl(
       config.tokensBaseUrl ?? NABU_BASE_URL,
       logger
@@ -3021,6 +3025,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 +3068,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 +3080,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 +4210,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 +4517,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 +4646,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 +4718,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 +5060,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 +5150,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 +6612,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 +6667,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 +6757,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,
@@ -9244,7 +9301,8 @@ function CheckoutContainer({
         className
       }
     ),
-    tokenSale: (tokenSaleOffer) => config["coinlist::token_sale"].render(tokenSaleOffer)
+    tokenSale: (tokenSaleOffer) => config["coinlist::token_sale"].render(tokenSaleOffer),
+    centrifugeVault: (vaultOffer) => config["centrifuge::vault"].render(vaultOffer)
   });
 }
 function OndoCheckoutContainer({
@@ -9292,6 +9350,8 @@ function renderOffer(offer, branches) {
       return branches.superstate(offer);
     case "coinlist::token_sale":
       return branches.tokenSale(offer);
+    case "centrifuge::vault":
+      return branches.centrifugeVault(offer);
     default: {
       const exhaustive = offer;
       return exhaustive;
@@ -9893,6 +9953,7 @@ function saleWindow(offer) {
     case "superstate::swap":
       return { tagline: offer.tagline, startsAt: offer.startsAt };
     case "ondo::swap":
+    case "centrifuge::vault":
       return { tagline: null, startsAt: null };
     default: {
       const exhaustive = offer;
@@ -12527,17 +12588,220 @@ function useCompleteOAuth(options) {
   }, [coinlist, log]);
 }
 
+// src/client/hooks/checkout/centrifuge/shared/centrifuge-order-reason.ts
+var CENTRIFUGE_VAULT_ORDER_REASON_MESSAGES = {
+  vault_unlinked: "This vault is no longer available on this network.",
+  vault_halted: "Investing in this vault is paused.",
+  proxy_not_permissioned: "This vault cannot accept investments right now.",
+  price_unavailable: "A price is not available for this vault right now.",
+  below_minimum: "Enter at least the minimum amount to invest."
+};
+var ORDER_REASON_SEVERITY = {
+  vault_unlinked: 0,
+  vault_halted: 1,
+  proxy_not_permissioned: 2,
+  price_unavailable: 3,
+  below_minimum: 4
+};
+function centrifugeVaultOrderReasonMessage(reason) {
+  return CENTRIFUGE_VAULT_ORDER_REASON_MESSAGES[reason];
+}
+function primaryCentrifugeVaultOrderReason(reasons) {
+  if (reasons.length === 0) return null;
+  return reasons.reduce(
+    (best, reason) => ORDER_REASON_SEVERITY[reason] < ORDER_REASON_SEVERITY[best] ? reason : best
+  );
+}
+function centrifugeVaultOrderingMessage(orderability) {
+  if (orderability.type === "orderable") return null;
+  const reason = primaryCentrifugeVaultOrderReason(orderability.reasons);
+  return reason === null ? null : centrifugeVaultOrderReasonMessage(reason);
+}
+
+// src/client/hooks/checkout/centrifuge/shared/data/centrifuge-load-error.ts
+function centrifugeLoadErrorReason(error) {
+  return error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+}
+
+// src/client/hooks/checkout/centrifuge/shared/data/useCentrifugeQuote.ts
+import { useEffect as useEffect32, useRef as useRef19, useState as useState33 } from "react";
+var LOADING3 = { type: "LOADING" };
+function useCentrifugeQuote(options) {
+  const {
+    symbol,
+    chain,
+    amount,
+    pollIntervalMs = CENTRIFUGE_POLL_INTERVAL_MS,
+    data,
+    enabled
+  } = options;
+  const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useCentrifugeQuote");
+  const [state, setState] = useState33(
+    () => data === void 0 ? LOADING3 : { type: "CONTENT", quote: data, isRefreshing: false }
+  );
+  const fetchIdRef = useRef19(0);
+  const isFetchingRef = useRef19(false);
+  const hasQuoteRef = useRef19(data !== void 0);
+  useEffect32(() => {
+    if (!isReady || !enabled) return;
+    const currentFetchId = ++fetchIdRef.current;
+    isFetchingRef.current = false;
+    const load = async () => {
+      if (isFetchingRef.current) return;
+      isFetchingRef.current = true;
+      setState(
+        (previous) => previous.type === "CONTENT" ? { ...previous, isRefreshing: true } : previous
+      );
+      try {
+        const quote = await coinlist.centrifuge.getQuote({
+          symbol,
+          chain,
+          // Rebuilt from primitives the effect depends on, so an inline
+          // `amount` from the checkout viewmodel does not restart the poll.
+          amount: BlockchainAmount({
+            raw: amount.raw,
+            decimals: amount.decimals
+          })
+        });
+        if (currentFetchId !== fetchIdRef.current) return;
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT" }
+        }));
+        hasQuoteRef.current = true;
+        setState({ type: "CONTENT", quote, isRefreshing: false });
+      } catch (error) {
+        if (currentFetchId !== fetchIdRef.current) return;
+        const reason = centrifugeLoadErrorReason(error);
+        if (hasQuoteRef.current) {
+          log.warning(
+            () => ({
+              msg: "poll failed; keeping the last quote",
+              fields: { reason }
+            }),
+            error
+          );
+        } else {
+          log.failure(
+            () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+            error
+          );
+        }
+        setState(
+          (previous) => previous.type === "CONTENT" ? { ...previous, isRefreshing: false } : { type: "ERROR", reason }
+        );
+      } finally {
+        if (currentFetchId === fetchIdRef.current) {
+          isFetchingRef.current = false;
+        }
+      }
+    };
+    load();
+    const interval = setInterval(load, pollIntervalMs);
+    return () => {
+      clearInterval(interval);
+      ++fetchIdRef.current;
+    };
+  }, [
+    coinlist,
+    isReady,
+    enabled,
+    symbol,
+    chain,
+    amount.raw,
+    amount.decimals,
+    pollIntervalMs,
+    log
+  ]);
+  return { state };
+}
+
+// src/client/hooks/checkout/centrifuge/shared/data/useCentrifugeVaultStatus.ts
+import { useEffect as useEffect33, useRef as useRef20, useState as useState34 } from "react";
+var LOADING4 = { type: "LOADING" };
+function useCentrifugeVaultStatus(options) {
+  const {
+    symbol,
+    chain,
+    pollIntervalMs = CENTRIFUGE_POLL_INTERVAL_MS,
+    data,
+    enabled
+  } = options;
+  const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useCentrifugeVaultStatus");
+  const [state, setState] = useState34(
+    () => data === void 0 ? LOADING4 : { type: "CONTENT", status: data }
+  );
+  const fetchIdRef = useRef20(0);
+  const isFetchingRef = useRef20(false);
+  const hasStatusRef = useRef20(data !== void 0);
+  useEffect33(() => {
+    if (!isReady || !enabled) return;
+    const currentFetchId = ++fetchIdRef.current;
+    isFetchingRef.current = false;
+    const load = async () => {
+      if (isFetchingRef.current) return;
+      isFetchingRef.current = true;
+      try {
+        const status = await coinlist.centrifuge.getVaultStatus({
+          symbol,
+          chain
+        });
+        if (currentFetchId !== fetchIdRef.current) return;
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", orderability: status.orderability.type }
+        }));
+        hasStatusRef.current = true;
+        setState({ type: "CONTENT", status });
+      } catch (error) {
+        if (currentFetchId !== fetchIdRef.current) return;
+        const reason = centrifugeLoadErrorReason(error);
+        if (hasStatusRef.current) {
+          log.warning(
+            () => ({
+              msg: "poll failed; keeping the last status",
+              fields: { reason }
+            }),
+            error
+          );
+        } else {
+          log.failure(
+            () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+            error
+          );
+        }
+        setState(
+          (previous) => previous.type === "CONTENT" ? previous : { type: "ERROR", reason }
+        );
+      } finally {
+        if (currentFetchId === fetchIdRef.current) {
+          isFetchingRef.current = false;
+        }
+      }
+    };
+    load();
+    const interval = setInterval(load, pollIntervalMs);
+    return () => {
+      clearInterval(interval);
+      ++fetchIdRef.current;
+    };
+  }, [coinlist, isReady, enabled, symbol, chain, pollIntervalMs, log]);
+  return { state };
+}
+
 // src/client/hooks/checkout/coin-list/token-sale/data/useParticipations.ts
-import { useEffect as useEffect32, useState as useState33 } from "react";
+import { useEffect as useEffect34, useState as useState35 } from "react";
 var LOADING_STATE9 = { type: "LOADING" };
 function useParticipations(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useParticipations");
   const { data, enabled = true } = options;
-  const [participationsState, setParticipationsState] = useState33(
+  const [participationsState, setParticipationsState] = useState35(
     data !== void 0 ? { type: "CONTENT", participations: data } : LOADING_STATE9
   );
-  useEffect32(() => {
+  useEffect34(() => {
     let isCancelled = false;
     if (!enabled) {
       return () => {
@@ -12584,16 +12848,16 @@ function useParticipations(offerId, options = {}) {
 }
 
 // src/client/hooks/offers/data/useOfferDetails.ts
-import { useEffect as useEffect33, useState as useState34 } from "react";
+import { useEffect as useEffect35, useState as useState36 } from "react";
 var LOADING_STATE10 = { type: "LOADING" };
 function useOfferDetails(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOfferDetails");
   const { data, enabled = true } = options;
-  const [offerDetailsState, setOfferDetailsState] = useState34(
+  const [offerDetailsState, setOfferDetailsState] = useState36(
     data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE10
   );
-  useEffect33(() => {
+  useEffect35(() => {
     let isCancelled = false;
     if (!enabled) {
       return () => {
@@ -12670,6 +12934,7 @@ function formatMonthYear(date, locale) {
   }).format(date);
 }
 export {
+  CENTRIFUGE_VAULT_ORDER_REASON_MESSAGES,
   ChecklistStatus,
   CheckoutAssetUi,
   CheckoutContainer,
@@ -12711,6 +12976,7 @@ export {
   OndoBuyOrderConfirmed,
   OndoBuyReviewView,
   OndoCheckoutError,
+  OndoCheckoutErrorReason,
   OndoSellAmountView,
   OndoSellCheckoutContainer,
   OndoSellCheckoutView,
@@ -12739,6 +13005,9 @@ export {
   USDT_ICON_URL,
   VerificationOverlay,
   authorizeWallet,
+  centrifugeLoadErrorReason,
+  centrifugeVaultOrderReasonMessage,
+  centrifugeVaultOrderingMessage,
   classifyWalletError,
   connectExternalWalletFlow,
   createCoinListClient,
@@ -12750,6 +13019,7 @@ export {
   formatCountdown,
   formatMonthYear,
   formatSaleCardCountdown,
+  isNotTradable,
   offerAssetIconUrl,
   offerIconUrl,
   offerTokenIdentifier,
@@ -12757,6 +13027,7 @@ export {
   pinoClientLogger,
   prepareOndoBuy,
   prepareOndoSell,
+  primaryCentrifugeVaultOrderReason,
   quoteIsStale,
   quoteOverAsks,
   stablecoinIconUrl,
@@ -12764,6 +13035,8 @@ export {
   tokenLogoSrcSet,
   tokenLogoUrl,
   tokenMetadataOf,
+  useCentrifugeQuote,
+  useCentrifugeVaultStatus,
   useCheckoutOfferTokenMetadata,
   useCoinList,
   useCoinListSignInCardViewModel,