@newskit-render/my-account 0.0.0-e16014a0

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

@@ -0,0 +1,893 @@
+import React from 'react';
+import { toNewsKitIcon } from 'newskit';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+import { Search as FilledSearch } from '@emotion-icons/material/Search';
+import { navigationPrimary, footer, } from '../../context';
+import { BASE_URL } from '../../constants';
+import { ContextName } from '../../context/types';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+var IconFilledSearch = toNewsKitIcon(FilledSearch);
+export var editFieldContext = {
+    baseUrl: BASE_URL,
+    header: {
+        showDivider: true,
+    },
+    forms: {
+        name: {
+            props: {
+                inputText: {
+                    labelProps: {
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    assistiveTextProps: {
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                        },
+                    },
+                    cells: {
+                        xs: 12,
+                        md: 6,
+                    },
+                    marginBlockEnd: 'space050',
+                },
+                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,
+                    },
+                    overrides: {
+                        marginBlockEnd: 'space080',
+                    },
+                },
+                labelObject: {
+                    firstName: 'First name',
+                    lastName: 'Last name',
+                },
+                buttonGroupProps: {
+                    primaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:save',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'name',
+                        },
+                    },
+                    secondaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'button:cancel',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'name',
+                        },
+                    },
+                },
+            },
+        },
+        displayName: {
+            props: {
+                inputText: {
+                    labelProps: {
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    assistiveTextProps: {
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                        },
+                    },
+                    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,
+                    },
+                    overrides: {
+                        marginBlockEnd: 'space080',
+                    },
+                },
+                labelObject: {
+                    displayName: 'Display name',
+                },
+                buttonGroupProps: {
+                    primaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:save',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'display name',
+                        },
+                    },
+                    secondaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'button:cancel',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'display name',
+                        },
+                    },
+                },
+            },
+        },
+        password: {
+            header: {
+                image: {
+                    src: '/assets/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',
+                    marginBlockEnd: {
+                        xs: 'space070',
+                        sm: 'space080',
+                    },
+                },
+                buttonGroupProps: {
+                    secureFlag: false,
+                    primaryButton: {
+                        text: 'Send link',
+                        ariaLabel: 'Send link and go back to Personal Details page',
+                        overrides: {
+                            minWidth: { xs: '100%', sm: 'sizing110' },
+                            stylePreset: 'buttonSolidPrimary',
+                        },
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:save',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'password',
+                        },
+                    },
+                },
+                resendButtonGroupProps: {
+                    secureFlag: false,
+                    primaryButton: {
+                        text: 'Resend link',
+                        ariaLabel: 'Resend link and go back to Personal Details page',
+                        overrides: {
+                            minWidth: { xs: '100%', sm: 'sizing110' },
+                            stylePreset: 'buttonSolidPrimary',
+                        },
+                    },
+                    secondaryButton: {
+                        text: 'Cancel',
+                        ariaLabel: 'Cancel and go back to Personal Details page',
+                        href: BASE_URL,
+                        overrides: {
+                            minWidth: { xs: '100%', sm: 'sizing110' },
+                            stylePreset: {
+                                xs: 'buttonOutlinedSecondary',
+                                sm: 'buttonMinimalSecondary',
+                            },
+                        },
+                    },
+                },
+                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,
+                    },
+                    overrides: {
+                        marginBlockEnd: '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',
+                    marginBlockEnd: {
+                        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,
+                    },
+                    overrides: {
+                        marginBlockEnd: 'space080',
+                    },
+                },
+                inputText: {
+                    labelProps: {
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    assistiveTextProps: {
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                        },
+                    },
+                    cells: {
+                        xs: 12,
+                    },
+                    marginBlockEnd: 'space050',
+                },
+                labelObject: {
+                    email: 'Email address',
+                },
+                buttonGroupProps: {
+                    primaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:save',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'email',
+                        },
+                    },
+                    secondaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'button:cancel',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'email',
+                        },
+                    },
+                },
+            },
+        },
+        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: {
+                        text: 'Cancel',
+                        href: '[baseURL]/subscription-and-billing',
+                        ariaLabel: 'Go back to subscription and billing page',
+                    },
+                },
+            },
+        },
+        address: {
+            header: {
+                showDivider: false,
+                titleOverrides: {
+                    stylePreset: 'inkContrast',
+                    marginBlockEnd: 'space000',
+                },
+                marginBlockEnd: { xs: 'space050', sm: 'space060' },
+            },
+            props: {
+                inputText: {
+                    labelProps: {
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    assistiveTextProps: {
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                        },
+                    },
+                    marginBlockEnd: 'space050',
+                },
+                fullAddressInput: {
+                    labelProps: {
+                        text: 'Start typing your address or postcode',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    assistiveTextProps: {
+                        text: "Can't find your address? Enter it manually below.",
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                        },
+                    },
+                    cells: {
+                        xs: 12,
+                    },
+                    marginBlockEnd: 'space080',
+                    stylePreset: 'searchBlock',
+                    paddingInline: 'spaceInsetStretch040',
+                    paddingBlock: 'spaceInsetStretch040',
+                    formInputTextFieldProps: {
+                        startEnhancer: (React.createElement(IconFilledSearch, { overrides: {
+                                size: 'iconSize020',
+                                stylePreset: 'inkSubtle',
+                            } })),
+                        overrides: { stylePreset: 'searchInput' },
+                    },
+                },
+                line1Input: {
+                    labelProps: {
+                        text: 'Address line 1',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    assistiveTextProps: {
+                        text: 'Or company name',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                        },
+                    },
+                    cells: {
+                        xs: 12,
+                    },
+                },
+                line2Input: {
+                    labelProps: {
+                        text: 'Address line 2 (optional)',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    cells: {
+                        xs: 12,
+                    },
+                },
+                line3Input: {
+                    labelProps: {
+                        text: 'Address line 3 (optional)',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    cells: {
+                        xs: 12,
+                    },
+                },
+                cityInput: {
+                    labelProps: {
+                        text: 'Town/City',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    cells: {
+                        xs: 6,
+                    },
+                },
+                countyInput: {
+                    labelProps: {
+                        text: 'County (optional)',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    cells: {
+                        xs: 6,
+                    },
+                },
+                postcodeInput: {
+                    labelProps: {
+                        text: 'Postcode',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    cells: {
+                        xs: 6,
+                    },
+                },
+                countryInput: {
+                    labelProps: {
+                        text: 'Country',
+                        overrides: {
+                            typographyPreset: 'utilityLabel020',
+                            marginBlockEnd: 'space030',
+                        },
+                    },
+                    cells: {
+                        xs: 6,
+                    },
+                    panelProps: {
+                        zIndex: 'no-layer',
+                    },
+                },
+                marginBlockEnd: {
+                    xs: 'space070',
+                    sm: 'space080',
+                    md: 'space090',
+                },
+                buttonGroupProps: {
+                    primaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:save',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'address',
+                        },
+                    },
+                    secondaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'button:cancel',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'address',
+                        },
+                    },
+                },
+            },
+        },
+        'commenting-notifications': {
+            props: {
+                description: 'We’ll send you email notifications you to keep you informed on conversations you contribute to or follow.',
+                descriptionOverrides: {
+                    marginBlockEnd: 'space080',
+                    typographyPreset: {
+                        xs: 'utilityBody020',
+                        sm: 'utilityBody030',
+                    },
+                    stylePreset: 'inkBase',
+                },
+                formLabel: 'Choose when you’d like to receive notifications:',
+                formLabelOverrides: {
+                    marginBlockEnd: 'space045',
+                    typographyPreset: {
+                        xs: 'utilityLabel010',
+                        sm: 'utilityLabel020',
+                    },
+                    stylePreset: 'inkContrast',
+                },
+                checkoutbox: {
+                    overrides: {
+                        marginBlockEnd: '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',
+                },
+                marginBlockEnd: { xs: 'space070', sm: 'space080', md: 'space090' },
+                buttonGroupProps: {
+                    primaryButton: {
+                        ariaLabel: 'Save and go back to Newsletters and Alerts page',
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:save',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'commenting-notifications',
+                        },
+                    },
+                    secondaryButton: {
+                        ariaLabel: 'Cancel and go back to Newsletters and Alerts page',
+                        href: '[baseURL]/newsletters-and-alerts',
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:cancel',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'commenting-notifications',
+                        },
+                    },
+                },
+            },
+        },
+        'holiday-stop': {
+            props: {
+                buttonGroupProps: {
+                    primaryButton: {
+                        ariaLabel: 'Save and go back to Holiday Stops',
+                    },
+                    secondaryButton: {
+                        ariaLabel: 'Cancel and go back to Holiday Stops',
+                        href: '[baseURL]/holiday-stop',
+                    },
+                },
+                introductionProps: {
+                    description: 'Choose your dates',
+                    descriptionOverrides: {
+                        stylePreset: 'inkContrast',
+                        marginBlockEnd: 'space030',
+                    },
+                },
+                descriptionProps: {
+                    description: 'Your start and end date are the first and last day that you don’t want to receive a delivery.',
+                    descriptionOverrides: {
+                        typographyPreset: 'utilityBody020',
+                        stylePreset: 'inkSubtle',
+                        marginBlockEnd: 'space080',
+                    },
+                },
+                holidayStopModalProps: {
+                    closePosition: 'right',
+                    open: false,
+                    overrides: {
+                        content: {
+                            paddingInline: 'spaceInset000',
+                            paddingBlock: 'spaceInset000',
+                        },
+                    },
+                    paddingInline: 'spaceInset050',
+                    paddingBlock: 'spaceInset050',
+                    introduction: {
+                        title: 'Holiday Stop updated',
+                        titleOverrides: {
+                            marginBlockEnd: {
+                                xs: 'space040',
+                                md: 'space050',
+                            },
+                        },
+                        description: 'You have successfully updated your Holiday Stop. Your account will be credited no more than 8 weeks after the holiday start date.',
+                        descriptionOverrides: {
+                            typographyPreset: 'utilityBody020',
+                            removeLastMarginBlockEnd: true,
+                            marginBlockEnd: {
+                                xs: 'space040',
+                                md: 'space050',
+                            },
+                        },
+                    },
+                    buttonGroup: {
+                        primaryButton: {
+                            ariaLabel: 'Retun to Holiday Stops',
+                            href: '[baseURL]/holiday-stop',
+                            text: 'OK',
+                        },
+                        paddingInline: {
+                            xs: 'spaceInset000',
+                            sm: 'spaceInset050',
+                        },
+                        paddingBlock: {
+                            xs: 'spaceInset000',
+                            sm: 'spaceInset050',
+                        },
+                    },
+                    redirectUrl: '[baseURL]/holiday-stop',
+                },
+                contextName: ContextName.editField,
+            },
+        },
+        'delivery-instructions': {
+            props: {
+                radioInputList: [
+                    {
+                        id: 'option1',
+                        text: 'Through my letterbox',
+                        hasInputTextArea: false,
+                        isDefaultValue: true,
+                    },
+                    {
+                        id: 'option2',
+                        text: 'On my doorstep',
+                        hasInputTextArea: false,
+                    },
+                    {
+                        id: 'option3',
+                        text: 'On my porch',
+                        hasInputTextArea: false,
+                    },
+                    {
+                        id: 'option4',
+                        text: 'Other (Please state)',
+                        hasInputTextArea: true,
+                        maxLength: 70,
+                        InputTextAreaSize: 'small',
+                        assistiveText: 'Please note that if you choose a delivery location that is not secure we cannot be liable for lost or stolen newspapers.',
+                    },
+                ],
+                radioInputListOverrides: {
+                    typographyPreset: {
+                        xs: 'utilityBody020',
+                    },
+                    marginBlockEnd: 'space050',
+                    stylePreset: 'inkBase',
+                },
+                introductionProps: {
+                    description: 'Where should we leave your Newspaper?',
+                    descriptionOverrides: {
+                        typographyPreset: {
+                            xs: 'utilityLabel020',
+                        },
+                        marginBlockEnd: {
+                            xs: 'space045',
+                        },
+                    },
+                },
+                errorOverrides: {
+                    typographyPreset: {
+                        sm: 'utilityLabel020',
+                    },
+                    marginBlockEnd: 'space040',
+                    stylePreset: 'inkNegative',
+                },
+                inputTextAreaOverrides: {
+                    marginBlockStart: 'space020',
+                },
+                characterCountOverrides: {
+                    marginBlockEnd: 'space050',
+                },
+                marginBlockEnd: { xs: 'space070', sm: 'space080' },
+                onSubmitURL: '[baseURL]/subscription-and-billing',
+                buttonGroupProps: {
+                    primaryButton: {
+                        ariaLabel: 'Save and go back to Subscription and Billing page',
+                    },
+                    secondaryButton: {
+                        ariaLabel: 'Cancel and go back to Subscription and Billing page',
+                        href: '[baseURL]/subscription-and-billing',
+                    },
+                },
+            },
+        },
+        vouchers: {
+            props: {
+                textOne: [
+                    'If your vouchers haven’t arrived within 3 days of [DD/MM/YY], you can reorder them below. Please check your address before confirming.',
+                ],
+                textOneOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space080',
+                    },
+                    stylePreset: 'inkBase',
+                    typographyPreset: {
+                        xs: 'utilityBody020',
+                        sm: 'utilityBody030',
+                    },
+                },
+                addressOverrides: {
+                    label: {
+                        marginInlineEnd: 'space030',
+                        stylePreset: 'inkContrast',
+                        typographyPreset: 'utilityHeading010',
+                    },
+                    stylePreset: 'inkBase',
+                    typographyPreset: {
+                        xs: 'utilityBody020',
+                        sm: 'utilityBody030',
+                    },
+                    marginBlockEnd: {
+                        sm: 'space080',
+                        xs: 'space070',
+                    },
+                },
+                inlineMessage: {
+                    icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+                    children: (React.createElement(React.Fragment, null,
+                        "Your contact address will be used for any of your deliveries, this can be managed via ",
+                        React.createElement("a", { href: BASE_URL }, "Personal details"))),
+                    overrides: {
+                        marginInlineEnd: 'space070',
+                    },
+                },
+                textTwo: [
+                    'Please allow 5 working days for your vouchers to arrive. If you still haven’t received them by then, you can contact us on 0800 018 5177.',
+                ],
+                textTwoOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space080',
+                    },
+                    stylePreset: 'inkBase',
+                    typographyPreset: {
+                        xs: 'utilityBody020',
+                        sm: 'utilityBody030',
+                    },
+                },
+                buttonGroupProps: {
+                    primaryButton: {
+                        ariaLabel: 'Confirm and reorder',
+                        text: 'Confirm and reorder',
+                    },
+                    secondaryButton: {
+                        ariaLabel: 'Cancel and go back to Subscription and Billing page',
+                        href: '[baseURL]/subscription-and-billing',
+                    },
+                },
+            },
+        },
+        mobile: {
+            props: {
+                buttonGroupProps: {
+                    primaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:save',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'mobile',
+                        },
+                    },
+                    secondaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:cancel',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'mobile',
+                        },
+                    },
+                },
+            },
+        },
+        landline: {
+            props: {
+                buttonGroupProps: {
+                    primaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:save',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'landline',
+                        },
+                    },
+                    secondaryButton: {
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'personal details update:cancel',
+                            event_navigation_browsing_method: 'click',
+                            page_name: 'landline',
+                        },
+                    },
+                },
+            },
+        },
+    },
+    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: {
+            pending: 'Updating your address...',
+            error: "Sorry, we're unable to save your address right now. Please try again or come back later.",
+        },
+        email: {
+            pending: 'Updating your email...',
+            error: "Sorry, we're unable to save your email right now. Please try again or come back later.",
+            custom: 'This email address is already in use. Try a different one or contact customer support at 1234-1234',
+        },
+        postcode: {
+            warning: 'As your new address is outside of our delivery area it has not been updated.',
+        },
+        'delivery-instructions': {
+            pending: 'Updating your delivery instructions...',
+            error: "Sorry, we're unable to save your delivery instructions right now. Please try again or come back later.",
+        },
+        'holiday-stop': {
+            pending: 'Updating your holiday stop...',
+            error: "Sorry, we're unable to save your holiday stop right now. Please try again or come back later.",
+        },
+        'holiday-stop-overlap': {
+            error: 'Holiday stops cannot overlap',
+        },
+        'holiday-stop-start-date': {
+            error: 'The startDate must be after the current date',
+        },
+        'holiday-stop-too-early': {
+            error: 'Start or end date is too early',
+        },
+        'reordered-in-cycle': {
+            error: 'You cannot request a replacement booklet because a replacement has already been requested in this cycle',
+        },
+    },
+    outsideDeliveryAddressModal: {
+        closePosition: 'right',
+        open: false,
+        overrides: {
+            content: {
+                paddingInline: 'spaceInset050',
+                paddingBlock: 'spaceInset050',
+            },
+            panel: {
+                width: {
+                    xs: '288px',
+                    md: '415px',
+                },
+                maxHeight: '95%',
+                height: {
+                    xs: '616px',
+                    md: '608px',
+                },
+            },
+        },
+        introduction: {
+            title: 'Address Outside Delivery Area',
+            titleOverrides: {
+                marginBlockEnd: {
+                    xs: 'space040',
+                    md: 'space050',
+                },
+            },
+            description: "Unfortunately the address you entered is outside of our delivery area so cannot be updated online.\n      You can contact customer support to arrange a delivery alternative or to manage your subscription.\n\n      You can speak to one of our advisors online or give us a call.\n      ",
+            descriptionOverrides: {
+                typographyPreset: 'utilityBody020',
+                removeLastMarginBlockEnd: true,
+                marginBlockEnd: {
+                    xs: 'space040',
+                    md: 'space050',
+                },
+            },
+        },
+        modalLink: {
+            links: [
+                {
+                    href: '/',
+                    type: 'standalone',
+                    text: 'Open Live Chat',
+                },
+                {
+                    href: 'tel:08000185177',
+                    type: 'standalone',
+                    text: 'Call us on: 0800 018 5177',
+                },
+            ],
+            introduction: {
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space040',
+                        md: 'space050',
+                    },
+                },
+                description: "We\u2019re open Monday to Friday 8am-7pm and Saturday & Sunday 8am-4pm (GMT).",
+                descriptionOverrides: {
+                    typographyPreset: 'utilityBody020',
+                    removeLastMarginBlockEnd: true,
+                    marginBlockEnd: {
+                        xs: 'space040',
+                        md: 'space050',
+                    },
+                },
+            },
+        },
+        buttonGroup: {
+            primaryButton: {
+                ariaLabel: 'Return to My Account',
+                text: 'Return to My Account',
+                size: 'medium',
+                overrides: {
+                    stylePreset: 'buttonSolidPrimary',
+                    minWidth: { xs: '100%', sm: 'sizing110' },
+                    typographyPreset: 'utilityButton020',
+                },
+            },
+        },
+        redirectUrl: '[baseURL]',
+    },
+    footer: footer,
+};
+//# sourceMappingURL=EditFieldContext.js.map