@edx/frontend-app-subscription-manage 1.3.2 → 1.4.0

package/dist/data/services/subscription/getSubscriptionPaymentMethod.js

@@ -0,0 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { GET_SUBSCRIPTION_PAYMENT_METHOD } from '../../../utils/queries';
+function escapeFilterValue(value) {
+    return value.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
+}
+/** Load the Stripe payment method on file for a subscription BI. */
+export function getSubscriptionPaymentMethod(gql, subscriptionBiId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f;
+        const biId = subscriptionBiId.trim();
+        if (!biId) {
+            return null;
+        }
+        const filter = `biId = '${escapeFilterValue(biId)}'`;
+        const data = yield gql(GET_SUBSCRIPTION_PAYMENT_METHOD, { filter });
+        const node = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.filterTwouSubscription) === null || _a === void 0 ? void 0 : _a.edges) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.node;
+        if (!node) {
+            return null;
+        }
+        const items = Array.isArray(node.hiConsistsOf) ? node.hiConsistsOf : [];
+        for (const item of items) {
+            const payment = item === null || item === void 0 ? void 0 : item.paybPayment;
+            if ((payment === null || payment === void 0 ? void 0 : payment.tPaymentMethodLast4) || (payment === null || payment === void 0 ? void 0 : payment.tStripePaymentMethodId)) {
+                return {
+                    stripePaymentMethodId: (_d = payment.tStripePaymentMethodId) !== null && _d !== void 0 ? _d : null,
+                    last4: (_e = payment.tPaymentMethodLast4) !== null && _e !== void 0 ? _e : null,
+                    brand: (_f = payment.tPaymentMethodBrand) !== null && _f !== void 0 ? _f : null,
+                };
+            }
+        }
+        return null;
+    });
+}
+//# sourceMappingURL=getSubscriptionPaymentMethod.js.map

package/dist/data/services/subscription/getSubscriptionPaymentMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSubscriptionPaymentMethod.js","sourceRoot":"","sources":["../../../../src/data/services/subscription/getSubscriptionPaymentMethod.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AAQzE,SAAS,iBAAiB,CAAC,KAAa;IACtC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC3D,CAAC;AAED,oEAAoE;AACpE,MAAM,UAAgB,4BAA4B,CAChD,GAAc,EACd,gBAAwB;;;QAExB,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,EAAE,CAAC;QACrC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,MAAM,GAAG,WAAW,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC;QACrD,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,+BAA+B,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QACpE,MAAM,IAAI,GAAG,MAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,sBAAsB,0CAAE,KAAK,0CAAG,CAAC,CAAC,0CAAE,IAAI,CAAC;QAC5D,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QACxE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,OAAO,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAC;YAClC,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,sBAAsB,CAAA,EAAE,CAAC;gBACpE,OAAO;oBACL,qBAAqB,EAAE,MAAA,OAAO,CAAC,sBAAsB,mCAAI,IAAI;oBAC7D,KAAK,EAAE,MAAA,OAAO,CAAC,mBAAmB,mCAAI,IAAI;oBAC1C,KAAK,EAAE,MAAA,OAAO,CAAC,mBAAmB,mCAAI,IAAI;iBAC3C,CAAC;YACJ,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CAAA","sourcesContent":["import type { GqlRunner } from '../../../types';\nimport { GET_SUBSCRIPTION_PAYMENT_METHOD } from '../../../utils/queries';\n\nexport interface SubscriptionPaymentMethod {\n  stripePaymentMethodId: string | null,\n  last4: string | null,\n  brand: string | null,\n}\n\nfunction escapeFilterValue(value: string): string {\n  return value.replace(/\\\\/g, '\\\\\\\\').replace(/'/g, \"\\\\'\");\n}\n\n/** Load the Stripe payment method on file for a subscription BI. */\nexport async function getSubscriptionPaymentMethod(\n  gql: GqlRunner,\n  subscriptionBiId: string,\n): Promise<SubscriptionPaymentMethod | null> {\n  const biId = subscriptionBiId.trim();\n  if (!biId) {\n    return null;\n  }\n\n  const filter = `biId = '${escapeFilterValue(biId)}'`;\n  const data = await gql(GET_SUBSCRIPTION_PAYMENT_METHOD, { filter });\n  const node = data?.filterTwouSubscription?.edges?.[0]?.node;\n  if (!node) {\n    return null;\n  }\n\n  const items = Array.isArray(node.hiConsistsOf) ? node.hiConsistsOf : [];\n  for (const item of items) {\n    const payment = item?.paybPayment;\n    if (payment?.tPaymentMethodLast4 || payment?.tStripePaymentMethodId) {\n      return {\n        stripePaymentMethodId: payment.tStripePaymentMethodId ?? null,\n        last4: payment.tPaymentMethodLast4 ?? null,\n        brand: payment.tPaymentMethodBrand ?? null,\n      };\n    }\n  }\n\n  return null;\n}\n"]}

package/dist/data/services/subscription/reactivateSubscription.d.ts

@@ -0,0 +1,6 @@
+import type { GqlRunner } from '../../../types';
+/**
+ * Undo a pending cancellation — resumes billing before period end.
+ * Returns the raw JSON scalar from Viax when available.
+ */
+export declare function reactivateSubscription(gql: GqlRunner, subscriptionBiId: string): Promise<Record<string, unknown> | null>;

package/dist/data/services/subscription/reactivateSubscription.js

@@ -0,0 +1,30 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { REACTIVATE_SUBSCRIPTION } from '../../../utils/queries';
+/**
+ * Undo a pending cancellation — resumes billing before period end.
+ * Returns the raw JSON scalar from Viax when available.
+ */
+export function reactivateSubscription(gql, subscriptionBiId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const data = yield gql(REACTIVATE_SUBSCRIPTION, {
+            biId: subscriptionBiId,
+        });
+        const result = data === null || data === void 0 ? void 0 : data.tReactivateSubscription;
+        if (!result) {
+            return null;
+        }
+        if (typeof result === 'object') {
+            return result;
+        }
+        return { result };
+    });
+}
+//# sourceMappingURL=reactivateSubscription.js.map

package/dist/data/services/subscription/reactivateSubscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactivateSubscription.js","sourceRoot":"","sources":["../../../../src/data/services/subscription/reactivateSubscription.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;GAGG;AACH,MAAM,UAAgB,sBAAsB,CAC1C,GAAc,EACd,gBAAwB;;QAExB,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,uBAAuB,EAAE;YAC9C,IAAI,EAAE,gBAAgB;SACvB,CAAC,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,uBAAuB,CAAC;QAC7C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,OAAO,MAAiC,CAAC;QAC3C,CAAC;QACD,OAAO,EAAE,MAAM,EAAE,CAAC;IACpB,CAAC;CAAA","sourcesContent":["import type { GqlRunner } from '../../../types';\nimport { REACTIVATE_SUBSCRIPTION } from '../../../utils/queries';\n\n/**\n * Undo a pending cancellation — resumes billing before period end.\n * Returns the raw JSON scalar from Viax when available.\n */\nexport async function reactivateSubscription(\n  gql: GqlRunner,\n  subscriptionBiId: string,\n): Promise<Record<string, unknown> | null> {\n  const data = await gql(REACTIVATE_SUBSCRIPTION, {\n    biId: subscriptionBiId,\n  });\n  const result = data?.tReactivateSubscription;\n  if (!result) {\n    return null;\n  }\n  if (typeof result === 'object') {\n    return result as Record<string, unknown>;\n  }\n  return { result };\n}\n"]}

package/dist/data/services/subscription/updateSubscriptionPaymentMethod.d.ts

@@ -0,0 +1,10 @@
+import type { GqlRunner } from '../../../types';
+export interface UpdatePaymentMethodArgs {
+    biId: string;
+    tStripePaymentMethodId: string;
+}
+/**
+ * Set a new Stripe payment method on the learner's subscription.
+ * Returns the raw JSON scalar from Viax when present.
+ */
+export declare function updateSubscriptionPaymentMethod(gql: GqlRunner, { biId, tStripePaymentMethodId }: UpdatePaymentMethodArgs): Promise<Record<string, unknown> | null>;

package/dist/data/services/subscription/updateSubscriptionPaymentMethod.js

@@ -0,0 +1,31 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { UPDATE_SUBSCRIPTION_PAYMENT_METHOD } from '../../../utils/queries';
+/**
+ * Set a new Stripe payment method on the learner's subscription.
+ * Returns the raw JSON scalar from Viax when present.
+ */
+export function updateSubscriptionPaymentMethod(gql_1, _a) {
+    return __awaiter(this, arguments, void 0, function* (gql, { biId, tStripePaymentMethodId }) {
+        const data = yield gql(UPDATE_SUBSCRIPTION_PAYMENT_METHOD, {
+            biId,
+            tStripePaymentMethodId,
+        });
+        const result = data === null || data === void 0 ? void 0 : data.tUpdateSubscriptionPaymentMethod;
+        if (!result) {
+            return null;
+        }
+        if (typeof result === 'object') {
+            return result;
+        }
+        return { result };
+    });
+}
+//# sourceMappingURL=updateSubscriptionPaymentMethod.js.map

package/dist/data/services/subscription/updateSubscriptionPaymentMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateSubscriptionPaymentMethod.js","sourceRoot":"","sources":["../../../../src/data/services/subscription/updateSubscriptionPaymentMethod.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,kCAAkC,EAAE,MAAM,wBAAwB,CAAC;AAO5E;;;GAGG;AACH,MAAM,UAAgB,+BAA+B;yDACnD,GAAc,EACd,EAAE,IAAI,EAAE,sBAAsB,EAA2B;QAEzD,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,kCAAkC,EAAE;YACzD,IAAI;YACJ,sBAAsB;SACvB,CAAC,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gCAAgC,CAAC;QACtD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,OAAO,MAAiC,CAAC;QAC3C,CAAC;QACD,OAAO,EAAE,MAAM,EAAE,CAAC;IACpB,CAAC;CAAA","sourcesContent":["import type { GqlRunner } from '../../../types';\nimport { UPDATE_SUBSCRIPTION_PAYMENT_METHOD } from '../../../utils/queries';\n\nexport interface UpdatePaymentMethodArgs {\n  biId: string,\n  tStripePaymentMethodId: string,\n}\n\n/**\n * Set a new Stripe payment method on the learner's subscription.\n * Returns the raw JSON scalar from Viax when present.\n */\nexport async function updateSubscriptionPaymentMethod(\n  gql: GqlRunner,\n  { biId, tStripePaymentMethodId }: UpdatePaymentMethodArgs,\n): Promise<Record<string, unknown> | null> {\n  const data = await gql(UPDATE_SUBSCRIPTION_PAYMENT_METHOD, {\n    biId,\n    tStripePaymentMethodId,\n  });\n  const result = data?.tUpdateSubscriptionPaymentMethod;\n  if (!result) {\n    return null;\n  }\n  if (typeof result === 'object') {\n    return result as Record<string, unknown>;\n  }\n  return { result };\n}\n"]}

package/dist/icons/ExternalLinkIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ExternalLinkIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const ExternalLinkIcon: React.FC<ExternalLinkIconProps>;
+export default ExternalLinkIcon;

package/dist/icons/ExternalLinkIcon.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+const ExternalLinkIcon = (_a) => {
+    var { size = 18, className } = _a, rest = __rest(_a, ["size", "className"]);
+    return (_jsx("svg", Object.assign({ className: className, width: size, height: size, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false" }, rest, { children: _jsx("path", { d: "M16 16H2V2H9V0H0V18H18V9H16V16ZM11 0V2H14.59L4.76 11.83L6.17 13.24L16 3.41V7H18V0H11Z", fill: "currentColor" }) })));
+};
+export default ExternalLinkIcon;
+//# sourceMappingURL=ExternalLinkIcon.js.map

package/dist/icons/ExternalLinkIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalLinkIcon.js","sourceRoot":"","sources":["../../src/icons/ExternalLinkIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAMA,MAAM,gBAAgB,GAAoC,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACzD,IAAI,GAAG,EAAE,EACT,SAAS,OAEV,EADI,IAAI,cAHkD,qBAI1D,CADQ;IACH,OAAA,CACJ,4BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,SAAS,EAAC,OAAO,IACb,IAAI,cAER,eACE,CAAC,EAAC,uFAAuF,EACzF,IAAI,EAAC,cAAc,GACnB,IACE,CACP,CAAA;CAAA,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import React from 'react';\n\ninterface ExternalLinkIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number | string,\n}\n\nconst ExternalLinkIcon: React.FC<ExternalLinkIconProps> = ({\n  size = 18,\n  className,\n  ...rest\n}) => (\n  <svg\n    className={className}\n    width={size}\n    height={size}\n    viewBox=\"0 0 18 18\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    {...rest}\n  >\n    <path\n      d=\"M16 16H2V2H9V0H0V18H18V9H16V16ZM11 0V2H14.59L4.76 11.83L6.17 13.24L16 3.41V7H18V0H11Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default ExternalLinkIcon;\n"]}

package/dist/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as ExternalLinkIcon } from './ExternalLinkIcon';

package/dist/icons/index.js

@@ -0,0 +1,2 @@
+export { default as ExternalLinkIcon } from './ExternalLinkIcon';
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default as ExternalLinkIcon } from './ExternalLinkIcon';\n"]}

package/dist/manageSubscriptionPage/CancelSubscriptionPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CancelSubscriptionPage: React.FC;
+export default CancelSubscriptionPage;

package/dist/manageSubscriptionPage/CancelSubscriptionPage.js

@@ -0,0 +1,53 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert, Container, Spinner } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { useNavigate } from 'react-router-dom';
+import CancelConfirmation from '../components/CancelConfirmation/CancelConfirmation';
+import messages from '../components/messages';
+import { MANAGE_PAGE_PATH } from '../constants';
+import { useCancelSubscriptionMutation, useIsSubscriberQuery, useSubscriptionEnrollmentsQuery, useViaxClient, useViaxSession, } from '../data/hooks/useManageQueries';
+const CancelSubscriptionPage = () => {
+    var _a, _b, _c, _d;
+    const { formatMessage } = useIntl();
+    const navigate = useNavigate();
+    const client = useViaxClient();
+    const { sessionReady, isSessionLoading, isSessionError } = useViaxSession(client);
+    const subscriberQuery = useIsSubscriberQuery(client, sessionReady);
+    const subscriptionBiId = (_b = (_a = subscriberQuery.data) === null || _a === void 0 ? void 0 : _a.subscriptionBiId) !== null && _b !== void 0 ? _b : null;
+    const enrollmentsQuery = useSubscriptionEnrollmentsQuery(client, sessionReady, subscriptionBiId);
+    const cancelMutation = useCancelSubscriptionMutation(client);
+    const isLoading = isSessionLoading || subscriberQuery.isPending;
+    const isError = isSessionError || subscriberQuery.isError;
+    if (isLoading) {
+        return (_jsx("div", { className: "manage-page manage-page--loading d-flex justify-content-center align-items-center", children: _jsx(Spinner, { animation: "border", screenReaderText: formatMessage(messages['manage.loading']) }) }));
+    }
+    if (isError) {
+        return (_jsx("div", { className: "manage-page", children: _jsx(Container, { size: "lg", className: "px-3 px-md-4 py-5", children: _jsx(Alert, { variant: "danger", children: formatMessage(messages['manage.error']) }) }) }));
+    }
+    const subscriber = (_c = subscriberQuery.data) !== null && _c !== void 0 ? _c : null;
+    const enrollments = (_d = enrollmentsQuery.data) !== null && _d !== void 0 ? _d : [];
+    const handleConfirmCancel = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!subscriptionBiId) {
+            return;
+        }
+        try {
+            yield cancelMutation.mutateAsync(subscriptionBiId);
+            navigate(`/${MANAGE_PAGE_PATH}/cancel/success`);
+        }
+        catch (_a) {
+            // Error surfaced via cancelMutation.isError
+        }
+    });
+    return (_jsx("div", { className: "manage-page", children: _jsx(Container, { size: "lg", className: "px-3 px-md-4", children: _jsx(CancelConfirmation, { subscriber: subscriber, enrollments: enrollments, isEnrollmentsLoading: enrollmentsQuery.isPending, isCanceling: cancelMutation.isPending, cancelError: cancelMutation.isError, onConfirmCancel: handleConfirmCancel }) }) }));
+};
+export default CancelSubscriptionPage;
+//# sourceMappingURL=CancelSubscriptionPage.js.map

package/dist/manageSubscriptionPage/CancelSubscriptionPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelSubscriptionPage.js","sourceRoot":"","sources":["../../src/manageSubscriptionPage/CancelSubscriptionPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Alert, Container, Spinner } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { useNavigate } from 'react-router-dom';\n\nimport CancelConfirmation from '../components/CancelConfirmation/CancelConfirmation';\nimport messages from '../components/messages';\nimport { MANAGE_PAGE_PATH } from '../constants';\nimport {\n  useCancelSubscriptionMutation,\n  useIsSubscriberQuery,\n  useSubscriptionEnrollmentsQuery,\n  useViaxClient,\n  useViaxSession,\n} from '../data/hooks/useManageQueries';\n\nconst CancelSubscriptionPage: React.FC = () => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const client = useViaxClient();\n  const { sessionReady, isSessionLoading, isSessionError } = useViaxSession(client);\n  const subscriberQuery = useIsSubscriberQuery(client, sessionReady);\n  const subscriptionBiId = subscriberQuery.data?.subscriptionBiId ?? null;\n  const enrollmentsQuery = useSubscriptionEnrollmentsQuery(\n    client,\n    sessionReady,\n    subscriptionBiId,\n  );\n  const cancelMutation = useCancelSubscriptionMutation(client);\n\n  const isLoading = isSessionLoading || subscriberQuery.isPending;\n  const isError = isSessionError || subscriberQuery.isError;\n\n  if (isLoading) {\n    return (\n      <div className=\"manage-page manage-page--loading d-flex justify-content-center align-items-center\">\n        <Spinner\n          animation=\"border\"\n          screenReaderText={formatMessage(messages['manage.loading'])}\n        />\n      </div>\n    );\n  }\n\n  if (isError) {\n    return (\n      <div className=\"manage-page\">\n        <Container size=\"lg\" className=\"px-3 px-md-4 py-5\">\n          <Alert variant=\"danger\">{formatMessage(messages['manage.error'])}</Alert>\n        </Container>\n      </div>\n    );\n  }\n\n  const subscriber = subscriberQuery.data ?? null;\n  const enrollments = enrollmentsQuery.data ?? [];\n\n  const handleConfirmCancel = async () => {\n    if (!subscriptionBiId) {\n      return;\n    }\n\n    try {\n      await cancelMutation.mutateAsync(subscriptionBiId);\n      navigate(`/${MANAGE_PAGE_PATH}/cancel/success`);\n    } catch {\n      // Error surfaced via cancelMutation.isError\n    }\n  };\n\n  return (\n    <div className=\"manage-page\">\n      <Container size=\"lg\" className=\"px-3 px-md-4\">\n        <CancelConfirmation\n          subscriber={subscriber}\n          enrollments={enrollments}\n          isEnrollmentsLoading={enrollmentsQuery.isPending}\n          isCanceling={cancelMutation.isPending}\n          cancelError={cancelMutation.isError}\n          onConfirmCancel={handleConfirmCancel}\n        />\n      </Container>\n    </div>\n  );\n};\n\nexport default CancelSubscriptionPage;\n"]}

package/dist/manageSubscriptionPage/CancelSuccessPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CancelSuccessPage: React.FC;
+export default CancelSuccessPage;

package/dist/manageSubscriptionPage/CancelSuccessPage.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert, Container, Spinner } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import CancelSuccess from '../components/CancelSuccess/CancelSuccess';
+import messages from '../components/messages';
+import { useIsSubscriberQuery, useViaxClient, useViaxSession, } from '../data/hooks/useManageQueries';
+const CancelSuccessPage = () => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const client = useViaxClient();
+    const { sessionReady, isSessionLoading, isSessionError } = useViaxSession(client);
+    const subscriberQuery = useIsSubscriberQuery(client, sessionReady);
+    const isLoading = isSessionLoading || subscriberQuery.isPending;
+    const isError = isSessionError || subscriberQuery.isError;
+    if (isLoading) {
+        return (_jsx("div", { className: "manage-page manage-page--loading d-flex justify-content-center align-items-center", children: _jsx(Spinner, { animation: "border", screenReaderText: formatMessage(messages['manage.loading']) }) }));
+    }
+    if (isError) {
+        return (_jsx("div", { className: "manage-page", children: _jsx(Container, { size: "lg", className: "px-3 px-md-4 py-5", children: _jsx(Alert, { variant: "danger", children: formatMessage(messages['manage.error']) }) }) }));
+    }
+    return (_jsx("div", { className: "manage-page", children: _jsx(Container, { size: "lg", className: "px-3 px-md-4", children: _jsx(CancelSuccess, { subscriber: (_a = subscriberQuery.data) !== null && _a !== void 0 ? _a : null }) }) }));
+};
+export default CancelSuccessPage;
+//# sourceMappingURL=CancelSuccessPage.js.map

package/dist/manageSubscriptionPage/CancelSuccessPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelSuccessPage.js","sourceRoot":"","sources":["../../src/manageSubscriptionPage/CancelSuccessPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,aAAa,MAAM,2CAA2C,CAAC;AACtE,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,cAAc,GACf,MAAM,gCAAgC,CAAC;AAExC,MAAM,iBAAiB,GAAa,GAAG,EAAE;;IACvC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAClF,MAAM,eAAe,GAAG,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAEnE,MAAM,SAAS,GAAG,gBAAgB,IAAI,eAAe,CAAC,SAAS,CAAC;IAChE,MAAM,OAAO,GAAG,cAAc,IAAI,eAAe,CAAC,OAAO,CAAC;IAE1D,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cAAK,SAAS,EAAC,mFAAmF,YAChG,KAAC,OAAO,IACN,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAE,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,GAC3D,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,YAChD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,YAAE,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,GAAS,GAC/D,GACR,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,YAC3C,KAAC,aAAa,IAAC,UAAU,EAAE,MAAA,eAAe,CAAC,IAAI,mCAAI,IAAI,GAAI,GACjD,GACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\nimport { Alert, Container, Spinner } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport CancelSuccess from '../components/CancelSuccess/CancelSuccess';\nimport messages from '../components/messages';\nimport {\n  useIsSubscriberQuery,\n  useViaxClient,\n  useViaxSession,\n} from '../data/hooks/useManageQueries';\n\nconst CancelSuccessPage: React.FC = () => {\n  const { formatMessage } = useIntl();\n  const client = useViaxClient();\n  const { sessionReady, isSessionLoading, isSessionError } = useViaxSession(client);\n  const subscriberQuery = useIsSubscriberQuery(client, sessionReady);\n\n  const isLoading = isSessionLoading || subscriberQuery.isPending;\n  const isError = isSessionError || subscriberQuery.isError;\n\n  if (isLoading) {\n    return (\n      <div className=\"manage-page manage-page--loading d-flex justify-content-center align-items-center\">\n        <Spinner\n          animation=\"border\"\n          screenReaderText={formatMessage(messages['manage.loading'])}\n        />\n      </div>\n    );\n  }\n\n  if (isError) {\n    return (\n      <div className=\"manage-page\">\n        <Container size=\"lg\" className=\"px-3 px-md-4 py-5\">\n          <Alert variant=\"danger\">{formatMessage(messages['manage.error'])}</Alert>\n        </Container>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"manage-page\">\n      <Container size=\"lg\" className=\"px-3 px-md-4\">\n        <CancelSuccess subscriber={subscriberQuery.data ?? null} />\n      </Container>\n    </div>\n  );\n};\n\nexport default CancelSuccessPage;\n"]}

package/dist/manageSubscriptionPage/ManageSubscriptionPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ManageSubscriptionPage: React.FC;
+export default ManageSubscriptionPage;

package/dist/manageSubscriptionPage/ManageSubscriptionPage.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Alert, Container, Spinner, } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import ActiveSubscription from '../components/ActiveSubscription/ActiveSubscription';
+import BecomeSubscriber from '../components/BecomeSubscriber/BecomeSubscriber';
+import CanceledSubscription, { RenewBanner, } from '../components/CanceledSubscription/CanceledSubscription';
+import HelpFooter from '../components/HelpFooter/HelpFooter';
+import OrderHistoryHeader from '../components/OrderHistoryHeader/OrderHistoryHeader';
+import PaymentHistory from '../components/PaymentHistory/PaymentHistory';
+import RenewSubscriptionModal from '../components/RenewSubscriptionModal/RenewSubscriptionModal';
+import ResubscribeCard from '../components/ResubscribeCard/ResubscribeCard';
+import SubscriptionTabs from '../components/SubscriptionTabs/SubscriptionTabs';
+import messages from '../components/messages';
+import { useBillingPlansQuery, useIsSubscriberQuery, usePaymentHistoryQuery, useReactivateSubscriptionMutation, useViaxClient, useViaxSession, } from '../data/hooks/useManageQueries';
+import { getPlanPrice } from '../utils/billingDetails';
+import { formatDisplayDate } from '../utils/formatDate';
+import { resolvePlanLabel, resolveSubscriptionView, } from '../utils/subscriptionView';
+const ManageSubscriptionPage = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const { formatMessage } = useIntl();
+    const [activeTab, setActiveTab] = useState('subscription');
+    const [isRenewModalOpen, setIsRenewModalOpen] = useState(false);
+    const client = useViaxClient();
+    const { sessionReady, isSessionLoading, isSessionError } = useViaxSession(client);
+    const subscriberQuery = useIsSubscriberQuery(client, sessionReady);
+    const billingPlansQuery = useBillingPlansQuery(client, sessionReady);
+    const reactivateMutation = useReactivateSubscriptionMutation(client);
+    const subscriptionBiId = (_b = (_a = subscriberQuery.data) === null || _a === void 0 ? void 0 : _a.subscriptionBiId) !== null && _b !== void 0 ? _b : null;
+    const paymentHistoryQuery = usePaymentHistoryQuery(client, sessionReady && activeTab === 'payment-history', subscriptionBiId);
+    const subscriber = (_c = subscriberQuery.data) !== null && _c !== void 0 ? _c : null;
+    const planCycle = resolvePlanLabel(subscriber);
+    const planPrice = getPlanPrice((_e = (_d = billingPlansQuery.data) === null || _d === void 0 ? void 0 : _d.plans) !== null && _e !== void 0 ? _e : [], planCycle);
+    const price = (_f = planPrice === null || planPrice === void 0 ? void 0 : planPrice.amount) !== null && _f !== void 0 ? _f : null;
+    const currency = (_g = planPrice === null || planPrice === void 0 ? void 0 : planPrice.currency) !== null && _g !== void 0 ? _g : null;
+    const renewalDate = formatDisplayDate((_h = subscriber === null || subscriber === void 0 ? void 0 : subscriber.currentPeriodEnd) !== null && _h !== void 0 ? _h : subscriber === null || subscriber === void 0 ? void 0 : subscriber.subscriptionEndDate);
+    const handleOpenRenewModal = () => {
+        if (!subscriptionBiId) {
+            return;
+        }
+        reactivateMutation.reset();
+        setIsRenewModalOpen(true);
+    };
+    const handleConfirmRenew = () => {
+        if (!subscriptionBiId || reactivateMutation.isPending) {
+            return;
+        }
+        reactivateMutation.mutate(subscriptionBiId);
+    };
+    useEffect(() => {
+        if (reactivateMutation.isSuccess) {
+            setIsRenewModalOpen(false);
+        }
+    }, [reactivateMutation.isSuccess]);
+    const isLoading = isSessionLoading || (sessionReady && subscriberQuery.isPending);
+    const isError = isSessionError || subscriberQuery.isError;
+    if (isLoading) {
+        return (_jsx("div", { className: "manage-page manage-page--loading d-flex justify-content-center align-items-center", children: _jsx(Spinner, { animation: "border", screenReaderText: formatMessage(messages['manage.loading']) }) }));
+    }
+    if (isError) {
+        return (_jsx("div", { className: "manage-page", children: _jsx(Container, { size: "lg", className: "manage-page__inner px-3 px-md-4 py-5", children: _jsx(Alert, { variant: "danger", children: formatMessage(messages['manage.error']) }) }) }));
+    }
+    const resolvedView = resolveSubscriptionView(subscriber);
+    const showRenewBanner = resolvedView === 'canceled_access';
+    const renewProps = {
+        onRenew: handleOpenRenewModal,
+    };
+    let subscriptionPanel;
+    switch (resolvedView) {
+        case 'active':
+            subscriptionPanel = _jsx(ActiveSubscription, { subscriber: subscriber });
+            break;
+        case 'canceled_access':
+            subscriptionPanel = (_jsx(CanceledSubscription, Object.assign({ subscriber: subscriber }, renewProps)));
+            break;
+        case 'canceled_expired':
+            subscriptionPanel = (_jsx(ResubscribeCard, { subscriber: subscriber, price: price, currency: currency }));
+            break;
+        case 'none':
+        default:
+            subscriptionPanel = (_jsx(BecomeSubscriber, { price: price, currency: currency }));
+            break;
+    }
+    return (_jsxs("div", { className: "manage-page", children: [showRenewBanner && (_jsx("div", { className: "manage-renew-banner py-5 mb-2", children: _jsx(Container, { size: "lg", className: "px-3 px-md-4", children: _jsx("div", { className: "manage-renew-banner__inner d-flex flex-column align-items-start", children: _jsx(RenewBanner, Object.assign({ expireDate: renewalDate }, renewProps)) }) }) })), _jsxs(Container, { size: "lg", className: "manage-page__inner px-3 px-md-4 py-5", children: [_jsx(OrderHistoryHeader, {}), _jsx(SubscriptionTabs, { activeTab: activeTab, onChange: setActiveTab }), activeTab === 'subscription' ? (_jsxs("div", { role: "tabpanel", id: "manage-tabpanel-subscription", "aria-labelledby": "manage-tab-subscription", children: [subscriptionPanel, _jsx(HelpFooter, {})] })) : (_jsxs("div", { role: "tabpanel", id: "manage-tabpanel-payment-history", "aria-labelledby": "manage-tab-payment-history", children: [_jsx(PaymentHistory, { subscriber: subscriber, invoices: (_j = paymentHistoryQuery.data) !== null && _j !== void 0 ? _j : [], isLoading: paymentHistoryQuery.isPending, isError: paymentHistoryQuery.isError }), _jsx(HelpFooter, {})] }))] }), _jsx(RenewSubscriptionModal, { isOpen: isRenewModalOpen, onClose: () => setIsRenewModalOpen(false), onConfirm: handleConfirmRenew, isConfirming: reactivateMutation.isPending, confirmError: reactivateMutation.isError, subscriptionBiId: subscriptionBiId, renewalDate: renewalDate, price: price, currency: currency, cycle: planCycle })] }));
+};
+export default ManageSubscriptionPage;
+//# sourceMappingURL=ManageSubscriptionPage.js.map

package/dist/manageSubscriptionPage/ManageSubscriptionPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageSubscriptionPage.js","sourceRoot":"","sources":["../../src/manageSubscriptionPage/ManageSubscriptionPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Alert,\n  Container,\n  Spinner,\n} from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport ActiveSubscription from '../components/ActiveSubscription/ActiveSubscription';\nimport BecomeSubscriber from '../components/BecomeSubscriber/BecomeSubscriber';\nimport CanceledSubscription, {\n  RenewBanner,\n} from '../components/CanceledSubscription/CanceledSubscription';\nimport HelpFooter from '../components/HelpFooter/HelpFooter';\nimport OrderHistoryHeader from '../components/OrderHistoryHeader/OrderHistoryHeader';\nimport PaymentHistory from '../components/PaymentHistory/PaymentHistory';\nimport RenewSubscriptionModal from '../components/RenewSubscriptionModal/RenewSubscriptionModal';\nimport ResubscribeCard from '../components/ResubscribeCard/ResubscribeCard';\nimport SubscriptionTabs from '../components/SubscriptionTabs/SubscriptionTabs';\nimport messages from '../components/messages';\nimport {\n  useBillingPlansQuery,\n  useIsSubscriberQuery,\n  usePaymentHistoryQuery,\n  useReactivateSubscriptionMutation,\n  useViaxClient,\n  useViaxSession,\n} from '../data/hooks/useManageQueries';\nimport type { ManageTab } from '../types';\nimport { getPlanPrice } from '../utils/billingDetails';\nimport { formatDisplayDate } from '../utils/formatDate';\nimport {\n  resolvePlanLabel,\n  resolveSubscriptionView,\n} from '../utils/subscriptionView';\n\nconst ManageSubscriptionPage: React.FC = () => {\n  const { formatMessage } = useIntl();\n  const [activeTab, setActiveTab] = useState<ManageTab>('subscription');\n  const [isRenewModalOpen, setIsRenewModalOpen] = useState(false);\n  const client = useViaxClient();\n  const { sessionReady, isSessionLoading, isSessionError } = useViaxSession(client);\n  const subscriberQuery = useIsSubscriberQuery(client, sessionReady);\n  const billingPlansQuery = useBillingPlansQuery(client, sessionReady);\n  const reactivateMutation = useReactivateSubscriptionMutation(client);\n  const subscriptionBiId = subscriberQuery.data?.subscriptionBiId ?? null;\n  const paymentHistoryQuery = usePaymentHistoryQuery(\n    client,\n    sessionReady && activeTab === 'payment-history',\n    subscriptionBiId,\n  );\n\n  const subscriber = subscriberQuery.data ?? null;\n  const planCycle = resolvePlanLabel(subscriber);\n  const planPrice = getPlanPrice(\n    billingPlansQuery.data?.plans ?? [],\n    planCycle,\n  );\n  const price = planPrice?.amount ?? null;\n  const currency = planPrice?.currency ?? null;\n  const renewalDate = formatDisplayDate(\n    subscriber?.currentPeriodEnd ?? subscriber?.subscriptionEndDate,\n  );\n\n  const handleOpenRenewModal = () => {\n    if (!subscriptionBiId) {\n      return;\n    }\n    reactivateMutation.reset();\n    setIsRenewModalOpen(true);\n  };\n\n  const handleConfirmRenew = () => {\n    if (!subscriptionBiId || reactivateMutation.isPending) {\n      return;\n    }\n    reactivateMutation.mutate(subscriptionBiId);\n  };\n\n  useEffect(() => {\n    if (reactivateMutation.isSuccess) {\n      setIsRenewModalOpen(false);\n    }\n  }, [reactivateMutation.isSuccess]);\n\n  const isLoading = isSessionLoading || (sessionReady && subscriberQuery.isPending);\n  const isError = isSessionError || subscriberQuery.isError;\n\n  if (isLoading) {\n    return (\n      <div className=\"manage-page manage-page--loading d-flex justify-content-center align-items-center\">\n        <Spinner\n          animation=\"border\"\n          screenReaderText={formatMessage(messages['manage.loading'])}\n        />\n      </div>\n    );\n  }\n\n  if (isError) {\n    return (\n      <div className=\"manage-page\">\n        <Container size=\"lg\" className=\"manage-page__inner px-3 px-md-4 py-5\">\n          <Alert variant=\"danger\">{formatMessage(messages['manage.error'])}</Alert>\n        </Container>\n      </div>\n    );\n  }\n\n  const resolvedView = resolveSubscriptionView(subscriber);\n  const showRenewBanner = resolvedView === 'canceled_access';\n  const renewProps = {\n    onRenew: handleOpenRenewModal,\n  };\n\n  let subscriptionPanel: React.ReactNode;\n  switch (resolvedView) {\n    case 'active':\n      subscriptionPanel = <ActiveSubscription subscriber={subscriber} />;\n      break;\n    case 'canceled_access':\n      subscriptionPanel = (\n        <CanceledSubscription subscriber={subscriber} {...renewProps} />\n      );\n      break;\n    case 'canceled_expired':\n      subscriptionPanel = (\n        <ResubscribeCard\n          subscriber={subscriber}\n          price={price}\n          currency={currency}\n        />\n      );\n      break;\n    case 'none':\n    default:\n      subscriptionPanel = (\n        <BecomeSubscriber price={price} currency={currency} />\n      );\n      break;\n  }\n\n  return (\n    <div className=\"manage-page\">\n      {showRenewBanner && (\n        <div className=\"manage-renew-banner py-5 mb-2\">\n          <Container size=\"lg\" className=\"px-3 px-md-4\">\n            <div className=\"manage-renew-banner__inner d-flex flex-column align-items-start\">\n              <RenewBanner\n                expireDate={renewalDate}\n                {...renewProps}\n              />\n            </div>\n          </Container>\n        </div>\n      )}\n\n      <Container size=\"lg\" className=\"manage-page__inner px-3 px-md-4 py-5\">\n        <OrderHistoryHeader />\n        <SubscriptionTabs activeTab={activeTab} onChange={setActiveTab} />\n\n        {activeTab === 'subscription' ? (\n          <div\n            role=\"tabpanel\"\n            id=\"manage-tabpanel-subscription\"\n            aria-labelledby=\"manage-tab-subscription\"\n          >\n            {subscriptionPanel}\n            <HelpFooter />\n          </div>\n        ) : (\n          <div\n            role=\"tabpanel\"\n            id=\"manage-tabpanel-payment-history\"\n            aria-labelledby=\"manage-tab-payment-history\"\n          >\n            <PaymentHistory\n              subscriber={subscriber}\n              invoices={paymentHistoryQuery.data ?? []}\n              isLoading={paymentHistoryQuery.isPending}\n              isError={paymentHistoryQuery.isError}\n            />\n            <HelpFooter />\n          </div>\n        )}\n      </Container>\n\n      <RenewSubscriptionModal\n        isOpen={isRenewModalOpen}\n        onClose={() => setIsRenewModalOpen(false)}\n        onConfirm={handleConfirmRenew}\n        isConfirming={reactivateMutation.isPending}\n        confirmError={reactivateMutation.isError}\n        subscriptionBiId={subscriptionBiId}\n        renewalDate={renewalDate}\n        price={price}\n        currency={currency}\n        cycle={planCycle}\n      />\n    </div>\n  );\n};\n\nexport default ManageSubscriptionPage;\n"]}

package/dist/messages.js

@@ -2,8 +2,8 @@ import { defineMessages } from '@openedx/frontend-base';
 const messages = defineMessages({
     'template.page.title': {
         id: 'template.page.title',
-        defaultMessage: 'Template | {siteName}',
-        description: 'Document title for the template app',
+        defaultMessage: 'Order History | {siteName}',
+        description: 'Document title for the subscription manage app',
     },
 });
 export default messages;

package/dist/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,qBAAqB,EAAE;QACrB,EAAE,EAAE,qBAAqB;QACzB,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,qCAAqC;KACnD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'template.page.title': {\n    id: 'template.page.title',\n    defaultMessage: 'Template | {siteName}',\n    description: 'Document title for the template app',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,qBAAqB,EAAE;QACrB,EAAE,EAAE,qBAAqB;QACzB,cAAc,EAAE,4BAA4B;QAC5C,WAAW,EAAE,gDAAgD;KAC9D;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'template.page.title': {\n    id: 'template.page.title',\n    defaultMessage: 'Order History | {siteName}',\n    description: 'Document title for the subscription manage app',\n  },\n});\n\nexport default messages;\n"]}

package/dist/routes.d.ts

@@ -8,11 +8,18 @@ declare const routes: {
     lazy(): Promise<{
         Component: () => import("react/jsx-runtime").JSX.Element;
     }>;
-    children: {
+    children: ({
         index: boolean;
         lazy(): Promise<{
             Component: import("react").FC<{}>;
         }>;
-    }[];
+        path?: undefined;
+    } | {
+        path: string;
+        lazy(): Promise<{
+            Component: import("react").FC<{}>;
+        }>;
+        index?: undefined;
+    })[];
 }[];
 export default routes;

package/dist/routes.js

@@ -15,8 +15,8 @@ import { subscriptionManageRole } from './constants';
 const subscriptionAccessLoader = () => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const { data } = yield getAuthenticatedHttpClient().get(getSubsInitApiUrl());
-        if (data.userSubscription && data.userSubscription.isSubscriber) {
-            throw redirect('/subscription-learner-dashboard'); // redirect to subscription learner dashboard if user have subscription access
+        if (!(data === null || data === void 0 ? void 0 : data.userSubscription) || !data.userSubscription.isSubscriber) {
+            throw redirect('/learner-dashboard'); // redirect to learner dashboard if user does not have subscription access
         }
         return null;
     }
@@ -36,8 +36,8 @@ const protectedLoader = (args) => __awaiter(void 0, void 0, void 0, function* ()
 });
 const routes = [
     {
-        id: 'org.openedx.frontend.route.template.main',
-        path: 'checkout-page',
+        id: 'org.openedx.frontend.route.subscription.manage.main',
+        path: 'manage-subscription',
         loader: protectedLoader,
         handle: {
             roles: [subscriptionManageRole],
@@ -45,7 +45,7 @@ const routes = [
         lazy() {
             return __awaiter(this, void 0, void 0, function* () {
                 const module = yield import(
-                /* webpackChunkName: "template-main" */ './Main');
+                /* webpackChunkName: "subscription-manage-main" */ './Main');
                 return { Component: module.default };
             });
         },
@@ -55,7 +55,27 @@ const routes = [
                 lazy() {
                     return __awaiter(this, void 0, void 0, function* () {
                         const module = yield import(
-                        /* webpackChunkName: "CheckoutPage" */ './checkoutPage/CheckoutPage');
+                        /* webpackChunkName: "ManageSubscriptionPage" */ './manageSubscriptionPage/ManageSubscriptionPage');
+                        return { Component: module.default };
+                    });
+                },
+            },
+            {
+                path: 'cancel',
+                lazy() {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        const module = yield import(
+                        /* webpackChunkName: "CancelSubscriptionPage" */ './manageSubscriptionPage/CancelSubscriptionPage');
+                        return { Component: module.default };
+                    });
+                },
+            },
+            {
+                path: 'cancel/success',
+                lazy() {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        const module = yield import(
+                        /* webpackChunkName: "CancelSuccessPage" */ './manageSubscriptionPage/CancelSuccessPage');
                         return { Component: module.default };
                     });
                 },

package/dist/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EACL,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,sDAAsD;AACtD,MAAM,wBAAwB,GAAG,GAAS,EAAE;IAC1C,IAAI,CAAC;QACH,MAAM,EAAE,IAAI,EAAE,GACV,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;QAEhE,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC;YAChE,MAAM,QAAQ,CAAC,iCAAiC,CAAC,CAAC,CAAC,8EAA8E;QACnI,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,mCAAmC;QACnC,IAAI,KAAK,YAAY,QAAQ,EAAE,CAAC;YAC9B,MAAM,KAAK,CAAC;QACd,CAAC;QAED,MAAM,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC,mDAAmD;IAC3F,CAAC;AACH,CAAC,CAAA,CAAC;AAEF,yEAAyE;AACzE,MAAM,eAAe,GAAG,CAAO,IAAI,EAAE,EAAE;IACrC,MAAM,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,wBAAwB,EAAE,CAAC;IAEjC,OAAO,IAAI,CAAC;AACd,CAAC,CAAA,CAAC;AAEF,MAAM,MAAM,GAAG;IACb;QACE,EAAE,EAAE,0CAA0C;QAC9C,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC,sBAAsB,CAAC;SAChC;QACK,IAAI;;gBACR,MAAM,MAAM,GAAG,MAAM,MAAM;gBACzB,uCAAuC,CAAC,QAAQ,CACjD,CAAC;gBACF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACvC,CAAC;SAAA;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,IAAI;gBACL,IAAI;;wBACR,MAAM,MAAM,GAAG,MAAM,MAAM;wBACzB,sCAAsC,CAAC,6BAA6B,CACrE,CAAC;wBACF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;oBACvC,CAAC;iBAAA;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {\n  authenticatedLoader,\n  getAuthenticatedHttpClient,\n} from '@openedx/frontend-base';\nimport { redirect } from 'react-router-dom';\n\nimport { getSubsInitApiUrl } from './data/services/subs/urls';\nimport { subscriptionManageRole } from './constants';\n\n// loader to check if the user has subscription access\nconst subscriptionAccessLoader = async () => {\n  try {\n    const { data }\n      = await getAuthenticatedHttpClient().get(getSubsInitApiUrl());\n\n    if (data.userSubscription && data.userSubscription.isSubscriber) {\n      throw redirect('/subscription-learner-dashboard'); // redirect to subscription learner dashboard if user have subscription access\n    }\n\n    return null;\n  } catch (error) {\n    // Let redirect responses bubble up\n    if (error instanceof Response) {\n      throw error;\n    }\n\n    throw redirect('/learner-dashboard'); // redirect to learner dashboard if an error occurs\n  }\n};\n\n// composed loader that checks for authentication and subscription access\nconst protectedLoader = async (args) => {\n  await authenticatedLoader(args);\n  await subscriptionAccessLoader();\n\n  return null;\n};\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.template.main',\n    path: 'checkout-page',\n    loader: protectedLoader,\n    handle: {\n      roles: [subscriptionManageRole],\n    },\n    async lazy() {\n      const module = await import(\n        /* webpackChunkName: \"template-main\" */ './Main'\n      );\n      return { Component: module.default };\n    },\n    children: [\n      {\n        index: true,\n        async lazy() {\n          const module = await import(\n            /* webpackChunkName: \"CheckoutPage\" */ './checkoutPage/CheckoutPage'\n          );\n          return { Component: module.default };\n        },\n      },\n    ],\n  },\n];\n\nexport default routes;\n"]}
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EACL,mBAAmB,EACnB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,sDAAsD;AACtD,MAAM,wBAAwB,GAAG,GAAS,EAAE;IAC1C,IAAI,CAAC;QACH,MAAM,EAAE,IAAI,EAAE,GACV,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;QAEhE,IAAI,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC;YACnE,MAAM,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC,0EAA0E;QAClH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,mCAAmC;QACnC,IAAI,KAAK,YAAY,QAAQ,EAAE,CAAC;YAC9B,MAAM,KAAK,CAAC;QACd,CAAC;QAED,MAAM,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC,mDAAmD;IAC3F,CAAC;AACH,CAAC,CAAA,CAAC;AAEF,yEAAyE;AACzE,MAAM,eAAe,GAAG,CAAO,IAAI,EAAE,EAAE;IACrC,MAAM,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,wBAAwB,EAAE,CAAC;IAEjC,OAAO,IAAI,CAAC;AACd,CAAC,CAAA,CAAC;AAEF,MAAM,MAAM,GAAG;IACb;QACE,EAAE,EAAE,qDAAqD;QACzD,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC,sBAAsB,CAAC;SAChC;QACK,IAAI;;gBACR,MAAM,MAAM,GAAG,MAAM,MAAM;gBACzB,kDAAkD,CAAC,QAAQ,CAC5D,CAAC;gBACF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACvC,CAAC;SAAA;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,IAAI;gBACL,IAAI;;wBACR,MAAM,MAAM,GAAG,MAAM,MAAM;wBACzB,gDAAgD,CAAC,iDAAiD,CACnG,CAAC;wBACF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;oBACvC,CAAC;iBAAA;aACF;YACD;gBACE,IAAI,EAAE,QAAQ;gBACR,IAAI;;wBACR,MAAM,MAAM,GAAG,MAAM,MAAM;wBACzB,gDAAgD,CAAC,iDAAiD,CACnG,CAAC;wBACF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;oBACvC,CAAC;iBAAA;aACF;YACD;gBACE,IAAI,EAAE,gBAAgB;gBAChB,IAAI;;wBACR,MAAM,MAAM,GAAG,MAAM,MAAM;wBACzB,2CAA2C,CAAC,4CAA4C,CACzF,CAAC;wBACF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;oBACvC,CAAC;iBAAA;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {\n  authenticatedLoader,\n  getAuthenticatedHttpClient,\n} from '@openedx/frontend-base';\nimport { redirect } from 'react-router-dom';\n\nimport { getSubsInitApiUrl } from './data/services/subs/urls';\nimport { subscriptionManageRole } from './constants';\n\n// loader to check if the user has subscription access\nconst subscriptionAccessLoader = async () => {\n  try {\n    const { data }\n      = await getAuthenticatedHttpClient().get(getSubsInitApiUrl());\n\n    if (!data?.userSubscription || !data.userSubscription.isSubscriber) {\n      throw redirect('/learner-dashboard'); // redirect to learner dashboard if user does not have subscription access\n    }\n\n    return null;\n  } catch (error) {\n    // Let redirect responses bubble up\n    if (error instanceof Response) {\n      throw error;\n    }\n\n    throw redirect('/learner-dashboard'); // redirect to learner dashboard if an error occurs\n  }\n};\n\n// composed loader that checks for authentication and subscription access\nconst protectedLoader = async (args) => {\n  await authenticatedLoader(args);\n  await subscriptionAccessLoader();\n\n  return null;\n};\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.subscription.manage.main',\n    path: 'manage-subscription',\n    loader: protectedLoader,\n    handle: {\n      roles: [subscriptionManageRole],\n    },\n    async lazy() {\n      const module = await import(\n        /* webpackChunkName: \"subscription-manage-main\" */ './Main'\n      );\n      return { Component: module.default };\n    },\n    children: [\n      {\n        index: true,\n        async lazy() {\n          const module = await import(\n            /* webpackChunkName: \"ManageSubscriptionPage\" */ './manageSubscriptionPage/ManageSubscriptionPage'\n          );\n          return { Component: module.default };\n        },\n      },\n      {\n        path: 'cancel',\n        async lazy() {\n          const module = await import(\n            /* webpackChunkName: \"CancelSubscriptionPage\" */ './manageSubscriptionPage/CancelSubscriptionPage'\n          );\n          return { Component: module.default };\n        },\n      },\n      {\n        path: 'cancel/success',\n        async lazy() {\n          const module = await import(\n            /* webpackChunkName: \"CancelSuccessPage\" */ './manageSubscriptionPage/CancelSuccessPage'\n          );\n          return { Component: module.default };\n        },\n      },\n    ],\n  },\n];\n\nexport default routes;\n"]}

package/dist/style.scss

@@ -1,14 +1 @@
-@use "@openedx/paragon/styles/css/core/custom-media-breakpoints.css";
-
-
-//components
-@use "./styles/components/checkout.scss";
-@use "./styles/components/enrollmentSummary.scss";
-@use "./styles/components/paymentForm.scss";
-@use "./styles/components/checkoutStepper.scss";
-@use "./styles/components/paymentFields.scss";
-@use "./styles/components/brandMarks.scss";
-@use "./styles/components/statusScreens.scss";
-@use "./styles/components/edxUnlimitedBanner.scss";
-@use "./styles/components/cartSummary.scss";
-@use "./styles/components/courseEnrollmentCard.scss";
+@use "./styles/components/manageSubscription.scss";