@edx/frontend-app-alacarte-checkout 1.0.0

package/dist/components/CartSummary/Messages.js

@@ -0,0 +1,106 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    // CartSummary
+    summaryHeading: {
+        id: 'checkout.cartSummary.summaryHeading',
+        defaultMessage: 'Summary',
+        description: 'Heading for the order summary card',
+    },
+    productTitle: {
+        id: 'checkout.cartSummary.productTitle',
+        defaultMessage: 'edX Plus',
+        description: 'Product name shown in the order summary card',
+    },
+    productBlurb: {
+        id: 'checkout.cartSummary.productBlurb',
+        defaultMessage: 'Subscribe and get access to hundreds of courses and programs.',
+        description: 'Short product description under the name in the order summary card',
+    },
+    learnersSubscribed: {
+        id: 'checkout.cartSummary.learnersSubscribed',
+        defaultMessage: '{count} learners subscribed',
+        description: 'Badge showing number of active learners',
+    },
+    loadingSubscribers: {
+        id: 'checkout.cartSummary.loadingSubscribers',
+        defaultMessage: 'Loading subscriber count',
+        description: 'Accessible label for the subscriber count skeleton',
+    },
+    monthlySubscription: {
+        id: 'checkout.cartSummary.monthlySubscription',
+        defaultMessage: 'Monthly subscription',
+        description: 'Label for monthly billing cycle',
+    },
+    annualSubscription: {
+        id: 'checkout.cartSummary.annualSubscription',
+        defaultMessage: 'Annual subscription',
+        description: 'Label for annual billing cycle',
+    },
+    trialLabel: {
+        id: 'checkout.cartSummary.trialLabel',
+        defaultMessage: '7-day free trial',
+        description: 'Free trial badge label',
+    },
+    promotionalPrice: {
+        id: 'checkout.cartSummary.promotionalPrice',
+        defaultMessage: '${amount}/mo for {months} months',
+        description: 'Promotional monthly price for an introductory period e.g. $39/mo for 3 months',
+    },
+    regularPrice: {
+        id: 'checkout.cartSummary.regularPrice',
+        defaultMessage: 'then ${amount}/mo {currency}',
+        description: 'Regular monthly price after the promotional period e.g. then $59/mo USD',
+    },
+    priceDisplay: {
+        id: 'checkout.cartSummary.priceDisplay',
+        defaultMessage: '${amount}/{frequency} {currency}',
+        description: 'Price display e.g. $299/year USD',
+    },
+    todaysTotal: {
+        id: 'checkout.cartSummary.todaysTotal',
+        defaultMessage: "Today's total",
+        description: "Label for today's total price row",
+    },
+    todaysTotalValue: {
+        id: 'checkout.cartSummary.todaysTotalValue',
+        defaultMessage: '$0',
+        description: "Today's total amount during trial (monthly only)",
+    },
+    todaysTotalAnnualValue: {
+        id: 'checkout.cartSummary.todaysTotalAnnualValue',
+        defaultMessage: '${amount} {currency}',
+        description: "Today's total for annual plans with no trial e.g. $299 USD",
+    },
+    switchToAnnual: {
+        id: 'checkout.cartSummary.switchToAnnual',
+        defaultMessage: 'Switch to annual',
+        description: 'Toggle button label to switch to annual billing',
+    },
+    switchToMonthly: {
+        id: 'checkout.cartSummary.switchToMonthly',
+        defaultMessage: 'Switch to monthly',
+        description: 'Toggle button label to switch to monthly billing',
+    },
+    learnersCount: {
+        id: 'checkout.cartSummary.learnersCount',
+        defaultMessage: '100M',
+        description: 'Total learners stat',
+    },
+    learnersLabel: {
+        id: 'checkout.cartSummary.learnersLabel',
+        defaultMessage: 'Learners',
+        description: 'Label under the learners count stat',
+    },
+    institutionsCount: {
+        id: 'checkout.cartSummary.institutionsCount',
+        defaultMessage: '250+',
+        description: 'Expert institutions count stat',
+    },
+    institutionsLabel: {
+        id: 'checkout.cartSummary.institutionsLabel',
+        defaultMessage: 'Expert institutions',
+        description: 'Label under the institutions count stat',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

package/dist/components/CartSummary/Messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/CartSummary/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,cAAc;IACd,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,oCAAoC;KAClD;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,8CAA8C;KAC5D;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,+DAA+D;QAC/E,WAAW,EAAE,oEAAoE;KAClF;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,6BAA6B;QAC7C,WAAW,EAAE,yCAAyC;KACvD;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,0BAA0B;QAC1C,WAAW,EAAE,oDAAoD;KAClE;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,iCAAiC;KAC/C;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,gCAAgC;KAC9C;IACD,UAAU,EAAE;QACV,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,wBAAwB;KACtC;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,kCAAkC;QAClD,WAAW,EAAE,+EAA+E;KAC7F;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,8BAA8B;QAC9C,WAAW,EAAE,yEAAyE;KACvF;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,kCAAkC;QAClD,WAAW,EAAE,kCAAkC;KAChD;IACD,WAAW,EAAE;QACX,EAAE,EAAE,kCAAkC;QACtC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,mCAAmC;KACjD;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,IAAI;QACpB,WAAW,EAAE,kDAAkD;KAChE;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,4DAA4D;KAC1E;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,iDAAiD;KAC/D;IACD,eAAe,EAAE;QACf,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,mBAAmB;QACnC,WAAW,EAAE,kDAAkD;KAChE;IACD,aAAa,EAAE;QACb,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,qBAAqB;KACnC;IACD,aAAa,EAAE;QACb,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,qCAAqC;KACnD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,gCAAgC;KAC9C;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,yCAAyC;KACvD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  // CartSummary\n  summaryHeading: {\n    id: 'checkout.cartSummary.summaryHeading',\n    defaultMessage: 'Summary',\n    description: 'Heading for the order summary card',\n  },\n  productTitle: {\n    id: 'checkout.cartSummary.productTitle',\n    defaultMessage: 'edX Plus',\n    description: 'Product name shown in the order summary card',\n  },\n  productBlurb: {\n    id: 'checkout.cartSummary.productBlurb',\n    defaultMessage: 'Subscribe and get access to hundreds of courses and programs.',\n    description: 'Short product description under the name in the order summary card',\n  },\n  learnersSubscribed: {\n    id: 'checkout.cartSummary.learnersSubscribed',\n    defaultMessage: '{count} learners subscribed',\n    description: 'Badge showing number of active learners',\n  },\n  loadingSubscribers: {\n    id: 'checkout.cartSummary.loadingSubscribers',\n    defaultMessage: 'Loading subscriber count',\n    description: 'Accessible label for the subscriber count skeleton',\n  },\n  monthlySubscription: {\n    id: 'checkout.cartSummary.monthlySubscription',\n    defaultMessage: 'Monthly subscription',\n    description: 'Label for monthly billing cycle',\n  },\n  annualSubscription: {\n    id: 'checkout.cartSummary.annualSubscription',\n    defaultMessage: 'Annual subscription',\n    description: 'Label for annual billing cycle',\n  },\n  trialLabel: {\n    id: 'checkout.cartSummary.trialLabel',\n    defaultMessage: '7-day free trial',\n    description: 'Free trial badge label',\n  },\n  promotionalPrice: {\n    id: 'checkout.cartSummary.promotionalPrice',\n    defaultMessage: '${amount}/mo for {months} months',\n    description: 'Promotional monthly price for an introductory period e.g. $39/mo for 3 months',\n  },\n  regularPrice: {\n    id: 'checkout.cartSummary.regularPrice',\n    defaultMessage: 'then ${amount}/mo {currency}',\n    description: 'Regular monthly price after the promotional period e.g. then $59/mo USD',\n  },\n  priceDisplay: {\n    id: 'checkout.cartSummary.priceDisplay',\n    defaultMessage: '${amount}/{frequency} {currency}',\n    description: 'Price display e.g. $299/year USD',\n  },\n  todaysTotal: {\n    id: 'checkout.cartSummary.todaysTotal',\n    defaultMessage: \"Today's total\",\n    description: \"Label for today's total price row\",\n  },\n  todaysTotalValue: {\n    id: 'checkout.cartSummary.todaysTotalValue',\n    defaultMessage: '$0',\n    description: \"Today's total amount during trial (monthly only)\",\n  },\n  todaysTotalAnnualValue: {\n    id: 'checkout.cartSummary.todaysTotalAnnualValue',\n    defaultMessage: '${amount} {currency}',\n    description: \"Today's total for annual plans with no trial e.g. $299 USD\",\n  },\n  switchToAnnual: {\n    id: 'checkout.cartSummary.switchToAnnual',\n    defaultMessage: 'Switch to annual',\n    description: 'Toggle button label to switch to annual billing',\n  },\n  switchToMonthly: {\n    id: 'checkout.cartSummary.switchToMonthly',\n    defaultMessage: 'Switch to monthly',\n    description: 'Toggle button label to switch to monthly billing',\n  },\n  learnersCount: {\n    id: 'checkout.cartSummary.learnersCount',\n    defaultMessage: '100M',\n    description: 'Total learners stat',\n  },\n  learnersLabel: {\n    id: 'checkout.cartSummary.learnersLabel',\n    defaultMessage: 'Learners',\n    description: 'Label under the learners count stat',\n  },\n  institutionsCount: {\n    id: 'checkout.cartSummary.institutionsCount',\n    defaultMessage: '250+',\n    description: 'Expert institutions count stat',\n  },\n  institutionsLabel: {\n    id: 'checkout.cartSummary.institutionsLabel',\n    defaultMessage: 'Expert institutions',\n    description: 'Label under the institutions count stat',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/Checkout/Checkout.d.ts

@@ -0,0 +1,9 @@
+import type { UseCheckoutOptions } from '../../data/hooks/useCheckout';
+export type CheckoutProps = UseCheckoutOptions & {
+    /** Homepage URL for the country-unavailable modal CTA. */
+    homeUrl?: string;
+    /** Endpoint used to look up the representative IP for a selected country. */
+    geolocationUrl?: string;
+};
+declare const Checkout: ({ homeUrl, ...props }: CheckoutProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkout;

package/dist/components/Checkout/Checkout.js

@@ -0,0 +1,82 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Col, Row } from '@openedx/paragon';
+import { Error as ErrorIcon } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import useCheckout from '../../data/hooks/useCheckout';
+import { ALLOWED_CHECKOUT_COUNTRIES, GATE_CHECK_COUNTRY } from '../../constants';
+import CartSummary from '../CartSummary/CartSummary';
+import EnrollmentSummary from '../EnrollmentSummary/EnrollmentSummary';
+import PaymentForm from '../PaymentForm/PaymentForm';
+import CountryUnavailableModal from '../CountryUnavailableModal/CountryUnavailableModal';
+import { getPlanPrice, getRenewalLabel } from '../../utils/billingDetails';
+import { getTrialDateRange } from '../../utils';
+import { getLearnerFacingCheckoutMessage } from '../../utils/checkoutErrors';
+import { SuccessScreen, BlockedScreen, ProcessingScreen } from '../StatusScreens/StatusScreens';
+import messages from './Messages';
+/** Resolve purchased cycle from subscription details, falling back to checkout selection. */
+function resolvePurchasedCycle(selectedCycle, planName, renewalType) {
+    const haystack = `${planName !== null && planName !== void 0 ? planName : ''} ${renewalType !== null && renewalType !== void 0 ? renewalType : ''}`.toLowerCase();
+    if (haystack.includes('annual') || haystack.includes('year'))
+        return 'annual';
+    if (haystack.includes('month'))
+        return 'monthly';
+    return selectedCycle;
+}
+const Checkout = (_a) => {
+    var _b, _c, _d, _e, _f;
+    var { homeUrl = '/' } = _a, props = __rest(_a, ["homeUrl"]);
+    const { formatMessage } = useIntl();
+    const c = useCheckout(props);
+    const showProcessing = c.returningFromStripe
+        && c.processingSubscription
+        && c.phase !== 'success'
+        && c.phase !== 'blocked'
+        && c.phase !== 'failed';
+    const showForm = !showProcessing
+        && (c.phase === 'init'
+            || c.phase === 'ready'
+            || c.phase === 'failed'
+            || c.phase === 'processing');
+    const monthlyPrice = getPlanPrice(c.billingPlans, 'monthly');
+    const annualPrice = getPlanPrice(c.billingPlans, 'annual');
+    const failedMessage = getLearnerFacingCheckoutMessage(c.lastComment);
+    const { displayStart, displayEnd } = getTrialDateRange();
+    const isBillingCountryBlocked = GATE_CHECK_COUNTRY
+        && !!c.billing.country
+        && !ALLOWED_CHECKOUT_COUNTRIES.includes(c.billing.country);
+    const selectedCycle = c.selectedCycle;
+    const purchasedCycle = resolvePurchasedCycle(selectedCycle, (_b = c.subscriptionDetails) === null || _b === void 0 ? void 0 : _b.planName, (_c = c.subscriptionDetails) === null || _c === void 0 ? void 0 : _c.renewalType);
+    const purchasedPrice = getPlanPrice(c.billingPlans, purchasedCycle);
+    const handleStartCourse = () => {
+        var _a;
+        if ((_a = c.course) === null || _a === void 0 ? void 0 : _a.tUrlCourse) {
+            window.location.href = c.course.tUrlCourse;
+        }
+        else {
+            window.location.href = '/subscription-search';
+        }
+    };
+    const courseLabel = c.course
+        ? [c.course.tBrandText, c.course.maName].filter(Boolean).join(': ')
+        : null;
+    if (showProcessing) {
+        return _jsx(ProcessingScreen, {});
+    }
+    return (_jsxs(Row, { className: "checkout__container bg-light-200", children: [_jsx(CountryUnavailableModal, { isOpen: isBillingCountryBlocked, homeUrl: homeUrl }), _jsx(Col, { xs: 12, className: "d-lg-none", children: _jsx("h1", { className: "font-weight-bold text-primary-900", children: "Checkout alacarte" }) }), _jsx(Col, { xs: 12, children: _jsxs(Row, { className: "flex-column-reverse gap-5 flex-lg-row", children: [_jsx(Col, { xs: 12, lg: 7, xxl: 9, className: "payment__options", children: _jsxs("div", { children: [_jsx("h1", { className: "font-weight-bold text-primary-900 d-none d-lg-block", children: "Checkout alacarte" }), c.error && (_jsx(Alert, { variant: "danger", icon: ErrorIcon, dismissible: true, onClose: c.clearError, children: c.error })), showForm && (_jsxs(_Fragment, { children: [c.phase === 'failed' && (_jsx(Alert, { variant: "danger", icon: ErrorIcon, className: "mb-3", children: failedMessage
+                                                    || formatMessage(messages.paymentProcessingDescription) })), _jsx(PaymentForm, { billing: c.billing, setField: c.setField, numberMountRef: c.numberMountRef, expiryMountRef: c.expiryMountRef, cvcMountRef: c.cvcMountRef, cardError: c.cardError, stripeReady: c.stripeReady, sessionReady: c.sessionReady, submitting: c.processingSubscription, onPlaceOrder: c.placeOrder, trialEnd: selectedCycle === 'monthly' ? displayEnd : undefined, priceToShow: selectedCycle === 'monthly' ? monthlyPrice : annualPrice, cycleToShow: selectedCycle === 'monthly' ? 'monthly' : 'annual', userCountry: c.userCountry, geolocationUrl: props.geolocationUrl, monthlyRegularAmount: monthlyPrice === null || monthlyPrice === void 0 ? void 0 : monthlyPrice.amount })] })), c.phase === 'success' && (_jsx(SuccessScreen, { subscriptionBiId: ((_d = c.subscriptionDetails) === null || _d === void 0 ? void 0 : _d.biId) || '', cardLast4: ((_e = c.subscriptionDetails) === null || _e === void 0 ? void 0 : _e.cardLast4) || '', purchaseDate: displayStart, trialStart: purchasedCycle === 'monthly' ? displayStart : undefined, trialEnd: purchasedCycle === 'monthly' ? displayEnd : undefined, priceToShow: purchasedCycle === 'monthly'
+                                            ? monthlyPrice === null || monthlyPrice === void 0 ? void 0 : monthlyPrice.label
+                                            : annualPrice === null || annualPrice === void 0 ? void 0 : annualPrice.label, cycleToShow: purchasedCycle === 'monthly' ? 'monthly' : 'annual', courseLabel: courseLabel, onFindCourse: handleStartCourse })), c.phase === 'blocked' && (_jsx(BlockedScreen, { detail: c.lastComment }))] }) }), _jsx(Col, { xs: 12, lg: 5, xxl: 3, className: "payment__summary", children: c.phase === 'success' ? (_jsx(EnrollmentSummary, { amount: purchasedPrice === null || purchasedPrice === void 0 ? void 0 : purchasedPrice.amount, monthlyRegularAmount: monthlyPrice === null || monthlyPrice === void 0 ? void 0 : monthlyPrice.amount, currency: purchasedPrice === null || purchasedPrice === void 0 ? void 0 : purchasedPrice.currency, cycleToShow: purchasedCycle, course: c.course, onStartCourse: handleStartCourse })) : (_jsx(CartSummary, { monthlyRegularAmount: monthlyPrice === null || monthlyPrice === void 0 ? void 0 : monthlyPrice.amount, annualAmount: annualPrice === null || annualPrice === void 0 ? void 0 : annualPrice.amount, currency: (_f = monthlyPrice === null || monthlyPrice === void 0 ? void 0 : monthlyPrice.currency) !== null && _f !== void 0 ? _f : annualPrice === null || annualPrice === void 0 ? void 0 : annualPrice.currency, monthlyRenewalLabel: getRenewalLabel(c.billingPlans, 'monthly'), annualRenewalLabel: getRenewalLabel(c.billingPlans, 'annual'), activeSubscriberCount: c.activeSubscriberCount, defaultCycle: selectedCycle, onCycleChange: c.processingSubscription ? undefined : c.setCycle, course: c.course })) })] }) })] }));
+};
+export default Checkout;
+//# sourceMappingURL=Checkout.js.map

package/dist/components/Checkout/Checkout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../../src/components/Checkout/Checkout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Alert, Col, Row } from '@openedx/paragon';\nimport { Error as ErrorIcon } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport useCheckout from '../../data/hooks/useCheckout';\nimport type { UseCheckoutOptions } from '../../data/hooks/useCheckout';\nimport { ALLOWED_CHECKOUT_COUNTRIES, GATE_CHECK_COUNTRY } from '../../constants';\nimport CartSummary from '../CartSummary/CartSummary';\nimport EnrollmentSummary from '../EnrollmentSummary/EnrollmentSummary';\nimport PaymentForm from '../PaymentForm/PaymentForm';\nimport CountryUnavailableModal from '../CountryUnavailableModal/CountryUnavailableModal';\nimport { getPlanPrice, getRenewalLabel } from '../../utils/billingDetails';\nimport { getTrialDateRange } from '@src/utils';\nimport { getLearnerFacingCheckoutMessage } from '../../utils/checkoutErrors';\nimport { SuccessScreen, BlockedScreen, ProcessingScreen } from '../StatusScreens/StatusScreens';\nimport type { BillingCycle } from '../../types';\nimport messages from './Messages';\n\n/** Resolve purchased cycle from subscription details, falling back to checkout selection. */\nfunction resolvePurchasedCycle(\n  selectedCycle: BillingCycle,\n  planName?: string | null,\n  renewalType?: string | null,\n): BillingCycle {\n  const haystack = `${planName ?? ''} ${renewalType ?? ''}`.toLowerCase();\n  if (haystack.includes('annual') || haystack.includes('year')) return 'annual';\n  if (haystack.includes('month')) return 'monthly';\n  return selectedCycle;\n}\n\nexport type CheckoutProps = UseCheckoutOptions & {\n  /** Homepage URL for the country-unavailable modal CTA. */\n  homeUrl?: string,\n  /** Endpoint used to look up the representative IP for a selected country. */\n  geolocationUrl?: string,\n};\n\nconst Checkout = ({\n  homeUrl = '/',\n  ...props\n}: CheckoutProps) => {\n  const { formatMessage } = useIntl();\n  const c = useCheckout(props);\n\n  const showProcessing\n    = c.returningFromStripe\n      && c.processingSubscription\n      && c.phase !== 'success'\n      && c.phase !== 'blocked'\n      && c.phase !== 'failed';\n  const showForm\n    = !showProcessing\n      && (c.phase === 'init'\n        || c.phase === 'ready'\n        || c.phase === 'failed'\n        || c.phase === 'processing');\n  const monthlyPrice = getPlanPrice(c.billingPlans, 'monthly');\n  const annualPrice = getPlanPrice(c.billingPlans, 'annual');\n  const failedMessage = getLearnerFacingCheckoutMessage(c.lastComment);\n\n  const { displayStart, displayEnd } = getTrialDateRange();\n\n  const isBillingCountryBlocked = GATE_CHECK_COUNTRY\n    && !!c.billing.country\n    && !ALLOWED_CHECKOUT_COUNTRIES.includes(c.billing.country);\n\n  const selectedCycle: BillingCycle = c.selectedCycle;\n\n  const purchasedCycle = resolvePurchasedCycle(\n    selectedCycle,\n    c.subscriptionDetails?.planName,\n    c.subscriptionDetails?.renewalType,\n  );\n  const purchasedPrice = getPlanPrice(c.billingPlans, purchasedCycle);\n\n  const handleStartCourse = () => {\n    if (c.course?.tUrlCourse) {\n      window.location.href = c.course.tUrlCourse;\n    } else {\n      window.location.href = '/subscription-search';\n    }\n  };\n\n  const courseLabel = c.course\n    ? [c.course.tBrandText, c.course.maName].filter(Boolean).join(': ')\n    : null;\n\n  if (showProcessing) {\n    return <ProcessingScreen />;\n  }\n\n  return (\n    <Row className=\"checkout__container bg-light-200\">\n      <CountryUnavailableModal\n        isOpen={isBillingCountryBlocked}\n        homeUrl={homeUrl}\n      />\n      <Col xs={12} className=\"d-lg-none\">\n        <h1 className=\"font-weight-bold text-primary-900\">Checkout alacarte</h1>\n      </Col>\n      <Col xs={12}>\n        <Row className=\"flex-column-reverse gap-5 flex-lg-row\">\n          {/* ── LEFT ── */}\n          <Col xs={12} lg={7} xxl={9} className=\"payment__options\">\n            <div>\n              <h1 className=\"font-weight-bold text-primary-900 d-none d-lg-block\">\n                Checkout alacarte\n              </h1>\n              {c.error && (\n                <Alert\n                  variant=\"danger\"\n                  icon={ErrorIcon}\n                  dismissible\n                  onClose={c.clearError}\n                >\n                  {c.error}\n                </Alert>\n              )}\n\n              {showForm && (\n                <>\n                  {c.phase === 'failed' && (\n                    <Alert variant=\"danger\" icon={ErrorIcon} className=\"mb-3\">\n                      {failedMessage\n                      || formatMessage(messages.paymentProcessingDescription)}\n                    </Alert>\n                  )}\n                  <PaymentForm\n                    billing={c.billing}\n                    setField={c.setField}\n                    numberMountRef={c.numberMountRef}\n                    expiryMountRef={c.expiryMountRef}\n                    cvcMountRef={c.cvcMountRef}\n                    cardError={c.cardError}\n                    stripeReady={c.stripeReady}\n                    sessionReady={c.sessionReady}\n                    submitting={c.processingSubscription}\n                    onPlaceOrder={c.placeOrder}\n                    trialEnd={selectedCycle === 'monthly' ? displayEnd : undefined}\n                    priceToShow={\n                      selectedCycle === 'monthly' ? monthlyPrice : annualPrice\n                    }\n                    cycleToShow={\n                      selectedCycle === 'monthly' ? 'monthly' : 'annual'\n                    }\n                    userCountry={c.userCountry}\n                    geolocationUrl={props.geolocationUrl}\n                    monthlyRegularAmount={monthlyPrice?.amount}\n                  />\n                </>\n              )}\n\n              {c.phase === 'success' && (\n                <SuccessScreen\n                  subscriptionBiId={c.subscriptionDetails?.biId || ''}\n                  cardLast4={c.subscriptionDetails?.cardLast4 || ''}\n                  purchaseDate={displayStart}\n                  trialStart={purchasedCycle === 'monthly' ? displayStart : undefined}\n                  trialEnd={purchasedCycle === 'monthly' ? displayEnd : undefined}\n                  priceToShow={\n                    purchasedCycle === 'monthly'\n                      ? monthlyPrice?.label\n                      : annualPrice?.label\n                  }\n                  cycleToShow={\n                    purchasedCycle === 'monthly' ? 'monthly' : 'annual'\n                  }\n                  courseLabel={courseLabel}\n                  onFindCourse={handleStartCourse}\n                />\n              )}\n\n              {c.phase === 'blocked' && (\n                <BlockedScreen detail={c.lastComment} />\n              )}\n            </div>\n          </Col>\n\n          {/* ── RIGHT — swaps to EnrollmentSummary on success ── */}\n          <Col xs={12} lg={5} xxl={3} className=\"payment__summary\">\n            {c.phase === 'success' ? (\n              <EnrollmentSummary\n                amount={purchasedPrice?.amount}\n                monthlyRegularAmount={monthlyPrice?.amount}\n                currency={purchasedPrice?.currency}\n                cycleToShow={purchasedCycle}\n                course={c.course}\n                onStartCourse={handleStartCourse}\n              />\n            ) : (\n              <CartSummary\n                monthlyRegularAmount={monthlyPrice?.amount}\n                annualAmount={annualPrice?.amount}\n                currency={monthlyPrice?.currency ?? annualPrice?.currency}\n                monthlyRenewalLabel={getRenewalLabel(c.billingPlans, 'monthly')}\n                annualRenewalLabel={getRenewalLabel(c.billingPlans, 'annual')}\n                activeSubscriberCount={c.activeSubscriberCount}\n                defaultCycle={selectedCycle}\n                onCycleChange={c.processingSubscription ? undefined : c.setCycle}\n                course={c.course}\n              />\n            )}\n          </Col>\n        </Row>\n      </Col>\n    </Row>\n  );\n};\n\nexport default Checkout;\n"]}

package/dist/components/Checkout/Messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    paymentProcessingDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/Checkout/Messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    paymentProcessingDescription: {
+        id: 'checkout.paymentForm.paymentProcessingdescription',
+        defaultMessage: 'Your payment could not be processed. Please check your card details and try again.',
+        description: 'Payment processing description',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

package/dist/components/Checkout/Messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/Checkout/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,4BAA4B,EAAE;QAC5B,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,oFAAoF;QACpG,WAAW,EAAE,gCAAgC;KAC9C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  paymentProcessingDescription: {\n    id: 'checkout.paymentForm.paymentProcessingdescription',\n    defaultMessage: 'Your payment could not be processed. Please check your card details and try again.',\n    description: 'Payment processing description',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/CheckoutGate/CheckoutGate.d.ts

@@ -0,0 +1,9 @@
+import type { CheckoutProps } from '../Checkout/Checkout';
+export interface CheckoutGateProps extends CheckoutProps {
+    /** URL linked in session-error recovery messaging. */
+    learnerDashboardUrl?: string;
+    /** Homepage URL for the country-unavailable modal CTA. */
+    homeUrl?: string;
+}
+declare const CheckoutGate: ({ learnerDashboardUrl, homeUrl, ...checkoutProps }: CheckoutGateProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckoutGate;

package/dist/components/CheckoutGate/CheckoutGate.js

@@ -0,0 +1,40 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Alert, Spinner } from '@openedx/paragon';
+import { Error as ErrorIcon } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import { useCheckoutGate } from '../../data/hooks/useCheckoutGate';
+import Checkout from '../Checkout/Checkout';
+import CountryUnavailableModal from '../CountryUnavailableModal/CountryUnavailableModal';
+import messages from './Messages';
+const CheckoutGate = (_a) => {
+    var { learnerDashboardUrl, homeUrl = '/' } = _a, checkoutProps = __rest(_a, ["learnerDashboardUrl", "homeUrl"]);
+    const { formatMessage } = useIntl();
+    const { gateStatus, userCountry, gateMessage } = useCheckoutGate({
+        apiUrl: checkoutProps.apiUrl,
+        edxSessionUrl: checkoutProps.edxSessionUrl,
+        learnerDashboardUrl,
+    });
+    if (gateStatus === 'loading') {
+        return (_jsx("div", { className: "d-flex justify-content-center align-items-center", style: { minHeight: '100vh' }, children: _jsx(Spinner, { animation: "border", screenReaderText: "Checking your account\u2026" }) }));
+    }
+    if (gateStatus === 'error' || gateStatus === 'existingSubscriber') {
+        return (_jsxs(Alert, { variant: "danger", icon: ErrorIcon, children: [gateMessage !== null && gateMessage !== void 0 ? gateMessage : formatMessage(messages.defaultErrorMessage), ' ', learnerDashboardUrl && (_jsx("a", { href: learnerDashboardUrl, className: "alert-link", children: "Go to your learner dashboard" }))] }));
+    }
+    if (gateStatus === 'blocked') {
+        return (_jsx(_Fragment, { children: _jsx(CountryUnavailableModal, { isOpen: true, homeUrl: homeUrl }) }));
+    }
+    return (_jsx(Checkout, Object.assign({}, checkoutProps, { userCountry: userCountry, homeUrl: homeUrl })));
+};
+export default CheckoutGate;
+//# sourceMappingURL=CheckoutGate.js.map

package/dist/components/CheckoutGate/CheckoutGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutGate.js","sourceRoot":"","sources":["../../../src/components/CheckoutGate/CheckoutGate.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,uBAAuB,MAAM,oDAAoD,CAAC;AAEzF,OAAO,QAAQ,MAAM,YAAY,CAAC;AASlC,MAAM,YAAY,GAAG,CAAC,EAIF,EAAE,EAAE;QAJF,EACpB,mBAAmB,EACnB,OAAO,GAAG,GAAG,OAEK,EADf,aAAa,cAHI,kCAIrB,CADiB;IAEhB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC;QAC/D,MAAM,EAAE,aAAa,CAAC,MAAM;QAC5B,aAAa,EAAE,aAAa,CAAC,aAAa;QAC1C,mBAAmB;KACpB,CAAC,CAAC;IAEH,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,CACL,cACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,YAE7B,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,gBAAgB,EAAC,6BAAwB,GAAG,GACpE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,oBAAoB,EAAE,CAAC;QAClE,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,SAAS,aACpC,WAAW,aAAX,WAAW,cAAX,WAAW,GACT,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,GAAG,EAClD,mBAAmB,IAAI,CACtB,YAAG,IAAI,EAAE,mBAAmB,EAAE,SAAS,EAAC,YAAY,6CAEhD,CACL,IACK,CACT,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,CACL,4BACE,KAAC,uBAAuB,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,GAAI,GACnD,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,oBACH,aAAa,IACjB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { Alert, Spinner } from '@openedx/paragon';\nimport { Error as ErrorIcon } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport { useCheckoutGate } from '../../data/hooks/useCheckoutGate';\nimport Checkout from '../Checkout/Checkout';\nimport CountryUnavailableModal from '../CountryUnavailableModal/CountryUnavailableModal';\nimport type { CheckoutProps } from '../Checkout/Checkout';\nimport messages from './Messages';\n\nexport interface CheckoutGateProps extends CheckoutProps {\n  /** URL linked in session-error recovery messaging. */\n  learnerDashboardUrl?: string,\n  /** Homepage URL for the country-unavailable modal CTA. */\n  homeUrl?: string,\n}\n\nconst CheckoutGate = ({\n  learnerDashboardUrl,\n  homeUrl = '/',\n  ...checkoutProps\n}: CheckoutGateProps) => {\n  const { formatMessage } = useIntl();\n  const { gateStatus, userCountry, gateMessage } = useCheckoutGate({\n    apiUrl: checkoutProps.apiUrl,\n    edxSessionUrl: checkoutProps.edxSessionUrl,\n    learnerDashboardUrl,\n  });\n\n  if (gateStatus === 'loading') {\n    return (\n      <div\n        className=\"d-flex justify-content-center align-items-center\"\n        style={{ minHeight: '100vh' }}\n      >\n        <Spinner animation=\"border\" screenReaderText=\"Checking your account…\" />\n      </div>\n    );\n  }\n\n  if (gateStatus === 'error' || gateStatus === 'existingSubscriber') {\n    return (\n      <Alert variant=\"danger\" icon={ErrorIcon}>\n        {gateMessage\n        ?? formatMessage(messages.defaultErrorMessage)}{' '}\n        {learnerDashboardUrl && (\n          <a href={learnerDashboardUrl} className=\"alert-link\">\n            Go to your learner dashboard\n          </a>\n        )}\n      </Alert>\n    );\n  }\n\n  if (gateStatus === 'blocked') {\n    return (\n      <>\n        <CountryUnavailableModal isOpen homeUrl={homeUrl} />\n      </>\n    );\n  }\n\n  return (\n    <Checkout\n      {...checkoutProps}\n      userCountry={userCountry}\n      homeUrl={homeUrl}\n    />\n  );\n};\n\nexport default CheckoutGate;\n"]}

package/dist/components/CheckoutGate/Messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    defaultErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/CheckoutGate/Messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    defaultErrorMessage: {
+        id: 'checkout.checkoutGate.defaultErrorMessage',
+        defaultMessage: 'We\u2019re having trouble loading checkout. Please refresh and try again.',
+        description: 'Fallback alert shown when the checkout gate session check fails',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

package/dist/components/CheckoutGate/Messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/CheckoutGate/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,mBAAmB,EAAE;QACnB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,2EAA2E;QAC3F,WAAW,EAAE,iEAAiE;KAC/E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  defaultErrorMessage: {\n    id: 'checkout.checkoutGate.defaultErrorMessage',\n    defaultMessage: 'We\\u2019re having trouble loading checkout. Please refresh and try again.',\n    description: 'Fallback alert shown when the checkout gate session check fails',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/CountryUnavailableModal/CountryUnavailableModal.d.ts

@@ -0,0 +1,9 @@
+export interface CountryUnavailableModalProps {
+    isOpen: boolean;
+    /** Homepage URL for the "Return to home" action. Defaults to "/". */
+    homeUrl?: string;
+    /** Optional close handler; ignored when the modal is blocking. */
+    onClose?: () => void;
+}
+declare const CountryUnavailableModal: ({ isOpen, homeUrl, onClose, }: CountryUnavailableModalProps) => import("react/jsx-runtime").JSX.Element;
+export default CountryUnavailableModal;

package/dist/components/CountryUnavailableModal/CountryUnavailableModal.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActionRow, Button, StandardModal } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './Messages';
+const CountryUnavailableModal = ({ isOpen, homeUrl = '/', onClose = () => { }, }) => {
+    const { formatMessage } = useIntl();
+    return (_jsx(StandardModal, { title: formatMessage(messages.title), isOpen: isOpen, isBlocking: true, hasCloseButton: false, onClose: onClose, size: "md", footerNode: (_jsxs(ActionRow, { children: [_jsx(ActionRow.Spacer, {}), _jsx(Button, { variant: "tertiary", href: homeUrl, children: formatMessage(messages.returnHome) })] })), children: _jsx("p", { className: "mb-0", children: formatMessage(messages.body) }) }));
+};
+export default CountryUnavailableModal;
+//# sourceMappingURL=CountryUnavailableModal.js.map

package/dist/components/CountryUnavailableModal/CountryUnavailableModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryUnavailableModal.js","sourceRoot":"","sources":["../../../src/components/CountryUnavailableModal/CountryUnavailableModal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAUlC,MAAM,uBAAuB,GAAG,CAAC,EAC/B,MAAM,EACN,OAAO,GAAG,GAAG,EACb,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACW,EAAE,EAAE;IACjC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpC,MAAM,EAAE,MAAM,EACd,UAAU,QACV,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,IAAI,EACT,UAAU,EAAE,CACV,MAAC,SAAS,eACR,KAAC,SAAS,CAAC,MAAM,KAAG,EACpB,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,OAAO,YACrC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,GAC5B,IACC,CACb,YAED,YAAG,SAAS,EAAC,MAAM,YAAE,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAK,GACxC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import React from 'react';\nimport { ActionRow, Button, StandardModal } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from './Messages';\n\nexport interface CountryUnavailableModalProps {\n  isOpen: boolean,\n  /** Homepage URL for the \"Return to home\" action. Defaults to \"/\". */\n  homeUrl?: string,\n  /** Optional close handler; ignored when the modal is blocking. */\n  onClose?: () => void,\n}\n\nconst CountryUnavailableModal = ({\n  isOpen,\n  homeUrl = '/',\n  onClose = () => {},\n}: CountryUnavailableModalProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <StandardModal\n      title={formatMessage(messages.title)}\n      isOpen={isOpen}\n      isBlocking\n      hasCloseButton={false}\n      onClose={onClose}\n      size=\"md\"\n      footerNode={(\n        <ActionRow>\n          <ActionRow.Spacer />\n          <Button variant=\"tertiary\" href={homeUrl}>\n            {formatMessage(messages.returnHome)}\n          </Button>\n        </ActionRow>\n      )}\n    >\n      <p className=\"mb-0\">{formatMessage(messages.body)}</p>\n    </StandardModal>\n  );\n};\n\nexport default CountryUnavailableModal;\n"]}

package/dist/components/CountryUnavailableModal/Messages.d.ts

@@ -0,0 +1,18 @@
+declare const messages: {
+    title: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    body: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    returnHome: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/CountryUnavailableModal/Messages.js

@@ -0,0 +1,20 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    title: {
+        id: 'checkout.countryUnavailable.title',
+        defaultMessage: 'edX Plus is not available in your country.',
+        description: 'Title for the country-unavailable modal',
+    },
+    body: {
+        id: 'checkout.countryUnavailable.body',
+        defaultMessage: 'Unfortunately, we are unable to offer our learning products for purchase in your country. Contact edX support for more information.',
+        description: 'Body copy for the country-unavailable modal',
+    },
+    returnHome: {
+        id: 'checkout.countryUnavailable.returnHome',
+        defaultMessage: 'Return to home',
+        description: 'Button that navigates the learner back to the homepage',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

package/dist/components/CountryUnavailableModal/Messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/CountryUnavailableModal/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,KAAK,EAAE;QACL,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,4CAA4C;QAC5D,WAAW,EAAE,yCAAyC;KACvD;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,kCAAkC;QACtC,cAAc,EACZ,qIAAqI;QACvI,WAAW,EAAE,6CAA6C;KAC3D;IACD,UAAU,EAAE;QACV,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,wDAAwD;KACtE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  title: {\n    id: 'checkout.countryUnavailable.title',\n    defaultMessage: 'edX Plus is not available in your country.',\n    description: 'Title for the country-unavailable modal',\n  },\n  body: {\n    id: 'checkout.countryUnavailable.body',\n    defaultMessage:\n      'Unfortunately, we are unable to offer our learning products for purchase in your country. Contact edX support for more information.',\n    description: 'Body copy for the country-unavailable modal',\n  },\n  returnHome: {\n    id: 'checkout.countryUnavailable.returnHome',\n    defaultMessage: 'Return to home',\n    description: 'Button that navigates the learner back to the homepage',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/CourseEnrollmentCard/CourseEnrollmentCard.d.ts

@@ -0,0 +1,9 @@
+import type { CourseDetail } from '../../types';
+export type CourseEnrollmentCardVariant = 'checkout' | 'success';
+export interface CourseEnrollmentCardProps {
+    course: CourseDetail;
+    variant?: CourseEnrollmentCardVariant;
+    onStartCourse?: () => void;
+}
+declare const CourseEnrollmentCard: ({ course, variant, onStartCourse, }: CourseEnrollmentCardProps) => import("react/jsx-runtime").JSX.Element;
+export default CourseEnrollmentCard;

package/dist/components/CourseEnrollmentCard/CourseEnrollmentCard.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './Messages';
+const CourseEnrollmentCard = ({ course, variant = 'checkout', onStartCourse, }) => {
+    var _a, _b;
+    const { formatMessage } = useIntl();
+    const brand = (_b = (_a = course.tBrandText) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+    const courseName = course.maName;
+    const handleStartCourse = () => {
+        if (onStartCourse) {
+            onStartCourse();
+            return;
+        }
+        if (course.tUrlCourse) {
+            window.location.href = course.tUrlCourse;
+        }
+        else {
+            window.location.href = '/subscription-search';
+        }
+    };
+    const checkoutCopy = brand
+        ? formatMessage(messages.checkoutEnrollCopy, { brand, courseName })
+        : formatMessage(messages.checkoutEnrollCopyNoBrand, { courseName });
+    const successLabel = brand
+        ? formatMessage(messages.successCourseLabel, { brand, courseName })
+        : formatMessage(messages.successCourseLabelNoBrand, { courseName });
+    return (_jsx("div", { className: `course-enrollment-card course-enrollment-card--${variant}`, children: _jsxs("div", { className: "course-enrollment-card__body d-flex align-items-start", children: [_jsx("div", { className: "course-enrollment-card__image-wrap flex-shrink-0 mr-3", children: course.imageUrl ? (_jsx("img", { src: course.imageUrl, alt: formatMessage(messages.courseImageAlt, { courseName }), className: "course-enrollment-card__image" })) : (_jsx("div", { className: "course-enrollment-card__image course-enrollment-card__image--placeholder", "aria-hidden": "true" })) }), _jsx("div", { className: "course-enrollment-card__content flex-grow-1", children: variant === 'checkout' ? (_jsx("p", { className: "course-enrollment-card__copy mb-0 small", children: checkoutCopy })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "course-enrollment-card__copy font-weight-bold mb-2 small", children: successLabel }), _jsx(Button, { variant: "brand", size: "sm", className: "course-enrollment-card__cta", onClick: handleStartCourse, disabled: !course.tUrlCourse && !onStartCourse, children: formatMessage(messages.startCourse) })] })) })] }) }));
+};
+export default CourseEnrollmentCard;
+//# sourceMappingURL=CourseEnrollmentCard.js.map

package/dist/components/CourseEnrollmentCard/CourseEnrollmentCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseEnrollmentCard.js","sourceRoot":"","sources":["../../../src/components/CourseEnrollmentCard/CourseEnrollmentCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAUlC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,MAAM,EACN,OAAO,GAAG,UAAU,EACpB,aAAa,GACa,EAAE,EAAE;;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,KAAK,GAAG,MAAA,MAAA,MAAM,CAAC,UAAU,0CAAE,IAAI,EAAE,mCAAI,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;IAEjC,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACtB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,sBAAsB,CAAC;QAChD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK;QACxB,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;QACnE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,KAAK;QACxB,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;QACnE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,cACE,SAAS,EAAE,kDAAkD,OAAO,EAAE,YAEtE,eAAK,SAAS,EAAC,uDAAuD,aACpE,cAAK,SAAS,EAAC,uDAAuD,YACnE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,cACE,GAAG,EAAE,MAAM,CAAC,QAAQ,EACpB,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAE,UAAU,EAAE,CAAC,EAC3D,SAAS,EAAC,+BAA+B,GACzC,CACH,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAC,0EAA0E,iBACxE,MAAM,GAClB,CACH,GACG,EAEN,cAAK,SAAS,EAAC,6CAA6C,YACzD,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACxB,YAAG,SAAS,EAAC,yCAAyC,YACnD,YAAY,GACX,CACL,CAAC,CAAC,CAAC,CACF,8BACE,YAAG,SAAS,EAAC,0DAA0D,YACpE,YAAY,GACX,EACJ,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,aAAa,YAE7C,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAC7B,IACR,CACJ,GACG,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import React from 'react';\nimport { Button } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport type { CourseDetail } from '../../types';\nimport messages from './Messages';\n\nexport type CourseEnrollmentCardVariant = 'checkout' | 'success';\n\nexport interface CourseEnrollmentCardProps {\n  course: CourseDetail,\n  variant?: CourseEnrollmentCardVariant,\n  onStartCourse?: () => void,\n}\n\nconst CourseEnrollmentCard = ({\n  course,\n  variant = 'checkout',\n  onStartCourse,\n}: CourseEnrollmentCardProps) => {\n  const { formatMessage } = useIntl();\n  const brand = course.tBrandText?.trim() ?? '';\n  const courseName = course.maName;\n\n  const handleStartCourse = () => {\n    if (onStartCourse) {\n      onStartCourse();\n      return;\n    }\n    if (course.tUrlCourse) {\n      window.location.href = course.tUrlCourse;\n    } else {\n      window.location.href = '/subscription-search';\n    }\n  };\n\n  const checkoutCopy = brand\n    ? formatMessage(messages.checkoutEnrollCopy, { brand, courseName })\n    : formatMessage(messages.checkoutEnrollCopyNoBrand, { courseName });\n\n  const successLabel = brand\n    ? formatMessage(messages.successCourseLabel, { brand, courseName })\n    : formatMessage(messages.successCourseLabelNoBrand, { courseName });\n\n  return (\n    <div\n      className={`course-enrollment-card course-enrollment-card--${variant}`}\n    >\n      <div className=\"course-enrollment-card__body d-flex align-items-start\">\n        <div className=\"course-enrollment-card__image-wrap flex-shrink-0 mr-3\">\n          {course.imageUrl ? (\n            <img\n              src={course.imageUrl}\n              alt={formatMessage(messages.courseImageAlt, { courseName })}\n              className=\"course-enrollment-card__image\"\n            />\n          ) : (\n            <div\n              className=\"course-enrollment-card__image course-enrollment-card__image--placeholder\"\n              aria-hidden=\"true\"\n            />\n          )}\n        </div>\n\n        <div className=\"course-enrollment-card__content flex-grow-1\">\n          {variant === 'checkout' ? (\n            <p className=\"course-enrollment-card__copy mb-0 small\">\n              {checkoutCopy}\n            </p>\n          ) : (\n            <>\n              <p className=\"course-enrollment-card__copy font-weight-bold mb-2 small\">\n                {successLabel}\n              </p>\n              <Button\n                variant=\"brand\"\n                size=\"sm\"\n                className=\"course-enrollment-card__cta\"\n                onClick={handleStartCourse}\n                disabled={!course.tUrlCourse && !onStartCourse}\n              >\n                {formatMessage(messages.startCourse)}\n              </Button>\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CourseEnrollmentCard;\n"]}

package/dist/components/CourseEnrollmentCard/Messages.d.ts

@@ -0,0 +1,33 @@
+declare const messages: {
+    checkoutEnrollCopy: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    checkoutEnrollCopyNoBrand: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    successCourseLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    successCourseLabelNoBrand: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    startCourse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    courseImageAlt: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/CourseEnrollmentCard/Messages.js

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    checkoutEnrollCopy: {
+        id: 'checkout.courseEnrollmentCard.checkoutEnrollCopy',
+        defaultMessage: "After checkout you'll be enrolled in {brand}: {courseName}.",
+        description: 'Enrollment preview copy on the checkout summary sidebar',
+    },
+    checkoutEnrollCopyNoBrand: {
+        id: 'checkout.courseEnrollmentCard.checkoutEnrollCopyNoBrand',
+        defaultMessage: "After checkout you'll be enrolled in {courseName}.",
+        description: 'Enrollment preview copy when partner brand is unavailable',
+    },
+    successCourseLabel: {
+        id: 'checkout.courseEnrollmentCard.successCourseLabel',
+        defaultMessage: '{brand}: {courseName}.',
+        description: 'Course label on the post-checkout enrollment card',
+    },
+    successCourseLabelNoBrand: {
+        id: 'checkout.courseEnrollmentCard.successCourseLabelNoBrand',
+        defaultMessage: '{courseName}.',
+        description: 'Course label on the post-checkout card when partner brand is unavailable',
+    },
+    startCourse: {
+        id: 'checkout.courseEnrollmentCard.startCourse',
+        defaultMessage: 'Start course',
+        description: 'CTA to open the enrolled course after checkout',
+    },
+    courseImageAlt: {
+        id: 'checkout.courseEnrollmentCard.courseImageAlt',
+        defaultMessage: 'Course image for {courseName}',
+        description: 'Alt text for the course card thumbnail',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

package/dist/components/CourseEnrollmentCard/Messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/CourseEnrollmentCard/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,kBAAkB,EAAE;QAClB,EAAE,EAAE,kDAAkD;QACtD,cAAc,EAAE,6DAA6D;QAC7E,WAAW,EAAE,yDAAyD;KACvE;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,yDAAyD;QAC7D,cAAc,EAAE,oDAAoD;QACpE,WAAW,EAAE,2DAA2D;KACzE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,kDAAkD;QACtD,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,mDAAmD;KACjE;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,yDAAyD;QAC7D,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,0EAA0E;KACxF;IACD,WAAW,EAAE;QACX,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,gDAAgD;KAC9D;IACD,cAAc,EAAE;QACd,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,+BAA+B;QAC/C,WAAW,EAAE,wCAAwC;KACtD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  checkoutEnrollCopy: {\n    id: 'checkout.courseEnrollmentCard.checkoutEnrollCopy',\n    defaultMessage: \"After checkout you'll be enrolled in {brand}: {courseName}.\",\n    description: 'Enrollment preview copy on the checkout summary sidebar',\n  },\n  checkoutEnrollCopyNoBrand: {\n    id: 'checkout.courseEnrollmentCard.checkoutEnrollCopyNoBrand',\n    defaultMessage: \"After checkout you'll be enrolled in {courseName}.\",\n    description: 'Enrollment preview copy when partner brand is unavailable',\n  },\n  successCourseLabel: {\n    id: 'checkout.courseEnrollmentCard.successCourseLabel',\n    defaultMessage: '{brand}: {courseName}.',\n    description: 'Course label on the post-checkout enrollment card',\n  },\n  successCourseLabelNoBrand: {\n    id: 'checkout.courseEnrollmentCard.successCourseLabelNoBrand',\n    defaultMessage: '{courseName}.',\n    description: 'Course label on the post-checkout card when partner brand is unavailable',\n  },\n  startCourse: {\n    id: 'checkout.courseEnrollmentCard.startCourse',\n    defaultMessage: 'Start course',\n    description: 'CTA to open the enrolled course after checkout',\n  },\n  courseImageAlt: {\n    id: 'checkout.courseEnrollmentCard.courseImageAlt',\n    defaultMessage: 'Course image for {courseName}',\n    description: 'Alt text for the course card thumbnail',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/EdxUnlimitedBanner/EdxUnlimitedBanner.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface EdxUnlimitedBannerProps {
+    headlinePre?: string;
+    headlinePost?: string;
+    body?: string;
+    ctaLabel?: string;
+    ctaHref?: string;
+    imageUrl?: string;
+    imageAlt?: string;
+    setShowLandingPage?: (show: boolean) => void;
+}
+declare const EdxUnlimitedBanner: React.FC<EdxUnlimitedBannerProps>;
+export default EdxUnlimitedBanner;

package/dist/components/EdxUnlimitedBanner/EdxUnlimitedBanner.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const EdxUnlimitedBadge = () => (_jsxs("span", { className: "edx-banner__badge", "aria-label": "edX unlimited", children: [_jsx("span", { className: "edx-banner__badge-edx", children: "edX" }), _jsx("span", { className: "edx-banner__badge-unlimited", children: "unlimited" })] }));
+const BulletIcon = () => (_jsx("span", { className: "edx-banner__bullet", "aria-hidden": "true", children: _jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: [_jsx("circle", { cx: "6", cy: "6", r: "3", fill: "#fff" }), _jsx("circle", { cx: "6", cy: "1.5", r: "1.5", fill: "#fff" }), _jsx("circle", { cx: "6", cy: "10.5", r: "1.5", fill: "#fff" }), _jsx("circle", { cx: "1.5", cy: "6", r: "1.5", fill: "#fff" }), _jsx("circle", { cx: "10.5", cy: "6", r: "1.5", fill: "#fff" })] }) }));
+const EdxUnlimitedBanner = ({ headlinePre = 'Never stop learning with', headlinePost = '', body = 'Access 850 courses and programs from world-class institutions — all included for $39 a month. Expand your skills, grow your career, and keep learning for life.', ctaLabel = 'Start 7-day free trial', ctaHref = '#', imageUrl, imageAlt = 'Student learning online', setShowLandingPage, }) => (_jsxs("div", { className: "edx-banner", children: [_jsxs("div", { className: "edx-banner__content", children: [_jsxs("div", { className: "edx-banner__eyebrow", children: [_jsx(BulletIcon, {}), _jsxs("h2", { className: "edx-banner__headline", children: [headlinePre, " ", _jsx(EdxUnlimitedBadge, {}), headlinePost && ` ${headlinePost}`] })] }), _jsx("p", { className: "edx-banner__body", children: body }), _jsx("div", { className: "edx-banner__cta-wrapper", children: _jsx("a", { href: ctaHref, className: "edx-banner__cta", onClick: setShowLandingPage
+                            ? (e) => {
+                                e.preventDefault();
+                                setShowLandingPage(false);
+                            }
+                            : undefined, children: ctaLabel }) })] }), imageUrl && (_jsx("div", { className: "edx-banner__photo", "aria-hidden": "true", children: _jsx("img", { src: imageUrl, alt: imageAlt }) })), !imageUrl && (_jsx("div", { className: "edx-banner__placeholder", "aria-hidden": "true", children: _jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", opacity: "0.3", children: [_jsx("rect", { x: "8", y: "8", width: "32", height: "32", rx: "16", stroke: "#fff", strokeWidth: "2" }), _jsx("path", { d: "M24 20a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM12 36c0-6.627 5.373-12 12-12s12 5.373 12 12", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round" })] }) }))] }));
+export default EdxUnlimitedBanner;
+//# sourceMappingURL=EdxUnlimitedBanner.js.map