@solvapay/react 1.1.2 → 1.1.3-preview-5c041557cfab501e35bc232a2864d80c96afdb92

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @solvapay/react changelog
 
+## 1.1.3-preview-5c041557cfab501e35bc232a2864d80c96afdb92
+
+### Patch Changes
+
+- 9c66d68: Fix `usePlan` so it no longer fires a raw `fetch('/api/list-plans')` when an MCP transport is configured. The hook now routes through `defaultListPlans`, which is transport-aware and falls back to the seeded `plansCache` when the MCP adapter omits `listPlans` (the Phase 2c shape, where plans arrive in the bootstrap snapshot).
+
+  This was the second symptom on Goldberg's ChatGPT App: the iframe sandbox returned 404 for `/api/list-plans` because the MCP origin doesn't serve that route. New regression test in `usePlan.test.tsx` covers the iframe-sandbox 404 pattern, and `ActivationFlow.test.tsx` was updated to seed `plansCache` directly to match the production MCP bootstrap pattern.
+
+- Updated dependencies [36ac2ad]
+- Updated dependencies [9c66d68]
+  - @solvapay/mcp-core@0.2.4-preview-5c041557cfab501e35bc232a2864d80c96afdb92
+
 ## 1.1.2
 
 ### Patch Changes

package/dist/{chunk-ZUITUQXA.js → chunk-65ZUT5BW.js}

@@ -16,7 +16,7 @@ import {
   useProduct,
   usePurchase,
   useTopupAmountSelector
-} from "./chunk-BB6F7RRD.js";
+} from "./chunk-WQ3P3PK7.js";
 
 // src/TopupForm.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-XYBKLHT2.js → chunk-OMQXXYD4.js}

@@ -13,7 +13,7 @@ import {
   usePurchaseStatus,
   useSolvaPay,
   useTransport
-} from "./chunk-BB6F7RRD.js";
+} from "./chunk-WQ3P3PK7.js";
 
 // src/hooks/usePaymentMethod.ts
 import { useCallback, useEffect, useState } from "react";

package/dist/{chunk-BB6F7RRD.js → chunk-WQ3P3PK7.js}

@@ -1489,7 +1489,13 @@ function usePlans(options) {
 
 // src/hooks/usePlan.ts
 import { useCallback as useCallback4, useEffect as useEffect3, useState as useState4 } from "react";
-async function listPlans(productRef, config) {
+
+// src/transport/list-plans.ts
+async function defaultListPlans(productRef, config) {
+  const transport = config?.transport;
+  if (transport) {
+    return transport.listPlans ? transport.listPlans(productRef) : plansCache.get(productRef)?.plans ?? [];
+  }
   const base = config?.api?.listPlans || "/api/list-plans";
   const url = `${base}?productRef=${encodeURIComponent(productRef)}`;
   const fetchFn = config?.fetch || fetch;
@@ -1503,6 +1509,8 @@ async function listPlans(productRef, config) {
   const data = await res.json();
   return data.plans ?? [];
 }
+
+// src/hooks/usePlan.ts
 function usePlan(options) {
   const { planRef, productRef } = options;
   const { _config } = useSolvaPay();
@@ -1570,7 +1578,7 @@ function usePlan(options) {
       try {
         setLoading(true);
         setError(null);
-        const promise = listPlans(productRef, _config);
+        const promise = defaultListPlans(productRef, _config);
         plansCache.set(productRef, { plans: [], timestamp: now, promise });
         const plans = await promise;
         plansCache.set(productRef, { plans, timestamp: now, promise: null });
@@ -3830,28 +3838,6 @@ import {
   useContext as useContext11,
   useMemo as useMemo10
 } from "react";
-
-// src/transport/list-plans.ts
-async function defaultListPlans(productRef, config) {
-  const transport = config?.transport;
-  if (transport) {
-    return transport.listPlans ? transport.listPlans(productRef) : plansCache.get(productRef)?.plans ?? [];
-  }
-  const base = config?.api?.listPlans || "/api/list-plans";
-  const url = `${base}?productRef=${encodeURIComponent(productRef)}`;
-  const fetchFn = config?.fetch || fetch;
-  const { headers } = await buildRequestHeaders(config);
-  const res = await fetchFn(url, { method: "GET", headers });
-  if (!res.ok) {
-    const error = new Error(`Failed to fetch plans: ${res.statusText || res.status}`);
-    config?.onError?.(error, "listPlans");
-    throw error;
-  }
-  const data = await res.json();
-  return data.plans ?? [];
-}
-
-// src/primitives/PlanSelector.tsx
 import { jsx as jsx15 } from "react/jsx-runtime";
 var PlanSelectorContext = createContext8(null);
 function usePlanSelectorContext(part) {
@@ -4817,6 +4803,7 @@ export {
   useCustomer,
   plansCache,
   usePlans,
+  defaultListPlans,
   usePlan,
   createTransportCacheKey,
   productCache,
@@ -4877,7 +4864,6 @@ export {
   TopupForm,
   useTopupForm,
   BalanceBadge,
-  defaultListPlans,
   PlanSelectorRoot2 as PlanSelectorRoot,
   PlanSelectorHeading2 as PlanSelectorHeading,
   PlanSelectorGrid2 as PlanSelectorGrid,

package/dist/index.cjs

@@ -1673,8 +1673,12 @@ function usePlans(options) {
   };
 }
 
-// src/hooks/usePlan.ts
-async function listPlans(productRef, config) {
+// src/transport/list-plans.ts
+async function defaultListPlans(productRef, config) {
+  const transport = config?.transport;
+  if (transport) {
+    return transport.listPlans ? transport.listPlans(productRef) : plansCache.get(productRef)?.plans ?? [];
+  }
   const base = config?.api?.listPlans || "/api/list-plans";
   const url = `${base}?productRef=${encodeURIComponent(productRef)}`;
   const fetchFn = config?.fetch || fetch;
@@ -1688,6 +1692,8 @@ async function listPlans(productRef, config) {
   const data = await res.json();
   return data.plans ?? [];
 }
+
+// src/hooks/usePlan.ts
 function usePlan(options) {
   const { planRef, productRef } = options;
   const { _config } = useSolvaPay();
@@ -1755,7 +1761,7 @@ function usePlan(options) {
       try {
         setLoading(true);
         setError(null);
-        const promise = listPlans(productRef, _config);
+        const promise = defaultListPlans(productRef, _config);
         plansCache.set(productRef, { plans: [], timestamp: now, promise });
         const plans = await promise;
         plansCache.set(productRef, { plans, timestamp: now, promise: null });
@@ -4218,28 +4224,6 @@ var import_react28 = require("react");
 
 // src/primitives/PlanSelector.tsx
 var import_react26 = require("react");
-
-// src/transport/list-plans.ts
-async function defaultListPlans(productRef, config) {
-  const transport = config?.transport;
-  if (transport) {
-    return transport.listPlans ? transport.listPlans(productRef) : plansCache.get(productRef)?.plans ?? [];
-  }
-  const base = config?.api?.listPlans || "/api/list-plans";
-  const url = `${base}?productRef=${encodeURIComponent(productRef)}`;
-  const fetchFn = config?.fetch || fetch;
-  const { headers } = await buildRequestHeaders(config);
-  const res = await fetchFn(url, { method: "GET", headers });
-  if (!res.ok) {
-    const error = new Error(`Failed to fetch plans: ${res.statusText || res.status}`);
-    config?.onError?.(error, "listPlans");
-    throw error;
-  }
-  const data = await res.json();
-  return data.plans ?? [];
-}
-
-// src/primitives/PlanSelector.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var PlanSelectorContext = (0, import_react26.createContext)(null);
 function usePlanSelectorContext(part) {

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   LaunchCustomerPortalButton,
   UpdatePaymentMethodButton,
   usePaymentMethod
-} from "./chunk-XYBKLHT2.js";
+} from "./chunk-OMQXXYD4.js";
 import {
   ActivationFlow,
   CreditGate,
@@ -14,7 +14,7 @@ import {
   useActivationFlow,
   useCreditGate,
   usePaywallResolver
-} from "./chunk-ZUITUQXA.js";
+} from "./chunk-65ZUT5BW.js";
 import {
   AmountPicker,
   BalanceBadge,
@@ -82,7 +82,7 @@ import {
   useTopupAmountSelector,
   useTransport,
   useUsage
-} from "./chunk-BB6F7RRD.js";
+} from "./chunk-WQ3P3PK7.js";
 import {
   defaultAuthAdapter
 } from "./chunk-OUSEQRCT.js";

package/dist/mcp/index.cjs

@@ -4460,20 +4460,6 @@ var import_react32 = require("react");
 
 // src/hooks/usePlan.ts
 var import_react31 = require("react");
-async function listPlans(productRef, config) {
-  const base = config?.api?.listPlans || "/api/list-plans";
-  const url = `${base}?productRef=${encodeURIComponent(productRef)}`;
-  const fetchFn = config?.fetch || fetch;
-  const { headers } = await buildRequestHeaders(config);
-  const res = await fetchFn(url, { method: "GET", headers });
-  if (!res.ok) {
-    const error = new Error(`Failed to fetch plans: ${res.statusText || res.status}`);
-    config?.onError?.(error, "listPlans");
-    throw error;
-  }
-  const data = await res.json();
-  return data.plans ?? [];
-}
 function usePlan(options) {
   const { planRef, productRef } = options;
   const { _config } = useSolvaPay();
@@ -4541,7 +4527,7 @@ function usePlan(options) {
       try {
         setLoading(true);
         setError(null);
-        const promise = listPlans(productRef, _config);
+        const promise = defaultListPlans(productRef, _config);
         plansCache.set(productRef, { plans: [], timestamp: now, promise });
         const plans = await promise;
         plansCache.set(productRef, { plans, timestamp: now, promise: null });

package/dist/mcp/index.js

@@ -3,7 +3,7 @@ import {
   ExternalLinkGlyph,
   LaunchCustomerPortalButton,
   paymentMethodCache
-} from "../chunk-XYBKLHT2.js";
+} from "../chunk-OMQXXYD4.js";
 import {
   isPaygPlan
 } from "../chunk-PLPNLBDA.js";
@@ -33,7 +33,7 @@ import {
   usePurchase,
   usePurchaseStatus,
   useTransport
-} from "../chunk-BB6F7RRD.js";
+} from "../chunk-WQ3P3PK7.js";
 import "../chunk-OUSEQRCT.js";
 
 // src/mcp/adapter.ts

package/dist/primitives/index.cjs

@@ -971,8 +971,12 @@ function usePlans(options) {
   };
 }
 
-// src/hooks/usePlan.ts
-async function listPlans(productRef, config) {
+// src/transport/list-plans.ts
+async function defaultListPlans(productRef, config) {
+  const transport = config?.transport;
+  if (transport) {
+    return transport.listPlans ? transport.listPlans(productRef) : plansCache.get(productRef)?.plans ?? [];
+  }
   const base = config?.api?.listPlans || "/api/list-plans";
   const url = `${base}?productRef=${encodeURIComponent(productRef)}`;
   const fetchFn = config?.fetch || fetch;
@@ -986,6 +990,8 @@ async function listPlans(productRef, config) {
   const data = await res.json();
   return data.plans ?? [];
 }
+
+// src/hooks/usePlan.ts
 function usePlan(options) {
   const { planRef, productRef } = options;
   const { _config } = useSolvaPay();
@@ -1053,7 +1059,7 @@ function usePlan(options) {
       try {
         setLoading(true);
         setError(null);
-        const promise = listPlans(productRef, _config);
+        const promise = defaultListPlans(productRef, _config);
         plansCache.set(productRef, { plans: [], timestamp: now, promise });
         const plans = await promise;
         plansCache.set(productRef, { plans, timestamp: now, promise: null });
@@ -1414,26 +1420,6 @@ function useCheckoutSummary() {
 // src/primitives/PlanSelector.tsx
 var import_react10 = require("react");
 
-// src/transport/list-plans.ts
-async function defaultListPlans(productRef, config) {
-  const transport = config?.transport;
-  if (transport) {
-    return transport.listPlans ? transport.listPlans(productRef) : plansCache.get(productRef)?.plans ?? [];
-  }
-  const base = config?.api?.listPlans || "/api/list-plans";
-  const url = `${base}?productRef=${encodeURIComponent(productRef)}`;
-  const fetchFn = config?.fetch || fetch;
-  const { headers } = await buildRequestHeaders(config);
-  const res = await fetchFn(url, { method: "GET", headers });
-  if (!res.ok) {
-    const error = new Error(`Failed to fetch plans: ${res.statusText || res.status}`);
-    config?.onError?.(error, "listPlans");
-    throw error;
-  }
-  const data = await res.json();
-  return data.plans ?? [];
-}
-
 // src/hooks/usePurchase.ts
 function usePurchase() {
   const { purchase, refetchPurchase } = useSolvaPay();

package/dist/primitives/index.js

@@ -28,7 +28,7 @@ import {
   useCreditGate,
   usePaywallResolver,
   usePurchaseGate
-} from "../chunk-ZUITUQXA.js";
+} from "../chunk-65ZUT5BW.js";
 import {
   isPaygPlan
 } from "../chunk-PLPNLBDA.js";
@@ -110,7 +110,7 @@ import {
   usePlanSelector,
   useTopupForm,
   useUsageMeter
-} from "../chunk-BB6F7RRD.js";
+} from "../chunk-WQ3P3PK7.js";
 import "../chunk-OUSEQRCT.js";
 
 // src/primitives/PaywallNotice.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solvapay/react",
-  "version": "1.1.2",
+  "version": "1.1.3-preview-5c041557cfab501e35bc232a2864d80c96afdb92",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -54,7 +54,7 @@
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
-    "@solvapay/mcp-core": "0.2.3"
+    "@solvapay/mcp-core": "0.2.4-preview-5c041557cfab501e35bc232a2864d80c96afdb92"
   },
   "peerDependenciesMeta": {
     "@solvapay/mcp-core": {
@@ -79,9 +79,9 @@
     "react-dom": "^19.2.4",
     "typescript": "^5.9.3",
     "vitest": "^4.1.2",
-    "@solvapay/mcp-core": "0.2.3",
-    "@solvapay/server": "1.0.11",
-    "@solvapay/test-utils": "0.0.0"
+    "@solvapay/mcp-core": "0.2.4-preview-5c041557cfab501e35bc232a2864d80c96afdb92",
+    "@solvapay/test-utils": "0.0.0",
+    "@solvapay/server": "1.0.11"
   },
   "scripts": {
     "build": "tsup src/index.tsx src/primitives/index.ts src/adapters/auth.ts src/mcp/index.ts --format esm,cjs --dts --tsconfig tsconfig.build.json && cp src/styles.css dist/styles.css && mkdir -p dist/mcp && cp src/mcp/styles.css dist/mcp/styles.css",