@newskit-render/my-account 0.0.0-4ebe5145c → 0.0.0-4efacf92e

package/dist/cjs/Components/Sections/SectionContainer/GridSection.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridSection = void 0;
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../../helpers");
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+var ListItemComponents_1 = require("../../Elements/ListItemComponents");
+var GridSection = function (_a) {
+    var header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, _b = _a.baseUrl, baseUrl = _b === void 0 ? '' : _b, itemContainerOverrides = _a.itemContainerOverrides, belowItemExtra = _a.belowItemExtra, onNextStep = _a.onNextStep, handleCardClick = _a.handleCardClick, props = __rest(_a, ["header", "items", "containerOverrides", "baseUrl", "itemContainerOverrides", "belowItemExtra", "onNextStep", "handleCardClick"]);
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch" },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(newskit_1.GridLayout, __assign({}, containerOverrides), items === null || items === void 0 ? void 0 : items.map(function (_a, idx) {
+            var href = _a.href, componentType = _a.componentType, itemProps = __rest(_a, ["href", "componentType"]);
+            return (react_1.default.createElement(SectionListItem_1.GridListItem, __assign({ key: "".concat(itemProps === null || itemProps === void 0 ? void 0 : itemProps.ariaLabel, "-").concat(idx), containerOverrides: itemContainerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href), baseUrl: baseUrl, componentType: componentType, handleClick: handleCardClick }, props, itemProps)));
+        })),
+        belowItemExtra && (react_1.default.createElement(ListItemComponents_1.BelowItemExtra, __assign({ baseUrl: baseUrl, onClick: onNextStep }, belowItemExtra)))));
+};
+exports.GridSection = GridSection;
+//# sourceMappingURL=GridSection.js.map

package/dist/cjs/Components/Sections/SectionContainer/GridSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/GridSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,4CAAiD;AACjD,mCAA2C;AAC3C,gDAAyB;AACzB,kEAA6D;AAC7D,wEAAkE;AAG3D,IAAM,WAAW,GAA+B,UAAC,EAUvD;IATC,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,sBAAsB,4BAAA,EACtB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,eAAe,qBAAA,EACZ,KAAK,cAT8C,iIAUvD,CADS;IAER,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB;QAC5B,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,oBAAU,eAAK,kBAAkB,GAC/B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,EAAqC,EAAE,GAAG;YAAxC,IAAA,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAK,SAAS,cAAnC,yBAAqC,CAAF;YAC9C,OAAO,CACL,8BAAC,8BAAY,aACX,GAAG,EAAE,UAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,cAAI,GAAG,CAAE,EACrC,kBAAkB,EAAE,sBAAsB,EAC1C,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,EACnC,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,eAAe,IACxB,KAAK,EACL,SAAS,EACb,CACH,CAAA;QACH,CAAC,CAAC,CACS;QACZ,cAAc,IAAI,CACjB,8BAAC,mCAAc,aACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,UAAU,IACf,cAAc,EAClB,CACH,CACK,CACT,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,WAAW,eAwCvB"}

package/dist/cjs/Components/Sections/SectionContainer/ListSection.d.ts

@@ -0,0 +1,2 @@
+import { BaseSectionProps } from './types';
+export declare const ListSection: ({ header, items, containerOverrides, baseUrl, divider, }: BaseSectionProps) => JSX.Element;

package/dist/cjs/Components/Sections/SectionContainer/ListSection.js

@@ -0,0 +1,61 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListSection = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../../helpers");
+var newskit_1 = require("newskit");
+var context_1 = require("../../../context");
+var types_1 = require("../../../context/types");
+var utils_1 = require("./utils");
+var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
+var ListSection = function (_a) {
+    var header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl, divider = _a.divider;
+    var contextName = types_1.ContextName.userHubPage;
+    var _b = (0, context_1.useAccountContext)(contextName), userCapabilities = _b.userData.userCapabilities, featureFlags = _b.featureFlags;
+    var _c = userCapabilities || {}, isRegisteredUser = _c.isRegisteredUser, hasPaymentData = _c.hasPaymentData;
+    var itemsToRender = (0, utils_1.filterList)(items, {
+        featureFlags: featureFlags,
+        isRegisteredUser: isRegisteredUser,
+        hasPaymentData: hasPaymentData,
+    });
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch" },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(StyledStructuredList, { divider: divider }, itemsToRender === null || itemsToRender === void 0 ? void 0 : itemsToRender.map(function (_a) {
+            var href = _a.href, componentType = _a.componentType, props = __rest(_a, ["href", "componentType"]);
+            var RenderList = (0, utils_1.getListComponent)(componentType);
+            return (react_1.default.createElement(RenderList, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl || '', href) })));
+        }))));
+};
+exports.ListSection = ListSection;
+var templateObject_1;
+//# sourceMappingURL=ListSection.js.map

package/dist/cjs/Components/Sections/SectionContainer/ListSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/ListSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,4CAAiD;AACjD,mCAA6E;AAC7E,4CAA2E;AAC3E,gDAAoD;AACpD,iCAAsD;AAGtD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAEM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAGF,IAAA,2BAAiB,EAAC,WAAW,CAA0B,EAF7C,gBAAgB,+BAAA,EAC5B,YAAY,kBAC6C,CAAA;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,KAAK,EAAE;QACtC,YAAY,cAAA;QACZ,gBAAgB,kBAAA;QAChB,cAAc,gBAAA;KACf,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB;QAC5B,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,EAAiC;YAA/B,IAAA,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;YAClD,IAAM,UAAU,GAAG,IAAA,wBAAgB,EAAC,aAAa,CAAC,CAAA;YAClD,OAAO,CACL,8BAAC,UAAU,aACT,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,IACzC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const containerComponentsMap: {
+    list: ({ header, items, containerOverrides, baseUrl, divider, }: import("./types").BaseSectionProps) => JSX.Element;
+    grid: React.FC<import("./types").GridSectionProps>;
+};
+export type ContainerComponentNames = keyof typeof containerComponentsMap;
+export declare const getContainerComponent: (componentPreset: string | undefined) => any;
+export declare const SectionContainer: ({ layoutType, ...props }: {
+    [x: string]: any;
+    layoutType: any;
+}) => JSX.Element;

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

@@ -0,0 +1,49 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionContainer = exports.getContainerComponent = exports.containerComponentsMap = void 0;
+var react_1 = __importDefault(require("react"));
+var GridSection_1 = require("./GridSection");
+var ListSection_1 = require("./ListSection");
+exports.containerComponentsMap = {
+    list: ListSection_1.ListSection,
+    grid: GridSection_1.GridSection,
+};
+var getContainerComponent = function (componentPreset) {
+    if (!componentPreset || !exports.containerComponentsMap[componentPreset]) {
+        return exports.containerComponentsMap.list;
+    }
+    return exports.containerComponentsMap[componentPreset];
+};
+exports.getContainerComponent = getContainerComponent;
+var SectionContainer = function (_a) {
+    var layoutType = _a.layoutType, props = __rest(_a, ["layoutType"]);
+    var Container = (0, exports.getContainerComponent)(layoutType);
+    return react_1.default.createElement(Container, __assign({}, props));
+};
+exports.SectionContainer = SectionContainer;
+//# sourceMappingURL=SectionContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/SectionContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,6CAA2C;AAC3C,6CAA2C;AAE9B,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,yBAAW;IACjB,IAAI,EAAE,yBAAW;CAClB,CAAA;AAIM,IAAM,qBAAqB,GAAG,UAAC,eAAmC;IACvE,IAAI,CAAC,eAAe,IAAI,CAAC,8BAAsB,CAAC,eAAe,CAAC,EAAE,CAAC;QACjE,OAAO,8BAAsB,CAAC,IAAI,CAAA;IACpC,CAAC;IAED,OAAO,8BAAsB,CAAC,eAAe,CAAC,CAAA;AAChD,CAAC,CAAA;AANY,QAAA,qBAAqB,yBAMjC;AAEM,IAAM,gBAAgB,GAAG,UAAC,EAAwB;IAAtB,IAAA,UAAU,gBAAA,EAAK,KAAK,cAAtB,cAAwB,CAAF;IACrD,IAAM,SAAS,GAAG,IAAA,6BAAqB,EAAC,UAAU,CAAC,CAAA;IACnD,OAAO,8BAAC,SAAS,eAAK,KAAK,EAAI,CAAA;AACjC,CAAC,CAAA;AAHY,QAAA,gBAAgB,oBAG5B"}

package/dist/cjs/Components/Sections/SectionContainer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './GridSection';
+export * from './ListSection';
+export * from './types';
+export { ListComponentNames } from './utils';

package/dist/cjs/Components/Sections/SectionContainer/index.js

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

package/dist/cjs/Components/Sections/SectionContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,gDAA6B;AAC7B,0CAAuB"}

package/dist/cjs/Components/Sections/SectionContainer/types.d.ts

@@ -0,0 +1,38 @@
+import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceOverrides } from '@newskit-render/shared-components';
+import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
+import { MQ, ImageProps } from 'newskit';
+import { NewslettersGridOverrides, CancellationItem, CancellationSection } from '../../../context/types';
+import { HandleCardClick, StepController } from '../../Templates/CancellationStepperRender';
+export type BelowContentExtra = {
+    type: 'delivery-address' | 'cancel-subscription' | 'no-billing' | 'payment-history' | 'leave-family';
+    link?: {
+        props: StandaloneLinkPropsOverridable;
+    };
+    modal?: Partial<ModalProps>;
+    infoPanel?: InfoPanel & {
+        href?: boolean;
+    };
+    marginBlockEnd?: MQ<string>;
+};
+export type SectionContainerProps = {
+    introductionProps?: IntroductionProps;
+    image?: ImageProps;
+    ariaLabel?: string;
+    items?: Array<ListItemType>;
+    labelOverrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    invoiceOverrides?: InvoiceOverrides;
+    belowContentExtra?: BelowContentExtra;
+};
+export interface BaseSectionProps extends CancellationSection, CancellationItem {
+    baseUrl?: string;
+    divider?: boolean;
+    gridLayoutOverrides?: NewslettersGridOverrides;
+}
+export interface GridSectionProps extends CancellationSection {
+    baseUrl?: string;
+    onNextStep: StepController;
+    handleCardClick: HandleCardClick;
+}

package/dist/cjs/Components/Sections/SectionContainer/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Sections/SectionContainer/types.js.map

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

package/dist/cjs/Components/Sections/SectionContainer/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const filterList: (items: any, props: any) => any;
+export declare const listComponentsMap: {
+    list: import("react").FC<import("../../Elements/SectionListItem").SectionListItemProps>;
+    grid: import("react").FC<import("../../Elements/SectionListItem").GridListItemProps>;
+    default: import("react").FC<import("../../Elements/SectionListItem").SectionListItemProps>;
+};
+export type ListComponentNames = keyof typeof listComponentsMap;
+export declare const getListComponent: (componentPreset: string | undefined) => any;

package/dist/cjs/Components/Sections/SectionContainer/utils.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getListComponent = exports.listComponentsMap = exports.filterList = void 0;
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+var SectionListItem_2 = require("../../Elements/SectionListItem");
+// exceptions, filtering and data transformations at render time
+var filterList = function (items, props) {
+    var _a;
+    if (((_a = props.featureFlags) === null || _a === void 0 ? void 0 : _a.enable_landing_page_p2) &&
+        (!props.hasPaymentData || props.isRegisteredUser)) {
+        return items.filter(function (_a) {
+            var id = _a.id;
+            return id !== 'payment-details-tile';
+        });
+    }
+    return items;
+};
+exports.filterList = filterList;
+exports.listComponentsMap = {
+    list: SectionListItem_1.SectionListItem,
+    grid: SectionListItem_2.GridListItem,
+    default: SectionListItem_1.SectionListItem,
+};
+var getListComponent = function (componentPreset) {
+    if (!componentPreset || !exports.listComponentsMap[componentPreset]) {
+        return exports.listComponentsMap.default;
+    }
+    return exports.listComponentsMap[componentPreset];
+};
+exports.getListComponent = getListComponent;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/Components/Sections/SectionContainer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/utils.ts"],"names":[],"mappings":";;;AAAA,kEAAgE;AAChE,kEAA6D;AAE7D,gEAAgE;AACzD,IAAM,UAAU,GAAG,UAAC,KAAK,EAAE,KAAK;;IACrC,IACE,CAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,sBAAsB;QAC1C,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,gBAAgB,CAAC,EACjD,CAAC;QACD,OAAO,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;gBAAJ,EAAE,QAAA;YAAO,OAAA,EAAE,KAAK,sBAAsB;QAA7B,CAA6B,CAAC,CAAA;IAChE,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAEY,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,iCAAe;IACrB,IAAI,EAAE,8BAAY;IAClB,OAAO,EAAE,iCAAe;CACzB,CAAA;AAIM,IAAM,gBAAgB,GAAG,UAAC,eAAmC;IAClE,IAAI,CAAC,eAAe,IAAI,CAAC,yBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC;QAC5D,OAAO,yBAAiB,CAAC,OAAO,CAAA;IAClC,CAAC;IAED,OAAO,yBAAiB,CAAC,eAAe,CAAC,CAAA;AAC3C,CAAC,CAAA;AANY,QAAA,gBAAgB,oBAM5B"}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const componentMap: {
+    reason: React.FC<import("../Sections/SectionContainer").GridSectionProps>;
+    downgrade: React.FC<import("../Elements/SectionListItem").SectionListItemProps>;
+    confirmCancel: React.FC<import("../Elements/SectionListItem").SectionListItemProps>;
+};
+export type SelectionData = {
+    id: string;
+};
+export type StepController = (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/cjs/Components/Templates/CancellationStepperRender.js

@@ -0,0 +1,181 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentMap = void 0;
+var react_1 = __importStar(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var newskit_1 = require("newskit");
+var navigation_1 = require("next/navigation");
+var SectionListItem_1 = require("../Elements/SectionListItem");
+var SectionContainer_1 = require("../Sections/SectionContainer");
+var helpers_1 = require("../../helpers");
+exports.componentMap = {
+    reason: SectionContainer_1.GridSection,
+    downgrade: SectionListItem_1.SectionListItem,
+    confirmCancel: SectionListItem_1.SectionListItem,
+};
+var CancellationStepperRender = function () {
+    var _a, _b, _c;
+    var contextName = types_1.ContextName.CancellationStepper;
+    var _d = (0, context_1.useAccountContext)(contextName), header = _d.header, components = _d.components, componentSequence = _d.componentSequence, showBackButton = _d.showBackButton, tealiumContext = _d.tealiumContext, userData = _d.userData, contentContainerOverrides = _d.contentContainerOverrides, baseUrl = _d.baseUrl;
+    var router = (0, navigation_1.useRouter)();
+    var searchParams = (0, navigation_1.useSearchParams)();
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var type = (_a = userData === null || userData === void 0 ? void 0 : userData.subscriptions[0]) === null || _a === void 0 ? void 0 : _a.type;
+    if (!type || !componentSequence[type])
+        return null;
+    var _e = (0, react_1.useState)(null), selections = _e[0], setSelections = _e[1];
+    var pagesInOrder = componentSequence[type];
+    var _f = (0, react_1.useState)(null), overrideComponent = _f[0], setOverrideComponent = _f[1];
+    var _g = (0, react_1.useState)([]), filteredPages = _g[0], setFilteredPages = _g[1];
+    var stepFromUrl = searchParams.get('step');
+    var currentStepComponent = overrideComponent || stepFromUrl || pagesInOrder[0];
+    var activePages = filteredPages.length > 0 ? filteredPages : pagesInOrder;
+    var stepIndex = activePages.findIndex(function (page) { return page === currentStepComponent; });
+    var SectionComponent = exports.componentMap[currentStepComponent];
+    var componentProps = components[currentStepComponent];
+    var updateUrlWithStep = function (step) {
+        var params = new URLSearchParams(searchParams.toString());
+        params.set('step', step);
+        router.push("?".concat(params.toString()));
+    };
+    (0, react_1.useEffect)(function () {
+        if (!stepFromUrl) {
+            var defaultStep = pagesInOrder[0];
+            updateUrlWithStep(defaultStep);
+        }
+    }, []);
+    var handleBackBtn = function (event) {
+        var _a;
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        if (overrideComponent) {
+            setOverrideComponent(null);
+            setFilteredPages([]);
+            router.back();
+            return;
+        }
+        if (stepIndex <= 0) {
+            // Temporary until the 'Cancel Subscription' modal is implemented
+            // router.back() redirects to about_blank when there is no referrer
+            router.push((0, helpers_1.replaceBaseURL)(baseUrl || '', (_a = header === null || header === void 0 ? void 0 : header.backButton) === null || _a === void 0 ? void 0 : _a.href));
+            // router.back()
+            return;
+        }
+        updateUrlWithStep(activePages[stepIndex - 1]);
+    };
+    var stepController = function (event, override, eventContext) {
+        var _a;
+        if (override === void 0) { override = null; }
+        if (eventContext === void 0) { eventContext = {}; }
+        (_a = event === null || event === void 0 ? void 0 : event.preventDefault) === null || _a === void 0 ? void 0 : _a.call(event);
+        // tracking on click
+        var _b = tealiumContext || {}, originator = _b.originator, context = _b.context;
+        var pageStep = eventContext.page_step;
+        /* istanbul ignore next */
+        fireEvent((0, shared_components_1.createClickEvent)(originator || 'link', '', '', '', (context === null || context === void 0 ? void 0 : context.page_name) || '', pageStep));
+        // Default behaviour - go to next step
+        if (!override) {
+            var nextStep = activePages[stepIndex + 1];
+            updateUrlWithStep(nextStep);
+            return;
+        }
+        setOverrideComponent(override);
+        setFilteredPages(pagesInOrder.filter(function (page) { return page !== override; }));
+        updateUrlWithStep(override);
+    };
+    var handleCardClick = function (_event, selectionData) {
+        setSelections(selectionData);
+    };
+    var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            fetch('/api/we-dont-have-the-route-yet', {
+                method: 'post',
+                body: JSON.stringify(selections),
+            });
+            return [2 /*return*/];
+        });
+    }); };
+    // general tracking for page views
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    if (!currentStepComponent || !SectionComponent) {
+        return null;
+    }
+    var shouldShowBackButton = (_b = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _b !== void 0 ? _b : showBackButton;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        shouldShowBackButton && (header === null || header === void 0 ? void 0 : header.backButton) && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, header.backButton), { href: (0, helpers_1.replaceBaseURL)(baseUrl || '', (_c = header === null || header === void 0 ? void 0 : header.backButton) === null || _c === void 0 ? void 0 : _c.href) }), backButtonOverrides: header.backButtonOverrides, eventContext: header.backButton.eventContext, onClick: handleBackBtn })),
+        react_1.default.createElement(shared_components_1.ContentContainer, __assign({}, contentContainerOverrides),
+            react_1.default.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, handleSubmit: handleSubmit })))));
+};
+exports.default = CancellationStepperRender;
+//# sourceMappingURL=CancellationStepperRender.js.map

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

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

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

@@ -25,11 +25,12 @@ var context_1 = require("../../context");
 var types_1 = require("../../context/types");
 var ContentContainer_1 = __importDefault(require("../Sections/ContentContainer"));
 var CardContentContainer_1 = __importDefault(require("../Sections/CardContentContainer"));
+var CancelSubscription_1 = __importDefault(require("../Sections/CancelSubscription"));
 var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  clear: both;\n"], ["\n  clear: both;\n"])));
 var DisplayRenderer = function (_a) {
     var _b, _c, _d;
     var id = _a.id, contextName = _a.contextName, isNoBillingSubscription = _a.isNoBillingSubscription;
-    var _e = (0, context_1.useAccountContext)(contextName), header = _e.header, sections = _e.sections, userData = _e.userData;
+    var _e = (0, context_1.useAccountContext)(contextName), header = _e.header, sections = _e.sections, userData = _e.userData, featureFlags = _e.featureFlags;
     var subscriptionType = ((_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) &&
         userData.subscriptions[0].type.toLowerCase();
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -45,6 +46,13 @@ var DisplayRenderer = function (_a) {
                 else {
                     ComponentToRender = ContentContainer_1.default;
                 }
+                if (section.componentType === 'cancelActions') {
+                    if (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription) {
+                        ComponentToRender = CancelSubscription_1.default;
+                        return (react_1.default.createElement(ComponentToRender, __assign({}, section.props, { contextName: contextName, id: id, key: i })));
+                    }
+                    return null;
+                }
                 if (isNoBillingSubscription) {
                     if (section.billingType === types_1.SectionBillingType.Billing)
                         return null;

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,uEAA0D;AAE1D,yCAGsB;AACtB,6CAK4B;AAC5B,kFAA2D;AAC3D,0FAAmE;AAEnE,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,uFAAA,oBAEhC,IAAA,CAAA;AAQD,IAAM,eAAe,GAAiC,UAAC,EAItD;;QAHC,EAAE,QAAA,EACF,WAAW,iBAAA,EACX,uBAAuB,6BAAA;IAEjB,IAAA,KAAiC,IAAA,2BAAiB,EACtD,WAAW,CACwB,EAF7B,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAEG,CAAA;IAErC,IAAM,gBAAgB,GACpB,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI;QAClC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;IAE9C,OAAO,CACL;QACG,CAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,0CAAE,aAAa,MAAK,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxD,8BAAC,0BAAM,aACL,oBAAoB,EAAE;gBACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;aACnD,IACG,MAAM,EACV,CACH;QAED,8BAAC,WAAW,QACT,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;gBACtB,IAAI,iBAAiB,CAAA;gBACrB,IAAI,OAAO,CAAC,aAAa,KAAK,gBAAgB,EAAE,CAAC;oBAC/C,iBAAiB,GAAG,8BAAoB,CAAA;gBAC1C,CAAC;qBAAM,CAAC;oBACN,iBAAiB,GAAG,0BAAgB,CAAA;gBACtC,CAAC;gBAED,IAAI,uBAAuB,EAAE,CAAC;oBAC5B,IAAI,OAAO,CAAC,WAAW,KAAK,0BAAkB,CAAC,OAAO;wBACpD,OAAO,IAAI,CAAA;oBACb,OAAO,CACL,8BAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;gBACH,CAAC;gBAED,IAAI,OAAO,CAAC,WAAW,KAAK,0BAAkB,CAAC,SAAS;oBACtD,OAAO,IAAI,CAAA;gBAEb,IAAM,6BAA6B,GACjC,gBAAgB,KAAK,wBAAgB,CAAC,OAAO;oBAC7C,OAAO,CAAC,IAAI,KAAK,oBAAY,CAAC,OAAO,CAAA;gBAEvC,OAAO,6BAA6B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,8BAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;YACH,CAAC,CAAC,CACQ,CACb,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
+{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":"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"}