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

package/dist/esm/pages/PaymentMethods/PaymentMethods.js

@@ -0,0 +1,24 @@
+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 { LayoutTemplate as Layout } from '../../Components/Templates/LayoutTemplate';
+import { ContextName } from '../../context/types';
+import { PaymentMethodsRender } from '../../Components/Templates';
+import { paymentMethodsContext } from './PaymentMethodsContext';
+import assign from 'lodash.assign';
+export var PaymentMethods = function (_a) {
+    var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, user = _a.user, _b = _a.footer, footer = _b === void 0 ? false : _b, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags, _c = _a.sidebar, sidebar = _c === void 0 ? true : _c;
+    var enhancedContext = __assign(__assign({}, assign({}, paymentMethodsContext, context)), { userData: user, requestHeaders: requestHeaders, featureFlags: featureFlags });
+    return (React.createElement(Layout, { context: enhancedContext, contextName: ContextName.paymentMethods, customTheme: customTheme, themeDropdownObject: themeDropdownObject, sidebar: sidebar, footer: footer },
+        React.createElement(PaymentMethodsRender, null)));
+};
+//# sourceMappingURL=PaymentMethods.js.map

package/dist/esm/pages/PaymentMethods/PaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAA;AAEpF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,MAAM,MAAM,eAAe,CAAA;AAElC,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAS7D;QARC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,IAAI,UAAA,EACJ,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,eAAe,yBAChB,MAAM,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,CAAC,KAC7C,QAAQ,EAAE,IAAI,EACd,cAAc,gBAAA,EACd,YAAY,cAAA,GACb,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,CAAC,cAAc,EACvC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM;QAEd,oBAAC,oBAAoB,OAAG,CACjB,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/PaymentMethods/PaymentMethodsContext.d.ts

@@ -0,0 +1,2 @@
+import { PaymentMethodsContextOptions } from '../../context';
+export declare const paymentMethodsContext: Partial<PaymentMethodsContextOptions>;

package/dist/esm/pages/PaymentMethods/PaymentMethodsContext.js

@@ -0,0 +1,143 @@
+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 { Info as FilledInfo } from '@emotion-icons/material/Info';
+import { SUBSCRIPTION_BASE_URL } from '../../constants';
+import { navigationPrimary, footer, } from '../../context';
+import { IconCreditCard, IconDirectDebit,
+// IconPaypal,
+// IconApplePay,
+// IconGooglePay,
+ } from '../../Components/Elements/Icons';
+import { toNewsKitIcon } from 'newskit';
+var title = 'Edit your payment method';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+var baseHeaderContext = {
+    title: title,
+    titleOverrides: {
+        marginBlockEnd: {
+            xs: 'space050',
+            sm: 'space060',
+        },
+    },
+    backButton: {
+        text: 'Back',
+        href: SUBSCRIPTION_BASE_URL,
+        'aria-label': 'back',
+    },
+    backButtonOverrides: {
+        marginBlockEnd: { xs: 'space050', sm: 'space060' },
+        stylePreset: 'buttonOutlinedSecondary',
+        typographyPreset: 'utilityButton020',
+        iconSize: 'iconSize010',
+    },
+    marginBlockEnd: {
+        xs: 'space000',
+        sm: 'space000',
+        md: 'space000',
+    },
+};
+var lablIconOverrides = {
+    size: 'iconSize030',
+    stylePreset: 'inkContrast',
+    marginInlineEnd: 'space040',
+};
+export var paymentMethodsContext = {
+    head: {
+        pageTitle: title,
+    },
+    header: __assign(__assign({}, baseHeaderContext), { backButton: {
+            text: 'Back',
+            href: SUBSCRIPTION_BASE_URL,
+            'aria-label': 'back',
+            eventContext: {
+                event_navigation_name: 'back',
+                event_navigation_action: 'navigation',
+                event_navigation_browsing_method: 'click',
+                page_name: 'payment methods',
+            },
+        } }),
+    sideNavSelected: 'subscription-and-billing',
+    navigationPrimary: navigationPrimary,
+    infoPanel: {
+        icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+        title: 'You have outstanding payments',
+        children: 'You can update your billing details here in order to correct the balance due. The amount to be paid is ##OUTSTANDING_BALANCE## GBP. Once updated, you will be able to continue enjoying your subscription to The Times and The Sunday Times.',
+        overrides: {
+            stylePreset: 'inlineMessageNegative',
+            marginBlockEnd: 'space080',
+        },
+    },
+    items: [
+        {
+            label: 'Debit/Credit Card',
+            href: '[baseURL]/payment/credit-card',
+            default: 'Debit/Credit Card',
+            labelIcon: {
+                Icon: IconCreditCard,
+                overrides: lablIconOverrides,
+            },
+            icon: 'internal',
+        },
+        {
+            label: 'Direct Debit',
+            href: '[baseURL]/payment/direct-debit',
+            default: 'Direct Debit',
+            labelIcon: {
+                Icon: IconDirectDebit,
+                overrides: lablIconOverrides,
+            },
+            icon: 'internal',
+        },
+        // {
+        //   label: 'PayPal',
+        //   href: '[baseURL]/payment/paypal',
+        //   default: 'PayPal',
+        //   labelIcon: {
+        //     Icon: IconPaypal,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        // },
+        // {
+        //   label: 'ApplePay',
+        //   href: '[baseURL]/payment/applepay',
+        //   default: 'ApplePay',
+        //   labelIcon: {
+        //     Icon: IconApplePay,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        // },
+        // {
+        //   label: 'Google Pay',
+        //   href: '[baseURL]/payment/google-pay',
+        //   default: 'Google Pay',
+        //   labelIcon: {
+        //     Icon: IconGooglePay,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        // },
+    ],
+    listItemProps: {
+        alignCenter: true,
+        hideIcon: true,
+    },
+    listCellProps: {
+        labelOverrides: {
+            typographyPreset: 'utilityLabel020',
+        },
+    },
+    footer: footer,
+};
+//# sourceMappingURL=PaymentMethodsContext.js.map

package/dist/esm/pages/PaymentMethods/PaymentMethodsContext.js.map

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

package/dist/esm/pages/PaymentMethods/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PaymentMethods';
+export * from './PaymentMethodsContext';

package/dist/esm/pages/PaymentMethods/index.js

@@ -0,0 +1,3 @@
+export * from './PaymentMethods';
+export * from './PaymentMethodsContext';
+//# sourceMappingURL=index.js.map

package/dist/esm/pages/PaymentMethods/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA"}

package/dist/esm/pages/PersonalDetails/PersonalDetails.d.ts

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

package/dist/esm/pages/PersonalDetails/PersonalDetails.js

@@ -0,0 +1,41 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import assign from 'lodash.assign';
+import { usePageViewTracking } from '@newskit-render/shared-components';
+import Layout, { DisplayRenderer } from '../../Components/Templates';
+import { useSuccessToast } from '../../hooks';
+import { ContextName } from '../../context/types';
+import { personalDetailsContext } from './PersonalDetailsContext';
+var addSwitchImage = function (customTheme, clientHeaderImages) {
+    return (customTheme === null || customTheme === void 0 ? void 0 : customTheme.name) && clientHeaderImages[customTheme.name]
+        ? {
+            image: {
+                src: "/assets/".concat(clientHeaderImages[customTheme.name]),
+            },
+        }
+        : {};
+};
+export var PersonalDetails = function (_a) {
+    var user = _a.user, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, env = _a.env, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags, _b = _a.sidebar, sidebar = _b === void 0 ? true : _b;
+    var contextName = ContextName.personalDetails;
+    var mergedContext = assign({}, personalDetailsContext, context);
+    var switchHeader = themeDropdownObject
+        ? __assign(__assign({}, mergedContext.header), addSwitchImage(customTheme, themeDropdownObject.clientHeaderImages)) : __assign({}, mergedContext.header);
+    var enhancedContext = __assign(__assign({}, mergedContext), { userData: user, header: switchHeader, env: env, requestHeaders: requestHeaders, featureFlags: featureFlags });
+    var tealiumContext = enhancedContext.tealiumContext;
+    useSuccessToast(enhancedContext);
+    usePageViewTracking(tealiumContext);
+    return (React.createElement(Layout, { sidebar: sidebar, footer: true, context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
+        React.createElement(DisplayRenderer, { contextName: contextName })));
+};
+//# sourceMappingURL=PersonalDetails.js.map

package/dist/esm/pages/PersonalDetails/PersonalDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalDetails.js","sourceRoot":"","sources":["../../../../src/pages/PersonalDetails/PersonalDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,eAAe,CAAA;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAEvE,OAAO,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGpE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,IAAM,cAAc,GAAG,UACrB,WAAwC,EACxC,kBAA6C;IAE7C,OAAO,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,kBAAkB,CAAC,WAAW,CAAC,IAAI,CAAC;QAC9D,CAAC,CAAC;YACE,KAAK,EAAE;gBACL,GAAG,EAAE,kBAAW,kBAAkB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAE;aACvD;SACF;QACH,CAAC,CAAC,EAAE,CAAA;AACR,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAmC,UAAC,EAS/D;QARC,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAA;IAC/C,IAAM,aAAa,GAAG,MAAM,CAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAA;IACjE,IAAM,YAAY,GAAG,mBAAmB;QACtC,CAAC,uBACM,aAAa,CAAC,MAAM,GACpB,cAAc,CAAC,WAAW,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,EAE1E,CAAC,cACM,aAAa,CAAC,MAAM,CACxB,CAAA;IAEL,IAAM,eAAe,yBAChB,aAAa,KAChB,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,YAAY,EACpB,GAAG,KAAA,EACH,cAAc,gBAAA,EACd,YAAY,cAAA,GACb,CAAA;IACO,IAAA,cAAc,GAAK,eAAe,eAApB,CAAoB;IAC1C,eAAe,CAAC,eAAe,CAAC,CAAA;IAChC,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAEnC,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,QACN,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,oBAAC,eAAe,IAAC,WAAW,EAAE,WAAW,GAAI,CACtC,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/PersonalDetails/PersonalDetailsContext.d.ts

@@ -0,0 +1,2 @@
+import { AccountLandingPageContextOptions } from '../../context/types';
+export declare const personalDetailsContext: Partial<AccountLandingPageContextOptions>;

package/dist/esm/pages/PersonalDetails/PersonalDetailsContext.js

@@ -0,0 +1,148 @@
+import React from 'react';
+import { footer, navigationPrimary, sideNav } from '../../context/baseContext';
+import { SectionTypes, } from '../../context/types';
+import { BASE_URL, DISPLAY_NAME } from '../../constants/index';
+import { toNewsKitIcon } from 'newskit';
+import { pastDuebannerDefaultContext } from '@newskit-render/shared-components';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+var title = 'Personal Details';
+export var personalDetailsContext = {
+    baseUrl: BASE_URL,
+    head: {
+        pageTitle: title,
+    },
+    pastDueBanner: pastDuebannerDefaultContext,
+    header: {
+        title: title,
+        description: 'Your basic account info, including your name, contact details and log-in credentials.',
+        descriptionOverrides: {
+            marginBlockEnd: { xs: 'space050', sm: 'space060' },
+        },
+        image: {
+            src: '/assets/personal-details-header.svg',
+            alt: '',
+        },
+    },
+    sideNavSelected: 'personal-details',
+    sections: [
+        {
+            type: SectionTypes.Digital,
+            componentType: 'list',
+            props: {
+                introductionProps: {
+                    title: 'Profile',
+                },
+                items: [
+                    {
+                        label: 'Name',
+                        default: 'Please enter your name',
+                        href: '[baseURL]/edit/name',
+                        type: 'name',
+                        ariaLabel: 'Edit your Name',
+                    },
+                    {
+                        label: 'Date of birth',
+                        default: 'Please call customer service on xxxx-xxx-xxxx',
+                        type: 'dob',
+                        ariaLabel: 'Edit your Date of birth',
+                    },
+                    {
+                        label: 'Display name',
+                        default: 'Please enter your display name',
+                        valueDescription: 'Your display name is used across our websites or apps when leaving comments on articles',
+                        href: '[baseURL]/edit/displayName',
+                        type: DISPLAY_NAME,
+                        ariaLabel: 'Edit your Display name',
+                    },
+                ],
+            },
+        },
+        {
+            type: SectionTypes.Digital,
+            componentType: 'list',
+            props: {
+                introductionProps: {
+                    title: 'Log in and Security',
+                },
+                items: [
+                    {
+                        label: 'Email',
+                        default: '[email@address]',
+                        href: '[baseURL]/edit/email',
+                        type: 'email',
+                        ariaLabel: 'Edit your Email Address',
+                    },
+                    {
+                        label: 'Password',
+                        default: '******************',
+                        href: '[baseURL]/edit/password',
+                        type: 'password',
+                        ariaLabel: 'Change your Password',
+                    },
+                ],
+            },
+        },
+        {
+            type: SectionTypes.Digital,
+            componentType: 'list',
+            props: {
+                introductionProps: {
+                    title: 'Contact details',
+                },
+                items: [
+                    {
+                        label: 'Mobile phone',
+                        default: [
+                            'Please add your mobile number',
+                            'Please update your mobile number',
+                        ],
+                        href: '[baseURL]/edit/mobile',
+                        type: 'mobile',
+                        ariaLabel: 'Edit your mobile number',
+                    },
+                    {
+                        label: 'Landline phone',
+                        default: [
+                            'Please add your landline number',
+                            'Please update your landline number',
+                        ],
+                        href: '[baseURL]/edit/landline',
+                        type: 'landline',
+                        ariaLabel: 'Edit your landline number',
+                    },
+                    {
+                        label: 'Address',
+                        default: 'Please add your address',
+                        href: '[baseURL]/edit/address',
+                        type: 'address',
+                        ariaLabel: 'Edit your address',
+                    },
+                ],
+                belowContentExtra: {
+                    type: 'delivery-address',
+                    infoPanel: {
+                        icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+                        children: 'Your contact address will be used for any of your deliveries.',
+                    },
+                    marginBlockEnd: 'space030',
+                },
+            },
+        },
+    ],
+    footer: footer,
+    sideNav: sideNav,
+    navigationPrimary: navigationPrimary,
+    genericErrorMessage: {
+        pending: 'Updating your ${field}...',
+        error: "Sorry, we're unable to save your ${field} right now. Please try again or come back later.",
+        success: 'Your ${field} has been updated.',
+    },
+    errorMessages: {
+        address: { success: 'Your address was successfully updated' },
+        password: { success: 'Email sent with a password reset link' },
+        email: { success: 'Your email address was successfully updated' },
+    },
+    env: {},
+};
+//# sourceMappingURL=PersonalDetailsContext.js.map

package/dist/esm/pages/PersonalDetails/PersonalDetailsContext.js.map

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

package/dist/esm/pages/PersonalDetails/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PersonalDetails';
+export * from './PersonalDetailsContext';

package/dist/esm/pages/PersonalDetails/index.js

@@ -0,0 +1,3 @@
+export * from './PersonalDetails';
+export * from './PersonalDetailsContext';
+//# sourceMappingURL=index.js.map

package/dist/esm/pages/PersonalDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/PersonalDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA"}

package/dist/esm/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.d.ts

@@ -0,0 +1,2 @@
+import { AccountLandingPageSection } from '../../../context/types';
+export declare const cancelSubscriptionSection: (title: string) => AccountLandingPageSection;

package/dist/esm/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js

@@ -0,0 +1,167 @@
+import { SectionBillingType, SectionTypes, } from '../../../context/types';
+import { Button, EventTrigger, toNewsKitIcon } from 'newskit';
+import { ChatBubbleOutline } from '@emotion-icons/material/ChatBubbleOutline';
+import { PhoneEnabled } from '@emotion-icons/material';
+import React from 'react';
+import { BASE_URL } from '../../../constants';
+var IconChatBubbleOutline = toNewsKitIcon(ChatBubbleOutline);
+var IconPhoneEnabled = toNewsKitIcon(PhoneEnabled);
+export var cancelSubscriptionSection = function (title) { return ({
+    type: SectionTypes.Print,
+    billingType: SectionBillingType.Billing,
+    componentType: 'cancelActions',
+    props: {
+        introductionProps: {
+            title: 'Need a break?',
+            titleOverrides: {
+                stylePreset: 'inkSubtle',
+                typographyPreset: 'utilityBody020',
+            },
+        },
+        primaryButton: {
+            href: '[baseURL]/pause',
+            text: 'Pause subscription',
+            eventContext: {
+                event_navigation_action: 'navigation',
+                event_navigation_name: 'pause subscription',
+                event_navigation_browsing_method: EventTrigger.Click,
+                page_name: "".concat(title.toLocaleLowerCase()),
+            },
+        },
+        secondaryButton: {
+            text: 'Cancel subscription',
+            href: '[baseURL]/cancel?step=contactSupport&returnUrl=/account/subscription-and-billing',
+            baseUrl: BASE_URL,
+            eventContext: {
+                event_navigation_action: 'navigation',
+                event_navigation_name: 'cancel subscription',
+                event_navigation_browsing_method: EventTrigger.Click,
+                page_name: "".concat(title.toLocaleLowerCase()),
+            },
+        },
+        modal: {
+            overrides: {
+                panel: {
+                    maxHeight: '95%',
+                },
+                content: {
+                    paddingInline: 'spaceInset000',
+                    paddingBlock: 'spaceInset000',
+                },
+            },
+            paddingInline: 'spaceInset050',
+            paddingBlock: 'spaceInset000',
+            introduction: {
+                title: 'Cancel subscription',
+                titleOverrides: {
+                    typographyPreset: 'editorialHeadline050',
+                    stylePreset: 'inkContrast',
+                    marginBlockEnd: 'space060',
+                },
+                description: "Our team may have exclusive offers or solutions just for you. We're here to help.",
+                descriptionOverrides: {
+                    stylePreset: 'inkBase',
+                    typographyPreset: 'utilityBody020',
+                    marginBlockEnd: 'space050',
+                },
+            },
+            content: {
+                itemContainerOverrides: {
+                    rowGap: 'space040',
+                    justifyContent: 'space-between',
+                    overrides: {
+                        paddingBlock: 'space050',
+                        minWidth: '100%',
+                    },
+                },
+                items: [
+                    {
+                        id: 'cancel-subscription-call-us',
+                        title: 'Call us',
+                        titleIcon: (React.createElement(IconPhoneEnabled, { overrides: {
+                                marginInlineEnd: 'space020',
+                                size: 'iconSize020',
+                                stylePreset: 'inkBrand020',
+                            } })),
+                        titleOverrides: {
+                            stylePreset: 'inkBase',
+                            paddingBlockStart: 'space040',
+                        },
+                        subtitle: '0800 018 5177',
+                        subtitleOverrides: {
+                            typographyPreset: 'editorialHeadline050',
+                        },
+                        href: '[baseURL]/contact-support',
+                        footer: {
+                            props: {
+                                textOverrides: {
+                                    stylePreset: 'inkBase',
+                                },
+                            },
+                            content: 'Lines are open 8-7pm Mon-Fri.\n 8-4pm weekends & bank holidays.',
+                        },
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'contact support',
+                            event_navigation_browsing_method: EventTrigger.Click,
+                            page_name: "".concat(title.toLocaleLowerCase()),
+                        },
+                    },
+                    {
+                        id: 'cancel-subscription-chat',
+                        title: 'Chat to us for help',
+                        titleIcon: (React.createElement(IconChatBubbleOutline, { overrides: {
+                                marginInlineEnd: 'space020',
+                                size: 'iconSize020',
+                                stylePreset: 'inkBrand020',
+                            } })),
+                        titleOverrides: {
+                            paddingBlockStart: 'space040',
+                        },
+                        subtitle: React.createElement(Button, null, "Chat with us"),
+                        href: '[baseURL]/contact-support',
+                        footer: {
+                            props: {
+                                textOverrides: {
+                                    stylePreset: 'inkBase',
+                                },
+                            },
+                            content: 'Our advisors are online from 8-7pm Mon-Fri. \n 8-4pm weekends & bank holidays',
+                        },
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'contact support',
+                            event_navigation_browsing_method: EventTrigger.Click,
+                            page_name: "".concat(title.toLocaleLowerCase()),
+                        },
+                    },
+                ],
+            },
+            belowItemExtra: {
+                label: 'or..',
+                button: { text: 'Continue Online', href: '[baseURL]/cancel' },
+                baseUrl: '/account',
+                eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_name: 'contact support',
+                    event_navigation_browsing_method: EventTrigger.Click,
+                    page_name: "".concat(title.toLocaleLowerCase()),
+                },
+            },
+            closeButton: {
+                eventContext: {
+                    originator: 'modal',
+                    context: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'online cancellation : close modal',
+                        event_navigation_browsing_method: EventTrigger.Click,
+                        page_name: "".concat(title.toLocaleLowerCase()),
+                        contract_state: 'Rolling',
+                        optimizely_feature_data: "cancellation_exp|variant_2_a",
+                    },
+                },
+            },
+        },
+    },
+}); };
+//# sourceMappingURL=CancelSubscriptionSectionContext.js.map

package/dist/esm/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelSubscriptionSectionContext.js","sourceRoot":"","sources":["../../../../../src/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,EAClB,YAAY,GACb,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,IAAM,qBAAqB,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAA;AAC9D,IAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAEpD,MAAM,CAAC,IAAM,yBAAyB,GAAG,UACvC,KAAa,IACiB,OAAA,CAAC;IAC/B,IAAI,EAAE,YAAY,CAAC,KAAK;IACxB,WAAW,EAAE,kBAAkB,CAAC,OAAO;IACvC,aAAa,EAAE,eAAe;IAC9B,KAAK,EAAE;QACL,iBAAiB,EAAE;YACjB,KAAK,EAAE,eAAe;YACtB,cAAc,EAAE;gBACd,WAAW,EAAE,WAAW;gBACxB,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,aAAa,EAAE;YACb,IAAI,EAAE,iBAAiB;YACvB,IAAI,EAAE,oBAAoB;YAC1B,YAAY,EAAE;gBACZ,uBAAuB,EAAE,YAAY;gBACrC,qBAAqB,EAAE,oBAAoB;gBAC3C,gCAAgC,EAAE,YAAY,CAAC,KAAK;gBACpD,SAAS,EAAE,UAAG,KAAK,CAAC,iBAAiB,EAAE,CAAE;aAC1C;SACF;QACD,eAAe,EAAE;YACf,IAAI,EAAE,qBAAqB;YAC3B,IAAI,EAAE,kFAAkF;YACxF,OAAO,EAAE,QAAQ;YACjB,YAAY,EAAE;gBACZ,uBAAuB,EAAE,YAAY;gBACrC,qBAAqB,EAAE,qBAAqB;gBAC5C,gCAAgC,EAAE,YAAY,CAAC,KAAK;gBACpD,SAAS,EAAE,UAAG,KAAK,CAAC,iBAAiB,EAAE,CAAE;aAC1C;SACF;QAED,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,SAAS,EAAE,KAAK;iBACjB;gBACD,OAAO,EAAE;oBACP,aAAa,EAAE,eAAe;oBAC9B,YAAY,EAAE,eAAe;iBAC9B;aACF;YACD,aAAa,EAAE,eAAe;YAC9B,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE;gBACZ,KAAK,EAAE,qBAAqB;gBAC5B,cAAc,EAAE;oBACd,gBAAgB,EAAE,sBAAsB;oBACxC,WAAW,EAAE,aAAa;oBAC1B,cAAc,EAAE,UAAU;iBAC3B;gBACD,WAAW,EACT,mFAAmF;gBACrF,oBAAoB,EAAE;oBACpB,WAAW,EAAE,SAAS;oBACtB,gBAAgB,EAAE,gBAAgB;oBAClC,cAAc,EAAE,UAAU;iBAC3B;aACF;YACD,OAAO,EAAE;gBACP,sBAAsB,EAAE;oBACtB,MAAM,EAAE,UAAU;oBAClB,cAAc,EAAE,eAAe;oBAC/B,SAAS,EAAE;wBACT,YAAY,EAAE,UAAU;wBACxB,QAAQ,EAAE,MAAM;qBACjB;iBACF;gBACD,KAAK,EAAE;oBACL;wBACE,EAAE,EAAE,6BAA6B;wBACjC,KAAK,EAAE,SAAS;wBAChB,SAAS,EAAE,CACT,oBAAC,gBAAgB,IACf,SAAS,EAAE;gCACT,eAAe,EAAE,UAAU;gCAC3B,IAAI,EAAE,aAAa;gCACnB,WAAW,EAAE,aAAa;6BAC3B,GACD,CACH;wBACD,cAAc,EAAE;4BACd,WAAW,EAAE,SAAS;4BACtB,iBAAiB,EAAE,UAAU;yBAC9B;wBACD,QAAQ,EAAE,eAAe;wBACzB,iBAAiB,EAAE;4BACjB,gBAAgB,EAAE,sBAAsB;yBACzC;wBACD,IAAI,EAAE,2BAA2B;wBACjC,MAAM,EAAE;4BACN,KAAK,EAAE;gCACL,aAAa,EAAE;oCACb,WAAW,EAAE,SAAS;iCACvB;6BACF;4BACD,OAAO,EACL,iEAAiE;yBACpE;wBACD,YAAY,EAAE;4BACZ,uBAAuB,EAAE,YAAY;4BACrC,qBAAqB,EAAE,iBAAiB;4BACxC,gCAAgC,EAAE,YAAY,CAAC,KAAK;4BACpD,SAAS,EAAE,UAAG,KAAK,CAAC,iBAAiB,EAAE,CAAE;yBAC1C;qBACF;oBACD;wBACE,EAAE,EAAE,0BAA0B;wBAC9B,KAAK,EAAE,qBAAqB;wBAC5B,SAAS,EAAE,CACT,oBAAC,qBAAqB,IACpB,SAAS,EAAE;gCACT,eAAe,EAAE,UAAU;gCAC3B,IAAI,EAAE,aAAa;gCACnB,WAAW,EAAE,aAAa;6BAC3B,GACD,CACH;wBACD,cAAc,EAAE;4BACd,iBAAiB,EAAE,UAAU;yBAC9B;wBACD,QAAQ,EAAE,oBAAC,MAAM,uBAAsB;wBACvC,IAAI,EAAE,2BAA2B;wBACjC,MAAM,EAAE;4BACN,KAAK,EAAE;gCACL,aAAa,EAAE;oCACb,WAAW,EAAE,SAAS;iCACvB;6BACF;4BACD,OAAO,EACL,+EAA+E;yBAClF;wBACD,YAAY,EAAE;4BACZ,uBAAuB,EAAE,YAAY;4BACrC,qBAAqB,EAAE,iBAAiB;4BACxC,gCAAgC,EAAE,YAAY,CAAC,KAAK;4BACpD,SAAS,EAAE,UAAG,KAAK,CAAC,iBAAiB,EAAE,CAAE;yBAC1C;qBACF;iBACF;aACF;YACD,cAAc,EAAE;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,kBAAkB,EAAE;gBAC7D,OAAO,EAAE,UAAU;gBACnB,YAAY,EAAE;oBACZ,uBAAuB,EAAE,YAAY;oBACrC,qBAAqB,EAAE,iBAAiB;oBACxC,gCAAgC,EAAE,YAAY,CAAC,KAAK;oBACpD,SAAS,EAAE,UAAG,KAAK,CAAC,iBAAiB,EAAE,CAAE;iBAC1C;aACF;YACD,WAAW,EAAE;gBACX,YAAY,EAAE;oBACZ,UAAU,EAAE,OAAO;oBACnB,OAAO,EAAE;wBACP,uBAAuB,EAAE,YAAY;wBACrC,qBAAqB,EAAE,mCAAmC;wBAC1D,gCAAgC,EAAE,YAAY,CAAC,KAAK;wBACpD,SAAS,EAAE,UAAG,KAAK,CAAC,iBAAiB,EAAE,CAAE;wBACzC,cAAc,EAAE,SAAS;wBACzB,uBAAuB,EAAE,8BAA8B;qBACxD;iBACF;aACF;SACF;KACF;CACF,CAAC,EAzK8B,CAyK9B,CAAA"}

package/dist/esm/pages/SubscriptionAndBilling/SubscriptionAndBilling.d.ts

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

package/dist/esm/pages/SubscriptionAndBilling/SubscriptionAndBilling.js

@@ -0,0 +1,30 @@
+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 assign from 'lodash.assign';
+import { sharedTheme as accountTheme } from '@newskit-render/shared-components';
+import Layout, { SubscriptionAndBillingRender, } from '../../Components/Templates';
+import { useSuccessToast } from '../../hooks';
+import { ContextName } from '../../context/types';
+import { subscriptionAndBillingContext } from './SubscriptionAndBillingContext';
+export var SubscriptionAndBilling = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, requestHeaders = _a.requestHeaders, env = _a.env, featureFlags = _a.featureFlags, _b = _a.sidebar, sidebar = _b === void 0 ? true : _b;
+    var contextName = ContextName.subscriptionAndBilling;
+    var enhancedContext = __assign(__assign({}, assign({}, subscriptionAndBillingContext, context)), { userData: user, requestHeaders: requestHeaders, env: env, featureFlags: featureFlags });
+    useSuccessToast(enhancedContext);
+    return (React.createElement(Layout, { sidebar: sidebar, footer: true, context: enhancedContext, customTheme: customTheme || accountTheme, themeDropdownObject: themeDropdownObject, toastProviderProps: {
+            verticalOffset: 'space040',
+            horizontalOffset: { xs: 'space000', lg: 'space040' },
+        }, contextName: contextName },
+        React.createElement(SubscriptionAndBillingRender, { contextName: contextName })));
+};
+//# sourceMappingURL=SubscriptionAndBilling.js.map

package/dist/esm/pages/SubscriptionAndBilling/SubscriptionAndBilling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionAndBilling.js","sourceRoot":"","sources":["../../../../src/pages/SubscriptionAndBilling/SubscriptionAndBilling.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,MAAM,EAAE,EACb,4BAA4B,GAC7B,MAAM,4BAA4B,CAAA;AAGnC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAA;AAE/E,MAAM,CAAC,IAAM,sBAAsB,GAA0C,UAAC,EAS7E;QARC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,cAAc,oBAAA,EACd,GAAG,SAAA,EACH,YAAY,kBAAA,EACZ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAA;IACtD,IAAM,eAAe,yBAChB,MAAM,CAAC,EAAE,EAAE,6BAA6B,EAAE,OAAO,CAAC,KACrD,QAAQ,EAAE,IAAI,EACd,cAAc,gBAAA,EACd,GAAG,KAAA,EACH,YAAY,cAAA,GACb,CAAA;IAED,eAAe,CAAC,eAAe,CAAC,CAAA;IAChC,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,QACN,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,IAAI,YAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,kBAAkB,EAAE;YAClB,cAAc,EAAE,UAAU;YAC1B,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;SACrD,EACD,WAAW,EAAE,WAAW;QAExB,oBAAC,4BAA4B,IAAC,WAAW,EAAE,WAAW,GAAI,CACnD,CACV,CAAA;AACH,CAAC,CAAA"}