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

package/dist/client/index.d.cts

@@ -2977,6 +2977,8 @@ type SuperstateOrderConfirmedUiState = {
     type: 'visible';
     /** What was bought. */
     asset: CheckoutAssetUi;
+    /** Who issues it, e.g. `Superstate`. */
+    issuer: string;
     /** How much of it arrived, e.g. `981.2431 USTB`. */
     outputAmount: FormattedAmountAssetUi;
     /**

package/dist/client/index.d.ts

@@ -2977,6 +2977,8 @@ type SuperstateOrderConfirmedUiState = {
     type: 'visible';
     /** What was bought. */
     asset: CheckoutAssetUi;
+    /** Who issues it, e.g. `Superstate`. */
+    issuer: string;
     /** How much of it arrived, e.g. `981.2431 USTB`. */
     outputAmount: FormattedAmountAssetUi;
     /**

package/dist/client/index.js

@@ -5,7 +5,7 @@ import {
   SDK_LOGGER_NAME,
   loggerOverPino,
   publicClients
-} from "../chunk-C6F5FOFP.js";
+} from "../chunk-DCW7NQXH.js";
 import {
   AuthorizationCode,
   CodeVerifier,
@@ -39,7 +39,7 @@ import {
   ondoQuoteOfferDeadline,
   superstateSwapContractAddress,
   swapSpender
-} from "../chunk-3UQPCAU4.js";
+} from "../chunk-VH34YC3Q.js";
 import {
   API_VERSION,
   AssetDecimals,
@@ -80,7 +80,6 @@ import {
   formatAmount,
   formatBpsAsPercent,
   formatRawAmount,
-  formatShareAmount,
   formattedUsdPrice,
   getNetworkName,
   getUUIDv4,
@@ -89,7 +88,7 @@ import {
   shortenAddress,
   txExplorerUrl,
   usdAmount
-} from "../chunk-IRV5YU42.js";
+} from "../chunk-MOE5S6CE.js";
 
 // src/client/CoinListProvider.tsx
 import {
@@ -2283,7 +2282,7 @@ function Modal({ label, onClose, children, className }) {
 }
 
 // src/client/components/checkout/shared/confirmation/CheckoutConfirmationDialog.tsx
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function CheckoutConfirmationDialog({
   icon,
   title: title2,
@@ -2309,7 +2308,10 @@ function CheckoutConfirmationDialog({
         }
       )
     ] }),
-    header,
+    header && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+      /* @__PURE__ */ jsx20(Divider, {}),
+      header
+    ] }),
     /* @__PURE__ */ jsx20(Divider, {}),
     /* @__PURE__ */ jsx20(CheckoutDetailList, { rows }),
     /* @__PURE__ */ jsx20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: actions })
@@ -2326,7 +2328,6 @@ function AssetSummaryRow({
   iconSize = 48,
   value,
   caption,
-  wrapIdentity = false,
   className
 }) {
   return /* @__PURE__ */ jsx21(CoinListStyleScope, { children: /* @__PURE__ */ jsxs15(
@@ -2345,8 +2346,7 @@ function AssetSummaryRow({
               {
                 className: cn(
                   typeClasses.h4,
-                  "clcosdk:text-text-primary",
-                  wrapIdentity ? "clcosdk:break-words" : "clcosdk:truncate"
+                  "clcosdk:truncate clcosdk:text-text-primary"
                 ),
                 children: asset.name
               }
@@ -2356,8 +2356,7 @@ function AssetSummaryRow({
               {
                 className: cn(
                   typeClasses.subhead,
-                  "clcosdk:text-text-secondary",
-                  wrapIdentity ? "clcosdk:break-words" : "clcosdk:truncate"
+                  "clcosdk:truncate clcosdk:text-text-secondary"
                 ),
                 children: asset.symbol
               }
@@ -2400,9 +2399,9 @@ function AssetSummaryRow({
 }
 
 // src/client/components/checkout/ondo/buy/confirmation/OndoBuyOrderConfirmed.tsx
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var TITLE2 = "Order confirmed";
-var SHARES_RECEIVED_LABEL = "Shares received";
+var SHARES_RECEIVED_CAPTION = "shares received";
 var TOTAL_COST_LABEL = "Total cost";
 var PRICE_PER_SHARE_LABEL = "Price per share";
 var DELIVERED_TO_LABEL = "Delivered to";
@@ -2424,9 +2423,16 @@ function OndoBuyOrderConfirmed({
       icon: /* @__PURE__ */ jsx22(SuccessGlyph, {}),
       title: TITLE2,
       subtitle: subtitle(state.outputAsset.symbol),
-      header: /* @__PURE__ */ jsx22(AssetSummaryRow, { asset: state.outputAsset, wrapIdentity: true }),
+      header: /* @__PURE__ */ jsx22(
+        AssetSummaryRow,
+        {
+          asset: state.outputAsset,
+          value: state.outputAmount,
+          caption: SHARES_RECEIVED_CAPTION
+        }
+      ),
       rows: detailRows(state),
-      actions: /* @__PURE__ */ jsxs16(Fragment4, { children: [
+      actions: /* @__PURE__ */ jsxs16(Fragment5, { children: [
         /* @__PURE__ */ jsx22(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL }),
         /* @__PURE__ */ jsx22(ExplorerLink, { url: state.txExplorerUrl })
       ] }),
@@ -2437,7 +2443,6 @@ function OndoBuyOrderConfirmed({
 }
 function detailRows(state) {
   return [
-    { label: SHARES_RECEIVED_LABEL, value: state.outputAmount },
     { label: TOTAL_COST_LABEL, value: state.totalCost },
     { label: PRICE_PER_SHARE_LABEL, value: state.pricePerShare },
     { label: DELIVERED_TO_LABEL, value: state.recipientAddress }
@@ -3134,7 +3139,7 @@ function PriceCaption({ price }) {
 import { Wallet } from "lucide-react";
 
 // src/client/components/checkout/shared/selection/SelectableOptionRow.tsx
-import { Children, Fragment as Fragment5 } from "react";
+import { Children, Fragment as Fragment6 } from "react";
 import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 function SelectableOptionRow({
   selected,
@@ -3221,7 +3226,7 @@ function OptionMetaRow({ children }) {
   const items = Children.toArray(children).filter(Boolean);
   return /* @__PURE__ */ jsx31("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1.5", children: items.map((item, index) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: positional separators, and the list is caller-authored JSX.
-    /* @__PURE__ */ jsxs21(Fragment5, { children: [
+    /* @__PURE__ */ jsxs21(Fragment6, { children: [
       index > 0 && /* @__PURE__ */ jsx31(MetaDot, {}),
       item
     ] }, index)
@@ -4242,7 +4247,7 @@ function useOndoBuyReviewViewModel({
         tokenMetadata: outputTokenMetadata
       }),
       outputAmount: assetAmount(
-        formatShareAmount(built.receiveOutputAmount, locale),
+        formatAmount(built.receiveOutputAmount, locale),
         ondoSymbol
       ),
       recipientAddress: shortenAddress(active.wallet.address),
@@ -5061,7 +5066,7 @@ function toOrderConfirmedUi({
       tokenMetadata: outputTokenMetadata
     }),
     outputAmount: assetAmount(
-      formatShareAmount(order.transaction.receiveOutputAmount, locale),
+      formatAmount(order.transaction.receiveOutputAmount, locale),
       ondoSymbol
     ),
     totalCost: assetAmount(
@@ -5311,9 +5316,9 @@ function MaxButton2({
 
 // src/client/components/checkout/ondo/sell/confirmation/OndoSellOrderConfirmed.tsx
 import { Check as Check2, ExternalLink as ExternalLink2 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 var TITLE7 = "Order confirmed";
-var SHARES_SOLD_LABEL = "Shares sold";
+var SHARES_SOLD_CAPTION = "shares sold";
 var RECEIVED_LABEL = "Received";
 var PRICE_PER_SHARE_LABEL3 = "Price per share";
 var DELIVERED_TO_LABEL2 = "Delivered to";
@@ -5336,12 +5341,21 @@ function OndoSellOrderConfirmed({
       title: TITLE7,
       subtitle: subtitle2(state.soldAsset.symbol, state.proceedsSymbol),
       header: (
-        // The header names what was sold. The quantity is a detail row, so a
-        // long fund name and a long share count each get the full width.
-        /* @__PURE__ */ jsx36(AssetSummaryRow, { asset: state.soldAsset, wrapIdentity: true })
+        // The asset row leads with what was *sold*, where the buy dialog
+        // leads with what arrived. The proceeds are a detail row below,
+        // because the position that changed is the thing the user is looking
+        // for.
+        /* @__PURE__ */ jsx36(
+          AssetSummaryRow,
+          {
+            asset: state.soldAsset,
+            value: state.soldAmount,
+            caption: SHARES_SOLD_CAPTION
+          }
+        )
       ),
       rows: detailRows3(state),
-      actions: /* @__PURE__ */ jsxs25(Fragment6, { children: [
+      actions: /* @__PURE__ */ jsxs25(Fragment7, { children: [
         /* @__PURE__ */ jsx36(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL2 }),
         /* @__PURE__ */ jsx36(ExplorerLink2, { url: state.txExplorerUrl })
       ] }),
@@ -5352,7 +5366,6 @@ function OndoSellOrderConfirmed({
 }
 function detailRows3(state) {
   return [
-    { label: SHARES_SOLD_LABEL, value: state.soldAmount },
     { label: RECEIVED_LABEL, value: state.proceeds },
     { label: PRICE_PER_SHARE_LABEL3, value: state.pricePerShare },
     { label: DELIVERED_TO_LABEL2, value: state.recipientAddress }
@@ -6674,7 +6687,7 @@ function toOrderConfirmedUi2({
       tokenMetadata: inputTokenMetadata
     }),
     soldAmount: assetAmount(
-      formatShareAmount(order.transaction.spendInputAmount, locale),
+      formatAmount(order.transaction.spendInputAmount, locale),
       ondoSymbol
     ),
     // The expected proceeds rather than the floor: this dialog reports a sale
@@ -6910,10 +6923,10 @@ function MaxButton3({ onClick }) {
 
 // src/client/components/checkout/superstate/swap/confirmation/SuperstateOrderConfirmed.tsx
 import { Check as Check3, ExternalLink as ExternalLink3 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
 var TITLE10 = "Order confirmed";
 var TOTAL_COST_LABEL2 = "Total cost";
-var SHARES_RECEIVED_LABEL2 = "Shares received";
+var SHARES_RECEIVED_LABEL = "Shares received";
 var SHARES_RECEIVED_ESTIMATED_LABEL = "Shares received (estimated)";
 var PRICE_PER_SHARE_LABEL5 = "Price per share";
 var PRICE_PER_SHARE_ESTIMATED_LABEL = "Price per share (estimated)";
@@ -6936,9 +6949,15 @@ function SuperstateOrderConfirmed({
       icon: /* @__PURE__ */ jsx41(SuccessGlyph3, {}),
       title: TITLE10,
       subtitle: subtitle3(state.asset.symbol),
-      header: /* @__PURE__ */ jsx41(AssetSummaryRow, { asset: state.asset, wrapIdentity: true }),
+      header: /* @__PURE__ */ jsx41(
+        AssetSummaryRow,
+        {
+          asset: state.asset,
+          caption: `Issued by ${state.issuer}`
+        }
+      ),
       rows: detailRows4(state),
-      actions: /* @__PURE__ */ jsxs29(Fragment7, { children: [
+      actions: /* @__PURE__ */ jsxs29(Fragment8, { children: [
         /* @__PURE__ */ jsx41(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL3 }),
         /* @__PURE__ */ jsx41(ExplorerLink3, { url: state.txExplorerUrl })
       ] }),
@@ -6952,7 +6971,7 @@ function detailRows4(state) {
   return [
     { label: TOTAL_COST_LABEL2, value: state.totalCost },
     {
-      label: confirmed ? SHARES_RECEIVED_LABEL2 : SHARES_RECEIVED_ESTIMATED_LABEL,
+      label: confirmed ? SHARES_RECEIVED_LABEL : SHARES_RECEIVED_ESTIMATED_LABEL,
       value: state.outputAmount
     },
     {
@@ -9024,6 +9043,7 @@ function toOrderConfirmedUi3({
       networkName: getNetworkName(chain),
       iconUrl: assetIconUrl
     }),
+    issuer: SUPERSTATE_ISSUER_NAME,
     outputAmount: assetAmount(
       formatAmount(order.outputAmount, locale),
       order.outputAsset.symbol
@@ -9169,7 +9189,7 @@ function renderOndoSide(side, branches) {
 }
 
 // src/client/components/design-system/ThemedImage.tsx
-import { Fragment as Fragment8, jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
 function ThemedImage({
   light,
   dark,
@@ -9194,7 +9214,7 @@ function ThemedImage({
       }
     );
   }
-  return /* @__PURE__ */ jsxs35(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs35(Fragment9, { children: [
     /* @__PURE__ */ jsx49(
       "img",
       {
@@ -10282,7 +10302,7 @@ function StepStatusIcon({ status, className }) {
 }
 
 // src/client/components/requirements/RequirementItem.tsx
-import { Fragment as Fragment9, jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 var DEFAULT_PENDING = "Under review. We'll notify you when complete.";
 var DEFAULT_REJECTED = "Verification rejected.";
 var SUPPORT_LINK = "Contact support";
@@ -10337,7 +10357,7 @@ function RejectedMessage({
     return message;
   }
   if (linkAt === -1) {
-    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
       message,
       " ",
       /* @__PURE__ */ jsx59(
@@ -10352,7 +10372,7 @@ function RejectedMessage({
       "."
     ] });
   }
-  return /* @__PURE__ */ jsxs41(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs41(Fragment10, { children: [
     message.slice(0, linkAt),
     /* @__PURE__ */ jsx59(
       "button",
@@ -10375,7 +10395,7 @@ function WalletActionZone({
   onRemoveWallet
 }) {
   if (multiWallet) {
-    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
       /* @__PURE__ */ jsx59(
         ConnectedWalletList,
         {
@@ -10396,7 +10416,7 @@ function WalletActionZone({
   }
   if (status === "completed") {
     const connected = connectedWallets[0];
-    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
       onAction !== null && /* @__PURE__ */ jsx59(
         ClButton,
         {
@@ -10429,7 +10449,7 @@ function WalletActionZone({
     ] });
   }
   if (status === "rejected") {
-    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
       onAction !== null && /* @__PURE__ */ jsx59(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" }),
       /* @__PURE__ */ jsx59(
         AlertBanner,
@@ -10551,7 +10571,7 @@ function RequirementItem({
 }
 
 // src/client/components/requirements/RequirementsChecklistView.tsx
-import { Fragment as Fragment10, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 function RequirementsChecklistView(props) {
   return /* @__PURE__ */ jsx60(CoinListStyleScope, { children: /* @__PURE__ */ jsx60(RequirementsChecklistViewBody, { ...props }) });
 }
@@ -10621,7 +10641,7 @@ function RequirementsChecklistViewBody({
                 onClick: () => onEvent({ type: "ON_CONTINUE" }),
                 children: "Continue"
               }
-            ) : /* @__PURE__ */ jsxs42(Fragment10, { children: [
+            ) : /* @__PURE__ */ jsxs42(Fragment11, { children: [
               /* @__PURE__ */ jsx60("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row, index) => /* @__PURE__ */ jsx60(
                 RequirementItem,
                 {
@@ -12230,7 +12250,7 @@ function toVerificationUi(verifyingRequirementId, statusById, identityVerificati
 }
 
 // src/client/components/requirements/RequirementsChecklistContainer.tsx
-import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
 function RequirementsChecklistContainer({
   loading,
   error,
@@ -12242,7 +12262,7 @@ function RequirementsChecklistContainer({
     ...options,
     enabled
   });
-  return /* @__PURE__ */ jsxs46(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs46(Fragment12, { children: [
     /* @__PURE__ */ jsx66(
       RequirementsChecklistView,
       {
@@ -12253,7 +12273,7 @@ function RequirementsChecklistContainer({
         className
       }
     ),
-    state.type === "content" && /* @__PURE__ */ jsxs46(Fragment11, { children: [
+    state.type === "content" && /* @__PURE__ */ jsxs46(Fragment12, { children: [
       /* @__PURE__ */ jsx66(
         TaxDocumentModalContainer,
         {