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

package/dist/{chunk-3UQPCAU4.js → chunk-VH34YC3Q.js}

@@ -19,7 +19,7 @@ import {
   generateSecureRandomBase64Url,
   internalLogger,
   sha256
-} from "./chunk-IRV5YU42.js";
+} from "./chunk-MOE5S6CE.js";
 
 // src/universal/types/oauth.ts
 var AuthorizationCode = (value) => value;
@@ -406,4 +406,4 @@ export {
   UserEmail,
   User
 };
-//# sourceMappingURL=chunk-3UQPCAU4.js.map
+//# sourceMappingURL=chunk-VH34YC3Q.js.map

package/dist/client/index.cjs

@@ -1939,11 +1939,7 @@ function formatAmount(amount, locale, options) {
   const decimal = formatRawAmount(amount);
   let [integerPart, fractionPart = ""] = decimal.split(".");
   const maxFractionDigits = options?.maxFractionDigits;
-  const minFractionDigits = Math.min(
-    options?.minFractionDigits ?? (maxFractionDigits !== void 0 ? maxFractionDigits : 2),
-    maxFractionDigits ?? amount.decimals,
-    amount.decimals
-  );
+  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,
@@ -1951,8 +1947,7 @@ function formatAmount(amount, locale, options) {
       maxFractionDigits
     ));
   }
-  const trimmed = fractionPart.replace(/0+$/, "");
-  const fraction = trimmed.padEnd(minFractionDigits, "0");
+  const fraction = minFractionDigits === 0 ? "" : fractionPart.padEnd(minFractionDigits, "0");
   const integerFormatted = BigInt(integerPart).toLocaleString(locale);
   if (minFractionDigits === 0 && fraction === "") {
     return FormattedAmountUi(integerFormatted);
@@ -2013,14 +2008,6 @@ function assetAmount(amount, symbol) {
   return FormattedAmountAssetUi(`${amount} ${symbol}`);
 }
 var NA_AMOUNT_ASSET_UI = FormattedAmountAssetUi("-");
-var SHARE_MAX_FRACTION_DIGITS = AssetDecimals(6);
-var SHARE_MIN_FRACTION_DIGITS = AssetDecimals(2);
-function formatShareAmount(amount, locale) {
-  return formatAmount(amount, locale, {
-    maxFractionDigits: SHARE_MAX_FRACTION_DIGITS,
-    minFractionDigits: SHARE_MIN_FRACTION_DIGITS
-  });
-}
 var USD_FRACTION_DIGITS = AssetDecimals(2);
 function formattedUsdPrice(amount, locale) {
   if (!amount) return NA_AMOUNT_ASSET_UI;
@@ -6312,7 +6299,10 @@ function CheckoutConfirmationDialog({
         }
       )
     ] }),
-    header,
+    header && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Divider, {}),
+      header
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Divider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckoutDetailList, { rows }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: actions })
@@ -6329,7 +6319,6 @@ function AssetSummaryRow({
   iconSize = 48,
   value,
   caption,
-  wrapIdentity = false,
   className
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
@@ -6348,8 +6337,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
               }
@@ -6359,8 +6347,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
               }
@@ -6405,7 +6392,7 @@ function AssetSummaryRow({
 // src/client/components/checkout/ondo/buy/confirmation/OndoBuyOrderConfirmed.tsx
 var import_jsx_runtime22 = require("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";
@@ -6427,7 +6414,14 @@ function OndoBuyOrderConfirmed({
       icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SuccessGlyph, {}),
       title: TITLE2,
       subtitle: subtitle(state.outputAsset.symbol),
-      header: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AssetSummaryRow, { asset: state.outputAsset, wrapIdentity: true }),
+      header: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        AssetSummaryRow,
+        {
+          asset: state.outputAsset,
+          value: state.outputAmount,
+          caption: SHARES_RECEIVED_CAPTION
+        }
+      ),
       rows: detailRows(state),
       actions: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL }),
@@ -6440,7 +6434,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 }
@@ -8245,7 +8238,7 @@ function useOndoBuyReviewViewModel({
         tokenMetadata: outputTokenMetadata
       }),
       outputAmount: assetAmount(
-        formatShareAmount(built.receiveOutputAmount, locale),
+        formatAmount(built.receiveOutputAmount, locale),
         ondoSymbol
       ),
       recipientAddress: shortenAddress(active.wallet.address),
@@ -9064,7 +9057,7 @@ function toOrderConfirmedUi({
       tokenMetadata: outputTokenMetadata
     }),
     outputAmount: assetAmount(
-      formatShareAmount(order.transaction.receiveOutputAmount, locale),
+      formatAmount(order.transaction.receiveOutputAmount, locale),
       ondoSymbol
     ),
     totalCost: assetAmount(
@@ -9316,7 +9309,7 @@ function MaxButton2({
 var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime36 = require("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";
@@ -9339,9 +9332,18 @@ 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__ */ (0, import_jsx_runtime36.jsx)(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__ */ (0, import_jsx_runtime36.jsx)(
+          AssetSummaryRow,
+          {
+            asset: state.soldAsset,
+            value: state.soldAmount,
+            caption: SHARES_SOLD_CAPTION
+          }
+        )
       ),
       rows: detailRows3(state),
       actions: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
@@ -9355,7 +9357,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 }
@@ -10677,7 +10678,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
@@ -10916,7 +10917,7 @@ var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime41 = require("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)";
@@ -10939,7 +10940,13 @@ function SuperstateOrderConfirmed({
       icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SuccessGlyph3, {}),
       title: TITLE10,
       subtitle: subtitle3(state.asset.symbol),
-      header: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AssetSummaryRow, { asset: state.asset, wrapIdentity: true }),
+      header: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        AssetSummaryRow,
+        {
+          asset: state.asset,
+          caption: `Issued by ${state.issuer}`
+        }
+      ),
       rows: detailRows4(state),
       actions: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL3 }),
@@ -10955,7 +10962,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
     },
     {
@@ -13027,6 +13034,7 @@ function toOrderConfirmedUi3({
       networkName: getNetworkName(chain),
       iconUrl: assetIconUrl
     }),
+    issuer: SUPERSTATE_ISSUER_NAME,
     outputAmount: assetAmount(
       formatAmount(order.outputAmount, locale),
       order.outputAsset.symbol