@newskit-render/my-account 7.143.2 → 7.145.0

package/dist/cjs/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.d.ts

@@ -0,0 +1,6 @@
+import { CancelSubscriptionProps } from '../../Sections/CancelSubscription';
+export interface CancelSubscriptionModalProps extends Pick<CancelSubscriptionProps, 'modal' | 'featureFlags' | 'cpn' | 'subscriptions'> {
+    isOpen: boolean;
+    onDismissModal: () => void;
+}
+export declare const CancelSubscriptionModal: ({ isOpen, onDismissModal, modal, featureFlags, cpn, subscriptions, }: CancelSubscriptionModalProps) => JSX.Element;

package/dist/cjs/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js

@@ -0,0 +1,66 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelSubscriptionModal = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var LayoutContentContainer_1 = require("../../Sections/LayoutContentContainer");
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
+var constants_1 = require("../../../constants");
+var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  li {\n    border-top: 1px solid;\n    ", "\n  }\n\n  li:last-child {\n    border-bottom: ", ";\n    ", ";\n  }\n\n  li:first-child {\n    ", "\n  }\n"], ["\n  li {\n    border-top: 1px solid;\n    ", "\n  }\n\n  li:last-child {\n    border-bottom: ", ";\n    ", ";\n  }\n\n  li:first-child {\n    ", "\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
+    var featureFlags = _a.featureFlags;
+    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) ===
+        constants_1.CANCELLATION_EXPERIMENT.VARIANT_1_ON
+        ? '1px solid'
+        : 'none';
+}, (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
+    var featureFlags = _a.featureFlags;
+    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) ===
+        constants_1.CANCELLATION_EXPERIMENT.VARIANT_1_ON
+        ? ''
+        : 'border-top: none';
+});
+var CancelSubscriptionModal = function (_a) {
+    var isOpen = _a.isOpen, onDismissModal = _a.onDismissModal, modal = _a.modal, featureFlags = _a.featureFlags, cpn = _a.cpn, subscriptions = _a.subscriptions;
+    var _b = modal || {}, content = _b.content, belowItemExtra = _b.belowItemExtra, modalProps = __rest(_b, ["content", "belowItemExtra"]);
+    return (react_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
+        react_1.default.createElement(shared_components_1.Modal, __assign({ open: isOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
+            (content === null || content === void 0 ? void 0 : content.items) && (react_1.default.createElement(StyledStructuredList, { featureFlags: featureFlags }, content === null || content === void 0 ? void 0 : content.items.map(function (_a) {
+                var href = _a.href, props = __rest(_a, ["href"]);
+                return (react_1.default.createElement(SectionListItem_1.SectionListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
+            }))),
+            react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button, userTrackingData: { cpn: cpn, subscriptions: subscriptions } }))));
+};
+exports.CancelSubscriptionModal = CancelSubscriptionModal;
+var templateObject_1;
+//# sourceMappingURL=CancelSubscriptionModal.js.map

package/dist/cjs/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelSubscriptionModal.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAAyD;AACzD,mCAKgB;AAChB,gFAAmE;AACnE,kEAAgE;AAEhE,4EAA0E;AAE1E,gDAA4D;AAE5D,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,8NAEjD,4CAGI,EAAmD,iDAIpC,EAIL,SACV,EAAmD,oCAInD,EAIsB,SAE3B,KAnBK,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAIpC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAC9B,OAAA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,CAAC,YAAY;QACrD,mCAAuB,CAAC,YAAY;QAClC,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,MAAM;AAHV,CAGU,EACV,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAInD,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,CAAC,YAAY;QACrD,mCAAuB,CAAC,YAAY;QAClC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,kBAAkB;AAHtB,CAGsB,CAE3B,CAAA;AAWM,IAAM,uBAAuB,GAAG,UAAC,EAOT;QAN7B,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,GAAG,SAAA,EACH,aAAa,mBAAA;IAEb,IAAM,KAA6C,KAAK,IAAI,EAAE,EAAtD,OAAO,aAAA,EAAE,cAAc,oBAAA,EAAK,UAAU,cAAxC,6BAA0C,CAAc,CAAA;IAE9D,OAAO,CACL,8BAAC,wBAAc,IAAC,MAAM,EAAE,oCAAW;QACjC,8BAAC,yBAAK,aACJ,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,cAAc,IACrB,UAAU,mBACF,2BAA2B;YAEtC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,CACjB,8BAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,IAC7C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBAAO,OAAA,CAC1C,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,OAAO,CAAC,sBAAsB,IAClD,CACH,CAAA;aAAA,CAAC,CACmB,CACxB;YACD,8BAAC,6BAAa,IACZ,KAAK,EAAC,IAAI,EACV,eAAe,aACb,WAAW,EAAE,sBAAsB,IAChC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,GAEpC,OAAO,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,EAChC,YAAY,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,EAC1C,UAAU,EAAC,iBAAiB,EAC5B,MAAM,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,EAC9B,gBAAgB,EAAE,EAAE,GAAG,KAAA,EAAE,aAAa,eAAA,EAAE,GACxC,CACI,CACO,CAClB,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,uBAAuB,2BA4CnC"}

package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.d.ts

@@ -0,0 +1 @@
+export * from './CancelSubscriptionModal';

package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CancelSubscriptionModal"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancelSubscriptionModal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAAyC"}

package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface CancellationPolicyProps {
+    title?: string;
+    message?: string;
+    daysUntilBilling?: number;
+    overrides?: {
+        container?: Record<string, unknown>;
+        title?: Record<string, unknown>;
+        message?: Record<string, unknown>;
+    };
+}
+export declare const CancellationPolicy: React.FC<CancellationPolicyProps>;
+export default CancellationPolicy;

package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationPolicy = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var Info_1 = require("@emotion-icons/material/Info");
+var IconFilledInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
+var CancellationPolicy = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? 'Cancellation Policy' : _b, message = _a.message, daysUntilBilling = _a.daysUntilBilling, overrides = _a.overrides;
+    var displayMessage = message ||
+        "You need to cancel 1 day before your billing date otherwise you will be charged for another month. Your next billing cycle is in ".concat(daysUntilBilling || 'X', " days.");
+    return (react_1.default.createElement(newskit_1.InlineMessage, { icon: react_1.default.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }), overrides: __assign({ marginBlockStart: 'space040', content: {
+                message: {
+                    typographyPreset: 'utilityBody010',
+                },
+            } }, overrides === null || overrides === void 0 ? void 0 : overrides.container) },
+        react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityHeading010", stylePreset: "inkContrast", marginBlockEnd: "space010" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkBase" }, overrides === null || overrides === void 0 ? void 0 : overrides.message), displayMessage)));
+};
+exports.CancellationPolicy = CancellationPolicy;
+exports.default = exports.CancellationPolicy;
+//# sourceMappingURL=CancellationPolicy.js.map

package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationPolicy.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/CancellationPolicy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAiE;AACjE,qDAAiE;AAEjE,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAazC,IAAM,kBAAkB,GAAsC,UAAC,EAKrE;QAJC,aAA6B,EAA7B,KAAK,mBAAG,qBAAqB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAET,IAAM,cAAc,GAClB,OAAO;QACP,2IACE,gBAAgB,IAAI,GAAG,WACjB,CAAA;IAEV,OAAO,CACL,8BAAC,uBAAa,IACZ,IAAI,EAAE,8BAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI,EAC5D,SAAS,aACP,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,gBAAgB,EAAE,gBAAgB;iBACnC;aACF,IACE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAGzB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QACZ,8BAAC,mBAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,IACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,GAErB,cAAc,CACL,CACE,CACjB,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,kBAAkB,sBA0C9B;AAED,kBAAe,0BAAkB,CAAA"}

package/dist/cjs/Components/Elements/CancellationPolicy/index.d.ts

@@ -0,0 +1 @@
+export { CancellationPolicy, type CancellationPolicyProps, } from './CancellationPolicy';

package/dist/cjs/Components/Elements/CancellationPolicy/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationPolicy = void 0;
+var CancellationPolicy_1 = require("./CancellationPolicy");
+Object.defineProperty(exports, "CancellationPolicy", { enumerable: true, get: function () { return CancellationPolicy_1.CancellationPolicy; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/CancellationPolicy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/index.ts"],"names":[],"mappings":";;;AAAA,2DAG6B;AAF3B,wHAAA,kBAAkB,OAAA"}

package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface CancellationReason {
+    id: string;
+    label: string;
+}
+export interface CancellationReasonSelectorProps {
+    reasons: CancellationReason[];
+    selectedReasonId?: string;
+    onSelect: (reasonId: string) => void;
+    overrides?: {
+        container?: Record<string, unknown>;
+        radioButton?: {
+            size?: 'small' | 'medium' | 'large';
+            overrides?: Record<string, unknown>;
+        };
+    };
+}
+export declare const CancellationReasonSelector: React.FC<CancellationReasonSelectorProps>;
+export default CancellationReasonSelector;

package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js

@@ -0,0 +1,42 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationReasonSelector = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var StyledRadioGroup = (0, newskit_1.styled)(newskit_1.RadioGroup)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var RadioContainer = newskit_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  ", "\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  ", "\n  ", "\n"], ["\n  width: 100%;\n  ", "\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  ", "\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), (0, newskit_1.getSpacingCssFromTheme)('padding', 'space040'), (0, newskit_1.getSpacingCssFromTheme)('marginBottom', 'space030'));
+var CancellationReasonSelector = function (_a) {
+    var reasons = _a.reasons, selectedReasonId = _a.selectedReasonId, onSelect = _a.onSelect, overrides = _a.overrides;
+    return (reasons === null || reasons === void 0 ? void 0 : reasons.length) ? (react_1.default.createElement(StyledRadioGroup, { name: "cancellation-reason-group", "data-testid": "cancellation-reason-group", value: selectedReasonId, onChange: function (event) { return onSelect(event.target.value); } }, reasons.map(function (reason) {
+        var _a, _b;
+        return (react_1.default.createElement(RadioContainer, { key: reason.id },
+            react_1.default.createElement(newskit_1.RadioButton, { overrides: __assign({ input: {
+                        spaceInline: 'space030',
+                        size: 'sizing045',
+                    }, label: {
+                        stylePreset: 'inkBase',
+                    } }, (_a = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _a === void 0 ? void 0 : _a.overrides), name: reason.id, value: reason.id, size: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.size) || 'medium', label: reason.label })));
+    }))) : null;
+};
+exports.CancellationReasonSelector = CancellationReasonSelector;
+exports.default = exports.CancellationReasonSelector;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=CancellationReasonSelector.js.map

package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationReasonSelector.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,uFAAA,oBAE1C,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,oLAAA,sBAE7B,EAAmD,2EAInD,EAA6C,MAC7C,EAAkD,IACrD,KANG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAInD,IAAA,gCAAsB,EAAC,SAAS,EAAE,UAAU,CAAC,EAC7C,IAAA,gCAAsB,EAAC,cAAc,EAAE,UAAU,CAAC,CACrD,CAAA;AAoBM,IAAM,0BAA0B,GAEnC,UAAC,EAAkD;QAAhD,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IACnD,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAC,CAAC,CAAC,CAChB,8BAAC,gBAAgB,IACf,IAAI,EAAC,2BAA2B,iBACpB,2BAA2B,EACvC,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,IAEhD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,CACvB,8BAAC,cAAc,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE;YAC5B,8BAAC,qBAAW,IACV,SAAS,aACP,KAAK,EAAE;wBACL,WAAW,EAAE,UAAU;wBACvB,IAAI,EAAE,WAAW;qBAClB,EACD,KAAK,EAAE;wBACL,WAAW,EAAE,SAAS;qBACvB,IACE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,IAAI,EAAE,MAAM,CAAC,EAAE,EACf,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,QAAQ,EAC9C,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACa,CAClB,CAAA;KAAA,CAAC,CACe,CACpB,CAAC,CAAC,CAAC,IAAI;AA5BR,CA4BQ,CAAA;AA/BG,QAAA,0BAA0B,8BA+B7B;AAEV,kBAAe,kCAA0B,CAAA"}

package/dist/cjs/Components/Elements/CancellationReasonSelector/index.d.ts

@@ -0,0 +1 @@
+export { CancellationReasonSelector, type CancellationReasonSelectorProps, type CancellationReason, } from './CancellationReasonSelector';

package/dist/cjs/Components/Elements/CancellationReasonSelector/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationReasonSelector = void 0;
+var CancellationReasonSelector_1 = require("./CancellationReasonSelector");
+Object.defineProperty(exports, "CancellationReasonSelector", { enumerable: true, get: function () { return CancellationReasonSelector_1.CancellationReasonSelector; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/CancellationReasonSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/index.ts"],"names":[],"mappings":";;;AAAA,2EAIqC;AAHnC,wIAAA,0BAA0B,OAAA"}

package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.js

@@ -44,7 +44,7 @@ var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateOb
 });
 var SectionListItem = function (_a) {
     var _b;
-    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides"]);
+    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, children = _a.children, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides", "children"]);
     var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
     /* istanbul ignore next */
     var handleLinkClick = function () {
@@ -70,7 +70,8 @@ var SectionListItem = function (_a) {
                                 react_1.default.createElement(ListItemComponents_1.ItemSubtitle, { subtitleOverrides: subtitleOverrides, subtitle: subtitle })))),
                     linkIcon && (react_1.default.createElement(newskit_1.GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
                     footer && (react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space040" },
-                        react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))))))));
+                        react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))),
+                    children && react_1.default.createElement(newskit_1.GridLayoutItem, null, children))))));
 };
 exports.SectionListItem = SectionListItem;
 var templateObject_1;

package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/SectionListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mDAA4B;AAC5B,mCAYgB;AAChB,uEAAoE;AACpE,4DAAoD;AAEpD,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,yJAAsB,MAChE,EAAmD,gDAKjD,EACqE,gBAC7D,EAAgD,UAE7D,KATG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAKjD,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,CAAC,CAAC,CAAC,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;AAArE,CAAqE,EAC7D,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,CAE7D,CAAA;AAEM,IAAM,eAAe,GAAmC,UAAC,EAgB/D;;IAfC,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,kBAAkB,wBAAA,EAClB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACX,IAAI,cAfuD,mMAgB/D,CADQ;IAEC,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,0BAA0B;IAC1B,IAAM,eAAe,GAAG;QACtB,IAAI,IAAI;YACN,SAAS,CACP,IAAA,oCAAgB,EACd,MAAM,EACN,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,KAAI,EAAE,EACzC,SAAS,EACT,SAAS,EACT,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,EAC7B,YAAY,EACZ,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gCAAgC,KAAI,sBAAY,CAAC,KAAK,CACrE,CACF,CAAA;IACL,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,QACd,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI,gBACR,SAAS,IAAI,EAAE;QAE3B,8BAAC,4BAAkB,IACjB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,CAAC,IAAI,EACf,QAAQ,QACR,SAAS,EAAE;gBACT,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,UAAU;gBACzB,YAAY,EAAE,UAAU;gBACxB,SAAS,EAAE,MAAM;aAClB,EACD,OAAO,EAAE,eAAe;YAExB,8BAAC,4BAAkB,IAAC,mBAAmB;gBACrC,8BAAC,mBAAmB,eACd,kBAAkB,mBACT,EAAE,EACf,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,IACjB,IAAI;oBAER,8BAAC,wBAAc,eAAK,aAAa;wBAC/B,8BAAC,eAAK,aACJ,YAAY,EAAC,UAAU,EACvB,IAAI,EAAC,kBAAkB,EACvB,iBAAiB,EAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,IAClB,cAAc;4BAElB,8BAAC,oBAAU;gCACT,8BAAC,eAAK,aACJ,IAAI,EAAC,mBAAmB,EACxB,iBAAiB,EAAC,YAAY,IAC1B,cAAc;oCAEjB,SAAS;oCACV,8BAAC,mBAAS,IAAC,gBAAgB,EAAC,mBAAmB,IAC5C,KAAK,CACI,CACN,CACG;4BAEb,8BAAC,oBAAU,IAAC,cAAc,EAAC,UAAU;gCACnC,8BAAC,iCAAY,IACX,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,GACJ,CACL,CACP,CACO;oBAChB,QAAQ,IAAI,CACX,8BAAC,wBAAc,IAAC,WAAW,EAAC,UAAU,IAAE,QAAQ,CAAkB,CACnE;oBACA,MAAM,IAAI,CACT,8BAAC,wBAAc,IAAC,iBAAiB,EAAC,UAAU;wBAC1C,8BAAC,mBAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,MAAA,MAAM,CAAC,KAAK,0CAAE,aAAa,mBAClB,MAAM,CAAC,UAAU,KAE7B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CACN,CACG,CAClB,CACmB,CACH,CACF,CAChB,CACR,CAAA;AACH,CAAC,CAAA;AA/GY,QAAA,eAAe,mBA+G3B"}
+{"version":3,"file":"SectionListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/SectionListItem.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Elements/SectionListItem/types.d.ts

@@ -34,5 +34,7 @@ export interface SectionListItemProps {
         height?: number;
         fill?: boolean;
     };
+    children?: React.ReactElement;
+    onClick?: (event: React.MouseEvent) => void;
 }
 export type GridListItemProps = Partial<NewsletterViewProps> & CancellationItem & Partial<SectionListItemProps>;

package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.d.ts

@@ -1,2 +1,2 @@
 import { CancelSubscriptionProps } from './types';
-export declare const CancelSubscription: ({ featureFlags, primaryButton, secondaryButton, introductionProps, modal: { content, belowItemExtra, ...modalProps }, overrides, cpn, subscriptions, }: CancelSubscriptionProps) => JSX.Element;
+export declare const CancelSubscription: ({ featureFlags, primaryButton, secondaryButton, introductionProps, modal, overrides, cpn, subscriptions, }: CancelSubscriptionProps) => JSX.Element;

package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,17 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -33,33 +18,16 @@ exports.CancelSubscription = void 0;
 var react_1 = __importDefault(require("react"));
 var shared_components_1 = require("@newskit-render/shared-components");
 var newskit_1 = require("newskit");
-var LayoutContentContainer_1 = require("../LayoutContentContainer");
-var SectionListItem_1 = require("../../Elements/SectionListItem");
 var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
 var helpers_1 = require("../../../helpers");
-var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  li {\n    border-top: 1px solid;\n    ", "\n  }\n\n  li:last-child {\n    border-bottom: ", ";\n    ", ";\n  }\n\n  li:first-child {\n    ", "\n  }\n"], ["\n  li {\n    border-top: 1px solid;\n    ", "\n  }\n\n  li:last-child {\n    border-bottom: ", ";\n    ", ";\n  }\n\n  li:first-child {\n    ", "\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
-    var featureFlags = _a.featureFlags;
-    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) === 'on'
-        ? '1px solid'
-        : 'none';
-}, (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
-    var featureFlags = _a.featureFlags;
-    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) === 'on'
-        ? ''
-        : 'border-top: none';
-});
+var CancelSubscriptionModal_1 = require("../../Elements/CancelSubscriptionModal");
+var hooks_1 = require("../../../hooks");
 var CancelSubscription = function (_a) {
-    var _b, _c;
-    var featureFlags = _a.featureFlags, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, _d = _a.modal, content = _d.content, belowItemExtra = _d.belowItemExtra, modalProps = __rest(_d, ["content", "belowItemExtra"]), overrides = _a.overrides, cpn = _a.cpn, subscriptions = _a.subscriptions;
-    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
-    var _e = react_1.default.useState(false), modalOpen = _e[0], setModalOpen = _e[1];
-    var onDismissModal = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        fireEvent((0, shared_components_1.createClickEvent)(__assign({ originator: (_c = (_b = (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _a === void 0 ? void 0 : _a.eventContext) === null || _b === void 0 ? void 0 : _b.originator) !== null && _c !== void 0 ? _c : 'modal', text: (_g = (_f = (_e = (_d = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _d === void 0 ? void 0 : _d.eventContext) === null || _e === void 0 ? void 0 : _e.context) === null || _f === void 0 ? void 0 : _f.event_navigation_name) !== null && _g !== void 0 ? _g : '', page_name: (_k = (_j = (_h = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _h === void 0 ? void 0 : _h.eventContext) === null || _j === void 0 ? void 0 : _j.context) === null || _k === void 0 ? void 0 : _k.page_name }, (_m = (_l = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _l === void 0 ? void 0 : _l.eventContext) === null || _m === void 0 ? void 0 : _m.context)));
-        setModalOpen(false);
-    };
+    var _b, _c, _d;
+    var featureFlags = _a.featureFlags, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, modal = _a.modal, overrides = _a.overrides, cpn = _a.cpn, subscriptions = _a.subscriptions;
+    var _e = (0, hooks_1.useCancelSubscriptionModal)((_b = modal === null || modal === void 0 ? void 0 : modal.closeButton) === null || _b === void 0 ? void 0 : _b.eventContext), modalOpen = _e.modalOpen, setModalOpen = _e.setModalOpen, onDismissModal = _e.onDismissModal;
     return (react_1.default.createElement(newskit_1.GridLayout, { "data-testid": "cancel-subscription-container", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.container), columnGap: { md: 'space030' }, alignItems: { xs: 'center', md: 'start' }, justifyContent: { xs: 'center', md: 'start' } },
-        react_1.default.createElement(shared_components_1.Introduction, { title: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, description: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.description, titleOverrides: __assign({ textAlign: { xs: 'center', md: 'left' } }, (_b = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _b === void 0 ? void 0 : _b.titleOverrides), descriptionOverrides: (_c = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _c === void 0 ? void 0 : _c.descriptionOverrides }),
+        react_1.default.createElement(shared_components_1.Introduction, { title: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, description: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.description, titleOverrides: __assign({ textAlign: { xs: 'center', md: 'left' } }, (_c = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _c === void 0 ? void 0 : _c.titleOverrides), descriptionOverrides: (_d = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _d === void 0 ? void 0 : _d.descriptionOverrides }),
         (primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text) && (react_1.default.createElement(newskit_1.Button, __assign({ as: "a", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.primaryButton), eventContext: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.eventContext, href: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.href, "data-testid": "cancel-subscription-primary-button" }, primaryButton.props), primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text)),
         react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: function () {
                 (0, helpers_1.trackEvent)({
@@ -70,14 +38,7 @@ var CancelSubscription = function (_a) {
                 });
                 setModalOpen(true);
             }, eventContext: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.eventContext, dataTestId: "cancel-subscription-secondary-button", button: { text: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.text }, userTrackingData: { cpn: cpn, subscriptions: subscriptions } }),
-        react_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
-            react_1.default.createElement(shared_components_1.Modal, __assign({ open: modalOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
-                (content === null || content === void 0 ? void 0 : content.items) && (react_1.default.createElement(StyledStructuredList, { featureFlags: featureFlags }, content === null || content === void 0 ? void 0 : content.items.map(function (_a) {
-                    var href = _a.href, props = __rest(_a, ["href"]);
-                    return (react_1.default.createElement(SectionListItem_1.SectionListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
-                }))),
-                react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button, userTrackingData: { cpn: cpn, subscriptions: subscriptions } })))));
+        modal && (react_1.default.createElement(CancelSubscriptionModal_1.CancelSubscriptionModal, { isOpen: modalOpen, onDismissModal: onDismissModal, modal: modal, featureFlags: featureFlags, cpn: cpn, subscriptions: subscriptions }))));
 };
 exports.CancelSubscription = CancelSubscription;
-var templateObject_1;
 //# sourceMappingURL=CancelSubscription.js.map

package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Sections/UserHub/BaseSection.d.ts

@@ -1,4 +1,7 @@
 import { UserHubSection } from '../../../context';
+export declare const StyledStructuredList: import("@emotion/styled").StyledComponent<import("newskit").StructuredListProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 export interface BaseSectionProps extends UserHubSection {
     baseUrl: string;
 }

package/dist/cjs/Components/Sections/UserHub/BaseSection.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseSection = void 0;
+exports.BaseSection = exports.StyledStructuredList = void 0;
 var shared_components_1 = require("@newskit-render/shared-components");
 var helpers_1 = require("../../../helpers");
 var newskit_1 = require("newskit");
@@ -37,7 +37,7 @@ var react_1 = __importDefault(require("react"));
 var context_1 = require("../../../context");
 var types_1 = require("../../../context/types");
 var SectionListItem_1 = require("../../Elements/SectionListItem");
-var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
+exports.StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
 var BaseSection = function (_a) {
     var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
     var contextName = types_1.ContextName.userHubPage;
@@ -50,7 +50,7 @@ var BaseSection = function (_a) {
     });
     return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        react_1.default.createElement(StyledStructuredList, { divider: true }, itemsToRender.map(function (_a) {
+        react_1.default.createElement(exports.StyledStructuredList, { divider: true }, itemsToRender.map(function (_a) {
             var href = _a.href, props = __rest(_a, ["href"]);
             return (react_1.default.createElement(SectionListItem_1.SectionListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
         }))));

package/dist/cjs/Components/Sections/UserHub/BaseSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,4CAAiD;AACjD,mCAA6E;AAC7E,gDAAyB;AAEzB,4CAA2E;AAC3E,gDAAoD;AACpD,kEAAgE;AAEhE,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAE7B,IAAA,gBAAgB,GAC1B,IAAA,2BAAiB,EAAC,WAAW,CAA0B,0BAD7B,CAC6B;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB,IAAI,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAExE,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,WAAW,eAoCvB"}
+{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,4CAAiD;AACjD,mCAA6E;AAC7E,gDAAyB;AAEzB,4CAA2E;AAC3E,gDAAoD;AACpD,kEAAgE;AAEnD,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAEtD,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EACtD;AAMM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAE7B,IAAA,gBAAgB,GAC1B,IAAA,2BAAiB,EAAC,WAAW,CAA0B,0BAD7B,CAC6B;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB,IAAI,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAExE,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,4BAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,WAAW,eAoCvB"}

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.d.ts

@@ -0,0 +1,6 @@
+import { UserHubSubscriptionDetailsSection } from '../../../context/types';
+import { UserData } from '../../../pages/types';
+export interface SubscriptionDetailsSectionProps extends UserHubSubscriptionDetailsSection {
+    user?: UserData;
+}
+export declare const SubscriptionDetailsSection: ({ header, containerOverrides, benefits, cancelSubscription, cancelSubscriptionModal, user, }: SubscriptionDetailsSectionProps) => JSX.Element;

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js

@@ -0,0 +1,71 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionDetailsSection = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+var BaseSection_1 = require("./BaseSection");
+var shared_components_2 = require("@newskit-render/shared-components");
+var hooks_1 = require("../../../hooks");
+var CancelSubscriptionModal_1 = require("../../Elements/CancelSubscriptionModal");
+var constants_1 = require("../../../constants");
+var StyledSectionListItem = (0, newskit_1.styled)(SectionListItem_1.SectionListItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"], ["\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020'));
+var SubscriptionDetailsSection = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h;
+    var header = _a.header, containerOverrides = _a.containerOverrides, benefits = _a.benefits, cancelSubscription = _a.cancelSubscription, cancelSubscriptionModal = _a.cancelSubscriptionModal, user = _a.user;
+    var _j = (0, hooks_1.useCancelSubscriptionModal)((_b = cancelSubscriptionModal === null || cancelSubscriptionModal === void 0 ? void 0 : cancelSubscriptionModal.closeButton) === null || _b === void 0 ? void 0 : _b.eventContext), modalOpen = _j.modalOpen, setModalOpen = _j.setModalOpen, onDismissModal = _j.onDismissModal;
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var handleCancelSubscriptionClick = function () {
+        setModalOpen(true);
+        if (cancelSubscription === null || cancelSubscription === void 0 ? void 0 : cancelSubscription.eventContext) {
+            fireEvent((0, shared_components_1.createClickEvent)(__assign({ originator: 'button', text: cancelSubscription.eventContext.event_navigation_name, page_name: cancelSubscription.eventContext.page_name }, cancelSubscription.eventContext)));
+        }
+    };
+    var price = (_d = (_c = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.price;
+    var currency = (_f = (_e = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.currency;
+    var itemsToRender = [
+        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "type", title: "Type", subtitle: ((_h = (_g = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.type) || '', containerOverrides: containerOverrides }),
+        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "price", title: "Price", subtitle: price && currency ? "".concat(constants_1.CURRENCY_MAP[currency]).concat(price) : '', containerOverrides: containerOverrides }),
+    ];
+    if ((benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (benefits === null || benefits === void 0 ? void 0 : benefits.items) && benefits.items.length > 0) {
+        itemsToRender.push(react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "benefits", title: benefits.title, containerOverrides: containerOverrides, itemOverrides: {
+                column: '1/-1',
+            } },
+            react_1.default.createElement(newskit_1.Block, null, benefits.items.map(function (benefit, index) {
+                var _a;
+                var isLastItem = index === ((_a = benefits.items) === null || _a === void 0 ? void 0 : _a.length) - 1;
+                return (react_1.default.createElement(shared_components_2.BenefitsListItem, __assign({ key: benefit.code }, benefit, { containerOverrides: {
+                        paddingBlockEnd: isLastItem ? 'space000' : 'space050',
+                    } })));
+            }))));
+    }
+    if (cancelSubscription) {
+        itemsToRender.push(react_1.default.createElement(StyledSectionListItem, __assign({ key: "cancel-subscription" }, cancelSubscription, { containerOverrides: containerOverrides, onClick: handleCancelSubscriptionClick })));
+    }
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": "subscription-details-section" },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(BaseSection_1.StyledStructuredList, { divider: true }, itemsToRender),
+        cancelSubscriptionModal && (react_1.default.createElement(CancelSubscriptionModal_1.CancelSubscriptionModal, { isOpen: modalOpen, onDismissModal: onDismissModal, modal: cancelSubscriptionModal, cpn: user === null || user === void 0 ? void 0 : user.cpn, subscriptions: user === null || user === void 0 ? void 0 : user.subscriptions }))));
+};
+exports.SubscriptionDetailsSection = SubscriptionDetailsSection;
+var templateObject_1;
+//# sourceMappingURL=SubscriptionDetailsSection.js.map

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionDetailsSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/SubscriptionDetailsSection.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Templates/SunCancellationFlowRender.d.ts

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