@edx/frontend-app-alacarte-checkout 1.4.0 → 1.6.0

package/dist/Main.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CurrentAppProvider, getSiteConfig, useIntl, } from '@openedx/frontend-base';
 import { Helmet } from 'react-helmet';
 import { Outlet } from 'react-router-dom';
+import { NuqsAdapter } from 'nuqs/adapters/react-router/v6';
 import { appId } from './constants';
 import messages from './messages';
 import './style.scss';
@@ -9,7 +10,7 @@ const Main = () => {
     const { formatMessage } = useIntl();
     return (_jsxs(CurrentAppProvider, { appId: appId, children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['template.page.title'], {
                         siteName: getSiteConfig().siteName,
-                    }) }) }), _jsx("main", { className: "d-flex flex-column flex-grow-1", children: _jsx(Outlet, {}) })] }));
+                    }) }) }), _jsx(NuqsAdapter, { children: _jsx("main", { className: "d-flex flex-column flex-grow-1", children: _jsx(Outlet, {}) }) })] }));
 };
 export default Main;
 //# sourceMappingURL=Main.js.map

package/dist/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,OAAO,GACR,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,IAAI,GAAG,GAAG,EAAE;IAChB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,aAC9B,KAAC,MAAM,cACL,0BACG,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE;wBAC9C,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ;qBACnC,CAAC,GACI,GACD,EACT,eAAM,SAAS,EAAC,gCAAgC,YAC9C,KAAC,MAAM,KAAG,GACL,IACY,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import {\n  CurrentAppProvider,\n  getSiteConfig,\n  useIntl,\n} from '@openedx/frontend-base';\nimport { Helmet } from 'react-helmet';\nimport { Outlet } from 'react-router-dom';\nimport { appId } from './constants';\nimport messages from './messages';\n\nimport './style.scss';\n\nconst Main = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <CurrentAppProvider appId={appId}>\n      <Helmet>\n        <title>\n          {formatMessage(messages['template.page.title'], {\n            siteName: getSiteConfig().siteName,\n          })}\n        </title>\n      </Helmet>\n      <main className=\"d-flex flex-column flex-grow-1\">\n        <Outlet />\n      </main>\n    </CurrentAppProvider>\n  );\n};\n\nexport default Main;\n"]}
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,OAAO,GACR,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,IAAI,GAAG,GAAG,EAAE;IAChB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,aAC9B,KAAC,MAAM,cACL,0BACG,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE;wBAC9C,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ;qBACnC,CAAC,GACI,GACD,EACT,KAAC,WAAW,cACV,eAAM,SAAS,EAAC,gCAAgC,YAC9C,KAAC,MAAM,KAAG,GACL,GACK,IACK,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import {\n  CurrentAppProvider,\n  getSiteConfig,\n  useIntl,\n} from '@openedx/frontend-base';\nimport { Helmet } from 'react-helmet';\nimport { Outlet } from 'react-router-dom';\nimport { NuqsAdapter } from 'nuqs/adapters/react-router/v6';\nimport { appId } from './constants';\nimport messages from './messages';\n\nimport './style.scss';\n\nconst Main = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <CurrentAppProvider appId={appId}>\n      <Helmet>\n        <title>\n          {formatMessage(messages['template.page.title'], {\n            siteName: getSiteConfig().siteName,\n          })}\n        </title>\n      </Helmet>\n      <NuqsAdapter>\n        <main className=\"d-flex flex-column flex-grow-1\">\n          <Outlet />\n        </main>\n      </NuqsAdapter>\n    </CurrentAppProvider>\n  );\n};\n\nexport default Main;\n"]}

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

@@ -0,0 +1,15 @@
+import type { PlacedOrder, ProductDetail } from '../../types/alacarte';
+export interface AlacarteConfirmationProps {
+    order: PlacedOrder | null;
+    awaiting: boolean;
+    error: string | null;
+    onContinue?: () => void;
+    /** Optional catalog detail from checkout — logo / brand. */
+    productDetail?: ProductDetail | null;
+    /** Display title from the checkout line (course or program name). */
+    productTitle?: string | null;
+    /** Learner order-history / dashboard URL for the secondary CTA. */
+    orderHistoryUrl?: string | null;
+}
+declare const AlacarteConfirmation: ({ order, awaiting, error, onContinue, productDetail, productTitle, orderHistoryUrl, }: AlacarteConfirmationProps) => import("react/jsx-runtime").JSX.Element | null;
+export default AlacarteConfirmation;

package/dist/components/AlacarteConfirmation/AlacarteConfirmation.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } 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';
+import { useIntl } from '@openedx/frontend-base';
+import { ProcessingScreen } from '../StatusScreens/StatusScreens';
+import messages from './Messages';
+function isProgramOrder(order) {
+    return order.lines.some((line) => line.kind === 'program' || !!line.programId);
+}
+function formatPurchaseDate(locale, date = new 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);
+}
+const AlacarteConfirmation = ({ order, awaiting, error, onContinue, productDetail = null, productTitle = null, orderHistoryUrl = 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]);
+    if (awaiting && !order) {
+        return _jsx(ProcessingScreen, {});
+    }
+    if (error && !order) {
+        return (_jsx(Alert, { variant: "danger", icon: ErrorIcon, children: formatMessage(messages.orderLoadError, { error }) }));
+    }
+    if (!order) {
+        return null;
+    }
+    const programOrder = isProgramOrder(order);
+    const courseDetail = productDetail && 'maId' in productDetail
+        ? productDetail
+        : null;
+    const programDetail = productDetail && 'tCourses' in productDetail
+        ? productDetail
+        : null;
+    const firstLine = order.lines[0];
+    const brand = ((_a = courseDetail === null || courseDetail === void 0 ? void 0 : courseDetail.tBrandText) === null || _a === void 0 ? void 0 : _a.trim())
+        || ((_d = (_c = (_b = programDetail === null || programDetail === void 0 ? void 0 : programDetail.tCourses) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.tBrandText) === null || _d === void 0 ? void 0 : _d.trim())
+        || '';
+    const baseName = productTitle
+        || (firstLine === null || firstLine === void 0 ? void 0 : firstLine.name)
+        || (programOrder ? 'your program' : 'your course');
+    const productLabel = !programOrder && brand && !(productTitle === null || productTitle === void 0 ? void 0 : productTitle.includes(brand))
+        ? `${brand}: ${baseName}`
+        : baseName;
+    const orgLogo = (courseDetail === null || courseDetail === void 0 ? void 0 : courseDetail.imageUrl)
+        || ((_f = (_e = programDetail === null || programDetail === void 0 ? void 0 : programDetail.tCourses) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.tOrgLogoUrl)
+        || ((_h = (_g = programDetail === null || programDetail === void 0 ? void 0 : programDetail.tCourses) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.imageUrl)
+        || null;
+    const currency = (_k = (_j = order.totals) === null || _j === void 0 ? void 0 : _j.currency) !== null && _k !== void 0 ? _k : 'USD';
+    const subtotal = (_m = (_l = order.totals) === null || _l === void 0 ? void 0 : _l.price) !== null && _m !== void 0 ? _m : 0;
+    const discount = ((_p = (_o = order.totals) === null || _o === void 0 ? void 0 : _o.discount) !== null && _p !== void 0 ? _p : 0) + ((_r = (_q = order.totals) === null || _q === void 0 ? void 0 : _q.deduction) !== null && _r !== void 0 ? _r : 0);
+    const paid = (_t = (_s = order.totals) === null || _s === void 0 ? void 0 : _s.paid) !== null && _t !== void 0 ? _t : 0;
+    const money = (amount) => formatMessage(messages.moneyAmount, {
+        amount: amount.toFixed(2),
+        currency,
+    });
+    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) })] })] }) })] }) }));
+};
+export default AlacarteConfirmation;
+//# sourceMappingURL=AlacarteConfirmation.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,118 @@
+declare const messages: {
+    orderLoadError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    headline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    subheadlineCourse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    subheadlineProgram: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    startCourse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    startProgram: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewOrderHistory: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    aboutProgram: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    coursesIncluded: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    whatsIncluded: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    benefit1: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    benefit2: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    benefit3: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    orderNumber: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    purchaseDate: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    refundNotice: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    purchaseSummary: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    verifiedCertificate: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    subtotal: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discountsApplied: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    amountPaid: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    moneyAmount: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discountAmount: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/AlacarteConfirmation/Messages.js

@@ -0,0 +1,120 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    orderLoadError: {
+        id: 'checkout.alacarteConfirmation.orderLoadError',
+        defaultMessage: 'We could not load your order ({error}). Please refresh or check your learner dashboard.',
+        description: 'Error shown when tPlacedOrder fails on the confirmation page',
+    },
+    headline: {
+        id: 'checkout.alacarteConfirmation.headline',
+        defaultMessage: "You're ready to begin learning.",
+        description: 'Main headline on the à la carte order confirmation page',
+    },
+    subheadlineCourse: {
+        id: 'checkout.alacarteConfirmation.subheadlineCourse',
+        defaultMessage: "Your payment is complete and you're enrolled in {productLabel}. Below is a summary of your order.",
+        description: 'Confirmation subheadline for a course purchase',
+    },
+    subheadlineProgram: {
+        id: 'checkout.alacarteConfirmation.subheadlineProgram',
+        defaultMessage: "Your payment is complete and you're enrolled in {productLabel}. Below is a summary of your order.",
+        description: 'Confirmation subheadline for a program purchase',
+    },
+    startCourse: {
+        id: 'checkout.alacarteConfirmation.startCourse',
+        defaultMessage: 'Start course',
+        description: 'Primary CTA after buying a course',
+    },
+    startProgram: {
+        id: 'checkout.alacarteConfirmation.startProgram',
+        defaultMessage: 'Start program',
+        description: 'Primary CTA after buying a program',
+    },
+    viewOrderHistory: {
+        id: 'checkout.alacarteConfirmation.viewOrderHistory',
+        defaultMessage: 'View order history',
+        description: 'Secondary link to the learner order history',
+    },
+    aboutProgram: {
+        id: 'checkout.alacarteConfirmation.aboutProgram',
+        defaultMessage: 'About program',
+        description: 'Heading for the list of courses included in a program order',
+    },
+    coursesIncluded: {
+        id: 'checkout.alacarteConfirmation.coursesIncluded',
+        defaultMessage: 'Courses included in this program ({count}):',
+        description: 'Subheading above the program course list',
+    },
+    whatsIncluded: {
+        id: 'checkout.alacarteConfirmation.whatsIncluded',
+        defaultMessage: "What's included",
+        description: 'Benefits section heading on the confirmation page',
+    },
+    benefit1: {
+        id: 'checkout.alacarteConfirmation.benefit1',
+        defaultMessage: 'Access to graded assignments and exams',
+        description: 'First à la carte purchase benefit',
+    },
+    benefit2: {
+        id: 'checkout.alacarteConfirmation.benefit2',
+        defaultMessage: 'Shareable Certificate upon completion',
+        description: 'Second à la carte purchase benefit',
+    },
+    benefit3: {
+        id: 'checkout.alacarteConfirmation.benefit3',
+        defaultMessage: '24/7 Global Support',
+        description: 'Third à la carte purchase benefit',
+    },
+    orderNumber: {
+        id: 'checkout.alacarteConfirmation.orderNumber',
+        defaultMessage: 'Order number',
+        description: 'Order number label',
+    },
+    purchaseDate: {
+        id: 'checkout.alacarteConfirmation.purchaseDate',
+        defaultMessage: 'Purchase date',
+        description: 'Purchase date label',
+    },
+    refundNotice: {
+        id: 'checkout.alacarteConfirmation.refundNotice',
+        defaultMessage: "Don't like your course? Unenroll by {date} to get a full refund.",
+        description: 'Refund / unenroll notice at the bottom of the confirmation page',
+    },
+    purchaseSummary: {
+        id: 'checkout.alacarteConfirmation.purchaseSummary',
+        defaultMessage: 'Purchase summary',
+        description: 'Sidebar heading for the purchase summary card',
+    },
+    verifiedCertificate: {
+        id: 'checkout.alacarteConfirmation.verifiedCertificate',
+        defaultMessage: 'Verified certificate',
+        description: 'Badge on the purchase summary product',
+    },
+    subtotal: {
+        id: 'checkout.alacarteConfirmation.subtotal',
+        defaultMessage: 'Subtotal',
+        description: 'Subtotal row label',
+    },
+    discountsApplied: {
+        id: 'checkout.alacarteConfirmation.discountsApplied',
+        defaultMessage: 'Discounts applied',
+        description: 'Discount row label',
+    },
+    amountPaid: {
+        id: 'checkout.alacarteConfirmation.amountPaid',
+        defaultMessage: 'Amount paid',
+        description: 'Amount paid row label',
+    },
+    moneyAmount: {
+        id: 'checkout.alacarteConfirmation.moneyAmount',
+        defaultMessage: '${amount} {currency}',
+        description: 'Formatted money amount e.g. $12.00 USD',
+    },
+    discountAmount: {
+        id: 'checkout.alacarteConfirmation.discountAmount',
+        defaultMessage: '-${amount} {currency}',
+        description: 'Formatted discount amount e.g. -$10.00 USD',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/AlacarteConfirmation/Messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  orderLoadError: {\n    id: 'checkout.alacarteConfirmation.orderLoadError',\n    defaultMessage: 'We could not load your order ({error}). Please refresh or check your learner dashboard.',\n    description: 'Error shown when tPlacedOrder fails on the confirmation page',\n  },\n  headline: {\n    id: 'checkout.alacarteConfirmation.headline',\n    defaultMessage: \"You're ready to begin learning.\",\n    description: 'Main headline on the à la carte order confirmation page',\n  },\n  subheadlineCourse: {\n    id: 'checkout.alacarteConfirmation.subheadlineCourse',\n    defaultMessage: \"Your payment is complete and you're enrolled in {productLabel}. Below is a summary of your order.\",\n    description: 'Confirmation subheadline for a course purchase',\n  },\n  subheadlineProgram: {\n    id: 'checkout.alacarteConfirmation.subheadlineProgram',\n    defaultMessage: \"Your payment is complete and you're enrolled in {productLabel}. Below is a summary of your order.\",\n    description: 'Confirmation subheadline for a program purchase',\n  },\n  startCourse: {\n    id: 'checkout.alacarteConfirmation.startCourse',\n    defaultMessage: 'Start course',\n    description: 'Primary CTA after buying a course',\n  },\n  startProgram: {\n    id: 'checkout.alacarteConfirmation.startProgram',\n    defaultMessage: 'Start program',\n    description: 'Primary CTA after buying a program',\n  },\n  viewOrderHistory: {\n    id: 'checkout.alacarteConfirmation.viewOrderHistory',\n    defaultMessage: 'View order history',\n    description: 'Secondary link to the learner order history',\n  },\n  aboutProgram: {\n    id: 'checkout.alacarteConfirmation.aboutProgram',\n    defaultMessage: 'About program',\n    description: 'Heading for the list of courses included in a program order',\n  },\n  coursesIncluded: {\n    id: 'checkout.alacarteConfirmation.coursesIncluded',\n    defaultMessage: 'Courses included in this program ({count}):',\n    description: 'Subheading above the program course list',\n  },\n  whatsIncluded: {\n    id: 'checkout.alacarteConfirmation.whatsIncluded',\n    defaultMessage: \"What's included\",\n    description: 'Benefits section heading on the confirmation page',\n  },\n  benefit1: {\n    id: 'checkout.alacarteConfirmation.benefit1',\n    defaultMessage: 'Access to graded assignments and exams',\n    description: 'First à la carte purchase benefit',\n  },\n  benefit2: {\n    id: 'checkout.alacarteConfirmation.benefit2',\n    defaultMessage: 'Shareable Certificate upon completion',\n    description: 'Second à la carte purchase benefit',\n  },\n  benefit3: {\n    id: 'checkout.alacarteConfirmation.benefit3',\n    defaultMessage: '24/7 Global Support',\n    description: 'Third à la carte purchase benefit',\n  },\n  orderNumber: {\n    id: 'checkout.alacarteConfirmation.orderNumber',\n    defaultMessage: 'Order number',\n    description: 'Order number label',\n  },\n  purchaseDate: {\n    id: 'checkout.alacarteConfirmation.purchaseDate',\n    defaultMessage: 'Purchase date',\n    description: 'Purchase date label',\n  },\n  refundNotice: {\n    id: 'checkout.alacarteConfirmation.refundNotice',\n    defaultMessage: \"Don't like your course? Unenroll by {date} to get a full refund.\",\n    description: 'Refund / unenroll notice at the bottom of the confirmation page',\n  },\n  purchaseSummary: {\n    id: 'checkout.alacarteConfirmation.purchaseSummary',\n    defaultMessage: 'Purchase summary',\n    description: 'Sidebar heading for the purchase summary card',\n  },\n  verifiedCertificate: {\n    id: 'checkout.alacarteConfirmation.verifiedCertificate',\n    defaultMessage: 'Verified certificate',\n    description: 'Badge on the purchase summary product',\n  },\n  subtotal: {\n    id: 'checkout.alacarteConfirmation.subtotal',\n    defaultMessage: 'Subtotal',\n    description: 'Subtotal row label',\n  },\n  discountsApplied: {\n    id: 'checkout.alacarteConfirmation.discountsApplied',\n    defaultMessage: 'Discounts applied',\n    description: 'Discount row label',\n  },\n  amountPaid: {\n    id: 'checkout.alacarteConfirmation.amountPaid',\n    defaultMessage: 'Amount paid',\n    description: 'Amount paid row label',\n  },\n  moneyAmount: {\n    id: 'checkout.alacarteConfirmation.moneyAmount',\n    defaultMessage: '${amount} {currency}',\n    description: 'Formatted money amount e.g. $12.00 USD',\n  },\n  discountAmount: {\n    id: 'checkout.alacarteConfirmation.discountAmount',\n    defaultMessage: '-${amount} {currency}',\n    description: 'Formatted discount amount e.g. -$10.00 USD',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/AlacarteDebugPanel/AlacarteDebugPanel.d.ts

@@ -0,0 +1,11 @@
+export interface AlacarteDebugPanelProps {
+    data: unknown;
+}
+/**
+ * TEMPORARY — dumps the à la carte checkout hook's data (selector, phase,
+ * checkout/line, productDetail, error) so the flow can be eyeballed against
+ * the real backend while it's being validated. Remove once confirmed working
+ * end to end; not meant to ship.
+ */
+declare const AlacarteDebugPanel: ({ data }: AlacarteDebugPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default AlacarteDebugPanel;

package/dist/components/AlacarteDebugPanel/AlacarteDebugPanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TEMPORARY — dumps the à la carte checkout hook's data (selector, phase,
+ * checkout/line, productDetail, error) so the flow can be eyeballed against
+ * the real backend while it's being validated. Remove once confirmed working
+ * end to end; not meant to ship.
+ */
+const AlacarteDebugPanel = ({ data }) => (_jsxs("div", { className: "alacarte-debug-panel", children: [_jsx("p", { className: "alacarte-debug-panel__title", children: "\uD83D\uDC1B Alacarte debug (temporary)" }), _jsx("pre", { className: "alacarte-debug-panel__content", children: JSON.stringify(data, null, 2) })] }));
+export default AlacarteDebugPanel;
+//# sourceMappingURL=AlacarteDebugPanel.js.map

package/dist/components/AlacarteDebugPanel/AlacarteDebugPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlacarteDebugPanel.js","sourceRoot":"","sources":["../../../src/components/AlacarteDebugPanel/AlacarteDebugPanel.tsx"],"names":[],"mappings":";AAMA;;;;;GAKG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAA2B,EAAE,EAAE,CAAC,CAChE,eAAK,SAAS,EAAC,sBAAsB,aACnC,YAAG,SAAS,EAAC,6BAA6B,wDAAkC,EAC5E,cAAK,SAAS,EAAC,+BAA+B,YAC3C,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,GAC1B,IACF,CACP,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import React from 'react';\n\nexport interface AlacarteDebugPanelProps {\n  data: unknown,\n}\n\n/**\n * TEMPORARY — dumps the à la carte checkout hook's data (selector, phase,\n * checkout/line, productDetail, error) so the flow can be eyeballed against\n * the real backend while it's being validated. Remove once confirmed working\n * end to end; not meant to ship.\n */\nconst AlacarteDebugPanel = ({ data }: AlacarteDebugPanelProps) => (\n  <div className=\"alacarte-debug-panel\">\n    <p className=\"alacarte-debug-panel__title\">🐛 Alacarte debug (temporary)</p>\n    <pre className=\"alacarte-debug-panel__content\">\n      {JSON.stringify(data, null, 2)}\n    </pre>\n  </div>\n);\n\nexport default AlacarteDebugPanel;\n"]}

package/dist/components/AlacarteNotice/AlacarteNotice.d.ts

@@ -0,0 +1,6 @@
+export type AlacarteNoticeMessageId = 'alreadyOwnedCourse' | 'alreadyOwnedProgram' | 'noActiveCheckout';
+export interface AlacarteNoticeProps {
+    messageId: AlacarteNoticeMessageId;
+}
+declare const AlacarteNotice: ({ messageId }: AlacarteNoticeProps) => import("react/jsx-runtime").JSX.Element;
+export default AlacarteNotice;

package/dist/components/AlacarteNotice/AlacarteNotice.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import messages from './Messages';
+const AlacarteNotice = ({ messageId }) => {
+    const { formatMessage } = useIntl();
+    return (_jsx("div", { className: "alacarte-notice", children: formatMessage(messages[messageId]) }));
+};
+export default AlacarteNotice;
+//# sourceMappingURL=AlacarteNotice.js.map

package/dist/components/AlacarteNotice/AlacarteNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlacarteNotice.js","sourceRoot":"","sources":["../../../src/components/AlacarteNotice/AlacarteNotice.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAQlC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAuB,EAAE,EAAE;IAC5D,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC7B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC/B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from './Messages';\n\nexport type AlacarteNoticeMessageId = 'alreadyOwnedCourse' | 'alreadyOwnedProgram' | 'noActiveCheckout';\n\nexport interface AlacarteNoticeProps {\n  messageId: AlacarteNoticeMessageId,\n}\n\nconst AlacarteNotice = ({ messageId }: AlacarteNoticeProps) => {\n  const { formatMessage } = useIntl();\n  return (\n    <div className=\"alacarte-notice\">\n      {formatMessage(messages[messageId])}\n    </div>\n  );\n};\n\nexport default AlacarteNotice;\n"]}

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

@@ -0,0 +1,18 @@
+declare const messages: {
+    alreadyOwnedCourse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    alreadyOwnedProgram: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noActiveCheckout: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/AlacarteNotice/Messages.js

@@ -0,0 +1,20 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    alreadyOwnedCourse: {
+        id: 'checkout.alacarteNotice.alreadyOwnedCourse',
+        defaultMessage: 'You already own this course.',
+        description: 'Shown when the learner already owns the course they were linked to.',
+    },
+    alreadyOwnedProgram: {
+        id: 'checkout.alacarteNotice.alreadyOwnedProgram',
+        defaultMessage: 'You already own this program.',
+        description: 'Shown when the learner already owns the program they were linked to.',
+    },
+    noActiveCheckout: {
+        id: 'checkout.alacarteNotice.noActiveCheckout',
+        defaultMessage: 'No course or program was passed in the URL, and there is no active cart.',
+        description: 'Banner shown when there are no query params and no open checkout. Temporary — redirect-home is disabled for now so this case stays visible.',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/AlacarteNotice/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,kBAAkB,EAAE;QAClB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,8BAA8B;QAC9C,WAAW,EAAE,qEAAqE;KACnF;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,+BAA+B;QAC/C,WAAW,EAAE,sEAAsE;KACpF;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,0EAA0E;QAC1F,WAAW,EAAE,6IAA6I;KAC3J;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  alreadyOwnedCourse: {\n    id: 'checkout.alacarteNotice.alreadyOwnedCourse',\n    defaultMessage: 'You already own this course.',\n    description: 'Shown when the learner already owns the course they were linked to.',\n  },\n  alreadyOwnedProgram: {\n    id: 'checkout.alacarteNotice.alreadyOwnedProgram',\n    defaultMessage: 'You already own this program.',\n    description: 'Shown when the learner already owns the program they were linked to.',\n  },\n  noActiveCheckout: {\n    id: 'checkout.alacarteNotice.noActiveCheckout',\n    defaultMessage: 'No course or program was passed in the URL, and there is no active cart.',\n    description: 'Banner shown when there are no query params and no open checkout. Temporary — redirect-home is disabled for now so this case stays visible.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/CartSummary/CartSummary.d.ts

@@ -1,4 +1,6 @@
+import type { PromoCodeProps } from '../PromoCode/PromoCode';
 import type { CourseDetail } from '../../types';
+import type { AlacarteLine, ProgramDetail } from '../../types/alacarte';
 export type BillingCycle = 'monthly' | 'annual';
 export interface CartSummaryProps {
     productTitle?: string;
@@ -12,7 +14,6 @@ export interface CartSummaryProps {
     /** Annual price amount e.g. "299" */
     annualAmount?: string;
     currency?: string;
-    activeSubscriberCount?: number | null;
     defaultCycle?: BillingCycle;
     monthlyRenewalLabel?: string;
     annualRenewalLabel?: string;
@@ -21,6 +22,14 @@ export interface CartSummaryProps {
     learnerCount?: number;
     /** When set, shows the course enrollment preview card below the summary card. */
     course?: CourseDetail | null;
+    /** À la carte checkout line — when present, drives the subtotal/total and
+     *  the product name shown, in place of the generic edX Plus placeholder. */
+    alacarteLine?: AlacarteLine | null;
+    /** Program catalog detail (filterTwouProgram) — when the line is a program,
+     *  drives the "Courses included in this program" list. */
+    programDetail?: ProgramDetail | null;
+    /** Coupon input — when set, wires PromoCode to tCheckoutUpdate. */
+    promoCode?: PromoCodeProps | null;
 }
-declare const CartSummary: ({ productTitle, productBlurb, activeSubscriberCount, learnerCount: learnerCountProp, course, }: CartSummaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const CartSummary: ({ productTitle, productBlurb, learnerCount: learnerCountProp, course, alacarteLine, programDetail, promoCode, }: CartSummaryProps) => import("react/jsx-runtime").JSX.Element;
 export default CartSummary;