@edx/frontend-app-subscription-manage 1.1.0 → 1.2.0

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

@@ -0,0 +1,103 @@
+declare const messages: {
+    successHeadline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    successSubheadline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    successSubheadlineWithCourse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    findACourse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    startCourse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewReceipt: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    whatsIncluded: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    benefit1: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    benefit1WithCourse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    benefit2: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    benefit3: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    benefit4: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    orderNumber: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    purchaseDate: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cancelNotice: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockedHeading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockedDefault: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    paymentFailedHeading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    paymentFailedDefault: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    tryAgain: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/StatusScreens/Messages.js

@@ -0,0 +1,108 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    // SuccessScreen
+    successHeadline: {
+        id: 'checkout.successScreen.headline',
+        defaultMessage: "You're ready to begin learning.",
+        description: 'Main headline on the success screen',
+    },
+    successSubheadline: {
+        id: 'checkout.successScreen.subheadline',
+        defaultMessage: 'Your subscription is now active. Below is a summary of your order.',
+        description: 'Subheadline on the success screen',
+    },
+    successSubheadlineWithCourse: {
+        id: 'checkout.successScreen.subheadlineWithCourse',
+        defaultMessage: "Your subscription is now active (and you're enrolled in {courseLabel}). Below is a summary of your order.",
+        description: 'Subheadline on the success screen when the user enrolled in a specific course',
+    },
+    findACourse: {
+        id: 'checkout.successScreen.findACourse',
+        defaultMessage: "Let's find a course",
+        description: 'Primary CTA button on the success screen',
+    },
+    startCourse: {
+        id: 'checkout.successScreen.startCourse',
+        defaultMessage: 'Start course',
+        description: 'Primary CTA when the user enrolled in a specific course at checkout',
+    },
+    viewReceipt: {
+        id: 'checkout.successScreen.viewReceipt',
+        defaultMessage: 'View receipt',
+        description: 'View receipt link on the success screen',
+    },
+    whatsIncluded: {
+        id: 'checkout.successScreen.whatsIncluded',
+        defaultMessage: "What's included in your subscription",
+        description: 'Section heading for subscription benefits list',
+    },
+    benefit1: {
+        id: 'checkout.successScreen.benefit1',
+        defaultMessage: 'Access to graded assignments and exams in all courses you enroll in',
+        description: 'First subscription benefit',
+    },
+    benefit1WithCourse: {
+        id: 'checkout.successScreen.benefit1WithCourse',
+        defaultMessage: 'Access to graded assignments and exams in {courseLabel} and all courses you enroll in',
+        description: 'First subscription benefit when a specific course was enrolled at checkout',
+    },
+    benefit2: {
+        id: 'checkout.successScreen.benefit2',
+        defaultMessage: 'Shareable certificate upon completion',
+        description: 'Second subscription benefit',
+    },
+    benefit3: {
+        id: 'checkout.successScreen.benefit3',
+        defaultMessage: '24/7 global support',
+        description: 'Third subscription benefit',
+    },
+    benefit4: {
+        id: 'checkout.successScreen.benefit4',
+        defaultMessage: 'Early access to edX learning features',
+        description: 'Fourth subscription benefit',
+    },
+    orderNumber: {
+        id: 'checkout.successScreen.orderNumber',
+        defaultMessage: 'Order number',
+        description: 'Order number label',
+    },
+    purchaseDate: {
+        id: 'checkout.successScreen.purchaseDate',
+        defaultMessage: 'Purchase date',
+        description: 'Purchase date label',
+    },
+    cancelNotice: {
+        id: 'checkout.successScreen.cancelNotice',
+        defaultMessage: 'To avoid being charged, cancel your subscription by {trialEnd} from your dashboard.',
+        description: 'Trial cancellation reminder at the bottom of the success screen',
+    },
+    // BlockedScreen
+    blockedHeading: {
+        id: 'checkout.blockedScreen.heading',
+        defaultMessage: 'Order blocked',
+        description: 'Heading shown when order is blocked',
+    },
+    blockedDefault: {
+        id: 'checkout.blockedScreen.defaultMessage',
+        defaultMessage: 'We were unable to complete this order. Please contact support if you believe this is an error.',
+        description: 'Default blocked message when no detail is provided',
+    },
+    // PaymentFailedScreen
+    paymentFailedHeading: {
+        id: 'checkout.paymentFailedScreen.heading',
+        defaultMessage: 'Payment failed',
+        description: 'Heading shown when payment fails',
+    },
+    paymentFailedDefault: {
+        id: 'checkout.paymentFailedScreen.defaultMessage',
+        defaultMessage: 'Your card could not be processed. Please check your card details and try again.',
+        description: 'Default payment failed message',
+    },
+    tryAgain: {
+        id: 'checkout.paymentFailedScreen.tryAgain',
+        defaultMessage: 'Try again',
+        description: 'Try again button label',
+    },
+});
+export default messages;
+//# sourceMappingURL=Messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../src/components/StatusScreens/Messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,gBAAgB;IAChB,eAAe,EAAE;QACf,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,iCAAiC;QACjD,WAAW,EAAE,qCAAqC;KACnD;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,oEAAoE;QACpF,WAAW,EAAE,mCAAmC;KACjD;IACD,4BAA4B,EAAE;QAC5B,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,2GAA2G;QAC3H,WAAW,EAAE,+EAA+E;KAC7F;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,0CAA0C;KACxD;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,qEAAqE;KACnF;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,yCAAyC;KACvD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,sCAAsC;QACtD,WAAW,EAAE,gDAAgD;KAC9D;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,qEAAqE;QACrF,WAAW,EAAE,4BAA4B;KAC1C;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,uFAAuF;QACvG,WAAW,EAAE,4EAA4E;KAC1F;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uCAAuC;QACvD,WAAW,EAAE,6BAA6B;KAC3C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,4BAA4B;KAC1C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uCAAuC;QACvD,WAAW,EAAE,6BAA6B;KAC3C;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,oBAAoB;KAClC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,qFAAqF;QACrG,WAAW,EAAE,iEAAiE;KAC/E;IAED,gBAAgB;IAChB,cAAc,EAAE;QACd,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,qCAAqC;KACnD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,gGAAgG;QAChH,WAAW,EAAE,oDAAoD;KAClE;IAED,sBAAsB;IACtB,oBAAoB,EAAE;QACpB,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,kCAAkC;KAChD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,iFAAiF;QACjG,WAAW,EAAE,gCAAgC;KAC9C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,wBAAwB;KACtC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  // SuccessScreen\n  successHeadline: {\n    id: 'checkout.successScreen.headline',\n    defaultMessage: \"You're ready to begin learning.\",\n    description: 'Main headline on the success screen',\n  },\n  successSubheadline: {\n    id: 'checkout.successScreen.subheadline',\n    defaultMessage: 'Your subscription is now active. Below is a summary of your order.',\n    description: 'Subheadline on the success screen',\n  },\n  successSubheadlineWithCourse: {\n    id: 'checkout.successScreen.subheadlineWithCourse',\n    defaultMessage: \"Your subscription is now active (and you're enrolled in {courseLabel}). Below is a summary of your order.\",\n    description: 'Subheadline on the success screen when the user enrolled in a specific course',\n  },\n  findACourse: {\n    id: 'checkout.successScreen.findACourse',\n    defaultMessage: \"Let's find a course\",\n    description: 'Primary CTA button on the success screen',\n  },\n  startCourse: {\n    id: 'checkout.successScreen.startCourse',\n    defaultMessage: 'Start course',\n    description: 'Primary CTA when the user enrolled in a specific course at checkout',\n  },\n  viewReceipt: {\n    id: 'checkout.successScreen.viewReceipt',\n    defaultMessage: 'View receipt',\n    description: 'View receipt link on the success screen',\n  },\n  whatsIncluded: {\n    id: 'checkout.successScreen.whatsIncluded',\n    defaultMessage: \"What's included in your subscription\",\n    description: 'Section heading for subscription benefits list',\n  },\n  benefit1: {\n    id: 'checkout.successScreen.benefit1',\n    defaultMessage: 'Access to graded assignments and exams in all courses you enroll in',\n    description: 'First subscription benefit',\n  },\n  benefit1WithCourse: {\n    id: 'checkout.successScreen.benefit1WithCourse',\n    defaultMessage: 'Access to graded assignments and exams in {courseLabel} and all courses you enroll in',\n    description: 'First subscription benefit when a specific course was enrolled at checkout',\n  },\n  benefit2: {\n    id: 'checkout.successScreen.benefit2',\n    defaultMessage: 'Shareable certificate upon completion',\n    description: 'Second subscription benefit',\n  },\n  benefit3: {\n    id: 'checkout.successScreen.benefit3',\n    defaultMessage: '24/7 global support',\n    description: 'Third subscription benefit',\n  },\n  benefit4: {\n    id: 'checkout.successScreen.benefit4',\n    defaultMessage: 'Early access to edX learning features',\n    description: 'Fourth subscription benefit',\n  },\n  orderNumber: {\n    id: 'checkout.successScreen.orderNumber',\n    defaultMessage: 'Order number',\n    description: 'Order number label',\n  },\n  purchaseDate: {\n    id: 'checkout.successScreen.purchaseDate',\n    defaultMessage: 'Purchase date',\n    description: 'Purchase date label',\n  },\n  cancelNotice: {\n    id: 'checkout.successScreen.cancelNotice',\n    defaultMessage: 'To avoid being charged, cancel your subscription by {trialEnd} from your dashboard.',\n    description: 'Trial cancellation reminder at the bottom of the success screen',\n  },\n\n  // BlockedScreen\n  blockedHeading: {\n    id: 'checkout.blockedScreen.heading',\n    defaultMessage: 'Order blocked',\n    description: 'Heading shown when order is blocked',\n  },\n  blockedDefault: {\n    id: 'checkout.blockedScreen.defaultMessage',\n    defaultMessage: 'We were unable to complete this order. Please contact support if you believe this is an error.',\n    description: 'Default blocked message when no detail is provided',\n  },\n\n  // PaymentFailedScreen\n  paymentFailedHeading: {\n    id: 'checkout.paymentFailedScreen.heading',\n    defaultMessage: 'Payment failed',\n    description: 'Heading shown when payment fails',\n  },\n  paymentFailedDefault: {\n    id: 'checkout.paymentFailedScreen.defaultMessage',\n    defaultMessage: 'Your card could not be processed. Please check your card details and try again.',\n    description: 'Default payment failed message',\n  },\n  tryAgain: {\n    id: 'checkout.paymentFailedScreen.tryAgain',\n    defaultMessage: 'Try again',\n    description: 'Try again button label',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/StatusScreens/StatusScreens.d.ts

@@ -0,0 +1,23 @@
+export interface SuccessScreenProps {
+    subscriptionBiId?: string;
+    orderNumber?: string;
+    purchaseDate?: string;
+    trialStart?: string;
+    trialEnd?: string;
+    onFindCourse?: () => void;
+    cardLast4?: string;
+    priceToShow?: string;
+    cycleToShow?: string;
+    /** e.g. "StanfordOnline: Algorithms: Design and Analysis" — enables course-aware copy. */
+    courseLabel?: string | null;
+}
+export declare const SuccessScreen: ({ subscriptionBiId, orderNumber, purchaseDate, trialEnd, onFindCourse, courseLabel, }: SuccessScreenProps) => import("react/jsx-runtime").JSX.Element;
+export interface BlockedScreenProps {
+    detail?: string;
+}
+export declare const BlockedScreen: ({ detail }: BlockedScreenProps) => import("react/jsx-runtime").JSX.Element;
+export interface PaymentFailedScreenProps {
+    detail?: string;
+    onBack: () => void;
+}
+export declare const PaymentFailedScreen: ({ detail, onBack, }: PaymentFailedScreenProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/StatusScreens/StatusScreens.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Icon } from '@openedx/paragon';
+import { Error as ErrorIcon, Block } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './Messages';
+export const SuccessScreen = ({ subscriptionBiId, orderNumber, purchaseDate, trialEnd, onFindCourse, courseLabel = null, }) => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const displayOrderNumber = (_a = orderNumber !== null && orderNumber !== void 0 ? orderNumber : subscriptionBiId) !== null && _a !== void 0 ? _a : '—';
+    const hasCourse = !!courseLabel;
+    return (_jsxs("div", { className: "success-screen", children: [_jsx("h1", { className: "success-screen__headline font-weight-bold mb-2", children: formatMessage(messages.successHeadline) }), _jsx("p", { className: "text-muted mb-4", children: hasCourse
+                    ? formatMessage(messages.successSubheadlineWithCourse, { courseLabel })
+                    : formatMessage(messages.successSubheadline) }), _jsx("div", { className: "success-screen__ctas d-flex align-items-center mb-5", children: _jsx(Button, { variant: "brand", className: "success-screen__cta-primary mr-3", onClick: onFindCourse, children: formatMessage(hasCourse ? messages.startCourse : messages.findACourse) }) }), _jsxs("div", { className: "row", children: [_jsxs("div", { className: "col-12 col-md-7 mb-4", children: [_jsx("h2", { className: "h5 font-weight-bold mb-3", children: formatMessage(messages.whatsIncluded) }), _jsxs("ul", { className: "success-screen__benefits pl-4", children: [_jsx("li", { className: "mb-2", children: hasCourse
+                                            ? formatMessage(messages.benefit1WithCourse, { courseLabel })
+                                            : formatMessage(messages.benefit1) }), _jsx("li", { className: "mb-2", children: formatMessage(messages.benefit2) }), _jsx("li", { className: "mb-2", children: formatMessage(messages.benefit3) }), _jsx("li", { className: "mb-2", children: formatMessage(messages.benefit4) })] })] }), _jsxs("div", { className: "col-12 col-md-5 mb-4", children: [displayOrderNumber && (_jsxs("div", { className: "mb-3", children: [_jsx("p", { className: "font-weight-bold mb-0", children: formatMessage(messages.orderNumber) }), _jsx("p", { className: "text-muted mb-0", children: displayOrderNumber })] })), purchaseDate && (_jsxs("div", { children: [_jsx("p", { className: "font-weight-bold mb-0", children: formatMessage(messages.purchaseDate) }), _jsx("p", { className: "text-muted mb-0", children: purchaseDate })] }))] })] }), _jsx("hr", {}), trialEnd && (_jsx("p", { className: "text-muted small mt-3", children: formatMessage(messages.cancelNotice, { trialEnd }) }))] }));
+};
+export const BlockedScreen = ({ detail }) => {
+    const { formatMessage } = useIntl();
+    return (_jsxs("div", { className: "blocked-screen text-center py-5", children: [_jsx(Icon, { src: Block, className: "blocked-screen__icon text-danger mb-3" }), _jsx("h3", { className: "font-weight-bold", children: formatMessage(messages.blockedHeading) }), _jsx("p", { className: "text-muted", children: detail || formatMessage(messages.blockedDefault) })] }));
+};
+export const PaymentFailedScreen = ({ detail, onBack, }) => {
+    const { formatMessage } = useIntl();
+    return (_jsxs("div", { className: "payment-failed-screen text-center py-4", children: [_jsx(Icon, { src: ErrorIcon, className: "payment-failed-screen__icon text-danger mb-3" }), _jsx("h3", { className: "font-weight-bold mb-2", children: formatMessage(messages.paymentFailedHeading) }), _jsx("p", { className: "payment-failed-screen__detail text-muted mb-4", children: detail || formatMessage(messages.paymentFailedDefault) }), _jsx(Button, { variant: "brand", className: "w-100", onClick: onBack, children: formatMessage(messages.tryAgain) })] }));
+};
+//# sourceMappingURL=StatusScreens.js.map

package/dist/components/StatusScreens/StatusScreens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusScreens.js","sourceRoot":"","sources":["../../../src/components/StatusScreens/StatusScreens.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Button, Icon } from '@openedx/paragon';\nimport { Error as ErrorIcon, Block } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from './Messages';\n\n// ---------------------------------------------------------------------------\n// SuccessScreen\n// ---------------------------------------------------------------------------\n\nexport interface SuccessScreenProps {\n  subscriptionBiId?: string,\n  orderNumber?: string,\n  purchaseDate?: string,\n  trialStart?: string,\n  trialEnd?: string,\n  onFindCourse?: () => void,\n  cardLast4?: string,\n  priceToShow?: string,\n  cycleToShow?: string,\n  /** e.g. \"StanfordOnline: Algorithms: Design and Analysis\" — enables course-aware copy. */\n  courseLabel?: string | null,\n}\n\nexport const SuccessScreen = ({\n  subscriptionBiId,\n  orderNumber,\n  purchaseDate,\n  trialEnd,\n  onFindCourse,\n  courseLabel = null,\n}: SuccessScreenProps) => {\n  const { formatMessage } = useIntl();\n\n  const displayOrderNumber = orderNumber ?? subscriptionBiId ?? '—';\n  const hasCourse = !!courseLabel;\n\n  return (\n    <div className=\"success-screen\">\n      <h1 className=\"success-screen__headline font-weight-bold mb-2\">\n        {formatMessage(messages.successHeadline)}\n      </h1>\n\n      <p className=\"text-muted mb-4\">\n        {hasCourse\n          ? formatMessage(messages.successSubheadlineWithCourse, { courseLabel })\n          : formatMessage(messages.successSubheadline)}\n      </p>\n\n      {/* ── CTAs ── */}\n      <div className=\"success-screen__ctas d-flex align-items-center mb-5\">\n        <Button\n          variant=\"brand\"\n          className=\"success-screen__cta-primary mr-3\"\n          onClick={onFindCourse}\n        >\n          {formatMessage(hasCourse ? messages.startCourse : messages.findACourse)}\n        </Button>\n        {/* View receipt button hidden temporarily */}\n      </div>\n\n      {/* ── Two column: benefits + order details ── */}\n      <div className=\"row\">\n        <div className=\"col-12 col-md-7 mb-4\">\n          <h2 className=\"h5 font-weight-bold mb-3\">\n            {formatMessage(messages.whatsIncluded)}\n          </h2>\n          <ul className=\"success-screen__benefits pl-4\">\n            <li className=\"mb-2\">\n              {hasCourse\n                ? formatMessage(messages.benefit1WithCourse, { courseLabel })\n                : formatMessage(messages.benefit1)}\n            </li>\n            <li className=\"mb-2\">{formatMessage(messages.benefit2)}</li>\n            <li className=\"mb-2\">{formatMessage(messages.benefit3)}</li>\n            <li className=\"mb-2\">{formatMessage(messages.benefit4)}</li>\n          </ul>\n        </div>\n\n        <div className=\"col-12 col-md-5 mb-4\">\n          {displayOrderNumber && (\n            <div className=\"mb-3\">\n              <p className=\"font-weight-bold mb-0\">\n                {formatMessage(messages.orderNumber)}\n              </p>\n              <p className=\"text-muted mb-0\">{displayOrderNumber}</p>\n            </div>\n          )}\n          {purchaseDate && (\n            <div>\n              <p className=\"font-weight-bold mb-0\">\n                {formatMessage(messages.purchaseDate)}\n              </p>\n              <p className=\"text-muted mb-0\">{purchaseDate}</p>\n            </div>\n          )}\n        </div>\n      </div>\n\n      <hr />\n\n      {/* ── Trial cancellation notice ── */}\n      {trialEnd && (\n        <p className=\"text-muted small mt-3\">\n          {formatMessage(messages.cancelNotice, { trialEnd })}\n        </p>\n      )}\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// BlockedScreen\n// ---------------------------------------------------------------------------\n\nexport interface BlockedScreenProps {\n  detail?: string,\n}\n\nexport const BlockedScreen = ({ detail }: BlockedScreenProps) => {\n  const { formatMessage } = useIntl();\n  return (\n    <div className=\"blocked-screen text-center py-5\">\n      <Icon src={Block} className=\"blocked-screen__icon text-danger mb-3\" />\n      <h3 className=\"font-weight-bold\">\n        {formatMessage(messages.blockedHeading)}\n      </h3>\n      <p className=\"text-muted\">\n        {detail || formatMessage(messages.blockedDefault)}\n      </p>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// PaymentFailedScreen\n// ---------------------------------------------------------------------------\n\nexport interface PaymentFailedScreenProps {\n  detail?: string,\n  onBack: () => void,\n}\n\nexport const PaymentFailedScreen = ({\n  detail,\n  onBack,\n}: PaymentFailedScreenProps) => {\n  const { formatMessage } = useIntl();\n  return (\n    <div className=\"payment-failed-screen text-center py-4\">\n      <Icon\n        src={ErrorIcon}\n        className=\"payment-failed-screen__icon text-danger mb-3\"\n      />\n      <h3 className=\"font-weight-bold mb-2\">\n        {formatMessage(messages.paymentFailedHeading)}\n      </h3>\n      <p className=\"payment-failed-screen__detail text-muted mb-4\">\n        {detail || formatMessage(messages.paymentFailedDefault)}\n      </p>\n      <Button variant=\"brand\" className=\"w-100\" onClick={onBack}>\n        {formatMessage(messages.tryAgain)}\n      </Button>\n    </div>\n  );\n};\n"]}

package/dist/constants.d.ts

@@ -1,2 +1,61 @@
+import type { CSSProperties } from 'react';
 export declare const appId = "org.openedx.frontend.app.subscription.manage";
 export declare const subscriptionManageRole = "org.openedx.frontend.role.subscription.manage";
+export declare const STATUS: {
+    readonly IN_CART: "IN_CART";
+    readonly CONFIRM: "CONFIRM";
+    readonly SANCTION_STARTED: "SANCTION_STARTED";
+    readonly SANCTION_PASSED: "SANCTION_PASSED";
+    readonly SANCTION_BLOCK: "SANCTION_BLOCK";
+    readonly STRIPE_STARTED: "STRIPE_STARTED";
+    readonly STRIPE_SUBSCRIBED: "STRIPE_SUBSCRIBED";
+    readonly STRIPE_CONFIRMATION_REQUIRED: "STRIPE_CONFIRMATION_REQUIRED";
+    readonly STRIPE_FAIL: "STRIPE_FAIL";
+    readonly SUBSCRIPTION_CREATED: "SUBSCRIPTION_CREATED";
+};
+export type Status = typeof STATUS[keyof typeof STATUS];
+export type Phase = 'init' | 'ready' | 'processing' | 'threeds' | 'success' | 'blocked' | 'failed';
+export declare const TERMINAL_STATES: Status[];
+export declare const STATUS_LABELS: Record<string, string>;
+export declare const isTerminalStatus: (status: Status | null | undefined) => boolean;
+/** UI phase derived from the raw bpStatus code + cart readiness. */
+export declare function phaseFor(status: Status | null, ready: boolean): Phase;
+export declare const DEFAULTS: {
+    apiUrl: string;
+    confirmIntentUrl: string;
+    customerUid: string;
+    salableUid: string;
+    billingPlanUid: string;
+};
+export declare const LS_KEYS: {
+    biId: string;
+    uid: string;
+};
+/** When false, the subscriber check is skipped — already-subscribed users are not redirected. */
+export declare const GATE_CHECK_SUBSCRIBER = false;
+/** When false, the country check is skipped — all countries can access checkout. */
+export declare const GATE_CHECK_COUNTRY = true;
+/**
+ * ISO 3166-1 alpha-2 country codes that are permitted to complete checkout.
+ * Add or remove codes here to open or restrict access by country.
+ * e.g. ['US', 'CA', 'GB'] to allow US, Canada, and UK.
+ */
+export declare const ALLOWED_CHECKOUT_COUNTRIES: readonly string[];
+/**
+ * ISO 3166-1 alpha-2 country codes that require the extra billing-consent checkbox.
+ * Add or remove codes here to control which residents see the second checkbox.
+ */
+export declare const COUNTRIES_REQUIRING_EXTRA_CONFIRM: readonly string[];
+export declare const COUNTRIES: readonly (readonly [string, string])[];
+export declare const STRIPE_FIELD_STYLE: CSSProperties;
+export declare const STRIPE_ELEMENT_OPTS: {
+    style: {
+        base: {
+            fontSize: string;
+            color: string;
+            '::placeholder': {
+                color: string;
+            };
+        };
+    };
+};

package/dist/constants.js

@@ -1,3 +1,278 @@
 export const appId = 'org.openedx.frontend.app.subscription.manage';
 export const subscriptionManageRole = 'org.openedx.frontend.role.subscription.manage';
+// --- Cart BI state machine ---------------------------------------------------
+export const STATUS = {
+    IN_CART: 'IN_CART',
+    CONFIRM: 'CONFIRM',
+    SANCTION_STARTED: 'SANCTION_STARTED',
+    SANCTION_PASSED: 'SANCTION_PASSED',
+    SANCTION_BLOCK: 'SANCTION_BLOCK',
+    STRIPE_STARTED: 'STRIPE_STARTED',
+    STRIPE_SUBSCRIBED: 'STRIPE_SUBSCRIBED',
+    STRIPE_CONFIRMATION_REQUIRED: 'STRIPE_CONFIRMATION_REQUIRED',
+    STRIPE_FAIL: 'STRIPE_FAIL',
+    SUBSCRIPTION_CREATED: 'SUBSCRIPTION_CREATED',
+};
+export const TERMINAL_STATES = [
+    STATUS.SUBSCRIPTION_CREATED,
+    STATUS.SANCTION_BLOCK,
+    STATUS.STRIPE_FAIL,
+];
+export const STATUS_LABELS = {
+    IN_CART: 'Cart created',
+    CONFIRM: 'Order confirmed',
+    SANCTION_STARTED: 'Checking sanctions…',
+    SANCTION_PASSED: 'Sanctions passed — setting up your account…',
+    SANCTION_BLOCK: 'Order blocked',
+    STRIPE_STARTED: 'Setting up your subscription…',
+    STRIPE_CONFIRMATION_REQUIRED: 'Card verification required',
+    STRIPE_SUBSCRIBED: 'Card verified — finalizing…',
+    STRIPE_FAIL: 'Payment failed',
+    SUBSCRIPTION_CREATED: 'Subscription created',
+};
+export const isTerminalStatus = (status) => TERMINAL_STATES.includes(status);
+/** UI phase derived from the raw bpStatus code + cart readiness. */
+export function phaseFor(status, ready) {
+    if (status === STATUS.SUBSCRIPTION_CREATED)
+        return 'success';
+    if (status === STATUS.SANCTION_BLOCK)
+        return 'blocked';
+    if (status === STATUS.STRIPE_FAIL)
+        return 'failed';
+    if (status && status !== STATUS.IN_CART)
+        return 'processing';
+    return ready ? 'ready' : 'init';
+}
+// --- Dev defaults (match the local test harness) -----------------------------
+export const DEFAULTS = {
+    apiUrl: '/api/graphql',
+    confirmIntentUrl: '/api/stripe/confirm-pi',
+    customerUid: '019d2bde-f769-743d-88f9-8bf0d1a7a002',
+    salableUid: '019d2ce7-05bc-7dd6-b141-e32df9ac86c1',
+    billingPlanUid: '019d2ce7-05c0-7188-81b0-8eb747b41b0f',
+};
+export const LS_KEYS = { biId: 'twou.cartBiId', uid: 'twou.cartUid' };
+// ─── Checkout gate feature flags (dev controls) ───────────────────────────────
+// Set to false during development to bypass the corresponding gate check.
+// Both should be true in production.
+/** When false, the subscriber check is skipped — already-subscribed users are not redirected. */
+export const GATE_CHECK_SUBSCRIBER = false;
+/** When false, the country check is skipped — all countries can access checkout. */
+export const GATE_CHECK_COUNTRY = true;
+/**
+ * ISO 3166-1 alpha-2 country codes that are permitted to complete checkout.
+ * Add or remove codes here to open or restrict access by country.
+ * e.g. ['US', 'CA', 'GB'] to allow US, Canada, and UK.
+ */
+export const ALLOWED_CHECKOUT_COUNTRIES = ['US', 'CA'];
+/**
+ * ISO 3166-1 alpha-2 country codes that require the extra billing-consent checkbox.
+ * Add or remove codes here to control which residents see the second checkbox.
+ */
+export const COUNTRIES_REQUIRING_EXTRA_CONFIRM = ['GB', 'CA'];
+export const COUNTRIES = [
+    ['AF', 'Afghanistan'],
+    ['AL', 'Albania'],
+    ['DZ', 'Algeria'],
+    ['AD', 'Andorra'],
+    ['AO', 'Angola'],
+    ['AG', 'Antigua and Barbuda'],
+    ['AR', 'Argentina'],
+    ['AM', 'Armenia'],
+    ['AU', 'Australia'],
+    ['AT', 'Austria'],
+    ['AZ', 'Azerbaijan'],
+    ['BS', 'Bahamas'],
+    ['BH', 'Bahrain'],
+    ['BD', 'Bangladesh'],
+    ['BB', 'Barbados'],
+    ['BY', 'Belarus'],
+    ['BE', 'Belgium'],
+    ['BZ', 'Belize'],
+    ['BJ', 'Benin'],
+    ['BT', 'Bhutan'],
+    ['BO', 'Bolivia'],
+    ['BA', 'Bosnia and Herzegovina'],
+    ['BW', 'Botswana'],
+    ['BR', 'Brazil'],
+    ['BN', 'Brunei'],
+    ['BG', 'Bulgaria'],
+    ['BF', 'Burkina Faso'],
+    ['BI', 'Burundi'],
+    ['CV', 'Cabo Verde'],
+    ['KH', 'Cambodia'],
+    ['CM', 'Cameroon'],
+    ['CA', 'Canada'],
+    ['CF', 'Central African Republic'],
+    ['TD', 'Chad'],
+    ['CL', 'Chile'],
+    ['CN', 'China'],
+    ['CO', 'Colombia'],
+    ['KM', 'Comoros'],
+    ['CG', 'Congo (Congo-Brazzaville)'],
+    ['CR', 'Costa Rica'],
+    ['HR', 'Croatia'],
+    ['CU', 'Cuba'],
+    ['CY', 'Cyprus'],
+    ['CZ', 'Czechia (Czech Republic)'],
+    ['CD', 'Democratic Republic of the Congo'],
+    ['DK', 'Denmark'],
+    ['DJ', 'Djibouti'],
+    ['DM', 'Dominica'],
+    ['DO', 'Dominican Republic'],
+    ['EC', 'Ecuador'],
+    ['EG', 'Egypt'],
+    ['SV', 'El Salvador'],
+    ['GQ', 'Equatorial Guinea'],
+    ['ER', 'Eritrea'],
+    ['EE', 'Estonia'],
+    ['SZ', 'Eswatini'],
+    ['ET', 'Ethiopia'],
+    ['FJ', 'Fiji'],
+    ['FI', 'Finland'],
+    ['FR', 'France'],
+    ['GA', 'Gabon'],
+    ['GM', 'Gambia'],
+    ['GE', 'Georgia'],
+    ['DE', 'Germany'],
+    ['GH', 'Ghana'],
+    ['GR', 'Greece'],
+    ['GD', 'Grenada'],
+    ['GT', 'Guatemala'],
+    ['GN', 'Guinea'],
+    ['GW', 'Guinea-Bissau'],
+    ['GY', 'Guyana'],
+    ['HT', 'Haiti'],
+    ['VA', 'Holy See (Vatican City)'],
+    ['HN', 'Honduras'],
+    ['HU', 'Hungary'],
+    ['IS', 'Iceland'],
+    ['IN', 'India'],
+    ['ID', 'Indonesia'],
+    ['IR', 'Iran'],
+    ['IQ', 'Iraq'],
+    ['IE', 'Ireland'],
+    ['IL', 'Israel'],
+    ['IT', 'Italy'],
+    ['CI', "Ivory Coast (Côte d'Ivoire)"],
+    ['JM', 'Jamaica'],
+    ['JP', 'Japan'],
+    ['JO', 'Jordan'],
+    ['KZ', 'Kazakhstan'],
+    ['KE', 'Kenya'],
+    ['KI', 'Kiribati'],
+    ['KW', 'Kuwait'],
+    ['KG', 'Kyrgyzstan'],
+    ['LA', 'Laos'],
+    ['LV', 'Latvia'],
+    ['LB', 'Lebanon'],
+    ['LS', 'Lesotho'],
+    ['LR', 'Liberia'],
+    ['LY', 'Libya'],
+    ['LI', 'Liechtenstein'],
+    ['LT', 'Lithuania'],
+    ['LU', 'Luxembourg'],
+    ['MG', 'Madagascar'],
+    ['MW', 'Malawi'],
+    ['MY', 'Malaysia'],
+    ['MV', 'Maldives'],
+    ['ML', 'Mali'],
+    ['MT', 'Malta'],
+    ['MH', 'Marshall Islands'],
+    ['MR', 'Mauritania'],
+    ['MU', 'Mauritius'],
+    ['MX', 'Mexico'],
+    ['FM', 'Micronesia'],
+    ['MD', 'Moldova'],
+    ['MC', 'Monaco'],
+    ['MN', 'Mongolia'],
+    ['ME', 'Montenegro'],
+    ['MA', 'Morocco'],
+    ['MZ', 'Mozambique'],
+    ['MM', 'Myanmar (Burma)'],
+    ['NA', 'Namibia'],
+    ['NR', 'Nauru'],
+    ['NP', 'Nepal'],
+    ['NL', 'Netherlands'],
+    ['NZ', 'New Zealand'],
+    ['NI', 'Nicaragua'],
+    ['NE', 'Niger'],
+    ['NG', 'Nigeria'],
+    ['KP', 'North Korea'],
+    ['MK', 'North Macedonia'],
+    ['NO', 'Norway'],
+    ['OM', 'Oman'],
+    ['PK', 'Pakistan'],
+    ['PW', 'Palau'],
+    ['PS', 'Palestine State'],
+    ['PA', 'Panama'],
+    ['PG', 'Papua New Guinea'],
+    ['PY', 'Paraguay'],
+    ['PE', 'Peru'],
+    ['PH', 'Philippines'],
+    ['PL', 'Poland'],
+    ['PT', 'Portugal'],
+    ['QA', 'Qatar'],
+    ['RO', 'Romania'],
+    ['RU', 'Russia'],
+    ['RW', 'Rwanda'],
+    ['KN', 'Saint Kitts and Nevis'],
+    ['LC', 'Saint Lucia'],
+    ['VC', 'Saint Vincent and the Grenadines'],
+    ['WS', 'Samoa'],
+    ['SM', 'San Marino'],
+    ['ST', 'Sao Tome and Principe'],
+    ['SA', 'Saudi Arabia'],
+    ['SN', 'Senegal'],
+    ['RS', 'Serbia'],
+    ['SC', 'Seychelles'],
+    ['SL', 'Sierra Leone'],
+    ['SG', 'Singapore'],
+    ['SK', 'Slovakia'],
+    ['SI', 'Slovenia'],
+    ['SB', 'Solomon Islands'],
+    ['SO', 'Somalia'],
+    ['ZA', 'South Africa'],
+    ['KR', 'South Korea'],
+    ['SS', 'South Sudan'],
+    ['ES', 'Spain'],
+    ['LK', 'Sri Lanka'],
+    ['SD', 'Sudan'],
+    ['SR', 'Suriname'],
+    ['SE', 'Sweden'],
+    ['CH', 'Switzerland'],
+    ['SY', 'Syria'],
+    ['TJ', 'Tajikistan'],
+    ['TZ', 'Tanzania'],
+    ['TH', 'Thailand'],
+    ['TL', 'Timor-Leste'],
+    ['TG', 'Togo'],
+    ['TO', 'Tonga'],
+    ['TT', 'Trinidad and Tobago'],
+    ['TN', 'Tunisia'],
+    ['TR', 'Turkey'],
+    ['TM', 'Turkmenistan'],
+    ['TV', 'Tuvalu'],
+    ['UG', 'Uganda'],
+    ['UA', 'Ukraine'],
+    ['AE', 'United Arab Emirates'],
+    ['GB', 'United Kingdom'],
+    ['US', 'United States'],
+    ['UY', 'Uruguay'],
+    ['UZ', 'Uzbekistan'],
+    ['VU', 'Vanuatu'],
+    ['VE', 'Venezuela'],
+    ['VN', 'Vietnam'],
+    ['YE', 'Yemen'],
+    ['ZM', 'Zambia'],
+    ['ZW', 'Zimbabwe'],
+];
+// --- Stripe Element presentation ---------------------------------------------
+// A div that hosts a Stripe Element but reads like a Paragon input.
+export const STRIPE_FIELD_STYLE = {
+    height: 'auto', minHeight: '2.875rem', display: 'flex', alignItems: 'center',
+};
+export const STRIPE_ELEMENT_OPTS = {
+    style: { base: { fontSize: '16px', color: '#1a1a1a', '::placeholder': { color: '#8f8f8f' } } },
+};
 //# sourceMappingURL=constants.js.map