@newskit-render/my-account 7.143.2 → 7.143.3-28406c85e.2

package/dist/cjs/pages/UserHub/UserHubContext.js

@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userHubContext = void 0;
 var react_1 = __importDefault(require("react"));
@@ -26,12 +27,15 @@ var Launch_1 = require("@emotion-icons/material/Launch");
 var HelpOutline_1 = require("@emotion-icons/material/HelpOutline");
 var Newsletters_1 = require("../../pages/Newsletters");
 var shared_components_1 = require("@newskit-render/shared-components");
+var ManageAccounts_1 = require("@emotion-icons/material-outlined/ManageAccounts");
+var CancelSubscriptionSectionContext_1 = require("../SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext");
 var IconOutlinedLock = (0, newskit_1.toNewsKitIcon)(Lock_1.Lock);
 var IconFilledCreditCard = (0, newskit_1.toNewsKitIcon)(CreditCard_1.CreditCard);
 var IconFilledChevronRight = (0, newskit_1.toNewsKitIcon)(ChevronRight_1.ChevronRight);
 var IconChatBubbleOutline = (0, newskit_1.toNewsKitIcon)(ChatBubbleOutline_1.ChatBubbleOutline);
 var IconHelpOutline = (0, newskit_1.toNewsKitIcon)(HelpOutline_1.HelpOutline);
 var IconLaunch = (0, newskit_1.toNewsKitIcon)(Launch_1.Launch);
+var IconManageAccounts = (0, newskit_1.toNewsKitIcon)(ManageAccounts_1.ManageAccounts);
 var pageName = 'homepage';
 exports.userHubContext = {
     sections: {
@@ -102,6 +106,66 @@ exports.userHubContext = {
                 },
             ],
         },
+        subscriptionDetails: {
+            showSection: false,
+            header: {
+                title: 'Subscription Details',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+            },
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
+            },
+            benefits: {
+                showBenefits: false,
+                title: 'Subscriber benefits',
+                items: [
+                    {
+                        code: 'share',
+                        title: 'Share articles',
+                        description: 'Forward articles to friends and family for free',
+                        icon: IconOutlinedLock,
+                    },
+                    {
+                        code: 'save',
+                        title: 'Save articles',
+                        description: 'Save your favourite stories to read anytime',
+                        link: {
+                            href: 'https://www.thetimes.com/my-articles',
+                            text: 'Review your saved articles',
+                        },
+                        icon: IconChatBubbleOutline,
+                    },
+                ],
+            },
+            cancelSubscription: {
+                title: 'Cancel your subscription',
+                titleIcon: (react_1.default.createElement(IconManageAccounts, { overrides: {
+                        size: 'iconSize020',
+                        marginInlineEnd: 'space020',
+                    } })),
+                linkIcon: (react_1.default.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
+                eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_name: 'subscription cancellation : cancel',
+                    event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                    page_name: "".concat(pageName.toLocaleLowerCase()),
+                },
+            },
+            cancelSubscriptionModal: (_a = (0, CancelSubscriptionSectionContext_1.cancelSubscriptionSection)(pageName).props) === null || _a === void 0 ? void 0 : _a.modal,
+        },
         helpAndSupport: {
             dataTestId: 'help-and-support',
             layoutType: 'list',

package/dist/cjs/pages/UserHub/UserHubContext.js.map

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

package/dist/cjs/providers/index.d.ts

@@ -8,6 +8,7 @@ export * from './personalDetailsProvider';
 export * from './paymentProvider';
 export * from './stepUpMfaProvider';
 export * from './subscriptionAndBillingProvider';
+export * from './sunCancellationProvider';
 export * from './userPaymentInfoProvider';
 export * from './userNewslettersListProvider';
 export * from './types';

package/dist/cjs/providers/index.js

@@ -24,6 +24,7 @@ __exportStar(require("./personalDetailsProvider"), exports);
 __exportStar(require("./paymentProvider"), exports);
 __exportStar(require("./stepUpMfaProvider"), exports);
 __exportStar(require("./subscriptionAndBillingProvider"), exports);
+__exportStar(require("./sunCancellationProvider"), exports);
 __exportStar(require("./userPaymentInfoProvider"), exports);
 __exportStar(require("./userNewslettersListProvider"), exports);
 __exportStar(require("./types"), exports);

package/dist/cjs/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAmC;AACnC,kDAA+B;AAC/B,yDAAsC;AACtC,iEAA8C;AAC9C,2DAAwC;AACxC,oDAAiC;AACjC,4DAAyC;AACzC,oDAAiC;AACjC,sDAAmC;AACnC,mEAAgD;AAChD,4DAAyC;AACzC,gEAA6C;AAC7C,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAmC;AACnC,kDAA+B;AAC/B,yDAAsC;AACtC,iEAA8C;AAC9C,2DAAwC;AACxC,oDAAiC;AACjC,4DAAyC;AACzC,oDAAiC;AACjC,sDAAmC;AACnC,mEAAgD;AAChD,4DAAyC;AACzC,4DAAyC;AACzC,gEAA6C;AAC7C,0CAAuB"}

package/dist/cjs/providers/sunCancellationProvider.d.ts

@@ -0,0 +1 @@
+export declare const sunCancellationProvider: () => Promise<void>;

package/dist/cjs/providers/sunCancellationProvider.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sunCancellationProvider = void 0;
+var sunCancellationProvider = function () { return Promise.resolve(); };
+exports.sunCancellationProvider = sunCancellationProvider;
+//# sourceMappingURL=sunCancellationProvider.js.map

package/dist/cjs/providers/sunCancellationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sunCancellationProvider.js","sourceRoot":"","sources":["../../../src/providers/sunCancellationProvider.ts"],"names":[],"mappings":";;;AAAO,IAAM,uBAAuB,GAAG,cAAM,OAAA,OAAO,CAAC,OAAO,EAAE,EAAjB,CAAiB,CAAA;AAAjD,QAAA,uBAAuB,2BAA0B"}

package/dist/cjs/queries/getContractPhases.d.ts

@@ -0,0 +1 @@
+export declare const contractPhasesFragment: import("@apollo/client").DocumentNode;

package/dist/cjs/queries/getContractPhases.js

@@ -0,0 +1,11 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contractPhasesFragment = void 0;
+var client_1 = require("@apollo/client");
+exports.contractPhasesFragment = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fragment contractPhasesFragment on Subscription {\n    phases {\n      type\n      active\n      currentPhase\n    }\n  }\n"], ["\n  fragment contractPhasesFragment on Subscription {\n    phases {\n      type\n      active\n      currentPhase\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=getContractPhases.js.map

package/dist/cjs/queries/getContractPhases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContractPhases.js","sourceRoot":"","sources":["../../../src/queries/getContractPhases.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AAEvB,QAAA,sBAAsB,OAAG,YAAG,qMAAA,iIAQxC,KAAA"}

package/dist/cjs/queries/getPropositionFeatures.d.ts

@@ -0,0 +1 @@
+export declare const propositionFeaturesFragment: import("@apollo/client").DocumentNode;

package/dist/cjs/queries/getPropositionFeatures.js

@@ -0,0 +1,11 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.propositionFeaturesFragment = void 0;
+var client_1 = require("@apollo/client");
+exports.propositionFeaturesFragment = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fragment propositionFeaturesFragment on Proposition {\n    features {\n      code\n      name\n      displayLabel\n      displayDescription\n      displayPriority\n      displayEnabled\n    }\n  }\n"], ["\n  fragment propositionFeaturesFragment on Proposition {\n    features {\n      code\n      name\n      displayLabel\n      displayDescription\n      displayPriority\n      displayEnabled\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=getPropositionFeatures.js.map

package/dist/cjs/queries/getPropositionFeatures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPropositionFeatures.js","sourceRoot":"","sources":["../../../src/queries/getPropositionFeatures.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AAEvB,QAAA,2BAA2B,OAAG,YAAG,gRAAA,4MAW7C,KAAA"}

package/dist/cjs/queries/getUserSubscription.js

@@ -8,6 +8,8 @@ exports.GET_USER_SUBSCRIPTION = void 0;
 var client_1 = require("@apollo/client");
 var getInvoiceHistory_1 = require("./getInvoiceHistory");
 var getUserIncentives_1 = require("./getUserIncentives");
-exports.GET_USER_SUBSCRIPTION = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        features {\n          code\n          name\n          displayLabel\n          displayDescription\n          displayPriority\n          displayEnabled\n        }\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      phases {\n        type\n        active\n        currentPhase\n      }\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"], ["\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        features {\n          code\n          name\n          displayLabel\n          displayDescription\n          displayPriority\n          displayEnabled\n        }\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      phases {\n        type\n        active\n        currentPhase\n      }\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"])), getInvoiceHistory_1.invoiceHistoryFields, getUserIncentives_1.grantedIncentivesFragment);
+var getContractPhases_1 = require("./getContractPhases");
+var getPropositionFeatures_1 = require("./getPropositionFeatures");
+exports.GET_USER_SUBSCRIPTION = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        ...propositionFeaturesFragment\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        ...propositionFeaturesFragment\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"])), getInvoiceHistory_1.invoiceHistoryFields, getUserIncentives_1.grantedIncentivesFragment, getContractPhases_1.contractPhasesFragment, getPropositionFeatures_1.propositionFeaturesFragment);
 var templateObject_1;
 //# sourceMappingURL=getUserSubscription.js.map

package/dist/cjs/queries/getUserSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,yDAA0D;AAC1D,yDAA+D;AAElD,QAAA,qBAAqB,OAAG,YAAG,i7CAAA,MACpC,EAAoB,MACpB,EAAyB,61CAyE5B,KA1EG,wCAAoB,EACpB,6CAAyB,EAyE5B"}
+{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,yDAA0D;AAC1D,yDAA+D;AAC/D,yDAA4D;AAC5D,mEAAsE;AAEzD,QAAA,qBAAqB,OAAG,YAAG,mxCAAA,MACpC,EAAoB,MACpB,EAAyB,MACzB,EAAsB,MACtB,EAA2B,+qCA8D9B,KAjEG,wCAAoB,EACpB,6CAAyB,EACzB,0CAAsB,EACtB,oDAA2B,EA8D9B"}

package/dist/cjs/queries/getUserWithNewsletters.js

@@ -8,6 +8,9 @@ exports.GET_USER_WITH_NEWSLETTERS = void 0;
 var client_1 = require("@apollo/client");
 var getUserNewsletters_1 = require("./getUserNewsletters");
 var getUserEntitlements_1 = require("./getUserEntitlements");
-exports.GET_USER_WITH_NEWSLETTERS = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"], ["\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"])), getUserNewsletters_1.GET_USER_NEWSLETTERS, getUserEntitlements_1.GET_USER_ENTITLEMENTS);
+var getContractPhases_1 = require("./getContractPhases");
+var getPropositionFeatures_1 = require("./getPropositionFeatures");
+var getUserIncentives_1 = require("./getUserIncentives");
+exports.GET_USER_WITH_NEWSLETTERS = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      price\n      currency\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n      propositionV2 {\n        ...propositionFeaturesFragment\n      }\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      price\n      currency\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n      propositionV2 {\n        ...propositionFeaturesFragment\n      }\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"])), getUserNewsletters_1.GET_USER_NEWSLETTERS, getUserEntitlements_1.GET_USER_ENTITLEMENTS, getContractPhases_1.contractPhasesFragment, getPropositionFeatures_1.propositionFeaturesFragment, getUserIncentives_1.grantedIncentivesFragment);
 var templateObject_1;
 //# sourceMappingURL=getUserWithNewsletters.js.map

package/dist/cjs/queries/getUserWithNewsletters.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUserWithNewsletters.js","sourceRoot":"","sources":["../../../src/queries/getUserWithNewsletters.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,2DAA2D;AAC3D,6DAA6D;AAEhD,QAAA,yBAAyB,OAAG,YAAG,odAAA,MACxC,EAAoB,MACpB,EAAqB,gYAsBxB,KAvBG,yCAAoB,EACpB,2CAAqB,EAsBxB"}
+{"version":3,"file":"getUserWithNewsletters.js","sourceRoot":"","sources":["../../../src/queries/getUserWithNewsletters.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,2DAA2D;AAC3D,6DAA6D;AAC7D,yDAA4D;AAC5D,mEAAsE;AACtE,yDAA+D;AAElD,QAAA,yBAAyB,OAAG,YAAG,spBAAA,MACxC,EAAoB,MACpB,EAAqB,MACrB,EAAsB,MACtB,EAA2B,MAC3B,EAAyB,0iBA6B5B,KAjCG,yCAAoB,EACpB,2CAAqB,EACrB,0CAAsB,EACtB,oDAA2B,EAC3B,6CAAyB,EA6B5B"}

package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.d.ts

@@ -0,0 +1,6 @@
+import { CancelSubscriptionProps } from '../../Sections/CancelSubscription';
+export interface CancelSubscriptionModalProps extends Pick<CancelSubscriptionProps, 'modal' | 'featureFlags' | 'cpn' | 'subscriptions'> {
+    isOpen: boolean;
+    onDismissModal: () => void;
+}
+export declare const CancelSubscriptionModal: ({ isOpen, onDismissModal, modal, featureFlags, cpn, subscriptions, }: CancelSubscriptionModalProps) => JSX.Element;

package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js

@@ -0,0 +1,59 @@
+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 { Modal } from '@newskit-render/shared-components';
+import { LayerOrganizer, styled, getColorCssFromTheme, StructuredList, } from 'newskit';
+import { zIndexModal } from '../../Sections/LayoutContentContainer';
+import { SectionListItem } from '../../Elements/SectionListItem';
+import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
+import { CANCELLATION_EXPERIMENT } from '../../../constants';
+var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  li {\n    border-top: 1px solid;\n    ", "\n  }\n\n  li:last-child {\n    border-bottom: ", ";\n    ", ";\n  }\n\n  li:first-child {\n    ", "\n  }\n"], ["\n  li {\n    border-top: 1px solid;\n    ", "\n  }\n\n  li:last-child {\n    border-bottom: ", ";\n    ", ";\n  }\n\n  li:first-child {\n    ", "\n  }\n"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
+    var featureFlags = _a.featureFlags;
+    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) ===
+        CANCELLATION_EXPERIMENT.VARIANT_1_ON
+        ? '1px solid'
+        : 'none';
+}, getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
+    var featureFlags = _a.featureFlags;
+    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) ===
+        CANCELLATION_EXPERIMENT.VARIANT_1_ON
+        ? ''
+        : 'border-top: none';
+});
+export var CancelSubscriptionModal = function (_a) {
+    var isOpen = _a.isOpen, onDismissModal = _a.onDismissModal, modal = _a.modal, featureFlags = _a.featureFlags, cpn = _a.cpn, subscriptions = _a.subscriptions;
+    var _b = modal || {}, content = _b.content, belowItemExtra = _b.belowItemExtra, modalProps = __rest(_b, ["content", "belowItemExtra"]);
+    return (React.createElement(LayerOrganizer, { zIndex: zIndexModal },
+        React.createElement(Modal, __assign({ open: isOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
+            (content === null || content === void 0 ? void 0 : content.items) && (React.createElement(StyledStructuredList, { featureFlags: featureFlags }, content === null || content === void 0 ? void 0 : content.items.map(function (_a) {
+                var href = _a.href, props = __rest(_a, ["href"]);
+                return (React.createElement(SectionListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
+            }))),
+            React.createElement(ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button, userTrackingData: { cpn: cpn, subscriptions: subscriptions } }))));
+};
+var templateObject_1;
+//# sourceMappingURL=CancelSubscriptionModal.js.map

package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelSubscriptionModal.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AACzD,OAAO,EACL,cAAc,EACd,MAAM,EACN,oBAAoB,EACpB,cAAc,GACf,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAE1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,8NAEjD,4CAGI,EAAmD,iDAIpC,EAIL,SACV,EAAmD,oCAInD,EAIsB,SAE3B,KAnBK,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAIpC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAC9B,OAAA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,CAAC,YAAY;QACrD,uBAAuB,CAAC,YAAY;QAClC,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,MAAM;AAHV,CAGU,EACV,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAInD,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,CAAC,YAAY;QACrD,uBAAuB,CAAC,YAAY;QAClC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,kBAAkB;AAHtB,CAGsB,CAE3B,CAAA;AAWD,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAOT;QAN7B,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,GAAG,SAAA,EACH,aAAa,mBAAA;IAEb,IAAM,KAA6C,KAAK,IAAI,EAAE,EAAtD,OAAO,aAAA,EAAE,cAAc,oBAAA,EAAK,UAAU,cAAxC,6BAA0C,CAAc,CAAA;IAE9D,OAAO,CACL,oBAAC,cAAc,IAAC,MAAM,EAAE,WAAW;QACjC,oBAAC,KAAK,aACJ,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,cAAc,IACrB,UAAU,mBACF,2BAA2B;YAEtC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,CACjB,oBAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,IAC7C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBAAO,OAAA,CAC1C,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,OAAO,CAAC,sBAAsB,IAClD,CACH,CAAA;aAAA,CAAC,CACmB,CACxB;YACD,oBAAC,aAAa,IACZ,KAAK,EAAC,IAAI,EACV,eAAe,aACb,WAAW,EAAE,sBAAsB,IAChC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,GAEpC,OAAO,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,EAChC,YAAY,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,EAC1C,UAAU,EAAC,iBAAiB,EAC5B,MAAM,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,EAC9B,gBAAgB,EAAE,EAAE,GAAG,KAAA,EAAE,aAAa,eAAA,EAAE,GACxC,CACI,CACO,CAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Elements/CancelSubscriptionModal/index.d.ts

@@ -0,0 +1 @@
+export * from './CancelSubscriptionModal';

package/dist/esm/Components/Elements/CancelSubscriptionModal/index.js

@@ -0,0 +1,2 @@
+export * from './CancelSubscriptionModal';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/CancelSubscriptionModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancelSubscriptionModal/index.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA"}

package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface CancellationPolicyProps {
+    title?: string;
+    message?: string;
+    daysUntilBilling?: number;
+    overrides?: {
+        container?: Record<string, unknown>;
+        title?: Record<string, unknown>;
+        message?: Record<string, unknown>;
+    };
+}
+export declare const CancellationPolicy: React.FC<CancellationPolicyProps>;
+export default CancellationPolicy;

package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.js

@@ -0,0 +1,29 @@
+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 { TextBlock, InlineMessage, toNewsKitIcon } from 'newskit';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+export var CancellationPolicy = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? 'Cancellation Policy' : _b, message = _a.message, daysUntilBilling = _a.daysUntilBilling, overrides = _a.overrides;
+    var displayMessage = message ||
+        "You need to cancel 1 day before your billing date otherwise you will be charged for another month. Your next billing cycle is in ".concat(daysUntilBilling || 'X', " days.");
+    return (React.createElement(InlineMessage, { icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }), overrides: __assign({ marginBlockStart: 'space040', content: {
+                message: {
+                    typographyPreset: 'utilityBody010',
+                },
+            } }, overrides === null || overrides === void 0 ? void 0 : overrides.container) },
+        React.createElement(TextBlock, __assign({ typographyPreset: "utilityHeading010", stylePreset: "inkContrast", marginBlockEnd: "space010" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
+        React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkBase" }, overrides === null || overrides === void 0 ? void 0 : overrides.message), displayMessage)));
+};
+export default CancellationPolicy;
+//# sourceMappingURL=CancellationPolicy.js.map

package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationPolicy.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/CancellationPolicy.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAahD,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAKrE;QAJC,aAA6B,EAA7B,KAAK,mBAAG,qBAAqB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAET,IAAM,cAAc,GAClB,OAAO;QACP,2IACE,gBAAgB,IAAI,GAAG,WACjB,CAAA;IAEV,OAAO,CACL,oBAAC,aAAa,IACZ,IAAI,EAAE,oBAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI,EAC5D,SAAS,aACP,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,gBAAgB,EAAE,gBAAgB;iBACnC;aACF,IACE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAGzB,oBAAC,SAAS,aACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QACZ,oBAAC,SAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,IACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,GAErB,cAAc,CACL,CACE,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/esm/Components/Elements/CancellationPolicy/index.d.ts

@@ -0,0 +1 @@
+export { CancellationPolicy, type CancellationPolicyProps, } from './CancellationPolicy';

package/dist/esm/Components/Elements/CancellationPolicy/index.js

@@ -0,0 +1,2 @@
+export { CancellationPolicy, } from './CancellationPolicy';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/CancellationPolicy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAA"}

package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface CancellationReason {
+    id: string;
+    label: string;
+}
+export interface CancellationReasonSelectorProps {
+    reasons: CancellationReason[];
+    selectedReasonId?: string;
+    onSelect: (reasonId: string) => void;
+    overrides?: {
+        container?: Record<string, unknown>;
+        radioButton?: {
+            size?: 'small' | 'medium' | 'large';
+            overrides?: Record<string, unknown>;
+        };
+    };
+}
+export declare const CancellationReasonSelector: React.FC<CancellationReasonSelectorProps>;
+export default CancellationReasonSelector;

package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js

@@ -0,0 +1,35 @@
+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 { RadioButton, RadioGroup, styled, getColorCssFromTheme, getSpacingCssFromTheme, } from 'newskit';
+var StyledRadioGroup = styled(RadioGroup)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var RadioContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  ", "\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  ", "\n  ", "\n"], ["\n  width: 100%;\n  ", "\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  ", "\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'), getSpacingCssFromTheme('padding', 'space040'), getSpacingCssFromTheme('marginBottom', 'space030'));
+export var CancellationReasonSelector = function (_a) {
+    var reasons = _a.reasons, selectedReasonId = _a.selectedReasonId, onSelect = _a.onSelect, overrides = _a.overrides;
+    return (reasons === null || reasons === void 0 ? void 0 : reasons.length) ? (React.createElement(StyledRadioGroup, { name: "cancellation-reason-group", "data-testid": "cancellation-reason-group", value: selectedReasonId, onChange: function (event) { return onSelect(event.target.value); } }, reasons.map(function (reason) {
+        var _a, _b;
+        return (React.createElement(RadioContainer, { key: reason.id },
+            React.createElement(RadioButton, { overrides: __assign({ input: {
+                        spaceInline: 'space030',
+                        size: 'sizing045',
+                    }, label: {
+                        stylePreset: 'inkBase',
+                    } }, (_a = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _a === void 0 ? void 0 : _a.overrides), name: reason.id, value: reason.id, size: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.size) || 'medium', label: reason.label })));
+    }))) : null;
+};
+export default CancellationReasonSelector;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=CancellationReasonSelector.js.map

package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationReasonSelector.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAEhB,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,uFAAA,oBAE1C,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,oLAAA,sBAE7B,EAAmD,2EAInD,EAA6C,MAC7C,EAAkD,IACrD,KANG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAInD,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,EAC7C,sBAAsB,CAAC,cAAc,EAAE,UAAU,CAAC,CACrD,CAAA;AAoBD,MAAM,CAAC,IAAM,0BAA0B,GAEnC,UAAC,EAAkD;QAAhD,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IACnD,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAC,CAAC,CAAC,CAChB,oBAAC,gBAAgB,IACf,IAAI,EAAC,2BAA2B,iBACpB,2BAA2B,EACvC,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,IAEhD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,CACvB,oBAAC,cAAc,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE;YAC5B,oBAAC,WAAW,IACV,SAAS,aACP,KAAK,EAAE;wBACL,WAAW,EAAE,UAAU;wBACvB,IAAI,EAAE,WAAW;qBAClB,EACD,KAAK,EAAE;wBACL,WAAW,EAAE,SAAS;qBACvB,IACE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,IAAI,EAAE,MAAM,CAAC,EAAE,EACf,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,QAAQ,EAC9C,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACa,CAClB,CAAA;KAAA,CAAC,CACe,CACpB,CAAC,CAAC,CAAC,IAAI;AA5BR,CA4BQ,CAAA;AAEV,eAAe,0BAA0B,CAAA"}

package/dist/esm/Components/Elements/CancellationReasonSelector/index.d.ts

@@ -0,0 +1 @@
+export { CancellationReasonSelector, type CancellationReasonSelectorProps, type CancellationReason, } from './CancellationReasonSelector';

package/dist/esm/Components/Elements/CancellationReasonSelector/index.js

@@ -0,0 +1,2 @@
+export { CancellationReasonSelector, } from './CancellationReasonSelector';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/CancellationReasonSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,GAG3B,MAAM,8BAA8B,CAAA"}

package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js

@@ -38,7 +38,7 @@ var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject
 });
 export var SectionListItem = function (_a) {
     var _b;
-    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides"]);
+    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, children = _a.children, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides", "children"]);
     var fireEvent = useInstrumentation().fireEvent;
     /* istanbul ignore next */
     var handleLinkClick = function () {
@@ -64,7 +64,8 @@ export var SectionListItem = function (_a) {
                                 React.createElement(ItemSubtitle, { subtitleOverrides: subtitleOverrides, subtitle: subtitle })))),
                     linkIcon && (React.createElement(GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
                     footer && (React.createElement(GridLayoutItem, { paddingBlockStart: "space040" },
-                        React.createElement(TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))))))));
+                        React.createElement(TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))),
+                    children && React.createElement(GridLayoutItem, null, children))))));
 };
 var templateObject_1;
 //# sourceMappingURL=SectionListItem.js.map

package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js.map

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

package/dist/esm/Components/Elements/SectionListItem/types.d.ts

@@ -34,5 +34,7 @@ export interface SectionListItemProps {
         height?: number;
         fill?: boolean;
     };
+    children?: React.ReactElement;
+    onClick?: (event: React.MouseEvent) => void;
 }
 export type GridListItemProps = Partial<NewsletterViewProps> & CancellationItem & Partial<SectionListItemProps>;

package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface SunArticle {
+    id: string;
+    headline: string;
+    url: string;
+    imageUrl?: string;
+    kicker?: string;
+    eventContext?: Record<string, unknown>;
+}
+export interface SunArticleCardProps {
+    article: SunArticle;
+    onClick?: (url: string, headline: string) => void;
+    overrides?: {
+        container?: Record<string, unknown>;
+        imageContainer?: Record<string, unknown>;
+        image?: Record<string, unknown>;
+        placeholder?: Record<string, unknown>;
+        kicker?: Record<string, unknown>;
+        headline?: Record<string, unknown>;
+    };
+}
+export declare const SunArticleCard: React.FC<SunArticleCardProps>;
+export default SunArticleCard;

package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.js

@@ -0,0 +1,32 @@
+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 { Block, TextBlock } from 'newskit';
+export var SunArticleCard = function (_a) {
+    var article = _a.article, onClick = _a.onClick, overrides = _a.overrides;
+    var handleClick = function () {
+        if (onClick) {
+            onClick(article.url, article.headline);
+        }
+        else {
+            window.open(article.url, '_blank', 'noopener,noreferrer');
+        }
+    };
+    return (React.createElement(Block, __assign({ "data-testid": "sun-article-card-".concat(article.id), onClick: handleClick, stylePreset: "cardContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.container),
+        React.createElement(Block, __assign({ stylePreset: "imageContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.imageContainer), article.imageUrl ? (React.createElement("img", __assign({ src: article.imageUrl, alt: article.headline, style: { width: '100%', display: 'block' } }, overrides === null || overrides === void 0 ? void 0 : overrides.image))) : (React.createElement(Block, __assign({ stylePreset: "placeholderContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.placeholder),
+            React.createElement(TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, "No image available")))),
+        React.createElement(Block, { paddingBlock: "space030", paddingInline: "space030" },
+            article.kicker && (React.createElement(TextBlock, __assign({ typographyPreset: "utilityLabel010", stylePreset: "inkBrand010", marginBlockEnd: "space020", as: "span" }, overrides === null || overrides === void 0 ? void 0 : overrides.kicker), article.kicker)),
+            React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkContrast", as: "h3" }, overrides === null || overrides === void 0 ? void 0 : overrides.headline), article.headline))));
+};
+export default SunArticleCard;
+//# sourceMappingURL=SunArticleCard.js.map

package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SunArticleCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/SunArticleCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB1C,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,OAAO,aAAA,EACP,OAAO,aAAA,EACP,SAAS,eAAA;IAET,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;QACxC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QAC3D,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,4BACS,2BAAoB,OAAO,CAAC,EAAE,CAAE,EAC7C,OAAO,EAAE,WAAW,EACpB,WAAW,EAAC,eAAe,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAExB,oBAAC,KAAK,aAAC,WAAW,EAAC,gBAAgB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC9D,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClB,sCACE,GAAG,EAAE,OAAO,CAAC,QAAQ,EACrB,GAAG,EAAE,OAAO,CAAC,QAAQ,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IACtC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACpB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,aAAC,WAAW,EAAC,sBAAsB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAClE,oBAAC,SAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,yBAGb,CACN,CACT,CACK;QACR,oBAAC,KAAK,IAAC,YAAY,EAAC,UAAU,EAAC,aAAa,EAAC,UAAU;YACpD,OAAO,CAAC,MAAM,IAAI,CACjB,oBAAC,SAAS,aACR,gBAAgB,EAAC,iBAAiB,EAClC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,EACzB,EAAE,EAAC,MAAM,IACL,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,GAEpB,OAAO,CAAC,MAAM,CACL,CACb;YACD,oBAAC,SAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,aAAa,EACzB,EAAE,EAAC,IAAI,IACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,GAEtB,OAAO,CAAC,QAAQ,CACP,CACN,CACF,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/esm/Components/Elements/SunArticleCard/index.d.ts

@@ -0,0 +1 @@
+export { SunArticleCard, type SunArticleCardProps, type SunArticle, } from './SunArticleCard';

package/dist/esm/Components/Elements/SunArticleCard/index.js

@@ -0,0 +1,2 @@
+export { SunArticleCard, } from './SunArticleCard';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/SunArticleCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,GAGf,MAAM,kBAAkB,CAAA"}