@edx/frontend-app-subscription-manage 1.3.2 → 1.5.0

package/dist/data/hooks/useCheckoutQueries.js

@@ -1,97 +0,0 @@
-/**
- * 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,
-    });
-}
-/**
- * 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

@@ -1 +0,0 @@
-{"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 { CheckoutClient, CartStatusResult, BillingPlansResult, CourseDetail } 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/**\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/styles/components/brandMarks.scss

@@ -1,54 +0,0 @@
-.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;
-    width: 56px;
-    height: 40px;
-    border-radius: 6px;
-    background: #1f1f1f;
-    line-height: 1;
-    margin-right: 0.75rem;
-  }
-
-  &__edx-logo-text {
-    text-align: center;
-  }
-
-  &__edx-logo-edx {
-    color: #fff;
-    font-weight: 800;
-    font-size: 0.8rem;
-    letter-spacing: -0.02em;
-  }
-
-  &__edx-logo-unlimited {
-    color: #b1c2ff;
-    font-size: 0.5rem;
-    font-weight: 600;
-    margin-top: 1px;
-  }
-}

package/dist/styles/components/cartSummary.scss

@@ -1,18 +0,0 @@
-// 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;
-  }
-}

package/dist/styles/components/checkout.scss

@@ -1,29 +0,0 @@
-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;
-        }
-    }
-}

package/dist/styles/components/checkoutStepper.scss

@@ -1,9 +0,0 @@
-.checkout__stepper {
-    > div {
-        padding:0;
-
-        ul.pgn__stepper-header-step-list {
-            justify-content: flex-start;
-        }
-    }
-}

package/dist/styles/components/courseEnrollmentCard.scss

@@ -1,38 +0,0 @@
-.course-enrollment-card {
-  margin-top: 1.25rem;
-  padding: 1rem;
-  background: var(--pgn-color-white, #fff);
-  border: 1px solid var(--pgn-color-light-400, #e5e5e5);
-  border-radius: var(--pgn-size-border-radius-base, 0.375rem);
-
-  &__image {
-    display: block;
-    width: 4.5rem;
-    height: 3.25rem;
-    object-fit: cover;
-    border-radius: 0.25rem;
-    background: var(--pgn-color-light-300, #f2f2f2);
-
-    &--placeholder {
-      background:
-        linear-gradient(
-          to top right,
-          transparent calc(50% - 1px),
-          var(--pgn-color-light-500, #c2c2c2) 50%,
-          transparent calc(50% + 1px)
-        ),
-        linear-gradient(
-          to top left,
-          transparent calc(50% - 1px),
-          var(--pgn-color-light-500, #c2c2c2) 50%,
-          transparent calc(50% + 1px)
-        ),
-        var(--pgn-color-light-300, #f2f2f2);
-    }
-  }
-
-  &__copy {
-    color: var(--pgn-color-gray-900, #212529);
-    line-height: 1.4;
-  }
-}

package/dist/styles/components/edxUnlimitedBanner.scss

@@ -1,138 +0,0 @@
-
-.edx-banner {
-  background: #0a1628;
-  border-radius: 10px;
-  overflow: hidden;
-  display: flex;
-  align-items: stretch;
-  min-height: 120px;
-  position: relative;
-
-  &__content {
-    flex: 1 1 0;
-    padding: 28px 32px 28px 28px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: 10px;
-    z-index: 1;
-  }
-
-  &__eyebrow {
-    display: flex;
-    align-items: center;
-  }
-
-  &__headline {
-    margin: 0;
-    color: #fff;
-    font-size: clamp(1.1rem, 2.2vw, 1.55rem);
-    font-weight: 700;
-    line-height: 1.25;
-    letter-spacing: -0.01em;
-  }
-
-  &__body {
-    margin: 0;
-    color: rgba(255, 255, 255, 0.78);
-    font-size: clamp(0.78rem, 1.3vw, 0.88rem);
-    line-height: 1.55;
-    max-width: 540px;
-  }
-
-  &__cta-wrapper {
-    margin-top: 4px;
-  }
-
-  &__cta {
-    display: inline-block;
-    background: #e2522a;
-    color: #fff;
-    font-weight: 700;
-    font-size: 0.82rem;
-    padding: 9px 20px;
-    border-radius: 6px;
-    text-decoration: none;
-    letter-spacing: 0.01em;
-    transition: background 0.15s;
-    white-space: nowrap;
-
-    &:hover {
-      background: #c94420;
-      color: #fff;
-      text-decoration: none;
-    }
-  }
-
-  &__bullet {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    border-radius: 50%;
-    background: rgba(255, 255, 255, 0.15);
-    flex-shrink: 0;
-    margin-right: 10px;
-  }
-
-  &__badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0;
-    vertical-align: middle;
-    position: relative;
-    top: -2px;
-  }
-
-  &__badge-edx {
-    background: #fff;
-    border-radius: 4px 0 0 4px;
-    padding: 2px 5px 2px 6px;
-    font-weight: 800;
-    font-size: 0.78em;
-    letter-spacing: -0.02em;
-    color: #000;
-    line-height: 1.15;
-    font-style: normal;
-  }
-
-  &__badge-unlimited {
-    background: #000;
-    border-radius: 0 4px 4px 0;
-    padding: 2px 6px 2px 4px;
-    font-weight: 600;
-    font-size: 0.64em;
-    letter-spacing: 0.02em;
-    color: #c5b8ff;
-    line-height: 1.15;
-    font-style: normal;
-    text-transform: lowercase;
-  }
-
-  &__photo {
-    flex-shrink: 0;
-    width: clamp(120px, 22%, 240px);
-    position: relative;
-    overflow: hidden;
-
-    img {
-      position: absolute;
-      inset: 0;
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      object-position: center top;
-    }
-  }
-
-
-  &__placeholder {
-    flex-shrink: 0;
-    width: clamp(100px, 20%, 200px);
-    background: rgba(255, 255, 255, 0.06);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}

package/dist/styles/components/enrollmentSummary.scss

@@ -1,13 +0,0 @@
-.enrolled__banner {
-    div:first-child {
-        border-top-left-radius: var(--pgn-size-border-radius-base);
-        border-top-right-radius: var(--pgn-size-border-radius-base);
-    }
-
-    div:last-child {
-        border: 1px solid var(--pgn-color-light-400);
-        border-top: 0;
-        border-bottom-left-radius: var(--pgn-size-border-radius-base);
-        border-bottom-right-radius: var(--pgn-size-border-radius-base);
-    }
-}

package/dist/styles/components/paymentFields.scss

@@ -1,15 +0,0 @@
-.payment--field {
-    .card__expiry,
-    .card__cvc {
-        width: 10.75rem;
-    }
-
-    .form-control {
-        border-radius: 5px;
-        border: 1px solid #E6E6E6;
-        background: #FFF;
-
-        /* default/box-shadow-default */
-        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03);
-    }
-}

package/dist/styles/components/paymentForm.scss

@@ -1,105 +0,0 @@
-// styles/components/paymentForm.scss
-
-.payment-form {
-  &__heading {
-    font-size: 1.1rem;
-  }
-
-  &__help {
-    a {
-      text-decoration: underline;
-      text-underline-offset: 0.2rem;
-    }
-  }
-
-  // ── Payment method accordion ─────────────────────────────────────────────
-
-  &__method {
-    border-radius: 8px;
-    border: 1px solid #E7E9EF;
-    background: #FFF;
-    overflow: hidden;
-    background: #F6F8FA;
-    &--selected {
-      background-color: white;
-    }
-  }
-
-  // Header row: radio + icon(s) + name — full-width clickable label
-  &__method-header {
-    display: flex;
-    align-items: center;
-    gap: 0.6rem;
-    padding: 0.9rem 1rem;
-    margin: 0;
-    cursor: pointer;
-    width: 100%;
-    font-weight: 600;
-    font-size: 0.95rem;
-  }
-
-  &__radio {
-    flex-shrink: 0;
-    width: 1.1rem;
-    height: 1.1rem;
-    accent-color: #000000;
-    cursor: pointer;
-  }
-
-  &__method-name {
-    flex: 1;
-  }
-
-  // Expanded card panel — no extra heading, just fields
-  &__card-panel {
-    padding: 0 1rem 1rem;
-    background: #fff;
-  }
-
-  // Icon badges for Google Pay / PayPal
-  &__method-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.5rem;
-    height: 1.5rem;
-    border-radius: 4px;
-    color: #fff;
-    font-weight: 800;
-    font-size: 0.7rem;
-    flex-shrink: 0;
-
-    &--gpay {
-      background: #4285f4;
-    }
-
-    &--paypal {
-      background: #003087;
-    }
-  }
-
-  .payment__field--country {
-      select {
-        border-radius: 5px;
-        border: 1px solid #E6E6E6;
-        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03);
-      }
-    }
-
-  // ── Submit button ────────────────────────────────────────────────────────
-  &__submit {
-    border-radius: 2rem;
-    font-weight: 700;
-    padding: 0.75rem 1.5rem;
-  }
-
-  &__terms {
-    line-height: 1.6;
-  }
-}
-
-@media (--pgn-size-breakpoint-min-width-lg) {
-  .payment-form { 
-    padding: 32px;
-  }
-}

package/dist/styles/components/statusScreens.scss

@@ -1,29 +0,0 @@
-// styles/components/successScreen.scss
-
-.success-screen {
-  &__headline {
-    font-size: clamp(1.6rem, 3vw, 2.2rem);
-    color: #1a3a2a; // dark green as in design
-  }
-
-  &__ctas {
-    flex-wrap: wrap;
-    gap: 0.75rem;
-  }
-
-  &__cta-primary {
-    border-radius: 2rem;
-    font-weight: 700;
-    padding: 0.65rem 1.5rem;
-  }
-
-  &__benefits {
-    list-style: disc;
-    padding-left: 1.25rem;
-
-    li {
-      color: var(--gray-700, #495057);
-      line-height: 1.6;
-    }
-  }
-}

package/dist/utils/auth.d.ts

@@ -1,7 +0,0 @@
-import type { CheckoutClient } from '../types';
-interface CheckoutClientConfig {
-    apiUrl: string;
-    confirmIntentUrl?: string;
-}
-export declare function createCheckoutClient({ apiUrl }: CheckoutClientConfig): CheckoutClient;
-export {};

package/dist/utils/auth.js

@@ -1,28 +0,0 @@
-/**
- * api/index.ts — composes the pieces into a single checkout client and
- * re-exports the API utilities.
- */
-import { createGqlClient } from './graphqlClient';
-import * as cart from './cartApi';
-import * as bootstrap from './bootstrapApi';
-export function createCheckoutClient({ apiUrl }) {
-    const { gql, setToken } = createGqlClient({ apiUrl });
-    const fetchStatus = (biId) => cart.getCartStatus(gql, biId);
-    return {
-        gql,
-        setToken,
-        createCart: (vars) => cart.createCart(gql, vars),
-        getCartItem: (biId) => cart.getCartItem(gql, biId),
-        updateCartItem: (args) => cart.updateCartItem(gql, args),
-        updateCartConsent: (args) => cart.updateCartConsent(gql, args),
-        placeOrder: (cartUid) => cart.placeOrder(gql, cartUid),
-        getCartStatus: fetchStatus,
-        findSubscriptionBiId: (biId) => cart.findSubscriptionBiId(gql, biId),
-        getSalableUid: (maId) => bootstrap.getSalableUid(gql, maId),
-        getBillingPlans: () => bootstrap.getBillingPlans(gql),
-        getActiveSubscriptions: () => bootstrap.getActiveSubscriptions(gql),
-        isCurrentUserSubscriber: () => bootstrap.isCurrentUserSubscriber(gql),
-        getCourseDetail: (courseKey) => bootstrap.getCourseDetail(gql, courseKey),
-    };
-}
-//# sourceMappingURL=auth.js.map

package/dist/utils/auth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../src/utils/auth.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAC;AAU5C,MAAM,UAAU,oBAAoB,CAClC,EAAE,MAAM,EAAwB;IAEhC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAEpE,OAAO;QACL,GAAG;QACH,QAAQ;QACR,UAAU,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC;QACzD,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC;QAClD,cAAc,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC;QAC5E,iBAAiB,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC;QACrF,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC;QACtD,aAAa,EAAE,WAAW;QAC1B,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE,IAAI,CAAC;QACpE,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC;QAC3D,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC;QACrD,sBAAsB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,sBAAsB,CAAC,GAAG,CAAC;QACnE,uBAAuB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,uBAAuB,CAAC,GAAG,CAAC;QACrE,eAAe,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC;KAC1E,CAAC;AACJ,CAAC","sourcesContent":["/**\n * api/index.ts — composes the pieces into a single checkout client and\n * re-exports the API utilities.\n */\nimport { createGqlClient } from './graphqlClient';\nimport * as cart from './cartApi';\nimport * as bootstrap from './bootstrapApi';\nimport type {\n  CheckoutClient, CartIds, UpdateCartItemArgs, UpdateCartConsentArgs,\n} from '../types';\n\ninterface CheckoutClientConfig {\n  apiUrl: string,\n  confirmIntentUrl?: string,\n}\n\nexport function createCheckoutClient(\n  { apiUrl }: CheckoutClientConfig,\n): CheckoutClient {\n  const { gql, setToken } = createGqlClient({ apiUrl });\n  const fetchStatus = (biId: string) => cart.getCartStatus(gql, biId);\n\n  return {\n    gql,\n    setToken,\n    createCart: (vars: CartIds) => cart.createCart(gql, vars),\n    getCartItem: (biId) => cart.getCartItem(gql, biId),\n    updateCartItem: (args: UpdateCartItemArgs) => cart.updateCartItem(gql, args),\n    updateCartConsent: (args: UpdateCartConsentArgs) => cart.updateCartConsent(gql, args),\n    placeOrder: (cartUid) => cart.placeOrder(gql, cartUid),\n    getCartStatus: fetchStatus,\n    findSubscriptionBiId: (biId) => cart.findSubscriptionBiId(gql, biId),\n    getSalableUid: (maId) => bootstrap.getSalableUid(gql, maId),\n    getBillingPlans: () => bootstrap.getBillingPlans(gql),\n    getActiveSubscriptions: () => bootstrap.getActiveSubscriptions(gql),\n    isCurrentUserSubscriber: () => bootstrap.isCurrentUserSubscriber(gql),\n    getCourseDetail: (courseKey) => bootstrap.getCourseDetail(gql, courseKey),\n  };\n}\n"]}

package/dist/utils/bootstrapApi.d.ts

@@ -1,20 +0,0 @@
-import type { GqlRunner, BillingPlansResult, ProductInfo, CurrentUserSubscriberResult, CourseDetail } from '../types';
-/** Resolve the viax customer uid for the authenticated user by email. */
-export declare function getCustomerUid(gql: GqlRunner, userEmail: string): Promise<string>;
-/**
- * Fetch the TwouSubscriptionPlan uid to use as biiSalable in createTwouCart.
- * The maId is the product market-area identifier, e.g. "TWOU-SUB-PLAN-001".
- * The returned `uid` is passed as biiSalable when creating the cart.
- */
-export declare function getSalableUid(gql: GqlRunner, maId: string): Promise<ProductInfo>;
-/** Fetch all available customer billing plans. */
-export declare function getBillingPlans(gql: GqlRunner): Promise<BillingPlansResult>;
-/** Check whether the currently authenticated user already has an active subscription. */
-export declare function isCurrentUserSubscriber(gql: GqlRunner): Promise<CurrentUserSubscriberResult | null>;
-/** Fetch the number of active subscriptions. */
-export declare function getActiveSubscriptions(gql: GqlRunner): Promise<{
-    active: number;
-}>;
-/** Fetch course details for the enrollment card by tCourseKey.
- *  Sends the course key to Viax exactly as provided (e.g. HarvardX+CS50+X). */
-export declare function getCourseDetail(gql: GqlRunner, courseKey: string): Promise<CourseDetail | null>;