@newskit-render/my-account 0.0.0-e67c7c42 → 0.0.0-e74abe310

package/dist/esm/Components/Sections/NoSubscription/SunNoSubscription.js

@@ -0,0 +1,68 @@
+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 { Image, getAspectRatio } from '@newskit-render/shared-components';
+import { Block, Button, GridLayout, GridLayoutItem, InlineMessage, styled, TextBlock, toNewsKitIcon, } from 'newskit';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+import { Launch } from '@emotion-icons/material/Launch';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+var IconFilledLaunch = toNewsKitIcon(Launch);
+var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var center = _a.center;
+    return center && "text-align: center;";
+});
+export var SunNoSubscription = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var header = _a.header, buttonProps = _a.buttonProps;
+    var _g = header || {}, introductionCell = _g.introductionCell, title = _g.title, titleOverrides = _g.titleOverrides, _h = _g.center, center = _h === void 0 ? false : _h, image = _g.image, imageCell = _g.imageCell, inlineMessage = _g.inlineMessage;
+    var titleDefaultMarginBlockEnd = inlineMessage
+        ? 'space040'
+        : { xs: 'space050', md: 'space060' };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(GridLayout, { columns: "repeat(12, 1fr)", "data-testid": "page-header" },
+            React.createElement(GridLayoutItem, __assign({ column: { xs: '1 / span 12' } }, introductionCell),
+                title && (React.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, center: center },
+                    React.createElement(TextBlock, { as: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.as) || 'h1', "data-testid": "introduction-title", typographyPreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.typographyPreset) || {
+                            xs: 'editorialHeadline040',
+                            md: 'editorialHeadline050',
+                        }, stylePreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.stylePreset) || 'inkContrast' }, title))),
+                inlineMessage && (React.createElement(StyledBlock, { "data-testid": "inline-message-block", marginBlockEnd: ((_b = inlineMessage.overrides) === null || _b === void 0 ? void 0 : _b.marginBlockEnd) || {
+                        xs: 'space040',
+                        md: 'space050',
+                    }, paddingBlock: (_c = inlineMessage.overrides) === null || _c === void 0 ? void 0 : _c.paddingBlock, paddingInline: (_d = inlineMessage.overrides) === null || _d === void 0 ? void 0 : _d.paddingInline, center: center },
+                    React.createElement(InlineMessage, { overrides: {
+                            stylePreset: (inlineMessage === null || inlineMessage === void 0 ? void 0 : inlineMessage.stylePreset) || 'inlineMessageNotice',
+                            content: {
+                                message: {
+                                    stylePreset: ((_e = inlineMessage.overrides) === null || _e === void 0 ? void 0 : _e.message.stylePreset) ||
+                                        'inkBase',
+                                    typographyPreset: ((_f = inlineMessage.overrides) === null || _f === void 0 ? void 0 : _f.message.typographyPreset) || {
+                                        xs: 'editorialParagraph010',
+                                        md: 'editorialParagraph020',
+                                    },
+                                },
+                            },
+                        }, icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }) }, inlineMessage.message)))),
+            image && (React.createElement(GridLayoutItem, __assign({ column: "1 / span 12" }, imageCell, { marginBlockEnd: image.marginBlockEnd }),
+                React.createElement(Image, { src: image.src, alt: image.alt || '', aspectRatio: getAspectRatio(image.loadingAspectRatio) })))),
+        buttonProps ? (React.createElement(GridLayout, { justifyContent: "center" },
+            React.createElement(GridLayoutItem, null,
+                React.createElement(Button, { size: buttonProps.size || 'medium', "aria-label": buttonProps.ariaLabel, href: buttonProps.href, overrides: buttonProps.overrides || {}, target: buttonProps.target || '_self' },
+                    buttonProps.text,
+                    buttonProps.showIcon && React.createElement(IconFilledLaunch, null))))) : null));
+};
+var templateObject_1;
+//# sourceMappingURL=SunNoSubscription.js.map

package/dist/esm/Components/Sections/NoSubscription/SunNoSubscription.js.map

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

package/dist/esm/Components/Sections/NoSubscription/index.d.ts

@@ -1,2 +1,3 @@
 export * from './SubscriptionStatus';
+export * from './SunNoSubscription';
 export * from './types';

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

@@ -1,3 +1,4 @@
 export * from './SubscriptionStatus';
+export * from './SunNoSubscription';
 export * from './types';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}

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

@@ -1,8 +1,45 @@
-import { HeaderProps, ButtonGroupProps } from '@newskit-render/shared-components';
-import { ContentPassContext } from 'context/types';
+import { HeaderProps, ButtonGroupProps, IntroductionProps } from '@newskit-render/shared-components';
+import { ImageProps, MQ } from 'newskit';
+import { GridLayoutItemProps } from 'newskit/cjs/grid-layout/types';
 export interface SubscriptionStatusProps {
     header?: HeaderProps;
     disableBanner?: boolean;
     buttonGroupProps?: Partial<ButtonGroupProps>;
-    contentPass?: ContentPassContext;
+}
+export interface SunNoSubscriptionProps {
+    header?: IntroductionProps & {
+        image?: (ImageProps & {
+            marginBlockEnd?: MQ<string>;
+        }) | false;
+        marginBlockEnd?: MQ<string>;
+        imageCell?: GridLayoutItemProps;
+        introductionCell?: GridLayoutItemProps;
+        inlineMessage?: {
+            message?: string;
+            stylePreset?: MQ<string>;
+            overrides?: {
+                stylePreset?: MQ<string>;
+                message: {
+                    stylePreset?: MQ<string>;
+                    typographyPreset?: MQ<string>;
+                    marginBlockEnd?: MQ<string>;
+                };
+                paddingBlock?: MQ<string>;
+                paddingInline?: MQ<string>;
+                marginBlockEnd?: MQ<string>;
+            };
+        };
+    };
+    buttonProps?: {
+        size: 'small' | 'medium' | 'large';
+        text: string | React.ReactElement | React.ReactNode;
+        showIcon?: boolean;
+        ariaLabel?: string;
+        href?: string;
+        target?: '_self' | '_blank';
+        overrides?: {
+            stylePreset?: MQ<string>;
+            minWidth?: MQ<string>;
+        };
+    };
 }

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,39 @@
+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, props = __rest(_a, ["header", "items", "containerOverrides", "baseUrl", "itemContainerOverrides", "itemHeaderOverrides", "itemImageOverrides", "belowItemExtra", "onNextStep", "handleCardClick", "eventContext"]);
+    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); } }, 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,EAavD;IAZC,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,EACT,KAAK,cAZ8C,8LAavD,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,IAC/B,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,54 @@
+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 { useAccountContext } from '../../../context';
+import { ContextName } from '../../../context/types';
+import { filterList, 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;
+    var contextName = ContextName.userHubPage;
+    var _b = useAccountContext(contextName), userCapabilities = _b.userData.userCapabilities, featureFlags = _b.featureFlags;
+    var _c = userCapabilities || {}, isRegisteredUser = _c.isRegisteredUser, hasPaymentData = _c.hasPaymentData;
+    var itemsToRender = filterList(items, {
+        featureFlags: featureFlags,
+        isRegisteredUser: isRegisteredUser,
+        hasPaymentData: hasPaymentData,
+    });
+    return (React.createElement(Stack, { flow: "vertical-stretch" },
+        React.createElement(Header, __assign({}, header)),
+        React.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 = 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,iBAAiB,EAAyB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGtD,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,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAGF,iBAAiB,CAAC,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,UAAU,CAAC,KAAK,EAAE;QACtC,YAAY,cAAA;QACZ,gBAAgB,kBAAA;QAChB,cAAc,gBAAA;KACf,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB;QAC5B,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,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,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,39 @@
+import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceOverrides, 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, 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;
+    eventContext?: EventContext;
+}

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,24 @@
+import { SectionListItem } from '../../Elements/SectionListItem';
+import { GridListItem } from '../../Elements/SectionListItem';
+// exceptions, filtering and data transformations at render time
+export var filterList = function (items, props) {
+    if (!props.hasPaymentData || props.isRegisteredUser) {
+        return items.filter(function (_a) {
+            var id = _a.id;
+            return id !== 'payment-details-tile';
+        });
+    }
+    return items;
+};
+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,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACpD,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;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,5 @@
+import { UserHubSection } from '../../../context';
+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,53 @@
+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 { useAccountContext } from '../../../context';
+import { ContextName } from '../../../context/types';
+import { SectionListItem } from '../../Elements/SectionListItem';
+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;
+    var contextName = ContextName.userHubPage;
+    var userCapabilities = useAccountContext(contextName).userData.userCapabilities;
+    var _b = userCapabilities || {}, isRegisteredUser = _b.isRegisteredUser, hasPaymentData = _b.hasPaymentData;
+    var itemsToRender = items.filter(function (_a) {
+        var id = _a.id;
+        var shouldHidePaymentDetails = id === 'payment-details-tile' && (!hasPaymentData || isRegisteredUser);
+        return !shouldHidePaymentDetails;
+    });
+    return (React.createElement(Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(StyledStructuredList, { divider: true }, itemsToRender.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,iBAAiB,EAAyB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,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,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IAE7B,IAAA,gBAAgB,GAC1B,iBAAiB,CAAC,WAAW,CAA0B,0BAD7B,CAC6B;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB,IAAI,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAExE,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,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,8 @@
+import { UserHubNewslettersSection } from '../../../context/types';
+import { NewsletterDetails, UserCapabilitiesDecisions } from '../../../pages/types';
+export interface NewslettersSectionProps extends UserHubNewslettersSection {
+    newsletters: NewsletterDetails[];
+    capabilities?: UserCapabilitiesDecisions;
+    featureFlags?: Record<string, boolean>;
+}
+export declare const NewslettersSection: ({ header, newsletters, newslettersListProps, capabilities, featureFlags, ...rest }: NewslettersSectionProps) => JSX.Element | null;

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

@@ -0,0 +1,64 @@
+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  &:last-child {\n    display: none;\n  }\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"], ["\n  &:last-child {\n    display: none;\n  }\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"])), getMediaQueryFromTheme('md'));
+var userNewsletterMap = {
+    basicPack: 'default',
+    lightPack: 'default',
+    registered: 'registered',
+    full: 'full',
+};
+export var NewslettersSection = function (_a) {
+    var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, capabilities = _a.capabilities, featureFlags = _a.featureFlags, rest = __rest(_a, ["header", "newsletters", "newslettersListProps", "capabilities", "featureFlags"]);
+    var newslettersList = useMemo(function () {
+        if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
+            return [];
+        }
+        var userHubNewslettersIds = newslettersListProps.userHubNewslettersIds;
+        var _a = capabilities || {}, lightPack = _a.lightPack, basicPack = _a.basicPack, registered = _a.registered;
+        var packs = { lightPack: lightPack, basicPack: basicPack, registered: registered };
+        var entitlement = Object.keys(packs).find(function (key) { return packs[key] && key; }) || 'full';
+        var newslettersForUser = userHubNewslettersIds[userNewsletterMap[entitlement]];
+        return newsletters
+            .filter(function (n) { return newslettersForUser.some(function (nl) { return nl === n.bulletinId; }); })
+            .sort(function (a, b) {
+            return newslettersForUser.indexOf(a.bulletinId) -
+                newslettersForUser.indexOf(b.bulletinId);
+        });
+    }, [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 }, 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,EAAE,MAAM,SAAS,CAAA;AAC/D,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,kLAAA,iDAI/C,EAA4B,4DAK/B,KALG,sBAAsB,CAAC,IAAI,CAAC,CAK/B,CAAA;AAED,IAAM,iBAAiB,GAAG;IACxB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,YAAY;IACxB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAOT;IANxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACT,IAAI,cAN0B,iFAOlC,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;QACO,IAAA,qBAAqB,GAAK,oBAAoB,sBAAzB,CAAyB;QAChD,IAAA,KAAuC,YAAY,IAAI,EAAE,EAAvD,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAuB,CAAA;QAC/D,IAAM,KAAK,GAAG,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,CAAA;QAClD,IAAM,WAAW,GACf,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,EAAjB,CAAiB,CAAC,IAAI,MAAM,CAAA;QAC/D,IAAM,kBAAkB,GACtB,qBAAqB,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;QAEvD,OAAO,WAAW;aACf,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,kBAAkB,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,KAAK,CAAC,CAAC,UAAU,EAAnB,CAAmB,CAAC,EAApD,CAAoD,CAAC;aACnE,IAAI,CACH,UAAC,CAAC,EAAE,CAAC;YACH,OAAA,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;gBACxC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QADxC,CACwC,CAC3C,CAAA;IACL,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,IAE5D,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/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

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AccountDeletionErrorRender: () => JSX.Element;