@zuplo/zudoku-plugin-monetization 0.0.36-pre.2 → 0.0.37

package/dist/{PricingTable-DfYAmAjk.mjs → PricingTable-Dsbd3E2Q.mjs}

@@ -295,11 +295,86 @@ const PlanEntitlements = ({ phases, currency, billingCadence, units, itemClassNa
 };
 //#endregion
 //#region src/utils/getPriceFromPlan.ts
-const getPriceFromPlan = (plan) => {
+const sumFlatFeeAmounts = (rateCards) => {
+	let total = 0;
+	for (const rc of rateCards) if (rc.type === "flat_fee" && rc.price) {
+		const amount = Number(rc.price.amount);
+		if (Number.isFinite(amount)) total += amount;
+	}
+	return total;
+};
+/**
+* Convert an ISO 8601 duration to an approximate number of months.
+* Years and months contribute exactly; weeks use 12/52 months/week and
+* days use 1/30 months/day. Sub-day units (hours, minutes, seconds) do
+* not contribute and a duration consisting only of those returns
+* `undefined` because there is no sensible monthly equivalent.
+*/
+const cadenceToMonths = (iso) => {
+	try {
+		const d = parse(iso);
+		let months = 0;
+		if (d.years) months += d.years * 12;
+		if (d.months) months += d.months;
+		if (d.weeks) months += d.weeks * (12 / 52);
+		if (d.days) months += d.days * (1 / 30);
+		return months > 0 ? months : void 0;
+	} catch {
+		return;
+	}
+};
+/**
+* Derive a (monthly, yearly) headline price from a plan's last phase by
+* summing all `flat_fee` rate-card amounts and converting from the plan's
+* `billingCadence` to a monthly equivalent.
+*
+* Returns `null` for either field when no value can be derived (no
+* phases, or an unparseable / sub-day cadence). A flat-fee sum of 0
+* returns `{ monthly: 0, yearly: 0 }` (Free).
+*
+* Useful for consumers whose source data doesn't already include
+* pre-computed `monthlyPrice` / `yearlyPrice` — pass the result through
+* (or rely on `getPriceFromPlan`'s built-in fallback).
+*/
+const derivePriceFromPlan = (plan) => {
+	const lastPhase = plan.phases?.at(-1);
+	if (!lastPhase) return {
+		monthly: null,
+		yearly: null
+	};
+	const flatPrice = sumFlatFeeAmounts(lastPhase.rateCards ?? []);
+	if (flatPrice === 0) return {
+		monthly: 0,
+		yearly: 0
+	};
+	const months = cadenceToMonths(plan.billingCadence);
+	if (months == null) return {
+		monthly: null,
+		yearly: null
+	};
+	const monthly = flatPrice / months;
 	return {
+		monthly,
+		yearly: monthly * 12
+	};
+};
+/**
+* Returns the monthly and yearly headline price for a plan. Prefers the
+* server-provided `monthlyPrice` / `yearlyPrice` strings when present;
+* otherwise falls back to {@link derivePriceFromPlan}. Values that can't
+* be resolved are reported as `0`, which the pricing card renders as
+* "Free".
+*/
+const getPriceFromPlan = (plan) => {
+	if (plan.monthlyPrice != null || plan.yearlyPrice != null) return {
 		monthly: plan.monthlyPrice != null ? parseFloat(plan.monthlyPrice) : 0,
 		yearly: plan.yearlyPrice != null ? parseFloat(plan.yearlyPrice) : 0
 	};
+	const derived = derivePriceFromPlan(plan);
+	return {
+		monthly: derived.monthly ?? 0,
+		yearly: derived.yearly ?? 0
+	};
 };
 //#endregion
 //#region src/utils/pricingTaxLegend.ts
@@ -411,7 +486,7 @@ const PricingTable = ({ plans, showYearlyPrice = true, units, renderAction, rend
 	const firstPlan = plans[0];
 	const taxLegendSentence = showTaxLegend && firstPlan ? taxBehaviorLegendSentence(collectDefaultTaxBehaviors(firstPlan)) : void 0;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: cn("w-full grid grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(300px,max-content))] justify-center gap-6", className),
+		className: cn("w-full grid grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(200px,1fr))] justify-center gap-2", className),
 		children: plans.map((plan) => {
 			const popular = isPopular(plan);
 			const defaultCard = /* @__PURE__ */ jsx(PricingCard, {
@@ -440,4 +515,4 @@ const PricingTable = ({ plans, showYearlyPrice = true, units, renderAction, rend
 	})] });
 };
 //#endregion
-export { formatDurationAdjective as _, subscriptionTaxLegendSentence as a, PlanEntitlements as c, categorizeRateCards as d, formatTieredPriceBreakdown as f, formatDuration as g, formatPrice as h, planHasDefaultTaxBehavior as i, QuotaItem as l, formatMinorCurrencyAmount as m, PricingCard as n, taxBehaviorLegendSentence as o, formatStaticEntitlementConfig as p, collectDefaultTaxBehaviors as r, getPriceFromPlan as s, PricingTable as t, FeatureItem as u, formatDurationInterval as v };
+export { formatDuration as _, subscriptionTaxLegendSentence as a, getPriceFromPlan as c, FeatureItem as d, categorizeRateCards as f, formatPrice as g, formatMinorCurrencyAmount as h, planHasDefaultTaxBehavior as i, PlanEntitlements as l, formatStaticEntitlementConfig as m, PricingCard as n, taxBehaviorLegendSentence as o, formatTieredPriceBreakdown as p, collectDefaultTaxBehaviors as r, derivePriceFromPlan as s, PricingTable as t, QuotaItem as u, formatDurationAdjective as v, formatDurationInterval as y };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { _ as formatDurationAdjective, a as subscriptionTaxLegendSentence, c as PlanEntitlements, d as categorizeRateCards, f as formatTieredPriceBreakdown, g as formatDuration, h as formatPrice, i as planHasDefaultTaxBehavior, m as formatMinorCurrencyAmount, p as formatStaticEntitlementConfig, s as getPriceFromPlan, t as PricingTable, v as formatDurationInterval } from "./PricingTable-DfYAmAjk.mjs";
+import { _ as formatDuration, a as subscriptionTaxLegendSentence, c as getPriceFromPlan, f as categorizeRateCards, g as formatPrice, h as formatMinorCurrencyAmount, i as planHasDefaultTaxBehavior, l as PlanEntitlements, m as formatStaticEntitlementConfig, p as formatTieredPriceBreakdown, t as PricingTable, v as formatDurationAdjective, y as formatDurationInterval } from "./PricingTable-Dsbd3E2Q.mjs";
 import { Suspense, createContext, use, useEffect, useMemo, useState } from "react";
 import { cn, createPlugin, joinUrl, throwIfProblemJson } from "zudoku";
 import { AlertTriangleIcon, ArrowDownIcon, ArrowLeftRightIcon, ArrowUpIcon, CalendarIcon, CheckCheckIcon, CheckIcon, CircleSlashIcon, ClockIcon, CreditCardIcon, Grid2x2XIcon, InfoIcon, Loader2Icon, LockIcon, MoreVerticalIcon, RefreshCcw, RefreshCwIcon, Settings, ShieldIcon, StarsIcon, Trash2Icon, XIcon } from "zudoku/icons";
@@ -517,26 +517,23 @@ const PricingPageSkeleton = () => /* @__PURE__ */ jsxs("div", {
 		className: "text-center space-y-4 mb-12",
 		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-48 mx-auto" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-96 mx-auto" })]
 	}), /* @__PURE__ */ jsx("div", {
-		className: "w-full grid grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(300px,max-content))] justify-center gap-6",
+		className: "w-full grid grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(200px,1fr))] justify-center gap-2",
 		children: [
 			1,
 			2,
 			3
-		].map((i) => /* @__PURE__ */ jsxs(Card, {
-			className: "w-[300px]",
-			children: [/* @__PURE__ */ jsxs(CardHeader, {
-				className: "space-y-3",
-				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32" })]
-			}), /* @__PURE__ */ jsxs(CardContent, {
-				className: "space-y-3",
-				children: [
-					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
-					/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full mt-4" })
-				]
-			})]
-		}, i))
+		].map((i) => /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32" })]
+		}), /* @__PURE__ */ jsxs(CardContent, {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full mt-4" })
+			]
+		})] }, i))
 	})]
 });
 //#endregion

package/dist/pricing-ui.d.mts

@@ -281,6 +281,30 @@ declare const formatTieredPriceBreakdown: (opts: {
 }) => string[] | undefined;
 //#endregion
 //#region src/utils/getPriceFromPlan.d.ts
+/**
+ * Derive a (monthly, yearly) headline price from a plan's last phase by
+ * summing all `flat_fee` rate-card amounts and converting from the plan's
+ * `billingCadence` to a monthly equivalent.
+ *
+ * Returns `null` for either field when no value can be derived (no
+ * phases, or an unparseable / sub-day cadence). A flat-fee sum of 0
+ * returns `{ monthly: 0, yearly: 0 }` (Free).
+ *
+ * Useful for consumers whose source data doesn't already include
+ * pre-computed `monthlyPrice` / `yearlyPrice` — pass the result through
+ * (or rely on `getPriceFromPlan`'s built-in fallback).
+ */
+declare const derivePriceFromPlan: (plan: Plan) => {
+  monthly: number | null;
+  yearly: number | null;
+};
+/**
+ * Returns the monthly and yearly headline price for a plan. Prefers the
+ * server-provided `monthlyPrice` / `yearlyPrice` strings when present;
+ * otherwise falls back to {@link derivePriceFromPlan}. Values that can't
+ * be resolved are reported as `0`, which the pricing card renders as
+ * "Free".
+ */
 declare const getPriceFromPlan: (plan: Plan) => {
   monthly: number;
   yearly: number;
@@ -293,4 +317,4 @@ declare const collectDefaultTaxBehaviors: (plan: Plan) => CanonicalTaxBehavior;
 declare const taxBehaviorLegendSentence: (behavior: string) => string | undefined;
 declare const subscriptionTaxLegendSentence: (behavior: string) => string | undefined;
 //#endregion
-export { type Alignment, type BooleanEntitlementTemplate, type DynamicPrice, type EntitlementTemplate, type Feature, FeatureItem, type FlatFeeRateCard, type FlatPrice, type MeteredEntitlementTemplate, type PackagePrice, type Plan, type PlanDefaultTaxConfig, PlanEntitlements, type PlanPhase, type Price, type PriceTier, PricingCard, type PricingCardProps, PricingTable, type PricingTableProps, type ProRatingConfig, type Quota, QuotaItem, type RateCard, type StaticEntitlementTemplate, type TieredPrice, type TieredPriceBreakdownTier, type UnitPrice, type UsageBasedRateCard, type ValidationError, categorizeRateCards, collectDefaultTaxBehaviors, formatDuration, formatDurationAdjective, formatDurationInterval, formatMinorCurrencyAmount, formatPrice, formatStaticEntitlementConfig, formatTieredPriceBreakdown, getPriceFromPlan, planHasDefaultTaxBehavior, subscriptionTaxLegendSentence, taxBehaviorLegendSentence };
+export { type Alignment, type BooleanEntitlementTemplate, type DynamicPrice, type EntitlementTemplate, type Feature, FeatureItem, type FlatFeeRateCard, type FlatPrice, type MeteredEntitlementTemplate, type PackagePrice, type Plan, type PlanDefaultTaxConfig, PlanEntitlements, type PlanPhase, type Price, type PriceTier, PricingCard, type PricingCardProps, PricingTable, type PricingTableProps, type ProRatingConfig, type Quota, QuotaItem, type RateCard, type StaticEntitlementTemplate, type TieredPrice, type TieredPriceBreakdownTier, type UnitPrice, type UsageBasedRateCard, type ValidationError, categorizeRateCards, collectDefaultTaxBehaviors, derivePriceFromPlan, formatDuration, formatDurationAdjective, formatDurationInterval, formatMinorCurrencyAmount, formatPrice, formatStaticEntitlementConfig, formatTieredPriceBreakdown, getPriceFromPlan, planHasDefaultTaxBehavior, subscriptionTaxLegendSentence, taxBehaviorLegendSentence };

package/dist/pricing-ui.mjs

@@ -1,2 +1,2 @@
-import { _ as formatDurationAdjective, a as subscriptionTaxLegendSentence, c as PlanEntitlements, d as categorizeRateCards, f as formatTieredPriceBreakdown, g as formatDuration, h as formatPrice, i as planHasDefaultTaxBehavior, l as QuotaItem, m as formatMinorCurrencyAmount, n as PricingCard, o as taxBehaviorLegendSentence, p as formatStaticEntitlementConfig, r as collectDefaultTaxBehaviors, s as getPriceFromPlan, t as PricingTable, u as FeatureItem, v as formatDurationInterval } from "./PricingTable-DfYAmAjk.mjs";
-export { FeatureItem, PlanEntitlements, PricingCard, PricingTable, QuotaItem, categorizeRateCards, collectDefaultTaxBehaviors, formatDuration, formatDurationAdjective, formatDurationInterval, formatMinorCurrencyAmount, formatPrice, formatStaticEntitlementConfig, formatTieredPriceBreakdown, getPriceFromPlan, planHasDefaultTaxBehavior, subscriptionTaxLegendSentence, taxBehaviorLegendSentence };
+import { _ as formatDuration, a as subscriptionTaxLegendSentence, c as getPriceFromPlan, d as FeatureItem, f as categorizeRateCards, g as formatPrice, h as formatMinorCurrencyAmount, i as planHasDefaultTaxBehavior, l as PlanEntitlements, m as formatStaticEntitlementConfig, n as PricingCard, o as taxBehaviorLegendSentence, p as formatTieredPriceBreakdown, r as collectDefaultTaxBehaviors, s as derivePriceFromPlan, t as PricingTable, u as QuotaItem, v as formatDurationAdjective, y as formatDurationInterval } from "./PricingTable-Dsbd3E2Q.mjs";
+export { FeatureItem, PlanEntitlements, PricingCard, PricingTable, QuotaItem, categorizeRateCards, collectDefaultTaxBehaviors, derivePriceFromPlan, formatDuration, formatDurationAdjective, formatDurationInterval, formatMinorCurrencyAmount, formatPrice, formatStaticEntitlementConfig, formatTieredPriceBreakdown, getPriceFromPlan, planHasDefaultTaxBehavior, subscriptionTaxLegendSentence, taxBehaviorLegendSentence };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zuplo/zudoku-plugin-monetization",
-  "version": "0.0.36-pre.2",
+  "version": "0.0.37",
   "repository": {
     "type": "git",
     "url": "https://github.com/zuplo/zudoku",
@@ -24,7 +24,7 @@
   ],
   "dependencies": {
     "clsx": "2.1.1",
-    "tailwind-merge": "3.5.0",
+    "tailwind-merge": "3.6.0",
     "tinyduration": "3.4.1"
   },
   "devDependencies": {