@edx/frontend-app-alacarte-checkout 1.0.0

package/dist/data/hooks/useCheckoutMutations.js

@@ -0,0 +1,166 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/**
+ * query/useCheckoutMutations.ts — write-side TanStack mutations.
+ *
+ * The placeOrder mutation drives the checkout sequence on button click.
+ * The viax token and customerUid are established on page load via
+ * GET /edx-session and passed in through sessionRef.
+ *
+ * Card:
+ *   1. getSalableUid + getBillingPlans (parallel)
+ *   2. createTwouCart
+ *   3. stripe.createPaymentMethod   → pm_xxx
+ *   4. updateTwouCartItem           → billing address + pm_xxx
+ *   5. updateTwouCart               → consent fields (SUBS-228)
+ *   6. startBusinessProcessableTransitionV2('Sanction_Check')
+ *
+ * PayPal (mirrors the card sequence, skipping card tokenization):
+ *   1. getSalableUid + getBillingPlans (parallel)
+ *   2. createTwouCart
+ *   3. updateTwouCartItem           → billing address + TwouPaypalPayment
+ *   4. updateTwouCart               → consent fields + return URL (SUBS-228)
+ *   5. startBusinessProcessableTransitionV2('Sanction_Check')
+ *   The backend then drives bpStatus to STRIPE_CONFIRMATION_REQUIRED and
+ *   populates tPaypalApprovalUrl, which useCheckout redirects to as the
+ *   hosted confirmation step for PayPal.
+ */
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { STATUS } from '../../constants';
+import { checkoutKeys } from './keys';
+import { getPlanPrice } from '../../utils/billingDetails';
+import { buildStripeReturnUrl } from '../../utils/stripe';
+class CardValidationError extends Error {
+}
+function toCartAddress(b) {
+    return {
+        tFirstName: b.firstName,
+        tLastName: b.lastName,
+        upaLine1: b.line1,
+        upaCity: b.city,
+        upaPostcode: b.zip,
+        gadStateOrProvince: b.state,
+        gadCountry: { iso2Code: b.country },
+    };
+}
+function toStripeAddress(b) {
+    return {
+        line1: b.line1 || undefined,
+        city: b.city || undefined,
+        state: b.state || undefined,
+        postal_code: b.zip || undefined,
+        country: b.country || undefined,
+    };
+}
+export function useCheckoutMutations(ctx) {
+    const queryClient = useQueryClient();
+    const optimisticConfirm = (cartBiId) => {
+        queryClient.setQueryData(checkoutKeys.status(cartBiId), (old) => {
+            var _a, _b, _c, _d;
+            console.log('old optimisticConfirm', old);
+            return {
+                status: STATUS.CONFIRM,
+                stripeSubscriptionId: (_a = old === null || old === void 0 ? void 0 : old.stripeSubscriptionId) !== null && _a !== void 0 ? _a : null,
+                stripeConfirmationRedirectUrl: (_b = old === null || old === void 0 ? void 0 : old.stripeConfirmationRedirectUrl) !== null && _b !== void 0 ? _b : null,
+                paypalApprovalUrl: (_c = old === null || old === void 0 ? void 0 : old.paypalApprovalUrl) !== null && _c !== void 0 ? _c : null,
+                lastComment: (_d = old === null || old === void 0 ? void 0 : old.lastComment) !== null && _d !== void 0 ? _d : '',
+            };
+        });
+        queryClient.invalidateQueries({ queryKey: checkoutKeys.status(cartBiId) });
+    };
+    const placeOrder = useMutation({
+        mutationFn: (_a) => __awaiter(this, [_a], void 0, function* ({ consent, paymentMethod }) {
+            var _b, _c;
+            const { client, billingRef } = ctx;
+            if (!client)
+                throw new Error('Checkout is not ready yet.');
+            // Google Pay is not currently supported.
+            // if (paymentMethod === 'googlepay') {
+            //   throw new Error('Google Pay is not supported yet. Please choose Card or PayPal.');
+            // }
+            const billing = billingRef.current;
+            if (!billing)
+                throw new Error('Billing information is not available. Please refresh and try again.');
+            const session = ctx.sessionRef.current;
+            if (!session) {
+                throw new Error('Checkout session is not ready yet. Please wait a moment and try again.');
+            }
+            const { customerUid } = session;
+            // ── Step 1: Fetch salable(product) uid + billing plans in parallel ─────────────
+            const [productInfo, plansResult] = yield Promise.all([
+                client.getSalableUid('TWOU-SUB-PLAN-001'),
+                client.getBillingPlans(),
+            ]);
+            const salableUid = productInfo.uid;
+            const selectedCycle = (_b = ctx.selectedCycleRef.current) !== null && _b !== void 0 ? _b : 'monthly';
+            const selectedPlan = getPlanPrice(plansResult.plans, selectedCycle);
+            if (!selectedPlan) {
+                throw new Error(`No billing plan found for ${selectedCycle} billing.`);
+            }
+            const billingPlanUid = selectedPlan.uid;
+            // ── Step 2: Create the cart ───────────────────────────────────────────
+            const createdCart = yield client.createCart({ customerUid, salableUid, billingPlanUid });
+            ctx.onCartCreated(createdCart);
+            // ── Step 3: Attach billing address + payment method to cart item ──────
+            const { cartItemUid } = yield client.getCartItem(createdCart.biId);
+            if (paymentMethod === 'paypal') {
+                // No card tokenization — PayPal issues a hosted approval redirect instead.
+                yield client.updateCartItem({
+                    cartItemUid,
+                    billingAddress: toCartAddress(billing),
+                    paypalEmail: (_c = session.email) !== null && _c !== void 0 ? _c : null,
+                });
+            }
+            else {
+                const stripe = ctx.stripeRef.current;
+                const card = ctx.cardNumberElRef.current;
+                if (!stripe || !card)
+                    throw new Error('Checkout is not ready yet.');
+                // Tokenize the card (browser → Stripe).
+                const { paymentMethod: stripePaymentMethod, error } = yield stripe.createPaymentMethod({
+                    type: 'card',
+                    card,
+                    billing_details: {
+                        name: `${billing.firstName} ${billing.lastName}`.trim(),
+                        address: toStripeAddress(billing),
+                    },
+                });
+                if (error || !stripePaymentMethod) {
+                    throw new CardValidationError((error === null || error === void 0 ? void 0 : error.message) || 'There was a problem with your card.');
+                }
+                yield client.updateCartItem({
+                    cartItemUid,
+                    billingAddress: toCartAddress(billing),
+                    paymentMethodId: stripePaymentMethod.id,
+                });
+            }
+            // ── Step 4: Persist consent + hosted-payment return URL on the TwouCart BI ────
+            yield client.updateCartConsent({
+                cartUid: createdCart.uid,
+                consent,
+                returnUrl: buildStripeReturnUrl(createdCart.biId),
+            });
+            // ── Step 5: Fire the backend workflow ─────────────────────────────────
+            yield client.placeOrder(createdCart.uid);
+            return createdCart;
+        }),
+        onSuccess: (cart) => {
+            optimisticConfirm(cart.biId);
+        },
+        onError: (err) => {
+            if (err instanceof CardValidationError)
+                ctx.setCardError(err.message);
+            else
+                ctx.setError(err.message);
+        },
+    });
+    return { placeOrder };
+}
+//# sourceMappingURL=useCheckoutMutations.js.map

package/dist/data/hooks/useCheckoutMutations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckoutMutations.js","sourceRoot":"","sources":["../../../src/data/hooks/useCheckoutMutations.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * query/useCheckoutMutations.ts — write-side TanStack mutations.\n *\n * The placeOrder mutation drives the checkout sequence on button click.\n * The viax token and customerUid are established on page load via\n * GET /edx-session and passed in through sessionRef.\n *\n * Card:\n *   1. getSalableUid + getBillingPlans (parallel)\n *   2. createTwouCart\n *   3. stripe.createPaymentMethod   → pm_xxx\n *   4. updateTwouCartItem           → billing address + pm_xxx\n *   5. updateTwouCart               → consent fields (SUBS-228)\n *   6. startBusinessProcessableTransitionV2('Sanction_Check')\n *\n * PayPal (mirrors the card sequence, skipping card tokenization):\n *   1. getSalableUid + getBillingPlans (parallel)\n *   2. createTwouCart\n *   3. updateTwouCartItem           → billing address + TwouPaypalPayment\n *   4. updateTwouCart               → consent fields + return URL (SUBS-228)\n *   5. startBusinessProcessableTransitionV2('Sanction_Check')\n *   The backend then drives bpStatus to STRIPE_CONFIRMATION_REQUIRED and\n *   populates tPaypalApprovalUrl, which useCheckout redirects to as the\n *   hosted confirmation step for PayPal.\n */\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport type { RefObject } from 'react';\nimport { STATUS } from '../../constants';\nimport { checkoutKeys } from './keys';\nimport type { EdxSessionResult } from '../../utils/provision';\nimport { getPlanPrice } from '../../utils/billingDetails';\nimport { buildStripeReturnUrl } from '../../utils/stripe';\nimport type {\n  CheckoutClient, StripeLike, StripeElementLike, Cart, BillingInfo,\n  CartBillingAddress, CartStatusResult, CheckoutConsent, BillingCycle, SupportedPaymentMethod,\n} from '../../types';\n\nclass CardValidationError extends Error {}\n\nfunction toCartAddress(b: BillingInfo): CartBillingAddress {\n  return {\n    tFirstName: b.firstName,\n    tLastName: b.lastName,\n    upaLine1: b.line1,\n    upaCity: b.city,\n    upaPostcode: b.zip,\n    gadStateOrProvince: b.state,\n    gadCountry: { iso2Code: b.country },\n  };\n}\n\nfunction toStripeAddress(b: BillingInfo): Record<string, string | undefined> {\n  return {\n    line1: b.line1 || undefined,\n    city: b.city || undefined,\n    state: b.state || undefined,\n    postal_code: b.zip || undefined,\n    country: b.country || undefined,\n  };\n}\n\nexport interface CheckoutMutationsCtx {\n  client: CheckoutClient | null,\n  sessionRef: RefObject<EdxSessionResult | null>,\n  stripeRef: RefObject<StripeLike | null>,\n  cardNumberElRef: RefObject<StripeElementLike | null>,\n  billingRef: RefObject<BillingInfo | null>,\n  /** Selected monthly/annual cycle at Place order time. */\n  selectedCycleRef: RefObject<BillingCycle>,\n  setError: (msg: string) => void,\n  setCardError: (msg: string) => void,\n  onCartCreated: (cart: Cart) => void,\n}\n\nexport interface PlaceOrderArgs {\n  consent: CheckoutConsent,\n  paymentMethod: SupportedPaymentMethod,\n}\n\nexport function useCheckoutMutations(ctx: CheckoutMutationsCtx) {\n  const queryClient = useQueryClient();\n\n  const optimisticConfirm = (cartBiId: string) => {\n    queryClient.setQueryData<CartStatusResult>(checkoutKeys.status(cartBiId), (old) => {\n      console.log('old optimisticConfirm', old);\n      return {\n        status: STATUS.CONFIRM,\n        stripeSubscriptionId: old?.stripeSubscriptionId ?? null,\n        stripeConfirmationRedirectUrl: old?.stripeConfirmationRedirectUrl ?? null,\n        paypalApprovalUrl: old?.paypalApprovalUrl ?? null,\n        lastComment: old?.lastComment ?? '',\n      };\n    });\n    queryClient.invalidateQueries({ queryKey: checkoutKeys.status(cartBiId) });\n  };\n\n  const placeOrder = useMutation<Cart, Error, PlaceOrderArgs>({\n    mutationFn: async ({ consent, paymentMethod }) => {\n      const { client, billingRef } = ctx;\n      if (!client) throw new Error('Checkout is not ready yet.');\n\n      // Google Pay is not currently supported.\n      // if (paymentMethod === 'googlepay') {\n      //   throw new Error('Google Pay is not supported yet. Please choose Card or PayPal.');\n      // }\n\n      const billing = billingRef.current;\n      if (!billing) throw new Error('Billing information is not available. Please refresh and try again.');\n\n      const session = ctx.sessionRef.current;\n      if (!session) {\n        throw new Error('Checkout session is not ready yet. Please wait a moment and try again.');\n      }\n      const { customerUid } = session;\n\n      // ── Step 1: Fetch salable(product) uid + billing plans in parallel ─────────────\n      const [productInfo, plansResult] = await Promise.all([\n        client.getSalableUid('TWOU-SUB-PLAN-001'),\n        client.getBillingPlans(),\n      ]);\n      const salableUid = productInfo.uid;\n      const selectedCycle = ctx.selectedCycleRef.current ?? 'monthly';\n      const selectedPlan = getPlanPrice(plansResult.plans, selectedCycle);\n      if (!selectedPlan) {\n        throw new Error(`No billing plan found for ${selectedCycle} billing.`);\n      }\n      const billingPlanUid = selectedPlan.uid;\n\n      // ── Step 2: Create the cart ───────────────────────────────────────────\n      const createdCart = await client.createCart({ customerUid, salableUid, billingPlanUid });\n      ctx.onCartCreated(createdCart);\n\n      // ── Step 3: Attach billing address + payment method to cart item ──────\n      const { cartItemUid } = await client.getCartItem(createdCart.biId);\n\n      if (paymentMethod === 'paypal') {\n        // No card tokenization — PayPal issues a hosted approval redirect instead.\n        await client.updateCartItem({\n          cartItemUid,\n          billingAddress: toCartAddress(billing),\n          paypalEmail: session.email ?? null,\n        });\n      } else {\n        const stripe = ctx.stripeRef.current;\n        const card = ctx.cardNumberElRef.current;\n        if (!stripe || !card) throw new Error('Checkout is not ready yet.');\n\n        // Tokenize the card (browser → Stripe).\n        const { paymentMethod: stripePaymentMethod, error } = await stripe.createPaymentMethod({\n          type: 'card',\n          card,\n          billing_details: {\n            name: `${billing.firstName} ${billing.lastName}`.trim(),\n            address: toStripeAddress(billing),\n          },\n        });\n        if (error || !stripePaymentMethod) {\n          throw new CardValidationError(error?.message || 'There was a problem with your card.');\n        }\n\n        await client.updateCartItem({\n          cartItemUid,\n          billingAddress: toCartAddress(billing),\n          paymentMethodId: stripePaymentMethod.id,\n        });\n      }\n\n      // ── Step 4: Persist consent + hosted-payment return URL on the TwouCart BI ────\n      await client.updateCartConsent({\n        cartUid: createdCart.uid,\n        consent,\n        returnUrl: buildStripeReturnUrl(createdCart.biId),\n      });\n\n      // ── Step 5: Fire the backend workflow ─────────────────────────────────\n      await client.placeOrder(createdCart.uid);\n\n      return createdCart;\n    },\n    onSuccess: (cart) => {\n      optimisticConfirm(cart.biId);\n    },\n    onError: (err) => {\n      if (err instanceof CardValidationError) ctx.setCardError(err.message);\n      else ctx.setError(err.message);\n    },\n  });\n\n  return { placeOrder };\n}\n"]}

package/dist/data/hooks/useCheckoutQueries.d.ts

@@ -0,0 +1,32 @@
+import type { CheckoutClient, CartStatusResult, BillingPlansResult, CourseDetail } from '../../types';
+/** Exchange edX session cookies for a viax token on page load. */
+export declare function useViaxSessionQuery(sessionUrl: string | null): import("@tanstack/react-query").UseQueryResult<import("../../utils/provision").EdxSessionResult, Error>;
+/**
+ * Fetches billing plans after the viax session is established.
+ * Used to display prices in CartSummary before the user starts checkout.
+ */
+export declare function useBillingPlansQuery(client: CheckoutClient | null, sessionReady: boolean): import("@tanstack/react-query").UseQueryResult<BillingPlansResult, Error>;
+/**
+ * Fetches the live active subscriber count after the viax session is ready.
+ * Refreshes every 5 minutes so the number stays roughly current.
+ */
+export declare function useActiveSubscriptionsQuery(client: CheckoutClient | null, sessionReady: boolean): import("@tanstack/react-query").UseQueryResult<{
+    active: number;
+}, Error>;
+/** Checks whether the authenticated learner already has an active subscription. */
+export declare function useCurrentUserSubscriberQuery(client: CheckoutClient | null, sessionReady: boolean): import("@tanstack/react-query").UseQueryResult<import("../../types").CurrentUserSubscriberResult | null, Error>;
+/**
+ * Fetches the user's country from their edX account profile.
+ * Derives the LMS base URL from the session URL (same origin).
+ * Returns null if the fetch fails or the field is absent — checkout stays open in that case.
+ */
+export declare function useUserCountryQuery(sessionUrl: string | null, username: string | null): import("@tanstack/react-query").UseQueryResult<string | null, Error>;
+/** Polls the cart state machine every second; stops on terminal states. */
+export declare function useCartStatusQuery(client: CheckoutClient | null, cartBiId: string | null): import("@tanstack/react-query").UseQueryResult<CartStatusResult, Error>;
+/** Looks up the created subscription biId after success. */
+export declare function useSubscriptionIdQuery(client: CheckoutClient | null, cartBiId: string | null, enabled: boolean): import("@tanstack/react-query").UseQueryResult<import("../../types").SubscriptionDetails | null, Error>;
+/**
+ * Fetches course details when the user arrived via ?course_run_key=.
+ * Skipped entirely when no course key is present (standard checkout).
+ */
+export declare function useCourseDetailQuery(client: CheckoutClient | null, sessionReady: boolean, courseRunKey: string | null): import("@tanstack/react-query").UseQueryResult<CourseDetail | null, Error>;

package/dist/data/hooks/useCheckoutQueries.js

@@ -0,0 +1,107 @@
+/**
+ * query/useCheckoutQueries.ts — read-side TanStack Query hooks.
+ *
+ * useViaxSessionQuery runs on mount to exchange the edX session for a viax
+ * token. Billing plans and subscriber count wait until the session is ready.
+ */
+import { useQuery } from '@tanstack/react-query';
+import { isTerminalStatus } from '../../constants';
+import { checkoutKeys } from './keys';
+import { fetchEdxSession, fetchUserCountry } from '../../utils/provision';
+/** Exchange edX session cookies for a viax token on page load. */
+export function useViaxSessionQuery(sessionUrl) {
+    return useQuery({
+        queryKey: checkoutKeys.viaxSession(),
+        enabled: !!sessionUrl,
+        queryFn: () => fetchEdxSession(sessionUrl),
+        staleTime: 5 * 60 * 1000,
+        retry: 1,
+    });
+}
+/**
+ * Fetches billing plans after the viax session is established.
+ * Used to display prices in CartSummary before the user starts checkout.
+ */
+export function useBillingPlansQuery(client, sessionReady) {
+    return useQuery({
+        queryKey: checkoutKeys.billingPlans(),
+        enabled: !!client && sessionReady,
+        queryFn: () => client.getBillingPlans(),
+        staleTime: Infinity,
+        retry: 2,
+    });
+}
+/**
+ * Fetches the live active subscriber count after the viax session is ready.
+ * Refreshes every 5 minutes so the number stays roughly current.
+ */
+export function useActiveSubscriptionsQuery(client, sessionReady) {
+    return useQuery({
+        queryKey: ['checkout', 'activeSubscriptions'],
+        enabled: !!client && sessionReady,
+        queryFn: () => client.getActiveSubscriptions(),
+        staleTime: 5 * 60 * 1000, // 5 minutes
+        retry: 1,
+    });
+}
+/** Checks whether the authenticated learner already has an active subscription. */
+export function useCurrentUserSubscriberQuery(client, sessionReady) {
+    return useQuery({
+        queryKey: ['checkout', 'currentUserSubscriber'],
+        enabled: !!client && sessionReady,
+        queryFn: () => client.isCurrentUserSubscriber(),
+        staleTime: 5 * 60 * 1000,
+        retry: 1,
+    });
+}
+/**
+ * Fetches the user's country from their edX account profile.
+ * Derives the LMS base URL from the session URL (same origin).
+ * Returns null if the fetch fails or the field is absent — checkout stays open in that case.
+ */
+export function useUserCountryQuery(sessionUrl, username) {
+    return useQuery({
+        queryKey: ['checkout', 'userCountry', username],
+        enabled: !!sessionUrl && !!username,
+        queryFn: () => {
+            const lmsBaseUrl = new URL(sessionUrl).origin;
+            return fetchUserCountry(lmsBaseUrl, username);
+        },
+        staleTime: Infinity,
+        retry: 1,
+    });
+}
+/** Polls the cart state machine every second; stops on terminal states. */
+export function useCartStatusQuery(client, cartBiId) {
+    return useQuery({
+        queryKey: checkoutKeys.status(cartBiId !== null && cartBiId !== void 0 ? cartBiId : 'none'),
+        enabled: !!client && !!cartBiId,
+        queryFn: () => client.getCartStatus(cartBiId),
+        refetchInterval: (query) => { var _a, _b; return isTerminalStatus((_b = (_a = query.state.data) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : null) ? false : 1000; },
+        refetchOnWindowFocus: false,
+        gcTime: 0,
+    });
+}
+/** Looks up the created subscription biId after success. */
+export function useSubscriptionIdQuery(client, cartBiId, enabled) {
+    return useQuery({
+        queryKey: checkoutKeys.subscriptionId(cartBiId !== null && cartBiId !== void 0 ? cartBiId : 'none'),
+        enabled: enabled && !!client && !!cartBiId,
+        queryFn: () => client.findSubscriptionBiId(cartBiId),
+        staleTime: Infinity,
+    });
+}
+/**
+ * Fetches course details when the user arrived via ?course_run_key=.
+ * Skipped entirely when no course key is present (standard checkout).
+ */
+export function useCourseDetailQuery(client, sessionReady, courseRunKey) {
+    return useQuery({
+        queryKey: checkoutKeys.courseDetail(courseRunKey !== null && courseRunKey !== void 0 ? courseRunKey : 'none'),
+        enabled: !!client && sessionReady && !!courseRunKey,
+        queryFn: () => client.getCourseDetail(courseRunKey),
+        staleTime: Infinity,
+        retry: 1,
+    });
+}
+//# sourceMappingURL=useCheckoutQueries.js.map

package/dist/data/hooks/useCheckoutQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckoutQueries.js","sourceRoot":"","sources":["../../../src/data/hooks/useCheckoutQueries.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * query/useCheckoutQueries.ts — read-side TanStack Query hooks.\n *\n * useViaxSessionQuery runs on mount to exchange the edX session for a viax\n * token. Billing plans and subscriber count wait until the session is ready.\n */\nimport { useQuery } from '@tanstack/react-query';\nimport { isTerminalStatus } from '../../constants';\nimport { checkoutKeys } from './keys';\nimport { fetchEdxSession, fetchUserCountry } from '../../utils/provision';\nimport type {\n  CheckoutClient, CartStatusResult, BillingPlansResult, CourseDetail,\n} from '../../types';\n\n/** Exchange edX session cookies for a viax token on page load. */\nexport function useViaxSessionQuery(sessionUrl: string | null) {\n  return useQuery({\n    queryKey: checkoutKeys.viaxSession(),\n    enabled: !!sessionUrl,\n    queryFn: () => fetchEdxSession(sessionUrl!),\n    staleTime: 5 * 60 * 1000,\n    retry: 1,\n  });\n}\n\n/**\n * Fetches billing plans after the viax session is established.\n * Used to display prices in CartSummary before the user starts checkout.\n */\nexport function useBillingPlansQuery(client: CheckoutClient | null, sessionReady: boolean) {\n  return useQuery({\n    queryKey: checkoutKeys.billingPlans(),\n    enabled: !!client && sessionReady,\n    queryFn: (): Promise<BillingPlansResult> => client!.getBillingPlans(),\n    staleTime: Infinity,\n    retry: 2,\n  });\n}\n\n/**\n * Fetches the live active subscriber count after the viax session is ready.\n * Refreshes every 5 minutes so the number stays roughly current.\n */\nexport function useActiveSubscriptionsQuery(client: CheckoutClient | null, sessionReady: boolean) {\n  return useQuery({\n    queryKey: ['checkout', 'activeSubscriptions'],\n    enabled: !!client && sessionReady,\n    queryFn: () => client!.getActiveSubscriptions(),\n    staleTime: 5 * 60 * 1000, // 5 minutes\n    retry: 1,\n  });\n}\n\n/** Checks whether the authenticated learner already has an active subscription. */\nexport function useCurrentUserSubscriberQuery(client: CheckoutClient | null, sessionReady: boolean) {\n  return useQuery({\n    queryKey: ['checkout', 'currentUserSubscriber'],\n    enabled: !!client && sessionReady,\n    queryFn: () => client!.isCurrentUserSubscriber(),\n    staleTime: 5 * 60 * 1000,\n    retry: 1,\n  });\n}\n\n/**\n * Fetches the user's country from their edX account profile.\n * Derives the LMS base URL from the session URL (same origin).\n * Returns null if the fetch fails or the field is absent — checkout stays open in that case.\n */\nexport function useUserCountryQuery(sessionUrl: string | null, username: string | null) {\n  return useQuery({\n    queryKey: ['checkout', 'userCountry', username],\n    enabled: !!sessionUrl && !!username,\n    queryFn: () => {\n      const lmsBaseUrl = new URL(sessionUrl!).origin;\n      return fetchUserCountry(lmsBaseUrl, username!);\n    },\n    staleTime: Infinity,\n    retry: 1,\n  });\n}\n\n/** Polls the cart state machine every second; stops on terminal states. */\nexport function useCartStatusQuery(client: CheckoutClient | null, cartBiId: string | null) {\n  return useQuery({\n    queryKey: checkoutKeys.status(cartBiId ?? 'none'),\n    enabled: !!client && !!cartBiId,\n    queryFn: (): Promise<CartStatusResult> => client!.getCartStatus(cartBiId!),\n    refetchInterval: (query) =>\n      isTerminalStatus(query.state.data?.status ?? null) ? false : 1000,\n    refetchOnWindowFocus: false,\n    gcTime: 0,\n  });\n}\n\n/** Looks up the created subscription biId after success. */\nexport function useSubscriptionIdQuery(\n  client: CheckoutClient | null,\n  cartBiId: string | null,\n  enabled: boolean,\n) {\n  return useQuery({\n    queryKey: checkoutKeys.subscriptionId(cartBiId ?? 'none'),\n    enabled: enabled && !!client && !!cartBiId,\n    queryFn: () => client!.findSubscriptionBiId(cartBiId!),\n    staleTime: Infinity,\n  });\n}\n\n/**\n * Fetches course details when the user arrived via ?course_run_key=.\n * Skipped entirely when no course key is present (standard checkout).\n */\nexport function useCourseDetailQuery(\n  client: CheckoutClient | null,\n  sessionReady: boolean,\n  courseRunKey: string | null,\n) {\n  return useQuery({\n    queryKey: checkoutKeys.courseDetail(courseRunKey ?? 'none'),\n    enabled: !!client && sessionReady && !!courseRunKey,\n    queryFn: (): Promise<CourseDetail | null> => client!.getCourseDetail(courseRunKey!),\n    staleTime: Infinity,\n    retry: 1,\n  });\n}\n"]}

package/dist/data/services/subs/urls.d.ts

@@ -0,0 +1,2 @@
+export function getApiUrl(): string;
+export function getSubsInitApiUrl(): string;

package/dist/data/services/subs/urls.js

@@ -0,0 +1,4 @@
+import { getSiteConfig } from '@openedx/frontend-base';
+export const getApiUrl = () => (`${getSiteConfig().lmsBaseUrl}/api`);
+export const getSubsInitApiUrl = () => (`${getApiUrl()}/subscription/init/`);
+//# sourceMappingURL=urls.js.map

package/dist/data/services/subs/urls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urls.js","sourceRoot":"","sources":["../../../../src/data/services/subs/urls.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,aAAa,EAAE,CAAC,UAAU,MAAM,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,SAAS,EAAE,qBAAqB,CAAC,CAAC","sourcesContent":["import { getSiteConfig } from '@openedx/frontend-base';\n\nexport const getApiUrl = () => (`${getSiteConfig().lmsBaseUrl}/api`);\n\nexport const getSubsInitApiUrl = () => (`${getApiUrl()}/subscription/init/`);\n"]}

package/dist/i18n/index.d.ts

@@ -0,0 +1 @@
+export { default } from './messages';

package/dist/i18n/index.js

@@ -0,0 +1,2 @@
+export { default } from './messages';
+//# sourceMappingURL=index.js.map

package/dist/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default } from './messages';\n"]}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as subscriptionCheckoutApp } from './app';
+export { default as subscriptionCheckoutRoutes } from './routes';

package/dist/index.js

@@ -0,0 +1,3 @@
+export { default as subscriptionCheckoutApp } from './app';
+export { default as subscriptionCheckoutRoutes } from './routes';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default as subscriptionCheckoutApp } from './app';\nexport { default as subscriptionCheckoutRoutes } from './routes';\n"]}

package/dist/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    'template.page.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    'template.page.title': {
+        id: 'template.page.title',
+        defaultMessage: 'Template | {siteName}',
+        description: 'Document title for the template app',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,qBAAqB,EAAE;QACrB,EAAE,EAAE,qBAAqB;QACzB,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,qCAAqC;KACnD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'template.page.title': {\n    id: 'template.page.title',\n    defaultMessage: 'Template | {siteName}',\n    description: 'Document title for the template app',\n  },\n});\n\nexport default messages;\n"]}

package/dist/routes.d.ts

@@ -0,0 +1,18 @@
+declare const routes: {
+    id: string;
+    path: string;
+    loader: (args: any) => Promise<null>;
+    handle: {
+        roles: string[];
+    };
+    lazy(): Promise<{
+        Component: () => import("react/jsx-runtime").JSX.Element;
+    }>;
+    children: {
+        index: boolean;
+        lazy(): Promise<{
+            Component: import("react").FC<{}>;
+        }>;
+    }[];
+}[];
+export default routes;

package/dist/routes.js

@@ -0,0 +1,47 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { authenticatedLoader, } from '@openedx/frontend-base';
+import { acaCheckoutRole } from './constants';
+// composed loader that checks for authentication and subscription access
+const protectedLoader = (args) => __awaiter(void 0, void 0, void 0, function* () {
+    yield authenticatedLoader(args);
+    return null;
+});
+const routes = [
+    {
+        id: 'org.openedx.frontend.route.template.main',
+        path: 'aca-checkout',
+        loader: protectedLoader,
+        handle: {
+            roles: [acaCheckoutRole],
+        },
+        lazy() {
+            return __awaiter(this, void 0, void 0, function* () {
+                const module = yield import(
+                /* webpackChunkName: "template-main" */ './Main');
+                return { Component: module.default };
+            });
+        },
+        children: [
+            {
+                index: true,
+                lazy() {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        const module = yield import(
+                        /* webpackChunkName: "CheckoutPage" */ './checkoutPage/CheckoutPage');
+                        return { Component: module.default };
+                    });
+                },
+            },
+        ],
+    },
+];
+export default routes;
+//# sourceMappingURL=routes.js.map

package/dist/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EACL,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,yEAAyE;AACzE,MAAM,eAAe,GAAG,CAAO,IAAI,EAAE,EAAE;IACrC,MAAM,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEhC,OAAO,IAAI,CAAC;AACd,CAAC,CAAA,CAAC;AAEF,MAAM,MAAM,GAAG;IACb;QACE,EAAE,EAAE,0CAA0C;QAC9C,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC,eAAe,CAAC;SACzB;QACK,IAAI;;gBACR,MAAM,MAAM,GAAG,MAAM,MAAM;gBACzB,uCAAuC,CAAC,QAAQ,CACjD,CAAC;gBACF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACvC,CAAC;SAAA;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,IAAI;gBACL,IAAI;;wBACR,MAAM,MAAM,GAAG,MAAM,MAAM;wBACzB,sCAAsC,CAAC,6BAA6B,CACrE,CAAC;wBACF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;oBACvC,CAAC;iBAAA;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {\n  authenticatedLoader,\n} from '@openedx/frontend-base';\n\nimport { acaCheckoutRole } from './constants';\n\n// composed loader that checks for authentication and subscription access\nconst protectedLoader = async (args) => {\n  await authenticatedLoader(args);\n\n  return null;\n};\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.template.main',\n    path: 'aca-checkout',\n    loader: protectedLoader,\n    handle: {\n      roles: [acaCheckoutRole],\n    },\n    async lazy() {\n      const module = await import(\n        /* webpackChunkName: \"template-main\" */ './Main'\n      );\n      return { Component: module.default };\n    },\n    children: [\n      {\n        index: true,\n        async lazy() {\n          const module = await import(\n            /* webpackChunkName: \"CheckoutPage\" */ './checkoutPage/CheckoutPage'\n          );\n          return { Component: module.default };\n        },\n      },\n    ],\n  },\n];\n\nexport default routes;\n"]}

package/dist/slots/ExampleSlot/ExampleSlot.d.ts

@@ -0,0 +1,3 @@
+export declare const exampleSlotId = "org.openedx.frontend.slot.template.example.v1";
+declare const ExampleSlot: () => import("react/jsx-runtime").JSX.Element;
+export default ExampleSlot;

package/dist/slots/ExampleSlot/ExampleSlot.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@openedx/frontend-base';
+export const exampleSlotId = 'org.openedx.frontend.slot.template.example.v1';
+const ExampleSlot = () => (_jsx(Slot, { id: exampleSlotId }));
+export default ExampleSlot;
+//# sourceMappingURL=ExampleSlot.js.map

package/dist/slots/ExampleSlot/ExampleSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleSlot.js","sourceRoot":"","sources":["../../../src/slots/ExampleSlot/ExampleSlot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,+CAA+C,CAAC;AAE7E,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,KAAC,IAAI,IAAC,EAAE,EAAE,aAAa,GAAI,CAC5B,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\n\nexport const exampleSlotId = 'org.openedx.frontend.slot.template.example.v1';\n\nconst ExampleSlot = () => (\n  <Slot id={exampleSlotId} />\n);\n\nexport default ExampleSlot;\n"]}

package/dist/slots.d.ts

@@ -0,0 +1,3 @@
+import { SlotOperation } from '@openedx/frontend-base';
+declare const slots: SlotOperation[];
+export default slots;

package/dist/slots.js

@@ -0,0 +1,3 @@
+const slots = [];
+export default slots;
+//# sourceMappingURL=slots.js.map

package/dist/slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.js","sourceRoot":"","sources":["../src/slots.tsx"],"names":[],"mappings":"AAEA,MAAM,KAAK,GAAoB,EAAE,CAAC;AAElC,eAAe,KAAK,CAAC","sourcesContent":["import { SlotOperation } from '@openedx/frontend-base';\n\nconst slots: SlotOperation[] = [];\n\nexport default slots;\n"]}

package/dist/style.scss

@@ -0,0 +1,14 @@
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints.css";
+
+
+//components
+@use "./styles/components/checkout.scss";
+@use "./styles/components/enrollmentSummary.scss";
+@use "./styles/components/paymentForm.scss";
+@use "./styles/components/checkoutStepper.scss";
+@use "./styles/components/paymentFields.scss";
+@use "./styles/components/brandMarks.scss";
+@use "./styles/components/statusScreens.scss";
+@use "./styles/components/edxUnlimitedBanner.scss";
+@use "./styles/components/cartSummary.scss";
+@use "./styles/components/courseEnrollmentCard.scss";

package/dist/styles/components/brandMarks.scss

@@ -0,0 +1,41 @@
+.brand-marks {
+  &__card-brands {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: 4px;
+  }
+
+  &__paypal {
+    font-family: Arial, sans-serif;
+    font-weight: 700;
+    font-style: italic;
+    font-size: 1.05rem;
+  }
+
+  &__paypal-pay {
+    color: #003087;
+  }
+
+  &__paypal-pal {
+    color: #009cde;
+  }
+
+  &__edx-logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    padding: 0.5rem 0.625rem;
+    margin-right: 0.75rem;
+    background: #fff;
+    border: 1px solid #e7e9ef;
+    border-radius: 8px;
+
+    img {
+      display: block;
+      width: 48px;
+      height: 25px;
+    }
+  }
+}

package/dist/styles/components/cartSummary.scss

@@ -0,0 +1,29 @@
+// styles/components/cartSummary.scss
+
+.cart-summary {
+  // No background — inherits the page background (off-white in the design)
+  background: transparent;
+
+  &__stats {
+    display: flex;
+    gap: 1.5rem;
+    margin-top: 1rem;
+  }
+
+  &__stat {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  &__pricing {
+    line-height: 1.35;
+  }
+
+  &__count-skeleton {
+    display: inline-flex;
+    align-items: center;
+    width: 6rem;
+    line-height: 1;
+  }
+}

package/dist/styles/components/checkout.scss

@@ -0,0 +1,29 @@
+div.checkout__container {
+    padding-inline: 1.125rem; /* 18px */
+    padding-block: 3rem; /* 48px */
+    div.payment__options { 
+        > div {
+            padding: 32px;
+            background-color: white;
+        }
+    }
+}
+
+@media (--pgn-size-breakpoint-min-width-lg) { 
+    div.checkout__container { 
+        padding:0;
+        div.payment__options {
+            background-color: var(--pgn-color-light-100);
+            > div {
+                padding: 32px 32px 64px 32px;
+                background-color: transparent;
+            }
+        }
+        div.payment__summary {
+            padding: 48px 48px 32px 48px;
+        }
+        div.gap-5 {
+            gap: 0 !important;
+        }
+    }
+}