@newskit-render/my-account 0.0.0-e16014a0

package/dist/esm/pages/Newsletters/NewslettersContext.js

@@ -0,0 +1,238 @@
+import { toNewsKitIcon } from 'newskit';
+import { Done as DoneIconMaterial } from '@emotion-icons/material';
+import { Close as CloseIconMaterial } from '@emotion-icons/material';
+import { NEWSLETTERS_BASE_URL } from '../../constants';
+import { footer } from '../../context';
+var title = 'Newsletters';
+var DoneIcon = toNewsKitIcon(DoneIconMaterial);
+var CloseIcon = toNewsKitIcon(CloseIconMaterial);
+export var newslettersContext = {
+    head: {
+        pageTitle: title,
+        siteTitle: 'The Times and Sunday Times',
+        pageMetaDescription: 'Exclusive content and a curated selection of our top stories straight to your inbox.',
+    },
+    header: {
+        title: title,
+        titleOverrides: {
+            marginBlockEnd: {
+                xs: 'space050',
+                sm: 'space060',
+            },
+        },
+        description: 'Exclusive content and a curated selection of our top stories straight to your inbox.',
+        descriptionOverrides: {
+            marginBlockEnd: {
+                xs: 'space000',
+                sm: 'space000',
+                md: 'space000',
+            },
+        },
+        backButton: {
+            text: 'Back',
+            href: NEWSLETTERS_BASE_URL,
+            'aria-label': 'back',
+        },
+        backButtonOverrides: {
+            marginBlockEnd: {
+                xs: 'space060',
+                sm: 'space060',
+                md: 'space060',
+            },
+            stylePreset: 'buttonOutlinedSecondary',
+            typographyPreset: 'utilityLabel010',
+            iconSize: 'iconSize010',
+        },
+        showDivider: false,
+        marginBlockEnd: {
+            xs: 'space060',
+            sm: 'space060',
+            md: 'space080',
+            lg: 'space060',
+            xl: 'space060',
+        },
+    },
+    sideNavSelected: 'newsletters-and-alerts',
+    footer: footer,
+    cardOverrides: {
+        stylePreset: 'newslettersCard',
+        maxWidth: {
+            xs: 'none',
+            sm: 'none',
+            md: 'none',
+            lg: 'none',
+            xl: '250px',
+        },
+        maxHeight: {
+            xs: 'none',
+            sm: 'none',
+            md: 'none',
+            lg: 'none',
+            xl: '250px',
+        },
+        minWidth: {
+            xs: 'none',
+            sm: 'none',
+            md: 'none',
+            lg: 'none',
+            xl: '250px',
+        },
+        minHeight: {
+            xs: 'none',
+            sm: 'none',
+            md: 'none',
+            lg: 'none',
+            xl: '250px',
+        },
+        paddingInline: {
+            xs: '14px',
+            md: '14px',
+        },
+        paddingBlock: {
+            xs: '14px',
+            md: '14px',
+        },
+    },
+    cardContentOverrides: {
+        rowGap: 'space050',
+        rows: {
+            xs: 'auto',
+            sm: '1fr 0.5fr 0.3fr',
+            md: '1fr 0.5fr 0.3fr',
+            lg: '1fr 0.5fr 0.3fr',
+            xl: '1fr 0.7fr 0.3fr',
+        },
+    },
+    frequencyOverrides: {
+        stylePreset: 'inkSubtle',
+        typographyPreset: 'utilitySubheading010',
+    },
+    headlineOverrides: {
+        content: {
+            typographyPreset: {
+                xs: 'editorialHeadline020',
+                sm: 'editorialHeadline020',
+                md: 'editorialHeadline030',
+                lg: 'editorialHeadline030',
+                xl: 'editorialHeadline030',
+            },
+            heading: {
+                stylePreset: 'inkBrand010',
+            },
+            paddingInlineEnd: 'space020',
+        },
+    },
+    textOverrides: {
+        stylePreset: 'inkBrand010',
+        typographyPreset: {
+            xs: 'utilityBody010',
+            sm: 'utilityBody010',
+            md: 'utilityBody020',
+            lg: 'utilityBody020',
+            xl: 'utilityBody020',
+        },
+    },
+    gridLayoutOverrides: {
+        columns: {
+            xs: '1fr 1fr',
+            sm: '1fr 1fr',
+            md: '1fr 1fr',
+            lg: '1fr 1fr',
+            xl: '1fr 1fr 1fr 1fr',
+        },
+        columnGap: '15px',
+        autoFlow: 'row',
+        rowGap: '15px',
+    },
+    switchButtonProps: {
+        label: ' ',
+        size: 'small',
+        overrides: {
+            onIcon: DoneIcon,
+            offIcon: CloseIcon,
+            input: {
+                stylePreset: 'newslettersSwitchButton',
+            },
+        },
+    },
+    newsletterImages: {
+        default: '/assets/newsletters/placeholder.png',
+        '134': '/assets/newsletters/scotland-134.png',
+        '101': '/assets/newsletters/bestoftimes-101.png',
+        '115': '/assets/newsletters/books-115.png',
+        '140': '/assets/newsletters/environment-140.png',
+        '108': '/assets/newsletters/fashion-108.png',
+        '106': '/assets/newsletters/food-106.png',
+        '111': '/assets/newsletters/football-111.png',
+        '121': '/assets/newsletters/law-121.png',
+        '107': '/assets/newsletters/money-107.png',
+        '150': '/assets/newsletters/moneymentor-150.png',
+        '119': '/assets/newsletters/politics-119.png',
+        '113': '/assets/newsletters/property-113.png',
+        '125': '/assets/newsletters/puzzles-125.png',
+        '127': '/assets/newsletters/theatre-127.png',
+        '149': '/assets/newsletters/travel-149.png',
+        '133': '/assets/newsletters/tv-133.png',
+        '153': '/assets/newsletters/us-153.png',
+        '152': '/assets/newsletters/ireland-152.png',
+    },
+    genericErrorMessage: {
+        error: 'Sorry we were unable to sign you up to the ${field} newsletter, please try again',
+        success: 'Thank you, you are now signed up to the ${field} newsletter',
+    },
+    errorMessages: {
+        subscribe: {
+            success: 'Thank you, you are now signed up to the ${title} newsletter',
+        },
+        unsubscribe: {
+            success: 'You will no longer receive ${title} newsletters',
+        },
+    },
+    layoutMainContentOverrides: {
+        fullWidth: true,
+        width: {
+            xs: '100%',
+            md: '100%',
+        },
+        paddingInline: {
+            xs: 'space045',
+            sm: 'space060',
+            md: 'space090',
+            lg: 'space080',
+            xl: 'space080',
+        },
+        paddingBlockStart: {
+            xs: 'space060',
+            sm: 'space080',
+            md: 'space080',
+            lg: 'space090',
+            xl: 'space080',
+        },
+    },
+    featuredNewsletterIds: ['101', '147'],
+    newsletterOrderIds: [
+        '101',
+        '147',
+        '103',
+        '140',
+        '119',
+        '153',
+        '108',
+        '106',
+        '111',
+        '113',
+        '115',
+        '127',
+        '133',
+        '125',
+        '107',
+        '150',
+        '148',
+        '149',
+        '145',
+        '121',
+        '152',
+        '134',
+    ],
+};
+//# sourceMappingURL=NewslettersContext.js.map

package/dist/esm/pages/Newsletters/NewslettersContext.js.map

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

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

@@ -0,0 +1,2 @@
+export * from './Newsletters';
+export * from './NewslettersContext';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Newsletters/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA"}

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

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

package/dist/esm/pages/NewslettersAndAlerts/NewslettersAndAlerts.js

@@ -0,0 +1,28 @@
+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 Layout, { DisplayRenderer } from '../../Components/Templates';
+import { sharedTheme as accountTheme, usePageViewTracking, } from '@newskit-render/shared-components';
+import { useSuccessToast } from '../../hooks';
+import { ContextName } from '../../context/types';
+import { newslettersAndAlertsContext } from './NewslettersAndAlertsContext';
+export var NewslettersAndAlerts = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, env = _a.env, requestHeaders = _a.requestHeaders;
+    var contextName = ContextName.newslettersAndAlerts;
+    var enhancedContext = __assign(__assign({}, assign({}, newslettersAndAlertsContext, context)), { userData: user, env: env, requestHeaders: requestHeaders });
+    useSuccessToast(enhancedContext);
+    usePageViewTracking(enhancedContext.tealiumContext);
+    return (React.createElement(Layout, { sidebar: true, footer: true, context: enhancedContext, customTheme: customTheme || accountTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
+        React.createElement(DisplayRenderer, { contextName: contextName })));
+};
+//# sourceMappingURL=NewslettersAndAlerts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewslettersAndAlerts.js","sourceRoot":"","sources":["../../../../src/pages/NewslettersAndAlerts/NewslettersAndAlerts.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGpE,OAAO,EACL,WAAW,IAAI,YAAY,EAC3B,mBAAmB,GACpB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAE3E,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,EAOzE;QANC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,cAAc,oBAAA;IAEd,IAAM,WAAW,GAAG,WAAW,CAAC,oBAAoB,CAAA;IACpD,IAAM,eAAe,yBAChB,MAAM,CAAC,EAAE,EAAE,2BAA2B,EAAE,OAAO,CAAC,KACnD,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,cAAc,gBAAA,GACf,CAAA;IACD,eAAe,CAAC,eAAe,CAAC,CAAA;IAChC,mBAAmB,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;IACnD,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,QACP,MAAM,QACN,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,IAAI,YAAY,EACxC,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/NewslettersAndAlerts/NewslettersAndAlertsContext.d.ts

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

package/dist/esm/pages/NewslettersAndAlerts/NewslettersAndAlertsContext.js

@@ -0,0 +1,74 @@
+import { pastDuebannerDefaultContext } from '@newskit-render/shared-components';
+import { SectionTypes } from '../../context/types';
+import { footer, navigationPrimary, sideNav } from '../../context/baseContext';
+var title = 'Newsletters & Alerts';
+export var newslettersAndAlertsContext = {
+    head: {
+        pageTitle: title,
+    },
+    pastDueBanner: pastDuebannerDefaultContext,
+    header: {
+        title: title,
+        description: 'Manage your newsletters, notifications and all other contact preferences.',
+        descriptionOverrides: {
+            marginBlockEnd: { xs: 'space050', sm: 'space070' },
+        },
+        image: {
+            src: '/assets/display-base-header.svg',
+            alt: '',
+        },
+    },
+    sideNavSelected: 'newsletters-and-alerts',
+    sections: [
+        {
+            type: SectionTypes.Digital,
+            componentType: 'list',
+            props: {
+                ariaLabel: 'Newsletters & Alerts menu',
+                items: [
+                    {
+                        label: 'Newsletters',
+                        labelDescription: 'Get the stories you want to read, direct to your inbox. Choose from a range of daily or weekly newsletters on the subjects that matter to you.',
+                        default: '',
+                        ariaLabel: 'Newsletters',
+                        href: '/account/newsletters',
+                        icon: 'external',
+                        'data-testid': 'newsletter/external/link',
+                    },
+                    {
+                        label: 'Commenting notifications',
+                        labelDescription: 'We’ll keep you informed on conversations you contribute to or follow, by sending you email notifications. Just let us know when you’d like to be notified.',
+                        default: '',
+                        ariaLabel: 'Commenting notifications',
+                        href: '[baseURL]/edit/commenting-notifications',
+                        icon: 'internal',
+                        'data-testid': 'newsletter/internal/link',
+                    },
+                    {
+                        label: 'Contact preferences',
+                        labelDescription: "We'd like to keep in touch, but only if you want us to. Manage how we contact you about marketing, special offers and promotions from our partners.",
+                        default: '',
+                        ariaLabel: 'Contact preferences',
+                        icon: 'external',
+                        href: '#',
+                        'data-testid': 'newsletter/external/link',
+                    },
+                ],
+            },
+        },
+    ],
+    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: {
+        password: { success: 'Your password was successfully updated' },
+        email: { success: 'Your email address was successfully updated' },
+    },
+    env: {},
+};
+//# sourceMappingURL=NewslettersAndAlertsContext.js.map

package/dist/esm/pages/NewslettersAndAlerts/NewslettersAndAlertsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewslettersAndAlertsContext.js","sourceRoot":"","sources":["../../../../src/pages/NewslettersAndAlerts/NewslettersAndAlertsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAE9E,IAAM,KAAK,GAAG,sBAAsB,CAAA;AAEpC,MAAM,CAAC,IAAM,2BAA2B,GACtC;IACE,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK;KACjB;IACD,aAAa,EAAE,2BAA2B;IAC1C,MAAM,EAAE;QACN,KAAK,OAAA;QACL,WAAW,EACT,2EAA2E;QAC7E,oBAAoB,EAAE;YACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;SACnD;QACD,KAAK,EAAE;YACL,GAAG,EAAE,iCAAiC;YACtC,GAAG,EAAE,EAAE;SACR;KACF;IACD,eAAe,EAAE,wBAAwB;IACzC,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,YAAY,CAAC,OAAO;YAC1B,aAAa,EAAE,MAAM;YACrB,KAAK,EAAE;gBACL,SAAS,EAAE,2BAA2B;gBACtC,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,aAAa;wBACpB,gBAAgB,EACd,gJAAgJ;wBAClJ,OAAO,EAAE,EAAE;wBACX,SAAS,EAAE,aAAa;wBACxB,IAAI,EAAE,sBAAsB;wBAC5B,IAAI,EAAE,UAAU;wBAChB,aAAa,EAAE,0BAA0B;qBAC1C;oBACD;wBACE,KAAK,EAAE,0BAA0B;wBACjC,gBAAgB,EACd,4JAA4J;wBAC9J,OAAO,EAAE,EAAE;wBACX,SAAS,EAAE,0BAA0B;wBACrC,IAAI,EAAE,yCAAyC;wBAC/C,IAAI,EAAE,UAAU;wBAChB,aAAa,EAAE,0BAA0B;qBAC1C;oBACD;wBACE,KAAK,EAAE,qBAAqB;wBAC5B,gBAAgB,EACd,qJAAqJ;wBACvJ,OAAO,EAAE,EAAE;wBACX,SAAS,EAAE,qBAAqB;wBAChC,IAAI,EAAE,UAAU;wBAChB,IAAI,EAAE,GAAG;wBACT,aAAa,EAAE,0BAA0B;qBAC1C;iBACF;aACF;SACF;KACF;IACD,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,OAAO;IAChB,iBAAiB,EAAE,iBAAiB;IACpC,mBAAmB,EAAE;QACnB,OAAO,EAAE,2BAA2B;QACpC,KAAK,EACH,2FAA2F;QAC7F,OAAO,EAAE,iCAAiC;KAC3C;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE,OAAO,EAAE,wCAAwC,EAAE;QAC/D,KAAK,EAAE,EAAE,OAAO,EAAE,6CAA6C,EAAE;KAClE;IACD,GAAG,EAAE,EAAE;CACR,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './NewslettersAndAlerts';
+export * from './NewslettersAndAlertsContext';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/NewslettersAndAlerts/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA"}

package/dist/esm/pages/Payment/CreditCard/PaymentCreditCardContext.d.ts

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

package/dist/esm/pages/Payment/CreditCard/PaymentCreditCardContext.js

@@ -0,0 +1,34 @@
+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 { paymentContext } from '../PaymentContext';
+export var paymentCreditCardContext = __assign(__assign({}, paymentContext), { head: {
+        pageTitle: 'Credit Card',
+    }, header: {
+        title: 'Debit/Credit Card',
+        showDivider: true,
+    }, zuoraCustomErrorMessages: {
+        creditCardHolderName: "Please enter the card holder's name.",
+        creditCardNumber: {
+            one: 'Please enter the card number.',
+            two: 'That doesn’t look like a valid card number. Please try again.',
+            three: 'Your card type is invalid. Please check the number',
+        },
+        cardSecurityCode: {
+            one: "Please enter the card's security code.",
+            four: "The card's security code looks incorrect. Please try again.",
+        },
+        creditCardExpiration: "Please enter the card's expiration date.",
+        creditCardPostalCode: 'Please enter the billing postcode.',
+        creditCardCountry: 'Please enter the Country.',
+        unknownError: 'Validation failed on server-side, Please check your input values.',
+    } });
+//# sourceMappingURL=PaymentCreditCardContext.js.map

package/dist/esm/pages/Payment/CreditCard/PaymentCreditCardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentCreditCardContext.js","sourceRoot":"","sources":["../../../../../src/pages/Payment/CreditCard/PaymentCreditCardContext.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,CAAC,IAAM,wBAAwB,yBAChC,cAAc,KACjB,IAAI,EAAE;QACJ,SAAS,EAAE,aAAa;KACzB,EACD,MAAM,EAAE;QACN,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,IAAI;KAClB,EACD,wBAAwB,EAAE;QACxB,oBAAoB,EAAE,sCAAsC;QAC5D,gBAAgB,EAAE;YAChB,GAAG,EAAE,+BAA+B;YACpC,GAAG,EAAE,+DAA+D;YACpE,KAAK,EAAE,oDAAoD;SAC5D;QACD,gBAAgB,EAAE;YAChB,GAAG,EAAE,wCAAwC;YAC7C,IAAI,EAAE,6DAA6D;SACpE;QACD,oBAAoB,EAAE,0CAA0C;QAChE,oBAAoB,EAAE,oCAAoC;QAC1D,iBAAiB,EAAE,2BAA2B;QAC9C,YAAY,EACV,mEAAmE;KACtE,GACF,CAAA"}

package/dist/esm/pages/Payment/DirectDebit/PaymentDirectDebitContext.d.ts

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

package/dist/esm/pages/Payment/DirectDebit/PaymentDirectDebitContext.js

@@ -0,0 +1,19 @@
+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 { paymentContext } from '../PaymentContext';
+export var paymentDirectDebitContext = __assign(__assign({}, paymentContext), { head: {
+        pageTitle: 'Direct Debit',
+    }, header: {
+        title: 'Set up a Direct Debit',
+        showDivider: true,
+    } });
+//# sourceMappingURL=PaymentDirectDebitContext.js.map

package/dist/esm/pages/Payment/DirectDebit/PaymentDirectDebitContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentDirectDebitContext.js","sourceRoot":"","sources":["../../../../../src/pages/Payment/DirectDebit/PaymentDirectDebitContext.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,CAAC,IAAM,yBAAyB,yBACjC,cAAc,KACjB,IAAI,EAAE;QACJ,SAAS,EAAE,cAAc;KAC1B,EACD,MAAM,EAAE;QACN,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,IAAI;KAClB,GACF,CAAA"}

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

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

package/dist/esm/pages/Payment/Payment.js

@@ -0,0 +1,25 @@
+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 Layout, { PaymentRender } from '../../Components/Templates';
+import { paymentMethodsMap } from './paymentMethodsMap';
+import { handleError, handleLoading, handleSuccess, } from '../../helpers/toastFunctions';
+export var Payment = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, validation = _a.validation, env = _a.env, user = _a.user, _b = _a.footer, footer = _b === void 0 ? false : _b, requestHeaders = _a.requestHeaders, paymentPageData = _a.paymentPageData, paymentProvider = _a.paymentProvider, paymentType = _a.paymentType;
+    var contextPaymentMethodsMap = context === null || context === void 0 ? void 0 : context.paymentMethodsMap;
+    var _c = (contextPaymentMethodsMap === null || contextPaymentMethodsMap === void 0 ? void 0 : contextPaymentMethodsMap[paymentType]) || paymentMethodsMap[paymentType], ctx = _c.ctx, ctxName = _c.ctxName;
+    var enhancedContext = __assign(__assign({}, assign({}, ctx, context)), { validation: validation, env: env, userData: user, handleError: handleError, handleLoading: handleLoading, handleSuccess: handleSuccess, requestHeaders: requestHeaders, paymentPageData: paymentPageData, paymentProvider: paymentProvider, paymentType: paymentType });
+    return (React.createElement(Layout, { context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: ctxName, footer: footer },
+        React.createElement(PaymentRender, { paymentMethod: paymentType })));
+};
+//# sourceMappingURL=Payment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/pages/Payment/Payment.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAGlE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EACL,WAAW,EACX,aAAa,EACb,aAAa,GACd,MAAM,8BAA8B,CAAA;AAErC,MAAM,CAAC,IAAM,OAAO,GAA2B,UAAC,EAY/C;QAXC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,WAAW,iBAAA;IAEX,IAAM,wBAAwB,GAAI,OAAqC,aAArC,OAAO,uBAAP,OAAO,CACrC,iBAAiB,CAAA;IAEf,IAAA,KACJ,CAAA,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,WAAW,CAAC,KAAI,iBAAiB,CAAC,WAAW,CAAC,EADnE,GAAG,SAAA,EAAE,OAAO,aACuD,CAAA;IAE3E,IAAM,eAAe,yBAChB,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,KAC3B,UAAU,YAAA,EACV,GAAG,KAAA,EACH,QAAQ,EAAE,IAAI,EACd,WAAW,aAAA,EACX,aAAa,eAAA,EACb,aAAa,eAAA,EACb,cAAc,gBAAA,EACd,eAAe,iBAAA,EACf,eAAe,iBAAA,EACf,WAAW,aAAA,GACZ,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,OAAO,EACpB,MAAM,EAAE,MAAM;QAEd,oBAAC,aAAa,IAAC,aAAa,EAAE,WAAW,GAAI,CACtC,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/Payment/PaymentContext.d.ts

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

package/dist/esm/pages/Payment/PaymentContext.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { toNewsKitIcon } from 'newskit';
+import { footer } from '../../context';
+import { BASE_URL } from '../../constants';
+import { navigationPrimary } from '../../context/baseContext';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+var pageTitle = 'Edit your payment method';
+export var paymentContext = {
+    baseUrl: BASE_URL,
+    head: {
+        pageTitle: pageTitle,
+    },
+    header: {
+        title: pageTitle,
+        showDivider: true,
+    },
+    zuoraCustomErrorMessages: {
+        creditCardHolderName: "Please enter the card holder's name.",
+        creditCardNumber: {
+            one: 'Please enter the card number.',
+            two: 'That doesn’t look like a valid card number. Please try again.',
+            three: 'Your card type is invalid. Please check the number',
+        },
+        cardSecurityCode: {
+            one: "Please enter the card's security code.",
+            four: "The card's security code looks incorrect. Please try again.",
+        },
+        creditCardExpiration: "Please enter the card's expiration date.",
+        creditCardPostalCode: 'Please enter the billing postcode.',
+        creditCardCountry: 'Please enter the Country.',
+        unknownError: 'Validation failed on server-side, Please check your input values.',
+    },
+    infoPanel: {
+        icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+        children: 'To update your Paypal credentials, please speak to one of our advisors on xxxx-xxx-xxxx or add a new payment method via credit/debit card using the form below.',
+    },
+    navigationPrimary: navigationPrimary,
+    genericErrorMessage: {
+        pending: 'Updating your Payment method',
+        error: "Sorry, we're unable to save your Payment method right now. Please try again or come back later.",
+        success: 'Your Payment method has been updated.',
+    },
+    errorMessages: {
+        paymentFailure: {
+            error: 'Unable to create payment',
+        },
+        payment: { error: 'error loading iFrame' },
+    },
+    footer: footer,
+};
+//# sourceMappingURL=PaymentContext.js.map

package/dist/esm/pages/Payment/PaymentContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentContext.js","sourceRoot":"","sources":["../../../../src/pages/Payment/PaymentContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAA6B,MAAM,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,IAAM,SAAS,GAAG,0BAA0B,CAAA;AAE5C,MAAM,CAAC,IAAM,cAAc,GAAuC;IAChE,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE;QACJ,SAAS,WAAA;KACV;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAI;KAClB;IACD,wBAAwB,EAAE;QACxB,oBAAoB,EAAE,sCAAsC;QAC5D,gBAAgB,EAAE;YAChB,GAAG,EAAE,+BAA+B;YACpC,GAAG,EAAE,+DAA+D;YACpE,KAAK,EAAE,oDAAoD;SAC5D;QACD,gBAAgB,EAAE;YAChB,GAAG,EAAE,wCAAwC;YAC7C,IAAI,EAAE,6DAA6D;SACpE;QACD,oBAAoB,EAAE,0CAA0C;QAChE,oBAAoB,EAAE,oCAAoC;QAC1D,iBAAiB,EAAE,2BAA2B;QAC9C,YAAY,EACV,mEAAmE;KACtE;IACD,SAAS,EAAE;QACT,IAAI,EAAE,oBAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI;QAC5D,QAAQ,EACN,iKAAiK;KACpK;IACD,iBAAiB,mBAAA;IACjB,mBAAmB,EAAE;QACnB,OAAO,EAAE,8BAA8B;QACvC,KAAK,EACH,iGAAiG;QACnG,OAAO,EAAE,uCAAuC;KACjD;IACD,aAAa,EAAE;QACb,cAAc,EAAE;YACd,KAAK,EAAE,0BAA0B;SAClC;QACD,OAAO,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE;KAC3C;IACD,MAAM,QAAA;CACP,CAAA"}

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

@@ -0,0 +1,5 @@
+export * from './CreditCard/PaymentCreditCardContext';
+export * from './DirectDebit/PaymentDirectDebitContext';
+export * from './PaymentContext';
+export * from './Payment';
+export * from './paymentMethodsMap';

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

@@ -0,0 +1,6 @@
+export * from './CreditCard/PaymentCreditCardContext';
+export * from './DirectDebit/PaymentDirectDebitContext';
+export * from './PaymentContext';
+export * from './Payment';
+export * from './paymentMethodsMap';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Payment/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAA;AACrD,cAAc,yCAAyC,CAAA;AACvD,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA"}

package/dist/esm/pages/Payment/paymentMethodsMap.d.ts

@@ -0,0 +1,2 @@
+import { PaymentMethodsMap } from '../../Components/Templates';
+export declare const paymentMethodsMap: PaymentMethodsMap;

package/dist/esm/pages/Payment/paymentMethodsMap.js

@@ -0,0 +1,31 @@
+import { zuoraCreditCardPageId, zuoraDirectDebitPageId, zuoraPageId, } from '../../config';
+import { paymentContext, paymentCreditCardContext, paymentDirectDebitContext, } from '..';
+import { PaymentProvider } from '../../Components/Sections/Form/Payment';
+import { ContextName } from '../../context/types';
+export var paymentMethodsMap = {
+    'credit-card': {
+        paymentProvider: PaymentProvider.Zuora,
+        pageId: zuoraCreditCardPageId,
+        ctx: paymentCreditCardContext,
+        ctxName: ContextName['credit-card'],
+    },
+    'direct-debit': {
+        paymentProvider: PaymentProvider.Zuora,
+        pageId: zuoraDirectDebitPageId,
+        ctx: paymentDirectDebitContext,
+        ctxName: ContextName['direct-debit'],
+    },
+    payment: {
+        paymentProvider: PaymentProvider.Zuora,
+        pageId: zuoraPageId,
+        ctx: paymentContext,
+        ctxName: ContextName.payment,
+    },
+    paypal: {
+        paymentProvider: PaymentProvider.Zuora,
+        pageId: zuoraPageId,
+        ctx: paymentContext,
+        ctxName: ContextName.payment,
+    },
+};
+//# sourceMappingURL=paymentMethodsMap.js.map

package/dist/esm/pages/Payment/paymentMethodsMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paymentMethodsMap.js","sourceRoot":"","sources":["../../../../src/pages/Payment/paymentMethodsMap.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,WAAW,GACZ,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,cAAc,EACd,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,IAAI,CAAA;AAEX,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,CAAC,IAAM,iBAAiB,GAAsB;IAClD,aAAa,EAAE;QACb,eAAe,EAAE,eAAe,CAAC,KAAK;QACtC,MAAM,EAAE,qBAAqB;QAC7B,GAAG,EAAE,wBAAwB;QAC7B,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC;KACpC;IACD,cAAc,EAAE;QACd,eAAe,EAAE,eAAe,CAAC,KAAK;QACtC,MAAM,EAAE,sBAAsB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,OAAO,EAAE,WAAW,CAAC,cAAc,CAAC;KACrC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,eAAe,CAAC,KAAK;QACtC,MAAM,EAAE,WAAW;QACnB,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,WAAW,CAAC,OAAO;KAC7B;IACD,MAAM,EAAE;QACN,eAAe,EAAE,eAAe,CAAC,KAAK;QACtC,MAAM,EAAE,WAAW;QACnB,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,WAAW,CAAC,OAAO;KAC7B;CACF,CAAA"}

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

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