@newskit-render/my-account 7.143.2 → 7.144.0

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

@@ -0,0 +1,59 @@
+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;
+};
+import React from 'react';
+import { Modal } from '@newskit-render/shared-components';
+import { LayerOrganizer, styled, getColorCssFromTheme, StructuredList, } from 'newskit';
+import { zIndexModal } from '../../Sections/LayoutContentContainer';
+import { SectionListItem } from '../../Elements/SectionListItem';
+import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
+import { CANCELLATION_EXPERIMENT } from '../../../constants';
+var StyledStructuredList = styled(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"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
+    var featureFlags = _a.featureFlags;
+    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) ===
+        CANCELLATION_EXPERIMENT.VARIANT_1_ON
+        ? '1px solid'
+        : 'none';
+}, getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
+    var featureFlags = _a.featureFlags;
+    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) ===
+        CANCELLATION_EXPERIMENT.VARIANT_1_ON
+        ? ''
+        : 'border-top: none';
+});
+export 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.createElement(LayerOrganizer, { zIndex: zIndexModal },
+        React.createElement(Modal, __assign({ open: isOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
+            (content === null || content === void 0 ? void 0 : content.items) && (React.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.createElement(SectionListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
+            }))),
+            React.createElement(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 } }))));
+};
+var templateObject_1;
+//# sourceMappingURL=CancelSubscriptionModal.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AACzD,OAAO,EACL,cAAc,EACd,MAAM,EACN,oBAAoB,EACpB,cAAc,GACf,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAE1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,8NAEjD,4CAGI,EAAmD,iDAIpC,EAIL,SACV,EAAmD,oCAInD,EAIsB,SAE3B,KAnBK,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAIpC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAC9B,OAAA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,CAAC,YAAY;QACrD,uBAAuB,CAAC,YAAY;QAClC,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,MAAM;AAHV,CAGU,EACV,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAInD,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,CAAC,YAAY;QACrD,uBAAuB,CAAC,YAAY;QAClC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,kBAAkB;AAHtB,CAGsB,CAE3B,CAAA;AAWD,MAAM,CAAC,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,oBAAC,cAAc,IAAC,MAAM,EAAE,WAAW;QACjC,oBAAC,KAAK,aACJ,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,cAAc,IACrB,UAAU,mBACF,2BAA2B;YAEtC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,CACjB,oBAAC,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,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,OAAO,CAAC,sBAAsB,IAClD,CACH,CAAA;aAAA,CAAC,CACmB,CACxB;YACD,oBAAC,aAAa,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"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './CancelSubscriptionModal';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,2BAA2B,CAAA"}

package/dist/esm/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/esm/Components/Elements/CancellationPolicy/CancellationPolicy.js

@@ -0,0 +1,29 @@
+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);
+};
+import React from 'react';
+import { TextBlock, InlineMessage, toNewsKitIcon } from 'newskit';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+export 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.createElement(InlineMessage, { icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }), overrides: __assign({ marginBlockStart: 'space040', content: {
+                message: {
+                    typographyPreset: 'utilityBody010',
+                },
+            } }, overrides === null || overrides === void 0 ? void 0 : overrides.container) },
+        React.createElement(TextBlock, __assign({ typographyPreset: "utilityHeading010", stylePreset: "inkContrast", marginBlockEnd: "space010" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
+        React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkBase" }, overrides === null || overrides === void 0 ? void 0 : overrides.message), displayMessage)));
+};
+export default CancellationPolicy;
+//# sourceMappingURL=CancellationPolicy.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAahD,MAAM,CAAC,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,oBAAC,aAAa,IACZ,IAAI,EAAE,oBAAC,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,oBAAC,SAAS,aACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QACZ,oBAAC,SAAS,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;AAED,eAAe,kBAAkB,CAAA"}

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

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

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

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

package/dist/esm/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,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAA"}

package/dist/esm/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/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js

@@ -0,0 +1,35 @@
+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);
+};
+import React from 'react';
+import { RadioButton, RadioGroup, styled, getColorCssFromTheme, getSpacingCssFromTheme, } from 'newskit';
+var StyledRadioGroup = styled(RadioGroup)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var RadioContainer = 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"])), getColorCssFromTheme('borderColor', 'interface030'), getSpacingCssFromTheme('padding', 'space040'), getSpacingCssFromTheme('marginBottom', 'space030'));
+export 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.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.createElement(RadioContainer, { key: reason.id },
+            React.createElement(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;
+};
+export default CancellationReasonSelector;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=CancellationReasonSelector.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAEhB,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,uFAAA,oBAE1C,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,oLAAA,sBAE7B,EAAmD,2EAInD,EAA6C,MAC7C,EAAkD,IACrD,KANG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAInD,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,EAC7C,sBAAsB,CAAC,cAAc,EAAE,UAAU,CAAC,CACrD,CAAA;AAoBD,MAAM,CAAC,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,oBAAC,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,oBAAC,cAAc,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE;YAC5B,oBAAC,WAAW,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;AAEV,eAAe,0BAA0B,CAAA"}

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

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

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

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

package/dist/esm/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,OAAO,EACL,0BAA0B,GAG3B,MAAM,8BAA8B,CAAA"}

package/dist/esm/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/esm/Components/Sections/CancelSubscription/CancelSubscription.js

@@ -1,7 +1,3 @@
-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++) {
@@ -13,47 +9,19 @@ 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;
-};
 import React from 'react';
-import { createClickEvent, Introduction, Modal, } from '@newskit-render/shared-components';
-import { Button, GridLayout, LayerOrganizer, styled, getColorCssFromTheme, StructuredList, useInstrumentation, } from 'newskit';
-import { zIndexModal } from '../LayoutContentContainer';
-import { SectionListItem } from '../../Elements/SectionListItem';
+import { Introduction } from '@newskit-render/shared-components';
+import { Button, GridLayout } from 'newskit';
 import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
 import { trackEvent } from '../../../helpers';
-var StyledStructuredList = styled(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"])), 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';
-}, 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';
-});
+import { CancelSubscriptionModal } from '../../Elements/CancelSubscriptionModal';
+import { useCancelSubscriptionModal } from '../../../hooks';
 export 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 = useInstrumentation().fireEvent;
-    var _e = React.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(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 = 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.createElement(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.createElement(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.createElement(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.createElement(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.createElement(ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: function () {
                 trackEvent({
@@ -64,13 +32,6 @@ export 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.createElement(LayerOrganizer, { zIndex: zIndexModal },
-            React.createElement(Modal, __assign({ open: modalOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
-                (content === null || content === void 0 ? void 0 : content.items) && (React.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.createElement(SectionListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
-                }))),
-                React.createElement(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.createElement(CancelSubscriptionModal, { isOpen: modalOpen, onDismissModal: onDismissModal, modal: modal, featureFlags: featureFlags, cpn: cpn, subscriptions: subscriptions }))));
 };
-var templateObject_1;
 //# sourceMappingURL=CancelSubscription.js.map

package/dist/esm/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/esm/Components/Templates/SunCancellationFlowRender.d.ts

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

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

@@ -0,0 +1,78 @@
+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);
+};
+import React, { useState } from 'react';
+import { BackButton, Header } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { useRouter } from 'next/router';
+import { Stack, TextBlock, Button, GridLayout } from 'newskit';
+import { replaceBaseURL } from '../../helpers';
+import { CancellationReasonSelector, } from '../Elements/CancellationReasonSelector';
+import { CancellationPolicy } from '../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 = ContextName.SunCancellationFlow;
+    var _u = useAccountContext(contextName), header = _u.header, components = _u.components, componentSequence = _u.componentSequence, showBackButton = _u.showBackButton, userData = _u.userData, baseUrl = _u.baseUrl;
+    var router = 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 = useState(0), currentStepIndex = _v[0], setCurrentStepIndex = _v[1];
+    var _w = 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(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.createElement(React.Fragment, { "data-testid": "sun-cancellation-flow-container" },
+        shouldShowBackButton && headerBackButtonProps && (React.createElement(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.createElement(Stack, { flow: "vertical-stretch", stackDistribution: "flex-start", spaceStack: "space060" },
+            (componentProps === null || componentProps === void 0 ? void 0 : componentProps.header) && React.createElement(Header, __assign({}, componentProps.header)),
+            (componentProps === null || componentProps === void 0 ? void 0 : componentProps.stepText) && (React.createElement(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.createElement(CancellationReasonSelector, { key: index, reasons: child.reasons, selectedReasonId: selectedReasonId, onSelect: setSelectedReasonId }));
+                }
+                if (child.type === 'policy') {
+                    return (React.createElement(CancellationPolicy, { key: index, title: child.policyTitle, message: child.policyMessage, daysUntilBilling: daysUntilBilling }));
+                }
+                return null;
+            }),
+            React.createElement(GridLayout, { columns: "1fr 1fr", columnGap: "space040", overrides: { marginBlockStart: 'space040', width: '100%' } },
+                React.createElement(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.createElement(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)))));
+};
+export default SunCancellationFlowRender;
+//# sourceMappingURL=SunCancellationFlowRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SunCancellationFlowRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/SunCancellationFlowRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAsB,MAAM,qBAAqB,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EACL,0BAA0B,GAE3B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAEnE,IAAM,yBAAyB,GAAa;;IAC1C,IAAM,WAAW,GAAG,WAAW,CAAC,mBAAmB,CAAA;IAE7C,IAAA,KAOF,iBAAiB,CAAC,WAAW,CAwChC,EA9CC,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,OAAO,aAyCR,CAAA;IAED,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,IAAM,cAAc,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,0CAAE,IAAI,CAAA;IAC/C,IAAM,qBAAqB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAA;IAEhD,IAAM,IAAI,GAAG,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI,KAAI,SAAS,CAAA;IAE5D,IAAI,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAElD,IAAM,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACtC,IAAA,KAA0C,QAAQ,CAAC,CAAC,CAAC,EAApD,gBAAgB,QAAA,EAAE,mBAAmB,QAAe,CAAA;IACrD,IAAA,KAA0C,QAAQ,CAAS,EAAE,CAAC,EAA7D,gBAAgB,QAAA,EAAE,mBAAmB,QAAwB,CAAA;IAEpE,IAAM,gBAAgB,GAAG,CAAA,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,cAAc,0CACjE,iBAAiB;QACnB,CAAC,CAAC,IAAI,CAAC,IAAI,CACP,CAAC,IAAI,IAAI,CACP,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAC3D,CAAC,OAAO,EAAE;YACT,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;YACrB,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CACxB;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,IAAM,cAAc,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAA;IACrD,IAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEjD,IAAM,aAAa,GAAG,UAAC,KAAuB;QAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAA;QAEvB,IAAI,gBAAgB,IAAI,CAAC,EAAE,CAAC;YAC1B,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAA;YAC1D,OAAM;QACR,CAAC;QAED,mBAAmB,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,IAAM,cAAc,GAAG;QACrB,IAAM,SAAS,GAAG,gBAAgB,GAAG,CAAC,CAAA;QACtC,IAAI,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC;YACpC,mBAAmB,CAAC,SAAS,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,CAAA;IAED,IAAM,oBAAoB,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,mCAAI,cAAc,CAAA;IAE7E,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,mBAAa,iCAAiC;QAC1D,oBAAoB,IAAI,qBAAqB,IAAI,CAChD,oBAAC,UAAU,IACT,UAAU,wBACL,qBAAqB,KACxB,IAAI,EAAE,EAAE,KAEV,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,EAC/C,YAAY,wBACP,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,YAAY,KACtC,SAAS,EAAE,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,OAAO,0CAAE,SAAS,KAE/D,OAAO,EAAE,aAAa,GACtB,CACH;QAED,oBAAC,KAAK,IACJ,IAAI,EAAC,kBAAkB,EACvB,iBAAiB,EAAC,YAAY,EAC9B,UAAU,EAAC,UAAU;YAGpB,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,oBAAC,MAAM,eAAK,cAAc,CAAC,MAAM,EAAI;YAG/D,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,CAC3B,oBAAC,SAAS,eAAK,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,iBAAiB,GAC7C,cAAc,CAAC,QAAQ,CACd,CACb,EAGA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe;eAAE,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK;gBACjD,IAAI,KAAK,CAAC,IAAI,KAAK,gBAAgB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBACrD,OAAO,CACL,oBAAC,0BAA0B,IACzB,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,mBAAmB,GAC7B,CACH,CAAA;gBACH,CAAC;gBACD,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;oBAC5B,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,OAAO,EAAE,KAAK,CAAC,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAA;gBACH,CAAC;gBACD,OAAO,IAAI,CAAA;YACb,CAAC,CAAC;YAGF,oBAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE;gBAE1D,oBAAC,MAAM,IACL,IAAI,EAAE,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,0CAAE,IAAI,KAAI,QAAQ,EACvD,IAAI,EAAE,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,0CAAE,IAAI,KAAI,EAAE,EACjD,YAAY,EAAE,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,0CAAE,YAAY,EAC3D,eAAe,EAAC,kBAAkB,EAClC,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAE3B,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,0CAAE,IAAI,CAC/B;gBACT,oBAAC,MAAM,IACL,IAAI,EAAE,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,aAAa,0CAAE,IAAI,KAAI,QAAQ,EACrD,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,aAAa,0CAAE,YAAY,EACzD,eAAe,EAAC,gBAAgB,EAChC,QAAQ,EACN,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,0CAAE,IAAI,CACnC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,KAAK,gBAAgB,EAA/B,CAA+B,CAC3C,KAAI,CAAC,gBAAgB,EAExB,SAAS,EAAE;wBACT,KAAK,EAAE,MAAM;wBACb,WAAW,EAAE,uBAAuB;qBACrC,IAEA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,aAAa,0CAAE,IAAI,CAC7B,CACE,CACP,CACO,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAA"}

package/dist/esm/context/index.d.ts

@@ -21,6 +21,7 @@ declare const contextMap: {
     confirmAccountDeletion: React.Context<ConfirmAccountDeletionContextOptions | null>;
     family: React.Context<FamilyContextOptions | null>;
     userHubPage: React.Context<UserHubContextOptions | null>;
+    SunCancellationFlow: React.Context<BaseContextOptions | null>;
 };
 type ContextOptionsUnion = typeof contextMap;
 export declare const AccountContextProvider: React.FC<ContextProviderProps>;

package/dist/esm/context/index.js

@@ -23,6 +23,7 @@ var contextMap = (_a = {},
     _a[ContextName.confirmAccountDeletion] = createContext(null),
     _a[ContextName.family] = createContext(null),
     _a[ContextName.userHubPage] = createContext(null),
+    _a[ContextName.SunCancellationFlow] = createContext(null),
     _a);
 export var AccountContextProvider = function (_a) {
     var context = _a.context, children = _a.children, contextName = _a.contextName;

package/dist/esm/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EASL,WAAW,GAcZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,SAAS,IACpB,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,mBAAmB,IAC9B,aAAa,CAA2C,IAAI,CAAC;IAC/D,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;IACzE,GAAC,WAAW,CAAC,cAAc,IACzB,aAAa,CAAsC,IAAI,CAAC;IAC1D,GAAC,WAAW,CAAC,cAAc,CAAC,IAC1B,aAAa,CAAmC,IAAI,CAAC;IACvD,GAAC,WAAW,CAAC,aAAa,CAAC,IAAG,aAAa,CACzC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAAuC,IAAI,CAAC;IAC3D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,MAAM,IAAG,aAAa,CAA8B,IAAI,CAAC;IACtE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CAA+B,IAAI,CAAC;OAC7E,CAAA;AAID,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAQL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAcR,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EASL,WAAW,GAcZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,SAAS,IACpB,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,mBAAmB,IAC9B,aAAa,CAA2C,IAAI,CAAC;IAC/D,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;IACzE,GAAC,WAAW,CAAC,cAAc,IACzB,aAAa,CAAsC,IAAI,CAAC;IAC1D,GAAC,WAAW,CAAC,cAAc,CAAC,IAC1B,aAAa,CAAmC,IAAI,CAAC;IACvD,GAAC,WAAW,CAAC,aAAa,CAAC,IAAG,aAAa,CACzC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAAuC,IAAI,CAAC;IAC3D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,MAAM,IAAG,aAAa,CAA8B,IAAI,CAAC;IACtE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CAA+B,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,mBAAmB,IAAG,aAAa,CAC9C,IAAI,CACL;OACF,CAAA;AAID,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAQL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAcR,CAAA"}

package/dist/esm/context/types.d.ts

@@ -163,7 +163,8 @@ export declare enum ContextName {
     'confirmAccountDeletion' = "confirmAccountDeletion",
     'family' = "family",
     'userHubPage' = "userHubPage",
-    'CancellationStepper' = "CancellationStepper"
+    'CancellationStepper' = "CancellationStepper",
+    'SunCancellationFlow' = "SunCancellationFlow"
 }
 export interface BaseContextOptions {
     navigationPrimary: NavigationPrimaryProps;

package/dist/esm/context/types.js

@@ -19,6 +19,7 @@ export var ContextName;
     ContextName["family"] = "family";
     ContextName["userHubPage"] = "userHubPage";
     ContextName["CancellationStepper"] = "CancellationStepper";
+    ContextName["SunCancellationFlow"] = "SunCancellationFlow";
 })(ContextName || (ContextName = {}));
 export var SectionTypes;
 (function (SectionTypes) {

package/dist/esm/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA+MA,MAAM,CAAN,IAAY,WAoBX;AApBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;AAC/C,CAAC,EApBW,WAAW,KAAX,WAAW,QAoBtB;AA0ND,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAyYD,MAAM,CAAN,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,KAAhB,gBAAgB,QA2B3B;AAiCD,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA+MA,MAAM,CAAN,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;IAC7C,0DAA6C,CAAA;AAC/C,CAAC,EArBW,WAAW,KAAX,WAAW,QAqBtB;AA0ND,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAyYD,MAAM,CAAN,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,KAAhB,gBAAgB,QA2B3B;AAiCD,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC"}

package/dist/esm/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from './useSuccessToast';
+export * from './useCancelSubscriptionModal';

package/dist/esm/hooks/index.js

@@ -1,2 +1,3 @@
 export * from './useSuccessToast';
+export * from './useCancelSubscriptionModal';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,8BAA8B,CAAA"}

package/dist/esm/hooks/useCancelSubscriptionModal.d.ts

@@ -0,0 +1,6 @@
+import { TealiumEventContext } from '@newskit-render/shared-components';
+export declare const useCancelSubscriptionModal: (closeEventContext?: TealiumEventContext) => {
+    modalOpen: boolean;
+    setModalOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    onDismissModal: () => void;
+};

package/dist/esm/hooks/useCancelSubscriptionModal.js

@@ -0,0 +1,27 @@
+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);
+};
+import { useState } from 'react';
+import { useInstrumentation } from 'newskit';
+import { createClickEvent, } from '@newskit-render/shared-components';
+export var useCancelSubscriptionModal = function (closeEventContext) {
+    var fireEvent = useInstrumentation().fireEvent;
+    var _a = useState(false), modalOpen = _a[0], setModalOpen = _a[1];
+    var onDismissModal = function () {
+        var _a, _b, _c, _d;
+        if (closeEventContext) {
+            fireEvent(createClickEvent(__assign({ originator: (_a = closeEventContext.originator) !== null && _a !== void 0 ? _a : 'modal', text: (_c = (_b = closeEventContext.context) === null || _b === void 0 ? void 0 : _b.event_navigation_name) !== null && _c !== void 0 ? _c : '', page_name: (_d = closeEventContext.context) === null || _d === void 0 ? void 0 : _d.page_name }, closeEventContext.context)));
+        }
+        setModalOpen(false);
+    };
+    return { modalOpen: modalOpen, setModalOpen: setModalOpen, onDismissModal: onDismissModal };
+};
+//# sourceMappingURL=useCancelSubscriptionModal.js.map

package/dist/esm/hooks/useCancelSubscriptionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCancelSubscriptionModal.js","sourceRoot":"","sources":["../../../src/hooks/useCancelSubscriptionModal.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EACL,gBAAgB,GAEjB,MAAM,mCAAmC,CAAA;AAE1C,MAAM,CAAC,IAAM,0BAA0B,GAAG,UACxC,iBAAuC;IAE/B,IAAA,SAAS,GAAK,kBAAkB,EAAE,UAAzB,CAAyB;IACpC,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAM,cAAc,GAAG;;QACrB,IAAI,iBAAiB,EAAE,CAAC;YACtB,SAAS,CACP,gBAAgB,YACd,UAAU,EAAE,MAAA,iBAAiB,CAAC,UAAU,mCAAI,OAAO,EACnD,IAAI,EAAE,MAAA,MAAA,iBAAiB,CAAC,OAAO,0CAAE,qBAAqB,mCAAI,EAAE,EAC5D,SAAS,EAAE,MAAA,iBAAiB,CAAC,OAAO,0CAAE,SAAS,IAC5C,iBAAiB,CAAC,OAAO,EAC5B,CACH,CAAA;QACH,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,EAAE,SAAS,WAAA,EAAE,YAAY,cAAA,EAAE,cAAc,gBAAA,EAAE,CAAA;AACpD,CAAC,CAAA"}

package/dist/esm/index.d.ts

@@ -19,6 +19,7 @@ export * from './pages/Newsletters';
 export * from './pages/AccountDeletion';
 export * from './pages/Family';
 export * from './pages/UserHub';
+export * from './pages/SunCancellationFlow';
 export { type ContextOptions, baseContext, footer, navigationPrimary, sideNav, type CancellationStepperContextOptions, type CancellationItem, type UserHubUpgradeSection, } from './context';
 export * from './Components';
 export { editComponentMap, addComponentMap, broadcastingOnlyEditComponentMap, } from './Components/Templates';

package/dist/esm/index.js

@@ -18,6 +18,7 @@ export * from './pages/Newsletters';
 export * from './pages/AccountDeletion';
 export * from './pages/Family';
 export * from './pages/UserHub';
+export * from './pages/SunCancellationFlow';
 export { baseContext, footer, navigationPrimary, sideNav, } from './context';
 export * from './Components';
 export { editComponentMap, addComponentMap, broadcastingOnlyEditComponentMap, } from './Components/Templates';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAEL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAIR,MAAM,WAAW,CAAA;AAClB,cAAc,cAAc,CAAA;AAC5B,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gCAAgC,GACjC,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,uBAAuB,GACxB,MAAM,WAAW,CAAA;AAClB,OAAO,EAGL,kBAAkB,GACnB,MAAM,+BAA+B,CAAA;AAEtC,cAAc,sCAAsC,CAAA;AACpD,cAAc,2CAA2C,CAAA;AACzD,cAAc,oCAAoC,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA;AAC3C,OAAO,EAEL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAIR,MAAM,WAAW,CAAA;AAClB,cAAc,cAAc,CAAA;AAC5B,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gCAAgC,GACjC,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,uBAAuB,GACxB,MAAM,WAAW,CAAA;AAClB,OAAO,EAGL,kBAAkB,GACnB,MAAM,+BAA+B,CAAA;AAEtC,cAAc,sCAAsC,CAAA;AACpD,cAAc,2CAA2C,CAAA;AACzD,cAAc,oCAAoC,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA"}

package/dist/esm/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js

@@ -145,6 +145,19 @@ export var cancelSubscriptionSection = function (title) { return ({
                     page_name: "".concat(title.toLocaleLowerCase()),
                 },
             },
+            closeButton: {
+                eventContext: {
+                    originator: 'modal',
+                    context: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'online cancellation : close modal',
+                        event_navigation_browsing_method: EventTrigger.Click,
+                        page_name: "".concat(title.toLocaleLowerCase()),
+                        contract_state: 'Rolling',
+                        optimizely_feature_data: "cancellation_exp|variant_2_a",
+                    },
+                },
+            },
         },
     },
 }); };