@zuplo/zudoku-plugin-monetization 0.0.22 → 0.0.23

package/dist/index.d.mts

@@ -6,6 +6,7 @@ type ZudokuMonetizationPluginOptions = {
     subtitle?: string;
     title?: string;
     units?: Record<string, string>;
+    showYearlyPrice?: boolean;
   };
 };
 declare const zuploMonetizationPlugin: (options?: ZudokuMonetizationPluginOptions | undefined) => zudoku.ZudokuPlugin;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { cn, createPlugin, joinUrl } from "zudoku";
 import { AlertTriangleIcon, ArrowDownIcon, ArrowLeftRightIcon, ArrowUpIcon, CalendarIcon, CheckCheckIcon, CheckIcon, CircleAlert, CircleSlashIcon, ClockIcon, CreditCardIcon, Grid2x2XIcon, InfoIcon, Loader2Icon, LockIcon, MoreVerticalIcon, RefreshCcw, RefreshCwIcon, Settings, ShieldIcon, StarsIcon, Trash2Icon, XIcon } from "zudoku/icons";
-import { Button, ClientOnly, Head, Heading, Link } from "zudoku/components";
+import { Button, ClientOnly, Head, Heading, Link, Slot } from "zudoku/components";
 import { useAuth, useZudoku } from "zudoku/hooks";
 import { QueryClient, QueryClientProvider, useMutation, useQuery, useQueryClient, useSuspenseQuery } from "zudoku/react-query";
 import { Link as Link$1, Outlet, useLocation, useNavigate, useParams, useSearchParams } from "zudoku/router";
@@ -603,7 +603,7 @@ const PhaseSection = ({ phase, currency, showName, excludeKeys, units }) => {
 		]
 	});
 };
-const PricingCard = ({ plan, isPopular = false, isSubscribed = false, units }) => {
+const PricingCard = ({ plan, isPopular = false, isSubscribed = false, showYearlyPrice = true, units }) => {
 	if (plan.phases.length === 0) return null;
 	const price = getPriceFromPlan(plan);
 	const isFree = price.monthly === 0;
@@ -640,7 +640,7 @@ const PricingCard = ({ plan, isPopular = false, isSubscribed = false, units }) =
 						}), !isFree && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground text-sm",
 							children: "/mo"
-						}), /* @__PURE__ */ jsxs("div", {
+						}), showYearlyPrice && /* @__PURE__ */ jsxs("div", {
 							className: "w-full text-sm text-muted-foreground mt-1",
 							children: [formatPrice(price.yearly, plan.currency), "/year"]
 						})] })] })
@@ -685,7 +685,7 @@ const PricingCard = ({ plan, isPopular = false, isSubscribed = false, units }) =
 
 //#endregion
 //#region src/pages/PricingPage.tsx
-const PricingPage = ({ subtitle = "See our pricing options and choose the one that best suits your needs.", title = "Pricing", units }) => {
+const PricingPage = ({ subtitle = "See our pricing options and choose the one that best suits your needs.", title = "Pricing", units, showYearlyPrice = true }) => {
 	const zudoku = useZudoku();
 	const deploymentName = useDeploymentName();
 	const auth = useAuth();
@@ -719,10 +719,12 @@ const PricingPage = ({ subtitle = "See our pricing options and choose the one th
 				children: pricingTable.items.map((plan) => /* @__PURE__ */ jsx(PricingCard, {
 					plan,
 					units,
+					showYearlyPrice,
 					isPopular: plan.metadata?.zuplo_most_popular === "true",
 					isSubscribed: subscriptions.items.some((subscription) => ["active", "canceled"].includes(subscription.status))
 				}, plan.id))
-			})
+			}),
+			/* @__PURE__ */ jsx(Slot.Target, { name: "pricing-page-after" })
 		]
 	});
 };
@@ -1993,7 +1995,8 @@ const zuploMonetizationPlugin = createPlugin((options) => ({
 					element: /* @__PURE__ */ jsx(PricingPage, {
 						subtitle: options?.pricing?.subtitle,
 						title: options?.pricing?.title,
-						units: options?.pricing?.units
+						units: options?.pricing?.units,
+						showYearlyPrice: options?.pricing?.showYearlyPrice
 					})
 				},
 				{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zuplo/zudoku-plugin-monetization",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "repository": {
     "type": "git",
     "url": "https://github.com/zuplo/zudoku",
@@ -27,11 +27,11 @@
     "@testing-library/react": "16.3.2",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "happy-dom": "20.7.0",
+    "happy-dom": "20.8.3",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tsdown": "0.20.3",
-    "zudoku": "0.70.4"
+    "zudoku": "0.71.2"
   },
   "peerDependencies": {
     "react": ">=19.2.0",