@foldspace-fe/casdoor-next-auth-kit 0.1.15 → 0.1.17

package/dist/react/index.d.ts

@@ -5,7 +5,7 @@ export { Session } from 'next-auth';
 import { useSession } from 'next-auth/react';
 import { A as AuthSession } from '../options-D2YQdRWu.js';
 export { a as AuthSessionUser, b as AuthTokenPayload } from '../options-D2YQdRWu.js';
-import { B as BillingActionPayload, a as BillingItem, b as BillingRuntimeConfig, c as BillingCatalogConfig, d as BillingApiClient, e as BillingLoaders, f as BillingActionExecutor, g as BillingDefaults, h as BillingSubscriptionState, i as BillingSubscriptionHistoryItem, j as BillingProductState, k as BillingOrderHistoryItem, l as BillingPaymentHistoryItem, m as BillingCreditsState, n as BillingEntitlementState, o as BillingStatusState, p as BillingPurchaseStatus, q as BillingProductSnapshot, r as BillingCoreContextValue } from '../types-DwThfdu-.js';
+import { B as BillingActionPayload, a as BillingItem, b as BillingRuntimeConfig, c as BillingCatalogConfig, d as BillingApiClient, e as BillingLoaders, f as BillingActionExecutor, g as BillingDefaults, h as BillingSubscriptionState, i as BillingSubscriptionHistoryItem, j as BillingProductState, k as BillingOrderHistoryItem, l as BillingPaymentHistoryItem, m as BillingCreditsState, n as BillingEntitlementState, o as BillingStatusState, p as BillingPurchaseStatus, q as BillingPurchaseHooks, r as BillingProductSnapshot, s as BillingCasdoorProductDetail, t as BillingCoreContextValue } from '../types-xgHVGy75.js';
 import 'next-auth/jwt';
 import '../types-BJv6j3NZ.js';
 
@@ -60,6 +60,7 @@ interface BillingProviderProps {
     entitlements?: BillingEntitlementState;
     status?: BillingStatusState;
     purchaseStatus?: BillingPurchaseStatus;
+    purchaseHooks?: BillingPurchaseHooks;
     autoRefresh?: boolean;
 }
 type BillingCoreProviderProps = BillingProviderProps;
@@ -92,7 +93,7 @@ interface BillingPipelineOptions {
     }) => Promise<void>;
     onError?: (error: unknown) => Promise<void>;
 }
-declare function BillingProvider({ children, apiClient, loaders, runtimeConfigLoader, actionExecutor, defaults, runtimeConfig: runtimeConfigProp, subscription: subscriptionProp, subscriptionHistory: subscriptionHistoryProp, products: productsProp, orderHistory: orderHistoryProp, paymentHistory: paymentHistoryProp, credits: creditsProp, entitlements: entitlementsProp, status: statusProp, purchaseStatus: purchaseStatusProp, autoRefresh, }: BillingProviderProps): react_jsx_runtime.JSX.Element;
+declare function BillingProvider({ children, apiClient, loaders, runtimeConfigLoader, actionExecutor, defaults, runtimeConfig: runtimeConfigProp, subscription: subscriptionProp, subscriptionHistory: subscriptionHistoryProp, products: productsProp, orderHistory: orderHistoryProp, paymentHistory: paymentHistoryProp, credits: creditsProp, entitlements: entitlementsProp, status: statusProp, purchaseStatus: purchaseStatusProp, purchaseHooks, autoRefresh, }: BillingProviderProps): react_jsx_runtime.JSX.Element;
 declare function BillingCoreProvider(props: BillingCoreProviderProps): react_jsx_runtime.JSX.Element;
 declare function SubscriptionProvider({ children, availablePlans, subscription, subscriptionHistory, entitlements, status, }: BillingSubscriptionProviderProps): react_jsx_runtime.JSX.Element;
 declare function ProductProvider({ children, availableProducts, products, orderHistory, paymentHistory, status, }: BillingProductProviderProps): react_jsx_runtime.JSX.Element;
@@ -112,6 +113,25 @@ interface BillingItemState {
     refresh: () => Promise<void>;
 }
 declare function useBillingItem(itemKey: string): BillingItemState;
+interface BillingProductDetailState {
+    product?: BillingCasdoorProductDetail;
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+}
+declare function useBillingProductDetail(productId: string): BillingProductDetailState;
+interface BillingProductPurchaseOptionsState {
+    product?: BillingCasdoorProductDetail;
+    providers: BillingCasdoorProductDetail['providers'];
+    providerObjs: BillingCasdoorProductDetail['providerObjs'];
+    providerName?: string;
+    selectedProvider?: NonNullable<BillingCasdoorProductDetail['providerObjs']>[number];
+    setProviderName: (providerName?: string) => void;
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+}
+declare function useBillingProductPurchaseOptions(productId: string, preferredProviderName?: string): BillingProductPurchaseOptionsState;
 interface BillingProductsState {
     products: BillingProductState[];
     loading: boolean;
@@ -234,4 +254,4 @@ interface BillingProductStateView {
 declare function useBillingProduct(productKey: string): BillingProductStateView;
 declare function useBillingCatalogConfig(): BillingCatalogState;
 
-export { type AuthActions, type AuthActionsOptions, AuthProvider, type AuthRole, AuthSession, type AuthUserSummary, type BillingActionHookResult, type BillingAvailablePlansState, type BillingAvailableProductsState, type BillingCatalogState, BillingCoreProvider, type BillingCoreProviderProps, type BillingCreditsProviderProps, type BillingCreditsStateView, type BillingEntitlementsStateView, type BillingItemState, type BillingOrderHistoryState, type BillingPaymentHistoryState, type BillingPipelineOptions, type BillingPipelineResult, type BillingProductProviderProps, type BillingProductStateView, type BillingProductsState, BillingProvider, type BillingProviderProps, type BillingPurchaseStatusView, type BillingRefreshView, type BillingStatusView, type BillingSubscriptionHistoryState, type BillingSubscriptionProductState, type BillingSubscriptionProviderProps, type BillingSubscriptionStateView, CreditsProvider, ProductProvider, SubscriptionProvider, useAuthActions, useAuthRole, useAuthSession, useAuthUser, useBillingAvailablePlans, useBillingAvailableProducts, useBillingCatalog, useBillingCatalogConfig, useBillingContext, useBillingCredits, useBillingEntitlements, useBillingItem, useBillingOrderHistory, useBillingPaymentHistory, useBillingPipeline, useBillingProduct, useBillingProducts, useBillingPurchaseStatus, useBillingRefresh, useBillingStatus, useBillingSubscription, useBillingSubscriptionHistory, useBillingSubscriptionProduct, useCancelSubscription, useManageSubscription, usePurchaseProduct, useSubscribePlan, useUpgradePlan };
+export { type AuthActions, type AuthActionsOptions, AuthProvider, type AuthRole, AuthSession, type AuthUserSummary, type BillingActionHookResult, type BillingAvailablePlansState, type BillingAvailableProductsState, type BillingCatalogState, BillingCoreProvider, type BillingCoreProviderProps, type BillingCreditsProviderProps, type BillingCreditsStateView, type BillingEntitlementsStateView, type BillingItemState, type BillingOrderHistoryState, type BillingPaymentHistoryState, type BillingPipelineOptions, type BillingPipelineResult, type BillingProductDetailState, type BillingProductProviderProps, type BillingProductPurchaseOptionsState, type BillingProductStateView, type BillingProductsState, BillingProvider, type BillingProviderProps, type BillingPurchaseStatusView, type BillingRefreshView, type BillingStatusView, type BillingSubscriptionHistoryState, type BillingSubscriptionProductState, type BillingSubscriptionProviderProps, type BillingSubscriptionStateView, CreditsProvider, ProductProvider, SubscriptionProvider, useAuthActions, useAuthRole, useAuthSession, useAuthUser, useBillingAvailablePlans, useBillingAvailableProducts, useBillingCatalog, useBillingCatalogConfig, useBillingContext, useBillingCredits, useBillingEntitlements, useBillingItem, useBillingOrderHistory, useBillingPaymentHistory, useBillingPipeline, useBillingProduct, useBillingProductDetail, useBillingProductPurchaseOptions, useBillingProducts, useBillingPurchaseStatus, useBillingRefresh, useBillingStatus, useBillingSubscription, useBillingSubscriptionHistory, useBillingSubscriptionProduct, useCancelSubscription, useManageSubscription, usePurchaseProduct, useSubscribePlan, useUpgradePlan };

package/dist/react/index.js

@@ -1,14 +1,20 @@
 import {
   buildBillingActionPayload,
+  buildBillingPurchaseRequest,
+  buildCasdoorBuyProductRequest,
   deriveBillingCreditsState,
   deriveBillingEntitlements,
+  filterBillingPurchasableItems,
   normalizeBillingCatalogConfig,
   normalizeBillingPurchaseStatus,
   normalizeBillingRuntimeConfig,
+  normalizeCasdoorBuyProductResponse,
+  normalizeCasdoorProductId,
   resolveBillingItem,
   resolveBillingProductSnapshot,
+  resolveBillingPurchasable,
   resolveBillingSubscriptionProduct
-} from "../chunk-O3FKI5NT.js";
+} from "../chunk-46V73LSW.js";
 import {
   buildAuthJumpHref
 } from "../chunk-T2M5MVPE.js";
@@ -92,6 +98,16 @@ function useRequiredCoreContext() {
 function choose(primary, fallback) {
   return primary ?? fallback;
 }
+async function runPurchaseHook(name, hook, context) {
+  if (!hook || context === void 0) {
+    return;
+  }
+  try {
+    await hook(context);
+  } catch (error) {
+    console.error(`[casdoor-next-auth-kit] billing ${name} hook failed`, error);
+  }
+}
 function getLatestOrder(orders) {
   return [...orders ?? []].sort((a, b) => {
     const left = Date.parse(b.updatedAt ?? b.createdAt ?? "") || 0;
@@ -106,6 +122,55 @@ function getLatestPayment(payments) {
     return left - right;
   })[0];
 }
+function extractCasdoorResponseData(response) {
+  if (!response) return void 0;
+  if (typeof response === "object" && response !== null && "data" in response) {
+    return response.data;
+  }
+  return response;
+}
+async function runCasdoorProductPurchase(purchaseRequest, apiClient, loaders) {
+  const buyProductLoader = loaders?.buyProductLoader ?? apiClient.buyProduct;
+  if (!buyProductLoader) {
+    return null;
+  }
+  const productLoader = loaders?.productLoader ?? apiClient.fetchProduct;
+  const organizationNamesLoader = loaders?.organizationNamesLoader ?? apiClient.fetchOrganizationNames;
+  let productDetail;
+  if (productLoader) {
+    const productResponse = await productLoader({ id: purchaseRequest.productId }).catch(() => void 0);
+    productDetail = extractCasdoorResponseData(productResponse);
+  }
+  if (!productDetail) {
+    if (purchaseRequest.productOwner && purchaseRequest.productName) {
+      productDetail = {
+        owner: purchaseRequest.productOwner,
+        name: purchaseRequest.productName
+      };
+    } else {
+      try {
+        const normalized = normalizeCasdoorProductId(purchaseRequest.productId);
+        productDetail = {
+          owner: normalized.owner,
+          name: normalized.name
+        };
+      } catch {
+        return null;
+      }
+    }
+  }
+  if (organizationNamesLoader && productDetail.owner) {
+    const organizationResponse = await organizationNamesLoader({ owner: productDetail.owner }).catch(() => void 0);
+    void extractCasdoorResponseData(organizationResponse);
+  }
+  const buyRequest = buildCasdoorBuyProductRequest(
+    purchaseRequest,
+    productDetail,
+    purchaseRequest.providerName
+  );
+  const response = await buyProductLoader(buyRequest);
+  return normalizeCasdoorBuyProductResponse(response, purchaseRequest.returnTo ?? productDetail.returnUrl ?? productDetail.successUrl);
+}
 function normalizeRuntimeConfigInput(config) {
   if (!config) return void 0;
   return normalizeBillingRuntimeConfig(config);
@@ -130,9 +195,18 @@ function buildCoreValue(input) {
     products: input.products,
     orderHistory: input.orderHistory,
     paymentHistory: input.paymentHistory,
+    availablePlans: filterBillingPurchasableItems(
+      input.runtimeConfig?.items?.filter((item) => item.kind === "subscription"),
+      input.runtimeConfig ?? input.runtimeCatalog
+    ),
+    availableProducts: filterBillingPurchasableItems(
+      input.runtimeConfig?.items?.filter((item) => item.kind === "product"),
+      input.runtimeConfig ?? input.runtimeCatalog
+    ),
     credits: input.credits,
     entitlements: input.entitlements,
     purchaseStatus: input.purchaseStatus,
+    purchaseHooks: input.purchaseHooks,
     status: input.status,
     refresh: input.refresh,
     runAction: input.runAction,
@@ -165,6 +239,7 @@ function BillingProvider({
   entitlements: entitlementsProp,
   status: statusProp,
   purchaseStatus: purchaseStatusProp,
+  purchaseHooks,
   autoRefresh = true
 }) {
   const [runtimeConfig, setRuntimeConfig] = useState(normalizeRuntimeConfigInput(runtimeConfigProp));
@@ -294,6 +369,13 @@ function BillingProvider({
     async (payload) => {
       const prepared = buildBillingActionPayload(payload, runtimeConfig);
       const executor = actionExecutor ?? ((input) => apiClient.createAction(input));
+      const isPurchaseFlow = prepared.kind === "purchase" || prepared.kind === "subscribe";
+      const purchasable = isPurchaseFlow ? resolveBillingPurchasable(runtimeConfig, prepared.key) ?? resolveBillingPurchasable(runtimeConfig, prepared.productId) : void 0;
+      const purchaseRequest = isPurchaseFlow ? buildBillingPurchaseRequest(prepared, runtimeConfig) : null;
+      if (isPurchaseFlow && !purchasable) {
+        throw new Error(`Billing item "${prepared.key}" is not purchasable in the current runtime config.`);
+      }
+      await runPurchaseHook("onPurchaseStart", purchaseHooks?.onPurchaseStart, purchaseRequest ?? void 0);
       setPurchaseStatus((current) => ({
         actionKey: prepared.key,
         orderId: current?.orderId,
@@ -305,22 +387,129 @@ function BillingProvider({
       }));
       setStatus((current) => ({ ...current, loading: true, refreshing: true, error: null }));
       try {
-        const result = await executor(prepared);
+        let result;
+        let usedCasdoorPurchaseFlow = false;
+        if (isPurchaseFlow && purchaseRequest) {
+          const casdoorResult = await runCasdoorProductPurchase(
+            purchaseRequest,
+            apiClient,
+            loaders
+          );
+          if (casdoorResult) {
+            result = casdoorResult;
+            usedCasdoorPurchaseFlow = true;
+          } else {
+            result = await executor(prepared);
+          }
+        } else {
+          result = await executor(prepared);
+        }
+        if (result.status === "failed") {
+          await runPurchaseHook(
+            "onPurchaseError",
+            purchaseHooks?.onPurchaseError,
+            purchaseRequest ? {
+              request: purchaseRequest,
+              orderId: result.orderId ?? null,
+              paymentId: result.paymentId ?? null,
+              status: "failed",
+              message: result.message ?? "Purchase failed.",
+              errorCode: result.errorCode,
+              redirectTo: result.redirectTo ?? null,
+              rawResult: result.rawResult ?? result
+            } : void 0
+          );
+          setPurchaseStatus((current) => ({
+            actionKey: prepared.key,
+            orderId: result.orderId ?? current?.orderId,
+            paymentId: result.paymentId ?? current?.paymentId,
+            transactionId: result.transactionId ?? current?.transactionId,
+            status: "failed",
+            redirectTo: result.redirectTo ?? current?.redirectTo,
+            updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+          }));
+          setStatus((current) => ({
+            ...current,
+            loading: false,
+            refreshing: false,
+            error: result.message ?? current.error ?? "Purchase failed."
+          }));
+          await runPurchaseHook(
+            "onPurchaseComplete",
+            purchaseHooks?.onPurchaseComplete,
+            purchaseRequest ? {
+              request: purchaseRequest,
+              orderId: result.orderId ?? null,
+              paymentId: result.paymentId ?? null,
+              status: "failed",
+              redirectTo: result.redirectTo ?? null
+            } : void 0
+          );
+          await refresh();
+          return result;
+        }
+        await runPurchaseHook(
+          "onOrderCreated",
+          purchaseHooks?.onOrderCreated,
+          purchaseRequest && purchasable ? {
+            request: purchaseRequest,
+            purchasable,
+            orderId: result.orderId ?? null,
+            paymentId: result.paymentId ?? null,
+            redirectTo: result.redirectTo ?? null,
+            rawResult: result.rawResult ?? result
+          } : void 0
+        );
         setPurchaseStatus((current) => ({
           actionKey: prepared.key,
           orderId: current?.orderId,
           paymentId: current?.paymentId,
           transactionId: current?.transactionId,
-          status: result.status === "failed" ? "failed" : result.status === "succeeded" ? "paid" : "pending",
+          status: usedCasdoorPurchaseFlow && result.status !== "failed" ? "requires_payment" : result.status === "failed" ? "failed" : result.status === "succeeded" ? "paid" : "pending",
           redirectTo: result.redirectTo ?? current?.redirectTo,
           updatedAt: (/* @__PURE__ */ new Date()).toISOString()
         }));
         if (result.redirectTo || result.nextAction) {
         }
+        await runPurchaseHook(
+          "onPurchaseComplete",
+          purchaseHooks?.onPurchaseComplete,
+          purchaseRequest ? {
+            request: purchaseRequest,
+            orderId: result.orderId ?? null,
+            paymentId: result.paymentId ?? null,
+            status: "succeeded",
+            redirectTo: result.redirectTo ?? null
+          } : void 0
+        );
         await refresh();
         return result;
       } catch (error) {
         const message = error instanceof Error ? error.message : String(error);
+        await runPurchaseHook(
+          "onPurchaseError",
+          purchaseHooks?.onPurchaseError,
+          purchaseRequest ? {
+            request: purchaseRequest,
+            orderId: null,
+            paymentId: null,
+            status: "failed",
+            message,
+            redirectTo: null,
+            rawResult: error
+          } : void 0
+        );
+        await runPurchaseHook(
+          "onPurchaseComplete",
+          purchaseHooks?.onPurchaseComplete,
+          purchaseRequest ? {
+            request: purchaseRequest,
+            orderId: null,
+            paymentId: null,
+            status: "failed",
+            redirectTo: null
+          } : void 0
+        );
         setPurchaseStatus((current) => ({
           actionKey: prepared.key,
           orderId: current?.orderId,
@@ -334,7 +523,7 @@ function BillingProvider({
         throw error;
       }
     },
-    [actionExecutor, apiClient, refresh, runtimeConfig]
+    [actionExecutor, apiClient, loaders, purchaseHooks, refresh, runtimeConfig]
   );
   useEffect(() => {
     if (!autoRefresh) return;
@@ -362,6 +551,7 @@ function BillingProvider({
       credits,
       entitlements,
       purchaseStatus,
+      purchaseHooks,
       status,
       refresh,
       runAction,
@@ -386,6 +576,7 @@ function BillingProvider({
       paymentHistory,
       products,
       purchaseStatus,
+      purchaseHooks,
       refresh,
       runAction,
       runtimeConfig,
@@ -413,15 +604,20 @@ function SubscriptionProvider({
   status
 }) {
   const core = useOptionalContext(BillingCoreContext);
+  const runtimeConfig = core?.runtimeConfig ?? core?.runtimeCatalog;
+  const visiblePlans = choose(availablePlans, core?.availablePlans);
   const value = useMemo(
     () => ({
-      availablePlans: choose(availablePlans, core?.runtimeConfig?.items?.filter((item) => item.kind === "subscription")),
+      availablePlans: choose(
+        visiblePlans ? filterBillingPurchasableItems(visiblePlans, runtimeConfig) : void 0,
+        filterBillingPurchasableItems(core?.runtimeConfig?.items?.filter((item) => item.kind === "subscription"), runtimeConfig)
+      ),
       subscription: choose(subscription, core?.subscription),
       subscriptionHistory: choose(subscriptionHistory, core?.subscriptionHistory),
       entitlements: choose(entitlements, core?.entitlements),
       status: choose(status, core?.status)
     }),
-    [availablePlans, core?.entitlements, core?.runtimeConfig?.items, core?.status, core?.subscription, core?.subscriptionHistory, entitlements, status, subscription, subscriptionHistory]
+    [availablePlans, core?.availablePlans, core?.entitlements, core?.runtimeCatalog, core?.runtimeConfig, core?.status, core?.subscription, core?.subscriptionHistory, entitlements, runtimeConfig, status, subscription, subscriptionHistory, visiblePlans]
   );
   return /* @__PURE__ */ jsx2(BillingSubscriptionContext.Provider, { value, children });
 }
@@ -434,15 +630,20 @@ function ProductProvider({
   status
 }) {
   const core = useOptionalContext(BillingCoreContext);
+  const runtimeConfig = core?.runtimeConfig ?? core?.runtimeCatalog;
+  const visibleProducts = choose(availableProducts, core?.availableProducts);
   const value = useMemo(
     () => ({
-      availableProducts: choose(availableProducts, core?.runtimeConfig?.items?.filter((item) => item.kind === "product")),
+      availableProducts: choose(
+        visibleProducts ? filterBillingPurchasableItems(visibleProducts, runtimeConfig) : void 0,
+        filterBillingPurchasableItems(core?.runtimeConfig?.items?.filter((item) => item.kind === "product"), runtimeConfig)
+      ),
       products: choose(products, core?.products),
       orderHistory: choose(orderHistory, core?.orderHistory),
       paymentHistory: choose(paymentHistory, core?.paymentHistory),
       status: choose(status, core?.status)
     }),
-    [availableProducts, core?.orderHistory, core?.paymentHistory, core?.products, core?.runtimeConfig?.items, core?.status, orderHistory, paymentHistory, products, status]
+    [availableProducts, core?.availableProducts, core?.orderHistory, core?.paymentHistory, core?.products, core?.runtimeCatalog, core?.runtimeConfig, core?.status, orderHistory, paymentHistory, products, runtimeConfig, status, visibleProducts]
   );
   return /* @__PURE__ */ jsx2(BillingProductContext.Provider, { value, children });
 }
@@ -484,6 +685,76 @@ function useBillingItem(itemKey) {
     };
   }, [core.refresh, core.runtimeConfig?.items, core.runtimeConfigError, core.runtimeConfigLoading, itemKey]);
 }
+function useBillingProductDetail(productId) {
+  const core = useRequiredCoreContext();
+  const productLoader = core.loaders?.productLoader ?? core.apiClient.fetchProduct;
+  const [product, setProduct] = useState();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const refresh = useCallback(async () => {
+    if (!productLoader || !productId) {
+      setProduct(void 0);
+      setError(productId ? "Missing Casdoor product loader." : null);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await productLoader({ id: productId });
+      const detail = extractCasdoorResponseData(response);
+      setProduct(detail);
+      setError(null);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      setProduct(void 0);
+      setError(message);
+    } finally {
+      setLoading(false);
+    }
+  }, [productId, productLoader]);
+  useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  return useMemo(
+    () => ({
+      product,
+      loading: loading || core.runtimeConfigLoading || core.status.loading,
+      error: error ?? core.runtimeConfigError ?? core.status.error,
+      refresh
+    }),
+    [core.runtimeConfigError, core.runtimeConfigLoading, core.status.error, core.status.loading, error, loading, product, refresh]
+  );
+}
+function useBillingProductPurchaseOptions(productId, preferredProviderName) {
+  const detailState = useBillingProductDetail(productId);
+  const [providerName, setProviderName] = useState(preferredProviderName);
+  useEffect(() => {
+    if (preferredProviderName) {
+      setProviderName(preferredProviderName);
+      return;
+    }
+    const product = detailState.product;
+    const fallbackProvider = product?.providers?.[0] ?? product?.providerObjs?.[0]?.name;
+    if (!providerName || product && !product.providers?.includes(providerName) && !product.providerObjs?.some((item) => item.name === providerName)) {
+      setProviderName(fallbackProvider);
+    }
+  }, [detailState.product, preferredProviderName, providerName]);
+  return useMemo(
+    () => ({
+      product: detailState.product,
+      providers: detailState.product?.providers ?? [],
+      providerObjs: detailState.product?.providerObjs ?? [],
+      providerName,
+      selectedProvider: detailState.product?.providerObjs?.find((item) => item.name === providerName),
+      setProviderName,
+      loading: detailState.loading,
+      error: detailState.error,
+      refresh: detailState.refresh
+    }),
+    [detailState.error, detailState.loading, detailState.product, detailState.refresh, providerName]
+  );
+}
 function useBillingProducts() {
   const core = useRequiredCoreContext();
   const productContext = useOptionalContext(BillingProductContext);
@@ -501,7 +772,7 @@ function useBillingProducts() {
 function useBillingAvailablePlans() {
   const core = useRequiredCoreContext();
   const subscriptionContext = useOptionalContext(BillingSubscriptionContext);
-  const plans = choose(subscriptionContext?.availablePlans, core.runtimeConfig?.items?.filter((item) => item.kind === "subscription")) ?? [];
+  const plans = choose(subscriptionContext?.availablePlans, core.availablePlans) ?? [];
   return useMemo(
     () => ({
       plans,
@@ -509,13 +780,13 @@ function useBillingAvailablePlans() {
       error: core.runtimeConfigError ?? core.status.error,
       refresh: core.refresh
     }),
-    [core.refresh, core.runtimeConfig?.items, core.runtimeConfigError, core.runtimeConfigLoading, core.status.error, core.status.loading, plans]
+    [core.availablePlans, core.refresh, core.runtimeConfigError, core.runtimeConfigLoading, core.status.error, core.status.loading, plans]
   );
 }
 function useBillingAvailableProducts() {
   const core = useRequiredCoreContext();
   const productContext = useOptionalContext(BillingProductContext);
-  const items = choose(productContext?.availableProducts, core.runtimeConfig?.items?.filter((item) => item.kind === "product")) ?? [];
+  const items = choose(productContext?.availableProducts, core.availableProducts) ?? [];
   return useMemo(
     () => ({
       items,
@@ -523,7 +794,7 @@ function useBillingAvailableProducts() {
       error: core.runtimeConfigError ?? core.status.error,
       refresh: core.refresh
     }),
-    [core.refresh, core.runtimeConfig?.items, core.runtimeConfigError, core.runtimeConfigLoading, core.status.error, core.status.loading, items]
+    [core.availableProducts, core.refresh, core.runtimeConfigError, core.runtimeConfigLoading, core.status.error, core.status.loading, items]
   );
 }
 function useBillingOrderHistory(_options = {}) {
@@ -753,6 +1024,8 @@ export {
   useBillingPaymentHistory,
   useBillingPipeline,
   useBillingProduct,
+  useBillingProductDetail,
+  useBillingProductPurchaseOptions,
   useBillingProducts,
   useBillingPurchaseStatus,
   useBillingRefresh,