@newskit-render/my-account 7.151.1-99c829b9f.0 → 7.151.1-cd5c2d6b0.4

package/dist/esm/Components/SharedTypes/GridLayoutProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayoutProps.js","sourceRoot":"","sources":["../../../../src/Components/SharedTypes/GridLayoutProps.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Templates/AccountDeletionErrorRender.d.ts

@@ -0,0 +1 @@
+export declare const AccountDeletionErrorRender: () => JSX.Element;

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

@@ -0,0 +1,28 @@
+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 { Header } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { Button, GridLayout, TextBlock } from 'newskit';
+export var AccountDeletionErrorRender = function () {
+    var contextName = ContextName.accountDeletion;
+    var context = useAccountContext(contextName);
+    var header = context.header, _a = context.error, error = _a === void 0 ? {} : _a;
+    var button = error.button, title = error.title, description = error.description, infoMessage = error.infoMessage;
+    return (React.createElement(GridLayout, { justifyContent: "center" },
+        React.createElement(Header, __assign({}, header, { title: title })),
+        React.createElement(TextBlock, { typographyPreset: "utilityBody020", marginBlockStart: "space045", marginInline: "auto" }, description),
+        React.createElement(TextBlock, { typographyPreset: "utilityHeading010", stylePreset: "inkNegative", marginBlockStart: "space020", marginBlockEnd: "space045", marginInline: "auto" }, infoMessage),
+        React.createElement(Button, __assign({}, button), button === null || button === void 0 ? void 0 : button.text)));
+};
+//# sourceMappingURL=AccountDeletionErrorRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDeletionErrorRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountDeletionErrorRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAiC,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEvD,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,IAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAA;IAE/C,IAAM,OAAO,GAAG,iBAAiB,CAC/B,WAAW,CACqB,CAAA;IAC1B,IAAA,MAAM,GAAiB,OAAO,OAAxB,EAAE,KAAe,OAAO,MAAZ,EAAV,KAAK,mBAAG,EAAE,KAAA,CAAY;IAC9B,IAAA,MAAM,GAAsC,KAAK,OAA3C,EAAE,KAAK,GAA+B,KAAK,MAApC,EAAE,WAAW,GAAkB,KAAK,YAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAEzD,OAAO,CACL,oBAAC,UAAU,IAAC,cAAc,EAAC,QAAQ;QACjC,oBAAC,MAAM,eAAK,MAAM,IAAE,KAAK,EAAE,KAAK,IAAI;QAEpC,oBAAC,SAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,gBAAgB,EAAC,UAAU,EAC3B,YAAY,EAAC,MAAM,IAElB,WAAW,CACF;QAEZ,oBAAC,SAAS,IACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,EACzB,gBAAgB,EAAC,UAAU,EAC3B,cAAc,EAAC,UAAU,EACzB,YAAY,EAAC,MAAM,IAElB,WAAW,CACF;QAEZ,oBAAC,MAAM,eAAK,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAU,CAChC,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Templates/AccountDeletionSuccessRender.d.ts

@@ -0,0 +1 @@
+export declare const AccountDeletionSuccessRender: () => JSX.Element;

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

@@ -0,0 +1,28 @@
+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 { Header } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { Block, Button, Stack } from 'newskit';
+export var AccountDeletionSuccessRender = function () {
+    var contextName = ContextName.accountDeletion;
+    var context = useAccountContext(contextName);
+    var header = context.header, _a = context.success, success = _a === void 0 ? {} : _a;
+    var button = success.button, title = success.title, content = success.content;
+    return (React.createElement(Block, null,
+        React.createElement(Header, __assign({}, header, { title: title })),
+        React.createElement(Block, { marginBlockStart: "space045", marginBlockEnd: "space050" }, content),
+        React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "center" },
+            React.createElement(Button, __assign({}, button), button === null || button === void 0 ? void 0 : button.text))));
+};
+//# sourceMappingURL=AccountDeletionSuccessRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDeletionSuccessRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountDeletionSuccessRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAiC,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,IAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAA;IAE/C,IAAM,OAAO,GAAG,iBAAiB,CAC/B,WAAW,CACqB,CAAA;IAC1B,IAAA,MAAM,GAAmB,OAAO,OAA1B,EAAE,KAAiB,OAAO,QAAZ,EAAZ,OAAO,mBAAG,EAAE,KAAA,CAAY;IAChC,IAAA,MAAM,GAAqB,OAAO,OAA5B,EAAE,KAAK,GAAc,OAAO,MAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAY;IAE1C,OAAO,CACL,oBAAC,KAAK;QACJ,oBAAC,MAAM,eAAK,MAAM,IAAE,KAAK,EAAE,KAAK,IAAI;QAEpC,oBAAC,KAAK,IAAC,gBAAgB,EAAC,UAAU,EAAC,cAAc,EAAC,UAAU,IACzD,OAAO,CACF;QAER,oBAAC,KAAK,IAAC,IAAI,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,QAAQ;YACxD,oBAAC,MAAM,eAAK,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAU,CACrC,CACF,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Templates/AddRender.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const addComponentMap: {
+    'holiday-stop': React.FC<import("../Sections/Form/HolidayStop").HolidayStopProps>;
+    'bonus-accounts': (props: import("@newskit-render/shared-components").FormProps) => JSX.Element;
+};
+declare const AddRender: React.FC<{
+    type: string;
+}>;
+export default AddRender;

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

@@ -0,0 +1,50 @@
+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 { useRouter } from 'next/router';
+import { Header, usePageViewTracking } from '@newskit-render/shared-components';
+import { mergeButtonGroupProps, getEmbeddedModeAndOnboardingQueryStatus, updateTealiumContextForOnboarding, } from '../../helpers';
+import HolidayStop from '../Sections/Form/HolidayStop';
+import { InviteFamilyMember } from '../Sections/Form/InviteFamilyMember';
+import { ContextName } from '../../context/types';
+import { useAccountContext } from '../../context';
+export var addComponentMap = {
+    'holiday-stop': HolidayStop,
+    'bonus-accounts': InviteFamilyMember,
+};
+var AddRender = function (_a) {
+    var _b, _c, _d;
+    var type = _a.type;
+    var router = useRouter();
+    var contextName = ContextName.addField;
+    var _e = useAccountContext(contextName), header = _e.header, forms = _e.forms, buttonGroupProps = _e.buttonGroupProps, baseUrl = _e.baseUrl, requestHeaders = _e.requestHeaders;
+    var SectionComponent = addComponentMap[type];
+    if (!SectionComponent) {
+        return React.createElement(React.Fragment, null);
+    }
+    var pageViewContext = (_b = forms[type]) === null || _b === void 0 ? void 0 : _b.tealiumContext;
+    var form = forms[type] || forms.default;
+    var _f = getEmbeddedModeAndOnboardingQueryStatus(router, requestHeaders), isUserVisitingFromOnboardingModal = _f.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _f.isEmbeddedModeOn;
+    usePageViewTracking(updateTealiumContextForOnboarding(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, pageViewContext));
+    var mergedButtonGroupProps = mergeButtonGroupProps(baseUrl, __assign({}, buttonGroupProps), form.props.buttonGroupProps);
+    if (mergedButtonGroupProps.primaryButton) {
+        mergedButtonGroupProps.primaryButton.eventContext = __assign(__assign({}, mergedButtonGroupProps.primaryButton.eventContext), { page_name: "".concat((_c = header.title) === null || _c === void 0 ? void 0 : _c.toLocaleLowerCase()) });
+    }
+    if (mergedButtonGroupProps.secondaryButton) {
+        mergedButtonGroupProps.secondaryButton.eventContext = __assign(__assign({}, mergedButtonGroupProps.secondaryButton.eventContext), { page_name: "".concat((_d = header.title) === null || _d === void 0 ? void 0 : _d.toLocaleLowerCase()) });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header, form.header)),
+        React.createElement(SectionComponent, __assign({ "data-testid": "".concat(type, "-form") }, form.props, { buttonGroupProps: mergedButtonGroupProps, contextName: contextName, isUserVisitingFromOnboardingModal: isUserVisitingFromOnboardingModal, isEmbeddedModeOn: isEmbeddedModeOn }))));
+};
+export default AddRender;
+//# sourceMappingURL=AddRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AddRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,EACL,qBAAqB,EACrB,uCAAuC,EACvC,iCAAiC,GAClC,MAAM,eAAe,CAAA;AACtB,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAExE,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,cAAc,EAAE,WAAW;IAC3B,gBAAgB,EAAE,kBAAkB;CACrC,CAAA;AAED,IAAM,SAAS,GAA+B,UAAC,EAAQ;;QAAN,IAAI,UAAA;IACnD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,IAAM,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAA;IAClC,IAAA,KACJ,iBAAiB,CAAC,WAAW,CAA0B,EADjD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,OAAO,aAAA,EAAE,cAAc,oBACP,CAAA;IAEzD,IAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IAE9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,yCAAK,CAAA;IACd,CAAC;IAED,IAAM,eAAe,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,cAAc,CAAA;IACnD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAA;IAEnC,IAAA,KACJ,uCAAuC,CAAC,MAAM,EAAE,cAAc,CAAC,EADzD,iCAAiC,uCAAA,EAAE,gBAAgB,sBACM,CAAA;IAEjE,mBAAmB,CACjB,iCAAiC,CAC/B,iCAAiC,EACjC,gBAAgB,EAChB,eAAe,CAChB,CACF,CAAA;IAED,IAAM,sBAAsB,GAAG,qBAAqB,CAClD,OAAO,eACF,gBAAgB,GACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAA;IAED,IAAI,sBAAsB,CAAC,aAAa,EAAE,CAAC;QACzC,sBAAsB,CAAC,aAAa,CAAC,YAAY,yBAC5C,sBAAsB,CAAC,aAAa,CAAC,YAAY,KACpD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;IACH,CAAC;IAED,IAAI,sBAAsB,CAAC,eAAe,EAAE,CAAC;QAC3C,sBAAsB,CAAC,eAAe,CAAC,YAAY,yBAC9C,sBAAsB,CAAC,eAAe,CAAC,YAAY,KACtD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;IACH,CAAC;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,oBAAC,gBAAgB,4BACF,UAAG,IAAI,UAAO,IACvB,IAAI,CAAC,KAAK,IACd,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,WAAW,EACxB,iCAAiC,EAAE,iCAAiC,EACpE,gBAAgB,EAAE,gBAAgB,IAClC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/esm/Components/Templates/CancellationRender.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const componentMap: {
+    reason: React.FC<import("../Sections/Form/CancellationReason").ControlledCancellationReasonProps>;
+    confirm: React.FC<import("../Sections/Form/ConfirmCancellation").ConfirmCancellationProps>;
+};
+declare const CancellationRender: React.FC;
+export default CancellationRender;

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

@@ -0,0 +1,41 @@
+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 { Header } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import CancellationReason from '../Sections/Form/CancellationReason';
+import { mergeButtonGroupProps } from '../../helpers';
+import ConfirmCancellation from '../Sections/Form/ConfirmCancellation';
+import { ContextName } from '../../context/types';
+export var componentMap = {
+    reason: CancellationReason,
+    confirm: ConfirmCancellation,
+};
+var CancellationRender = function () {
+    var _a;
+    var contextName = ContextName.cancellation;
+    var _b = useAccountContext(contextName), header = _b.header, cancellation = _b.cancellation, validation = _b.validation, buttonGroupProps = _b.buttonGroupProps, baseUrl = _b.baseUrl;
+    var _c = useState('reason'), componentToRender = _c[0], setComponentToRender = _c[1];
+    var _d = useState({ answer: '' }), cancellationReason = _d[0], setCancellationReason = _d[1];
+    var SectionComponent = componentMap[componentToRender];
+    var pageHeader = cancellation && cancellation[componentToRender].header;
+    var sectionProps = cancellation && cancellation[componentToRender].props;
+    var cancelButtonGroupProps = cancellation && ((_a = cancellation[componentToRender].props) === null || _a === void 0 ? void 0 : _a.buttonGroupProps);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header, pageHeader, { fullWidthTitle: true })),
+        React.createElement(SectionComponent, __assign({}, sectionProps, { validation: validation, cancellationReason: cancellationReason, onCancellationReasonSelected: function (reason) {
+                setCancellationReason(reason);
+                setComponentToRender('confirm');
+            }, buttonGroupProps: mergeButtonGroupProps(baseUrl, buttonGroupProps, cancelButtonGroupProps) }))));
+};
+export default CancellationRender;
+//# sourceMappingURL=CancellationRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/CancellationRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC7E,OAAO,kBAAkB,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,kBAAkB;IAC1B,OAAO,EAAE,mBAAmB;CAC7B,CAAA;AAED,IAAM,kBAAkB,GAAa;;IACnC,IAAM,WAAW,GAAG,WAAW,CAAC,YAAY,CAAA;IACtC,IAAA,KACJ,iBAAiB,CAAC,WAAW,CAA+B,EADtD,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,gBAAgB,sBAAA,EAAE,OAAO,aACL,CAAA;IAExD,IAAA,KACJ,QAAQ,CAA4B,QAAQ,CAAC,EADxC,iBAAiB,QAAA,EAAE,oBAAoB,QACC,CAAA;IACzC,IAAA,KACJ,QAAQ,CAA4B,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAD9C,kBAAkB,QAAA,EAAE,qBAAqB,QACK,CAAA;IACrD,IAAM,gBAAgB,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACxD,IAAM,UAAU,GAAG,YAAY,IAAI,YAAY,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAA;IACzE,IAAM,YAAY,GAAG,YAAY,IAAI,YAAY,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAA;IAC1E,IAAM,sBAAsB,GAC1B,YAAY,KAAI,MAAA,YAAY,CAAC,iBAAiB,CAAC,CAAC,KAAK,0CAAE,gBAAgB,CAAA,CAAA;IAEzE,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAM,UAAU,IAAE,cAAc,UAAG;QACrD,oBAAC,gBAAgB,eACX,YAAY,IAChB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,4BAA4B,EAAE,UAAC,MAAM;gBACnC,qBAAqB,CAAC,MAAM,CAAC,CAAA;gBAC7B,oBAAoB,CAAC,SAAS,CAAC,CAAA;YACjC,CAAC,EACD,gBAAgB,EAAE,qBAAqB,CACrC,OAAO,EACP,gBAAgB,EAChB,sBAAsB,CACvB,IACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/esm/Components/Templates/CancellationStepperRender.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { EventContext } from '@newskit-render/shared-components';
+export declare const componentMap: {
+    reason: ({ belowItemExtra, onNextStep, handleCardClick, items, ...props }: import("../Sections/SectionContainer").GridSectionProps) => JSX.Element;
+    preCancellation: ({ header, containerOverrides, user, subscriptionName, subscriptionEnd, selectedReason, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationDetails").CancellationDetailsProps) => JSX.Element;
+    confirmCancel: ({ featureFlags, ...rest }: import("../Sections/ConfirmCancellation").ConfirmCancellationStepProps) => React.CElement<{
+        image: {
+            src: string;
+            alt?: string;
+            loading?: "eager" | "lazy";
+            width?: string | number;
+            height?: string | number;
+        };
+        introduction: import("@newskit-render/shared-components").IntroductionProps;
+        buttonText: string;
+        buttonUrl: string;
+        buttonOverrides?: import("newskit").ButtonProps;
+        buttonEventContext?: EventContext;
+        baseUrl?: string;
+        serviceCancellationDate?: string | null;
+        subType?: string;
+        subscriptionDetails?: {
+            containerOverrides?: import("../SharedTypes/GridLayoutProps").GridLayoutProps["overrides"];
+            subscriptionType: {
+                label: string;
+                overrides?: import("newskit").TextBlockProps;
+            };
+            endDate: {
+                label: string;
+                overrides?: import("newskit").TextBlockProps;
+            };
+        };
+    }, React.Component<{
+        image: {
+            src: string;
+            alt?: string;
+            loading?: "eager" | "lazy";
+            width?: string | number;
+            height?: string | number;
+        };
+        introduction: import("@newskit-render/shared-components").IntroductionProps;
+        buttonText: string;
+        buttonUrl: string;
+        buttonOverrides?: import("newskit").ButtonProps;
+        buttonEventContext?: EventContext;
+        baseUrl?: string;
+        serviceCancellationDate?: string | null;
+        subType?: string;
+        subscriptionDetails?: {
+            containerOverrides?: import("../SharedTypes/GridLayoutProps").GridLayoutProps["overrides"];
+            subscriptionType: {
+                label: string;
+                overrides?: import("newskit").TextBlockProps;
+            };
+            endDate: {
+                label: string;
+                overrides?: import("newskit").TextBlockProps;
+            };
+        };
+    }, any, any>>;
+    offers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, setSelectedOffer, selectedOffer, onNextStep, }: import("../Sections/CancellationOffers").CancellationOffersProps) => JSX.Element;
+    offerConfirmation: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, incentiveData, }: import("../Sections/ConfirmSubscriptionOffer").ConfirmSubscriptionOfferProps) => JSX.Element | null;
+    contactSupport: ({ header, contactMethods, continueButton, continueButtonContainerOverrides, onNextStep, }: import("../Sections/ContactSupport").ContactSupportProps) => JSX.Element;
+    reviewCancellation: ({ baseUrl, header, details, user, cancellationButtons, selectedReason, defaultCancellationReason, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationReview").CancellationReviewProps) => JSX.Element;
+    offerPreview: React.FC<import("../Sections/OfferPreview/OfferPreview").OfferPreviewPops>;
+};
+export type SelectionData = {
+    id: string;
+    label?: string;
+    eventContext?: EventContext;
+};
+export type NextStepProps = (event: React.MouseEvent, override?: string | null, eventContext?: Record<string, string>) => void;
+export type HandleCardClick = (event: React.MouseEvent, selectionData: SelectionData) => void;
+declare const CancellationStepperRender: React.FC;
+export default CancellationStepperRender;

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

@@ -0,0 +1,180 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useEffect, useMemo, useState } from 'react';
+import { BackButton, ContentContainer, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName, } from '../../context/types';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { CancellationReasons } from '../Sections/CancellationReasons';
+import { CancellationDetails } from '../Sections/CancellationDetails';
+import { replaceBaseURL, trackEvent, } from '../../helpers';
+import { ContactSupport } from '../Sections/ContactSupport';
+import { CancellationReview } from '../Sections/CancellationReview';
+import { EventTrigger, useInstrumentation } from 'newskit';
+import { ConfirmCancellationRender } from '../Sections/ConfirmCancellation';
+import { ConfirmSubscriptionOffer } from '../Sections/ConfirmSubscriptionOffer';
+import { ACTIVE_SUBSCRIPTION } from '../../constants';
+import { CancellationOffers } from '../Sections/CancellationOffers';
+import { OfferPreview } from '../Sections/OfferPreview/OfferPreview';
+export var componentMap = {
+    reason: CancellationReasons,
+    preCancellation: CancellationDetails,
+    confirmCancel: ConfirmCancellationRender,
+    offers: CancellationOffers,
+    offerConfirmation: ConfirmSubscriptionOffer,
+    contactSupport: ContactSupport,
+    reviewCancellation: CancellationReview,
+    offerPreview: OfferPreview,
+};
+var CancellationStepperRender = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var contextName = ContextName.CancellationStepper;
+    var _j = useAccountContext(contextName), header = _j.header, components = _j.components, componentSequence = _j.componentSequence, showBackButton = _j.showBackButton, userData = _j.userData, baseUrl = _j.baseUrl, handleError = _j.handleError, featureFlags = _j.featureFlags;
+    var backButtonHref = (_a = header === null || header === void 0 ? void 0 : header.backButton) === null || _a === void 0 ? void 0 : _a.href;
+    var hederBackButtonProps = header === null || header === void 0 ? void 0 : header.backButton;
+    var router = useRouter();
+    var searchParams = useSearchParams();
+    var subscription = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0];
+    var type = subscription === null || subscription === void 0 ? void 0 : subscription.type;
+    var isActiveSubscription = (subscription === null || subscription === void 0 ? void 0 : subscription.status) === ACTIVE_SUBSCRIPTION;
+    if (!subscription ||
+        !isActiveSubscription ||
+        !type ||
+        !componentSequence[type]) {
+        return null;
+    }
+    var _k = useState(null), selections = _k[0], setSelections = _k[1];
+    var pagesInOrder = componentSequence[type];
+    var _l = useState(null), overrideComponent = _l[0], setOverrideComponent = _l[1];
+    var _m = useState([]), filteredPages = _m[0], setFilteredPages = _m[1];
+    var _o = useState(((_d = (_c = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.serviceCancellationDate) || null), serviceCancellationDate = _o[0], setServiceCancellationDate = _o[1];
+    var _p = useState(), selectedOffer = _p[0], setSelectedOffer = _p[1];
+    var _q = useState(null), incentiveData = _q[0], setIncentiveData = _q[1];
+    var stepFromUrl = searchParams.get('step');
+    var returnUrl = searchParams.get('returnUrl');
+    var currentStepComponent = stepFromUrl || pagesInOrder[0];
+    var activePages = filteredPages.length > 0 ? filteredPages : pagesInOrder;
+    var stepIndex = activePages.findIndex(function (page) { return page === currentStepComponent; });
+    var SectionComponent = componentMap[currentStepComponent];
+    var componentProps = components[currentStepComponent];
+    var updateUrlWithStep = function (step, isInitialStep) {
+        if (isInitialStep === void 0) { isInitialStep = false; }
+        var params = new URLSearchParams(searchParams.toString());
+        params.set('step', step);
+        if (isInitialStep)
+            router.replace("?".concat(params.toString()));
+        else
+            router.push("?".concat(params.toString()));
+    };
+    useEffect(function () {
+        if (!stepFromUrl) {
+            var defaultStep = pagesInOrder[0];
+            updateUrlWithStep(defaultStep, true);
+        }
+    }, []);
+    var handleBackBtn = function (event) {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        var previousStep = activePages[stepIndex - 1];
+        if (overrideComponent) {
+            setOverrideComponent(null);
+            setFilteredPages([]);
+            if (previousStep) {
+                updateUrlWithStep(previousStep);
+            }
+            else {
+                router.back();
+            }
+            return;
+        }
+        if (stepIndex <= 0) {
+            if (returnUrl) {
+                router.push(returnUrl);
+                return;
+            }
+            router.push(replaceBaseURL(baseUrl || '', backButtonHref));
+            return;
+        }
+        updateUrlWithStep(activePages[stepIndex - 1]);
+    };
+    var addStep = function (step) {
+        if (!activePages.includes(step)) {
+            var newPages = __spreadArray([], activePages, true);
+            newPages.splice(stepIndex + 1, 0, step);
+            setFilteredPages(newPages);
+        }
+    };
+    var stepController = function (event, override) {
+        var _a;
+        if (override === void 0) { override = null; }
+        (_a = event === null || event === void 0 ? void 0 : event.preventDefault) === null || _a === void 0 ? void 0 : _a.call(event);
+        // Default behaviour - go to next step
+        if (!override) {
+            var nextStep = activePages[stepIndex + 1];
+            updateUrlWithStep(nextStep);
+            return;
+        }
+        setOverrideComponent(override);
+        addStep(override);
+        updateUrlWithStep(override);
+    };
+    var handleCardClick = function (_event, selectionData) {
+        setSelections(selectionData);
+    };
+    var pageEventContext = useMemo(function () {
+        var _a, _b, _c;
+        return {
+            originator: ((_a = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _a === void 0 ? void 0 : _a.originator) || 'cancellation-stepper',
+            context: __assign(__assign({}, (((_b = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _b === void 0 ? void 0 : _b.context) || {})), { cancellation_type: ((_c = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _c === void 0 ? void 0 : _c.article_parent_name) || '' }),
+        };
+    }, [componentProps]);
+    var fireEvent = useInstrumentation().fireEvent;
+    // this is a copy of usePageViewTracking but it changes when the eventContext changes, changing that in usePageViewTracking might cause double reporting
+    useEffect(function () {
+        var _a, _b;
+        if (!stepFromUrl)
+            return;
+        if (!pageEventContext ||
+            !pageEventContext.originator) {
+            return;
+        }
+        var _c = pageEventContext, originator = _c.originator, context = _c.context;
+        fireEvent({
+            originator: originator,
+            trigger: EventTrigger.Load,
+            context: __assign(__assign({}, context), { cancellation_type: ((_a = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _a === void 0 ? void 0 : _a.article_parent_name) || '' }),
+        });
+        trackEvent({
+            eventName: "cancellation_".concat(stepFromUrl.toLocaleLowerCase()),
+            cpn: 'userData?.cpn',
+            subscriptions: (userData === null || userData === void 0 ? void 0 : userData.subscriptions) || [],
+            tags: __assign(__assign({}, context), { page_name: context.page_name || "online cancellation: ".concat(stepFromUrl), cancellation_type: ((_b = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _b === void 0 ? void 0 : _b.article_parent_name) || '', step: stepFromUrl }),
+        });
+    }, [pageEventContext, stepFromUrl]);
+    if (!currentStepComponent || !SectionComponent) {
+        return null;
+    }
+    var shouldShowBackButton = (_e = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _e !== void 0 ? _e : showBackButton;
+    return (React.createElement(ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
+        shouldShowBackButton && hederBackButtonProps && (React.createElement(BackButton, { backButton: __assign(__assign({}, hederBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, hederBackButtonProps === null || hederBackButtonProps === void 0 ? void 0 : hederBackButtonProps.eventContext), { page_name: (_f = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _f === void 0 ? void 0 : _f.context.page_name }), onClick: handleBackBtn })),
+        React.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate, subType: ((_h = (_g = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.type) || '', selectedOffer: selectedOffer, setSelectedOffer: setSelectedOffer, incentiveData: incentiveData, setIncentiveData: setIncentiveData, featureFlags: featureFlags }))));
+};
+export default CancellationStepperRender;
+//# sourceMappingURL=CancellationStepperRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationStepperRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/CancellationStepperRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EACL,UAAU,EACV,gBAAgB,GAGjB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EACL,WAAW,GAEZ,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAEL,cAAc,EACd,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAA;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAEpE,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,mBAAmB;IAC3B,eAAe,EAAE,mBAAmB;IACpC,aAAa,EAAE,yBAAyB;IACxC,MAAM,EAAE,kBAAkB;IAC1B,iBAAiB,EAAE,wBAAwB;IAC3C,cAAc,EAAE,cAAc;IAC9B,kBAAkB,EAAE,kBAAkB;IACtC,YAAY,EAAE,YAAY;CAC3B,CAAA;AAmBD,IAAM,yBAAyB,GAAa;;IAC1C,IAAM,WAAW,GAAG,WAAW,CAAC,mBAAmB,CAAA;IAE7C,IAAA,KASF,iBAAiB,CAAC,WAAW,CAAsC,EARrE,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,YAAY,kBACyD,CAAA;IACvE,IAAM,cAAc,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,0CAAE,IAAI,CAAA;IAC/C,IAAM,oBAAoB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAA;IAE/C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,IAAM,YAAY,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,CAAA;IACjD,IAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAA;IAC/B,IAAM,oBAAoB,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,MAAK,mBAAmB,CAAA;IAEzE,IACE,CAAC,YAAY;QACb,CAAC,oBAAoB;QACrB,CAAC,IAAI;QACL,CAAC,iBAAiB,CAAC,IAAI,CAAC,EACxB,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC;IAEK,IAAA,KAA8B,QAAQ,CAAuB,IAAI,CAAC,EAAjE,UAAU,QAAA,EAAE,aAAa,QAAwC,CAAA;IAExE,IAAM,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACtC,IAAA,KAA4C,QAAQ,CACxD,IAAI,CACL,EAFM,iBAAiB,QAAA,EAAE,oBAAoB,QAE7C,CAAA;IACK,IAAA,KAAoC,QAAQ,CAAW,EAAE,CAAC,EAAzD,aAAa,QAAA,EAAE,gBAAgB,QAA0B,CAAA;IAC1D,IAAA,KAAwD,QAAQ,CAEpE,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,uBAAuB,KAAI,IAAI,CAAC,EAFzD,uBAAuB,QAAA,EAAE,0BAA0B,QAEM,CAAA;IAC1D,IAAA,KAAoC,QAAQ,EAAc,EAAzD,aAAa,QAAA,EAAE,gBAAgB,QAA0B,CAAA;IAC1D,IAAA,KACJ,QAAQ,CAA+B,IAAI,CAAC,EADvC,aAAa,QAAA,EAAE,gBAAgB,QACQ,CAAA;IAE9C,IAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,MAAM,CAAkB,CAAA;IAC7D,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,WAAW,CAAkB,CAAA;IAChE,IAAM,oBAAoB,GAAG,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CAAA;IAC3D,IAAM,WAAW,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAA;IAE3E,IAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CACrC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,oBAAoB,EAA7B,CAA6B,CACxC,CAAA;IAED,IAAM,gBAAgB,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAA;IAC3D,IAAM,cAAc,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEvD,IAAM,iBAAiB,GAAG,UAAC,IAAY,EAAE,aAAqB;QAArB,8BAAA,EAAA,qBAAqB;QAC5D,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC3D,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAExB,IAAI,aAAa;YAAE,MAAM,CAAC,OAAO,CAAC,WAAI,MAAM,CAAC,QAAQ,EAAE,CAAE,CAAC,CAAA;;YACrD,MAAM,CAAC,IAAI,CAAC,WAAI,MAAM,CAAC,QAAQ,EAAE,CAAE,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,SAAS,CAAC;QACR,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,IAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;YACnC,iBAAiB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,aAAa,GAAG,UAAC,KAAuB;QAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAA;QACvB,IAAM,YAAY,GAAG,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;QAE/C,IAAI,iBAAiB,EAAE,CAAC;YACtB,oBAAoB,CAAC,IAAI,CAAC,CAAA;YAC1B,gBAAgB,CAAC,EAAE,CAAC,CAAA;YAEpB,IAAI,YAAY,EAAE,CAAC;gBACjB,iBAAiB,CAAC,YAAY,CAAC,CAAA;YACjC,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,IAAI,EAAE,CAAA;YACf,CAAC;YAED,OAAM;QACR,CAAC;QAED,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;YACnB,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;gBACtB,OAAM;YACR,CAAC;YAED,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAA;YAC1D,OAAM;QACR,CAAC;QAED,iBAAiB,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAA;IAC/C,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,UAAC,IAAY;QAC3B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,IAAM,QAAQ,qBAAO,WAAW,OAAC,CAAA;YACjC,QAAQ,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAA;YACvC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAA;IAED,IAAM,cAAc,GAAkB,UAAC,KAAK,EAAE,QAAe;;QAAf,yBAAA,EAAA,eAAe;QAC3D,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,qDAAI,CAAA;QAEzB,sCAAsC;QACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,IAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;YAC3C,iBAAiB,CAAC,QAAQ,CAAC,CAAA;YAC3B,OAAM;QACR,CAAC;QAED,oBAAoB,CAAC,QAAQ,CAAC,CAAA;QAC9B,OAAO,CAAC,QAAQ,CAAC,CAAA;QACjB,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAM,eAAe,GAAoB,UAAC,MAAM,EAAE,aAAa;QAC7D,aAAa,CAAC,aAAa,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,OAAO,CAAC;;QAC/B,OAAO;YACL,UAAU,EACR,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,UAAU,KAAI,sBAAsB;YACtE,OAAO,wBACF,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,OAAO,KAAI,EAAE,CAAC,KAClD,iBAAiB,EAAE,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,0CAAE,mBAAmB,KAAI,EAAE,GACvE;SACF,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEZ,IAAA,SAAS,GAAK,kBAAkB,EAAE,UAAzB,CAAyB;IAE1C,wJAAwJ;IACxJ,SAAS,CAAC;;QACR,IAAI,CAAC,WAAW;YAAE,OAAM;QAExB,IACE,CAAC,gBAAgB;YACjB,CAAE,gBAAwC,CAAC,UAAU,EACrD,CAAC;YACD,OAAM;QACR,CAAC;QACK,IAAA,KAA0B,gBAAuC,EAA/D,UAAU,gBAAA,EAAE,OAAO,aAA4C,CAAA;QACvE,SAAS,CAAC;YACR,UAAU,YAAA;YACV,OAAO,EAAE,YAAY,CAAC,IAAI;YAC1B,OAAO,wBACF,OAAO,KACV,iBAAiB,EAAE,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,0CAAE,mBAAmB,KAAI,EAAE,GACvE;SACF,CAAC,CAAA;QAEF,UAAU,CAAC;YACT,SAAS,EAAE,uBAAgB,WAAW,CAAC,iBAAiB,EAAE,CAAE;YAC5D,GAAG,EAAE,eAAe;YACpB,aAAa,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,KAAI,EAAE;YAC5C,IAAI,wBACC,OAAO,KACV,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,+BAAwB,WAAW,CAAE,EACrE,iBAAiB,EAAE,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,0CAAE,mBAAmB,KAAI,EAAE,EACtE,IAAI,EAAE,WAAW,GAClB;SACF,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEnC,IAAI,CAAC,oBAAoB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC/C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAM,oBAAoB,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,mCAAI,cAAc,CAAA;IAE7E,OAAO,CACL,oBAAC,gBAAgB,4BACH,mBAAmB,IAC3B,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,yBAAyB;QAE5C,oBAAoB,IAAI,oBAAoB,IAAI,CAC/C,oBAAC,UAAU,IACT,UAAU,wBACL,oBAAoB,KACvB,IAAI,EAAE,EAAE,KAEV,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,EAC/C,YAAY,wBACP,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,YAAY,KACrC,SAAS,EAAE,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,OAAO,CAAC,SAAS,KAE9D,OAAO,EAAE,aAAa,GACtB,CACH;QACD,oBAAC,gBAAgB,eACX,cAAc,IAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,EAC1B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,QAAQ,EACd,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,WAAW,EACxB,uBAAuB,EAAE,uBAAuB,EAChD,0BAA0B,EAAE,0BAA0B,EACtD,OAAO,EAAE,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI,KAAI,EAAE,EACjD,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,IAC1B,CACe,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAA"}

package/dist/esm/Components/Templates/ConfirmAccountDeletionRender.d.ts

@@ -0,0 +1 @@
+export declare const ConfirmAccountDeletionRender: () => JSX.Element;

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

@@ -0,0 +1,106 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState } from 'react';
+import fetch from 'cross-fetch';
+import { Header } from '@newskit-render/shared-components';
+import { useAccountContext, } from '../../context';
+import { ContextName } from '../../context/types';
+import { Block, Button, GridLayout } from 'newskit';
+import { ACCOUNT_DELETION_DEFAULT_APPID } from '../../constants';
+import { getFromLocalStorage, storageMap } from '../../helpers';
+export var ConfirmAccountDeletionRender = function () {
+    var contextName = ContextName.confirmAccountDeletion;
+    var context = useAccountContext(contextName);
+    var header = context.header, content = context.content, _a = context.buttons, buttons = _a === void 0 ? {} : _a, onSuccess = context.onSuccess, onError = context.onError;
+    var _b = buttons.primary, primaryButton = _b === void 0 ? {} : _b, _c = buttons.secondary, secondaryButton = _c === void 0 ? {} : _c;
+    var _d = useState(false), isButtonLoading = _d[0], setIsButtonLoading = _d[1];
+    var handleConfirmButtonClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (isButtonLoading)
+                        return [2 /*return*/];
+                    setIsButtonLoading(true);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, fetch('/api/account/mutate', {
+                            method: 'POST',
+                            body: JSON.stringify({
+                                validationSchemaKey: 'delete-account',
+                                appId: (_a = getFromLocalStorage(storageMap.appId)) !== null && _a !== void 0 ? _a : ACCOUNT_DELETION_DEFAULT_APPID,
+                            }),
+                        })];
+                case 2:
+                    response = _b.sent();
+                    if (!response.ok) {
+                        throw new Error();
+                    }
+                    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_1 = _b.sent();
+                    onError === null || onError === void 0 ? void 0 : onError();
+                    return [3 /*break*/, 5];
+                case 4:
+                    setIsButtonLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(Block, { marginBlockStart: "space045", marginBlockEnd: "space050" }, content),
+        React.createElement(GridLayout, { autoFlow: { xs: 'row', md: 'column' }, rowGap: "space030", columnGap: "space030" },
+            React.createElement(Button, __assign({}, primaryButton), primaryButton.text),
+            React.createElement(Button, __assign({ loading: isButtonLoading, onClick: handleConfirmButtonClick }, secondaryButton), secondaryButton.text))));
+};
+//# sourceMappingURL=ConfirmAccountDeletionRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmAccountDeletionRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/ConfirmAccountDeletionRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAEL,iBAAiB,GAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/D,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,IAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAA;IAEtD,IAAM,OAAO,GAAG,iBAAiB,CAC/B,WAAW,CAC4B,CAAA;IACjC,IAAA,MAAM,GAAgD,OAAO,OAAvD,EAAE,OAAO,GAAuC,OAAO,QAA9C,EAAE,KAAqC,OAAO,QAAhC,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,SAAS,GAAc,OAAO,UAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAY;IAC7D,IAAA,KACN,OAAO,QAD0B,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAAE,KACnC,OAAO,UAD2D,EAApB,eAAe,mBAAG,EAAE,KAAA,CAC3D;IAEH,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IAE7D,IAAM,wBAAwB,GAAG;;;;;;oBAC/B,IAAI,eAAe;wBAAE,sBAAM;oBAC3B,kBAAkB,CAAC,IAAI,CAAC,CAAA;;;;oBAGL,qBAAM,KAAK,CAAC,qBAAqB,EAAE;4BAClD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,mBAAmB,EAAE,gBAAgB;gCACrC,KAAK,EACH,MAAA,mBAAmB,CAAC,UAAU,CAAC,KAAK,CAAC,mCACrC,8BAA8B;6BACjC,CAAC;yBACH,CAAC,EAAA;;oBARI,QAAQ,GAAG,SAQf;oBACF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;wBACjB,MAAM,IAAI,KAAK,EAAE,CAAA;oBACnB,CAAC;oBACD,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;;;;oBAEb,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;;;oBAEX,kBAAkB,CAAC,KAAK,CAAC,CAAA;;;;;SAE5B,CAAA;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,KAAK,IAAC,gBAAgB,EAAC,UAAU,EAAC,cAAc,EAAC,UAAU,IACzD,OAAO,CACF;QAER,oBAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU;YAEpB,oBAAC,MAAM,eAAK,aAAa,GAAG,aAAa,CAAC,IAAI,CAAU;YACxD,oBAAC,MAAM,aACL,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,wBAAwB,IAC7B,eAAe,GAElB,eAAe,CAAC,IAAI,CACd,CACE,CACZ,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Templates/DisplayRenderer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ContextName } from '../../context/types';
+type DisplayRenderProps = {
+    contextName: ContextName;
+    subscriptionDisplayType?: string;
+    isNoBillingSubscription?: boolean;
+    id?: string;
+};
+declare const DisplayRenderer: React.FC<DisplayRenderProps>;
+export default DisplayRenderer;