@edx/frontend-app-alacarte-checkout 1.0.0

package/dist/styles/components/checkoutStepper.scss

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

package/dist/styles/components/courseEnrollmentCard.scss

@@ -0,0 +1,38 @@
+.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

@@ -0,0 +1,138 @@
+
+.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

@@ -0,0 +1,19 @@
+.enrollment-summary {
+  &__pricing {
+    line-height: 1.35;
+  }
+}
+
+.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

@@ -0,0 +1,15 @@
+.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

@@ -0,0 +1,139 @@
+// 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;
+    }
+
+    &--hidden {
+      display: none;
+    }
+  }
+
+  // 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;
+
+    // Hide without unmounting. Stripe Elements die if their host nodes leave the DOM.
+    // Avoid display:none so the iframes keep a layout box and stay interactive.
+    &--collapsed {
+      visibility: hidden;
+      max-height: 0;
+      padding: 0;
+      overflow: hidden;
+      pointer-events: none;
+    }
+  }
+
+  // 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;
+  }
+
+  &__confirm {
+    .pgn__form-checkbox {
+      align-items: flex-start;
+    }
+
+    // Paragon pins the label line-height to the checkbox size; let the
+    // copy wrap with its own leading instead.
+    .pgn__form-label {
+      display: block;
+      line-height: 1.6;
+      // Cancel half-leading above the first line and below the last so
+      // extra space only appears between wrapped lines.
+      margin-block: calc((1em - 1lh) / 2);
+    }
+  }
+
+  &__confirm-label {
+    line-height: inherit;
+  }
+}
+
+@media (--pgn-size-breakpoint-min-width-lg) {
+  .payment-form { 
+    padding: 32px;
+  }
+}

package/dist/styles/components/statusScreens.scss

@@ -0,0 +1,39 @@
+// styles/components/successScreen.scss
+
+.processing-screen {
+  position: fixed;
+  inset: 0;
+  z-index: 1050;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--pgn-color-light-200, #f8f9fa);
+}
+
+.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/types.d.ts

@@ -0,0 +1,232 @@
+import type { Status, Phase } from './constants';
+export type { Status, Phase };
+export interface TwouCustomerContact {
+    email?: string;
+}
+export interface TwouCustomerParty {
+    paName: string;
+    indFirstName?: string;
+    indLastName?: string;
+    paContacts: {
+        edges: {
+            node: TwouCustomerContact;
+        }[];
+    };
+}
+export interface TwouCustomer {
+    uid: string;
+    parId: string;
+    parParty: TwouCustomerParty;
+}
+export type GqlRunner = (query: string, variables?: Record<string, unknown>, retry?: boolean) => Promise<any>;
+export interface Cart {
+    biId: string;
+    uid: string;
+}
+export interface CartIds {
+    customerUid: string;
+    salableUid: string;
+    billingPlanUid: string;
+}
+export type BillingCycle = 'monthly' | 'annual';
+export type PaymentMethod = 'card' | 'googlepay' | 'paypal';
+export type SupportedPaymentMethod = Exclude<PaymentMethod, 'googlepay'>;
+export type BillingPeriod = 'MONTHLY' | 'ANNUAL' | 'QUARTERLY' | string;
+export interface BillingPlanOwnershipModel {
+    uid: string;
+    omName: string;
+}
+export interface BillingPlan {
+    uid: string;
+    stripePriceId: string;
+    /** Price amount e.g. "39.99" */
+    amount: string;
+    /** Currency code e.g. "USD" */
+    currency: string;
+    isTemplate: boolean;
+    ownershipModel: BillingPlanOwnershipModel;
+}
+export interface SubscriptionDetails {
+    biId: string;
+    trialStart: string | null;
+    trialEnd: string | null;
+    renewalType: string | null;
+    cardLast4: string | null;
+    cardBrand: string | null;
+    stripePaymentMethodId: string | null;
+    planName: string | null;
+}
+export interface CurrentUserSubscriberResult {
+    isSubscriber: boolean;
+    subscriptionBiId: string | null;
+    status: string | null;
+    subscriptionStartDate: string | null;
+    currentPeriodEnd: string | null;
+}
+/** Course shown on checkout / post-checkout when arriving via ?course_run_key=. */
+export interface CourseDetail {
+    maId: string;
+    maName: string;
+    maDescription: string | null;
+    tShortDescription: string | null;
+    imageUrl: string | null;
+    tCourseKey: string | null;
+    tBrandText: string | null;
+    tPrimarySubjectArea: string | null;
+    tLevelType: string | null;
+    tLanguage: string | null;
+    tPacingType: string | null;
+    tDurationLow: number | null;
+    tDurationHigh: number | null;
+    tDurationUnit: string | null;
+    tEffortLow: number | null;
+    tEffortHigh: number | null;
+    tEffortUnit: string | null;
+    tUrlCourse: string | null;
+    tB2cSubscriptionInclusion: boolean | null;
+    tHasOfacRestrictions: boolean | null;
+    tCatalogActive: boolean | null;
+}
+/** Returned by getBillingPlans — all available plans for the product. */
+export interface BillingPlansResult {
+    plans: BillingPlan[];
+}
+/** Returned by getSalableUid — the product uid and its ownership models. */
+export interface ProductInfo {
+    uid: string;
+    maName: string;
+    ownershipModels: {
+        uid: string;
+        omName: string;
+    }[];
+}
+export interface CartStatusResult {
+    status: Status | null;
+    stripeSubscriptionId: string | null;
+    /** Stripe-hosted challenge URL for the checkout confirmation step. */
+    stripeConfirmationRedirectUrl: string | null;
+    /** PayPal-hosted approval URL for the same checkout confirmation step. */
+    paypalApprovalUrl: string | null;
+    lastComment: string;
+}
+export interface CartBillingAddress {
+    tFirstName: string;
+    tLastName: string;
+    upaLine1: string;
+    upaCity: string;
+    upaPostcode: string;
+    gadStateOrProvince: string;
+    gadCountry: {
+        iso2Code: string;
+    };
+}
+export interface UpdateCartItemArgs {
+    cartItemUid: string;
+    billingAddress?: CartBillingAddress;
+    paymentMethodId?: string;
+    /** Payer email attached when the payment type is TwouPaypalPayment. */
+    paypalEmail?: string | null;
+}
+/** Auto-renewal consent captured on TwouCart at checkout confirmation (SUBS-228). */
+export interface CheckoutConsent {
+    /** Main auto-renewal checkbox — always required at submit. */
+    tConsentRecurring: boolean;
+    /** UK/CA resident checkbox; null when that checkbox is not shown. */
+    tConsentUkCa: boolean | null;
+    /** ISO-8601 timestamp when consent was captured. */
+    tConsentAt: string;
+    /** Exact disclosure text shown to the learner (audit trail). */
+    tConsentText: string;
+}
+export interface UpdateCartConsentArgs {
+    cartUid: string;
+    consent: CheckoutConsent;
+    /** Absolute checkout return URL stored in the backend's tStripeReturnUrl field. */
+    returnUrl?: string | null;
+}
+export interface BillingInfo {
+    firstName: string;
+    lastName: string;
+    city: string;
+    zip: string;
+    country: string;
+    line1: string;
+    state: string;
+}
+export interface CheckoutClient {
+    gql: GqlRunner;
+    setToken: (token: string) => void;
+    createCart: (vars: CartIds) => Promise<Cart>;
+    getCartItem: (biId: string) => Promise<{
+        cartUid: string;
+        cartItemUid: string;
+    }>;
+    updateCartItem: (args: UpdateCartItemArgs) => Promise<void>;
+    updateCartConsent: (args: UpdateCartConsentArgs) => Promise<void>;
+    placeOrder: (cartUid: string) => Promise<unknown>;
+    getCartStatus: (biId: string) => Promise<CartStatusResult>;
+    findSubscriptionBiId: (biId: string) => Promise<SubscriptionDetails | null>;
+    getSalableUid: (maId: string) => Promise<ProductInfo>;
+    getBillingPlans: () => Promise<BillingPlansResult>;
+    getActiveSubscriptions: () => Promise<{
+        active: number;
+    }>;
+    isCurrentUserSubscriber: () => Promise<CurrentUserSubscriberResult | null>;
+    getCourseDetail: (courseKey: string) => Promise<CourseDetail | null>;
+}
+export interface DevAuth {
+    iamUrl: string;
+    clientId: string;
+    clientSecret: string;
+}
+export interface StripeElementChangeEvent {
+    error?: {
+        message?: string;
+    };
+    [key: string]: unknown;
+}
+export interface StripeElementLike {
+    mount: (node: HTMLElement) => void;
+    on: (event: string, handler: (e: StripeElementChangeEvent) => void) => void;
+    unmount?: () => void;
+}
+export interface StripeElementsLike {
+    create: (type: string, options?: Record<string, unknown>) => StripeElementLike;
+}
+export interface StripeError {
+    message?: string;
+    code?: string;
+}
+export interface PaymentMethodResult {
+    paymentMethod?: {
+        id: string;
+    };
+    error?: StripeError;
+}
+export interface ConfirmResult {
+    error?: StripeError;
+    setupIntent?: unknown;
+    paymentIntent?: unknown;
+}
+export interface CreatePaymentMethodParams {
+    type: 'card';
+    card: StripeElementLike;
+    billing_details?: Record<string, unknown>;
+}
+export interface StripeLike {
+    elements: () => StripeElementsLike;
+    createPaymentMethod: (params: CreatePaymentMethodParams) => Promise<PaymentMethodResult>;
+    confirmCardSetup: (clientSecret: string) => Promise<ConfirmResult>;
+    confirmCardPayment: (clientSecret: string) => Promise<ConfirmResult>;
+}
+declare global {
+    interface Window {
+        Stripe?: (publishableKey: string) => StripeLike;
+    }
+}
+export interface TrialDateRange {
+    /** e.g. "June 22, 2026" */
+    displayStart: string;
+    /** e.g. "June 29, 2026" */
+    displayEnd: string;
+}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Status, Phase } from './constants';\n\nexport type { Status, Phase };\n\n// --- Bootstrap domain --------------------------------------------------------\nexport interface TwouCustomerContact {\n  email?: string,\n}\n\nexport interface TwouCustomerParty {\n  paName: string,\n  indFirstName?: string,\n  indLastName?: string,\n  paContacts: { edges: { node: TwouCustomerContact }[] },\n}\n\nexport interface TwouCustomer {\n  uid: string,\n  parId: string,\n  parParty: TwouCustomerParty,\n}\n\nexport type GqlRunner = (query: string, variables?: Record<string, unknown>, retry?: boolean) => Promise<any>;\n\n// --- Cart domain -------------------------------------------------------------\nexport interface Cart {\n  biId: string,\n  uid: string,\n}\n\nexport interface CartIds {\n  customerUid: string,\n  salableUid: string,\n  billingPlanUid: string,\n}\n\nexport type BillingCycle = 'monthly' | 'annual';\n\nexport type PaymentMethod = 'card' | 'googlepay' | 'paypal';\n\nexport type SupportedPaymentMethod = Exclude<PaymentMethod, 'googlepay'>;\n\nexport type BillingPeriod = 'MONTHLY' | 'ANNUAL' | 'QUARTERLY' | string;\n\nexport interface BillingPlanOwnershipModel {\n  uid: string,\n  omName: string,\n}\n\nexport interface BillingPlan {\n  uid: string,\n  stripePriceId: string,\n  /** Price amount e.g. \"39.99\" */\n  amount: string,\n  /** Currency code e.g. \"USD\" */\n  currency: string,\n  isTemplate: boolean,\n  ownershipModel: BillingPlanOwnershipModel,\n}\n\nexport interface SubscriptionDetails {\n  biId: string, // \"BI301ZDAD6CMICG2\"\n  trialStart: string | null,\n  trialEnd: string | null,\n  renewalType: string | null, // \"Annual\" | \"Monthly\"\n  cardLast4: string | null, // \"4242\"\n  cardBrand: string | null, // \"visa\" | \"mastercard\" etc\n  stripePaymentMethodId: string | null,\n  planName: string | null, // \"Monthly Subscription\"\n}\n\nexport interface CurrentUserSubscriberResult {\n  isSubscriber: boolean,\n  subscriptionBiId: string | null,\n  status: string | null,\n  subscriptionStartDate: string | null,\n  currentPeriodEnd: string | null,\n}\n\n/** Course shown on checkout / post-checkout when arriving via ?course_run_key=. */\nexport interface CourseDetail {\n  maId: string,\n  maName: string,\n  maDescription: string | null,\n  tShortDescription: string | null,\n  imageUrl: string | null,\n  tCourseKey: string | null,\n  tBrandText: string | null,\n  tPrimarySubjectArea: string | null,\n  tLevelType: string | null,\n  tLanguage: string | null,\n  tPacingType: string | null,\n  tDurationLow: number | null,\n  tDurationHigh: number | null,\n  tDurationUnit: string | null,\n  tEffortLow: number | null,\n  tEffortHigh: number | null,\n  tEffortUnit: string | null,\n  tUrlCourse: string | null,\n  tB2cSubscriptionInclusion: boolean | null,\n  tHasOfacRestrictions: boolean | null,\n  tCatalogActive: boolean | null,\n}\n\n/** Returned by getBillingPlans — all available plans for the product. */\nexport interface BillingPlansResult {\n  plans: BillingPlan[],\n}\n\n/** Returned by getSalableUid — the product uid and its ownership models. */\nexport interface ProductInfo {\n  uid: string,\n  maName: string,\n  ownershipModels: { uid: string, omName: string }[],\n}\n\nexport interface CartStatusResult {\n  status: Status | null,\n  stripeSubscriptionId: string | null,\n  /** Stripe-hosted challenge URL for the checkout confirmation step. */\n  stripeConfirmationRedirectUrl: string | null,\n  /** PayPal-hosted approval URL for the same checkout confirmation step. */\n  paypalApprovalUrl: string | null,\n  lastComment: string,\n}\n\nexport interface CartBillingAddress {\n  tFirstName: string,\n  tLastName: string,\n  upaLine1: string,\n  upaCity: string,\n  upaPostcode: string,\n  gadStateOrProvince: string,\n  gadCountry: { iso2Code: string },\n}\n\nexport interface UpdateCartItemArgs {\n  cartItemUid: string,\n  billingAddress?: CartBillingAddress,\n  paymentMethodId?: string,\n  /** Payer email attached when the payment type is TwouPaypalPayment. */\n  paypalEmail?: string | null,\n}\n\n/** Auto-renewal consent captured on TwouCart at checkout confirmation (SUBS-228). */\nexport interface CheckoutConsent {\n  /** Main auto-renewal checkbox — always required at submit. */\n  tConsentRecurring: boolean,\n  /** UK/CA resident checkbox; null when that checkbox is not shown. */\n  tConsentUkCa: boolean | null,\n  /** ISO-8601 timestamp when consent was captured. */\n  tConsentAt: string,\n  /** Exact disclosure text shown to the learner (audit trail). */\n  tConsentText: string,\n}\n\nexport interface UpdateCartConsentArgs {\n  cartUid: string,\n  consent: CheckoutConsent,\n  /** Absolute checkout return URL stored in the backend's tStripeReturnUrl field. */\n  returnUrl?: string | null,\n}\n\nexport interface BillingInfo {\n  firstName: string,\n  lastName: string,\n  city: string,\n  zip: string,\n  country: string,\n  line1: string,\n  state: string,\n}\n\n// --- Checkout client surface -------------------------------------------------\nexport interface CheckoutClient {\n  gql: GqlRunner,\n  setToken: (token: string) => void,\n  createCart: (vars: CartIds) => Promise<Cart>,\n  getCartItem: (biId: string) => Promise<{ cartUid: string, cartItemUid: string }>,\n  updateCartItem: (args: UpdateCartItemArgs) => Promise<void>,\n  updateCartConsent: (args: UpdateCartConsentArgs) => Promise<void>,\n  placeOrder: (cartUid: string) => Promise<unknown>,\n  getCartStatus: (biId: string) => Promise<CartStatusResult>,\n  findSubscriptionBiId: (biId: string) => Promise<SubscriptionDetails | null>,\n  getSalableUid: (maId: string) => Promise<ProductInfo>,\n  getBillingPlans: () => Promise<BillingPlansResult>,\n  getActiveSubscriptions: () => Promise<{ active: number }>,\n  isCurrentUserSubscriber: () => Promise<CurrentUserSubscriberResult | null>,\n  getCourseDetail: (courseKey: string) => Promise<CourseDetail | null>,\n}\n\nexport interface DevAuth {\n  iamUrl: string,\n  clientId: string,\n  clientSecret: string,\n}\n\n// --- Minimal Stripe.js types -------------------------------------------------\n// Just the surface this module uses. If you depend on `@stripe/stripe-js`,\n// you can replace these with its richer types.\nexport interface StripeElementChangeEvent {\n  error?: { message?: string },\n  [key: string]: unknown,\n}\n\nexport interface StripeElementLike {\n  mount: (node: HTMLElement) => void,\n  on: (event: string, handler: (e: StripeElementChangeEvent) => void) => void,\n  unmount?: () => void,\n}\n\nexport interface StripeElementsLike {\n  create: (type: string, options?: Record<string, unknown>) => StripeElementLike,\n}\n\nexport interface StripeError {\n  message?: string,\n  code?: string,\n}\n\nexport interface PaymentMethodResult {\n  paymentMethod?: { id: string },\n  error?: StripeError,\n}\n\nexport interface ConfirmResult {\n  error?: StripeError,\n  setupIntent?: unknown,\n  paymentIntent?: unknown,\n}\n\nexport interface CreatePaymentMethodParams {\n  type: 'card',\n  card: StripeElementLike,\n  billing_details?: Record<string, unknown>,\n}\n\nexport interface StripeLike {\n  elements: () => StripeElementsLike,\n  createPaymentMethod: (params: CreatePaymentMethodParams) => Promise<PaymentMethodResult>,\n  confirmCardSetup: (clientSecret: string) => Promise<ConfirmResult>,\n  confirmCardPayment: (clientSecret: string) => Promise<ConfirmResult>,\n}\n\ndeclare global {\n  interface Window {\n    Stripe?: (publishableKey: string) => StripeLike,\n  }\n}\n\nexport interface TrialDateRange {\n  /** e.g. \"June 22, 2026\" */\n  displayStart: string,\n  /** e.g. \"June 29, 2026\" */\n  displayEnd: string,\n}\n"]}

package/dist/utils/auth.d.ts

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

package/dist/utils/auth.js

@@ -0,0 +1,28 @@
+/**
+ * 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