@newskit-render/my-account 7.143.1-173eda129.7 → 7.143.1-52bc75804.9

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":"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"}
+{"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,EAiB/D;;IAhBC,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,EACd,QAAQ,cAAA,EACL,IAAI,cAhBuD,+MAiB/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;oBACA,QAAQ,IAAI,8BAAC,wBAAc,QAAE,QAAQ,CAAkB,CACpC,CACH,CACF,CAChB,CACR,CAAA;AACH,CAAC,CAAA;AAjHY,QAAA,eAAe,mBAiH3B"}

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/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, user, }: SubscriptionDetailsSectionProps) => JSX.Element;

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

@@ -0,0 +1,54 @@
+"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.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 constants_1 = require("../../../constants");
+var SubscriptionDetailsSection = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var header = _a.header, containerOverrides = _a.containerOverrides, benefits = _a.benefits, cancelSubscription = _a.cancelSubscription, user = _a.user;
+    var price = (_c = (_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.price;
+    var currency = (_e = (_d = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.currency;
+    var itemsToRender = [
+        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "type", title: "Type", subtitle: ((_g = (_f = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.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(SectionListItem_1.SectionListItem, __assign({ key: "cancel-subscription" }, cancelSubscription, { containerOverrides: containerOverrides })));
+    }
+    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)));
+};
+exports.SubscriptionDetailsSection = SubscriptionDetailsSection;
+//# 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":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAsC;AACtC,uEAA0D;AAC1D,kEAAgE;AAChE,6CAAoD;AACpD,uEAAoE;AAGpE,gDAAiD;AAO1C,IAAM,0BAA0B,GAAG,UAAC,EAMT;;QALhC,MAAM,YAAA,EACN,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,IAAI,UAAA;IAEJ,IAAM,KAAK,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,KAAK,CAAA;IAC7C,IAAM,QAAQ,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,QAAQ,CAAA;IAEnD,IAAM,aAAa,GAAG;QACpB,8BAAC,iCAAe,IACd,GAAG,EAAC,MAAM,EACV,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,CAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI,KAAI,EAAE,EAC9C,kBAAkB,EAAE,kBAAkB,GACtC;QACF,8BAAC,iCAAe,IACd,GAAG,EAAC,OAAO,EACX,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAG,wBAAY,CAAC,QAAQ,CAAC,SAAG,KAAK,CAAE,CAAC,CAAC,CAAC,EAAE,EACtE,kBAAkB,EAAE,kBAAkB,GACtC;KACH,CAAA;IAED,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3E,aAAa,CAAC,IAAI,CAChB,8BAAC,iCAAe,IACd,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE;gBACb,MAAM,EAAE,MAAM;aACf;YAED,8BAAC,eAAK,QACH,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;;gBACjC,IAAM,UAAU,GAAG,KAAK,KAAK,CAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,MAAO,IAAG,CAAC,CAAA;gBAExD,OAAO,CACL,8BAAC,oCAAgB,aACf,GAAG,EAAE,OAAO,CAAC,IAAI,IACb,OAAO,IACX,kBAAkB,EAAE;wBAClB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;qBACtD,IACD,CACH,CAAA;YACH,CAAC,CAAC,CACI,CACQ,CACnB,CAAA;IACH,CAAC;IAED,IAAI,kBAAkB,EAAE,CAAC;QACvB,aAAa,CAAC,IAAI,CAChB,8BAAC,iCAAe,aACd,GAAG,EAAC,qBAAqB,IACrB,kBAAkB,IACtB,kBAAkB,EAAE,kBAAkB,IACtC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAa,8BAA8B;QACvE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,kCAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CACO,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAzEY,QAAA,0BAA0B,8BAyEtC"}

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

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

package/dist/cjs/Components/Templates/SunCancellationFlowRender.js

@@ -0,0 +1,103 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var router_1 = require("next/router");
+var newskit_1 = require("newskit");
+var helpers_1 = require("../../helpers");
+var CancellationReasonSelector_1 = require("../Elements/CancellationReasonSelector");
+var CancellationPolicy_1 = require("../Elements/CancellationPolicy");
+var SunCancellationFlowRender = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    var contextName = types_1.ContextName.SunCancellationFlow;
+    var _u = (0, context_1.useAccountContext)(contextName), header = _u.header, components = _u.components, componentSequence = _u.componentSequence, showBackButton = _u.showBackButton, userData = _u.userData, baseUrl = _u.baseUrl;
+    var router = (0, router_1.useRouter)();
+    var backButtonHref = (_a = header === null || header === void 0 ? void 0 : header.backButton) === null || _a === void 0 ? void 0 : _a.href;
+    var headerBackButtonProps = header === null || header === void 0 ? void 0 : header.backButton;
+    var type = ((_c = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type) || 'Digital';
+    if (!type || !componentSequence[type])
+        return null;
+    var pagesInOrder = componentSequence[type];
+    var _v = (0, react_1.useState)(0), currentStepIndex = _v[0], setCurrentStepIndex = _v[1];
+    var _w = (0, react_1.useState)(''), selectedReasonId = _w[0], setSelectedReasonId = _w[1];
+    var daysUntilBilling = ((_f = (_e = (_d = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.billingDetails) === null || _f === void 0 ? void 0 : _f.nextBillCycleDate)
+        ? Math.ceil((new Date(userData.subscriptions[0].billingDetails.nextBillCycleDate).getTime() -
+            new Date().getTime()) /
+            (1000 * 60 * 60 * 24))
+        : undefined;
+    var currentStepKey = pagesInOrder[currentStepIndex];
+    var componentProps = components[currentStepKey];
+    var handleBackBtn = function (event) {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        if (currentStepIndex <= 0) {
+            router.push((0, helpers_1.replaceBaseURL)(baseUrl || '', backButtonHref));
+            return;
+        }
+        setCurrentStepIndex(currentStepIndex - 1);
+    };
+    var handleNextStep = function () {
+        var nextIndex = currentStepIndex + 1;
+        if (nextIndex < pagesInOrder.length) {
+            setCurrentStepIndex(nextIndex);
+        }
+    };
+    var shouldShowBackButton = (_g = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _g !== void 0 ? _g : showBackButton;
+    return (react_1.default.createElement(react_1.default.Fragment, { "data-testid": "sun-cancellation-flow-container" },
+        shouldShowBackButton && headerBackButtonProps && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, headerBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, headerBackButtonProps === null || headerBackButtonProps === void 0 ? void 0 : headerBackButtonProps.eventContext), { page_name: (_j = (_h = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _h === void 0 ? void 0 : _h.context) === null || _j === void 0 ? void 0 : _j.page_name }), onClick: handleBackBtn })),
+        react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", stackDistribution: "flex-start", spaceStack: "space060" },
+            (componentProps === null || componentProps === void 0 ? void 0 : componentProps.header) && react_1.default.createElement(shared_components_1.Header, __assign({}, componentProps.header)),
+            (componentProps === null || componentProps === void 0 ? void 0 : componentProps.stepText) && (react_1.default.createElement(newskit_1.TextBlock, __assign({}, componentProps === null || componentProps === void 0 ? void 0 : componentProps.stepTextOverrides), componentProps.stepText)), (_k = componentProps === null || componentProps === void 0 ? void 0 : componentProps.childComponents) === null || _k === void 0 ? void 0 :
+            _k.map(function (child, index) {
+                if (child.type === 'reasonSelector' && child.reasons) {
+                    return (react_1.default.createElement(CancellationReasonSelector_1.CancellationReasonSelector, { key: index, reasons: child.reasons, selectedReasonId: selectedReasonId, onSelect: setSelectedReasonId }));
+                }
+                if (child.type === 'policy') {
+                    return (react_1.default.createElement(CancellationPolicy_1.CancellationPolicy, { key: index, title: child.policyTitle, message: child.policyMessage, daysUntilBilling: daysUntilBilling }));
+                }
+                return null;
+            }),
+            react_1.default.createElement(newskit_1.GridLayout, { columns: "1fr 1fr", columnGap: "space040", overrides: { marginBlockStart: 'space040', width: '100%' } },
+                react_1.default.createElement(newskit_1.Button, { size: ((_l = componentProps === null || componentProps === void 0 ? void 0 : componentProps.secondaryButton) === null || _l === void 0 ? void 0 : _l.size) || 'medium', href: ((_m = componentProps === null || componentProps === void 0 ? void 0 : componentProps.secondaryButton) === null || _m === void 0 ? void 0 : _m.href) || '', eventContext: (_o = componentProps === null || componentProps === void 0 ? void 0 : componentProps.secondaryButton) === null || _o === void 0 ? void 0 : _o.eventContext, eventOriginator: "secondary-button", overrides: { width: '100%' } }, (_p = componentProps === null || componentProps === void 0 ? void 0 : componentProps.secondaryButton) === null || _p === void 0 ? void 0 : _p.text),
+                react_1.default.createElement(newskit_1.Button, { size: ((_q = componentProps === null || componentProps === void 0 ? void 0 : componentProps.primaryButton) === null || _q === void 0 ? void 0 : _q.size) || 'medium', onClick: handleNextStep, eventContext: (_r = componentProps === null || componentProps === void 0 ? void 0 : componentProps.primaryButton) === null || _r === void 0 ? void 0 : _r.eventContext, eventOriginator: "primary-button", disabled: ((_s = componentProps === null || componentProps === void 0 ? void 0 : componentProps.childComponents) === null || _s === void 0 ? void 0 : _s.some(function (child) { return child.type === 'reasonSelector'; })) && !selectedReasonId, overrides: {
+                        width: '100%',
+                        stylePreset: 'buttonOutlinedPrimary',
+                    } }, (_t = componentProps === null || componentProps === void 0 ? void 0 : componentProps.primaryButton) === null || _t === void 0 ? void 0 : _t.text)))));
+};
+exports.default = SunCancellationFlowRender;
+//# sourceMappingURL=SunCancellationFlowRender.js.map

package/dist/cjs/Components/Templates/SunCancellationFlowRender.js.map

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

package/dist/cjs/Components/Templates/UserHubRender.js

@@ -26,14 +26,16 @@ var newskit_1 = require("newskit");
 var BaseSection_1 = require("../Sections/UserHub/BaseSection");
 var NewslettersSection_1 = require("../../Components/Sections/UserHub/NewslettersSection");
 var UpgradeSection_1 = require("../../Components/Sections/UserHub/UpgradeSection");
+var SubscriptionDetailsSection_1 = require("../../Components/Sections/UserHub/SubscriptionDetailsSection"); // add section to the name?
 var StyledStackContainer = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"], ["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"])), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space060'), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space090'));
 var UserHubRender = function () {
     var _a;
     var contextName = types_1.ContextName.userHubPage;
     var _b = (0, context_1.useAccountContext)(contextName), userData = _b.userData, baseUrl = _b.baseUrl, sections = _b.sections;
-    var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport, newslettersSection = sections.newsletters, upgradeSection = sections.upgrade;
+    var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport, newslettersSection = sections.newsletters, upgradeSection = sections.upgrade, subscriptionDetails = sections.subscriptionDetails;
     return (react_1.default.createElement(StyledStackContainer, { flow: "vertical-stretch" },
         quickLinks && react_1.default.createElement(BaseSection_1.BaseSection, __assign({}, quickLinks, { baseUrl: baseUrl })),
+        (subscriptionDetails === null || subscriptionDetails === void 0 ? void 0 : subscriptionDetails.showSection) && (react_1.default.createElement(SubscriptionDetailsSection_1.SubscriptionDetailsSection, __assign({}, subscriptionDetails, { user: userData }))),
         helpAndSupport && react_1.default.createElement(BaseSection_1.BaseSection, __assign({}, helpAndSupport, { baseUrl: baseUrl })),
         newslettersSection && ((_a = userData === null || userData === void 0 ? void 0 : userData.newsletters) === null || _a === void 0 ? void 0 : _a.length) && (react_1.default.createElement(NewslettersSection_1.NewslettersSection, __assign({ newsletters: userData.newsletters, capabilities: userData.userCapabilities }, ((upgradeSection === null || upgradeSection === void 0 ? void 0 : upgradeSection.showUpgradeSection)
             ? { newslettersListOverrides: { marginBlockEnd: 'space000' } }

package/dist/cjs/Components/Templates/UserHubRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAwE;AACxE,6CAAiD;AACjD,mCAKgB;AAChB,+DAA6D;AAC7D,2FAAyF;AACzF,mFAAiF;AAEjF,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACM,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,IAAA,2BAAiB,EACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAIR,QAAQ,WAJA,EACV,cAAc,GAGZ,QAAQ,eAHI,EACD,kBAAkB,GAE7B,QAAQ,YAFqB,EACtB,cAAc,GACrB,QAAQ,QADa,CACb;IAEZ,OAAO,CACL,8BAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,8BAAC,yBAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,cAAc,IAAI,8BAAC,yBAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,8BAAC,uCAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,IACnC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB;YACrC,CAAC,CAAC,EAAE,wBAAwB,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE;YAC9D,CAAC,CAAC,EAAE,CAAC,EACH,kBAAkB,EACtB,CACH;QACA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,KAAI,CACrC,8BAAC,+BAAc,eAAK,cAAc,EAAI,CACvC,CACoB,CACxB,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,aAAa,iBAgCzB"}
+{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAwE;AACxE,6CAAiD;AACjD,mCAKgB;AAChB,+DAA6D;AAC7D,2FAAyF;AACzF,mFAAiF;AACjF,2GAAyG,CAAC,2BAA2B;AAErI,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACM,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,IAAA,2BAAiB,EACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAKR,QAAQ,WALA,EACV,cAAc,GAIZ,QAAQ,eAJI,EACD,kBAAkB,GAG7B,QAAQ,YAHqB,EACtB,cAAc,GAErB,QAAQ,QAFa,EACvB,mBAAmB,GACjB,QAAQ,oBADS,CACT;IAEZ,OAAO,CACL,8BAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,8BAAC,yBAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,WAAW,KAAI,CACnC,8BAAC,uDAA0B,eAAK,mBAAmB,IAAE,IAAI,EAAE,QAAQ,IAAI,CACxE;QACA,cAAc,IAAI,8BAAC,yBAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,8BAAC,uCAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,IACnC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB;YACrC,CAAC,CAAC,EAAE,wBAAwB,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE;YAC9D,CAAC,CAAC,EAAE,CAAC,EACH,kBAAkB,EACtB,CACH;QACA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,KAAI,CACrC,8BAAC,+BAAc,eAAK,cAAc,EAAI,CACvC,CACoB,CACxB,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,aAAa,iBAoCzB"}