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

package/dist/esm/Components/Sections/OfferPreview/SummaryRow.js

@@ -0,0 +1,31 @@
+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 { TextBlock, Stack } from 'newskit';
+import React from 'react';
+export var SummaryRow = function (_a) {
+    var label = _a.label, value = _a.value, labelOverrides = _a.labelOverrides, valueOverrides = _a.valueOverrides, rest = __rest(_a, ["label", "value", "labelOverrides", "valueOverrides"]);
+    return (React.createElement(Stack, __assign({ flow: "horizontal-stretch", stackDistribution: "space-between" }, rest),
+        React.createElement(TextBlock, __assign({}, labelOverrides), label),
+        React.createElement(TextBlock, __assign({}, valueOverrides), value)));
+};
+//# sourceMappingURL=SummaryRow.js.map

package/dist/esm/Components/Sections/OfferPreview/SummaryRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryRow.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/OfferPreview/SummaryRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAkB,MAAM,SAAS,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAMrD;IALC,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACX,IAAI,cAL6C,sDAMrD,CADQ;IAEP,OAAO,CACL,oBAAC,KAAK,aACJ,IAAI,EAAC,oBAAoB,EACzB,iBAAiB,EAAC,eAAe,IAC7B,IAAI;QAER,oBAAC,SAAS,eAAK,cAAc,GAAG,KAAK,CAAa;QAClD,oBAAC,SAAS,eAAK,cAAc,GAAG,KAAK,CAAa,CAC5C,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/OfferPreview/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/OfferPreview/index.js.map

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

package/dist/esm/Components/Sections/OfferPreview/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/OfferPreview/types.js.map

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

package/dist/esm/Components/Sections/SectionContainer/GridSection.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { GridSectionProps } from './types';
+export declare const GridSection: React.FC<GridSectionProps>;

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

@@ -0,0 +1,42 @@
+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 { Header } from '@newskit-render/shared-components';
+import { replaceBaseURL } from '../../../helpers';
+import { GridLayout, Stack } from 'newskit';
+import React from 'react';
+import { GridListItem } from '../../Elements/SectionListItem';
+import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
+export 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, itemHeaderOverrides = _a.itemHeaderOverrides, itemImageOverrides = _a.itemImageOverrides, belowItemExtra = _a.belowItemExtra, onNextStep = _a.onNextStep, handleCardClick = _a.handleCardClick, eventContext = _a.eventContext, user = _a.user, props = __rest(_a, ["header", "items", "containerOverrides", "baseUrl", "itemContainerOverrides", "itemHeaderOverrides", "itemImageOverrides", "belowItemExtra", "onNextStep", "handleCardClick", "eventContext", "user"]);
+    return (React.createElement(Stack, { flow: "vertical-stretch" },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(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.createElement(GridListItem, __assign({ eventContext: eventContext, key: "".concat(itemProps === null || itemProps === void 0 ? void 0 : itemProps.ariaLabel, "-").concat(idx), containerOverrides: itemContainerOverrides, headerOverrides: itemHeaderOverrides, imageOverrides: itemImageOverrides, href: replaceBaseURL(baseUrl, href), baseUrl: baseUrl, componentType: componentType, handleClick: handleCardClick }, props, itemProps)));
+        })),
+        belowItemExtra && (React.createElement(ForwardButton, __assign({ baseUrl: baseUrl, onClick: function (e) { return onNextStep(e, null); }, userTrackingData: {
+                cpn: user === null || user === void 0 ? void 0 : user.cpn,
+                subscriptions: user === null || user === void 0 ? void 0 : user.subscriptions,
+            } }, belowItemExtra)))));
+};
+//# sourceMappingURL=GridSection.js.map

package/dist/esm/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,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAE1E,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAcvD;IAbC,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,sBAAsB,4BAAA,EACtB,mBAAmB,yBAAA,EACnB,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,IAAI,UAAA,EACD,KAAK,cAb8C,sMAcvD,CADS;IAER,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB;QAC5B,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,UAAU,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,oBAAC,YAAY,aACX,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,UAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,cAAI,GAAG,CAAE,EACrC,kBAAkB,EAAE,sBAAsB,EAC1C,eAAe,EAAE,mBAAmB,EACpC,cAAc,EAAE,kBAAkB,EAClC,IAAI,EAAE,cAAc,CAAC,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,oBAAC,aAAa,aACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,EAAnB,CAAmB,EACnC,gBAAgB,EAAE;gBAChB,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG;gBACd,aAAa,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa;aACnC,IACG,cAAc,EAClB,CACH,CACK,CACT,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,44 @@
+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 { Header } from '@newskit-render/shared-components';
+import { replaceBaseURL } from '../../../helpers';
+import { Stack, StructuredList, getColorCssFromTheme, styled } from 'newskit';
+import { getListComponent } from './utils';
+var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'));
+export var ListSection = function (_a) {
+    var header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl, divider = _a.divider;
+    return (React.createElement(Stack, { flow: "vertical-stretch" },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(StyledStructuredList, { divider: divider }, items === null || items === void 0 ? void 0 : items.map(function (_a) {
+            var href = _a.href, componentType = _a.componentType, props = __rest(_a, ["href", "componentType"]);
+            var RenderList = getListComponent(componentType);
+            return (React.createElement(RenderList, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: replaceBaseURL(baseUrl || '', href) })));
+        }))));
+};
+var templateObject_1;
+//# sourceMappingURL=ListSection.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG1C,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB;QAC5B,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,EAAiC;YAA/B,IAAA,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;YAC1C,IAAM,UAAU,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAA;YAClD,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,cAAc,CAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,IACzC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/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/esm/Components/Sections/SectionContainer/SectionContainer.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);
+};
+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 { GridSection } from './GridSection';
+import { ListSection } from './ListSection';
+export var containerComponentsMap = {
+    list: ListSection,
+    grid: GridSection,
+};
+export var getContainerComponent = function (componentPreset) {
+    if (!componentPreset || !containerComponentsMap[componentPreset]) {
+        return containerComponentsMap.list;
+    }
+    return containerComponentsMap[componentPreset];
+};
+export var SectionContainer = function (_a) {
+    var layoutType = _a.layoutType, props = __rest(_a, ["layoutType"]);
+    var Container = getContainerComponent(layoutType);
+    return React.createElement(Container, __assign({}, props));
+};
+//# sourceMappingURL=SectionContainer.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,IAAM,sBAAsB,GAAG;IACpC,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,WAAW;CAClB,CAAA;AAID,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,eAAmC;IACvE,IAAI,CAAC,eAAe,IAAI,CAAC,sBAAsB,CAAC,eAAe,CAAC,EAAE,CAAC;QACjE,OAAO,sBAAsB,CAAC,IAAI,CAAA;IACpC,CAAC;IAED,OAAO,sBAAsB,CAAC,eAAe,CAAC,CAAA;AAChD,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAAwB;IAAtB,IAAA,UAAU,gBAAA,EAAK,KAAK,cAAtB,cAAwB,CAAF;IACrD,IAAM,SAAS,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAA;IACnD,OAAO,oBAAC,SAAS,eAAK,KAAK,EAAI,CAAA;AACjC,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+export * from './GridSection';
+export * from './ListSection';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,41 @@
+import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceAndNoticeOverrides, EventContext } from '@newskit-render/shared-components';
+import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
+import { MQ, ImageProps } from 'newskit';
+import { NewslettersGridOverrides, CancellationItem, CancellationSection } from '../../../context/types';
+import { HandleCardClick, NextStepProps } from '../../Templates/CancellationStepperRender';
+import { UserData } from '../../../pages/types';
+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?: InvoiceAndNoticeOverrides;
+    belowContentExtra?: BelowContentExtra;
+};
+export interface BaseSectionProps extends CancellationSection, CancellationItem {
+    baseUrl?: string;
+    divider?: boolean;
+    gridLayoutOverrides?: NewslettersGridOverrides;
+}
+export interface GridSectionProps extends CancellationSection {
+    baseUrl?: string;
+    onNextStep: NextStepProps;
+    handleCardClick: HandleCardClick;
+    eventContext?: EventContext;
+    user?: UserData;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,23 @@
+import { SectionListItem } from '../../Elements/SectionListItem';
+import { GridListItem } from '../../Elements/SectionListItem';
+// exceptions, filtering and data transformations at render time
+export var filterList = function (items, props) {
+    return items.filter(function (_a) {
+        var id = _a.id;
+        var shouldHidePaymentDetails = id === 'payment-details-tile' &&
+            (!props.hasPaymentData || props.isRegisteredUser);
+        return !shouldHidePaymentDetails;
+    });
+};
+export var listComponentsMap = {
+    list: SectionListItem,
+    grid: GridListItem,
+    default: SectionListItem,
+};
+export var getListComponent = function (componentPreset) {
+    if (!componentPreset || !listComponentsMap[componentPreset]) {
+        return listComponentsMap.default;
+    }
+    return listComponentsMap[componentPreset];
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/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,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAE7D,gEAAgE;AAChE,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAAK,EAAE,KAAK;IACrC,OAAO,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACvB,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB;YAC7B,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAA;QAEnD,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;CACzB,CAAA;AAID,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,eAAmC;IAClE,IAAI,CAAC,eAAe,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC;QAC5D,OAAO,iBAAiB,CAAC,OAAO,CAAA;IAClC,CAAC;IAED,OAAO,iBAAiB,CAAC,eAAe,CAAC,CAAA;AAC3C,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+import { UserHubSection } from '../../../context';
+export declare const StyledStructuredList: import("@emotion/styled").StyledComponent<import("newskit").StructuredListProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export interface BaseSectionProps extends UserHubSection {
+    baseUrl: string;
+}
+export declare const BaseSection: ({ dataTestId, header, items, containerOverrides, baseUrl, }: BaseSectionProps) => JSX.Element;

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

@@ -0,0 +1,43 @@
+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 { Header } from '@newskit-render/shared-components';
+import { replaceBaseURL } from '../../../helpers';
+import { Stack, StructuredList, getColorCssFromTheme, styled } from 'newskit';
+import React from 'react';
+import { SectionListItem } from '../../Elements/SectionListItem';
+export var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'));
+export var BaseSection = function (_a) {
+    var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
+    return (React.createElement(Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(StyledStructuredList, { divider: true }, items.map(function (_a) {
+            var href = _a.href, props = __rest(_a, ["href"]);
+            return (React.createElement(SectionListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: replaceBaseURL(baseUrl, href) })));
+        }))));
+};
+var templateObject_1;
+//# sourceMappingURL=BaseSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAEtD,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACjC,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/UserHub/NewslettersSection.d.ts

@@ -0,0 +1,9 @@
+import { BlockProps } from 'newskit';
+import { UserHubNewslettersSection } from '../../../context/types';
+import { NewsletterDetails, UserCapabilitiesDecisions } from '../../../pages/types';
+export interface NewslettersSectionProps extends UserHubNewslettersSection {
+    newsletters: NewsletterDetails[];
+    capabilities?: UserCapabilitiesDecisions;
+    newslettersListOverrides?: BlockProps;
+}
+export declare const NewslettersSection: ({ header, newsletters, newslettersListProps, capabilities, newslettersListOverrides, ...rest }: NewslettersSectionProps) => JSX.Element | null;

package/dist/esm/Components/Sections/UserHub/NewslettersSection.js

@@ -0,0 +1,61 @@
+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 { Header } from '@newskit-render/shared-components';
+import { Stack, getMediaQueryFromTheme, styled } from 'newskit';
+import React, { useMemo } from 'react';
+import { NewslettersList } from '../NewslettersList';
+import NewsletterCard from '../../../Components/Elements/NewsletterCard';
+var StyledNewsletterCard = styled(NewsletterCard)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"], ["\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"])), getMediaQueryFromTheme('md'));
+export var NewslettersSection = function (_a) {
+    var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, capabilities = _a.capabilities, newslettersListOverrides = _a.newslettersListOverrides, rest = __rest(_a, ["header", "newsletters", "newslettersListProps", "capabilities", "newslettersListOverrides"]);
+    var newslettersList = useMemo(function () {
+        if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
+            return [];
+        }
+        return newsletters
+            .filter(function (n) { return n.landingPage; })
+            .sort(function (a, b) {
+            // Featured newsletters come first
+            if (a.featured && !b.featured) {
+                return -1;
+            }
+            if (!a.featured && b.featured) {
+                return 1;
+            }
+            // Within the same featured group, sort by landingPageDisplayOrder ascending
+            return a.landingPageDisplayOrder - b.landingPageDisplayOrder;
+        })
+            .slice(0, 4); // Get only the first 4 newsletters
+    }, [newslettersListProps, newsletters]);
+    if (newslettersList.length === 0)
+        return null;
+    return (React.createElement(Stack, __assign({ flow: "vertical-stretch", "data-testid": "newsletters-grid" }, rest),
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(NewslettersList, { gridLayoutOverrides: newslettersListProps.gridLayoutOverrides, newslettersListOverrides: newslettersListOverrides }, newslettersList.map(function (newsletter) { return (React.createElement(StyledNewsletterCard, __assign({ newsletter: newsletter }, newslettersListProps, { "data-testid": "newsletter-card", imageVisible: true, key: newsletter.bulletinId }))); }))));
+};
+var templateObject_1;
+//# sourceMappingURL=NewslettersSection.js.map

package/dist/esm/Components/Sections/UserHub/NewslettersSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewslettersSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/NewslettersSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,EAAc,MAAM,SAAS,CAAA;AAC3E,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,cAAc,MAAM,6CAA6C,CAAA;AAOxE,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,uIAAA,MAC/C,EAA4B,4DAK/B,KALG,sBAAsB,CAAC,IAAI,CAAC,CAK/B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAOT;IANxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,YAAY,kBAAA,EACZ,wBAAwB,8BAAA,EACrB,IAAI,cAN0B,6FAOlC,CADQ;IAEP,IAAM,eAAe,GAAG,OAAO,CAAC;QAC9B,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE,CAAC;YACzC,OAAO,EAAE,CAAA;QACX,CAAC;QAED,OAAO,WAAW;aACf,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,WAAW,EAAb,CAAa,CAAC;aAC5B,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;YACT,kCAAkC;YAClC,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9B,OAAO,CAAC,CAAC,CAAA;YACX,CAAC;YAED,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9B,OAAO,CAAC,CAAA;YACV,CAAC;YAED,4EAA4E;YAC5E,OAAO,CAAC,CAAC,uBAAuB,GAAG,CAAC,CAAC,uBAAuB,CAAA;QAC9D,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAC,mCAAmC;IACpD,CAAC,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7C,OAAO,CACL,oBAAC,KAAK,aAAC,IAAI,EAAC,kBAAkB,iBAAa,kBAAkB,IAAK,IAAI;QACpE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,eAAe,IACd,mBAAmB,EAAE,oBAAoB,CAAC,mBAAmB,EAC7D,wBAAwB,EAAE,wBAAwB,IAEjD,eAAe,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACnC,oBAAC,oBAAoB,aACnB,UAAU,EAAE,UAAU,IAClB,oBAAoB,mBACZ,iBAAiB,EAC7B,YAAY,EAAE,IAAI,EAClB,GAAG,EAAE,UAAU,CAAC,UAAU,IAC1B,CACH,EARoC,CAQpC,CAAC,CACc,CACZ,CACT,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,47 @@
+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 { Stack, Block } from 'newskit';
+import { Header } from '@newskit-render/shared-components';
+import { SectionListItem } from '../../Elements/SectionListItem';
+import { StyledStructuredList } from './BaseSection';
+import { BenefitsListItem } from '@newskit-render/shared-components';
+import { CURRENCY_MAP } from '../../../constants';
+export var SubscriptionDetailsSection = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var header = _a.header, containerOverrides = _a.containerOverrides, benefits = _a.benefits, cancelSubscription = _a.cancelSubscription, user = _a.user;
+    var price = (_c = (_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.price;
+    var currency = (_e = (_d = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.currency;
+    var itemsToRender = [
+        React.createElement(SectionListItem, { key: "type", title: "Type", subtitle: ((_g = (_f = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.type) || '', containerOverrides: containerOverrides }),
+        React.createElement(SectionListItem, { key: "price", title: "Price", subtitle: price && currency ? "".concat(CURRENCY_MAP[currency]).concat(price) : '', containerOverrides: containerOverrides }),
+    ];
+    if ((benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (benefits === null || benefits === void 0 ? void 0 : benefits.items) && benefits.items.length > 0) {
+        itemsToRender.push(React.createElement(SectionListItem, { key: "benefits", title: benefits.title, containerOverrides: containerOverrides, itemOverrides: {
+                column: '1/-1',
+            } },
+            React.createElement(Block, null, benefits.items.map(function (benefit, index) {
+                var _a;
+                var isLastItem = index === ((_a = benefits.items) === null || _a === void 0 ? void 0 : _a.length) - 1;
+                return (React.createElement(BenefitsListItem, __assign({ key: benefit.code }, benefit, { containerOverrides: {
+                        paddingBlockEnd: isLastItem ? 'space000' : 'space050',
+                    } })));
+            }))));
+    }
+    if (cancelSubscription) {
+        itemsToRender.push(React.createElement(SectionListItem, __assign({ key: "cancel-subscription" }, cancelSubscription, { containerOverrides: containerOverrides })));
+    }
+    return (React.createElement(Stack, { flow: "vertical-stretch", "data-testid": "subscription-details-section" },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(StyledStructuredList, { divider: true }, itemsToRender)));
+};
+//# sourceMappingURL=SubscriptionDetailsSection.js.map

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

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

package/dist/esm/Components/Sections/UserHub/UpgradeSection.d.ts

@@ -0,0 +1,2 @@
+import { UserHubUpgradeSection } from '../../../context/types';
+export declare const UpgradeSection: ({ dataTestId, containerOverrides, header, description, button, }: UserHubUpgradeSection) => JSX.Element;

package/dist/esm/Components/Sections/UserHub/UpgradeSection.js

@@ -0,0 +1,29 @@
+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 { Stack, Button, TextBlock, getColorCssFromTheme, styled } from 'newskit';
+import { Header } from '@newskit-render/shared-components';
+var StyledStack = styled(Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface040'));
+export var UpgradeSection = function (_a) {
+    var dataTestId = _a.dataTestId, containerOverrides = _a.containerOverrides, header = _a.header, description = _a.description, button = _a.button;
+    return (React.createElement(Stack, { "data-testid": dataTestId || 'upgrade-subscription' },
+        React.createElement(Header, __assign({ fullWidthTitle: true }, header)),
+        React.createElement(StyledStack, __assign({ paddingBlock: "space040", paddingInline: "space040", marginBlockEnd: "space070", flow: { xs: 'vertical-stretch', md: 'horizontal-center' } }, containerOverrides),
+            (description === null || description === void 0 ? void 0 : description.text) && (React.createElement(TextBlock, __assign({ typographyPreset: "editorialParagraph010", stylePreset: "inkBase" }, description.overrides), description.text)),
+            button && (React.createElement(Button, { href: button.href, eventContext: button.eventContext, overrides: __assign({ marginBlockStart: { xs: 'space050', md: 'space000' }, marginInlineStart: { xs: 'space000', md: 'space050' }, minWidth: '168px' }, button.overrides) }, button.children)))));
+};
+var templateObject_1;
+//# sourceMappingURL=UpgradeSection.js.map

package/dist/esm/Components/Sections/UserHub/UpgradeSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpgradeSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/UpgradeSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAG1D,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,qGAAA,4BAE7B,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAMP;QALtB,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,MAAM,YAAA;IACqB,OAAA,CAC3B,oBAAC,KAAK,mBAAc,UAAU,IAAI,sBAAsB;QACtD,oBAAC,MAAM,aAAC,cAAc,UAAK,MAAM,EAAI;QACrC,oBAAC,WAAW,aACV,YAAY,EAAC,UAAU,EACvB,aAAa,EAAC,UAAU,EACxB,cAAc,EAAC,UAAU,EACzB,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,mBAAmB,EAAE,IACrD,kBAAkB;YAErB,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,CACpB,oBAAC,SAAS,aACR,gBAAgB,EAAC,uBAAuB,EACxC,WAAW,EAAC,SAAS,IACjB,WAAW,CAAC,SAAS,GAExB,WAAW,CAAC,IAAI,CACP,CACb;YACA,MAAM,IAAI,CACT,oBAAC,MAAM,IACL,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,SAAS,aACP,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EACpD,iBAAiB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EACrD,QAAQ,EAAE,OAAO,IACd,MAAM,CAAC,SAAS,KAGpB,MAAM,CAAC,QAAQ,CACT,CACV,CACW,CACR,CACT;AAnC4B,CAmC5B,CAAA"}

package/dist/esm/Components/SharedTypes/GridLayoutProps.d.ts

@@ -0,0 +1,37 @@
+import { MQ } from 'newskit';
+export interface GridLayoutProps {
+    rowGap?: MQ<string> | undefined;
+    columnGap?: MQ<string> | undefined;
+    rows?: MQ<string> | undefined;
+    columns?: MQ<string> | undefined;
+    justifyContent?: MQ<string> | undefined;
+    alignContent?: MQ<string> | undefined;
+    justifyItems?: MQ<string> | undefined;
+    alignItems?: MQ<string> | undefined;
+    areas?: MQ<string> | undefined;
+    inline?: MQ<boolean> | undefined;
+    autoColumns?: MQ<string> | undefined;
+    autoRows?: MQ<string> | undefined;
+    autoFlow?: MQ<string> | undefined;
+    children?: React.ReactNode;
+    overrides?: {
+        width?: MQ<string> | undefined;
+        minWidth?: MQ<string> | undefined;
+        maxWidth?: MQ<string> | undefined;
+        height?: MQ<string> | undefined;
+        minHeight?: MQ<string> | undefined;
+        maxHeight?: MQ<string> | undefined;
+        paddingInlineStart?: MQ<string>;
+        paddingInlineEnd?: MQ<string>;
+        paddingInline?: MQ<string>;
+        paddingBlockStart?: MQ<string>;
+        paddingBlockEnd?: MQ<string>;
+        paddingBlock?: MQ<string>;
+        marginInlineStart?: MQ<string>;
+        marginInlineEnd?: MQ<string>;
+        marginInline?: MQ<string>;
+        marginBlockStart?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
+        marginBlock?: MQ<string>;
+    };
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GridLayoutProps.js.map