@zuplo/zudoku-plugin-monetization 0.0.45 → 0.0.46

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { D as formatDurationAdjective, E as formatDuration, O as formatDurationInterval, T as formatPrice, _ as formatPlanPrice, a as planHasDefaultTaxBehavior, b as sameEntitlementSet, c as getPlanPriceSchedule, d as PlanEntitlements, f as PlanPhaseHeader, l as PlanPriceTag, o as subscriptionTaxLegendSentence, p as EntitlementList, r as isCustomPlan, t as PricingTable, u as PlanPriceSchedule, w as formatMinorCurrencyAmount, x as categorizeRateCards, y as comparePlanEntitlements } from "./PricingTable-WkG2n7V-.mjs";
 import { cn, createPlugin, joinUrl, throwIfProblemJson } from "zudoku";
 import { AlertTriangleIcon, ArrowDownIcon, ArrowLeftRightIcon, ArrowUpIcon, BadgePercentIcon, CalendarIcon, CheckCheckIcon, CheckIcon, ChevronDownIcon, CircleSlashIcon, ClockIcon, CreditCardIcon, Grid2x2XIcon, HistoryIcon, InfoIcon, Loader2Icon, LockIcon, MoreVerticalIcon, RefreshCcw, RefreshCwIcon, Settings, ShieldIcon, StarsIcon, Trash2Icon, XIcon } from "zudoku/icons";
-import { Link, Outlet, useLocation, useNavigate, useSearchParams } from "zudoku/router";
+import { Link, Navigate, Outlet, useLocation, useNavigate, useSearchParams } from "zudoku/router";
 import { useAuth, useZudoku } from "zudoku/hooks";
 import { QueryClient, QueryClientProvider, queryOptions, useMutation, useQuery, useQueryClient, useSuspenseQuery } from "zudoku/react-query";
 import { Button, ClientOnly, Head, Heading, Link as Link$1, Slot } from "zudoku/components";
@@ -98,7 +98,8 @@ const queryClient = new QueryClient({ defaultOptions: {
 					...q.meta?.request?.headers
 				}
 			});
-			const response = await fetch(q.meta?.context ? await q.meta.context.signRequest(request) : request);
+			const queryContext = q.meta?.context;
+			const response = await fetch(queryContext?.getAuthState().isAuthenticated ? await queryContext.signRequest(request) : request);
 			await throwIfProblemJson(response);
 			if (!response.ok) throw new Error("Failed to fetch request");
 			return response.json();
@@ -128,7 +129,8 @@ const queryClient = new QueryClient({ defaultOptions: {
 					...init.headers
 				}
 			});
-			const response = await fetch(m.meta?.context ? await m.meta.context.signRequest(request) : request);
+			const mutationContext = m.meta?.context;
+			const response = await fetch(mutationContext?.getAuthState().isAuthenticated ? await mutationContext.signRequest(request) : request);
 			await throwIfProblemJson(response);
 			if (!response.ok) {
 				const errorText = await response.text();
@@ -451,17 +453,13 @@ const useUrlUtils = () => {
 };
 //#endregion
 //#region src/pages/CheckoutPage.tsx
-const CheckoutPage = () => {
-	const [searchParams] = useSearchParams();
-	const planId = searchParams.get("planId");
+const CheckoutRedirect = ({ planId }) => {
 	const zudoku = useZudoku();
 	const auth = useAuth();
 	const { generateUrl } = useUrlUtils();
-	const deploymentName = useDeploymentName();
-	if (!planId) throw new Error(`missing planId in URL`);
 	const checkoutLink = useQuery({
 		queryKey: [
-			`/v3/zudoku-metering/${deploymentName}/stripe/checkout`,
+			`/v3/zudoku-metering/${useDeploymentName()}/stripe/checkout`,
 			planId,
 			auth.profile?.sub
 		],
@@ -499,6 +497,15 @@ const CheckoutPage = () => {
 		})
 	});
 };
+const CheckoutPage = () => {
+	const [searchParams] = useSearchParams();
+	const planId = searchParams.get("planId");
+	if (!planId) return /* @__PURE__ */ jsx(Navigate, {
+		to: "/pricing",
+		replace: true
+	});
+	return /* @__PURE__ */ jsx(CheckoutRedirect, { planId });
+};
 //#endregion
 //#region src/pages/ManagePaymentPage.tsx
 const ManagePaymentPage = () => {
@@ -2745,6 +2752,9 @@ const zuploMonetizationPlugin = createPlugin((options = {}) => ({
 		queryClient.prefetchQuery(pricingPageQuery(context));
 		if (context.getAuthState().isAuthenticated) queryClient.prefetchQuery(subscriptionsQuery(context));
 	},
+	events: { auth: ({ prev, next }) => {
+		if (prev.isAuthenticated && !next.isAuthenticated) queryClient.removeQueries();
+	} },
 	getIdentities: async (context) => {
 		if (!context.getAuthState().isAuthenticated) return [];
 		return (await queryClient.fetchQuery(subscriptionsQuery(context))).items.flatMap((sub) => sub.status !== "active" ? [] : sub.consumer.apiKeys.flatMap((apiKey) => apiKey.expiresOn && new Date(apiKey.expiresOn) < /* @__PURE__ */ new Date() ? [] : {

package/dist/pricing-ui.d.mts

@@ -139,7 +139,7 @@ declare const FeatureItem: ({
 }: {
   feature: Feature;
   className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 //#endregion
 //#region src/pricing-ui/PlanEntitlements.d.ts
 /**
@@ -161,7 +161,7 @@ declare const PlanEntitlements: ({
   billingCadence?: string;
   units?: Record<string, string>;
   itemClassName?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 //#endregion
 //#region src/utils/formatPlanPrice.d.ts
 type PlanPriceLabel = {
@@ -225,7 +225,7 @@ declare const PlanPriceSchedule: ({
   billingCadence?: string;
   size?: "sm" | "lg";
   className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 //#endregion
 //#region src/pricing-ui/PlanPriceTag.d.ts
 /**
@@ -253,7 +253,7 @@ declare const PlanPriceTag: ({
   billingCadence?: string;
   description?: boolean;
   size?: "inline" | "lg";
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 //#endregion
 //#region src/pricing-ui/PricingCard.d.ts
 type PricingCardProps = {
@@ -269,7 +269,7 @@ declare const PricingCard: ({
   units,
   action,
   className
-}: PricingCardProps) => import("react/jsx-runtime").JSX.Element | null;
+}: PricingCardProps) => import("react").JSX.Element | null;
 //#endregion
 //#region src/pricing-ui/PricingTable.d.ts
 type PricingTableProps = {
@@ -319,7 +319,7 @@ declare const PricingTable: ({
   showTaxLegend,
   className,
   cardClassName
-}: PricingTableProps) => import("react/jsx-runtime").JSX.Element;
+}: PricingTableProps) => import("react").JSX.Element;
 //#endregion
 //#region src/pricing-ui/QuotaItem.d.ts
 declare const QuotaItem: ({
@@ -328,7 +328,7 @@ declare const QuotaItem: ({
 }: {
   quota: Quota;
   className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 //#endregion
 //#region src/utils/categorizeRateCards.d.ts
 declare const categorizeRateCards: (rateCards: RateCard[], options?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zuplo/zudoku-plugin-monetization",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "repository": {
     "type": "git",
     "url": "https://github.com/zuplo/zudoku",
@@ -31,13 +31,14 @@
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
-    "@types/react": "19.2.14",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
+    "@typescript/native-preview": "7.0.0-dev.20260624.1",
     "happy-dom": "20.10.2",
-    "react": "19.2.5",
-    "react-dom": "19.2.5",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "tsdown": "0.22.0",
-    "zudoku": "0.81.0"
+    "zudoku": "0.82.3"
   },
   "peerDependencies": {
     "react": ">=19.2.0",
@@ -52,6 +53,6 @@
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",
-    "typecheck": "tsc --project tsconfig.json"
+    "typecheck": "tsgo --project tsconfig.json"
   }
 }