@zuplo/zudoku-plugin-monetization 0.0.29 → 0.0.31

package/dist/index.mjs

@@ -156,6 +156,21 @@ const formatPrice = (amount, currency) => new Intl.NumberFormat("en-US", {
 	maximumFractionDigits: 6,
 	trailingZeroDisplay: "stripIfInteger"
 }).format(amount);
+/** Amount is in the smallest currency unit (e.g. Stripe); divisor from `Intl` / ISO 4217. */
+const formatMinorCurrencyAmount = (amountInMinorUnits, currency) => {
+	const code = (currency ?? "USD").toUpperCase();
+	const fractionDigits = new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: code
+	}).resolvedOptions().maximumFractionDigits ?? 2;
+	const divisor = 10 ** fractionDigits;
+	return new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: code,
+		minimumFractionDigits: fractionDigits,
+		maximumFractionDigits: fractionDigits
+	}).format(amountInMinorUnits / divisor);
+};
 
 //#endregion
 //#region src/utils/categorizeRateCards.ts
@@ -232,7 +247,7 @@ const getPlanFromPurchaseDetails = (response) => {
 	return response;
 };
 const getTaxAmountFromPurchaseDetails = (response) => {
-	const taxAmount = response?.tax?.taxAmount;
+	const taxAmount = response?.tax?.items[0]?.taxAmount;
 	const numericAmount = typeof taxAmount === "number" ? taxAmount : Number.parseFloat(taxAmount ?? "");
 	if (!Number.isFinite(numericAmount)) return;
 	return numericAmount;
@@ -411,13 +426,13 @@ const CheckoutConfirmPage = () => {
 												className: "text-2xl font-bold",
 												children: formatPrice(price.monthly, selectedPlan?.currency)
 											}),
+											taxAmount != null && /* @__PURE__ */ jsx("div", {
+												className: "text-sm font-normal mt-1",
+												children: taxInclusive ? `${formatMinorCurrencyAmount(taxAmount, selectedPlan?.currency)} ${taxLabel} included` : `+ ${formatMinorCurrencyAmount(taxAmount, selectedPlan?.currency)} ${taxLabel}`
+											}),
 											billingCycle && /* @__PURE__ */ jsxs("div", {
 												className: "text-sm text-muted-foreground font-normal",
 												children: ["Billed ", formatBillingCycle(billingCycle)]
-											}),
-											taxAmount != null && /* @__PURE__ */ jsx("div", {
-												className: "text-xs text-muted-foreground font-normal mt-1",
-												children: taxInclusive ? `${formatPrice(taxAmount, selectedPlan?.currency)} ${taxLabel} included` : `+ ${formatPrice(taxAmount, selectedPlan?.currency)} ${taxLabel}`
 											})
 										]
 									}),
@@ -783,7 +798,13 @@ const PricingPage = () => {
 					children: pricing?.subtitle ?? "See our pricing options and choose the one that best suits your needs."
 				})]
 			}),
-			/* @__PURE__ */ jsx("div", {
+			pricingTable.items.length === 0 ? /* @__PURE__ */ jsxs("div", {
+				className: "text-center py-12 text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("p", { children: "No plans are currently available." }), /* @__PURE__ */ jsx("p", {
+					className: "text-sm mt-2",
+					children: "Make sure your plans are set up and published."
+				})]
+			}) : /* @__PURE__ */ jsx("div", {
 				className: "w-full grid grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(300px,max-content))] justify-center gap-6",
 				children: pricingTable.items.map((plan) => /* @__PURE__ */ jsx(PricingCard, {
 					plan,
@@ -931,13 +952,13 @@ const SubscriptionChangeConfirmPage = () => {
 											className: "text-2xl font-bold",
 											children: formatPrice(price.monthly, selectedPlan?.currency)
 										}),
+										taxAmount != null && /* @__PURE__ */ jsx("div", {
+											className: "text-sm font-normal mt-1",
+											children: taxInclusive ? `${formatMinorCurrencyAmount(taxAmount, selectedPlan?.currency)} ${taxLabel} included` : `+ ${formatMinorCurrencyAmount(taxAmount, selectedPlan?.currency)} ${taxLabel}`
+										}),
 										billingCycle && /* @__PURE__ */ jsxs("div", {
 											className: "text-sm text-muted-foreground font-normal",
 											children: ["Billed ", formatBillingCycle(billingCycle)]
-										}),
-										taxAmount != null && /* @__PURE__ */ jsx("div", {
-											className: "text-xs text-muted-foreground font-normal mt-1",
-											children: taxInclusive ? `${formatPrice(taxAmount, selectedPlan?.currency)} ${taxLabel} included` : `+ ${formatPrice(taxAmount, selectedPlan?.currency)} ${taxLabel}`
 										})
 									]
 								}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zuplo/zudoku-plugin-monetization",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "repository": {
     "type": "git",
     "url": "https://github.com/zuplo/zudoku",
@@ -31,7 +31,7 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tsdown": "0.20.3",
-    "zudoku": "0.73.1"
+    "zudoku": "0.75.0"
   },
   "peerDependencies": {
     "react": ">=19.2.0",