@edx/frontend-app-subscription-manage 1.21.0 → 1.23.0

package/dist/components/OrderHistory/OrderHistoryCard.js

@@ -1,6 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, Button, Icon } from '@openedx/paragon';
+import { useIntl } from 'react-intl';
 import { Launch } from '@openedx/paragon/icons';
-const OrderHistoryCard = ({ title, purchaseDate, totalCost, orderNumber, isReceiptDisabled = false, onViewReceipt, onViewOrderDetails, }) => (_jsx(Card, { className: "order-card", children: _jsx(Card.Body, { className: "p-3", children: _jsxs("div", { className: "d-flex justify-content-between align-items-start flex-wrap", children: [_jsxs("div", { children: [_jsx("h6", { className: "mb-2", children: title }), _jsxs("div", { className: "d-flex gap-1", children: [_jsxs("div", { className: "x-small", children: [_jsx("p", { className: "text-muted orderHistoryCard__details mr1-1 mb-0", children: "Date of purchase:" }), _jsx("p", { className: "text-muted mr-1 orderHistoryCard__details mb-0", children: "Total cost:" }), _jsx("p", { className: "text-muted mr-1 orderHistoryCard__details mb-0", children: "Order number:" })] }), _jsxs("div", { className: "x-small", children: [_jsx("p", { className: "mb-0", children: purchaseDate }), _jsx("p", { className: "mb-0", children: totalCost }), _jsx("p", { className: "mb-0", children: orderNumber })] })] })] }), _jsxs("div", { className: "d-flex align-items-center gap-3 mt-2 mt-md-auto", children: [_jsxs(Button, { variant: "link", size: "sm", onClick: isReceiptDisabled ? undefined : onViewReceipt, disabled: isReceiptDisabled, className: "d-flex gap-1 p-0 orderHistoryCard__link", children: ["View receipt ", _jsx("span", { children: _jsx(Icon, { size: "xs", src: Launch }) })] }), _jsx(Button, { variant: "link", size: "sm", onClick: onViewOrderDetails, className: "p-0 orderHistoryCard__link", children: "View order details" })] })] }) }) }));
+import messages from './messages';
+const OrderHistoryCard = ({ title, purchaseDate, totalCost, orderNumber, isReceiptDisabled = false, onViewReceipt, onViewOrderDetails, }) => {
+    const { formatMessage } = useIntl();
+    const receiptDescriptionId = `receipt-description-${orderNumber.replace(/\s+/g, '-').toLowerCase()}`;
+    const detailsDescriptionId = `details-description-${orderNumber.replace(/\s+/g, '-').toLowerCase()}`;
+    return (_jsx(Card, { className: "order-card", "aria-label": `${title} order details`, children: _jsx(Card.Body, { className: "p-3", children: _jsxs("div", { className: "d-flex justify-content-between align-items-start flex-wrap", children: [_jsxs("div", { children: [_jsx("h6", { className: "mb-2", children: title }), _jsxs("div", { className: "d-flex gap-1", children: [_jsxs("div", { className: "x-small", children: [_jsxs("p", { className: "text-muted orderHistoryCard__details mr1-1 mb-0", children: [formatMessage(messages.dateOfPurchaseLabel), ":"] }), _jsxs("p", { className: "text-muted mr-1 orderHistoryCard__details mb-0", children: [formatMessage(messages.totalCostLabel), ":"] }), _jsxs("p", { className: "text-muted mr-1 orderHistoryCard__details mb-0", children: [formatMessage(messages.orderNumberLabel), ":"] })] }), _jsxs("div", { className: "x-small", children: [_jsx("p", { className: "mb-0", children: purchaseDate }), _jsx("p", { className: "mb-0", children: totalCost }), _jsx("p", { className: "mb-0", children: orderNumber })] })] })] }), _jsxs("div", { className: "d-flex align-items-center gap-3 mt-2 mt-md-auto", children: [_jsxs(Button, { variant: "link", size: "sm", onClick: isReceiptDisabled ? undefined : onViewReceipt, disabled: isReceiptDisabled, className: "d-flex gap-1 p-0 orderHistoryCard__link", "aria-describedby": receiptDescriptionId, children: [formatMessage(messages.viewReceiptButton), " ", _jsx("span", { children: _jsx(Icon, { size: "xs", src: Launch, "aria-hidden": true }) }), _jsxs("span", { id: receiptDescriptionId, className: "sr-only", children: [' ', "for ", title] })] }), _jsxs(Button, { variant: "link", size: "sm", onClick: onViewOrderDetails, className: "p-0 orderHistoryCard__link", "aria-describedby": detailsDescriptionId, children: [formatMessage(messages.viewOrderDetailsButton), _jsxs("span", { id: detailsDescriptionId, className: "sr-only", children: [' ', "for ", title] })] })] })] }) }) }));
+};
 export default OrderHistoryCard;
 //# sourceMappingURL=OrderHistoryCard.js.map

package/dist/components/OrderHistory/OrderHistoryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderHistoryCard.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/OrderHistoryCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAYhD,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,iBAAiB,GAAG,KAAK,EACzB,aAAa,EACb,kBAAkB,GACH,EAAE,EAAE,CAAC,CACpB,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,YAC1B,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,KAAK,YACxB,eAAK,SAAS,EAAC,4DAA4D,aACzE,0BACE,aAAI,SAAS,EAAC,MAAM,YAAE,KAAK,GAAM,EAEjC,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,SAAS,aACtB,YAAG,SAAS,EAAC,iDAAiD,kCAAsB,EACpF,YAAG,SAAS,EAAC,gDAAgD,4BAAgB,EAC7E,YAAG,SAAS,EAAC,gDAAgD,8BAAkB,IAC3E,EAEN,eAAK,SAAS,EAAC,SAAS,aACtB,YAAG,SAAS,EAAC,MAAM,YAAE,YAAY,GAAK,EACtC,YAAG,SAAS,EAAC,MAAM,YAAE,SAAS,GAAK,EACnC,YAAG,SAAS,EAAC,MAAM,YAAE,WAAW,GAAK,IACjC,IACF,IACF,EAEN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,MAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACtD,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAC,yCAAyC,8BAEtC,yBAAM,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,MAAM,GAAI,GAAO,IAClD,EAET,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAC,4BAA4B,mCAG/B,IACL,IACF,GACI,GACP,CACR,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { Card, Button, Icon } from '@openedx/paragon';\nimport { Launch } from '@openedx/paragon/icons';\n\ninterface OrderCardProps {\n  title: string,\n  purchaseDate: string,\n  totalCost: string,\n  orderNumber: string,\n  isReceiptDisabled?: boolean,\n  onViewReceipt: () => void,\n  onViewOrderDetails: () => void,\n}\n\nconst OrderHistoryCard = ({\n  title,\n  purchaseDate,\n  totalCost,\n  orderNumber,\n  isReceiptDisabled = false,\n  onViewReceipt,\n  onViewOrderDetails,\n}: OrderCardProps) => (\n  <Card className=\"order-card\">\n    <Card.Body className=\"p-3\">\n      <div className=\"d-flex justify-content-between align-items-start flex-wrap\">\n        <div>\n          <h6 className=\"mb-2\">{title}</h6>\n\n          <div className=\"d-flex gap-1\">\n            <div className=\"x-small\">\n              <p className=\"text-muted orderHistoryCard__details mr1-1 mb-0\">Date of purchase:</p>\n              <p className=\"text-muted mr-1 orderHistoryCard__details mb-0\">Total cost:</p>\n              <p className=\"text-muted mr-1 orderHistoryCard__details mb-0\">Order number:</p>\n            </div>\n\n            <div className=\"x-small\">\n              <p className=\"mb-0\">{purchaseDate}</p>\n              <p className=\"mb-0\">{totalCost}</p>\n              <p className=\"mb-0\">{orderNumber}</p>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"d-flex align-items-center gap-3 mt-2 mt-md-auto\">\n          <Button\n            variant=\"link\"\n            size=\"sm\"\n            onClick={isReceiptDisabled ? undefined : onViewReceipt}\n            disabled={isReceiptDisabled}\n            className=\"d-flex gap-1 p-0 orderHistoryCard__link\"\n          >\n            View receipt <span><Icon size=\"xs\" src={Launch} /></span>\n          </Button>\n\n          <Button\n            variant=\"link\"\n            size=\"sm\"\n            onClick={onViewOrderDetails}\n            className=\"p-0 orderHistoryCard__link\"\n          >\n            View order details\n          </Button>\n        </div>\n      </div>\n    </Card.Body>\n  </Card>\n);\n\nexport default OrderHistoryCard;\n"]}
+{"version":3,"file":"OrderHistoryCard.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/OrderHistoryCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAYlC,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,iBAAiB,GAAG,KAAK,EACzB,aAAa,EACb,kBAAkB,GACH,EAAE,EAAE;IACnB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,oBAAoB,GAAG,uBAAuB,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;IACrG,MAAM,oBAAoB,GAAG,uBAAuB,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;IAErG,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,gBAAa,GAAG,KAAK,gBAAgB,YAC/D,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,KAAK,YACxB,eAAK,SAAS,EAAC,4DAA4D,aACzE,0BACE,aAAI,SAAS,EAAC,MAAM,YAAE,KAAK,GAAM,EAEjC,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,SAAS,aACtB,aAAG,SAAS,EAAC,iDAAiD,aAAE,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAM,EACjH,aAAG,SAAS,EAAC,gDAAgD,aAAE,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAM,EAC3G,aAAG,SAAS,EAAC,gDAAgD,aAAE,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAM,IACzG,EAEN,eAAK,SAAS,EAAC,SAAS,aACtB,YAAG,SAAS,EAAC,MAAM,YAAE,YAAY,GAAK,EACtC,YAAG,SAAS,EAAC,MAAM,YAAE,SAAS,GAAK,EACnC,YAAG,SAAS,EAAC,MAAM,YAAE,WAAW,GAAK,IACjC,IACF,IACF,EAEN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,MAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACtD,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAC,yCAAyC,sBACjC,oBAAoB,aAErC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAE,yBAAM,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,MAAM,wBAAgB,GAAO,EACpG,gBAAM,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAC,SAAS,aAChD,GAAG,UAAM,KAAK,IACV,IACA,EAET,MAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAC,4BAA4B,sBACpB,oBAAoB,aAErC,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAC/C,gBAAM,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAC,SAAS,aAChD,GAAG,UAAM,KAAK,IACV,IACA,IACL,IACF,GACI,GACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { Card, Button, Icon } from '@openedx/paragon';\nimport { useIntl } from 'react-intl';\nimport { Launch } from '@openedx/paragon/icons';\nimport messages from './messages';\n\ninterface OrderCardProps {\n  title: string,\n  purchaseDate: string,\n  totalCost: string,\n  orderNumber: string,\n  isReceiptDisabled?: boolean,\n  onViewReceipt: () => void,\n  onViewOrderDetails: () => void,\n}\n\nconst OrderHistoryCard = ({\n  title,\n  purchaseDate,\n  totalCost,\n  orderNumber,\n  isReceiptDisabled = false,\n  onViewReceipt,\n  onViewOrderDetails,\n}: OrderCardProps) => {\n  const { formatMessage } = useIntl();\n  const receiptDescriptionId = `receipt-description-${orderNumber.replace(/\\s+/g, '-').toLowerCase()}`;\n  const detailsDescriptionId = `details-description-${orderNumber.replace(/\\s+/g, '-').toLowerCase()}`;\n\n  return (\n    <Card className=\"order-card\" aria-label={`${title} order details`}>\n      <Card.Body className=\"p-3\">\n        <div className=\"d-flex justify-content-between align-items-start flex-wrap\">\n          <div>\n            <h6 className=\"mb-2\">{title}</h6>\n\n            <div className=\"d-flex gap-1\">\n              <div className=\"x-small\">\n                <p className=\"text-muted orderHistoryCard__details mr1-1 mb-0\">{formatMessage(messages.dateOfPurchaseLabel)}:</p>\n                <p className=\"text-muted mr-1 orderHistoryCard__details mb-0\">{formatMessage(messages.totalCostLabel)}:</p>\n                <p className=\"text-muted mr-1 orderHistoryCard__details mb-0\">{formatMessage(messages.orderNumberLabel)}:</p>\n              </div>\n\n              <div className=\"x-small\">\n                <p className=\"mb-0\">{purchaseDate}</p>\n                <p className=\"mb-0\">{totalCost}</p>\n                <p className=\"mb-0\">{orderNumber}</p>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"d-flex align-items-center gap-3 mt-2 mt-md-auto\">\n            <Button\n              variant=\"link\"\n              size=\"sm\"\n              onClick={isReceiptDisabled ? undefined : onViewReceipt}\n              disabled={isReceiptDisabled}\n              className=\"d-flex gap-1 p-0 orderHistoryCard__link\"\n              aria-describedby={receiptDescriptionId}\n            >\n              {formatMessage(messages.viewReceiptButton)} <span><Icon size=\"xs\" src={Launch} aria-hidden /></span>\n              <span id={receiptDescriptionId} className=\"sr-only\">\n                {' '}for {title}\n              </span>\n            </Button>\n\n            <Button\n              variant=\"link\"\n              size=\"sm\"\n              onClick={onViewOrderDetails}\n              className=\"p-0 orderHistoryCard__link\"\n              aria-describedby={detailsDescriptionId}\n            >\n              {formatMessage(messages.viewOrderDetailsButton)}\n              <span id={detailsDescriptionId} className=\"sr-only\">\n                {' '}for {title}\n              </span>\n            </Button>\n          </div>\n        </div>\n      </Card.Body>\n    </Card>\n  );\n};\n\nexport default OrderHistoryCard;\n"]}

package/dist/components/OrderHistory/OrderHistoryDetails.js

@@ -15,7 +15,7 @@ const formatDate = (isoDate) => (new Date(isoDate).toLocaleDateString('en-US', {
     day: 'numeric',
     year: 'numeric',
 }));
-const ReceiptRow = ({ label, children }) => (_jsxs("div", { className: "d-flex align-items-baseline mb-2", children: [_jsx("span", { className: "font-weight-bold text-gray-700", children: label }), _jsx("span", { className: "flex-grow-1 mx-2 text-gray-700", style: { borderBottom: '1px dotted #B4B1A8' } }), _jsx("span", { children: children })] }));
+const ReceiptRow = ({ label, children }) => (_jsxs("div", { className: "d-flex align-items-baseline mb-2", role: "listitem", children: [_jsx("dt", { className: "font-weight-bold text-gray-700", children: label }), _jsx("span", { className: "flex-grow-1 mx-2 text-gray-700", style: { borderBottom: '1px dotted #B4B1A8' }, "aria-hidden": "true" }), _jsx("dd", { className: "mb-0", children: children })] }));
 const normalizeDiscountCode = (value) => {
     var _a;
     if (!value) {
@@ -92,8 +92,8 @@ const OrderReceipt = ({ order }) => {
     });
     const orderSummaryRows = getOrderSummaryRows(order, orderDate, subtotal, total, discountAmount, (_d = order.discountCode) !== null && _d !== void 0 ? _d : '');
     const orderItemRows = getOrderItemRows(order, itemPrice, total, discountAmount);
-    const renderRows = (rows) => rows.map(({ label, value }) => (_jsx(ReceiptRow, { label: formatMessage(label), children: value }, label.id)));
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-2", children: _jsx(Breadcrumb, { ariaLabel: "breadcrumb", links: [{ label: formatMessage(messages.orderHistoryTitle), href: `${ORDER_HISTORY_PATH}?tab=payment-history` }], activeLabel: `${formatMessage(messages.orderDateTitle)}: ${orderDate}` }) }), _jsxs("h1", { className: "h1 mb-4 mt-4 text-primary-500 orderHistoryTitle", children: [formatMessage(messages.orderDateTitle), ": ", orderDate] }), _jsx("h3", { className: "h3 font-weight-bold mb-3 text-primary-500", children: formatMessage(messages.orderSummaryTitle) }), renderRows(orderSummaryRows), _jsx("hr", { className: "my-4 divider" }), _jsx("h3", { className: "font-weight-bold mb-3 text-primary-500", children: formatMessage(messages.orderItemsTitle) }), order.itemType === 'program' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-2 text-gray-700 mb-1", children: [_jsx("span", { className: "font-weight-bold", children: formatMessage(messages.receiptNameLabel) }), ' ', _jsx("span", { children: order.name })] }), _jsx(ProgramItemsTable, { items: (_e = order.items) !== null && _e !== void 0 ? _e : [], currency: order.total.currency })] })) : renderRows(orderItemRows), _jsx("hr", { className: "my-4 divider" }), _jsx("h3", { className: "font-weight-bold mb-3 text-primary-500", children: formatMessage(messages.paymentTitle) }), _jsx(ReceiptRow, { label: formatMessage(messages.receiptAmountLabel), children: total })] }));
+    const renderRows = (rows, listLabel) => (_jsx("dl", { className: "mb-0", role: "list", "aria-label": listLabel, children: rows.map(({ label, value }) => (_jsx(ReceiptRow, { label: formatMessage(label), children: value }, label.id))) }));
+    return (_jsxs("article", { "aria-labelledby": "order-receipt-title", children: [_jsx("div", { className: "my-2", children: _jsx(Breadcrumb, { ariaLabel: "breadcrumb", links: [{ label: formatMessage(messages.orderHistoryTitle), href: `${ORDER_HISTORY_PATH}?tab=payment-history` }], activeLabel: `${formatMessage(messages.orderDateTitle)}: ${orderDate}` }) }), _jsxs("h1", { id: "order-receipt-title", className: "h1 mb-4 mt-4 text-primary-500 orderHistoryTitle", children: [formatMessage(messages.orderDateTitle), ": ", orderDate] }), _jsxs("section", { "aria-labelledby": "order-summary-title", children: [_jsx("h3", { id: "order-summary-title", className: "h3 font-weight-bold mb-3 text-primary-500", children: formatMessage(messages.orderSummaryTitle) }), renderRows(orderSummaryRows, 'Order summary details')] }), _jsx("hr", { className: "my-4 divider" }), _jsxs("section", { "aria-labelledby": "order-items-title", children: [_jsx("h3", { id: "order-items-title", className: "font-weight-bold mb-3 text-primary-500", children: formatMessage(messages.orderItemsTitle) }), order.itemType === 'program' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-2 text-gray-700 mb-1", children: [_jsx("span", { className: "font-weight-bold", children: formatMessage(messages.receiptNameLabel) }), ' ', _jsx("span", { children: order.name })] }), _jsx(ProgramItemsTable, { items: (_e = order.items) !== null && _e !== void 0 ? _e : [], currency: order.total.currency })] })) : renderRows(orderItemRows, 'Order item details')] }), _jsx("hr", { className: "my-4 divider" }), _jsxs("section", { "aria-labelledby": "payment-title", children: [_jsx("h3", { id: "payment-title", className: "font-weight-bold mb-3 text-primary-500", children: formatMessage(messages.paymentTitle) }), _jsx("dl", { className: "mb-0", role: "list", "aria-label": "Payment details", children: _jsx(ReceiptRow, { label: formatMessage(messages.receiptAmountLabel), children: total }) })] })] }));
 };
 const OrderHistoryDetails = () => {
     const { formatMessage } = useIntl();

package/dist/components/OrderHistory/OrderHistoryDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderHistoryDetails.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/OrderHistoryDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Alert, Breadcrumb, Container, Spinner } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport type { MoneyAmount, OrderDetailsData } from '../../types';\nimport { ORDER_HISTORY_PATH } from '../../constants';\nimport getFormattedCurrency from '../../utils/currency';\nimport { useViaxClient, useViaxSession } from '../../data/hooks/useManageQueries';\nimport { useOrderDetailsQuery } from '../../data/hooks/useOrderHistoryQueries';\nimport messages from './messages';\nimport { getOrderSummaryRows, getOrderItemRows } from './data/receiptRows';\nimport { ProgramItemsTable } from './ProgramItemsTable';\n\nconst formatDate = (isoDate: string) => (\n  new Date(isoDate).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  })\n);\n\ninterface ReceiptRowProps {\n  label: string,\n  children: ReactNode,\n}\n\nconst ReceiptRow = ({ label, children }: ReceiptRowProps) => (\n  <div className=\"d-flex align-items-baseline mb-2\">\n    <span className=\"font-weight-bold text-gray-700\">{label}</span>\n    <span\n      className=\"flex-grow-1 mx-2 text-gray-700\"\n      style={{ borderBottom: '1px dotted #B4B1A8' }}\n    />\n    <span>{children}</span>\n  </div>\n);\n\nconst normalizeDiscountCode = (value?: string | null): string | null => {\n  if (!value) {\n    return null;\n  }\n\n  const cleaned = value.split(':')[0]?.trim();\n  return cleaned || null;\n};\n\nconst normalizeOrderDetails = (payload: any): OrderDetailsData | null => {\n  if (!payload || typeof payload !== 'object') {\n    return null;\n  }\n\n  const order = payload.order ?? payload;\n  if (!order || typeof order !== 'object') {\n    return null;\n  }\n\n  const totals = order.totals ?? {\n    amount: order.amount ?? 0,\n    currency: order.currency ?? 'USD',\n  };\n  const currency = String(order.pricing?.total?.currency ?? totals.currency ?? 'USD');\n  const money = (amount: unknown): MoneyAmount => ({\n    amount: Number.isFinite(Number(amount)) ? Number(amount) : 0,\n    currency,\n  });\n\n  const discounts: any[] | null = Array.isArray(order.pricing?.discounts) ? order.pricing.discounts : null;\n  const discountTotal = discounts\n    ? discounts.reduce((sum, item) => sum + Number(item?.amount ?? 0), 0)\n    : Number(order.totals?.discount ?? order.discount ?? 0);\n  const firstDiscount = discounts?.[0];\n  const discountCode = normalizeDiscountCode(\n    firstDiscount?.code ?? firstDiscount?.offerId ?? order.discountCode ?? null,\n  );\n\n  const firstItem = Array.isArray(order.items) ? order.items[0] : null;\n  const item = firstItem ?? (Array.isArray(order.lines) ? order.lines[0] : null);\n  const itemName = String(item?.name ?? item?.productName ?? item?.title ?? order.name ?? 'Order');\n\n  const base = {\n    orderId: String(order.orderId ?? ''),\n    orderNumber: String(order.orderNumber ?? ''),\n    purchasedAt: String(order.purchasedAt ?? order.placedAt ?? order.createdAt ?? new Date().toISOString()),\n    paymentIntentId: String(order.paymentIntentId ?? ''),\n    subtotalAmount: money(order.pricing?.subtotal?.amount),\n    itemPriceAmount: money(item?.price?.amount),\n    discountCode,\n    total: money(order.pricing?.total?.amount ?? totals.paid),\n    discountAmount: money(discountTotal),\n  };\n\n  if (firstItem?.kind === 'program') {\n    const programCourses: any[] = Array.isArray(firstItem.courses) ? firstItem.courses : [];\n\n    return {\n      ...base,\n      name: String(firstItem.name ?? itemName),\n      itemType: 'program',\n      items: programCourses.map((entry) => ({\n        productId: entry.productId,\n        courseRunKey: entry.courseRunKey,\n        name: entry.name ?? itemName,\n        price: entry.price ?? money(entry.amount),\n        discount: entry.discount ?? money(0),\n        total: entry.total ?? money(entry.amount),\n      })),\n    };\n  }\n\n  return { ...base, name: itemName, itemType: 'course' };\n};\n\nconst OrderReceipt = ({ order }: { order: OrderDetailsData }) => {\n  const { formatMessage } = useIntl();\n  const orderDate = formatDate(order.purchasedAt);\n  const subtotal = getFormattedCurrency(order.subtotalAmount ?? order.total);\n  const itemPrice = getFormattedCurrency(order.itemPriceAmount ?? order.total);\n  const total = getFormattedCurrency(order.total);\n  const discountValue = order.discountAmount ?? { amount: 0, currency: order.total.currency };\n  const discountAmount = getFormattedCurrency({\n    amount: -Math.abs(discountValue.amount) || 0,\n    currency: discountValue.currency,\n  });\n\n  const orderSummaryRows = getOrderSummaryRows(\n    order,\n    orderDate,\n    subtotal,\n    total,\n    discountAmount,\n    order.discountCode ?? '',\n  );\n  const orderItemRows = getOrderItemRows(order, itemPrice, total, discountAmount);\n\n  const renderRows = (rows: typeof orderSummaryRows | typeof orderItemRows) =>\n    rows.map(({ label, value }) => (\n      <ReceiptRow key={label.id} label={formatMessage(label)}>\n        {value}\n      </ReceiptRow>\n    ));\n\n  return (\n    <>\n      <div className=\"my-2\">\n        <Breadcrumb\n          ariaLabel=\"breadcrumb\"\n          links={[{ label: formatMessage(messages.orderHistoryTitle), href: `${ORDER_HISTORY_PATH}?tab=payment-history` }]}\n          activeLabel={`${formatMessage(messages.orderDateTitle)}: ${orderDate}`}\n        />\n      </div>\n      <h1 className=\"h1 mb-4 mt-4 text-primary-500 orderHistoryTitle\">\n        {formatMessage(messages.orderDateTitle)}: {orderDate}\n      </h1>\n\n      <h3 className=\"h3 font-weight-bold mb-3 text-primary-500\">\n        {formatMessage(messages.orderSummaryTitle)}\n      </h3>\n      {renderRows(orderSummaryRows)}\n\n      <hr className=\"my-4 divider\" />\n\n      <h3 className=\"font-weight-bold mb-3 text-primary-500\">\n        {formatMessage(messages.orderItemsTitle)}\n      </h3>\n      {order.itemType === 'program' ? (\n        <>\n          <div className=\"mb-2 text-gray-700 mb-1\">\n            <span className=\"font-weight-bold\">{formatMessage(messages.receiptNameLabel)}</span>{' '}\n            <span>{order.name}</span>\n          </div>\n          <ProgramItemsTable items={order.items ?? []} currency={order.total.currency} />\n        </>\n      ) : renderRows(orderItemRows)}\n\n      <hr className=\"my-4 divider\" />\n\n      <h3 className=\"font-weight-bold mb-3 text-primary-500\">\n        {formatMessage(messages.paymentTitle)}\n      </h3>\n      <ReceiptRow label={formatMessage(messages.receiptAmountLabel)}>\n        {total}\n      </ReceiptRow>\n    </>\n  );\n};\n\nconst OrderHistoryDetails = () => {\n  const { formatMessage } = useIntl();\n  const { orderNumber } = useParams<{ orderNumber: string }>();\n  const client = useViaxClient();\n  const { sessionReady } = useViaxSession(client);\n  const orderDetailsQuery = useOrderDetailsQuery(client, orderNumber ?? null, sessionReady);\n  const order = useMemo(() => normalizeOrderDetails(orderDetailsQuery.data), [orderDetailsQuery.data]);\n\n  let content: ReactNode;\n  if (orderDetailsQuery.isError) {\n    content = <Alert variant=\"danger\">{formatMessage(messages.purchaseHistoryError)}</Alert>;\n  } else if (!orderDetailsQuery.isSuccess) {\n    content = (\n      <div className=\"d-flex justify-content-center py-4\">\n        <Spinner animation=\"border\" screenReaderText={formatMessage(messages.loadingOrders)} />\n      </div>\n    );\n  } else {\n    content = order\n      ? <OrderReceipt order={order} />\n      : <Alert variant=\"warning\">{formatMessage(messages.orderNotFound)}</Alert>;\n  }\n\n  return (\n    <Container fluid size=\"xl\" className=\"py-4 orderHistory\">\n      {content}\n    </Container>\n  );\n};\n\nexport default OrderHistoryDetails;\n"]}
+{"version":3,"file":"OrderHistoryDetails.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/OrderHistoryDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Alert, Breadcrumb, Container, Spinner } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport type { MoneyAmount, OrderDetailsData } from '../../types';\nimport { ORDER_HISTORY_PATH } from '../../constants';\nimport getFormattedCurrency from '../../utils/currency';\nimport { useViaxClient, useViaxSession } from '../../data/hooks/useManageQueries';\nimport { useOrderDetailsQuery } from '../../data/hooks/useOrderHistoryQueries';\nimport messages from './messages';\nimport { getOrderSummaryRows, getOrderItemRows } from './data/receiptRows';\nimport { ProgramItemsTable } from './ProgramItemsTable';\n\nconst formatDate = (isoDate: string) => (\n  new Date(isoDate).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  })\n);\n\ninterface ReceiptRowProps {\n  label: string,\n  children: ReactNode,\n}\n\nconst ReceiptRow = ({ label, children }: ReceiptRowProps) => (\n  <div className=\"d-flex align-items-baseline mb-2\" role=\"listitem\">\n    <dt className=\"font-weight-bold text-gray-700\">{label}</dt>\n    <span\n      className=\"flex-grow-1 mx-2 text-gray-700\"\n      style={{ borderBottom: '1px dotted #B4B1A8' }}\n      aria-hidden=\"true\"\n    />\n    <dd className=\"mb-0\">{children}</dd>\n  </div>\n);\n\nconst normalizeDiscountCode = (value?: string | null): string | null => {\n  if (!value) {\n    return null;\n  }\n\n  const cleaned = value.split(':')[0]?.trim();\n  return cleaned || null;\n};\n\nconst normalizeOrderDetails = (payload: any): OrderDetailsData | null => {\n  if (!payload || typeof payload !== 'object') {\n    return null;\n  }\n\n  const order = payload.order ?? payload;\n  if (!order || typeof order !== 'object') {\n    return null;\n  }\n\n  const totals = order.totals ?? {\n    amount: order.amount ?? 0,\n    currency: order.currency ?? 'USD',\n  };\n  const currency = String(order.pricing?.total?.currency ?? totals.currency ?? 'USD');\n  const money = (amount: unknown): MoneyAmount => ({\n    amount: Number.isFinite(Number(amount)) ? Number(amount) : 0,\n    currency,\n  });\n\n  const discounts: any[] | null = Array.isArray(order.pricing?.discounts) ? order.pricing.discounts : null;\n  const discountTotal = discounts\n    ? discounts.reduce((sum, item) => sum + Number(item?.amount ?? 0), 0)\n    : Number(order.totals?.discount ?? order.discount ?? 0);\n  const firstDiscount = discounts?.[0];\n  const discountCode = normalizeDiscountCode(\n    firstDiscount?.code ?? firstDiscount?.offerId ?? order.discountCode ?? null,\n  );\n\n  const firstItem = Array.isArray(order.items) ? order.items[0] : null;\n  const item = firstItem ?? (Array.isArray(order.lines) ? order.lines[0] : null);\n  const itemName = String(item?.name ?? item?.productName ?? item?.title ?? order.name ?? 'Order');\n\n  const base = {\n    orderId: String(order.orderId ?? ''),\n    orderNumber: String(order.orderNumber ?? ''),\n    purchasedAt: String(order.purchasedAt ?? order.placedAt ?? order.createdAt ?? new Date().toISOString()),\n    paymentIntentId: String(order.paymentIntentId ?? ''),\n    subtotalAmount: money(order.pricing?.subtotal?.amount),\n    itemPriceAmount: money(item?.price?.amount),\n    discountCode,\n    total: money(order.pricing?.total?.amount ?? totals.paid),\n    discountAmount: money(discountTotal),\n  };\n\n  if (firstItem?.kind === 'program') {\n    const programCourses: any[] = Array.isArray(firstItem.courses) ? firstItem.courses : [];\n\n    return {\n      ...base,\n      name: String(firstItem.name ?? itemName),\n      itemType: 'program',\n      items: programCourses.map((entry) => ({\n        productId: entry.productId,\n        courseRunKey: entry.courseRunKey,\n        name: entry.name ?? itemName,\n        price: entry.price ?? money(entry.amount),\n        discount: entry.discount ?? money(0),\n        total: entry.total ?? money(entry.amount),\n      })),\n    };\n  }\n\n  return { ...base, name: itemName, itemType: 'course' };\n};\n\nconst OrderReceipt = ({ order }: { order: OrderDetailsData }) => {\n  const { formatMessage } = useIntl();\n  const orderDate = formatDate(order.purchasedAt);\n  const subtotal = getFormattedCurrency(order.subtotalAmount ?? order.total);\n  const itemPrice = getFormattedCurrency(order.itemPriceAmount ?? order.total);\n  const total = getFormattedCurrency(order.total);\n  const discountValue = order.discountAmount ?? { amount: 0, currency: order.total.currency };\n  const discountAmount = getFormattedCurrency({\n    amount: -Math.abs(discountValue.amount) || 0,\n    currency: discountValue.currency,\n  });\n\n  const orderSummaryRows = getOrderSummaryRows(\n    order,\n    orderDate,\n    subtotal,\n    total,\n    discountAmount,\n    order.discountCode ?? '',\n  );\n  const orderItemRows = getOrderItemRows(order, itemPrice, total, discountAmount);\n\n  const renderRows = (\n    rows: typeof orderSummaryRows | typeof orderItemRows,\n    listLabel: string,\n  ) => (\n    <dl className=\"mb-0\" role=\"list\" aria-label={listLabel}>\n      {rows.map(({ label, value }) => (\n        <ReceiptRow key={label.id} label={formatMessage(label)}>\n          {value}\n        </ReceiptRow>\n      ))}\n    </dl>\n  );\n\n  return (\n    <article aria-labelledby=\"order-receipt-title\">\n      <div className=\"my-2\">\n        <Breadcrumb\n          ariaLabel=\"breadcrumb\"\n          links={[{ label: formatMessage(messages.orderHistoryTitle), href: `${ORDER_HISTORY_PATH}?tab=payment-history` }]}\n          activeLabel={`${formatMessage(messages.orderDateTitle)}: ${orderDate}`}\n        />\n      </div>\n      <h1 id=\"order-receipt-title\" className=\"h1 mb-4 mt-4 text-primary-500 orderHistoryTitle\">\n        {formatMessage(messages.orderDateTitle)}: {orderDate}\n      </h1>\n\n      <section aria-labelledby=\"order-summary-title\">\n        <h3 id=\"order-summary-title\" className=\"h3 font-weight-bold mb-3 text-primary-500\">\n          {formatMessage(messages.orderSummaryTitle)}\n        </h3>\n        {renderRows(orderSummaryRows, 'Order summary details')}\n      </section>\n\n      <hr className=\"my-4 divider\" />\n\n      <section aria-labelledby=\"order-items-title\">\n        <h3 id=\"order-items-title\" className=\"font-weight-bold mb-3 text-primary-500\">\n          {formatMessage(messages.orderItemsTitle)}\n        </h3>\n        {order.itemType === 'program' ? (\n          <>\n            <div className=\"mb-2 text-gray-700 mb-1\">\n              <span className=\"font-weight-bold\">{formatMessage(messages.receiptNameLabel)}</span>{' '}\n              <span>{order.name}</span>\n            </div>\n            <ProgramItemsTable items={order.items ?? []} currency={order.total.currency} />\n          </>\n        ) : renderRows(orderItemRows, 'Order item details')}\n      </section>\n\n      <hr className=\"my-4 divider\" />\n\n      <section aria-labelledby=\"payment-title\">\n        <h3 id=\"payment-title\" className=\"font-weight-bold mb-3 text-primary-500\">\n          {formatMessage(messages.paymentTitle)}\n        </h3>\n        <dl className=\"mb-0\" role=\"list\" aria-label=\"Payment details\">\n          <ReceiptRow label={formatMessage(messages.receiptAmountLabel)}>\n            {total}\n          </ReceiptRow>\n        </dl>\n      </section>\n    </article>\n  );\n};\n\nconst OrderHistoryDetails = () => {\n  const { formatMessage } = useIntl();\n  const { orderNumber } = useParams<{ orderNumber: string }>();\n  const client = useViaxClient();\n  const { sessionReady } = useViaxSession(client);\n  const orderDetailsQuery = useOrderDetailsQuery(client, orderNumber ?? null, sessionReady);\n  const order = useMemo(() => normalizeOrderDetails(orderDetailsQuery.data), [orderDetailsQuery.data]);\n\n  let content: ReactNode;\n  if (orderDetailsQuery.isError) {\n    content = <Alert variant=\"danger\">{formatMessage(messages.purchaseHistoryError)}</Alert>;\n  } else if (!orderDetailsQuery.isSuccess) {\n    content = (\n      <div className=\"d-flex justify-content-center py-4\">\n        <Spinner animation=\"border\" screenReaderText={formatMessage(messages.loadingOrders)} />\n      </div>\n    );\n  } else {\n    content = order\n      ? <OrderReceipt order={order} />\n      : <Alert variant=\"warning\">{formatMessage(messages.orderNotFound)}</Alert>;\n  }\n\n  return (\n    <Container fluid size=\"xl\" className=\"py-4 orderHistory\">\n      {content}\n    </Container>\n  );\n};\n\nexport default OrderHistoryDetails;\n"]}

package/dist/components/OrderHistory/OrderList.js

@@ -5,9 +5,7 @@ import { ORDER_DETAILS_PATH } from '../../constants';
 import OrderHistoryCard from './OrderHistoryCard';
 const OrdersList = ({ orders, onViewReceipt }) => {
     const navigate = useNavigate();
-    return (_jsx("div", { children: orders.map((order) => (_jsx("div", { className: "mb-3", children: _jsx(OrderHistoryCard, { title: order.name, purchaseDate: new Date(order.purchasedAt).toLocaleDateString('en-US'), totalCost: getFormattedCurrency(order.total), orderNumber: order.orderNumber, 
-                // TODO: Enable when paymentMethodType is in the API response.
-                isReceiptDisabled: false, onViewReceipt: () => onViewReceipt === null || onViewReceipt === void 0 ? void 0 : onViewReceipt(order), onViewOrderDetails: () => navigate(`${ORDER_DETAILS_PATH}/${encodeURIComponent(order.orderNumber)}`) }) }, order.orderId))) }));
+    return (_jsx("ul", { className: "list-unstyled mb-0", role: "list", children: orders.map((order) => (_jsx("li", { className: "mb-3", role: "listitem", children: _jsx(OrderHistoryCard, { title: order.name, purchaseDate: new Date(order.purchasedAt).toLocaleDateString('en-US'), totalCost: getFormattedCurrency(order.total), orderNumber: order.orderNumber, isReceiptDisabled: false, onViewReceipt: () => onViewReceipt === null || onViewReceipt === void 0 ? void 0 : onViewReceipt(order), onViewOrderDetails: () => navigate(`${ORDER_DETAILS_PATH}/${encodeURIComponent(order.orderNumber)}`) }) }, order.orderId))) }));
 };
 export default OrdersList;
 //# sourceMappingURL=OrderList.js.map

package/dist/components/OrderHistory/OrderList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderList.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/OrderList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,oBAAoB,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,EAAmB,EAAE,EAAE;IAChE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACL,wBACG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,cAAyB,SAAS,EAAC,MAAM,YACvC,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,YAAY,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,EACrE,SAAS,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAE,KAAK,CAAC,WAAW;gBAC9B,8DAA8D;gBAC9D,iBAAiB,EAAE,KAAK,EACxB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,EAC3C,kBAAkB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,GACpG,IAVM,KAAK,CAAC,OAAO,CAWjB,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useNavigate } from 'react-router-dom';\n\nimport getFormattedCurrency from '../../utils/currency';\nimport type { OrdersListProps } from '../../types';\nimport { ORDER_DETAILS_PATH } from '../../constants';\nimport OrderHistoryCard from './OrderHistoryCard';\n\nconst OrdersList = ({ orders, onViewReceipt }: OrdersListProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <div>\n      {orders.map((order) => (\n        <div key={order.orderId} className=\"mb-3\">\n          <OrderHistoryCard\n            title={order.name}\n            purchaseDate={new Date(order.purchasedAt).toLocaleDateString('en-US')}\n            totalCost={getFormattedCurrency(order.total)}\n            orderNumber={order.orderNumber}\n            // TODO: Enable when paymentMethodType is in the API response.\n            isReceiptDisabled={false}\n            onViewReceipt={() => onViewReceipt?.(order)}\n            onViewOrderDetails={() => navigate(`${ORDER_DETAILS_PATH}/${encodeURIComponent(order.orderNumber)}`)}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default OrdersList;\n"]}
+{"version":3,"file":"OrderList.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/OrderList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,oBAAoB,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,EAAmB,EAAE,EAAE;IAChE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACL,aAAI,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,aAAwB,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,YACtD,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,YAAY,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,EACrE,SAAS,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,iBAAiB,EAAE,KAAK,EACxB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,EAC3C,kBAAkB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,GACpG,IATK,KAAK,CAAC,OAAO,CAUjB,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useNavigate } from 'react-router-dom';\n\nimport getFormattedCurrency from '../../utils/currency';\nimport type { OrdersListProps } from '../../types';\nimport { ORDER_DETAILS_PATH } from '../../constants';\nimport OrderHistoryCard from './OrderHistoryCard';\n\nconst OrdersList = ({ orders, onViewReceipt }: OrdersListProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <ul className=\"list-unstyled mb-0\" role=\"list\">\n      {orders.map((order) => (\n        <li key={order.orderId} className=\"mb-3\" role=\"listitem\">\n          <OrderHistoryCard\n            title={order.name}\n            purchaseDate={new Date(order.purchasedAt).toLocaleDateString('en-US')}\n            totalCost={getFormattedCurrency(order.total)}\n            orderNumber={order.orderNumber}\n            isReceiptDisabled={false}\n            onViewReceipt={() => onViewReceipt?.(order)}\n            onViewOrderDetails={() => navigate(`${ORDER_DETAILS_PATH}/${encodeURIComponent(order.orderNumber)}`)}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport default OrdersList;\n"]}

package/dist/components/OrderHistory/OrderPurchases.js

@@ -9,13 +9,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Alert, Spinner } from '@openedx/paragon';
-import { useIntl } from '@openedx/frontend-base';
+import { getAppConfig, useIntl } from '@openedx/frontend-base';
+import { appId } from '../../constants';
 import { getStripePaymentReceipt } from '../../data/services/orderHistory/orderHistory';
 import { usePurchaseHistoryQuery } from '../../data/hooks/useOrderHistoryQueries';
 import { useViaxClient, useViaxSession } from '../../data/hooks/useManageQueries';
 import OrdersList from './OrderList';
 import RefundNotice from '../RefundNotice/RefundNotice';
 import messages from './messages';
+const getPaypalReceiptUrl = () => {
+    const config = getAppConfig(appId);
+    const paypalReceiptUrl = config.PAYPAL_RECEIPT_URL;
+    if (typeof paypalReceiptUrl !== 'string') {
+        return null;
+    }
+    return paypalReceiptUrl.trim() || null;
+};
 /** One-off course and program purchases, shown in the payment history tab. */
 const OrderPurchases = () => {
     var _a;
@@ -25,20 +34,34 @@ const OrderPurchases = () => {
     const purchaseHistoryQuery = usePurchaseHistoryQuery(client, sessionReady);
     const orders = (_a = purchaseHistoryQuery.data) !== null && _a !== void 0 ? _a : [];
     const handleViewReceipt = (order) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
         if (!client || !order.orderId) {
             return;
         }
         try {
-            const receiptUrl = yield getStripePaymentReceipt(client.gql, order.orderId);
-            if (receiptUrl) {
-                window.open(receiptUrl, '_blank', 'noopener,noreferrer');
+            const paymentMethodType = ((_b = (_a = order.paymentMethod) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : '').toLowerCase();
+            const isNotAppleOrGooglePay = !((_c = order.paymentMethod) === null || _c === void 0 ? void 0 : _c.wallet);
+            if (paymentMethodType === 'paypal') {
+                const paypalReceiptUrl = getPaypalReceiptUrl();
+                if (!paypalReceiptUrl) {
+                    console.error('PayPal receipt URL is not configured.');
+                    return;
+                }
+                window.open(paypalReceiptUrl, '_blank', 'noopener,noreferrer');
+                return;
+            }
+            else if (paymentMethodType === 'card' && isNotAppleOrGooglePay) {
+                const receiptUrl = yield getStripePaymentReceipt(client.gql, order.orderId);
+                if (receiptUrl) {
+                    window.open(receiptUrl, '_blank', 'noopener,noreferrer');
+                }
             }
         }
         catch (error) {
             console.error('Unable to load payment receipt.', error);
         }
     });
-    return (_jsxs("section", { className: "manage-section mt-5", "aria-labelledby": "order-purchases-title", children: [_jsx("h2", { id: "order-purchases-title", className: "manage-section__title h3 font-weight-bold text-primary-500 mb-1", children: formatMessage(messages.otherPurchasesTitle) }), purchaseHistoryQuery.isError && (_jsx(Alert, { variant: "danger", children: formatMessage(messages.purchaseHistoryError) })), !purchaseHistoryQuery.isError && !purchaseHistoryQuery.isSuccess && (_jsx("div", { className: "d-flex justify-content-center py-4", children: _jsx(Spinner, { animation: "border", screenReaderText: formatMessage(messages.loadingOrders) }) })), purchaseHistoryQuery.isSuccess && orders.length === 0 && (_jsx("p", { className: "manage-section__subtitle text-gray-700 mb-3", children: formatMessage(messages.coursePurchasesEmptyMessage) })), purchaseHistoryQuery.isSuccess && orders.length > 0 && (_jsxs(_Fragment, { children: [_jsx(OrdersList, { orders: orders, onViewReceipt: handleViewReceipt }), _jsx(RefundNotice, {})] }))] }));
+    return (_jsxs("section", { className: "manage-section mt-5", "aria-labelledby": "order-purchases-title", "aria-live": "polite", "aria-busy": purchaseHistoryQuery.isLoading || purchaseHistoryQuery.isFetching, children: [_jsx("h2", { id: "order-purchases-title", className: "manage-section__title h3 font-weight-bold text-primary-500 mb-1", children: formatMessage(messages.otherPurchasesTitle) }), purchaseHistoryQuery.isError && (_jsx(Alert, { variant: "danger", children: formatMessage(messages.purchaseHistoryError) })), !purchaseHistoryQuery.isError && !purchaseHistoryQuery.isSuccess && (_jsx("div", { className: "d-flex justify-content-center py-4", children: _jsx(Spinner, { animation: "border", screenReaderText: formatMessage(messages.loadingOrders) }) })), purchaseHistoryQuery.isSuccess && orders.length === 0 && (_jsx("p", { className: "manage-section__subtitle text-gray-700 mb-3", children: formatMessage(messages.coursePurchasesEmptyMessage) })), purchaseHistoryQuery.isSuccess && orders.length > 0 && (_jsxs(_Fragment, { children: [_jsx(OrdersList, { orders: orders, onViewReceipt: handleViewReceipt }), _jsx(RefundNotice, {})] }))] }));
 };
 export default OrderPurchases;
 //# sourceMappingURL=OrderPurchases.js.map

package/dist/components/OrderHistory/OrderPurchases.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderPurchases.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/OrderPurchases.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,8EAA8E;AAC9E,MAAM,cAAc,GAAa,GAAG,EAAE;;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3E,MAAM,MAAM,GAAG,MAAA,oBAAoB,CAAC,IAAI,mCAAI,EAAE,CAAC;IAE/C,MAAM,iBAAiB,GAAG,CAAO,KAA0B,EAAE,EAAE;QAC7D,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,MAAM,UAAU,GAAG,MAAM,uBAAuB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YAC5E,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,CAAA,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAC,qBAAqB,qBAAiB,uBAAuB,aAC9E,aAAI,EAAE,EAAC,uBAAuB,EAAC,SAAS,EAAC,iEAAiE,YACvG,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GACzC,EAEJ,oBAAoB,CAAC,OAAO,IAAI,CAC/B,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,YAAE,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAS,CAC/E,EAEA,CAAC,oBAAoB,CAAC,OAAO,IAAI,CAAC,oBAAoB,CAAC,SAAS,IAAI,CACnE,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,gBAAgB,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAI,GACnF,CACP,EAEA,oBAAoB,CAAC,SAAS,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,YAAG,SAAS,EAAC,6CAA6C,YACvD,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,GAClD,CACL,EAEA,oBAAoB,CAAC,SAAS,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACtD,8BACE,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,GAAI,EAChE,KAAC,YAAY,KAAG,IACf,CACJ,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\nimport { Alert, Spinner } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport type { PurchaseHistoryItem } from '../../types';\nimport { getStripePaymentReceipt } from '../../data/services/orderHistory/orderHistory';\nimport { usePurchaseHistoryQuery } from '../../data/hooks/useOrderHistoryQueries';\nimport { useViaxClient, useViaxSession } from '../../data/hooks/useManageQueries';\nimport OrdersList from './OrderList';\nimport RefundNotice from '../RefundNotice/RefundNotice';\nimport messages from './messages';\n\n/** One-off course and program purchases, shown in the payment history tab. */\nconst OrderPurchases: React.FC = () => {\n  const { formatMessage } = useIntl();\n  const client = useViaxClient();\n  const { sessionReady } = useViaxSession(client);\n  const purchaseHistoryQuery = usePurchaseHistoryQuery(client, sessionReady);\n  const orders = purchaseHistoryQuery.data ?? [];\n\n  const handleViewReceipt = async (order: PurchaseHistoryItem) => {\n    if (!client || !order.orderId) {\n      return;\n    }\n\n    try {\n      const receiptUrl = await getStripePaymentReceipt(client.gql, order.orderId);\n      if (receiptUrl) {\n        window.open(receiptUrl, '_blank', 'noopener,noreferrer');\n      }\n    } catch (error) {\n      console.error('Unable to load payment receipt.', error);\n    }\n  };\n\n  return (\n    <section className=\"manage-section mt-5\" aria-labelledby=\"order-purchases-title\">\n      <h2 id=\"order-purchases-title\" className=\"manage-section__title h3 font-weight-bold text-primary-500 mb-1\">\n        {formatMessage(messages.otherPurchasesTitle)}\n      </h2>\n\n      {purchaseHistoryQuery.isError && (\n        <Alert variant=\"danger\">{formatMessage(messages.purchaseHistoryError)}</Alert>\n      )}\n\n      {!purchaseHistoryQuery.isError && !purchaseHistoryQuery.isSuccess && (\n        <div className=\"d-flex justify-content-center py-4\">\n          <Spinner animation=\"border\" screenReaderText={formatMessage(messages.loadingOrders)} />\n        </div>\n      )}\n\n      {purchaseHistoryQuery.isSuccess && orders.length === 0 && (\n        <p className=\"manage-section__subtitle text-gray-700 mb-3\">\n          {formatMessage(messages.coursePurchasesEmptyMessage)}\n        </p>\n      )}\n\n      {purchaseHistoryQuery.isSuccess && orders.length > 0 && (\n        <>\n          <OrdersList orders={orders} onViewReceipt={handleViewReceipt} />\n          <RefundNotice />\n        </>\n      )}\n    </section>\n  );\n};\n\nexport default OrderPurchases;\n"]}
+{"version":3,"file":"OrderPurchases.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/OrderPurchases.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Alert, Spinner } from '@openedx/paragon';\nimport { getAppConfig, useIntl } from '@openedx/frontend-base';\n\nimport type { PurchaseHistoryItem } from '../../types';\nimport { appId } from '../../constants';\nimport { getStripePaymentReceipt } from '../../data/services/orderHistory/orderHistory';\nimport { usePurchaseHistoryQuery } from '../../data/hooks/useOrderHistoryQueries';\nimport { useViaxClient, useViaxSession } from '../../data/hooks/useManageQueries';\nimport OrdersList from './OrderList';\nimport RefundNotice from '../RefundNotice/RefundNotice';\nimport messages from './messages';\n\nconst getPaypalReceiptUrl = (): string | null => {\n  const config = getAppConfig(appId) as { PAYPAL_RECEIPT_URL?: string };\n  const paypalReceiptUrl = config.PAYPAL_RECEIPT_URL;\n\n  if (typeof paypalReceiptUrl !== 'string') {\n    return null;\n  }\n\n  return paypalReceiptUrl.trim() || null;\n};\n\n/** One-off course and program purchases, shown in the payment history tab. */\nconst OrderPurchases: React.FC = () => {\n  const { formatMessage } = useIntl();\n  const client = useViaxClient();\n  const { sessionReady } = useViaxSession(client);\n  const purchaseHistoryQuery = usePurchaseHistoryQuery(client, sessionReady);\n  const orders = purchaseHistoryQuery.data ?? [];\n\n  const handleViewReceipt = async (order: PurchaseHistoryItem) => {\n    if (!client || !order.orderId) {\n      return;\n    }\n\n    try {\n      const paymentMethodType = (order.paymentMethod?.type ?? '').toLowerCase();\n      const isNotAppleOrGooglePay = !order.paymentMethod?.wallet;\n\n      if (paymentMethodType === 'paypal') {\n        const paypalReceiptUrl = getPaypalReceiptUrl();\n        if (!paypalReceiptUrl) {\n          console.error('PayPal receipt URL is not configured.');\n          return;\n        }\n\n        window.open(paypalReceiptUrl, '_blank', 'noopener,noreferrer');\n        return;\n      } else if (paymentMethodType === 'card' && isNotAppleOrGooglePay) {\n        const receiptUrl = await getStripePaymentReceipt(client.gql, order.orderId);\n        if (receiptUrl) {\n          window.open(receiptUrl, '_blank', 'noopener,noreferrer');\n        }\n      }\n    } catch (error) {\n      console.error('Unable to load payment receipt.', error);\n    }\n  };\n\n  return (\n    <section\n      className=\"manage-section mt-5\"\n      aria-labelledby=\"order-purchases-title\"\n      aria-live=\"polite\"\n      aria-busy={purchaseHistoryQuery.isLoading || purchaseHistoryQuery.isFetching}\n    >\n      <h2 id=\"order-purchases-title\" className=\"manage-section__title h3 font-weight-bold text-primary-500 mb-1\">\n        {formatMessage(messages.otherPurchasesTitle)}\n      </h2>\n\n      {purchaseHistoryQuery.isError && (\n        <Alert variant=\"danger\">{formatMessage(messages.purchaseHistoryError)}</Alert>\n      )}\n\n      {!purchaseHistoryQuery.isError && !purchaseHistoryQuery.isSuccess && (\n        <div className=\"d-flex justify-content-center py-4\">\n          <Spinner animation=\"border\" screenReaderText={formatMessage(messages.loadingOrders)} />\n        </div>\n      )}\n\n      {purchaseHistoryQuery.isSuccess && orders.length === 0 && (\n        <p className=\"manage-section__subtitle text-gray-700 mb-3\">\n          {formatMessage(messages.coursePurchasesEmptyMessage)}\n        </p>\n      )}\n\n      {purchaseHistoryQuery.isSuccess && orders.length > 0 && (\n        <>\n          <OrdersList orders={orders} onViewReceipt={handleViewReceipt} />\n          <RefundNotice />\n        </>\n      )}\n    </section>\n  );\n};\n\nexport default OrderPurchases;\n"]}

package/dist/components/OrderHistory/messages.d.ts

@@ -114,5 +114,30 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    viewReceiptButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewOrderDetailsButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dateOfPurchaseLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    totalCostLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    orderNumberLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default messages;

package/dist/components/OrderHistory/messages.js

@@ -115,6 +115,31 @@ const messages = defineMessages({
         defaultMessage: 'Total after discount',
         description: 'Program order items table header for the total after discount column',
     },
+    viewReceiptButton: {
+        id: 'viewReceiptButton',
+        defaultMessage: 'View receipt',
+        description: 'Button text for viewing a payment receipt',
+    },
+    viewOrderDetailsButton: {
+        id: 'viewOrderDetailsButton',
+        defaultMessage: 'View order details',
+        description: 'Button text for viewing order details',
+    },
+    dateOfPurchaseLabel: {
+        id: 'dateOfPurchaseLabel',
+        defaultMessage: 'Date of purchase',
+        description: 'Label for the date of purchase in the order history card',
+    },
+    totalCostLabel: {
+        id: 'totalCostLabel',
+        defaultMessage: 'Total cost',
+        description: 'Label for the total cost in the order history card',
+    },
+    orderNumberLabel: {
+        id: 'orderNumberLabel',
+        defaultMessage: 'Order number',
+        description: 'Label for the order number in the order history card',
+    },
 });
 export default messages;
 //# sourceMappingURL=messages.js.map

package/dist/components/OrderHistory/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  orderHistoryTitle: {\n    id: 'orderHistoryTitle',\n    defaultMessage: 'Order History',\n    description: 'Heading for order history',\n  },\n  otherPurchasesTitle: {\n    id: 'orderHistory.coursePayments.otherPurchasesTitle',\n    defaultMessage: 'Other purchases',\n    description: 'Heading above the list of course and program purchases.',\n  },\n  coursePurchasesEmptyMessage: {\n    id: 'orderHistory.coursePayments.emptyMessage',\n    defaultMessage: 'Courses you purchased in the last 180 days will appear here. If possible, please retain receipts for your records.',\n    description: 'Message shown when there are no course purchases to display.',\n  },\n  loadingOrders: {\n    id: 'orderHistory.loadingOrders',\n    defaultMessage: 'Loading orders…',\n    description: 'Loading state while the order history is fetched',\n  },\n  purchaseHistoryError: {\n    id: 'orderHistory.purchaseHistoryError',\n    defaultMessage: 'We could not load your orders. Please try again later.',\n    description: 'Error alert when the order history fails to load',\n  },\n  orderNotFound: {\n    id: 'orderHistory.orderNotFound',\n    defaultMessage: 'We could not find this order.',\n    description: 'Shown on the order details page when no matching order exists',\n  },\n  orderDateTitle: {\n    id: 'orderDateTitle',\n    defaultMessage: 'Order date',\n    description: 'Label for order date',\n  },\n  orderSummaryTitle: {\n    id: 'orderSummaryTitle',\n    defaultMessage: 'Order summary',\n    description: 'Heading for order summary section',\n  },\n  orderItemsTitle: {\n    id: 'orderItemsTitle',\n    defaultMessage: 'Order items',\n    description: 'Heading for order items section',\n  },\n  paymentTitle: {\n    id: 'paymentTitle',\n    defaultMessage: 'Payment',\n    description: 'Heading for payment section',\n  },\n  receiptOrderNumberLabel: {\n    id: 'receiptOrderNumberLabel',\n    defaultMessage: 'Order number:',\n    description: 'Receipt label for the order number',\n  },\n  receiptOrderDateLabel: {\n    id: 'receiptOrderDateLabel',\n    defaultMessage: 'Order date:',\n    description: 'Receipt label for the order date',\n  },\n  receiptSubtotalLabel: {\n    id: 'receiptSubtotalLabel',\n    defaultMessage: 'Subtotal:',\n    description: 'Receipt label for the subtotal amount',\n  },\n  receiptDiscountCodeLabel: {\n    id: 'receiptDiscountCodeLabel',\n    defaultMessage: 'Discount code:',\n    description: 'Receipt label for the discount code',\n  },\n  receiptDiscountAmountLabel: {\n    id: 'receiptDiscountAmountLabel',\n    defaultMessage: 'Discount amount:',\n    description: 'Receipt label for the discount amount',\n  },\n  receiptTotalAfterDiscountLabel: {\n    id: 'receiptTotalAfterDiscountLabel',\n    defaultMessage: 'Total after discount:',\n    description: 'Receipt label for the total after discount',\n  },\n  receiptNameLabel: {\n    id: 'receiptNameLabel',\n    defaultMessage: 'Name:',\n    description: 'Receipt label for the item name',\n  },\n  receiptPriceLabel: {\n    id: 'receiptPriceLabel',\n    defaultMessage: 'Price:',\n    description: 'Receipt label for the item price',\n  },\n  receiptAmountLabel: {\n    id: 'receiptAmountLabel',\n    defaultMessage: 'Amount:',\n    description: 'Receipt label for the payment amount',\n  },\n  receiptTableCourseHeader: {\n    id: 'receiptTableCourseHeader',\n    defaultMessage: 'Course',\n    description: 'Program order items table header for the course name column',\n  },\n  receiptTablePriceHeader: {\n    id: 'receiptTablePriceHeader',\n    defaultMessage: 'Price',\n    description: 'Program order items table header for the course price column',\n  },\n  receiptTableDiscountAmountHeader: {\n    id: 'receiptTableDiscountAmountHeader',\n    defaultMessage: 'Discount amount',\n    description: 'Program order items table header for the discount amount column',\n  },\n  receiptTableTotalAfterDiscountHeader: {\n    id: 'receiptTableTotalAfterDiscountHeader',\n    defaultMessage: 'Total after discount',\n    description: 'Program order items table header for the total after discount column',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/components/OrderHistory/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,iBAAiB,EAAE;QACjB,EAAE,EAAE,mBAAmB;QACvB,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,2BAA2B;KACzC;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,iDAAiD;QACrD,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,yDAAyD;KACvE;IACD,2BAA2B,EAAE;QAC3B,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,oHAAoH;QACpI,WAAW,EAAE,8DAA8D;KAC5E;IACD,aAAa,EAAE;QACb,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,kDAAkD;KAChE;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,wDAAwD;QACxE,WAAW,EAAE,kDAAkD;KAChE;IACD,aAAa,EAAE;QACb,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,+BAA+B;QAC/C,WAAW,EAAE,+DAA+D;KAC7E;IACD,cAAc,EAAE;QACd,EAAE,EAAE,gBAAgB;QACpB,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,sBAAsB;KACpC;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,mBAAmB;QACvB,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,mCAAmC;KACjD;IACD,eAAe,EAAE;QACf,EAAE,EAAE,iBAAiB;QACrB,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,iCAAiC;KAC/C;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,cAAc;QAClB,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,6BAA6B;KAC3C;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,yBAAyB;QAC7B,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,oCAAoC;KAClD;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,uBAAuB;QAC3B,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,kCAAkC;KAChD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,sBAAsB;QAC1B,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,uCAAuC;KACrD;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,0BAA0B;QAC9B,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,qCAAqC;KACnD;IACD,0BAA0B,EAAE;QAC1B,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,uCAAuC;KACrD;IACD,8BAA8B,EAAE;QAC9B,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,4CAA4C;KAC1D;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,kBAAkB;QACtB,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,iCAAiC;KAC/C;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,mBAAmB;QACvB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,kCAAkC;KAChD;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,oBAAoB;QACxB,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,sCAAsC;KACpD;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,0BAA0B;QAC9B,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,6DAA6D;KAC3E;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,yBAAyB;QAC7B,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,8DAA8D;KAC5E;IACD,gCAAgC,EAAE;QAChC,EAAE,EAAE,kCAAkC;QACtC,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,iEAAiE;KAC/E;IACD,oCAAoC,EAAE;QACpC,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,sEAAsE;KACpF;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,mBAAmB;QACvB,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,2CAA2C;KACzD;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,wBAAwB;QAC5B,cAAc,EAAE,oBAAoB;QACpC,WAAW,EAAE,uCAAuC;KACrD;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,qBAAqB;QACzB,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,0DAA0D;KACxE;IACD,cAAc,EAAE;QACd,EAAE,EAAE,gBAAgB;QACpB,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,oDAAoD;KAClE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,kBAAkB;QACtB,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,sDAAsD;KACpE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  orderHistoryTitle: {\n    id: 'orderHistoryTitle',\n    defaultMessage: 'Order History',\n    description: 'Heading for order history',\n  },\n  otherPurchasesTitle: {\n    id: 'orderHistory.coursePayments.otherPurchasesTitle',\n    defaultMessage: 'Other purchases',\n    description: 'Heading above the list of course and program purchases.',\n  },\n  coursePurchasesEmptyMessage: {\n    id: 'orderHistory.coursePayments.emptyMessage',\n    defaultMessage: 'Courses you purchased in the last 180 days will appear here. If possible, please retain receipts for your records.',\n    description: 'Message shown when there are no course purchases to display.',\n  },\n  loadingOrders: {\n    id: 'orderHistory.loadingOrders',\n    defaultMessage: 'Loading orders…',\n    description: 'Loading state while the order history is fetched',\n  },\n  purchaseHistoryError: {\n    id: 'orderHistory.purchaseHistoryError',\n    defaultMessage: 'We could not load your orders. Please try again later.',\n    description: 'Error alert when the order history fails to load',\n  },\n  orderNotFound: {\n    id: 'orderHistory.orderNotFound',\n    defaultMessage: 'We could not find this order.',\n    description: 'Shown on the order details page when no matching order exists',\n  },\n  orderDateTitle: {\n    id: 'orderDateTitle',\n    defaultMessage: 'Order date',\n    description: 'Label for order date',\n  },\n  orderSummaryTitle: {\n    id: 'orderSummaryTitle',\n    defaultMessage: 'Order summary',\n    description: 'Heading for order summary section',\n  },\n  orderItemsTitle: {\n    id: 'orderItemsTitle',\n    defaultMessage: 'Order items',\n    description: 'Heading for order items section',\n  },\n  paymentTitle: {\n    id: 'paymentTitle',\n    defaultMessage: 'Payment',\n    description: 'Heading for payment section',\n  },\n  receiptOrderNumberLabel: {\n    id: 'receiptOrderNumberLabel',\n    defaultMessage: 'Order number:',\n    description: 'Receipt label for the order number',\n  },\n  receiptOrderDateLabel: {\n    id: 'receiptOrderDateLabel',\n    defaultMessage: 'Order date:',\n    description: 'Receipt label for the order date',\n  },\n  receiptSubtotalLabel: {\n    id: 'receiptSubtotalLabel',\n    defaultMessage: 'Subtotal:',\n    description: 'Receipt label for the subtotal amount',\n  },\n  receiptDiscountCodeLabel: {\n    id: 'receiptDiscountCodeLabel',\n    defaultMessage: 'Discount code:',\n    description: 'Receipt label for the discount code',\n  },\n  receiptDiscountAmountLabel: {\n    id: 'receiptDiscountAmountLabel',\n    defaultMessage: 'Discount amount:',\n    description: 'Receipt label for the discount amount',\n  },\n  receiptTotalAfterDiscountLabel: {\n    id: 'receiptTotalAfterDiscountLabel',\n    defaultMessage: 'Total after discount:',\n    description: 'Receipt label for the total after discount',\n  },\n  receiptNameLabel: {\n    id: 'receiptNameLabel',\n    defaultMessage: 'Name:',\n    description: 'Receipt label for the item name',\n  },\n  receiptPriceLabel: {\n    id: 'receiptPriceLabel',\n    defaultMessage: 'Price:',\n    description: 'Receipt label for the item price',\n  },\n  receiptAmountLabel: {\n    id: 'receiptAmountLabel',\n    defaultMessage: 'Amount:',\n    description: 'Receipt label for the payment amount',\n  },\n  receiptTableCourseHeader: {\n    id: 'receiptTableCourseHeader',\n    defaultMessage: 'Course',\n    description: 'Program order items table header for the course name column',\n  },\n  receiptTablePriceHeader: {\n    id: 'receiptTablePriceHeader',\n    defaultMessage: 'Price',\n    description: 'Program order items table header for the course price column',\n  },\n  receiptTableDiscountAmountHeader: {\n    id: 'receiptTableDiscountAmountHeader',\n    defaultMessage: 'Discount amount',\n    description: 'Program order items table header for the discount amount column',\n  },\n  receiptTableTotalAfterDiscountHeader: {\n    id: 'receiptTableTotalAfterDiscountHeader',\n    defaultMessage: 'Total after discount',\n    description: 'Program order items table header for the total after discount column',\n  },\n  viewReceiptButton: {\n    id: 'viewReceiptButton',\n    defaultMessage: 'View receipt',\n    description: 'Button text for viewing a payment receipt',\n  },\n  viewOrderDetailsButton: {\n    id: 'viewOrderDetailsButton',\n    defaultMessage: 'View order details',\n    description: 'Button text for viewing order details',\n  },\n  dateOfPurchaseLabel: {\n    id: 'dateOfPurchaseLabel',\n    defaultMessage: 'Date of purchase',\n    description: 'Label for the date of purchase in the order history card',\n  },\n  totalCostLabel: {\n    id: 'totalCostLabel',\n    defaultMessage: 'Total cost',\n    description: 'Label for the total cost in the order history card',\n  },\n  orderNumberLabel: {\n    id: 'orderNumberLabel',\n    defaultMessage: 'Order number',\n    description: 'Label for the order number in the order history card',\n  },\n});\n\nexport default messages;\n"]}

package/dist/types.d.ts

@@ -115,7 +115,12 @@ export interface PurchaseHistoryItem {
     orderNumber: string;
     purchasedAt: string;
     paymentIntentId?: string;
-    paymentMethodType?: string;
+    paymentMethod?: {
+        type?: string;
+        brand?: string;
+        last4?: string;
+        wallet?: string;
+    } | null;
     name: string;
     total: {
         amount: number;

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\n * Manage Subscription — domain types for Viax subscriber + enrollment data.\n */\n\n/** GraphQL runner used by VIAX fetchers. */\nexport type GqlRunner = (\n  query: string,\n  variables?: Record<string, unknown>,\n) => Promise<any>;\n\n/** Result of `tIsCurrentUserSubscriber` (JSON scalar). */\nexport interface CurrentUserSubscriberResult {\n  /** Has/expects access — drive manage vs upsell messaging. */\n  isSubscriber: boolean,\n  /** Enrollable right now (ACTIVE / TRIAL_ACTIVE). */\n  canEnroll: boolean,\n  subscriptionBiId: string | null,\n  /**\n   * Every subscription the learner has held (all statuses, newest first),\n   * e.g. a cancelled Stripe one plus a newer PayPal one. Payment history\n   * lists invoices across all of them. Empty until the API returns it.\n   */\n  subscriptionBiIds?: string[],\n  status: string | null,\n  currentPeriodEnd: string | null,\n  subscriptionStartDate: string | null,\n  subscriptionEndDate: string | null,\n  /**\n   * Billing cycle / plan label used by UI (from `billingFrequency`,\n   * `renewalType`, or `planName` on the API payload).\n   */\n  renewalType?: string | null,\n  /** Optional cancel timestamp when present. */\n  canceledAt?: string | null,\n  /** Optional price display amount when present. */\n  amount?: string | null,\n  currency?: string | null,\n  /**\n   * Billing-plan fallback fields used when `renewalType` is missing\n   * (e.g. PayPal payloads). See `resolvePlanLabel`.\n   */\n  billingPlanUid?: string | null,\n  interval?: string | null,\n  billingInterval?: string | null,\n  bipOwnershipModel?: { uid?: string, omName?: string } | null,\n}\n\n/** Normalized enrollment for the cancel confirmation course list. */\nexport interface SubscriptionEnrollment {\n  biId: string,\n  courseMaId: string | null,\n  courseName: string | null,\n  courseSlug: string | null,\n  /** Course card / thumbnail image. */\n  imageUrl: string | null,\n  orgName: string | null,\n  orgLogoUrl: string | null,\n  courseRunKey: string | null,\n  /** TwouEnrollment bpStatus.code (ACTIVE, COMPLETED, …). */\n  status: string | null,\n  /** True when the enrollment has a certificate id and/or URL. */\n  hasCertificate: boolean,\n  /** Absolute certificate link (`COURSES_BASE_URL` + `tCertificateUrl`). */\n  certificateUrl: string | null,\n}\n\nexport type PaymentProcessor = 'stripe' | 'paypal';\n\n/** Normalized invoice row for the Payment history tab. */\nexport interface PaymentHistoryItem {\n  biId: string,\n  /** Display order number, e.g. EDX-BI3X25N5SY30OSIK */\n  orderNumber: string,\n  stripeInvoiceId: string | null,\n  /** PayPal sale id, or `trial:<PayPal subscription id>` for a $0 trial row. */\n  paypalInvoiceId: string | null,\n  /** Which processor billed this invoice; null when neither id is set. */\n  paymentProcessor: PaymentProcessor | null,\n  status: string | null,\n  billDate: string | null,\n  periodStart: string | null,\n  periodEnd: string | null,\n  /** Charged amount in major currency units (e.g. 59.00). */\n  amount: number,\n  currency: string,\n  isTrial: boolean,\n}\n\n/** UI view derived from subscriber status. */\nexport type SubscriptionView =\n  | 'none'\n  | 'active'\n  | 'canceled_access'\n  | 'canceled_expired';\n\nexport type ManageTab = 'subscription' | 'payment-history';\n\nexport type BillingCycle = 'monthly' | 'annual';\n\nexport interface BillingPlanOwnershipModel {\n  uid: string,\n  omName: string,\n}\n\n/** Normalized row from `filterCustomerBillingPlan`. */\nexport interface BillingPlan {\n  uid: string,\n  stripePriceId: string,\n  /** Price amount e.g. \"39.99\" */\n  amount: string,\n  /** Currency code e.g. \"USD\" */\n  currency: string,\n  isTemplate: boolean,\n  ownershipModel: BillingPlanOwnershipModel,\n}\n\nexport interface BillingPlansResult {\n  plans: BillingPlan[],\n}\n\n/** One course line on a program purchase receipt. */\nexport interface PurchaseHistoryCourse {\n  courseId: string,\n  name: string,\n  price: number,\n  discountAmount: number,\n}\n\n/** One-off course or program purchase from `tOrderHistory.orders`. */\nexport interface PurchaseHistoryItem {\n  orderId: string,\n  orderNumber: string,\n  purchasedAt: string,\n  paymentIntentId?: string,\n  paymentMethodType?: string,\n  name: string,\n  total: {\n    amount: number,\n    currency: string,\n  },\n  /** Set when the payload reports a program purchase. */\n  itemType?: 'course' | 'program',\n  courses?: PurchaseHistoryCourse[],\n}\n\nexport interface OrdersListProps {\n  orders: PurchaseHistoryItem[],\n  onViewReceipt?: (order: PurchaseHistoryItem) => void,\n}\n\nexport interface MoneyAmount {\n  amount: number,\n  currency: string,\n}\n\n/** One line on a program order details payload. */\nexport interface OrderProgramItem {\n  productId?: string,\n  courseRunKey?: string,\n  name: string,\n  price?: MoneyAmount,\n  discount?: MoneyAmount,\n  total?: MoneyAmount,\n}\n\n/** Normalized `tOrderDetails` payload for the order details page. */\nexport interface OrderDetailsData {\n  orderId: string,\n  orderNumber: string,\n  purchasedAt: string,\n  paymentIntentId: string,\n  name: string,\n  subtotalAmount?: MoneyAmount,\n  itemPriceAmount?: MoneyAmount,\n  discountCode?: string | null,\n  total: MoneyAmount,\n  discountAmount?: MoneyAmount,\n  itemType: 'course' | 'program',\n  items?: OrderProgramItem[],\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\n * Manage Subscription — domain types for Viax subscriber + enrollment data.\n */\n\n/** GraphQL runner used by VIAX fetchers. */\nexport type GqlRunner = (\n  query: string,\n  variables?: Record<string, unknown>,\n) => Promise<any>;\n\n/** Result of `tIsCurrentUserSubscriber` (JSON scalar). */\nexport interface CurrentUserSubscriberResult {\n  /** Has/expects access — drive manage vs upsell messaging. */\n  isSubscriber: boolean,\n  /** Enrollable right now (ACTIVE / TRIAL_ACTIVE). */\n  canEnroll: boolean,\n  subscriptionBiId: string | null,\n  /**\n   * Every subscription the learner has held (all statuses, newest first),\n   * e.g. a cancelled Stripe one plus a newer PayPal one. Payment history\n   * lists invoices across all of them. Empty until the API returns it.\n   */\n  subscriptionBiIds?: string[],\n  status: string | null,\n  currentPeriodEnd: string | null,\n  subscriptionStartDate: string | null,\n  subscriptionEndDate: string | null,\n  /**\n   * Billing cycle / plan label used by UI (from `billingFrequency`,\n   * `renewalType`, or `planName` on the API payload).\n   */\n  renewalType?: string | null,\n  /** Optional cancel timestamp when present. */\n  canceledAt?: string | null,\n  /** Optional price display amount when present. */\n  amount?: string | null,\n  currency?: string | null,\n  /**\n   * Billing-plan fallback fields used when `renewalType` is missing\n   * (e.g. PayPal payloads). See `resolvePlanLabel`.\n   */\n  billingPlanUid?: string | null,\n  interval?: string | null,\n  billingInterval?: string | null,\n  bipOwnershipModel?: { uid?: string, omName?: string } | null,\n}\n\n/** Normalized enrollment for the cancel confirmation course list. */\nexport interface SubscriptionEnrollment {\n  biId: string,\n  courseMaId: string | null,\n  courseName: string | null,\n  courseSlug: string | null,\n  /** Course card / thumbnail image. */\n  imageUrl: string | null,\n  orgName: string | null,\n  orgLogoUrl: string | null,\n  courseRunKey: string | null,\n  /** TwouEnrollment bpStatus.code (ACTIVE, COMPLETED, …). */\n  status: string | null,\n  /** True when the enrollment has a certificate id and/or URL. */\n  hasCertificate: boolean,\n  /** Absolute certificate link (`COURSES_BASE_URL` + `tCertificateUrl`). */\n  certificateUrl: string | null,\n}\n\nexport type PaymentProcessor = 'stripe' | 'paypal';\n\n/** Normalized invoice row for the Payment history tab. */\nexport interface PaymentHistoryItem {\n  biId: string,\n  /** Display order number, e.g. EDX-BI3X25N5SY30OSIK */\n  orderNumber: string,\n  stripeInvoiceId: string | null,\n  /** PayPal sale id, or `trial:<PayPal subscription id>` for a $0 trial row. */\n  paypalInvoiceId: string | null,\n  /** Which processor billed this invoice; null when neither id is set. */\n  paymentProcessor: PaymentProcessor | null,\n  status: string | null,\n  billDate: string | null,\n  periodStart: string | null,\n  periodEnd: string | null,\n  /** Charged amount in major currency units (e.g. 59.00). */\n  amount: number,\n  currency: string,\n  isTrial: boolean,\n}\n\n/** UI view derived from subscriber status. */\nexport type SubscriptionView =\n  | 'none'\n  | 'active'\n  | 'canceled_access'\n  | 'canceled_expired';\n\nexport type ManageTab = 'subscription' | 'payment-history';\n\nexport type BillingCycle = 'monthly' | 'annual';\n\nexport interface BillingPlanOwnershipModel {\n  uid: string,\n  omName: string,\n}\n\n/** Normalized row from `filterCustomerBillingPlan`. */\nexport interface BillingPlan {\n  uid: string,\n  stripePriceId: string,\n  /** Price amount e.g. \"39.99\" */\n  amount: string,\n  /** Currency code e.g. \"USD\" */\n  currency: string,\n  isTemplate: boolean,\n  ownershipModel: BillingPlanOwnershipModel,\n}\n\nexport interface BillingPlansResult {\n  plans: BillingPlan[],\n}\n\n/** One course line on a program purchase receipt. */\nexport interface PurchaseHistoryCourse {\n  courseId: string,\n  name: string,\n  price: number,\n  discountAmount: number,\n}\n\n/** One-off course or program purchase from `tOrderHistory.orders`. */\nexport interface PurchaseHistoryItem {\n  orderId: string,\n  orderNumber: string,\n  purchasedAt: string,\n  paymentIntentId?: string,\n  paymentMethod?: {\n    type?: string,\n    brand?: string,\n    last4?: string,\n    wallet?: string,\n  } | null,\n  name: string,\n  total: {\n    amount: number,\n    currency: string,\n  },\n  /** Set when the payload reports a program purchase. */\n  itemType?: 'course' | 'program',\n  courses?: PurchaseHistoryCourse[],\n}\n\nexport interface OrdersListProps {\n  orders: PurchaseHistoryItem[],\n  onViewReceipt?: (order: PurchaseHistoryItem) => void,\n}\n\nexport interface MoneyAmount {\n  amount: number,\n  currency: string,\n}\n\n/** One line on a program order details payload. */\nexport interface OrderProgramItem {\n  productId?: string,\n  courseRunKey?: string,\n  name: string,\n  price?: MoneyAmount,\n  discount?: MoneyAmount,\n  total?: MoneyAmount,\n}\n\n/** Normalized `tOrderDetails` payload for the order details page. */\nexport interface OrderDetailsData {\n  orderId: string,\n  orderNumber: string,\n  purchasedAt: string,\n  paymentIntentId: string,\n  name: string,\n  subtotalAmount?: MoneyAmount,\n  itemPriceAmount?: MoneyAmount,\n  discountCode?: string | null,\n  total: MoneyAmount,\n  discountAmount?: MoneyAmount,\n  itemType: 'course' | 'program',\n  items?: OrderProgramItem[],\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-app-subscription-manage",
-  "version": "1.21.0",
+  "version": "1.23.0",
   "description": "Subscription Manage Frontend application",
   "repository": {
     "type": "git",