@newskit-render/my-account 0.0.0-caeaa514b → 0.0.0-cd7dda9a6

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

@@ -1,62 +1,221 @@
+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 { EventTrigger, toNewsKitIcon } from 'newskit';
 import { footer, sideNav, navigationPrimary } from '../../context';
-var title = 'The Times Home';
+import { ChevronRight as FilledChevronRight } from '@emotion-icons/material/ChevronRight';
+import { CreditCard as FilledCreditCard } from '@emotion-icons/material/CreditCard';
+import { Lock as OutlinedLock } from '@emotion-icons/material-outlined/Lock';
+import { ChatBubbleOutline } from '@emotion-icons/material/ChatBubbleOutline';
+import { Launch } from '@emotion-icons/material/Launch';
+import { HelpOutline } from '@emotion-icons/material/HelpOutline';
+import { newslettersListContext } from '../../pages/Newsletters';
+import { NextLink } from '@newskit-render/shared-components';
+var IconOutlinedLock = toNewsKitIcon(OutlinedLock);
+var IconFilledCreditCard = toNewsKitIcon(FilledCreditCard);
+var IconFilledChevronRight = toNewsKitIcon(FilledChevronRight);
+var IconChatBubbleOutline = toNewsKitIcon(ChatBubbleOutline);
+var IconHelpOutline = toNewsKitIcon(HelpOutline);
+var IconLaunch = toNewsKitIcon(Launch);
+var pageName = 'homepage';
 export var userHubContext = {
-    head: {
-        pageTitle: title,
-    },
-    header: {
-        title: title,
-        titleOverrides: {
-            marginBlockEnd: {
-                xs: 'space060',
+    sections: {
+        quickLinks: {
+            dataTestId: 'quick-links',
+            header: {
+                title: 'Quick Links',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
             },
-            typographyPreset: {
-                xs: 'editorialHeadline040',
-                sm: 'editorialHeadline050',
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
             },
+            items: [
+                {
+                    ariaLabel: 'update payment method',
+                    label: 'Payment method',
+                    titleIcon: (React.createElement(IconFilledCreditCard, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Change your subscription payment details.',
+                    href: '/payment-methods',
+                    linkIcon: (React.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
+                    id: 'payment-details-tile',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'update payment method clicked',
+                        event_navigation_browsing_method: EventTrigger.Click,
+                        page_name: pageName,
+                    },
+                },
+                {
+                    ariaLabel: 'change your password',
+                    label: 'Password',
+                    titleIcon: (React.createElement(IconOutlinedLock, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Change your account password.',
+                    href: '/edit/password',
+                    linkIcon: (React.createElement(IconFilledChevronRight, { overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'inkBlack',
+                        } })),
+                    id: 'change-password-tile',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'update password clicked',
+                        event_navigation_browsing_method: EventTrigger.Click,
+                        page_name: pageName,
+                    },
+                },
+            ],
         },
-        description: 'Placeholder description',
-        descriptionOverrides: {
-            marginBlockEnd: {
-                xs: 'space000',
-                sm: 'space000',
-                md: 'space000',
+        helpAndSupport: {
+            dataTestId: 'help-and-support',
+            header: {
+                title: 'Help & Support',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
             },
-            typographyPreset: {
-                xs: 'editorialParagraph010',
-                sm: 'editorialParagraph020',
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
             },
+            items: [
+                {
+                    ariaLabel: 'looking for help',
+                    label: 'Looking for help?',
+                    titleIcon: (React.createElement(IconHelpOutline, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Find support and guidance in our Help Hub.',
+                    href: '/help',
+                    linkIcon: (React.createElement(IconLaunch, { overrides: { size: 'iconSize010', stylePreset: 'inkBlack' } })),
+                    id: 'help-hub-tile',
+                    eventContext: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'looking for help',
+                        event_navigation_browsing_method: EventTrigger.Click,
+                        page_name: pageName,
+                    },
+                },
+                {
+                    itemOverrides: {
+                        column: '1/-1',
+                    },
+                    label: 'Chat to our team',
+                    titleIcon: (React.createElement(IconChatBubbleOutline, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: [
+                        'Talk to us via Live Chat for further assistance.',
+                        'Available Mon - Fri 8am - 7pm / Weekends & Bank Holiday 8am - 4pm UK time.',
+                    ],
+                    footer: {
+                        dataTestId: 'footer-text',
+                        content: (React.createElement(React.Fragment, null,
+                            "For any more support",
+                            ' ',
+                            React.createElement(NextLink, { "data-testid": "newsletters-hub-link", href: "/newsletters", external: false, type: "standalone" }, "contact us"),
+                            ".")),
+                    },
+                    id: 'contact-us-tile',
+                },
+            ],
         },
-        showDivider: false,
-        marginBlockEnd: {
-            xs: 'space080',
-            sm: 'space080',
+        newsletters: {
+            'data-testid': 'my-newsletters',
+            header: {
+                title: 'My Newsletters',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+                descriptionAsElement: (React.createElement(React.Fragment, null,
+                    "Never miss an update with our newsletters. Find a broader range of topics in",
+                    ' ',
+                    React.createElement(NextLink, { "data-testid": "newsletters-hub-link", href: "/newsletters", external: false, type: "standalone" }, "Newsletters"),
+                    ".")),
+                descriptionOverrides: {
+                    marginBlockEnd: 'space050',
+                    typographyPreset: 'utilityBody020',
+                },
+            },
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
+            },
+            newslettersListProps: __assign(__assign({ tealiumContext: {
+                    originator: 'link',
+                    context: { page_name: pageName },
+                }, userHubNewslettersIds: ['115', '108', '119', '133'] }, newslettersListContext), { cardOverrides: __assign(__assign({}, newslettersListContext.cardOverrides), { maxWidth: {
+                        xl: 'none',
+                    } }), gridLayoutOverrides: {
+                    columns: {
+                        xs: '1fr ',
+                        sm: '1fr ',
+                        md: '1fr 1fr',
+                        lg: '1fr 1fr',
+                        xl: '1fr 1fr ',
+                    },
+                    columnGap: '15px',
+                    autoFlow: 'row',
+                    rowGap: '15px',
+                } }),
         },
     },
-    tiles: [
-        {
-            title: 'Personal Details',
-            href: '[baseURL]/personal-details',
-            id: 'personal-details-tile',
-        },
-        {
-            title: 'Subscription and Billing',
-            href: '[baseURL]/subscription-and-billing',
-            id: 'subscription-and-billing-tile',
-        },
-        {
-            title: 'Newsletters and Alerts',
-            href: '[baseURL]/newsletters-and-alerts',
-            id: 'newsletters-and-alerts-tile',
-        },
-        {
-            title: 'Family',
-            href: '[baseURL]/family',
-            id: 'family-tile',
-        },
-    ],
     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.',
+    },
 };
 //# sourceMappingURL=UserHubContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAElE,IAAM,KAAK,GAAG,gBAAgB,CAAA;AAE9B,MAAM,CAAC,IAAM,cAAc,GAAmC;IAC5D,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK;KACjB;IACD,MAAM,EAAE;QACN,KAAK,OAAA;QACL,cAAc,EAAE;YACd,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;aACf;YACD,gBAAgB,EAAE;gBAChB,EAAE,EAAE,sBAAsB;gBAC1B,EAAE,EAAE,sBAAsB;aAC3B;SACF;QACD,WAAW,EAAE,yBAAyB;QACtC,oBAAoB,EAAE;YACpB,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,gBAAgB,EAAE;gBAChB,EAAE,EAAE,uBAAuB;gBAC3B,EAAE,EAAE,uBAAuB;aAC5B;SACF;QACD,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IAED,KAAK,EAAE;QACL;YACE,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,4BAA4B;YAClC,EAAE,EAAE,uBAAuB;SAC5B;QACD;YACE,KAAK,EAAE,0BAA0B;YACjC,IAAI,EAAE,oCAAoC;YAC1C,EAAE,EAAE,+BAA+B;SACpC;QACD;YACE,KAAK,EAAE,wBAAwB;YAC/B,IAAI,EAAE,kCAAkC;YACxC,EAAE,EAAE,6BAA6B;SAClC;QACD;YACE,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,kBAAkB;YACxB,EAAE,EAAE,aAAa;SAClB;KACF;IACD,MAAM,QAAA;IACN,OAAO,SAAA;IACP,iBAAiB,mBAAA;CAClB,CAAA"}
+{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":"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"}

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

@@ -68,12 +68,13 @@ export interface Subscriptions {
     billingDetails: {
         zipCode: string;
         nextBillCycleDate: string;
+        nextBillAmount: number;
         paymentMethod: {
             cardNumber: string | null;
             cardType: string | null;
             expirationMonth: number | null;
             expirationYear: number | null;
-            type: string;
+            type: string | null;
         };
     };
     products: {
@@ -83,8 +84,9 @@ export interface Subscriptions {
     }[];
     proposition?: {
         groupAccountType: null | string;
+        code: string;
     };
-    features?: {
+    featureDecisions?: {
         outcome: string;
     }[];
     cpn: string;
@@ -137,6 +139,31 @@ export interface GroupAccount {
     maxShares: number;
     shares: MemberShare[];
 }
+export interface GroupAccountV2 {
+    product: {
+        id: string;
+        label: string | null;
+    };
+    ownedShares: {
+        maxShares: number;
+        shares: {
+            id: string;
+            status: FamilyMemberStatusTypes;
+            createdAt: string;
+            sharedWithUser: {
+                cpn?: string;
+                email: string;
+                firstName?: string;
+                lastName?: string;
+            };
+        }[];
+    };
+}
+export interface GroupAccountV2Raw {
+    user: {
+        groupAccountsV2: GroupAccountV2[];
+    };
+}
 export interface BadDebt {
     hasBadDebt: boolean;
     outstandingBalance: string;
@@ -165,6 +192,7 @@ export interface UserData {
     firstName: string;
     lastName: string;
     cpn: string;
+    gender?: string;
     email: string;
     hash: string;
     mobile: string;
@@ -182,7 +210,7 @@ export interface UserData {
     isUserFamilyAccountSecondary?: boolean;
     invoiceHistory?: InvoiceHistory;
 }
-export type PersonalDetailsUserData = Pick<UserData, 'firstName' | 'lastName' | 'mobile' | 'phoneNumber' | 'dateOfBirth' | 'subscriptions' | 'displayName' | 'address' | 'cpn'>;
+export type PersonalDetailsUserData = Pick<UserData, 'firstName' | 'lastName' | 'mobile' | 'phoneNumber' | 'dateOfBirth' | 'subscriptions' | 'displayName' | 'address' | 'cpn' | 'gender'>;
 export type SubscriptionAndBillingUserData = Pick<UserData, 'cpn' | 'subscriptions' | 'paymentFailure' | 'badDebt'>;
 export type HolidayStopUserData = Pick<UserData, 'holidayStops' | 'subscriptions'>;
 export type NewslettersAndAlertsUserData = Pick<UserData, 'email' | 'hash'>;
@@ -204,12 +232,12 @@ export interface BasePageProps {
     context?: Partial<ContextOptions>;
     env?: Record<string, unknown>;
     requestHeaders?: RequestHeaders;
-    featureFlags?: Record<string, any>;
+    featureFlags?: Record<string, boolean>;
     footer?: boolean;
     sidebar?: boolean;
 }
 export interface BasePagePropsWithValidation extends BasePageProps {
-    validation?: Record<string, any>;
+    validation?: Record<string, unknown>;
 }
 export interface PersonalDetailsProps extends BasePageProps {
     user: PersonalDetailsUserData;
@@ -238,6 +266,11 @@ export interface NewslettersProps extends BasePageProps {
 export interface GroupAccountsProps extends BasePageProps {
     user: GroupAccountsUserData;
 }
+export interface UserMpCode {
+    user: {
+        subscriptions: Subscriptions[];
+    };
+}
 export interface UserHubProps extends BasePageProps {
     user: UserHubUserData;
 }

package/dist/esm/providers/addFieldProvider.d.ts

@@ -1,3 +1,3 @@
 import { GroupAccountsProps } from '../pages/types';
 import { ProviderArgs } from './types';
-export declare const addFieldProvider: ({ apolloClient, context, }: ProviderArgs) => Promise<GroupAccountsProps | void>;
+export declare const addFieldProvider: ({ apolloClient, context, options, }: ProviderArgs) => Promise<GroupAccountsProps | void>;

package/dist/esm/providers/addFieldProvider.js

@@ -8,8 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -35,17 +35,18 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { groupAccountsProvider } from './groupAccountsProvider';
-export var addFieldProvider = function (_a) {
-    var apolloClient = _a.apolloClient, context = _a.context;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var currentField;
-        return __generator(this, function (_b) {
-            currentField = (context === null || context === void 0 ? void 0 : context.params.field) || '';
-            if (currentField === 'family') {
-                return [2 /*return*/, groupAccountsProvider({ apolloClient: apolloClient })];
-            }
-            return [2 /*return*/];
-        });
+export var addFieldProvider = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var currentField;
+    var apolloClient = _b.apolloClient, context = _b.context, options = _b.options;
+    return __generator(this, function (_c) {
+        currentField = (context === null || context === void 0 ? void 0 : context.params.field) || '';
+        if (currentField === 'family') {
+            return [2 /*return*/, groupAccountsProvider({
+                    apolloClient: apolloClient,
+                    options: options,
+                })];
+        }
+        return [2 /*return*/];
     });
-};
+}); };
 //# sourceMappingURL=addFieldProvider.js.map

package/dist/esm/providers/addFieldProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"addFieldProvider.js","sourceRoot":"","sources":["../../../src/providers/addFieldProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAO,EAGxB;QAFb,YAAY,kBAAA,EACZ,OAAO,aAAA;;;;YAED,YAAY,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,KAAK,KAAI,EAAE,CAAA;YAEhD,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,sBAAO,qBAAqB,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,EAAA;aAC/C;;;;CACF,CAAA"}
+{"version":3,"file":"addFieldProvider.js","sourceRoot":"","sources":["../../../src/providers/addFieldProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,CAAC,IAAM,gBAAgB,GAAG,iEAAO,EAIxB;;QAHb,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,OAAO,aAAA;;QAED,YAAY,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,KAAK,KAAI,EAAE,CAAA;QAEhD,IAAI,YAAY,KAAK,QAAQ,EAAE,CAAC;YAC9B,sBAAO,qBAAqB,CAAC;oBAC3B,YAAY,cAAA;oBACZ,OAAO,SAAA;iBACR,CAAC,EAAA;QACJ,CAAC;;;KACF,CAAA"}

package/dist/esm/providers/editFieldProvider.js

@@ -19,8 +19,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -46,87 +46,107 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { withCapitalLetter } from './../helpers/providerUtils';
-import { getQuery, getEditFieldMap, processEditFieldObject } from '../helpers';
+import { getQuery, getEditFieldMap, processEditFieldObject, handleNewRelicErrorLog, } from '../helpers';
 import { buildQueryBody } from '../queries/getEditField';
-export var editFieldProvider = function (_a) {
-    var apolloClient = _a.apolloClient, context = _a.context;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var currentEditField, response, editFieldMap, queryBody, fragmentName, query, e_1, mappedFields, subscriptions, user, _b, displayName, preferences, email, emailVerified, username, user, user, user;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    currentEditField = (context === null || context === void 0 ? void 0 : context.params.field) || '';
-                    editFieldMap = getEditFieldMap(currentEditField);
-                    if (!editFieldMap) return [3 /*break*/, 4];
-                    queryBody = buildQueryBody({
-                        fields: editFieldMap,
-                        currentEditField: currentEditField,
-                    });
-                    fragmentName = withCapitalLetter(currentEditField);
-                    query = getQuery(queryBody, fragmentName);
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, apolloClient.query({
-                            query: query,
-                        })];
-                case 2:
-                    response = _c.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_1 = _c.sent();
-                    console.error(e_1.message);
-                    return [3 /*break*/, 4];
-                case 4:
-                    if (response === null || response === void 0 ? void 0 : response.data) {
-                        mappedFields = editFieldMap.map(function (field) { return ({
-                            value: response.data.user[field],
-                            field: field,
-                        }); });
-                        subscriptions = [];
-                        if (currentEditField === 'address') {
-                            mappedFields = mappedFields[0].value;
-                            subscriptions = response.data.user.subscriptions || [];
-                        }
-                        if (currentEditField === 'vouchers') {
-                            user = {
-                                subscriptionId: response.data.user.subscriptions[0].id,
-                                nextVoucherBookletDueDate: response.data.user.subscriptions[0].nextVoucherBookletDueDate,
-                                address: response.data.user.address,
-                            };
-                            mappedFields = processEditFieldObject(user);
-                        }
-                        if ((currentEditField === 'commenting-notifications' ||
-                            currentEditField === 'displayName') &&
-                            response.data.user.commentingPreferences) {
-                            _b = response.data.user.commentingPreferences, displayName = _b.displayName, preferences = _b.preferences, email = _b.email, emailVerified = _b.emailVerified, username = _b.username;
-                            user = __assign(__assign({ displayName: displayName }, preferences), { email: email, emailVerified: emailVerified, username: username });
-                            mappedFields = processEditFieldObject(user);
-                        }
-                        if (currentEditField === 'delivery-instructions' &&
-                            response.data.user.subscriptions[0]) {
-                            user = {
-                                subscriptionId: response.data.user.subscriptions[0].id,
-                                deliveryInformation: response.data.user.subscriptions[0].deliveryInformation,
-                            };
-                            mappedFields = processEditFieldObject(user);
-                        }
-                        if (currentEditField === 'holiday-stop' &&
-                            response.data.user.holidayStops) {
-                            user = {
-                                holidayStops: response.data.user.holidayStops,
-                            };
-                            mappedFields = processEditFieldObject(user);
-                        }
-                        return [2 /*return*/, {
-                                data: { type: currentEditField, fields: mappedFields, subscriptions: subscriptions },
-                            }];
+import { publisher } from '../config';
+var isBroadcasting = publisher === 'BROADCASTING';
+export var editFieldProvider = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var currentEditField, response, editFieldMap, queryBody, fragmentName, query, e_1, mappedFields, subscriptions, _c, firstName, lastName, gender, email, emailVerifiedStatus, dateOfBirth, user, user, _d, displayName, preferences, email, emailVerified, username, user, user, user;
+    var apolloClient = _b.apolloClient, context = _b.context;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                currentEditField = (context === null || context === void 0 ? void 0 : context.params.field) || '';
+                editFieldMap = getEditFieldMap(currentEditField);
+                if (!editFieldMap) return [3 /*break*/, 4];
+                queryBody = buildQueryBody({
+                    fields: editFieldMap,
+                    currentEditField: currentEditField,
+                });
+                fragmentName = withCapitalLetter(currentEditField);
+                query = getQuery(queryBody, fragmentName);
+                _e.label = 1;
+            case 1:
+                _e.trys.push([1, 3, , 4]);
+                return [4 /*yield*/, apolloClient.query({
+                        query: query,
+                    })];
+            case 2:
+                response = _e.sent();
+                return [3 /*break*/, 4];
+            case 3:
+                e_1 = _e.sent();
+                handleNewRelicErrorLog({
+                    requestName: "EditField_".concat(currentEditField),
+                    reqError: e_1,
+                });
+                console.error(e_1.message);
+                return [3 /*break*/, 4];
+            case 4:
+                if (response === null || response === void 0 ? void 0 : response.data) {
+                    mappedFields = editFieldMap.map(function (field) { return ({
+                        value: response.data.user[field],
+                        field: field,
+                    }); });
+                    subscriptions = [];
+                    if (isBroadcasting &&
+                        (currentEditField === 'name' ||
+                            currentEditField === 'email' ||
+                            currentEditField === 'dob' ||
+                            currentEditField === 'gender')) {
+                        _c = response.data.user, firstName = _c.firstName, lastName = _c.lastName, gender = _c.gender, email = _c.email, emailVerifiedStatus = _c.emailVerifiedStatus, dateOfBirth = _c.dateOfBirth;
+                        user = {
+                            firstName: firstName,
+                            lastName: lastName,
+                            email: email,
+                            gender: gender,
+                            emailVerifiedStatus: emailVerifiedStatus,
+                            dateOfBirth: dateOfBirth,
+                        };
+                        mappedFields = processEditFieldObject(user);
+                    }
+                    if (currentEditField === 'address') {
+                        mappedFields = mappedFields[0].value;
+                        subscriptions = response.data.user.subscriptions || [];
+                    }
+                    if (currentEditField === 'vouchers') {
+                        user = {
+                            subscriptionId: response.data.user.subscriptions[0].id,
+                            nextVoucherBookletDueDate: response.data.user.subscriptions[0].nextVoucherBookletDueDate,
+                            address: response.data.user.address,
+                        };
+                        mappedFields = processEditFieldObject(user);
+                    }
+                    if ((currentEditField === 'commenting-notifications' ||
+                        currentEditField === 'displayName') &&
+                        response.data.user.commentingPreferences) {
+                        _d = response.data.user.commentingPreferences, displayName = _d.displayName, preferences = _d.preferences, email = _d.email, emailVerified = _d.emailVerified, username = _d.username;
+                        user = __assign(__assign({ displayName: displayName }, preferences), { email: email, emailVerified: emailVerified, username: username });
+                        mappedFields = processEditFieldObject(user);
+                    }
+                    if (currentEditField === 'delivery-instructions' &&
+                        response.data.user.subscriptions[0]) {
+                        user = {
+                            subscriptionId: response.data.user.subscriptions[0].id,
+                            deliveryInformation: response.data.user.subscriptions[0].deliveryInformation,
+                        };
+                        mappedFields = processEditFieldObject(user);
+                    }
+                    if (currentEditField === 'holiday-stop' &&
+                        response.data.user.holidayStops) {
+                        user = {
+                            holidayStops: response.data.user.holidayStops,
+                        };
+                        mappedFields = processEditFieldObject(user);
                     }
                     return [2 /*return*/, {
-                            data: { type: currentEditField },
+                            data: { type: currentEditField, fields: mappedFields, subscriptions: subscriptions },
                         }];
-            }
-        });
+                }
+                return [2 /*return*/, {
+                        data: { type: currentEditField },
+                    }];
+        }
     });
-};
+}); };
 //# sourceMappingURL=editFieldProvider.js.map