@lukoweb/apitogo-plugin-dev-portal-billing 0.1.60 → 0.1.61

package/dist/index.mjs

@@ -243,9 +243,13 @@ function useDevPortalApiBaseUrl() {
 	if (providerData?.type === "dev-portal" && providerData.apiBaseUrl) return providerData.apiBaseUrl;
 	return resolveDevPortalApiBaseUrl();
 }
+function useIsDemoSession() {
+	return useAuth().isDemoSession === true;
+}
 function useDevPortalPreviewMode() {
 	const auth = useAuth();
 	const apiBaseUrl = useDevPortalApiBaseUrl();
+	if (auth.isDemoSession) return false;
 	if (auth.authMode === "preview" || auth.isBackendAvailable === false) return true;
 	return isPlaceholderDevPortalApiUrl(apiBaseUrl);
 }
@@ -279,15 +283,49 @@ function useCancelSubscription() {
 	});
 }
 
+//#endregion
+//#region src/utils/demo-session.ts
+const DEMO_SUBSCRIPTION_KEY = "demo-subscription-key";
+function resolveDemoPlanSku(plans) {
+	return plans?.[0]?.sku ?? "free";
+}
+function createDemoMeResponse(plans) {
+	const planSku = resolveDemoPlanSku(plans);
+	const periodEnd = /* @__PURE__ */ new Date();
+	periodEnd.setMonth(periodEnd.getMonth() + 1);
+	return {
+		userId: "00000000-0000-0000-0000-000000000001",
+		displayName: "Demo User",
+		subscriptions: [{
+			planSku,
+			status: "Active",
+			entitlementState: "active",
+			currentPeriodEnd: periodEnd.toISOString()
+		}]
+	};
+}
+function createDemoCredentials(plans) {
+	return {
+		idToken: "demo-id-token",
+		accessToken: null,
+		subscriptionKey: DEMO_SUBSCRIPTION_KEY,
+		gatewayBaseUrl: null,
+		planSku: resolveDemoPlanSku(plans),
+		expiresAt: null
+	};
+}
+
 //#endregion
 //#region src/hooks/useMySubscriptions.ts
 function useMySubscriptions() {
 	const auth = useAuth();
 	const apiBaseUrl = useDevPortalApiBaseUrl();
 	const isPreview = useDevPortalPreviewMode();
-	return useQuery({
+	const isDemoSession = useIsDemoSession();
+	const { previewPlans } = useDevPortalBillingConfig();
+	const liveQuery = useQuery({
 		queryKey: ["dev-portal-me", apiBaseUrl],
-		enabled: auth.isAuthenticated && !isPreview && Boolean(apiBaseUrl),
+		enabled: auth.isAuthenticated && !isPreview && !isDemoSession && Boolean(apiBaseUrl),
 		queryFn: async () => {
 			const response = await fetch(`${apiBaseUrl}/api/v1/auth/me`, {
 				method: "GET",
@@ -298,6 +336,18 @@ function useMySubscriptions() {
 			return await response.json();
 		}
 	});
+	if (isDemoSession && auth.isAuthenticated) return {
+		...liveQuery,
+		data: createDemoMeResponse(previewPlans),
+		error: null,
+		isError: false,
+		isFetching: false,
+		isLoading: false,
+		isPending: false,
+		isSuccess: true,
+		status: "success"
+	};
+	return liveQuery;
 }
 
 //#endregion
@@ -305,10 +355,11 @@ function useMySubscriptions() {
 function usePlans() {
 	const apiBaseUrl = useDevPortalApiBaseUrl();
 	const isPreview = useDevPortalPreviewMode();
+	const isDemoSession = useIsDemoSession();
 	const { previewPlans } = useDevPortalBillingConfig();
 	const liveQuery = useQuery({
 		queryKey: ["dev-portal-plans", apiBaseUrl],
-		enabled: !isPreview && Boolean(apiBaseUrl),
+		enabled: !isPreview && !isDemoSession && Boolean(apiBaseUrl),
 		queryFn: async () => {
 			if (!apiBaseUrl) return { plans: [] };
 			const response = await fetch(`${apiBaseUrl}/api/v1/plans`, { headers: { Accept: "application/json" } });
@@ -316,7 +367,7 @@ function usePlans() {
 			return await response.json();
 		}
 	});
-	if (isPreview) {
+	if (isPreview || isDemoSession) {
 		const data = parseManifestPlans(previewPlans);
 		return {
 			...liveQuery,
@@ -340,6 +391,7 @@ function usePlans() {
 const AccountPlansPage = () => {
 	const { previewPlans } = useDevPortalBillingConfig();
 	const isPreview = useDevPortalPreviewMode();
+	const isDemoSession = useIsDemoSession();
 	const livePlans = usePlans();
 	const catalog = isPreview ? parseManifestPlans(previewPlans) : livePlans.data;
 	const isLoading = isPreview ? false : livePlans.isLoading;
@@ -376,7 +428,7 @@ const AccountPlansPage = () => {
 					})]
 				})]
 			}),
-			isPreview ? /* @__PURE__ */ jsxs("div", {
+			isPreview && !isDemoSession ? /* @__PURE__ */ jsxs("div", {
 				className: "mb-8 rounded-xl border border-dashed bg-muted/20 p-6 text-center text-sm text-muted-foreground",
 				children: [
 					"Local preview uses plans from",
@@ -395,6 +447,10 @@ const AccountPlansPage = () => {
 					"). Subscribe and unsubscribe activate after the portal is published."
 				]
 			}) : null,
+			isDemoSession ? /* @__PURE__ */ jsx("div", {
+				className: "mb-8 rounded-xl border border-dashed bg-muted/20 p-6 text-center text-sm text-muted-foreground",
+				children: "Local demo mode shows plans from your manifest with a sample active subscription. Billing actions activate after publish."
+			}) : null,
 			cancelMutation.isError ? /* @__PURE__ */ jsx("div", {
 				className: "mb-6 rounded-xl border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive",
 				children: cancelMutation.error instanceof Error ? cancelMutation.error.message : "Failed to cancel subscription."
@@ -417,9 +473,9 @@ const AccountPlansPage = () => {
 						mode: "account",
 						subscriptionStatus: subscription?.status,
 						isSubscribed,
-						onUnsubscribe: isPreview ? void 0 : handleUnsubscribe,
+						onUnsubscribe: isPreview || isDemoSession ? void 0 : handleUnsubscribe,
 						isCanceling: cancelingSku === plan.sku,
-						cancelDisabled: isPreview
+						cancelDisabled: isPreview || isDemoSession
 					}, plan.sku);
 				})
 			}) : !isLoading && !isError ? /* @__PURE__ */ jsx("div", {
@@ -497,6 +553,7 @@ const CheckoutPage = () => {
 	const auth = useAuth();
 	const apiBaseUrl = useDevPortalApiBaseUrl();
 	const isPreview = useDevPortalPreviewMode();
+	const isDemoSession = useIsDemoSession();
 	const plansPath = auth.isAuthenticated ? ACCOUNT_PLANS_PATH : PRICING_PATH;
 	const checkoutQuery = useQuery({
 		queryKey: [
@@ -505,7 +562,7 @@ const CheckoutPage = () => {
 			planSku,
 			auth.profile?.sub
 		],
-		enabled: Boolean(planSku) && !isPreview && auth.isAuthenticated && Boolean(apiBaseUrl),
+		enabled: Boolean(planSku) && !isPreview && !isDemoSession && auth.isAuthenticated && Boolean(apiBaseUrl),
 		retry: false,
 		queryFn: async () => {
 			const response = await fetch(`${apiBaseUrl}/api/v1/subscriptions/checkout`, {
@@ -540,6 +597,27 @@ const CheckoutPage = () => {
 			})
 		]
 	});
+	if (isDemoSession) return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex min-h-[50vh] max-w-lg flex-col items-center justify-center gap-4 px-4 text-center",
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-semibold tracking-tight",
+				children: "Demo checkout"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: "Checkout is simulated in local demo mode. Publish your portal to APItoGo to complete real subscriptions and billing."
+			}),
+			/* @__PURE__ */ jsx(Button$1, {
+				asChild: true,
+				variant: "outline",
+				children: /* @__PURE__ */ jsx(Link, {
+					to: "/account/subscriptions",
+					children: "View demo subscriptions"
+				})
+			})
+		]
+	});
 	if (isPreview) return /* @__PURE__ */ jsxs("div", {
 		className: "mx-auto flex min-h-[50vh] max-w-lg flex-col items-center justify-center gap-4 px-4 text-center",
 		children: [
@@ -591,9 +669,11 @@ function useCredentials() {
 	const auth = useAuth();
 	const apiBaseUrl = useDevPortalApiBaseUrl();
 	const isPreview = useDevPortalPreviewMode();
-	return useQuery({
+	const isDemoSession = useIsDemoSession();
+	const { previewPlans } = useDevPortalBillingConfig();
+	const liveQuery = useQuery({
 		queryKey: ["dev-portal-credentials", apiBaseUrl],
-		enabled: auth.isAuthenticated && !isPreview && Boolean(apiBaseUrl),
+		enabled: auth.isAuthenticated && !isPreview && !isDemoSession && Boolean(apiBaseUrl),
 		queryFn: async () => {
 			const response = await fetch(`${apiBaseUrl}/api/v1/credentials`, {
 				method: "GET",
@@ -606,6 +686,18 @@ function useCredentials() {
 		},
 		retry: (failureCount, error) => error instanceof Error && error.message === "NO_ENTITLEMENT" ? false : failureCount < 2
 	});
+	if (isDemoSession && auth.isAuthenticated) return {
+		...liveQuery,
+		data: createDemoCredentials(previewPlans),
+		error: null,
+		isError: false,
+		isFetching: false,
+		isLoading: false,
+		isPending: false,
+		isSuccess: true,
+		status: "success"
+	};
+	return liveQuery;
 }
 
 //#endregion
@@ -613,6 +705,7 @@ function useCredentials() {
 const CredentialsPage = () => {
 	const auth = useAuth();
 	const isPreview = useDevPortalPreviewMode();
+	const isDemoSession = useIsDemoSession();
 	const { data: credentials, isLoading, error } = useCredentials();
 	const { data: catalog } = usePlans();
 	const [revealed, setRevealed] = useState(false);
@@ -637,14 +730,18 @@ const CredentialsPage = () => {
 					})]
 				})]
 			}),
-			isPreview ? /* @__PURE__ */ jsx("div", {
+			isDemoSession ? /* @__PURE__ */ jsx("div", {
+				className: "mb-6 rounded-xl border border-dashed bg-muted/20 p-4 text-sm text-muted-foreground",
+				children: "Local demo credentials. Publish the portal to receive live subscription keys from your dev-portal backend."
+			}) : null,
+			isPreview && !isDemoSession ? /* @__PURE__ */ jsx("div", {
 				className: "rounded-xl border border-dashed p-8 text-center",
 				children: /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground",
 					children: "API credentials are available after the developer portal is published."
 				})
 			}) : null,
-			!isPreview && !auth.isAuthenticated ? /* @__PURE__ */ jsxs("div", {
+			!isPreview && !isDemoSession && !auth.isAuthenticated ? /* @__PURE__ */ jsxs("div", {
 				className: "rounded-xl border border-dashed p-8 text-center",
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground",
@@ -658,11 +755,11 @@ const CredentialsPage = () => {
 					})
 				})]
 			}) : null,
-			!isPreview && auth.isAuthenticated && isLoading ? /* @__PURE__ */ jsx("p", {
+			!isPreview && !isDemoSession && auth.isAuthenticated && isLoading ? /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
 				children: "Loading credentials…"
 			}) : null,
-			!isPreview && auth.isAuthenticated && error ? /* @__PURE__ */ jsxs("div", {
+			!isPreview && !isDemoSession && auth.isAuthenticated && error ? /* @__PURE__ */ jsxs("div", {
 				className: "rounded-xl border border-dashed p-8 text-center",
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground",
@@ -676,7 +773,7 @@ const CredentialsPage = () => {
 					})
 				})]
 			}) : null,
-			!isPreview && credentials ? /* @__PURE__ */ jsxs("div", {
+			(isDemoSession || !isPreview) && credentials ? /* @__PURE__ */ jsxs("div", {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ jsx("article", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukoweb/apitogo-plugin-dev-portal-billing",
-  "version": "0.1.60",
+  "version": "0.1.61",
   "repository": {
     "type": "git",
     "url": "https://github.com/zuplo/zudoku",
@@ -46,7 +46,7 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tsdown": "0.20.3",
-    "@lukoweb/apitogo": "0.1.60"
+    "@lukoweb/apitogo": "0.1.61"
   },
   "peerDependencies": {
     "react": ">=19.2.0",