@edx/frontend-app-alacarte-checkout 1.9.0 → 1.11.0

package/dist/checkoutPage/CheckoutPage.js

@@ -1,9 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Alert, Container } from '@openedx/paragon';
 import { getAppConfig, getSiteConfig } from '@openedx/frontend-base';
 import { appId } from '../constants';
 import CheckoutGate from '../components/CheckoutGate/CheckoutGate';
+import DemoPdpBanner from '../components/DemoPdpBanner/DemoPdpBanner';
 const PageWrapper = ({ children }) => (_jsx(Container, { children: children }));
+// TEMPORARY — Set to true to show the demo PDP banner before checkout.
+// When true, the banner is displayed first; clicking "Earn a certificate"
+// transitions to the real checkout flow. Set to false to skip the banner.
+const SHOW_DEMO_PDP = true;
 const CheckoutPage = () => {
     const config = getAppConfig(appId);
     const siteConfig = getSiteConfig();
@@ -13,6 +19,12 @@ const CheckoutPage = () => {
     const isDevelopment = siteConfig.environment === 'development';
     const edxSessionUrl = `${isDevelopment ? 'https://courses.stage.edx.org' : LMS_BASE_URL}/api/edx-session`;
     const geolocationUrl = `${isDevelopment ? 'https://courses.stage.edx.org' : LMS_BASE_URL}/api/geolocation/lookup`;
+    // When the demo banner is enabled, start on the "PDP" view; clicking the
+    // CTA flips showCheckout to true and the real checkout renders.
+    const [showCheckout, setShowCheckout] = useState(!SHOW_DEMO_PDP);
+    if (!showCheckout) {
+        return _jsx(DemoPdpBanner, { onEnroll: () => setShowCheckout(true) });
+    }
     if (!stripePublishableKey || !apiUrl || !edxSessionUrl) {
         return (_jsx(PageWrapper, { children: _jsxs(Alert, { variant: "danger", children: ["We're having trouble loading the checkout. Please refresh the page or try again in a few moments. If the problem persists,", ' ', _jsx("a", { href: "https://courses.edx.org/support/contact_us", children: "contact support" }), "."] }) }));
     }

package/dist/checkoutPage/CheckoutPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPage.js","sourceRoot":"","sources":["../../src/checkoutPage/CheckoutPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,YAAY,MAAM,yCAAyC,CAAC;AAEnE,MAAM,WAAW,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7E,KAAC,SAAS,cAAE,QAAQ,GAAa,CAClC,CAAC;AAEF,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9D,MAAM,oBAAoB,GAAG,MAAM,CAAC,iBAA2B,CAAC;IAChE,MAAM,MAAM,GAAG,MAAM,CAAC,YAAsB,CAAC;IAC7C,MAAM,aAAa,GAAG,UAAU,CAAC,WAAW,KAAK,aAAa,CAAC;IAC/D,MAAM,aAAa,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,YAAY,kBAAkB,CAAC;IAC1G,MAAM,cAAc,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,YAAY,yBAAyB,CAAC;IAElH,IAAI,CAAC,oBAAoB,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QACvD,OAAO,CACL,KAAC,WAAW,cACV,MAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,2IAEwC,GAAG,EAChE,YAAG,IAAI,EAAC,4CAA4C,gCAEhD,SAEE,GACI,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,WAAW,cACV,KAAC,YAAY,IACX,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,GAAG,YAAY,YAAY,EAChD,OAAO,EAAE,YAAY,IAAI,GAAG,EAC5B,UAAU,EAAE,CAAC,iBAAiB,EAAE,EAAE;gBAChC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;gBAC/B,kFAAkF;gBAClF,kBAAkB;YACpB,CAAC,GACD,GACU,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport { Alert, Container } from '@openedx/paragon';\nimport { getAppConfig, getSiteConfig } from '@openedx/frontend-base';\nimport { appId } from '@src/constants';\nimport CheckoutGate from '../components/CheckoutGate/CheckoutGate';\n\nconst PageWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Container>{children}</Container>\n);\n\nconst CheckoutPage: React.FC = () => {\n  const config = getAppConfig(appId);\n  const siteConfig = getSiteConfig();\n  const LMS_BASE_URL = siteConfig.lmsBaseUrl.replace(/\\/$/, '');\n  const stripePublishableKey = config.STRIPE_PUBLIC_KEY as string;\n  const apiUrl = config.VIAX_API_URL as string;\n  const isDevelopment = siteConfig.environment === 'development';\n  const edxSessionUrl = `${isDevelopment ? 'https://courses.stage.edx.org' : LMS_BASE_URL}/api/edx-session`;\n  const geolocationUrl = `${isDevelopment ? 'https://courses.stage.edx.org' : LMS_BASE_URL}/api/geolocation/lookup`;\n\n  if (!stripePublishableKey || !apiUrl || !edxSessionUrl) {\n    return (\n      <PageWrapper>\n        <Alert variant=\"danger\">\n          We&apos;re having trouble loading the checkout. Please refresh the\n          page or try again in a few moments. If the problem persists,{' '}\n          <a href=\"https://courses.edx.org/support/contact_us\">\n            contact support\n          </a>\n          .\n        </Alert>\n      </PageWrapper>\n    );\n  }\n\n  return (\n    <PageWrapper>\n      <CheckoutGate\n        stripePublishableKey={stripePublishableKey}\n        apiUrl={apiUrl}\n        edxSessionUrl={edxSessionUrl}\n        geolocationUrl={geolocationUrl}\n        learnerDashboardUrl={`${LMS_BASE_URL}/dashboard`}\n        homeUrl={LMS_BASE_URL || '/'}\n        onComplete={(_subscriptionBiId) => {\n          console.log(_subscriptionBiId);\n          // window.location.href = `/checkout/confirmation?sub=${_subscriptionBiId ?? ''}`;\n          // Success screen.\n        }}\n      />\n    </PageWrapper>\n  );\n};\n\nexport default CheckoutPage;\n"]}
+{"version":3,"file":"CheckoutPage.js","sourceRoot":"","sources":["../../src/checkoutPage/CheckoutPage.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,aAAa,MAAM,2CAA2C,CAAC;AAEtE,MAAM,WAAW,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7E,KAAC,SAAS,cAAE,QAAQ,GAAa,CAClC,CAAC;AAEF,uEAAuE;AACvE,0EAA0E;AAC1E,0EAA0E;AAC1E,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B,MAAM,YAAY,GAAa,GAAG,EAAE;IAClC,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9D,MAAM,oBAAoB,GAAG,MAAM,CAAC,iBAA2B,CAAC;IAChE,MAAM,MAAM,GAAG,MAAM,CAAC,YAAsB,CAAC;IAC7C,MAAM,aAAa,GAAG,UAAU,CAAC,WAAW,KAAK,aAAa,CAAC;IAC/D,MAAM,aAAa,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,YAAY,kBAAkB,CAAC;IAC1G,MAAM,cAAc,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,YAAY,yBAAyB,CAAC;IAElH,yEAAyE;IACzE,gEAAgE;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC;IAEjE,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,KAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,GAAI,CAAC;IAClE,CAAC;IAED,IAAI,CAAC,oBAAoB,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QACvD,OAAO,CACL,KAAC,WAAW,cACV,MAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,2IAEwC,GAAG,EAChE,YAAG,IAAI,EAAC,4CAA4C,gCAEhD,SAEE,GACI,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,WAAW,cACV,KAAC,YAAY,IACX,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,GAAG,YAAY,YAAY,EAChD,OAAO,EAAE,YAAY,IAAI,GAAG,EAC5B,UAAU,EAAE,CAAC,iBAAiB,EAAE,EAAE;gBAChC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;gBAC/B,kFAAkF;gBAClF,kBAAkB;YACpB,CAAC,GACD,GACU,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport { Alert, Container } from '@openedx/paragon';\nimport { getAppConfig, getSiteConfig } from '@openedx/frontend-base';\nimport { appId } from '@src/constants';\nimport CheckoutGate from '../components/CheckoutGate/CheckoutGate';\nimport DemoPdpBanner from '../components/DemoPdpBanner/DemoPdpBanner';\n\nconst PageWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Container>{children}</Container>\n);\n\n// TEMPORARY — Set to true to show the demo PDP banner before checkout.\n// When true, the banner is displayed first; clicking \"Earn a certificate\"\n// transitions to the real checkout flow. Set to false to skip the banner.\nconst SHOW_DEMO_PDP = true;\n\nconst CheckoutPage: React.FC = () => {\n  const config = getAppConfig(appId);\n  const siteConfig = getSiteConfig();\n  const LMS_BASE_URL = siteConfig.lmsBaseUrl.replace(/\\/$/, '');\n  const stripePublishableKey = config.STRIPE_PUBLIC_KEY as string;\n  const apiUrl = config.VIAX_API_URL as string;\n  const isDevelopment = siteConfig.environment === 'development';\n  const edxSessionUrl = `${isDevelopment ? 'https://courses.stage.edx.org' : LMS_BASE_URL}/api/edx-session`;\n  const geolocationUrl = `${isDevelopment ? 'https://courses.stage.edx.org' : LMS_BASE_URL}/api/geolocation/lookup`;\n\n  // When the demo banner is enabled, start on the \"PDP\" view; clicking the\n  // CTA flips showCheckout to true and the real checkout renders.\n  const [showCheckout, setShowCheckout] = useState(!SHOW_DEMO_PDP);\n\n  if (!showCheckout) {\n    return <DemoPdpBanner onEnroll={() => setShowCheckout(true)} />;\n  }\n\n  if (!stripePublishableKey || !apiUrl || !edxSessionUrl) {\n    return (\n      <PageWrapper>\n        <Alert variant=\"danger\">\n          We&apos;re having trouble loading the checkout. Please refresh the\n          page or try again in a few moments. If the problem persists,{' '}\n          <a href=\"https://courses.edx.org/support/contact_us\">\n            contact support\n          </a>\n          .\n        </Alert>\n      </PageWrapper>\n    );\n  }\n\n  return (\n    <PageWrapper>\n      <CheckoutGate\n        stripePublishableKey={stripePublishableKey}\n        apiUrl={apiUrl}\n        edxSessionUrl={edxSessionUrl}\n        geolocationUrl={geolocationUrl}\n        learnerDashboardUrl={`${LMS_BASE_URL}/dashboard`}\n        homeUrl={LMS_BASE_URL || '/'}\n        onComplete={(_subscriptionBiId) => {\n          console.log(_subscriptionBiId);\n          // window.location.href = `/checkout/confirmation?sub=${_subscriptionBiId ?? ''}`;\n          // Success screen.\n        }}\n      />\n    </PageWrapper>\n  );\n};\n\nexport default CheckoutPage;\n"]}

package/dist/components/AlacarteConfirmation/AlacarteConfirmation.d.ts

@@ -10,6 +10,10 @@ export interface AlacarteConfirmationProps {
     productTitle?: string | null;
     /** Learner order-history / dashboard URL for the secondary CTA. */
     orderHistoryUrl?: string | null;
+    /** ISO timestamp the order was placed (tPlacedAt, falling back to
+     *  biCreatedAt). Drives both the purchase date and the refund deadline
+     *  (placedAt + 14 days); the refund line is hidden once that date passes. */
+    placedAt?: string | null;
 }
-declare const AlacarteConfirmation: ({ order, awaiting, error, onContinue, productDetail, productTitle, orderHistoryUrl, }: AlacarteConfirmationProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const AlacarteConfirmation: ({ order, awaiting, error, onContinue, productDetail, productTitle, orderHistoryUrl, placedAt, }: AlacarteConfirmationProps) => import("react/jsx-runtime").JSX.Element | null;
 export default AlacarteConfirmation;

package/dist/components/AlacarteConfirmation/AlacarteConfirmation.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Alert, Button, Col, Icon, Row } from '@openedx/paragon';
 import { Error as ErrorIcon, Monitor } from '@openedx/paragon/icons';
@@ -8,23 +8,29 @@ import messages from './Messages';
 function isProgramOrder(order) {
     return order.lines.some((line) => line.kind === 'program' || !!line.programId);
 }
-function formatPurchaseDate(locale, date = new Date()) {
+function formatPurchaseDate(locale, date) {
     return new Intl.DateTimeFormat(locale, {
         month: 'long',
         day: 'numeric',
         year: 'numeric',
     }).format(date);
 }
-function refundDeadline(locale, from = new Date()) {
-    const deadline = new Date(from);
-    deadline.setDate(deadline.getDate() + 14);
-    return formatPurchaseDate(locale, deadline);
+function addDays(from, days) {
+    const result = new Date(from);
+    result.setDate(result.getDate() + days);
+    return result;
 }
-const AlacarteConfirmation = ({ order, awaiting, error, onContinue, productDetail = null, productTitle = null, orderHistoryUrl = null, }) => {
+const AlacarteConfirmation = ({ order, awaiting, error, onContinue, productDetail = null, productTitle = null, orderHistoryUrl = null, placedAt = null, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     const { formatMessage, locale = 'en-US' } = useIntl();
-    const purchaseDate = useMemo(() => formatPurchaseDate(locale), [locale]);
-    const refundBy = useMemo(() => refundDeadline(locale), [locale]);
+    const placedAtDate = useMemo(() => {
+        const parsed = placedAt ? new Date(placedAt) : null;
+        return parsed && !Number.isNaN(parsed.getTime()) ? parsed : null;
+    }, [placedAt]);
+    const purchaseDate = useMemo(() => (placedAtDate ? formatPurchaseDate(locale, placedAtDate) : null), [locale, placedAtDate]);
+    const refundDeadlineDate = useMemo(() => (placedAtDate ? addDays(placedAtDate, 14) : null), [placedAtDate]);
+    const refundBy = useMemo(() => (refundDeadlineDate ? formatPurchaseDate(locale, refundDeadlineDate) : null), [locale, refundDeadlineDate]);
+    const refundWindowOpen = !!refundDeadlineDate && refundDeadlineDate.getTime() >= Date.now();
     if (awaiting && !order) {
         return _jsx(ProcessingScreen, {});
     }
@@ -66,10 +72,11 @@ const AlacarteConfirmation = ({ order, awaiting, error, onContinue, productDetai
     const programCourses = programOrder
         ? order.lines.map((line) => line.name).filter(Boolean)
         : [];
-    return (_jsx("div", { className: "alacarte-confirmation", "data-testid": "alacarte-confirmation", children: _jsxs(Row, { className: "alacarte-confirmation__row", children: [_jsxs(Col, { xs: 12, lg: 7, className: "alacarte-confirmation__main mb-5 mb-lg-0", children: [_jsx("h1", { className: "alacarte-confirmation__headline font-weight-bold mb-2", children: formatMessage(messages.headline) }), _jsx("p", { className: "alacarte-confirmation__subheadline text-muted mb-4", children: formatMessage(programOrder ? messages.subheadlineProgram : messages.subheadlineCourse, { productLabel }) }), _jsxs("div", { className: "alacarte-confirmation__ctas d-flex align-items-center flex-wrap mb-5", children: [_jsx(Button, { variant: "brand", className: "alacarte-confirmation__cta-primary", onClick: onContinue, children: formatMessage(programOrder ? messages.startProgram : messages.startCourse) }), orderHistoryUrl && (_jsx("a", { href: orderHistoryUrl, className: "alacarte-confirmation__order-history", children: formatMessage(messages.viewOrderHistory) }))] }), programOrder && programCourses.length > 0 && (_jsxs("div", { className: "alacarte-confirmation__about-program mb-5", children: [_jsx("h2", { className: "h5 font-weight-bold mb-2", children: formatMessage(messages.aboutProgram) }), _jsx("p", { className: "font-weight-bold mb-2", children: formatMessage(messages.coursesIncluded, { count: programCourses.length }) }), _jsx("ul", { className: "alacarte-confirmation__course-list mb-0", children: programCourses.map((name) => (_jsx("li", { children: name }, name))) })] })), _jsxs(Row, { children: [_jsxs(Col, { xs: 12, md: 7, className: "mb-4", children: [_jsx("h2", { className: "h5 font-weight-bold mb-3", children: formatMessage(messages.whatsIncluded) }), _jsxs("ul", { className: "alacarte-confirmation__benefits", children: [_jsx("li", { children: formatMessage(messages.benefit1) }), _jsx("li", { children: formatMessage(messages.benefit2) }), _jsx("li", { children: formatMessage(messages.benefit3) })] })] }), _jsxs(Col, { xs: 12, md: 5, className: "mb-4", children: [_jsxs("div", { className: "mb-3", children: [_jsx("p", { className: "font-weight-bold mb-0", children: formatMessage(messages.orderNumber) }), _jsx("p", { className: "text-muted mb-0", children: order.orderNumber })] }), _jsxs("div", { children: [_jsx("p", { className: "font-weight-bold mb-0", children: formatMessage(messages.purchaseDate) }), _jsx("p", { className: "text-muted mb-0", children: purchaseDate })] })] })] }), _jsx("hr", { className: "alacarte-confirmation__divider" }), _jsx("p", { className: "alacarte-confirmation__refund text-muted small mb-0", children: formatMessage(messages.refundNotice, { date: refundBy }) })] }), _jsx(Col, { xs: 12, lg: 5, children: _jsxs("aside", { className: "alacarte-confirmation__summary", "aria-label": formatMessage(messages.purchaseSummary), children: [_jsx("h2", { className: "alacarte-confirmation__summary-title font-weight-bold mb-3", children: formatMessage(messages.purchaseSummary) }), _jsxs("div", { className: "alacarte-confirmation__product d-flex align-items-start mb-4", children: [orgLogo ? (_jsx("img", { src: orgLogo, alt: "", className: "alacarte-confirmation__org-logo" })) : (_jsx("div", { className: "alacarte-confirmation__org-logo alacarte-confirmation__org-logo--placeholder", "aria-hidden": true })), _jsxs("div", { children: [_jsxs("span", { className: "alacarte-confirmation__badge", children: [_jsx(Icon, { src: Monitor, className: "alacarte-confirmation__badge-icon" }), formatMessage(messages.verifiedCertificate)] }), _jsx("p", { className: "alacarte-confirmation__product-name font-weight-bold mb-0", children: productLabel })] })] }), _jsx("hr", { className: "alacarte-confirmation__summary-divider" }), _jsxs("div", { className: "alacarte-confirmation__price-row", children: [_jsx("span", { children: formatMessage(messages.subtotal) }), _jsx("span", { children: money(subtotal) })] }), discount > 0 && (_jsxs("div", { className: "alacarte-confirmation__price-row alacarte-confirmation__price-row--discount", children: [_jsx("span", { children: formatMessage(messages.discountsApplied) }), _jsx("span", { children: formatMessage(messages.discountAmount, {
-                                            amount: discount.toFixed(2),
-                                            currency,
-                                        }) })] })), _jsxs("div", { className: "alacarte-confirmation__price-row alacarte-confirmation__price-row--paid", children: [_jsx("span", { children: formatMessage(messages.amountPaid) }), _jsx("span", { children: money(paid) })] })] }) })] }) }));
+    const summaryCard = (_jsxs("aside", { className: "alacarte-confirmation__summary", "aria-label": formatMessage(messages.purchaseSummary), children: [_jsx("h2", { className: "alacarte-confirmation__summary-title font-weight-bold mb-0", children: formatMessage(messages.purchaseSummary) }), _jsx("hr", { className: "alacarte-confirmation__summary-divider" }), _jsxs("div", { className: "alacarte-confirmation__product d-flex align-items-start", children: [orgLogo ? (_jsx("img", { src: orgLogo, alt: "", className: "alacarte-confirmation__org-logo" })) : (_jsx("div", { className: "alacarte-confirmation__org-logo alacarte-confirmation__org-logo--placeholder", "aria-hidden": true })), _jsxs("div", { children: [_jsxs("span", { className: "alacarte-confirmation__badge", children: [_jsx(Icon, { src: Monitor, className: "alacarte-confirmation__badge-icon" }), formatMessage(messages.verifiedCertificate)] }), _jsx("p", { className: "alacarte-confirmation__product-name font-weight-bold mb-0", children: productLabel })] })] }), _jsx("hr", { className: "alacarte-confirmation__summary-divider" }), _jsxs("div", { className: "alacarte-confirmation__price-row", children: [_jsx("span", { children: formatMessage(messages.subtotal) }), _jsx("span", { children: money(subtotal) })] }), discount > 0 && (_jsxs("div", { className: "alacarte-confirmation__price-row alacarte-confirmation__price-row--discount", children: [_jsx("span", { children: formatMessage(messages.discountsApplied) }), _jsx("span", { children: formatMessage(messages.discountAmount, {
+                            amount: discount.toFixed(2),
+                            currency,
+                        }) })] })), _jsxs("div", { className: "alacarte-confirmation__price-row alacarte-confirmation__price-row--paid", children: [_jsx("span", { children: formatMessage(messages.amountPaid) }), _jsx("span", { children: money(paid) })] })] }));
+    return (_jsx("div", { className: "alacarte-confirmation", "data-testid": "alacarte-confirmation", children: _jsxs(Row, { className: "alacarte-confirmation__row", children: [_jsxs(Col, { xs: 12, lg: 7, className: "alacarte-confirmation__main", children: [_jsx("h1", { className: "alacarte-confirmation__headline font-weight-bold mb-4", children: formatMessage(messages.headline) }), _jsx("p", { className: "alacarte-confirmation__subheadline mb-4", children: formatMessage(programOrder ? messages.subheadlineProgram : messages.subheadlineCourse, { productLabel }) }), _jsxs("div", { className: "alacarte-confirmation__ctas d-flex align-items-center flex-wrap mb-4.5", children: [_jsx(Button, { variant: "brand", className: "alacarte-confirmation__cta-primary", onClick: onContinue, children: formatMessage(programOrder ? messages.startProgram : messages.startCourse) }), orderHistoryUrl && (_jsx("a", { href: orderHistoryUrl, className: "alacarte-confirmation__order-history", children: formatMessage(messages.viewOrderHistory) }))] }), _jsx("div", { className: "alacarte-confirmation__summary-mobile d-lg-none", children: summaryCard }), programOrder && programCourses.length > 0 && (_jsxs("div", { className: "alacarte-confirmation__about-program mb-5", children: [_jsx("h2", { className: "alacarte-confirmation__about-title", children: formatMessage(messages.aboutProgram) }), _jsx("p", { className: "alacarte-confirmation__courses-included", children: formatMessage(messages.coursesIncluded, { count: programCourses.length }) }), _jsx("ul", { className: "alacarte-confirmation__course-list mb-0", children: programCourses.map((name) => (_jsx("li", { children: name }, name))) })] })), _jsxs(Row, { children: [_jsxs(Col, { xs: 12, md: 7, className: "mb-4", children: [_jsx("h2", { className: "h5 font-weight-bold mb-3", children: formatMessage(messages.whatsIncluded) }), _jsxs("ul", { className: "alacarte-confirmation__benefits", children: [_jsx("li", { children: formatMessage(messages.benefit1) }), _jsx("li", { children: formatMessage(messages.benefit2) }), _jsx("li", { children: formatMessage(messages.benefit3) })] })] }), _jsxs(Col, { xs: 12, md: 5, className: "mb-4", children: [_jsxs("div", { className: "mb-3", children: [_jsx("p", { className: "font-weight-bold mb-0", children: formatMessage(messages.orderNumber) }), _jsx("p", { className: "text-muted mb-0", children: order.orderNumber })] }), _jsxs("div", { children: [_jsx("p", { className: "font-weight-bold mb-0", children: formatMessage(messages.purchaseDate) }), _jsx("p", { className: "text-muted mb-0", children: purchaseDate !== null && purchaseDate !== void 0 ? purchaseDate : '' })] })] })] }), refundWindowOpen && refundBy && (_jsxs(_Fragment, { children: [_jsx("hr", { className: "alacarte-confirmation__divider" }), _jsx("p", { className: "alacarte-confirmation__refund text-muted small mb-0", children: formatMessage(messages.refundNotice, { date: refundBy }) })] }))] }), _jsx(Col, { xs: 12, lg: 5, className: "alacarte-confirmation__summary-col d-none d-lg-block", children: summaryCard })] }) }));
 };
 export default AlacarteConfirmation;
 //# sourceMappingURL=AlacarteConfirmation.js.map

package/dist/components/AlacarteConfirmation/AlacarteConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlacarteConfirmation.js","sourceRoot":"","sources":["../../../src/components/AlacarteConfirmation/AlacarteConfirmation.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\nimport { Alert, Button, Col, Icon, Row } from '@openedx/paragon';\nimport { Error as ErrorIcon, Monitor } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport { ProcessingScreen } from '../StatusScreens/StatusScreens';\nimport type { CourseDetail } from '../../types';\nimport type { PlacedOrder, ProductDetail, ProgramDetail } from '../../types/alacarte';\nimport messages from './Messages';\n\nexport interface AlacarteConfirmationProps {\n  order: PlacedOrder | null,\n  awaiting: boolean,\n  error: string | null,\n  onContinue?: () => void,\n  /** Optional catalog detail from checkout — logo / brand. */\n  productDetail?: ProductDetail | null,\n  /** Display title from the checkout line (course or program name). */\n  productTitle?: string | null,\n  /** Learner order-history / dashboard URL for the secondary CTA. */\n  orderHistoryUrl?: string | null,\n}\n\nfunction isProgramOrder(order: PlacedOrder): boolean {\n  return order.lines.some((line) => line.kind === 'program' || !!line.programId);\n}\n\nfunction formatPurchaseDate(locale: string, date = new Date()): string {\n  return new Intl.DateTimeFormat(locale, {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  }).format(date);\n}\n\nfunction refundDeadline(locale: string, from = new Date()): string {\n  const deadline = new Date(from);\n  deadline.setDate(deadline.getDate() + 14);\n  return formatPurchaseDate(locale, deadline);\n}\n\nconst AlacarteConfirmation = ({\n  order,\n  awaiting,\n  error,\n  onContinue,\n  productDetail = null,\n  productTitle = null,\n  orderHistoryUrl = null,\n}: AlacarteConfirmationProps) => {\n  const { formatMessage, locale = 'en-US' } = useIntl();\n\n  const purchaseDate = useMemo(() => formatPurchaseDate(locale), [locale]);\n  const refundBy = useMemo(() => refundDeadline(locale), [locale]);\n\n  if (awaiting && !order) {\n    return <ProcessingScreen />;\n  }\n\n  if (error && !order) {\n    return (\n      <Alert variant=\"danger\" icon={ErrorIcon}>\n        {formatMessage(messages.orderLoadError, { error })}\n      </Alert>\n    );\n  }\n\n  if (!order) {\n    return null;\n  }\n\n  const programOrder = isProgramOrder(order);\n  const courseDetail = productDetail && 'maId' in productDetail\n    ? (productDetail as CourseDetail)\n    : null;\n  const programDetail = productDetail && 'tCourses' in productDetail\n    ? (productDetail as ProgramDetail)\n    : null;\n\n  const firstLine = order.lines[0];\n  const brand = courseDetail?.tBrandText?.trim()\n    || programDetail?.tCourses?.[0]?.tBrandText?.trim()\n    || '';\n  const baseName = productTitle\n    || firstLine?.name\n    || (programOrder ? 'your program' : 'your course');\n\n  const productLabel = !programOrder && brand && !productTitle?.includes(brand)\n    ? `${brand}: ${baseName}`\n    : baseName;\n\n  const orgLogo = courseDetail?.imageUrl\n    || programDetail?.tCourses?.[0]?.tOrgLogoUrl\n    || programDetail?.tCourses?.[0]?.imageUrl\n    || null;\n\n  const currency = order.totals?.currency ?? 'USD';\n  const subtotal = order.totals?.price ?? 0;\n  const discount = (order.totals?.discount ?? 0) + (order.totals?.deduction ?? 0);\n  const paid = order.totals?.paid ?? 0;\n\n  const money = (amount: number) => formatMessage(messages.moneyAmount, {\n    amount: amount.toFixed(2),\n    currency,\n  });\n\n  const programCourses = programOrder\n    ? order.lines.map((line) => line.name).filter(Boolean)\n    : [];\n\n  return (\n    <div className=\"alacarte-confirmation\" data-testid=\"alacarte-confirmation\">\n      <Row className=\"alacarte-confirmation__row\">\n        <Col xs={12} lg={7} className=\"alacarte-confirmation__main mb-5 mb-lg-0\">\n          <h1 className=\"alacarte-confirmation__headline font-weight-bold mb-2\">\n            {formatMessage(messages.headline)}\n          </h1>\n          <p className=\"alacarte-confirmation__subheadline text-muted mb-4\">\n            {formatMessage(\n              programOrder ? messages.subheadlineProgram : messages.subheadlineCourse,\n              { productLabel },\n            )}\n          </p>\n\n          <div className=\"alacarte-confirmation__ctas d-flex align-items-center flex-wrap mb-5\">\n            <Button\n              variant=\"brand\"\n              className=\"alacarte-confirmation__cta-primary\"\n              onClick={onContinue}\n            >\n              {formatMessage(programOrder ? messages.startProgram : messages.startCourse)}\n            </Button>\n            {orderHistoryUrl && (\n              <a href={orderHistoryUrl} className=\"alacarte-confirmation__order-history\">\n                {formatMessage(messages.viewOrderHistory)}\n              </a>\n            )}\n          </div>\n\n          {programOrder && programCourses.length > 0 && (\n            <div className=\"alacarte-confirmation__about-program mb-5\">\n              <h2 className=\"h5 font-weight-bold mb-2\">\n                {formatMessage(messages.aboutProgram)}\n              </h2>\n              <p className=\"font-weight-bold mb-2\">\n                {formatMessage(messages.coursesIncluded, { count: programCourses.length })}\n              </p>\n              <ul className=\"alacarte-confirmation__course-list mb-0\">\n                {programCourses.map((name) => (\n                  <li key={name}>{name}</li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          <Row>\n            <Col xs={12} md={7} className=\"mb-4\">\n              <h2 className=\"h5 font-weight-bold mb-3\">\n                {formatMessage(messages.whatsIncluded)}\n              </h2>\n              <ul className=\"alacarte-confirmation__benefits\">\n                <li>{formatMessage(messages.benefit1)}</li>\n                <li>{formatMessage(messages.benefit2)}</li>\n                <li>{formatMessage(messages.benefit3)}</li>\n              </ul>\n            </Col>\n            <Col xs={12} md={5} className=\"mb-4\">\n              <div className=\"mb-3\">\n                <p className=\"font-weight-bold mb-0\">\n                  {formatMessage(messages.orderNumber)}\n                </p>\n                <p className=\"text-muted mb-0\">{order.orderNumber}</p>\n              </div>\n              <div>\n                <p className=\"font-weight-bold mb-0\">\n                  {formatMessage(messages.purchaseDate)}\n                </p>\n                <p className=\"text-muted mb-0\">{purchaseDate}</p>\n              </div>\n            </Col>\n          </Row>\n\n          <hr className=\"alacarte-confirmation__divider\" />\n          <p className=\"alacarte-confirmation__refund text-muted small mb-0\">\n            {formatMessage(messages.refundNotice, { date: refundBy })}\n          </p>\n        </Col>\n\n        <Col xs={12} lg={5}>\n          <aside\n            className=\"alacarte-confirmation__summary\"\n            aria-label={formatMessage(messages.purchaseSummary)}\n          >\n            <h2 className=\"alacarte-confirmation__summary-title font-weight-bold mb-3\">\n              {formatMessage(messages.purchaseSummary)}\n            </h2>\n\n            <div className=\"alacarte-confirmation__product d-flex align-items-start mb-4\">\n              {orgLogo ? (\n                <img\n                  src={orgLogo}\n                  alt=\"\"\n                  className=\"alacarte-confirmation__org-logo\"\n                />\n              ) : (\n                <div\n                  className=\"alacarte-confirmation__org-logo alacarte-confirmation__org-logo--placeholder\"\n                  aria-hidden\n                />\n              )}\n              <div>\n                <span className=\"alacarte-confirmation__badge\">\n                  <Icon src={Monitor} className=\"alacarte-confirmation__badge-icon\" />\n                  {formatMessage(messages.verifiedCertificate)}\n                </span>\n                <p className=\"alacarte-confirmation__product-name font-weight-bold mb-0\">\n                  {productLabel}\n                </p>\n              </div>\n            </div>\n\n            <hr className=\"alacarte-confirmation__summary-divider\" />\n\n            <div className=\"alacarte-confirmation__price-row\">\n              <span>{formatMessage(messages.subtotal)}</span>\n              <span>{money(subtotal)}</span>\n            </div>\n            {discount > 0 && (\n              <div className=\"alacarte-confirmation__price-row alacarte-confirmation__price-row--discount\">\n                <span>{formatMessage(messages.discountsApplied)}</span>\n                <span>\n                  {formatMessage(messages.discountAmount, {\n                    amount: discount.toFixed(2),\n                    currency,\n                  })}\n                </span>\n              </div>\n            )}\n            <div className=\"alacarte-confirmation__price-row alacarte-confirmation__price-row--paid\">\n              <span>{formatMessage(messages.amountPaid)}</span>\n              <span>{money(paid)}</span>\n            </div>\n          </aside>\n        </Col>\n      </Row>\n    </div>\n  );\n};\n\nexport default AlacarteConfirmation;\n"]}
+{"version":3,"file":"AlacarteConfirmation.js","sourceRoot":"","sources":["../../../src/components/AlacarteConfirmation/AlacarteConfirmation.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\nimport { Alert, Button, Col, Icon, Row } from '@openedx/paragon';\nimport { Error as ErrorIcon, Monitor } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport { ProcessingScreen } from '../StatusScreens/StatusScreens';\nimport type { CourseDetail } from '../../types';\nimport type { PlacedOrder, ProductDetail, ProgramDetail } from '../../types/alacarte';\nimport messages from './Messages';\n\nexport interface AlacarteConfirmationProps {\n  order: PlacedOrder | null,\n  awaiting: boolean,\n  error: string | null,\n  onContinue?: () => void,\n  /** Optional catalog detail from checkout — logo / brand. */\n  productDetail?: ProductDetail | null,\n  /** Display title from the checkout line (course or program name). */\n  productTitle?: string | null,\n  /** Learner order-history / dashboard URL for the secondary CTA. */\n  orderHistoryUrl?: string | null,\n  /** ISO timestamp the order was placed (tPlacedAt, falling back to\n   *  biCreatedAt). Drives both the purchase date and the refund deadline\n   *  (placedAt + 14 days); the refund line is hidden once that date passes. */\n  placedAt?: string | null,\n}\n\nfunction isProgramOrder(order: PlacedOrder): boolean {\n  return order.lines.some((line) => line.kind === 'program' || !!line.programId);\n}\n\nfunction formatPurchaseDate(locale: string, date: Date): string {\n  return new Intl.DateTimeFormat(locale, {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  }).format(date);\n}\n\nfunction addDays(from: Date, days: number): Date {\n  const result = new Date(from);\n  result.setDate(result.getDate() + days);\n  return result;\n}\n\nconst AlacarteConfirmation = ({\n  order,\n  awaiting,\n  error,\n  onContinue,\n  productDetail = null,\n  productTitle = null,\n  orderHistoryUrl = null,\n  placedAt = null,\n}: AlacarteConfirmationProps) => {\n  const { formatMessage, locale = 'en-US' } = useIntl();\n\n  const placedAtDate = useMemo(() => {\n    const parsed = placedAt ? new Date(placedAt) : null;\n    return parsed && !Number.isNaN(parsed.getTime()) ? parsed : null;\n  }, [placedAt]);\n\n  const purchaseDate = useMemo(\n    () => (placedAtDate ? formatPurchaseDate(locale, placedAtDate) : null),\n    [locale, placedAtDate],\n  );\n  const refundDeadlineDate = useMemo(\n    () => (placedAtDate ? addDays(placedAtDate, 14) : null),\n    [placedAtDate],\n  );\n  const refundBy = useMemo(\n    () => (refundDeadlineDate ? formatPurchaseDate(locale, refundDeadlineDate) : null),\n    [locale, refundDeadlineDate],\n  );\n  const refundWindowOpen = !!refundDeadlineDate && refundDeadlineDate.getTime() >= Date.now();\n\n  if (awaiting && !order) {\n    return <ProcessingScreen />;\n  }\n\n  if (error && !order) {\n    return (\n      <Alert variant=\"danger\" icon={ErrorIcon}>\n        {formatMessage(messages.orderLoadError, { error })}\n      </Alert>\n    );\n  }\n\n  if (!order) {\n    return null;\n  }\n\n  const programOrder = isProgramOrder(order);\n  const courseDetail = productDetail && 'maId' in productDetail\n    ? (productDetail as CourseDetail)\n    : null;\n  const programDetail = productDetail && 'tCourses' in productDetail\n    ? (productDetail as ProgramDetail)\n    : null;\n\n  const firstLine = order.lines[0];\n  const brand = courseDetail?.tBrandText?.trim()\n    || programDetail?.tCourses?.[0]?.tBrandText?.trim()\n    || '';\n  const baseName = productTitle\n    || firstLine?.name\n    || (programOrder ? 'your program' : 'your course');\n\n  const productLabel = !programOrder && brand && !productTitle?.includes(brand)\n    ? `${brand}: ${baseName}`\n    : baseName;\n\n  const orgLogo = courseDetail?.imageUrl\n    || programDetail?.tCourses?.[0]?.tOrgLogoUrl\n    || programDetail?.tCourses?.[0]?.imageUrl\n    || null;\n\n  const currency = order.totals?.currency ?? 'USD';\n  const subtotal = order.totals?.price ?? 0;\n  const discount = (order.totals?.discount ?? 0) + (order.totals?.deduction ?? 0);\n  const paid = order.totals?.paid ?? 0;\n\n  const money = (amount: number) => formatMessage(messages.moneyAmount, {\n    amount: amount.toFixed(2),\n    currency,\n  });\n\n  const programCourses = programOrder\n    ? order.lines.map((line) => line.name).filter(Boolean)\n    : [];\n\n  const summaryCard = (\n    <aside\n      className=\"alacarte-confirmation__summary\"\n      aria-label={formatMessage(messages.purchaseSummary)}\n    >\n      <h2 className=\"alacarte-confirmation__summary-title font-weight-bold mb-0\">\n        {formatMessage(messages.purchaseSummary)}\n      </h2>\n      <hr className=\"alacarte-confirmation__summary-divider\" />\n\n      <div className=\"alacarte-confirmation__product d-flex align-items-start\">\n        {orgLogo ? (\n          <img\n            src={orgLogo}\n            alt=\"\"\n            className=\"alacarte-confirmation__org-logo\"\n          />\n        ) : (\n          <div\n            className=\"alacarte-confirmation__org-logo alacarte-confirmation__org-logo--placeholder\"\n            aria-hidden\n          />\n        )}\n        <div>\n          <span className=\"alacarte-confirmation__badge\">\n            <Icon src={Monitor} className=\"alacarte-confirmation__badge-icon\" />\n            {formatMessage(messages.verifiedCertificate)}\n          </span>\n          <p className=\"alacarte-confirmation__product-name font-weight-bold mb-0\">\n            {productLabel}\n          </p>\n        </div>\n      </div>\n\n      <hr className=\"alacarte-confirmation__summary-divider\" />\n\n      <div className=\"alacarte-confirmation__price-row\">\n        <span>{formatMessage(messages.subtotal)}</span>\n        <span>{money(subtotal)}</span>\n      </div>\n      {discount > 0 && (\n        <div className=\"alacarte-confirmation__price-row alacarte-confirmation__price-row--discount\">\n          <span>{formatMessage(messages.discountsApplied)}</span>\n          <span>\n            {formatMessage(messages.discountAmount, {\n              amount: discount.toFixed(2),\n              currency,\n            })}\n          </span>\n        </div>\n      )}\n      <div className=\"alacarte-confirmation__price-row alacarte-confirmation__price-row--paid\">\n        <span>{formatMessage(messages.amountPaid)}</span>\n        <span>{money(paid)}</span>\n      </div>\n    </aside>\n  );\n\n  return (\n    <div className=\"alacarte-confirmation\" data-testid=\"alacarte-confirmation\">\n      <Row className=\"alacarte-confirmation__row\">\n        <Col xs={12} lg={7} className=\"alacarte-confirmation__main\">\n          <h1 className=\"alacarte-confirmation__headline font-weight-bold mb-4\">\n            {formatMessage(messages.headline)}\n          </h1>\n          <p className=\"alacarte-confirmation__subheadline mb-4\">\n            {formatMessage(\n              programOrder ? messages.subheadlineProgram : messages.subheadlineCourse,\n              { productLabel },\n            )}\n          </p>\n\n          <div className=\"alacarte-confirmation__ctas d-flex align-items-center flex-wrap mb-4.5\">\n            <Button\n              variant=\"brand\"\n              className=\"alacarte-confirmation__cta-primary\"\n              onClick={onContinue}\n            >\n              {formatMessage(programOrder ? messages.startProgram : messages.startCourse)}\n            </Button>\n            {orderHistoryUrl && (\n              <a href={orderHistoryUrl} className=\"alacarte-confirmation__order-history\">\n                {formatMessage(messages.viewOrderHistory)}\n              </a>\n            )}\n          </div>\n\n          <div className=\"alacarte-confirmation__summary-mobile d-lg-none\">\n            {summaryCard}\n          </div>\n\n          {programOrder && programCourses.length > 0 && (\n            <div className=\"alacarte-confirmation__about-program mb-5\">\n              <h2 className=\"alacarte-confirmation__about-title\">\n                {formatMessage(messages.aboutProgram)}\n              </h2>\n              <p className=\"alacarte-confirmation__courses-included\">\n                {formatMessage(messages.coursesIncluded, { count: programCourses.length })}\n              </p>\n              <ul className=\"alacarte-confirmation__course-list mb-0\">\n                {programCourses.map((name) => (\n                  <li key={name}>{name}</li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          <Row>\n            <Col xs={12} md={7} className=\"mb-4\">\n              <h2 className=\"h5 font-weight-bold mb-3\">\n                {formatMessage(messages.whatsIncluded)}\n              </h2>\n              <ul className=\"alacarte-confirmation__benefits\">\n                <li>{formatMessage(messages.benefit1)}</li>\n                <li>{formatMessage(messages.benefit2)}</li>\n                <li>{formatMessage(messages.benefit3)}</li>\n              </ul>\n            </Col>\n            <Col xs={12} md={5} className=\"mb-4\">\n              <div className=\"mb-3\">\n                <p className=\"font-weight-bold mb-0\">\n                  {formatMessage(messages.orderNumber)}\n                </p>\n                <p className=\"text-muted mb-0\">{order.orderNumber}</p>\n              </div>\n              <div>\n                <p className=\"font-weight-bold mb-0\">\n                  {formatMessage(messages.purchaseDate)}\n                </p>\n                <p className=\"text-muted mb-0\">{purchaseDate ?? ''}</p>\n              </div>\n            </Col>\n          </Row>\n\n          {refundWindowOpen && refundBy && (\n            <>\n              <hr className=\"alacarte-confirmation__divider\" />\n              <p className=\"alacarte-confirmation__refund text-muted small mb-0\">\n                {formatMessage(messages.refundNotice, { date: refundBy })}\n              </p>\n            </>\n          )}\n        </Col>\n\n        <Col xs={12} lg={5} className=\"alacarte-confirmation__summary-col d-none d-lg-block\">\n          {summaryCard}\n        </Col>\n      </Row>\n    </div>\n  );\n};\n\nexport default AlacarteConfirmation;\n"]}

package/dist/components/Checkout/Checkout.js

@@ -168,7 +168,7 @@ const Checkout = (_a) => {
             : ((_l = alacarte.line) === null || _l === void 0 ? void 0 : _l.kind) === 'course'
                 ? alacarte.line.courseName
                 : null;
-        return (_jsxs(_Fragment, { children: [alacarteDebug, _jsx(Row, { className: "checkout__container bg-light-200", children: _jsx(Col, { xs: 12, children: _jsx(AlacarteConfirmation, { order: alacarte.placedOrder, awaiting: false, error: alacarte.placedOrderError, onContinue: handleStartCourse, productDetail: alacarte.productDetail, productTitle: confirmationTitle, orderHistoryUrl: orderHistoryUrl !== null && orderHistoryUrl !== void 0 ? orderHistoryUrl : null }) }) })] }));
+        return (_jsxs(_Fragment, { children: [alacarteDebug, _jsx(Row, { className: "checkout__container alacarte-confirmation__container bg-light-200", children: _jsx(Col, { xs: 12, children: _jsx(AlacarteConfirmation, { order: alacarte.placedOrder, awaiting: false, error: alacarte.placedOrderError, onContinue: handleStartCourse, productDetail: alacarte.productDetail, productTitle: confirmationTitle, orderHistoryUrl: orderHistoryUrl !== null && orderHistoryUrl !== void 0 ? orderHistoryUrl : null, placedAt: alacarte.placedOrderPlacedAt }) }) })] }));
     }
     if (alacarte.phase === 'loading') {
         return (_jsxs(_Fragment, { children: [alacarteDebug, _jsx(ProcessingScreen, {})] }));

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

@@ -1 +1 @@
-{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../../src/components/Checkout/Checkout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Alert, Button, Col, Row } from '@openedx/paragon';\nimport { CheckCircle, 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 { useAlacarteCheckout } from '../../data/hooks/useAlacarteCheckout';\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 AlacarteNotice from '../AlacarteNotice/AlacarteNotice';\nimport AlacarteConfirmation from '../AlacarteConfirmation/AlacarteConfirmation';\nimport AlacarteDebugPanel from '../AlacarteDebugPanel/AlacarteDebugPanel'; // TEMPORARY — remove alongside AlacarteDebugPanel\nimport { getTrialDateRange } from '@src/utils';\nimport { getLearnerFacingCheckoutMessage } from '../../utils/checkoutErrors';\nimport { appliedDiscountPercent } from '../../utils/discount';\nimport { confirmPaymentWithMethodId } from '../../utils/stripeCard';\nimport { SuccessScreen, BlockedScreen, ProcessingScreen } from '../StatusScreens/StatusScreens';\nimport type { BillingCycle, CourseDetail } from '../../types';\nimport type { ProgramDetail } from '../../types/alacarte';\nimport messages from './Messages';\n\n// TEMPORARY — redirect-home-on-noActiveCheckout disabled per request; shows a\n// banner instead so the case is visible while the flow is being verified.\n// Flip back to true to restore the redirect.\nconst REDIRECT_ON_NO_ACTIVE_CHECKOUT = false;\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  /** Learner dashboard / order history URL for confirmation CTAs. */\n  orderHistoryUrl?: string,\n};\n\nconst Checkout = ({\n  homeUrl = '/',\n  orderHistoryUrl,\n  ...props\n}: CheckoutProps) => {\n  const { formatMessage } = useIntl();\n  const alacarte = useAlacarteCheckout({ apiUrl: props.apiUrl, edxSessionUrl: props.edxSessionUrl });\n  const c = useCheckout(props);\n  const [promoCodeValue, setPromoCodeValue] = useState('');\n  const [dismissedCouponAlert, setDismissedCouponAlert] = useState<string | null>(null);\n  const [showValidationBanner, setShowValidationBanner] = useState(false);\n  // Last code we successfully priced — drives the \"Save {percent}% with code\n  // {code}\" hint on the empty field while a coupon is not yet applied.\n  const [advertisedOffer, setAdvertisedOffer] = useState<{ code: string, percent: number } | null>(null);\n  const isAlacarteReady = (alacarte.phase === 'ready' || alacarte.phase === 'alreadyOwned') && !!alacarte.checkout;\n  const appliedCouponCode = alacarte.checkout?.couponCode?.trim()\n    ? alacarte.checkout.couponCode.trim()\n    : null;\n  const discountPercent = appliedDiscountPercent(alacarte.line);\n  const appliedDiscount = appliedCouponCode && alacarte.line?.discount && discountPercent != null\n    ? {\n        percent: discountPercent,\n        amount: alacarte.line.discount.amount,\n        currency: alacarte.line.discount.currency,\n      }\n    : null;\n\n  // Keep the coupon field in sync when a code is applied via URL or API.\n  useEffect(() => {\n    if (alacarte.checkout?.couponCode) {\n      setPromoCodeValue(alacarte.checkout.couponCode);\n    }\n  }, [alacarte.checkout?.couponCode]);\n\n  useEffect(() => {\n    if (appliedCouponCode && discountPercent != null) {\n      setAdvertisedOffer({ code: appliedCouponCode, percent: discountPercent });\n    }\n  }, [appliedCouponCode, discountPercent]);\n\n  // No query params and no active cart — nothing to check out, send the\n  // learner home rather than showing a placeholder.\n  useEffect(() => {\n    if (REDIRECT_ON_NO_ACTIVE_CHECKOUT && alacarte.phase === 'noActiveCheckout') {\n      window.location.href = homeUrl;\n    }\n  }, [alacarte.phase, homeUrl]);\n\n  // Express checkout (Apple Pay / Google Pay): runs the full place-order flow\n  // using a wallet-provided PaymentMethod id instead of the mounted card element.\n  const handleExpressPayment = useCallback(async (paymentMethodId: string, walletCountry?: string) => {\n    if (!c.stripe) throw new Error('Stripe not loaded');\n    const stripeInstance = c.stripe;\n\n    await alacarte.placeOrderAsync({\n      billing: {\n        ...c.billing,\n        country: c.billing.country || walletCountry || c.userCountry || '',\n      },\n      confirmCardPayment: async (clientSecret: string) => {\n        await confirmPaymentWithMethodId({\n          stripe: stripeInstance,\n          clientSecret,\n          paymentMethodId,\n        });\n      },\n    });\n  }, [alacarte, c.billing, c.userCountry, c.stripe]);\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 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  // Prefer the à la carte course's own detail (skills/badge/image, richer than\n  // the subscription flow's ?course_run_key= lookup) when we selected a course.\n  // When already-owned the line may be null, so fall back to the selector kind.\n  const isCourseProduct = alacarte.line?.kind === 'course' || alacarte.selector?.kind === 'course';\n  const isProgramProduct = alacarte.line?.kind === 'program' || alacarte.selector?.kind === 'program';\n\n  const alacarteCourseDetail: CourseDetail | null\n    = isCourseProduct && alacarte.productDetail && 'maId' in alacarte.productDetail\n      ? alacarte.productDetail\n      : null;\n  const courseForSummary = alacarteCourseDetail ?? c.course;\n\n  const alacarteProgramDetail: ProgramDetail | null\n    = isProgramProduct && alacarte.productDetail && 'tCourses' in alacarte.productDetail\n      ? alacarte.productDetail\n      : null;\n\n  const handleStartCourse = () => {\n    const alacarteCourseUrl = alacarteCourseDetail?.tUrlCourse\n      || (alacarte.productDetail && 'tUrlCourse' in alacarte.productDetail\n        ? alacarte.productDetail.tUrlCourse\n        : null);\n    if (alacarteCourseUrl) {\n      window.location.href = alacarteCourseUrl;\n    } else if (c.course?.tUrlCourse) {\n      window.location.href = c.course.tUrlCourse;\n    } else {\n      window.location.href = homeUrl || '/';\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  // TEMPORARY — flip to true to dump à la carte hook state while validating\n  // against the real backend. Remove AlacarteDebugPanel once the flow is solid.\n  const SHOW_ALACARTE_DEBUG = false;\n  const alacarteDebug = SHOW_ALACARTE_DEBUG\n    ? <AlacarteDebugPanel data={alacarte} />\n    : null;\n\n  // Confirmation: show once the order is ready (or failed to load). While\n  // tPlacedOrder is still polling, keep the checkout form so Pay now can show\n  // \"Processing...\" instead of a full-page loader.\n  if (alacarte.placedOrder || alacarte.placedOrderError) {\n    const confirmationTitle = alacarte.line?.kind === 'program'\n      ? alacarte.line.programName\n      : alacarte.line?.kind === 'course'\n        ? alacarte.line.courseName\n        : null;\n\n    return (\n      <>\n        {alacarteDebug}\n        <Row className=\"checkout__container bg-light-200\">\n          <Col xs={12}>\n            <AlacarteConfirmation\n              order={alacarte.placedOrder}\n              awaiting={false}\n              error={alacarte.placedOrderError}\n              onContinue={handleStartCourse}\n              productDetail={alacarte.productDetail}\n              productTitle={confirmationTitle}\n              orderHistoryUrl={orderHistoryUrl ?? null}\n            />\n          </Col>\n        </Row>\n      </>\n    );\n  }\n\n  if (alacarte.phase === 'loading') {\n    return (\n      <>\n        {alacarteDebug}\n        <ProcessingScreen />\n      </>\n    );\n  }\n  if (alacarte.phase === 'noActiveCheckout' && REDIRECT_ON_NO_ACTIVE_CHECKOUT) {\n    // Redirects home via the effect above — show a spinner rather than a\n    // notice while that happens.\n    return (\n      <>\n        {alacarteDebug}\n        <ProcessingScreen />\n      </>\n    );\n  }\n  if (alacarte.phase === 'noActiveCheckout') {\n    return (\n      <>\n        {alacarteDebug}\n        <AlacarteNotice messageId={alacarte.noticeMessageId!} />\n      </>\n    );\n  }\n  if (alacarte.phase === 'notPurchasable') {\n    return (\n      <>\n        {alacarteDebug}\n        <Row className=\"checkout__container bg-light-200\">\n          <Col xs={12}>\n            <Alert variant=\"danger\" icon={ErrorIcon}>\n              {alacarte.error}\n            </Alert>\n          </Col>\n        </Row>\n      </>\n    );\n  }\n\n  const isAlreadyOwned = alacarte.isAlreadyOwned;\n\n  return (\n    <>\n      {alacarteDebug}\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</h1>\n        </Col>\n\n        <Col xs={12} className={isAlreadyOwned ? 'checkout__owned-overlay' : ''}>\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 mb-4\">\n                  Checkout\n                </h1>\n\n                {isAlreadyOwned && (\n                  <Alert\n                    variant=\"danger\"\n                    icon={ErrorIcon}\n                    className=\"checkout__already-owned-alert mb-3\"\n                    data-testid=\"already-owned-alert\"\n                  >\n                    <p className=\"mb-3\">\n                      {formatMessage(\n                        alacarte.selector?.kind === 'program'\n                          ? messages.alreadyPaidProgram\n                          : messages.alreadyPaidCourse,\n                      )}\n                    </p>\n                    <div className=\"d-flex align-items-center justify-content-end gap-3 flex-wrap\">\n                      {orderHistoryUrl && (\n                        <a href={orderHistoryUrl} className=\"text-gray-900 font-weight-bold\">\n                          {formatMessage(messages.viewOrderHistory)}\n                        </a>\n                      )}\n                      <Button variant=\"brand\" className=\"rounded-pill\" onClick={handleStartCourse}>\n                        {formatMessage(messages.goToCourse)}\n                      </Button>\n                    </div>\n                  </Alert>\n                )}\n\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                {alacarte.placeOrderError && (\n                  <Alert\n                    variant=\"danger\"\n                    icon={ErrorIcon}\n                    dismissible\n                    onClose={alacarte.clearPlaceOrderError}\n                    className=\"mb-3\"\n                  >\n                    {alacarte.placeOrderError}\n                  </Alert>\n                )}\n\n                {alacarte.couponError && (\n                  <Alert\n                    variant=\"danger\"\n                    icon={ErrorIcon}\n                    dismissible\n                    onClose={alacarte.clearCouponError}\n                    className=\"mb-3\"\n                    data-testid=\"coupon-error-alert\"\n                  >\n                    {alacarte.couponError}\n                  </Alert>\n                )}\n\n                {!alacarte.priceAccepted && isAlacarteReady && alacarte.line?.amountDue && (\n                  <Alert variant=\"info\" className=\"mb-3\" data-testid=\"price-accept-notice\">\n                    {formatMessage(messages.priceChangedNotice, {\n                      amount: alacarte.line.amountDue.amount.toFixed(2),\n                      currency: alacarte.line.amountDue.currency,\n                    })}\n                  </Alert>\n                )}\n\n                {showForm && (\n                  <>\n                    {showValidationBanner && (\n                      <Alert variant=\"danger\" icon={ErrorIcon} className=\"mb-3\">\n                        {formatMessage(messages.validationBanner)}\n                      </Alert>\n                    )}\n                    {c.phase === 'failed' && (\n                      <Alert variant=\"danger\" icon={ErrorIcon} className=\"mb-3\">\n                        {failedMessage\n                        || formatMessage(messages.paymentProcessingDescription)}\n                      </Alert>\n                    )}\n                    {appliedCouponCode && appliedDiscount && dismissedCouponAlert !== appliedCouponCode && (\n                      <Alert\n                        variant=\"success\"\n                        icon={CheckCircle}\n                        dismissible\n                        closeLabel={formatMessage(messages.dismiss)}\n                        onClose={() => setDismissedCouponAlert(appliedCouponCode)}\n                        className=\"coupon-applied-alert\"\n                        data-testid=\"coupon-applied-alert\"\n                      >\n                        <span aria-hidden=\"true\">🎉 </span>\n                        {formatMessage(messages.couponAppliedAlert, {\n                          code: appliedCouponCode,\n                          percent: appliedDiscount.percent,\n                        })}\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                      cardFieldStates={c.cardFieldStates}\n                      stripeReady={c.stripeReady}\n                      sessionReady={c.sessionReady}\n                      submitting={\n                        isAlacarteReady\n                          ? (alacarte.placingOrder || alacarte.awaitingPlacedOrder)\n                          : c.processingSubscription\n                      }\n                      onPlaceOrder={\n                        isAlacarteReady\n                          ? () => {\n                              alacarte.placeOrder({\n                                billing: {\n                                  ...c.billing,\n                                  // Country is required on tCheckoutPlaceOrder (two-letter ISO).\n                                  // Prefer the form selection; fall back to gate geolocation.\n                                  country: c.billing.country || c.userCountry || '',\n                                },\n                                confirmCardPayment: c.confirmCardPayment,\n                              });\n                            }\n                          : c.placeOrder\n                      }\n                      onValidationError={setShowValidationBanner}\n                      trialEnd={selectedCycle === 'monthly' ? displayEnd : undefined}\n                      priceToShow={null}\n                      cycleToShow={selectedCycle === 'monthly' ? 'monthly' : 'annual'}\n                      userCountry={c.userCountry}\n                      geolocationUrl={props.geolocationUrl}\n                      alacarteLine={alacarte.line}\n                      stripe={c.stripe}\n                      expressCountry={c.billing.country || c.userCountry || 'US'}\n                      onExpressPayment={isAlacarteReady ? handleExpressPayment : undefined}\n                    />\n                  </>\n                )}\n\n                {c.phase === 'success' && (\n                  <SuccessScreen\n                    subscriptionBiId={c.subscriptionDetails?.biId || ''}\n                    cardLast4={c.subscriptionDetails?.cardLast4 || ''}\n                    purchaseDate={displayStart}\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                  course={c.course}\n                  onStartCourse={handleStartCourse}\n                />\n              ) : (\n                <CartSummary\n                  defaultCycle={selectedCycle}\n                  onCycleChange={c.processingSubscription ? undefined : c.setCycle}\n                  course={courseForSummary}\n                  alacarteLine={alacarte.line}\n                  programDetail={alacarteProgramDetail}\n                  programName={alacarte.ownedProductName}\n                  promoCode={isAlacarteReady ? {\n                    value: promoCodeValue,\n                    onChange: (next) => {\n                      setPromoCodeValue(next);\n                      if (alacarte.couponError) alacarte.clearCouponError();\n                    },\n                    onApply: () => alacarte.applyCoupon(promoCodeValue),\n                    onRemove: () => {\n                      alacarte.removeCoupon();\n                      setPromoCodeValue('');\n                      setAdvertisedOffer(null);\n                    },\n                    appliedCode: appliedCouponCode,\n                    discount: appliedDiscount,\n                    offer: !appliedCouponCode ? advertisedOffer : null,\n                    error: alacarte.couponError,\n                    isApplying: alacarte.couponApplying,\n                    disabled: alacarte.placingOrder,\n                  } : null}\n                />\n              )}\n            </Col>\n          </Row>\n        </Col>\n      </Row>\n    </>\n  );\n};\n\nexport default Checkout;\n"]}
+{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../../src/components/Checkout/Checkout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Alert, Button, Col, Row } from '@openedx/paragon';\nimport { CheckCircle, 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 { useAlacarteCheckout } from '../../data/hooks/useAlacarteCheckout';\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 AlacarteNotice from '../AlacarteNotice/AlacarteNotice';\nimport AlacarteConfirmation from '../AlacarteConfirmation/AlacarteConfirmation';\nimport AlacarteDebugPanel from '../AlacarteDebugPanel/AlacarteDebugPanel'; // TEMPORARY — remove alongside AlacarteDebugPanel\nimport { getTrialDateRange } from '@src/utils';\nimport { getLearnerFacingCheckoutMessage } from '../../utils/checkoutErrors';\nimport { appliedDiscountPercent } from '../../utils/discount';\nimport { confirmPaymentWithMethodId } from '../../utils/stripeCard';\nimport { SuccessScreen, BlockedScreen, ProcessingScreen } from '../StatusScreens/StatusScreens';\nimport type { BillingCycle, CourseDetail } from '../../types';\nimport type { ProgramDetail } from '../../types/alacarte';\nimport messages from './Messages';\n\n// TEMPORARY — redirect-home-on-noActiveCheckout disabled per request; shows a\n// banner instead so the case is visible while the flow is being verified.\n// Flip back to true to restore the redirect.\nconst REDIRECT_ON_NO_ACTIVE_CHECKOUT = false;\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  /** Learner dashboard / order history URL for confirmation CTAs. */\n  orderHistoryUrl?: string,\n};\n\nconst Checkout = ({\n  homeUrl = '/',\n  orderHistoryUrl,\n  ...props\n}: CheckoutProps) => {\n  const { formatMessage } = useIntl();\n  const alacarte = useAlacarteCheckout({ apiUrl: props.apiUrl, edxSessionUrl: props.edxSessionUrl });\n  const c = useCheckout(props);\n  const [promoCodeValue, setPromoCodeValue] = useState('');\n  const [dismissedCouponAlert, setDismissedCouponAlert] = useState<string | null>(null);\n  const [showValidationBanner, setShowValidationBanner] = useState(false);\n  // Last code we successfully priced — drives the \"Save {percent}% with code\n  // {code}\" hint on the empty field while a coupon is not yet applied.\n  const [advertisedOffer, setAdvertisedOffer] = useState<{ code: string, percent: number } | null>(null);\n  const isAlacarteReady = (alacarte.phase === 'ready' || alacarte.phase === 'alreadyOwned') && !!alacarte.checkout;\n  const appliedCouponCode = alacarte.checkout?.couponCode?.trim()\n    ? alacarte.checkout.couponCode.trim()\n    : null;\n  const discountPercent = appliedDiscountPercent(alacarte.line);\n  const appliedDiscount = appliedCouponCode && alacarte.line?.discount && discountPercent != null\n    ? {\n        percent: discountPercent,\n        amount: alacarte.line.discount.amount,\n        currency: alacarte.line.discount.currency,\n      }\n    : null;\n\n  // Keep the coupon field in sync when a code is applied via URL or API.\n  useEffect(() => {\n    if (alacarte.checkout?.couponCode) {\n      setPromoCodeValue(alacarte.checkout.couponCode);\n    }\n  }, [alacarte.checkout?.couponCode]);\n\n  useEffect(() => {\n    if (appliedCouponCode && discountPercent != null) {\n      setAdvertisedOffer({ code: appliedCouponCode, percent: discountPercent });\n    }\n  }, [appliedCouponCode, discountPercent]);\n\n  // No query params and no active cart — nothing to check out, send the\n  // learner home rather than showing a placeholder.\n  useEffect(() => {\n    if (REDIRECT_ON_NO_ACTIVE_CHECKOUT && alacarte.phase === 'noActiveCheckout') {\n      window.location.href = homeUrl;\n    }\n  }, [alacarte.phase, homeUrl]);\n\n  // Express checkout (Apple Pay / Google Pay): runs the full place-order flow\n  // using a wallet-provided PaymentMethod id instead of the mounted card element.\n  const handleExpressPayment = useCallback(async (paymentMethodId: string, walletCountry?: string) => {\n    if (!c.stripe) throw new Error('Stripe not loaded');\n    const stripeInstance = c.stripe;\n\n    await alacarte.placeOrderAsync({\n      billing: {\n        ...c.billing,\n        country: c.billing.country || walletCountry || c.userCountry || '',\n      },\n      confirmCardPayment: async (clientSecret: string) => {\n        await confirmPaymentWithMethodId({\n          stripe: stripeInstance,\n          clientSecret,\n          paymentMethodId,\n        });\n      },\n    });\n  }, [alacarte, c.billing, c.userCountry, c.stripe]);\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 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  // Prefer the à la carte course's own detail (skills/badge/image, richer than\n  // the subscription flow's ?course_run_key= lookup) when we selected a course.\n  // When already-owned the line may be null, so fall back to the selector kind.\n  const isCourseProduct = alacarte.line?.kind === 'course' || alacarte.selector?.kind === 'course';\n  const isProgramProduct = alacarte.line?.kind === 'program' || alacarte.selector?.kind === 'program';\n\n  const alacarteCourseDetail: CourseDetail | null\n    = isCourseProduct && alacarte.productDetail && 'maId' in alacarte.productDetail\n      ? alacarte.productDetail\n      : null;\n  const courseForSummary = alacarteCourseDetail ?? c.course;\n\n  const alacarteProgramDetail: ProgramDetail | null\n    = isProgramProduct && alacarte.productDetail && 'tCourses' in alacarte.productDetail\n      ? alacarte.productDetail\n      : null;\n\n  const handleStartCourse = () => {\n    const alacarteCourseUrl = alacarteCourseDetail?.tUrlCourse\n      || (alacarte.productDetail && 'tUrlCourse' in alacarte.productDetail\n        ? alacarte.productDetail.tUrlCourse\n        : null);\n    if (alacarteCourseUrl) {\n      window.location.href = alacarteCourseUrl;\n    } else if (c.course?.tUrlCourse) {\n      window.location.href = c.course.tUrlCourse;\n    } else {\n      window.location.href = homeUrl || '/';\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  // TEMPORARY — flip to true to dump à la carte hook state while validating\n  // against the real backend. Remove AlacarteDebugPanel once the flow is solid.\n  const SHOW_ALACARTE_DEBUG = false;\n  const alacarteDebug = SHOW_ALACARTE_DEBUG\n    ? <AlacarteDebugPanel data={alacarte} />\n    : null;\n\n  // Confirmation: show once the order is ready (or failed to load). While\n  // tPlacedOrder is still polling, keep the checkout form so Pay now can show\n  // \"Processing...\" instead of a full-page loader.\n  if (alacarte.placedOrder || alacarte.placedOrderError) {\n    const confirmationTitle = alacarte.line?.kind === 'program'\n      ? alacarte.line.programName\n      : alacarte.line?.kind === 'course'\n        ? alacarte.line.courseName\n        : null;\n\n    return (\n      <>\n        {alacarteDebug}\n        <Row className=\"checkout__container alacarte-confirmation__container bg-light-200\">\n          <Col xs={12}>\n            <AlacarteConfirmation\n              order={alacarte.placedOrder}\n              awaiting={false}\n              error={alacarte.placedOrderError}\n              onContinue={handleStartCourse}\n              productDetail={alacarte.productDetail}\n              productTitle={confirmationTitle}\n              orderHistoryUrl={orderHistoryUrl ?? null}\n              placedAt={alacarte.placedOrderPlacedAt}\n            />\n          </Col>\n        </Row>\n      </>\n    );\n  }\n\n  if (alacarte.phase === 'loading') {\n    return (\n      <>\n        {alacarteDebug}\n        <ProcessingScreen />\n      </>\n    );\n  }\n  if (alacarte.phase === 'noActiveCheckout' && REDIRECT_ON_NO_ACTIVE_CHECKOUT) {\n    // Redirects home via the effect above — show a spinner rather than a\n    // notice while that happens.\n    return (\n      <>\n        {alacarteDebug}\n        <ProcessingScreen />\n      </>\n    );\n  }\n  if (alacarte.phase === 'noActiveCheckout') {\n    return (\n      <>\n        {alacarteDebug}\n        <AlacarteNotice messageId={alacarte.noticeMessageId!} />\n      </>\n    );\n  }\n  if (alacarte.phase === 'notPurchasable') {\n    return (\n      <>\n        {alacarteDebug}\n        <Row className=\"checkout__container bg-light-200\">\n          <Col xs={12}>\n            <Alert variant=\"danger\" icon={ErrorIcon}>\n              {alacarte.error}\n            </Alert>\n          </Col>\n        </Row>\n      </>\n    );\n  }\n\n  const isAlreadyOwned = alacarte.isAlreadyOwned;\n\n  return (\n    <>\n      {alacarteDebug}\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</h1>\n        </Col>\n\n        <Col xs={12} className={isAlreadyOwned ? 'checkout__owned-overlay' : ''}>\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 mb-4\">\n                  Checkout\n                </h1>\n\n                {isAlreadyOwned && (\n                  <Alert\n                    variant=\"danger\"\n                    icon={ErrorIcon}\n                    className=\"checkout__already-owned-alert mb-3\"\n                    data-testid=\"already-owned-alert\"\n                  >\n                    <p className=\"mb-3\">\n                      {formatMessage(\n                        alacarte.selector?.kind === 'program'\n                          ? messages.alreadyPaidProgram\n                          : messages.alreadyPaidCourse,\n                      )}\n                    </p>\n                    <div className=\"d-flex align-items-center justify-content-end gap-3 flex-wrap\">\n                      {orderHistoryUrl && (\n                        <a href={orderHistoryUrl} className=\"text-gray-900 font-weight-bold\">\n                          {formatMessage(messages.viewOrderHistory)}\n                        </a>\n                      )}\n                      <Button variant=\"brand\" className=\"rounded-pill\" onClick={handleStartCourse}>\n                        {formatMessage(messages.goToCourse)}\n                      </Button>\n                    </div>\n                  </Alert>\n                )}\n\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                {alacarte.placeOrderError && (\n                  <Alert\n                    variant=\"danger\"\n                    icon={ErrorIcon}\n                    dismissible\n                    onClose={alacarte.clearPlaceOrderError}\n                    className=\"mb-3\"\n                  >\n                    {alacarte.placeOrderError}\n                  </Alert>\n                )}\n\n                {alacarte.couponError && (\n                  <Alert\n                    variant=\"danger\"\n                    icon={ErrorIcon}\n                    dismissible\n                    onClose={alacarte.clearCouponError}\n                    className=\"mb-3\"\n                    data-testid=\"coupon-error-alert\"\n                  >\n                    {alacarte.couponError}\n                  </Alert>\n                )}\n\n                {!alacarte.priceAccepted && isAlacarteReady && alacarte.line?.amountDue && (\n                  <Alert variant=\"info\" className=\"mb-3\" data-testid=\"price-accept-notice\">\n                    {formatMessage(messages.priceChangedNotice, {\n                      amount: alacarte.line.amountDue.amount.toFixed(2),\n                      currency: alacarte.line.amountDue.currency,\n                    })}\n                  </Alert>\n                )}\n\n                {showForm && (\n                  <>\n                    {showValidationBanner && (\n                      <Alert variant=\"danger\" icon={ErrorIcon} className=\"mb-3\">\n                        {formatMessage(messages.validationBanner)}\n                      </Alert>\n                    )}\n                    {c.phase === 'failed' && (\n                      <Alert variant=\"danger\" icon={ErrorIcon} className=\"mb-3\">\n                        {failedMessage\n                        || formatMessage(messages.paymentProcessingDescription)}\n                      </Alert>\n                    )}\n                    {appliedCouponCode && appliedDiscount && dismissedCouponAlert !== appliedCouponCode && (\n                      <Alert\n                        variant=\"success\"\n                        icon={CheckCircle}\n                        dismissible\n                        closeLabel={formatMessage(messages.dismiss)}\n                        onClose={() => setDismissedCouponAlert(appliedCouponCode)}\n                        className=\"coupon-applied-alert\"\n                        data-testid=\"coupon-applied-alert\"\n                      >\n                        <span aria-hidden=\"true\">🎉 </span>\n                        {formatMessage(messages.couponAppliedAlert, {\n                          code: appliedCouponCode,\n                          percent: appliedDiscount.percent,\n                        })}\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                      cardFieldStates={c.cardFieldStates}\n                      stripeReady={c.stripeReady}\n                      sessionReady={c.sessionReady}\n                      submitting={\n                        isAlacarteReady\n                          ? (alacarte.placingOrder || alacarte.awaitingPlacedOrder)\n                          : c.processingSubscription\n                      }\n                      onPlaceOrder={\n                        isAlacarteReady\n                          ? () => {\n                              alacarte.placeOrder({\n                                billing: {\n                                  ...c.billing,\n                                  // Country is required on tCheckoutPlaceOrder (two-letter ISO).\n                                  // Prefer the form selection; fall back to gate geolocation.\n                                  country: c.billing.country || c.userCountry || '',\n                                },\n                                confirmCardPayment: c.confirmCardPayment,\n                              });\n                            }\n                          : c.placeOrder\n                      }\n                      onValidationError={setShowValidationBanner}\n                      trialEnd={selectedCycle === 'monthly' ? displayEnd : undefined}\n                      priceToShow={null}\n                      cycleToShow={selectedCycle === 'monthly' ? 'monthly' : 'annual'}\n                      userCountry={c.userCountry}\n                      geolocationUrl={props.geolocationUrl}\n                      alacarteLine={alacarte.line}\n                      stripe={c.stripe}\n                      expressCountry={c.billing.country || c.userCountry || 'US'}\n                      onExpressPayment={isAlacarteReady ? handleExpressPayment : undefined}\n                    />\n                  </>\n                )}\n\n                {c.phase === 'success' && (\n                  <SuccessScreen\n                    subscriptionBiId={c.subscriptionDetails?.biId || ''}\n                    cardLast4={c.subscriptionDetails?.cardLast4 || ''}\n                    purchaseDate={displayStart}\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                  course={c.course}\n                  onStartCourse={handleStartCourse}\n                />\n              ) : (\n                <CartSummary\n                  defaultCycle={selectedCycle}\n                  onCycleChange={c.processingSubscription ? undefined : c.setCycle}\n                  course={courseForSummary}\n                  alacarteLine={alacarte.line}\n                  programDetail={alacarteProgramDetail}\n                  programName={alacarte.ownedProductName}\n                  promoCode={isAlacarteReady ? {\n                    value: promoCodeValue,\n                    onChange: (next) => {\n                      setPromoCodeValue(next);\n                      if (alacarte.couponError) alacarte.clearCouponError();\n                    },\n                    onApply: () => alacarte.applyCoupon(promoCodeValue),\n                    onRemove: () => {\n                      alacarte.removeCoupon();\n                      setPromoCodeValue('');\n                      setAdvertisedOffer(null);\n                    },\n                    appliedCode: appliedCouponCode,\n                    discount: appliedDiscount,\n                    offer: !appliedCouponCode ? advertisedOffer : null,\n                    error: alacarte.couponError,\n                    isApplying: alacarte.couponApplying,\n                    disabled: alacarte.placingOrder,\n                  } : null}\n                />\n              )}\n            </Col>\n          </Row>\n        </Col>\n      </Row>\n    </>\n  );\n};\n\nexport default Checkout;\n"]}

package/dist/components/DemoPdpBanner/DemoPdpBanner.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare global {
+    interface Window {
+        activeProgramId?: string;
+        activeCourseUid?: string;
+        activeCourseRunKey?: string;
+        activeDiscountCode?: string;
+    }
+}
+interface DemoPdpBannerProps {
+    onEnroll: () => void;
+}
+declare const DemoPdpBanner: React.FC<DemoPdpBannerProps>;
+export default DemoPdpBanner;

package/dist/components/DemoPdpBanner/DemoPdpBanner.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_PROGRAM_UID = '01a06551-667b-7c85-9286-f6a60b9eb287';
+const DEFAULT_DISCOUNT_CODE = '';
+function buildCheckoutUrl() {
+    var _a;
+    const programUid = window.activeProgramId || DEFAULT_PROGRAM_UID;
+    const courseUid = window.activeCourseUid || '';
+    const courseRunKey = window.activeCourseRunKey || '';
+    const discountCode = (_a = window.activeDiscountCode) !== null && _a !== void 0 ? _a : DEFAULT_DISCOUNT_CODE;
+    const params = new URLSearchParams();
+    if (courseUid && courseRunKey) {
+        params.set('course_uid', courseUid);
+        params.set('course_run_key', courseRunKey);
+    }
+    else {
+        params.set('program_uid', programUid);
+    }
+    if (discountCode) {
+        params.set('discount_code', discountCode);
+    }
+    return `/aca-checkout?${params.toString()}`;
+}
+const HarvardShield = () => (_jsxs("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { width: "30", height: "30", rx: "2", fill: "#A41034" }), _jsx("text", { x: "15", y: "20", textAnchor: "middle", fill: "#fff", fontSize: "16", fontWeight: "700", fontFamily: "serif", children: "H" })] }));
+const DemoPdpBanner = ({ onEnroll }) => {
+    const handleEarnCertificate = (e) => {
+        e.preventDefault();
+        const url = buildCheckoutUrl();
+        window.history.pushState({}, '', url);
+        onEnroll();
+    };
+    return (_jsxs("div", { className: "demo-pdp", children: [_jsxs("div", { className: "demo-pdp__hero", children: [_jsx("div", { className: "demo-pdp__hero-bg" }), _jsxs("div", { className: "demo-pdp__hero-content", children: [_jsxs("div", { className: "demo-pdp__main", children: [_jsxs("div", { className: "demo-pdp__institution", children: [_jsx(HarvardShield, {}), _jsxs("span", { className: "demo-pdp__institution-name", children: ["Harvard", _jsx("br", {}), "University"] })] }), _jsxs("h1", { className: "demo-pdp__title", children: ["Computer Science for", _jsx("br", {}), "Python Programming"] }), _jsxs("p", { className: "demo-pdp__meta", children: [_jsx("strong", { children: "2 courses" }), ", 6 months"] }), _jsx("button", { type: "button", className: "demo-pdp__cta-primary", onClick: handleEarnCertificate, children: "Earn a certificate" }), _jsxs("label", { className: "demo-pdp__consent", children: [_jsx("input", { type: "checkbox", className: "demo-pdp__checkbox", defaultChecked: false }), _jsx("span", { className: "demo-pdp__consent-text", children: "I would like to receive email from HarvardX and learn about other offerings related to Computer Science for Python Programming." })] })] }), _jsx("div", { className: "demo-pdp__sidebar", children: _jsxs("div", { className: "demo-pdp__card", children: [_jsx("p", { className: "demo-pdp__card-eyebrow", children: "Earn a certificate" }), _jsxs("h2", { className: "demo-pdp__card-title", children: ["Computer Science for", _jsx("br", {}), "Python Programming"] }), _jsxs("p", { className: "demo-pdp__card-enrollments", children: [_jsx("strong", { children: "9,341,307" }), " learners enrolled"] }), _jsxs("div", { className: "demo-pdp__card-courses", children: [_jsx("p", { className: "demo-pdp__card-courses-label", children: "There are 2 courses in this program" }), _jsxs("ul", { className: "demo-pdp__card-courses-list", children: [_jsx("li", { children: "CS50's Introduction to Computer Science" }), _jsx("li", { children: "CS50's Introduction to Programming with Python" })] })] }), _jsxs("div", { className: "demo-pdp__card-pricing", children: [_jsx("span", { className: "demo-pdp__card-price-original", children: "$618 USD" }), _jsx("span", { className: "demo-pdp__card-price-current", children: "$220" })] }), _jsx("button", { type: "button", className: "demo-pdp__cta-sidebar", onClick: handleEarnCertificate, children: "Earn a certificate" })] }) })] })] }), _jsxs("div", { className: "demo-pdp__features", children: [_jsxs("div", { className: "demo-pdp__feature", children: [_jsxs("svg", { className: "demo-pdp__feature-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "#fff", strokeWidth: "1.5" }), _jsx("path", { d: "M12 7v5l3 3", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round" })] }), _jsxs("div", { children: [_jsx("p", { className: "demo-pdp__feature-title", children: "Introductory" }), _jsx("p", { className: "demo-pdp__feature-desc", children: "No prior experience required" })] })] }), _jsxs("div", { className: "demo-pdp__feature", children: [_jsxs("svg", { className: "demo-pdp__feature-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [_jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", stroke: "#fff", strokeWidth: "1.5", strokeLinejoin: "round" }), _jsx("path", { d: "M2 17l10 5 10-5M2 12l10 5 10-5", stroke: "#fff", strokeWidth: "1.5", strokeLinejoin: "round" })] }), _jsxs("div", { children: [_jsx("p", { className: "demo-pdp__feature-title", children: "Self-paced" }), _jsx("p", { className: "demo-pdp__feature-desc", children: "Progress at your own speed" })] })] }), _jsxs("div", { className: "demo-pdp__feature", children: [_jsxs("svg", { className: "demo-pdp__feature-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", stroke: "#fff", strokeWidth: "1.5" }), _jsx("path", { d: "M3 10h18", stroke: "#fff", strokeWidth: "1.5" }), _jsx("path", { d: "M8 2v4M16 2v4", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round" })] }), _jsxs("div", { children: [_jsx("p", { className: "demo-pdp__feature-title", children: "8 months" }), _jsx("p", { className: "demo-pdp__feature-desc", children: "1 - 14 hours per week" })] })] })] })] }));
+};
+export default DemoPdpBanner;
+//# sourceMappingURL=DemoPdpBanner.js.map

package/dist/components/DemoPdpBanner/DemoPdpBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoPdpBanner.js","sourceRoot":"","sources":["../../../src/components/DemoPdpBanner/DemoPdpBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\ndeclare global {\n  interface Window {\n    activeProgramId?: string,\n    activeCourseUid?: string,\n    activeCourseRunKey?: string,\n    activeDiscountCode?: string,\n  }\n}\n\nconst DEFAULT_PROGRAM_UID = '01a06551-667b-7c85-9286-f6a60b9eb287';\nconst DEFAULT_DISCOUNT_CODE = '';\n\nfunction buildCheckoutUrl(): string {\n  const programUid = window.activeProgramId || DEFAULT_PROGRAM_UID;\n  const courseUid = window.activeCourseUid || '';\n  const courseRunKey = window.activeCourseRunKey || '';\n  const discountCode = window.activeDiscountCode ?? DEFAULT_DISCOUNT_CODE;\n\n  const params = new URLSearchParams();\n\n  if (courseUid && courseRunKey) {\n    params.set('course_uid', courseUid);\n    params.set('course_run_key', courseRunKey);\n  } else {\n    params.set('program_uid', programUid);\n  }\n\n  if (discountCode) {\n    params.set('discount_code', discountCode);\n  }\n\n  return `/aca-checkout?${params.toString()}`;\n}\n\nconst HarvardShield = () => (\n  <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" aria-hidden=\"true\">\n    <rect width=\"30\" height=\"30\" rx=\"2\" fill=\"#A41034\" />\n    <text x=\"15\" y=\"20\" textAnchor=\"middle\" fill=\"#fff\" fontSize=\"16\" fontWeight=\"700\" fontFamily=\"serif\">H</text>\n  </svg>\n);\n\ninterface DemoPdpBannerProps {\n  onEnroll: () => void,\n}\n\nconst DemoPdpBanner: React.FC<DemoPdpBannerProps> = ({ onEnroll }) => {\n  const handleEarnCertificate = (e: React.MouseEvent) => {\n    e.preventDefault();\n    const url = buildCheckoutUrl();\n    window.history.pushState({}, '', url);\n    onEnroll();\n  };\n\n  return (\n    <div className=\"demo-pdp\">\n      {/* ── Hero Section ── */}\n      <div className=\"demo-pdp__hero\">\n        <div className=\"demo-pdp__hero-bg\" />\n        <div className=\"demo-pdp__hero-content\">\n          <div className=\"demo-pdp__main\">\n            <div className=\"demo-pdp__institution\">\n              <HarvardShield />\n              <span className=\"demo-pdp__institution-name\">\n                Harvard<br />University\n              </span>\n            </div>\n\n            <h1 className=\"demo-pdp__title\">\n              Computer Science for<br />Python Programming\n            </h1>\n\n            <p className=\"demo-pdp__meta\">\n              <strong>2 courses</strong>, 6 months\n            </p>\n\n            <button\n              type=\"button\"\n              className=\"demo-pdp__cta-primary\"\n              onClick={handleEarnCertificate}\n            >\n              Earn a certificate\n            </button>\n\n            {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}\n            <label className=\"demo-pdp__consent\">\n              <input type=\"checkbox\" className=\"demo-pdp__checkbox\" defaultChecked={false} />\n              <span className=\"demo-pdp__consent-text\">\n                I would like to receive email from HarvardX and learn about other offerings related to\n                Computer Science for Python Programming.\n              </span>\n            </label>\n          </div>\n\n          {/* ── Right sidebar card ── */}\n          <div className=\"demo-pdp__sidebar\">\n            <div className=\"demo-pdp__card\">\n              <p className=\"demo-pdp__card-eyebrow\">Earn a certificate</p>\n              <h2 className=\"demo-pdp__card-title\">\n                Computer Science for<br />Python Programming\n              </h2>\n              <p className=\"demo-pdp__card-enrollments\">\n                <strong>9,341,307</strong> learners enrolled\n              </p>\n\n              <div className=\"demo-pdp__card-courses\">\n                <p className=\"demo-pdp__card-courses-label\">\n                  There are 2 courses in this program\n                </p>\n                <ul className=\"demo-pdp__card-courses-list\">\n                  <li>CS50&apos;s Introduction to Computer Science</li>\n                  <li>CS50&apos;s Introduction to Programming with Python</li>\n                </ul>\n              </div>\n\n              <div className=\"demo-pdp__card-pricing\">\n                <span className=\"demo-pdp__card-price-original\">$618 USD</span>\n                <span className=\"demo-pdp__card-price-current\">$220</span>\n              </div>\n\n              <button\n                type=\"button\"\n                className=\"demo-pdp__cta-sidebar\"\n                onClick={handleEarnCertificate}\n              >\n                Earn a certificate\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* ── Bottom features bar ── */}\n      <div className=\"demo-pdp__features\">\n        <div className=\"demo-pdp__feature\">\n          <svg className=\"demo-pdp__feature-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#fff\" strokeWidth=\"1.5\" />\n            <path d=\"M12 7v5l3 3\" stroke=\"#fff\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n          </svg>\n          <div>\n            <p className=\"demo-pdp__feature-title\">Introductory</p>\n            <p className=\"demo-pdp__feature-desc\">No prior experience required</p>\n          </div>\n        </div>\n        <div className=\"demo-pdp__feature\">\n          <svg className=\"demo-pdp__feature-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 2L2 7l10 5 10-5-10-5z\" stroke=\"#fff\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n            <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"#fff\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n          </svg>\n          <div>\n            <p className=\"demo-pdp__feature-title\">Self-paced</p>\n            <p className=\"demo-pdp__feature-desc\">Progress at your own speed</p>\n          </div>\n        </div>\n        <div className=\"demo-pdp__feature\">\n          <svg className=\"demo-pdp__feature-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"#fff\" strokeWidth=\"1.5\" />\n            <path d=\"M3 10h18\" stroke=\"#fff\" strokeWidth=\"1.5\" />\n            <path d=\"M8 2v4M16 2v4\" stroke=\"#fff\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n          </svg>\n          <div>\n            <p className=\"demo-pdp__feature-title\">8 months</p>\n            <p className=\"demo-pdp__feature-desc\">1 - 14 hours per week</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default DemoPdpBanner;\n"]}

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

@@ -16,4 +16,5 @@ export declare const alacarteKeys: {
     ownedProduct: (productId: string) => readonly ["alacarte", "ownedProduct", string];
     productDetail: (key: string) => readonly ["alacarte", "productDetail", string];
     placedOrder: (biId: string) => readonly ["alacarte", "placedOrder", string];
+    orderDates: (biId: string) => readonly ["alacarte", "orderDates", string];
 };

package/dist/data/hooks/keys.js

@@ -16,5 +16,6 @@ export const alacarteKeys = {
     ownedProduct: (productId) => ['alacarte', 'ownedProduct', productId],
     productDetail: (key) => ['alacarte', 'productDetail', key],
     placedOrder: (biId) => ['alacarte', 'placedOrder', biId],
+    orderDates: (biId) => ['alacarte', 'orderDates', biId],
 };
 //# sourceMappingURL=keys.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../src/data/hooks/keys.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,CAAC,UAAU,CAAU;IAC1B,MAAM,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAU;IACvE,YAAY,EAAE,CAAC,cAAsB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,cAAc,EAAE,cAAc,CAAU;IAC/F,cAAc,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,CAAU;IACvF,QAAQ,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAU;IAC7E,OAAO,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAU;IACjE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,EAAE,aAAa,CAAU;IACvD,YAAY,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,cAAc,EAAE,SAAS,CAAU;CACtF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,EAAE,UAAU,CAAU;IACjD,YAAY,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,cAAc,EAAE,SAAS,CAAU;IACrF,aAAa,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,eAAe,EAAE,GAAG,CAAU;IAC3E,WAAW,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,CAAU;CAC1E,CAAC","sourcesContent":["/**\n * query/keys.ts — typed query-key factory for the checkout module.\n */\nexport const checkoutKeys = {\n  all: ['checkout'] as const,\n  status: (cartBiId: string) => ['checkout', 'status', cartBiId] as const,\n  clientSecret: (subscriptionId: string) => ['checkout', 'clientSecret', subscriptionId] as const,\n  subscriptionId: (cartBiId: string) => ['checkout', 'subscriptionId', cartBiId] as const,\n  customer: (userEmail: string) => ['checkout', 'customer', userEmail] as const,\n  salable: (maId: string) => ['checkout', 'salable', maId] as const,\n  viaxSession: () => ['checkout', 'viaxSession'] as const,\n  courseDetail: (courseKey: string) => ['checkout', 'courseDetail', courseKey] as const,\n};\n\nexport const alacarteKeys = {\n  checkout: () => ['alacarte', 'checkout'] as const,\n  ownedProduct: (productId: string) => ['alacarte', 'ownedProduct', productId] as const,\n  productDetail: (key: string) => ['alacarte', 'productDetail', key] as const,\n  placedOrder: (biId: string) => ['alacarte', 'placedOrder', biId] as const,\n};\n"]}
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../src/data/hooks/keys.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,CAAC,UAAU,CAAU;IAC1B,MAAM,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAU;IACvE,YAAY,EAAE,CAAC,cAAsB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,cAAc,EAAE,cAAc,CAAU;IAC/F,cAAc,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,CAAU;IACvF,QAAQ,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAU;IAC7E,OAAO,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAU;IACjE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,EAAE,aAAa,CAAU;IACvD,YAAY,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,cAAc,EAAE,SAAS,CAAU;CACtF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,EAAE,UAAU,CAAU;IACjD,YAAY,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,cAAc,EAAE,SAAS,CAAU;IACrF,aAAa,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,eAAe,EAAE,GAAG,CAAU;IAC3E,WAAW,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,CAAU;IACzE,UAAU,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAU;CACxE,CAAC","sourcesContent":["/**\n * query/keys.ts — typed query-key factory for the checkout module.\n */\nexport const checkoutKeys = {\n  all: ['checkout'] as const,\n  status: (cartBiId: string) => ['checkout', 'status', cartBiId] as const,\n  clientSecret: (subscriptionId: string) => ['checkout', 'clientSecret', subscriptionId] as const,\n  subscriptionId: (cartBiId: string) => ['checkout', 'subscriptionId', cartBiId] as const,\n  customer: (userEmail: string) => ['checkout', 'customer', userEmail] as const,\n  salable: (maId: string) => ['checkout', 'salable', maId] as const,\n  viaxSession: () => ['checkout', 'viaxSession'] as const,\n  courseDetail: (courseKey: string) => ['checkout', 'courseDetail', courseKey] as const,\n};\n\nexport const alacarteKeys = {\n  checkout: () => ['alacarte', 'checkout'] as const,\n  ownedProduct: (productId: string) => ['alacarte', 'ownedProduct', productId] as const,\n  productDetail: (key: string) => ['alacarte', 'productDetail', key] as const,\n  placedOrder: (biId: string) => ['alacarte', 'placedOrder', biId] as const,\n  orderDates: (biId: string) => ['alacarte', 'orderDates', biId] as const,\n};\n"]}

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

@@ -50,6 +50,9 @@ export interface UseAlacarteCheckoutResult extends AlacartePhaseState {
     placedOrder: PlacedOrder | null;
     awaitingPlacedOrder: boolean;
     placedOrderError: string | null;
+    /** ISO timestamp the order was placed (tPlacedAt, falling back to
+     *  biCreatedAt); null while the order-dates query hasn't resolved yet. */
+    placedOrderPlacedAt: string | null;
 }
 /**
  * Read the product selector from the URL: course_uid+course_run_key, or