@newskit-render/my-account 0.0.0-e16014a0

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

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { ButtonProps as NewkitButtonProps, MQ, ButtonSize } from 'newskit';
+import { ContentContainerProps, BelowContentExtra } from '../ContentContainer/types';
+export interface StyledTextBlock {
+    title?: string;
+    titleOverrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    description?: string | string[];
+    descriptionOverrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+}
+export type ButtonProps = Omit<NewkitButtonProps, 'children' | 'size'> & {
+    ariaLabel?: string;
+    text?: string;
+    href?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    size?: ButtonSize;
+};
+export type MultipleSubscriptionsButtonsProps = {
+    cancellationButton?: ButtonProps;
+    accessSubscriptionButton?: ButtonProps;
+    accessMembershipButton?: ButtonProps;
+    stylePreset?: MQ<string>;
+    keepFixed?: boolean;
+};
+export interface CardContentContainerProps extends Omit<ContentContainerProps, 'items'> {
+    id?: string;
+    multipleSubscriptionsButtonsProps?: Partial<MultipleSubscriptionsButtonsProps>;
+    billingDetails?: StyledTextBlock;
+    stylePreset?: MQ<string>;
+    paddingBlockEnd?: MQ<string>;
+    cardDescriptionProps?: string | string[] | JSX.Element;
+    contentHref?: {
+        title: string;
+        href: string;
+        contentHrefOverrides?: {
+            typographyPreset?: MQ<string>;
+            stylePreset?: MQ<string>;
+        };
+    };
+    belowContentExtra?: BelowContentExtra;
+}

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

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

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

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

package/dist/cjs/Components/Sections/ContentContainer/BelowContentExtra.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BelowContentExtra } from './types';
+interface BelowContentExtraProps {
+    belowContentExtra: BelowContentExtra;
+    subscriptionCancelled: string | null;
+    paymentFailure: boolean;
+    baseUrl: string;
+    subscriptionType: string;
+    isUserFamilyAccountSecondary: boolean;
+}
+declare const BelowContentExtra: React.FC<BelowContentExtraProps>;
+export default BelowContentExtra;

package/dist/cjs/Components/Sections/ContentContainer/BelowContentExtra.js

@@ -0,0 +1,92 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var StandaloneLinkComponent_1 = require("../../Elements/StandaloneLinkComponent");
+var helpers_1 = require("../../../helpers");
+var types_1 = require("../../../context/types");
+var NavigationSecondary_1 = require("../../Sections/NavigationSecondary");
+var LayoutContentContainer_1 = require("../LayoutContentContainer");
+var BelowContentExtra = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var belowContentExtra = _a.belowContentExtra, subscriptionCancelled = _a.subscriptionCancelled, paymentFailure = _a.paymentFailure, baseUrl = _a.baseUrl, subscriptionType = _a.subscriptionType, isUserFamilyAccountSecondary = _a.isUserFamilyAccountSecondary;
+    var type = belowContentExtra.type, link = belowContentExtra.link, modal = belowContentExtra.modal, infoPanel = belowContentExtra.infoPanel;
+    var _k = (0, react_1.useState)((modal === null || modal === void 0 ? void 0 : modal.open) || false), modalOpen = _k[0], setModalOpen = _k[1];
+    var dismissModal = function () { return setModalOpen(false); };
+    if (type === 'cancel-subscription') {
+        return (react_1.default.createElement(newskit_1.Grid, { xsColumnGutter: 'space000', xsRowGutter: 'space000', xsMargin: 'space000' }, link && link.props && (react_1.default.createElement(newskit_1.Cell, { xs: 12 }, subscriptionCancelled ? (infoPanel &&
+            !paymentFailure && (react_1.default.createElement(newskit_1.InlineMessage, { icon: infoPanel.icon, title: infoPanel.title, children: infoPanel.children, overrides: infoPanel.overrides || {} }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(StandaloneLinkComponent_1.StandaloneLinkComponent, __assign({}, link.props, { baseUrl: baseUrl, onClick: function (e) {
+                    if (paymentFailure) {
+                        e.preventDefault();
+                        setModalOpen(true);
+                    }
+                } })),
+            react_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
+                react_1.default.createElement(shared_components_1.Modal, __assign({}, belowContentExtra.modal, { closePosition: ((_b = belowContentExtra.modal) === null || _b === void 0 ? void 0 : _b.closePosition) || 'right', open: modalOpen, onDismiss: ((_c = belowContentExtra.modal) === null || _c === void 0 ? void 0 : _c.onDismiss) || dismissModal, centeredButton: __assign(__assign({}, (_d = belowContentExtra.modal) === null || _d === void 0 ? void 0 : _d.centeredButton), { href: (0, helpers_1.replaceBaseURL)(baseUrl, (_f = (_e = belowContentExtra.modal) === null || _e === void 0 ? void 0 : _e.centeredButton) === null || _f === void 0 ? void 0 : _f.href) }) })))))))));
+    }
+    if (type === 'delivery-address') {
+        return (react_1.default.createElement(react_1.default.Fragment, null, subscriptionType &&
+            subscriptionType !== types_1.SubscriptionType.digital &&
+            infoPanel && (react_1.default.createElement(newskit_1.InlineMessage, { "data-testid": "address-inline", icon: infoPanel.icon, children: react_1.default.createElement(react_1.default.Fragment, null,
+                infoPanel.children,
+                infoPanel && infoPanel.href && (react_1.default.createElement(newskit_1.LinkInline, { href: baseUrl || '/' }, "Personal details"))), overrides: {
+                marginBlockEnd: 'space060',
+            } }))));
+    }
+    if (type === 'no-billing') {
+        return (react_1.default.createElement(react_1.default.Fragment, null, infoPanel && (react_1.default.createElement(newskit_1.InlineMessage, { "data-testid": "no-billing-inline", icon: infoPanel.icon, children: react_1.default.createElement(react_1.default.Fragment, null, infoPanel.children), overrides: {
+                marginBlockEnd: belowContentExtra.marginBlockEnd,
+            } }))));
+    }
+    if (type === 'leave-family') {
+        if (!(link === null || link === void 0 ? void 0 : link.props) || !isUserFamilyAccountSecondary)
+            return null;
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(StandaloneLinkComponent_1.StandaloneLinkComponent, __assign({}, link.props, { baseUrl: baseUrl, onClick: function (e) {
+                    e.preventDefault();
+                    setModalOpen(true);
+                } })),
+            modalOpen && (react_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
+                react_1.default.createElement(shared_components_1.Modal, __assign({}, belowContentExtra.modal, { closePosition: ((_g = belowContentExtra.modal) === null || _g === void 0 ? void 0 : _g.closePosition) || 'right', open: modalOpen, onDismiss: ((_h = belowContentExtra.modal) === null || _h === void 0 ? void 0 : _h.onDismiss) || dismissModal, centeredButton: __assign(__assign({}, (_j = belowContentExtra.modal) === null || _j === void 0 ? void 0 : _j.centeredButton), { onClick: dismissModal }), useFixedWrapper: true, fixedWrapperLeft: NavigationSecondary_1.navigationSecondaryWidth, fixedWrapperTop: "sizing050" }))))));
+    }
+    /* istanbul ignore next */
+    return null;
+};
+exports.default = BelowContentExtra;
+//# sourceMappingURL=BelowContentExtra.js.map

package/dist/cjs/Components/Sections/ContentContainer/BelowContentExtra.js.map

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ContentContainerProps } from './types';
+import { ContextNameProps } from 'context/types';
+export declare const ContentContainer: React.FC<ContentContainerProps & ContextNameProps>;
+export default ContentContainer;

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

@@ -0,0 +1,166 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentContainer = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../../context");
+var types_1 = require("../../../context/types");
+var helpers_1 = require("../../../helpers");
+var invoiceUtils_1 = require("../../../helpers/invoiceUtils");
+var BelowContentExtra_1 = __importDefault(require("./BelowContentExtra"));
+var InvoiceHistoryButton_1 = require("./InvoiceHistoryButton");
+var ContentContainer = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var introductionProps = _a.introductionProps, ariaLabel = _a.ariaLabel, items = _a.items, labelOverrides = _a.labelOverrides, invoiceOverrides = _a.invoiceOverrides, contextName = _a.contextName, belowContentExtra = _a.belowContentExtra;
+    var accountContext = (0, context_1.useAccountContext)(contextName);
+    var userData = accountContext.userData, sectionsOverrides = accountContext.sectionsOverrides, baseUrl = accountContext.baseUrl, pageTitle = accountContext.head.pageTitle, env = accountContext.env, requestHeaders = accountContext.requestHeaders;
+    var PUBLISHER = (env || {}).PUBLISHER;
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var _h = (0, react_1.useState)(3), currentInvoicePageSize = _h[0], setCurrentInvoicePageSize = _h[1];
+    var isTNLMobileApp = (0, shared_components_1.checkRequestHeaders)(requestHeaders, shared_components_1.UserPlatform.native_tm_apps);
+    var extendTitleOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.titleOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.titleOverrides);
+    var extendDescriptionOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.descriptionOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.descriptionOverrides);
+    var subscriptionCancelled = userData &&
+        userData.subscriptions &&
+        ((_b = userData.subscriptions[0]) === null || _b === void 0 ? void 0 : _b.serviceCancellationDate);
+    var paymentFailure = userData && ((_c = userData.paymentFailure) === null || _c === void 0 ? void 0 : _c.active);
+    var subscriptionType = ((_e = (_d = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.type) &&
+        userData.subscriptions[0].type.toLowerCase();
+    var vouchersAvailable = ((_g = (_f = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.dtc) === false;
+    var cancelSubscriptionMarginBlockEnd = function () {
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.link) === undefined)
+            return undefined;
+        var canceled = subscriptionCancelled
+            ? belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd
+            : undefined;
+        return !paymentFailure || (!canceled && paymentFailure)
+            ? belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd
+            : undefined;
+    };
+    var deliveryAddressMarginBlockEnd = function () {
+        if (subscriptionType !== types_1.SubscriptionType.digital)
+            return belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd;
+        return undefined;
+    };
+    var getMarginBlockEnd = function () {
+        var _a;
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'cancel-subscription') {
+            return cancelSubscriptionMarginBlockEnd();
+        }
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'delivery-address') {
+            return deliveryAddressMarginBlockEnd();
+        }
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'payment-history') {
+            return (userData === null || userData === void 0 ? void 0 : userData.invoiceHistory) &&
+                userData.invoiceHistory.page.content.length <= 3
+                ? belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd
+                : (_a = invoiceOverrides === null || invoiceOverrides === void 0 ? void 0 : invoiceOverrides.sectionLayout) === null || _a === void 0 ? void 0 : _a.marginBlockEnd;
+        }
+        if ((belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'leave-family' &&
+            (userData === null || userData === void 0 ? void 0 : userData.isUserFamilyAccountSecondary)) {
+            return belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd;
+        }
+        return undefined;
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.ContentListView, { introductionProps: __assign(__assign({}, introductionProps), { extendTitleOverrides: extendTitleOverrides, extendDescriptionOverrides: extendDescriptionOverrides }), ariaLabel: ariaLabel, marginBlockEnd: getMarginBlockEnd() }, items &&
+            items.map(function (item, i) {
+                var _a;
+                if (subscriptionType === types_1.SubscriptionType.digital &&
+                    item.type === 'billingPostcode') {
+                    return null;
+                }
+                if (item.type === 'paymentHistory' &&
+                    !((_a = userData === null || userData === void 0 ? void 0 : userData.invoiceHistory) === null || _a === void 0 ? void 0 : _a.page.content.length)) {
+                    return null;
+                }
+                if (item.type === 'vouchers' || item.type === 'vouchersStartDate') {
+                    if (!vouchersAvailable) {
+                        return null;
+                    }
+                    if (item.type === 'vouchers')
+                        item.type = undefined;
+                }
+                var _b = (0, helpers_1.calculateCells)(item), xs = _b.xs, md = _b.md;
+                var _c = (0, helpers_1.getListItemAriaDescribedby)(item), describedId = _c.describedId, describedBy = _c.describedBy;
+                var itemValue = (0, helpers_1.getListItemValue)(userData, item.type || '', item.default, item.path);
+                var description = (0, helpers_1.getValueDescription)(userData, item.type || '', item.valueDescription || '');
+                var descriptionLink = (userData === null || userData === void 0 ? void 0 : userData.isUserFamilyAccountSecondary)
+                    ? item.valueDescriptionLink
+                    : null;
+                var invoiceContentMap = (0, helpers_1.getInvoiceData)(userData, item.type, currentInvoicePageSize);
+                var ItemProps = {
+                    item: __assign(__assign({}, item), { href: (0, helpers_1.getHref)(baseUrl, userData, item.href, PUBLISHER || '') }),
+                    listCellProps: {
+                        xs: xs,
+                        md: md,
+                        labelOverrides: labelOverrides,
+                        describedId: describedId,
+                        itemValue: itemValue,
+                        invoiceOverrides: invoiceOverrides,
+                        description: description || '',
+                        descriptionLink: descriptionLink,
+                    },
+                    listItemProps: __assign(__assign({}, describedBy), { 
+                        // This is a hack, remove when StructuredList component is refactored
+                        hideIcon: pageTitle === 'Newsletters & Alerts' ||
+                            item.label === 'Holiday Stops', overrides: {
+                            minHeight: 'sizing090',
+                        }, 'data-testid': "content-list-item-".concat(i), 'aria-label': (0, helpers_1.getListItemArialLabel)(userData, item) || '', onClick: function () {
+                            fireEvent((0, shared_components_1.createClickEvent)('content-list-view', //originator
+                            "".concat(PUBLISHER === 'TIMES'
+                                ? 'subsection option clicked'
+                                : "".concat(pageTitle, ":").concat(item.label)), //text used as event_navigation_name
+                            undefined, //label
+                            "".concat(introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, ":").concat(item.label), //article_parent_name
+                            "".concat(pageTitle) //page_name
+                            ));
+                        } }),
+                };
+                return item.type === 'paymentHistory' ? (invoiceContentMap === null || invoiceContentMap === void 0 ? void 0 : invoiceContentMap.map(function (invoice, idx) { return (react_1.default.createElement(shared_components_1.ListItem, __assign({ key: "".concat(i, "-").concat(idx) }, __assign(__assign({}, ItemProps), { handlePDF: (0, invoiceUtils_1.handlePDF)(__assign(__assign({}, invoice), { cpn: userData.cpn }), isTNLMobileApp, function () {
+                        return fireEvent((0, shared_components_1.createClickEvent)('content-list-view', 'cta : view invoice', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
+                    }), item: __assign(__assign({}, ItemProps.item), invoice) })))); })) : (react_1.default.createElement(shared_components_1.ListItem, __assign({ key: i }, ItemProps)));
+            })),
+        (belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'payment-history' ? (react_1.default.createElement(InvoiceHistoryButton_1.InvoiceHistoryButton, { contextName: contextName, currentInvoicePageSize: currentInvoicePageSize, setCurrentInvoicePageSize: setCurrentInvoicePageSize, marginBlockEnd: belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd })) : (belowContentExtra && (react_1.default.createElement(BelowContentExtra_1.default, { belowContentExtra: belowContentExtra, subscriptionCancelled: subscriptionCancelled, paymentFailure: paymentFailure, baseUrl: baseUrl, subscriptionType: subscriptionType, isUserFamilyAccountSecondary: !!userData.isUserFamilyAccountSecondary })))));
+};
+exports.ContentContainer = ContentContainer;
+exports.default = exports.ContentContainer;
+//# sourceMappingURL=ContentContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAAgD;AAChD,uEAQ0C;AAE1C,4CAGyB;AACzB,gDAAyD;AACzD,4CAQyB;AACzB,8DAAwE;AAExE,0EAAmD;AACnD,+DAA6D;AAEtD,IAAM,gBAAgB,GAEzB,UAAC,EAQJ;;QAPC,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,iBAAiB,uBAAA;IAEjB,IAAM,cAAc,GAAG,IAAA,2BAAiB,EACtC,WAAW,CACwB,CAAA;IAEnC,IAAA,QAAQ,GAMN,cAAc,SANR,EACR,iBAAiB,GAKf,cAAc,kBALC,EACjB,OAAO,GAIL,cAAc,QAJT,EACC,SAAS,GAGf,cAAc,eAHC,EACjB,GAAG,GAED,cAAc,IAFb,EACH,cAAc,GACZ,cAAc,eADF,CACE;IACV,IAAA,SAAS,GAAK,CAAA,GAAG,IAAI,EAAE,CAAA,UAAd,CAAc;IACvB,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAEpC,IAAA,KAAsD,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAhE,sBAAsB,QAAA,EAAE,yBAAyB,QAAe,CAAA;IAEvE,IAAM,cAAc,GAAG,IAAA,uCAAmB,EACxC,cAAc,EACd,gCAAY,CAAC,cAAc,CAC5B,CAAA;IAED,IAAM,oBAAoB,yBACrB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,cAAc,GACtC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc,CACrC,CAAA;IACD,IAAM,0BAA0B,yBAC3B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,oBAAoB,GAC5C,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,oBAAoB,CAC3C,CAAA;IAED,IAAM,qBAAqB,GACzB,QAAQ;QACR,QAAQ,CAAC,aAAa;SACtB,MAAA,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,0CAAE,uBAAuB,CAAA,CAAA;IAEpD,IAAM,cAAc,GAAG,QAAQ,KAAI,MAAA,QAAQ,CAAC,cAAc,0CAAE,MAAM,CAAA,CAAA;IAElE,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,IAAM,iBAAiB,GAAG,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,GAAG,MAAK,KAAK,CAAA;IAErE,IAAM,gCAAgC,GAAG;QACvC,IAAI,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAK,SAAS;YAAE,OAAO,SAAS,CAAA;QAC3D,IAAM,QAAQ,GAAG,qBAAqB;YACpC,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc;YACnC,CAAC,CAAC,SAAS,CAAA;QACb,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC,QAAQ,IAAI,cAAc,CAAC;YACrD,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc;YACnC,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,CAAA;IAED,IAAM,6BAA6B,GAAG;QACpC,IAAI,gBAAgB,KAAK,wBAAgB,CAAC,OAAO;YAC/C,OAAO,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc,CAAA;QAC1C,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG;;QACxB,IAAI,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAK,qBAAqB,EAAE;YACrD,OAAO,gCAAgC,EAAE,CAAA;SAC1C;QACD,IAAI,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAK,kBAAkB,EAAE;YAClD,OAAO,6BAA6B,EAAE,CAAA;SACvC;QACD,IAAI,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAK,iBAAiB,EAAE;YACjD,OAAO,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc;gBAC7B,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC;gBAChD,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc;gBACnC,CAAC,CAAC,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,0CAAE,cAAc,CAAA;SACpD;QACD,IACE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAK,cAAc;aAC1C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,4BAA4B,CAAA,EACtC;YACA,OAAO,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc,CAAA;SACzC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL;QACE,8BAAC,mCAAe,IACd,iBAAiB,wBACZ,iBAAiB,KACpB,oBAAoB,sBAAA,EACpB,0BAA0B,4BAAA,KAE5B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,iBAAiB,EAAE,IAElC,KAAK;YACJ,KAAK,CAAC,GAAG,CAAC,UAAC,IAAkB,EAAE,CAAS;;gBACtC,IACE,gBAAgB,KAAK,wBAAgB,CAAC,OAAO;oBAC7C,IAAI,CAAC,IAAI,KAAK,iBAAiB,EAC/B;oBACA,OAAO,IAAI,CAAA;iBACZ;gBAED,IACE,IAAI,CAAC,IAAI,KAAK,gBAAgB;oBAC9B,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,0CAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA,EAC9C;oBACA,OAAO,IAAI,CAAA;iBACZ;gBAED,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,IAAI,KAAK,mBAAmB,EAAE;oBACjE,IAAI,CAAC,iBAAiB,EAAE;wBACtB,OAAO,IAAI,CAAA;qBACZ;oBAED,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU;wBAAE,IAAI,CAAC,IAAI,GAAG,SAAS,CAAA;iBACpD;gBAEK,IAAA,KAAa,IAAA,wBAAc,EAAC,IAAI,CAAC,EAA/B,EAAE,QAAA,EAAE,EAAE,QAAyB,CAAA;gBACjC,IAAA,KACJ,IAAA,oCAA0B,EAAC,IAAI,CAAC,EAD1B,WAAW,iBAAA,EAAE,WAAW,iBACE,CAAA;gBAElC,IAAM,SAAS,GAAG,IAAA,0BAAgB,EAChC,QAAQ,EACR,IAAI,CAAC,IAAI,IAAI,EAAE,EACf,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,IAAI,CACV,CAAA;gBAED,IAAM,WAAW,GAAG,IAAA,6BAAmB,EACrC,QAAQ,EACR,IAAI,CAAC,IAAI,IAAI,EAAE,EACf,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAC5B,CAAA;gBAED,IAAM,eAAe,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,4BAA4B;oBAC5D,CAAC,CAAC,IAAI,CAAC,oBAAoB;oBAC3B,CAAC,CAAC,IAAI,CAAA;gBAER,IAAM,iBAAiB,GAAG,IAAA,wBAAc,EACtC,QAAQ,EACR,IAAI,CAAC,IAAI,EACT,sBAAsB,CACvB,CAAA;gBAED,IAAM,SAAS,GAA2B;oBACxC,IAAI,wBACC,IAAI,KACP,IAAI,EAAE,IAAA,iBAAO,EACX,OAAO,EACP,QAAQ,EACR,IAAI,CAAC,IAAI,EACR,SAAoB,IAAI,EAAE,CAC5B,GACF;oBACD,aAAa,EAAE;wBACb,EAAE,IAAA;wBACF,EAAE,IAAA;wBACF,cAAc,gBAAA;wBACd,WAAW,aAAA;wBACX,SAAS,WAAA;wBACT,gBAAgB,kBAAA;wBAChB,WAAW,EAAG,WAAsB,IAAI,EAAE;wBAC1C,eAAe,EAAE,eAAe;qBACjC;oBACD,aAAa,wBACR,WAAW;wBACd,qEAAqE;wBACrE,QAAQ,EACN,SAAS,KAAK,sBAAsB;4BACpC,IAAI,CAAC,KAAK,KAAK,eAAe,EAChC,SAAS,EAAE;4BACT,SAAS,EAAE,WAAW;yBACvB,EACD,aAAa,EAAE,4BAAqB,CAAC,CAAE,EACvC,YAAY,EAAE,IAAA,+BAAqB,EAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,EACzD,OAAO,EAAE;4BACP,SAAS,CACP,IAAA,oCAAgB,EACd,mBAAmB,EAAE,YAAY;4BACjC,UACE,SAAS,KAAK,OAAO;gCACnB,CAAC,CAAC,2BAA2B;gCAC7B,CAAC,CAAC,UAAG,SAAS,cAAI,IAAI,CAAC,KAAK,CAAE,CAChC,EAAE,oCAAoC;4BACxC,SAAS,EAAE,OAAO;4BAClB,UAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,cAAI,IAAI,CAAC,KAAK,CAAE,EAAE,qBAAqB;4BAClE,UAAG,SAAS,CAAE,CAAC,WAAW;6BAC3B,CACF,CAAA;wBACH,CAAC,GACF;iBACF,CAAA;gBAED,OAAO,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,CAAC,CAAC,CACtC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,GAAG,CAAC,UAAC,OAAqB,EAAE,GAAW,IAAK,OAAA,CAC7D,8BAAC,4BAAQ,aACP,GAAG,EAAE,UAAG,CAAC,cAAI,GAAG,CAAE,0BAEb,SAAS,KACZ,SAAS,EAAE,IAAA,wBAAS,EAClB,sBACK,OAAO,KACV,GAAG,EAAE,QAAQ,CAAC,GAAG,GACD,EAClB,cAAc,EACd;wBACE,OAAA,SAAS,CACP,IAAA,oCAAgB,EACd,mBAAmB,EACnB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,yBAAyB,EACzB,YAAY,CACb,CACF;oBATD,CASC,CACJ,EACD,IAAI,wBACC,SAAS,CAAC,IAAI,GACd,OAAO,MAGd,CACH,EA7B8D,CA6B9D,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAQ,aAAC,GAAG,EAAE,CAAC,IAAM,SAAS,EAAI,CACpC,CAAA;YACH,CAAC,CAAC,CACY;QAEjB,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAK,iBAAiB,CAAC,CAAC,CAAC,CAC/C,8BAAC,2CAAoB,IACnB,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,yBAAyB,EACpD,cAAc,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc,GACjD,CACH,CAAC,CAAC,CAAC,CACF,iBAAiB,IAAI,CACnB,8BAAC,2BAAiB,IAChB,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,4BAA4B,EAC1B,CAAC,CAAC,QAAQ,CAAC,4BAA4B,GAEzC,CACH,CACF,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAvQY,QAAA,gBAAgB,oBAuQ5B;AAED,kBAAe,wBAAgB,CAAA"}

package/dist/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MQ } from 'newskit';
+import { ContextName } from '../../../context/types';
+export interface InvoiceHistoryButtonProps {
+    contextName: ContextName;
+    currentInvoicePageSize: number;
+    setCurrentInvoicePageSize: (size: number) => void;
+    marginBlockEnd?: MQ<string>;
+}
+export declare const InvoiceHistoryButton: React.FC<InvoiceHistoryButtonProps>;

package/dist/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.js

@@ -0,0 +1,157 @@
+"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;
+    return g = { next: verb(0), "throw": verb(1), "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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvoiceHistoryButton = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var context_1 = require("../../../context");
+var shared_components_1 = require("@newskit-render/shared-components");
+var invoiceUtils_1 = require("../../../helpers/invoiceUtils");
+var debounce_1 = __importDefault(require("lodash/debounce"));
+var minPageSize = 3;
+var maxPageSize = 12;
+var secondPageDelimiter = 9;
+var InvoiceHistoryButton = function (_a) {
+    var _b, _c;
+    var contextName = _a.contextName, currentInvoicePageSize = _a.currentInvoicePageSize, setCurrentInvoicePageSize = _a.setCurrentInvoicePageSize, marginBlockEnd = _a.marginBlockEnd;
+    var accountContext = (0, context_1.useAccountContext)(contextName);
+    var userData = accountContext.userData, updateAccountData = accountContext.updateAccountData;
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var _d = (0, react_1.useState)(false), isShowLess = _d[0], setIsShowLess = _d[1];
+    var shouldPaginateInvoices = Boolean(((_c = (_b = userData === null || userData === void 0 ? void 0 : userData.invoiceHistory) === null || _b === void 0 ? void 0 : _b.page) === null || _c === void 0 ? void 0 : _c.content.length) &&
+        userData.invoiceHistory.page.content.length > currentInvoicePageSize);
+    var _e = (0, react_1.useState)(shouldPaginateInvoices), hasNextPage = _e[0], setHasNextPage = _e[1];
+    var handleMoreButtonClick = (0, debounce_1.default)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var nextPageSize, querySize, res, invoiceHistory, newUserData, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    fireEvent((0, shared_components_1.createClickEvent)('content-list-view', 'button : invoices : more', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
+                    if (currentInvoicePageSize === maxPageSize) {
+                        setIsShowLess(false);
+                        setCurrentInvoicePageSize(minPageSize);
+                        return [2 /*return*/];
+                    }
+                    nextPageSize = currentInvoicePageSize + minPageSize;
+                    if (nextPageSize > maxPageSize)
+                        return [2 /*return*/];
+                    if (nextPageSize === 6) {
+                        setCurrentInvoicePageSize(nextPageSize);
+                        setHasNextPage(Boolean((_a = userData === null || userData === void 0 ? void 0 : userData.invoiceHistory) === null || _a === void 0 ? void 0 : _a.page.hasNext));
+                        return [2 /*return*/];
+                    }
+                    if (nextPageSize === maxPageSize) {
+                        setCurrentInvoicePageSize(nextPageSize);
+                        setIsShowLess(true);
+                        return [2 /*return*/];
+                    }
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    querySize = nextPageSize === secondPageDelimiter ? maxPageSize : nextPageSize;
+                    return [4 /*yield*/, (0, invoiceUtils_1.handleNextPageRequest)(querySize)];
+                case 2:
+                    res = _b.sent();
+                    if (!res.invoiceHistory)
+                        return [2 /*return*/];
+                    invoiceHistory = res.invoiceHistory;
+                    if (nextPageSize === secondPageDelimiter &&
+                        invoiceHistory.page.content.length <= secondPageDelimiter) {
+                        setIsShowLess(true);
+                    }
+                    newUserData = userData
+                        ? __assign(__assign({}, userData), { invoiceHistory: invoiceHistory }) : invoiceHistory;
+                    updateAccountData(__assign(__assign({}, accountContext), { userData: newUserData }));
+                    setCurrentInvoicePageSize(nextPageSize);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    console.error('Error fetching invoice history.');
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, 250);
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-center", stackDistribution: "center", marginBlockEnd: marginBlockEnd }, hasNextPage && (react_1.default.createElement(newskit_1.Button, { size: "medium", overrides: {
+            stylePreset: 'buttonGroupOutlinedTransparent',
+            paddingInline: {
+                xs: 'space110',
+                sm: 'space120',
+            },
+        }, onClick: handleMoreButtonClick }, isShowLess ? 'Show less' : 'More'))));
+};
+exports.InvoiceHistoryButton = InvoiceHistoryButton;
+//# sourceMappingURL=InvoiceHistoryButton.js.map

package/dist/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.js.map

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

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

@@ -0,0 +1,3 @@
+import ContentContainer from './ContentContainer';
+export * from './types';
+export default ContentContainer;

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

@@ -0,0 +1,23 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var ContentContainer_1 = __importDefault(require("./ContentContainer"));
+__exportStar(require("./types"), exports);
+exports.default = ContentContainer_1.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,wEAAiD;AACjD,0CAAuB;AAEvB,kBAAe,0BAAgB,CAAA"}

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

@@ -0,0 +1,26 @@
+import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceOverrides } from '@newskit-render/shared-components';
+import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
+import { MQ, ImageProps } from 'newskit';
+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 ContentContainerProps = {
+    introductionProps?: IntroductionProps;
+    image?: ImageProps;
+    ariaLabel?: string;
+    items: Array<ListItemType>;
+    labelOverrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    invoiceOverrides?: InvoiceOverrides;
+    belowContentExtra?: BelowContentExtra;
+};

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

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

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

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

package/dist/cjs/Components/Sections/Form/Address/FormAddress.d.ts

@@ -0,0 +1,13 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { FormRef } from 'newskit';
+import { AddressProps, InputRefs, Subscription } from './types';
+import { NextRouter } from 'next/router';
+declare global {
+    interface Window {
+        pca: any;
+    }
+}
+export declare const populateCallback: (inputRefs: InputRefs, formRef: React.RefObject<FormRef>, setCountryCode: React.Dispatch<React.SetStateAction<string>>) => () => void;
+export declare const addressSubmit: (disable: boolean | undefined, e: any, validationSchemaKey?: string, router?: NextRouter, handleFormError?: () => void, handleSuccessForm?: () => void, redirectUrl?: string, setShowModal?: Dispatch<SetStateAction<boolean>>, subscriptions?: Array<Subscription>) => void;
+declare const FormAddress: React.FC<AddressProps>;
+export default FormAddress;