@edx/frontend-app-subscription-manage 1.23.0 → 1.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7,7 +7,7 @@ const OrderHistoryCard = ({ title, purchaseDate, totalCost, orderNumber, isRecei
|
|
|
7
7
|
const { formatMessage } = useIntl();
|
|
8
8
|
const receiptDescriptionId = `receipt-description-${orderNumber.replace(/\s+/g, '-').toLowerCase()}`;
|
|
9
9
|
const detailsDescriptionId = `details-description-${orderNumber.replace(/\s+/g, '-').toLowerCase()}`;
|
|
10
|
-
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] })] })] })] }) }) }));
|
|
10
|
+
return (_jsx("section", { "aria-labelledby": `order-title-${orderNumber}`, children: _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, "aria-label": `View receipt for order ${orderNumber}`, 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, "aria-label": `View details for order ${orderNumber}`, children: [formatMessage(messages.viewOrderDetailsButton), _jsxs("span", { id: detailsDescriptionId, className: "sr-only", children: [' ', "for ", title] })] })] })] }) }) }) }));
|
|
11
11
|
};
|
|
12
12
|
export default OrderHistoryCard;
|
|
13
13
|
//# sourceMappingURL=OrderHistoryCard.js.map
|
|
@@ -1 +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,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,
|
|
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,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,qCAA0B,eAAe,WAAW,EAAE,YACpD,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,gBAC1B,0BAA0B,WAAW,EAAE,aAElD,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,gBAC1B,0BAA0B,WAAW,EAAE,aAElD,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,GACC,CACX,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 <section aria-labelledby={`order-title-${orderNumber}`}>\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 aria-label={`View receipt for order ${orderNumber}`}\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 aria-label={`View details for order ${orderNumber}`}\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 </section>\n );\n};\n\nexport default OrderHistoryCard;\n"]}
|