@lukoweb/apitogo-plugin-dev-portal-billing 0.2.50 → 0.2.51

package/dist/{AccountPlansPage-DTVIVeRh.mjs → AccountPlansPage-BEDZbyAS.mjs}

@@ -1,7 +1,7 @@
 import { c as isActiveSubscription, n as useDevPortalPreviewMode, p as parseManifestPlans, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { t as PricingCard } from "./PricingCard-D-owYlf3.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-Bdo2HFrP.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-B4iV7zFs.mjs";
 import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { CreditCardIcon } from "@lukoweb/apitogo/icons";

package/dist/{CredentialsPage-BOVn3PpF.mjs → CredentialsPage-D9voniJR.mjs}

@@ -1,8 +1,8 @@
 import { t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
 import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { r as createDemoCredentials } from "./demo-session-B6WAunKV.mjs";
-import { a as useApiKeys, n as apiReferencePath, r as ApiKeysPanel } from "./account-links-BUeCO2Du.mjs";
+import { r as createDemoCredentials, t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-rN2Gj4lM.mjs";
+import { a as useApiKeys, n as apiReferencePath, r as ApiKeysPanel } from "./account-links-Dg4ugnGW.mjs";
 import { t as ChoosePlanNotice } from "./ChoosePlanNotice-DITJNrh1.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon } from "@lukoweb/apitogo/icons";
@@ -58,10 +58,10 @@ const CredentialsPage = () => {
 	const isDemoSession = useIsDemoSession();
 	const { data: credentials, isLoading, error } = useCredentials();
 	const { data: apiKeys, isLoading: keysLoading, error: keysError } = useApiKeys();
-	const { gatewayBaseUrl: configuredGatewayBaseUrl, links } = useDevPortalBillingConfig();
+	const { gatewayBaseUrl: configuredGatewayBaseUrl, links, keyHeader: configuredKeyHeader } = useDevPortalBillingConfig();
 	const apiReferenceLink = apiReferencePath(links);
 	const gatewayBaseUrl = credentials?.gatewayBaseUrl?.trim() || apiKeys?.gatewayBaseUrl?.trim() || configuredGatewayBaseUrl?.trim() || zudokuConfig.__meta?.gatewayBaseUrl?.trim() || null;
-	const header = apiKeys?.header ?? "Ocp-Apim-Subscription-Key";
+	const header = configuredKeyHeader?.trim() || apiKeys?.header || DEMO_GATEWAY_KEY_HEADER;
 	const plans = apiKeys?.plans ?? [];
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mx-auto max-w-screen-lg px-4 pb-16 pt-(--padding-content-top) lg:px-8",

package/dist/{SubscriptionsPage-29Xs4XvM.mjs → SubscriptionsPage-Bo5D3K1x.mjs}

@@ -1,7 +1,7 @@
 import { i as CREDENTIALS_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
 import { c as isActiveSubscription, i as formatBillingPeriod, m as parseMonthlyQuotaCalls, o as formatPlanPrice, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-Bdo2HFrP.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-B4iV7zFs.mjs";
 import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { t as useUsage } from "./useUsage-DOUibue4.mjs";
 import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-DjUXQYSr.mjs";

package/dist/{UsagePage-U27bvmbF.mjs → UsagePage-CK6p01Ut.mjs}

@@ -1,6 +1,6 @@
 import { c as isActiveSubscription, h as parseQuotaPeriodDays, m as parseMonthlyQuotaCalls } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-Bdo2HFrP.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-B4iV7zFs.mjs";
 import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { t as useUsage } from "./useUsage-DOUibue4.mjs";
 import { Head } from "@lukoweb/apitogo/components";

package/dist/{account-links-BUeCO2Du.mjs → account-links-Dg4ugnGW.mjs}

@@ -1,6 +1,6 @@
 import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { n as createDemoApiKeys, t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-B6WAunKV.mjs";
+import { n as createDemoApiKeys, t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-rN2Gj4lM.mjs";
 import { Spinner } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon, TrashIcon } from "@lukoweb/apitogo/icons";
 import { useState } from "react";
@@ -115,6 +115,7 @@ function useApiKeys() {
 function useCreateApiKey() {
 	const apiBaseUrl = useDevPortalApiBaseUrl();
 	const queryClient = useQueryClient();
+	const { keyHeader } = useDevPortalBillingConfig();
 	return useMutation({
 		mutationFn: async ({ name, planSku }) => {
 			if (!apiBaseUrl) throw new Error("Dev portal API is not configured.");
@@ -137,7 +138,7 @@ function useCreateApiKey() {
 		onSuccess: async (created) => {
 			rememberPlaygroundKey({
 				...created,
-				header: queryClient.getQueryData(apiKeysQueryKey(apiBaseUrl))?.header
+				header: keyHeader?.trim() || queryClient.getQueryData(apiKeysQueryKey(apiBaseUrl))?.header
 			});
 			await queryClient.invalidateQueries({ queryKey: apiKeysQueryKey(apiBaseUrl) });
 		}

package/dist/{demo-session-B6WAunKV.mjs → demo-session-rN2Gj4lM.mjs}

@@ -1,6 +1,7 @@
 //#region src/utils/demo-session.ts
 const DEMO_SUBSCRIPTION_KEY = "demo-subscription-key";
-const DEMO_GATEWAY_KEY_HEADER = "Ocp-Apim-Subscription-Key";
+/** The platform gateway's default key header (API-120). */
+const DEMO_GATEWAY_KEY_HEADER = "X-API-Key";
 const DEMO_MAX_KEYS = 5;
 function resolveDemoPlans(plans) {
 	if (plans && plans.length > 0) return plans.map((plan) => ({

package/dist/index.d.mts

@@ -53,7 +53,12 @@ type DevPortalBillingConfig = {
     api?: string;
   }; /** Address of the plans backend; the portal's generated wrapper passes it. The plans request starts from it early. */
   apiBaseUrl?: string; /** Live gateway URL (publish bake or explicit plugin option). */
-  gatewayBaseUrl?: string | null; /** Local preview plan catalog (from `apitogo.config.json` `plans`). */
+  gatewayBaseUrl?: string | null;
+  /**
+   * The header API users send their key in, as the portal build knows it from the gateway config. Wins over the plans
+   * backend's answer, which only knows the platform default.
+   */
+  keyHeader?: string; /** Local preview plan catalog (from `apitogo.config.json` `plans`). */
   previewPlans?: Array<{
     sku: string;
     displayName: string;
@@ -236,6 +241,18 @@ declare function useCreateApiKey(): _tanstack_react_query0.UseMutationResult<Dev
 }, unknown>;
 declare function useRevokeApiKey(): _tanstack_react_query0.UseMutationResult<void, Error, string, unknown>;
 //#endregion
+//#region src/hooks/useGatewayCall.d.ts
+/** How a caller reaches the API: the gateway address and the header the key goes in. */
+type GatewayCall = {
+  /** The gateway's base URL, without a trailing slash; null before the gateway is deployed. */baseUrl: string | null; /** The header API users send their key in. */
+  keyHeader: string;
+};
+/**
+ * The real gateway address and key header, as the portal build knows them (API-120), so a page's code sample works
+ * when a visitor pastes it with their key.
+ */
+declare function useGatewayCall(): GatewayCall;
+//#endregion
 //#region src/hooks/usePlans.d.ts
 declare function usePlans(): UseQueryResult<DevPortalPlanCatalog>;
 //#endregion
@@ -258,4 +275,4 @@ declare const toPlansPreviewItems: (plans: DevPortalPlan[]) => PlansPreviewItem[
  */
 declare const usePlansPreview: () => PlansPreviewItem[];
 //#endregion
-export { ACCOUNT_PLANS_PATH, API_KEY_CAP_REACHED, AccountPlansPage, ApiKeysPanel, CHECKOUT_PATH, CONTACT_SALES_PATH, CREDENTIALS_PATH, type DevPortalPlan, type DevPortalPlanCatalog, OverviewDashboardPage, PRICING_PATH, type PlansPreviewItem, SUBSCRIPTIONS_PATH, USAGE_PATH, devPortalBillingPlugin, toPlansPreviewItems, useApiKeys, useCreateApiKey, usePlans, usePlansPreview, useRevokeApiKey };
+export { ACCOUNT_PLANS_PATH, API_KEY_CAP_REACHED, AccountPlansPage, ApiKeysPanel, CHECKOUT_PATH, CONTACT_SALES_PATH, CREDENTIALS_PATH, type DevPortalPlan, type DevPortalPlanCatalog, type GatewayCall, OverviewDashboardPage, PRICING_PATH, type PlansPreviewItem, SUBSCRIPTIONS_PATH, USAGE_PATH, devPortalBillingPlugin, toPlansPreviewItems, useApiKeys, useCreateApiKey, useGatewayCall, usePlans, usePlansPreview, useRevokeApiKey };

package/dist/index.mjs

@@ -1,11 +1,12 @@
-import { t as AccountPlansPage } from "./AccountPlansPage-DTVIVeRh.mjs";
+import { t as AccountPlansPage } from "./AccountPlansPage-BEDZbyAS.mjs";
 import { a as LOGIN_NAV_PATH, c as USAGE_PATH, i as CREDENTIALS_PATH, n as CHECKOUT_PATH, o as PRICING_PATH, r as CONTACT_SALES_PATH, s as SUBSCRIPTIONS_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
 import { a as formatPlanDisplayPrice, c as isActiveSubscription, f as listPlanFeatureLines, g as pickFeaturedPlanSku, p as parseManifestPlans, s as formatPlanPriceUnit, y as resolveDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import "./PricingCard-D-owYlf3.mjs";
-import { t as DevPortalBillingProvider } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-Bdo2HFrP.mjs";
+import { n as useDevPortalBillingConfig, t as DevPortalBillingProvider } from "./DevPortalBillingContext-CR83s4LO.mjs";
+import { t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-rN2Gj4lM.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-B4iV7zFs.mjs";
 import { n as startPlansPrefetch, t as usePlans } from "./usePlans-DVGt2Myv.mjs";
-import { a as useApiKeys, c as playgroundKeyIdentities, i as API_KEY_CAP_REACHED, o as useCreateApiKey, r as ApiKeysPanel, s as useRevokeApiKey, t as accountLayoutProps } from "./account-links-BUeCO2Du.mjs";
+import { a as useApiKeys, c as playgroundKeyIdentities, i as API_KEY_CAP_REACHED, o as useCreateApiKey, r as ApiKeysPanel, s as useRevokeApiKey, t as accountLayoutProps } from "./account-links-Dg4ugnGW.mjs";
 import { n as useUsageRecent, t as useUsage } from "./useUsage-DOUibue4.mjs";
 import { t as isPreviewPricingEnabled } from "./pricing-config-CfhRX9tk.mjs";
 import { Head, Link } from "@lukoweb/apitogo/components";
@@ -13,6 +14,7 @@ import { ArrowRightIcon, KeyRoundIcon, StarsIcon } from "@lukoweb/apitogo/icons"
 import { Outlet } from "@lukoweb/apitogo/router";
 import { Suspense, lazy } from "react";
 import manifestCatalog from "virtual:apitogo-local-manifest";
+import zudokuConfig from "virtual:zudoku-config";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAuth } from "@lukoweb/apitogo/hooks";
 import { Button as Button$1 } from "@lukoweb/apitogo/ui/Button.js";
@@ -363,13 +365,13 @@ async function getSignedInIdentities(apiBaseUrl, fetchImpl = fetch) {
 
 //#endregion
 //#region src/DevPortalBillingPlugin.tsx
-const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-DTVIVeRh.mjs").then((n) => n.n));
+const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-BEDZbyAS.mjs").then((n) => n.n));
 const CheckoutPage = lazy(() => import("./CheckoutPage-6nFq9GKO.mjs"));
 const ContactSalesPage = lazy(() => import("./ContactSalesPage-Imh39E8z.mjs"));
-const CredentialsPage = lazy(() => import("./CredentialsPage-BOVn3PpF.mjs"));
+const CredentialsPage = lazy(() => import("./CredentialsPage-D9voniJR.mjs"));
 const PricingPage = lazy(() => import("./PricingPage-BTPQ-ntp.mjs"));
-const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-29Xs4XvM.mjs"));
-const UsagePage = lazy(() => import("./UsagePage-U27bvmbF.mjs"));
+const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-Bo5D3K1x.mjs"));
+const UsagePage = lazy(() => import("./UsagePage-CK6p01Ut.mjs"));
 function resolvePricingEnabled(config) {
 	if (config.__meta?.pricingEnabled !== void 0) return config.__meta.pricingEnabled;
 	return isPreviewPricingEnabled();
@@ -474,6 +476,21 @@ const devPortalBillingPlugin = createPlugin((options = {}) => {
 	};
 });
 
+//#endregion
+//#region src/hooks/useGatewayCall.ts
+/**
+* The real gateway address and key header, as the portal build knows them (API-120), so a page's code sample works
+* when a visitor pastes it with their key.
+*/
+function useGatewayCall() {
+	const { gatewayBaseUrl, keyHeader } = useDevPortalBillingConfig();
+	const baseUrl = gatewayBaseUrl?.trim() || zudokuConfig.__meta?.gatewayBaseUrl?.trim() || "";
+	return {
+		baseUrl: baseUrl ? baseUrl.replace(/\/+$/, "") : null,
+		keyHeader: keyHeader?.trim() || DEMO_GATEWAY_KEY_HEADER
+	};
+}
+
 //#endregion
 //#region src/hooks/usePlansPreview.ts
 /** Maps plans to landing `PlansPreviewSection` cards, highlighting the same plan as /pricing. */
@@ -499,4 +516,4 @@ const usePlansPreview = () => {
 };
 
 //#endregion
-export { ACCOUNT_PLANS_PATH, API_KEY_CAP_REACHED, AccountPlansPage, ApiKeysPanel, CHECKOUT_PATH, CONTACT_SALES_PATH, CREDENTIALS_PATH, OverviewDashboardPage, PRICING_PATH, SUBSCRIPTIONS_PATH, USAGE_PATH, devPortalBillingPlugin, toPlansPreviewItems, useApiKeys, useCreateApiKey, usePlans, usePlansPreview, useRevokeApiKey };
+export { ACCOUNT_PLANS_PATH, API_KEY_CAP_REACHED, AccountPlansPage, ApiKeysPanel, CHECKOUT_PATH, CONTACT_SALES_PATH, CREDENTIALS_PATH, OverviewDashboardPage, PRICING_PATH, SUBSCRIPTIONS_PATH, USAGE_PATH, devPortalBillingPlugin, toPlansPreviewItems, useApiKeys, useCreateApiKey, useGatewayCall, usePlans, usePlansPreview, useRevokeApiKey };

package/dist/{useMySubscriptions-Bdo2HFrP.mjs → useMySubscriptions-B4iV7zFs.mjs}

@@ -1,6 +1,6 @@
 import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { i as createDemoMeResponse } from "./demo-session-B6WAunKV.mjs";
+import { i as createDemoMeResponse } from "./demo-session-rN2Gj4lM.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";
 import { useAuth } from "@lukoweb/apitogo/hooks";
 

package/package.json

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