@newskit-render/my-account 0.138.1 → 0.141.0

package/dist/esm/pages/EditField.js

@@ -0,0 +1,332 @@
+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, { EditRenderer } from '../Components/Templates';
+import { getEditTitle } from '../helpers';
+import { ToastProvider, IconFilledInfo, IconFilledSearch } from 'newskit';
+import { BASE_URL } from '../constants';
+import { handleError, handleLoading, handleSuccess, } from '../helpers/toastFunctions';
+import { navigationPrimary } from '../context/baseContext';
+import { ContextName } from '../context/types';
+export var editFieldContext = {
+    baseUrl: BASE_URL,
+    header: {
+        showDivider: true,
+    },
+    forms: {
+        name: {
+            props: {
+                inputText: {
+                    spaceStack: 'space050',
+                    cells: {
+                        xs: 12,
+                        md: 6,
+                    },
+                },
+                infoPanel: {
+                    icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+                    children: 'Your name will only be used when we communicate with you directly. When making comments on our websites and apps, your ‘display name’ is used to protect your identity.',
+                    infoPanelCells: {
+                        xs: 12,
+                    },
+                    spaceStack: 'space080',
+                },
+            },
+        },
+        displayName: {
+            props: {
+                inputText: {
+                    cells: {
+                        xs: 12,
+                        md: 6,
+                    },
+                },
+                infoPanel: {
+                    icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+                    children: 'When making comments on our websites and apps, your ‘display name’ is used to protect your identity. Your name will only be used when we communicate with you directly.',
+                    infoPanelCells: {
+                        xs: 12,
+                    },
+                    spaceStack: 'space080',
+                },
+            },
+        },
+        password: {
+            header: {
+                image: {
+                    src: '/MyAccount/display-base-header.svg',
+                    alt: '',
+                },
+                showDivider: false,
+            },
+            props: {
+                text: [
+                    'For added security, we’ll send a password reset link to the email address that your account is registered with.',
+                    'The link can only be used once and expires after 15 minutes.',
+                ],
+                textOverriders: {
+                    typographyPreset: {
+                        xs: 'utilityBody020',
+                        sm: 'utilityBody030',
+                    },
+                    stylePreset: 'inkBase',
+                    spaceStack: {
+                        xs: 'space070',
+                        sm: 'space080',
+                    },
+                },
+                buttonGroupProps: {
+                    primaryText: 'Send link',
+                },
+                resendButtonGroupProps: {
+                    primaryText: 'Resend link',
+                    primaryButton: {
+                        ariaLabel: 'Save and go back to Personal Details page',
+                        overrides: {
+                            stylePreset: 'buttonSolidPrimary',
+                            width: '100%',
+                        },
+                        spaceStack: {
+                            xs: 'space040',
+                            sm: 'space000',
+                        },
+                    },
+                    secondaryButton: {
+                        ariaLabel: 'Cancel and go back to Personal Details page',
+                        href: BASE_URL,
+                        overrides: {
+                            stylePreset: {
+                                xs: 'buttonOutlinedSecondary',
+                                sm: 'buttonMinimalSecondary',
+                            },
+                            width: '100%',
+                        },
+                        spaceStack: {
+                            xs: 'space080',
+                            sm: 'space000',
+                        },
+                    },
+                    primaryCell: { xs: 12, sm: 4, xsOrder: 0, smOrder: 1 },
+                    secondaryCell: {
+                        xs: 12,
+                        sm: 4,
+                        lg: 3,
+                        smOffset: 4,
+                        lgOffset: 5,
+                        xsOrder: 1,
+                        smOrder: 0,
+                    },
+                },
+                infoPanel: {
+                    icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+                    children: 'Email sent to {email} with a password reset link. If you haven’t received it in a couple of minutes, you may request a new link by clicking on the button below.',
+                    infoPanelCells: {
+                        xs: 12,
+                    },
+                    spaceStack: 'space080',
+                },
+            },
+        },
+        email: {
+            props: {
+                text: [
+                    "Enter the new email address below that you'd like your account to be registered with. We'll send a verification link to that email address and this process could take a few minutes.",
+                ],
+                textOverriders: {
+                    typographyPreset: {
+                        xs: 'utilityBody020',
+                        sm: 'utilityBody030',
+                    },
+                    stylePreset: 'inkBase',
+                    spaceStack: {
+                        xs: 'space080',
+                    },
+                },
+                infoPanel: {
+                    icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+                    children: "Email sent to ##NEW_EMAIL## with a verification link. If you haven't received it yet, check again later or contact customer services on xxxx-xxx-xxxx",
+                    infoPanelCells: {
+                        xs: 12,
+                    },
+                    spaceStack: 'space080',
+                },
+                inputText: {
+                    cells: {
+                        xs: 12,
+                    },
+                    spaceStack: 'space050',
+                },
+            },
+        },
+        payment: {
+            header: {
+                backButton: {
+                    href: '[baseURL]/subscription-and-billing',
+                    'aria-label': 'Go back to subscription and billing page',
+                    text: 'Back',
+                },
+                description: 'Your current payment card details will be replaced by those provided below.',
+            },
+            props: {
+                buttonGroupProps: {
+                    secondaryButton: {
+                        href: '[baseURL]/subscription-and-billing',
+                        ariaLabel: 'Go back to subscription and billing page',
+                    },
+                },
+            },
+        },
+        address: {
+            header: {
+                showDivider: false,
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: 'utilityHeading030',
+                        sm: 'utilityHeading050',
+                    },
+                    stylePreset: 'inkContrast',
+                    spaceStack: 'space000',
+                },
+                spaceStack: { xs: 'space050', sm: 'space060' },
+            },
+            props: {
+                inputText: {
+                    spaceStack: 'space050',
+                },
+                fullAddressInput: {
+                    label: 'Start typing your address or postcode',
+                    assistiveText: "Can't find your address? Enter it manually below.",
+                    cells: {
+                        xs: 12,
+                    },
+                    spaceStack: 'space080',
+                    stylePreset: 'searchBlock',
+                    spaceInset: 'spaceInsetStretch040',
+                    icon: (React.createElement(IconFilledSearch, { overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'inkSubtle',
+                        } })),
+                },
+                line1Input: {
+                    label: 'Address line 1',
+                    assistiveText: 'Or company name',
+                    cells: {
+                        xs: 12,
+                    },
+                },
+                line2Input: {
+                    label: 'Address line 2 (optional)',
+                    cells: {
+                        xs: 12,
+                    },
+                },
+                line3Input: {
+                    label: 'Address line 3 (optional)',
+                    cells: {
+                        xs: 12,
+                    },
+                },
+                cityInput: {
+                    label: 'Town/City',
+                    cells: {
+                        xs: 6,
+                    },
+                },
+                countyInput: {
+                    label: 'County (optional)',
+                    cells: {
+                        xs: 6,
+                    },
+                },
+                postcodeInput: {
+                    label: 'Postcode',
+                    cells: {
+                        xs: 6,
+                    },
+                },
+                countryInput: {
+                    label: 'Country',
+                    cells: {
+                        xs: 6,
+                    },
+                },
+            },
+        },
+        'commenting-notifications': {
+            props: {
+                description: 'We’ll send you email notifications you to keep you informed on conversations you contribute to or follow.',
+                descriptionOverrides: {
+                    spaceStack: 'space080',
+                    typographyPreset: {
+                        xs: 'utilityBody020',
+                        sm: 'utilityBody030',
+                    },
+                    stylePreset: 'inkBase',
+                },
+                formLabel: 'Choose when you’d like to receive notifications:',
+                formLabelOverrides: {
+                    spaceStack: 'space045',
+                    typographyPreset: {
+                        xs: 'utilityLabel010',
+                        sm: 'utilityLabel020',
+                    },
+                    stylePreset: 'inkContrast',
+                },
+                checkoutbox: {
+                    overrides: {
+                        spaceStack: 'space030',
+                    },
+                },
+                userMentioned: {
+                    label: 'When someone mentions me in a comment',
+                },
+                likedYourMessage: {
+                    label: 'When someone likes one of my comments',
+                },
+                repliedToMessage: {
+                    label: 'When someone replies to one of my comments',
+                },
+            },
+        },
+    },
+    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: {
+        email: {
+            pending: 'Updating your email',
+            error: "Sorry, we're unable to save your email right now. Please try again or come back later.",
+            success: 'Your email has been updated.',
+            custom: 'This email address is already in use. Try a different one or contact customer support at 1234-1234',
+        },
+    },
+};
+export var EditField = function (_a) {
+    var data = _a.data, customTheme = _a.customTheme, setTheme = _a.setTheme, context = _a.context, validation = _a.validation, env = _a.env;
+    var contextName = ContextName.editField;
+    var type = data.type, fields = data.fields;
+    var enhancedContext = __assign(__assign({}, assign({}, __assign(__assign({}, editFieldContext), { head: {
+            pageTitle: getEditTitle(type),
+        }, header: __assign(__assign({}, editFieldContext.header), { title: getEditTitle(type) }) }), context)), { data: {
+            validationSchemaKey: type,
+            fields: fields,
+        }, validation: validation, env: env, handleError: handleError, handleLoading: handleLoading, handleSuccess: handleSuccess });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Layout, { context: enhancedContext, customTheme: customTheme, setTheme: setTheme, contextName: contextName },
+            React.createElement(EditRenderer, { type: type })),
+        React.createElement(ToastProvider, { position: 'bottom-center' })));
+};
+//# sourceMappingURL=EditField.js.map

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BasePageProps } from './types';
+import { BaseContextOptions } from '../context';
+export declare const NotFoundContext: BaseContextOptions;
+export declare const GenericErrorContext: BaseContextOptions;
+export declare const NotFound: React.FC<BasePageProps>;
+export declare const GenericError: React.FC<BasePageProps>;

package/dist/esm/pages/Error.js

@@ -0,0 +1,128 @@
+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 Layout from '../Components/Templates';
+import { Header } from '@newskit-render/shared-components';
+import { sharedTheme as accountTheme } from '@newskit-render/shared-components';
+import { BASE_URL } from '../constants';
+import { replaceBaseURL } from '../helpers';
+import { navigationPrimary } from '../context/baseContext';
+import assign from 'lodash.assign';
+import { ContextName } from '../context/types';
+var notFoundtitle = 'Page not found';
+var genericErrorTitle = 'Something went wrong';
+export var NotFoundContext = {
+    baseUrl: BASE_URL,
+    head: {
+        pageTitle: notFoundtitle,
+    },
+    header: {
+        image: {
+            src: '/MyAccount/display-base-header.svg',
+            alt: '',
+            spaceStack: 'space070',
+        },
+        title: notFoundtitle,
+        titleOverrides: {
+            spaceStack: { xs: 'space040', md: 'space050' },
+        },
+        description: "We can't seem to find what you're looking for. If you typed a URL into your browser, it might be worth checking and trying again.",
+        descriptionOverrides: {
+            spaceStack: { xs: 'space050', md: 'space060' },
+        },
+        backButton: {
+            text: 'Back to ...',
+            href: BASE_URL,
+            'aria-label': 'back',
+        },
+        backButtonOverrides: {
+            spaceStack: { xs: 'space070', sm: 'space080', md: 'space090' },
+            stylePreset: 'baseInteractivePrimary030',
+            typographyPreset: 'utilityLabel010',
+            iconSize: 'iconSize010',
+            asLink: true,
+        },
+        imageCell: {
+            xsOrder: 0,
+        },
+        introductionCell: {
+            xsOrder: 1,
+        },
+        backButtonCell: {
+            xsOrder: 2,
+        },
+    },
+    navigationPrimary: navigationPrimary,
+};
+export var GenericErrorContext = {
+    baseUrl: BASE_URL,
+    head: {
+        pageTitle: genericErrorTitle,
+    },
+    header: {
+        image: {
+            src: '/MyAccount/display-base-header.svg',
+            alt: '',
+            spaceStack: 'space070',
+        },
+        title: genericErrorTitle,
+        titleOverrides: {
+            spaceStack: { xs: 'space040', md: 'space050' },
+        },
+        description: 'An unexpected error has occured. Please try again, or refresh the page.',
+        descriptionOverrides: {
+            spaceStack: { xs: 'space050', md: 'space060' },
+        },
+        backButton: {
+            text: 'Back to ...',
+            href: BASE_URL,
+            'aria-label': 'back',
+        },
+        backButtonOverrides: {
+            spaceStack: { xs: 'space070', sm: 'space080', md: 'space090' },
+            stylePreset: 'baseInteractivePrimary030',
+            typographyPreset: 'utilityLabel010',
+            iconSize: 'iconSize010',
+            asLink: true,
+        },
+        imageCell: {
+            xsOrder: 0,
+        },
+        introductionCell: {
+            xsOrder: 1,
+        },
+        backButtonCell: {
+            xsOrder: 2,
+        },
+    },
+    navigationPrimary: navigationPrimary,
+};
+var Error = function (_a) {
+    var customTheme = _a.customTheme, context = _a.context;
+    var contextName = ContextName.error;
+    if (context && context.header && context.header.backButton) {
+        context.header.backButton.href = replaceBaseURL('/account', context.header.backButton.href);
+    }
+    return (React.createElement(Layout, { footer: true, context: context, customTheme: customTheme || accountTheme, contextName: contextName },
+        React.createElement(Header, __assign({}, context === null || context === void 0 ? void 0 : context.header))));
+};
+export var NotFound = function (_a) {
+    var customTheme = _a.customTheme, context = _a.context;
+    var enhancedContext = assign({}, NotFoundContext, context);
+    return React.createElement(Error, { customTheme: customTheme, context: enhancedContext });
+};
+export var GenericError = function (_a) {
+    var customTheme = _a.customTheme, context = _a.context;
+    var contextProp = assign({}, GenericErrorContext, context);
+    return React.createElement(Error, { customTheme: customTheme, context: contextProp });
+};
+//# sourceMappingURL=Error.js.map

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

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

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

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

package/dist/esm/pages/NewslettersAndAlerts.js

@@ -0,0 +1,96 @@
+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 } from '@newskit-render/shared-components';
+import { pastDuebannerDefaultContext } from '../Components/Elements/PastDueBanner';
+import { useSuccessToast } from '../hooks';
+import { footer, navigationPrimary, sideNav } from '../context/baseContext';
+import { ContextName } from '../context/types';
+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: {
+            spaceStack: { xs: 'space050', sm: 'space070' },
+        },
+        image: {
+            src: '/MyAccount/display-base-header.svg',
+            alt: '',
+        },
+    },
+    sideNavSelected: 'newsletters-and-alerts',
+    sections: [
+        {
+            type: '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: '#',
+                        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' },
+    },
+};
+export var NewslettersAndAlerts = function (_a) {
+    var customTheme = _a.customTheme, setTheme = _a.setTheme, context = _a.context, user = _a.user;
+    var contextName = ContextName.newslettersAndAlerts;
+    var enhancedContext = __assign(__assign({}, assign({}, NewslettersAndAlertsContext, context)), { userData: user });
+    useSuccessToast(enhancedContext);
+    return (React.createElement(Layout, { sidebar: true, footer: true, context: enhancedContext, customTheme: customTheme || accountTheme, setTheme: setTheme, contextName: contextName },
+        React.createElement(DisplayRenderer, { contextName: contextName })));
+};
+//# sourceMappingURL=NewslettersAndAlerts.js.map

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

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

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

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