payment-kit 1.13.36 → 1.13.37

package/blocklet.yml

@@ -14,7 +14,7 @@ repository:
   type: git
   url: git+https://github.com/blocklet/payment-kit.git
 specVersion: 1.2.8
-version: 1.13.36
+version: 1.13.37
 logo: logo.png
 files:
   - dist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payment-kit",
-  "version": "1.13.36",
+  "version": "1.13.37",
   "scripts": {
     "dev": "blocklet dev",
     "eject": "vite eject",
@@ -103,7 +103,7 @@
     "@abtnode/types": "1.16.17-beta-952ef53d",
     "@arcblock/eslint-config": "^0.2.4",
     "@arcblock/eslint-config-ts": "^0.2.4",
-    "@did-pay/types": "1.13.36",
+    "@did-pay/types": "1.13.37",
     "@types/cookie-parser": "^1.4.4",
     "@types/cors": "^2.8.14",
     "@types/dotenv-flow": "^3.3.1",
@@ -140,5 +140,5 @@
       "parser": "typescript"
     }
   },
-  "gitHead": "9f921f0988c77ca3d0e9c6f383631f6e61fcd32f"
+  "gitHead": "8abfed8467fe5ddcee0797fe832c15321c7fd1d9"
 }

package/src/components/checkout/product-item.tsx

@@ -30,8 +30,8 @@ export default function ProductItem({ item, session, currency, onUpsell, onDowns
           description={item.price.product?.description}
           extra={
             item.price.type === 'recurring' && item.price.recurring
-              ? `Billed ${formatRecurring(item.upsell_price?.recurring || item.price.recurring)} ${metered}`
-              : undefined
+              ? [pricing.quantity, `billed ${formatRecurring(item.upsell_price?.recurring || item.price.recurring)} ${metered}`].filter(Boolean).join(', ') // prettier-ignore
+              : pricing.quantity
           }
         />
         <Stack direction="column" alignItems="flex-end" flex={1}>

package/src/libs/util.ts

@@ -258,33 +258,51 @@ export function formatLineItemPricing(
   item: TLineItemExpanded,
   currency: TPaymentCurrency,
   trial: number
-): { primary: string; secondary?: string } {
+): { primary: string; secondary?: string; quantity: string } {
   const price = item.upsell_price || item.price;
-  const amount = fromUnitToToken(
+
+  let quantity = `Qty ${item.quantity}`;
+  if (price.recurring?.usage_type === 'metered' || +item.quantity === 1) {
+    quantity = '';
+  }
+
+  const total = `${fromUnitToToken(
     new BN(getPriceUintAmountByCurrency(price, currency)).mul(new BN(item.quantity)),
     currency.decimal
-  ).toString();
+  )} ${currency.symbol}`;
+  const unit = `${fromUnitToToken(getPriceUintAmountByCurrency(price, currency))} ${currency.symbol}`;
+
+  const appendUnit = (v: string, alt: string) => {
+    if (price.product.unit_label) {
+      return `${v} / ${price.product.unit_label}`;
+    }
+    if (price.recurring?.usage_type === 'metered' || item.quantity === 1) {
+      return alt;
+    }
+
+    return quantity ? `${unit} each` : '';
+  };
 
   if (price.type === 'recurring' && price.recurring) {
     if (trial > 0) {
-      const secondary = price.product.unit_label
-        ? `${amount} ${currency.symbol} / ${price.product.unit_label}`
-        : `${amount} ${currency.symbol}`;
       return {
         primary: `Free for ${trial} days`,
-        secondary: `${secondary} ${formatRecurring(price.recurring, false, '/')}`,
+        secondary: `${appendUnit(total, total)} ${formatRecurring(price.recurring, false, '/')}`,
+        quantity,
       };
     }
 
     return {
-      primary: `${amount} ${currency.symbol}`,
-      secondary: price.product.unit_label ? `${amount} ${currency.symbol} / ${price.product.unit_label}` : '',
+      primary: total,
+      secondary: appendUnit(total, ''),
+      quantity,
     };
   }
 
   return {
-    primary: `${amount} ${currency.symbol}`,
-    secondary: price.product.unit_label ? `${amount} ${currency.symbol} / ${price.product.unit_label}` : '',
+    primary: total,
+    secondary: appendUnit(total, ''),
+    quantity,
   };
 }