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

package/dist/cjs/pages/UserHub/UserHub.js

@@ -44,11 +44,22 @@ var shared_components_1 = require("@newskit-render/shared-components");
 var Templates_1 = __importStar(require("../../Components/Templates"));
 var types_1 = require("../../context/types");
 var UserHubContext_1 = require("./UserHubContext");
+var hooks_1 = require("../../hooks");
+var toastFunctions_1 = require("../../helpers/toastFunctions");
+var shared_components_2 = require("@newskit-render/shared-components");
 var UserHub = function (_a) {
-    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, env = _a.env, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags, _b = _a.footer, footer = _b === void 0 ? true : _b, _c = _a.sidebar, sidebar = _c === void 0 ? true : _c;
+    var _b;
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, env = _a.env, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags, _c = _a.footer, footer = _c === void 0 ? true : _c, _d = _a.sidebar, sidebar = _d === void 0 ? true : _d;
     var contextName = types_1.ContextName.userHubPage;
-    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, UserHubContext_1.userHubContext, context)), { userData: user, env: env, featureFlags: featureFlags, requestHeaders: requestHeaders });
-    return (react_1.default.createElement(Templates_1.default, { sidebar: sidebar, footer: footer, context: enhancedContext, customTheme: customTheme || shared_components_1.sharedTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
+    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, __assign({}, UserHubContext_1.userHubContext), context)), { userData: user, env: env, featureFlags: featureFlags, requestHeaders: requestHeaders });
+    var withActions = __assign(__assign({}, enhancedContext), { sections: __assign(__assign({}, enhancedContext.sections), (((_b = enhancedContext.sections) === null || _b === void 0 ? void 0 : _b.newsletters)
+            ? {
+                newsletters: __assign(__assign({}, enhancedContext.sections.newsletters), { newslettersListProps: __assign(__assign({}, enhancedContext.sections.newsletters.newslettersListProps), { handleError: toastFunctions_1.handleError, handleLoading: toastFunctions_1.handleLoading, handleShowSuccess: toastFunctions_1.handleShowSuccess }) }),
+            }
+            : {})) });
+    (0, hooks_1.useSuccessToast)(withActions);
+    (0, shared_components_2.usePageViewTracking)(enhancedContext === null || enhancedContext === void 0 ? void 0 : enhancedContext.tealiumContext);
+    return (react_1.default.createElement(Templates_1.default, { sidebar: sidebar, footer: footer, context: withActions, customTheme: customTheme || shared_components_1.sharedTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
         react_1.default.createElement(Templates_1.UserHubRender, null)));
 };
 exports.UserHub = UserHub;

package/dist/cjs/pages/UserHub/UserHub.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,uEAA+E;AAC/E,sEAAkE;AAElE,6CAAiD;AAEjD,mDAAiD;AAE1C,IAAM,OAAO,GAA2B,UAAC,EAU/C;QATC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAC3C,IAAM,eAAe,yBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,+BAAc,EAAE,OAAO,CAAC,KACtC,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,YAAY,cAAA,EACZ,cAAc,gBAAA,GACf,CAAA;IAED,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,IAAI,+BAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,8BAAC,yBAAa,OAAG,CACV,CACV,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,OAAO,WAgCnB"}
+{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,uEAA+E;AAC/E,sEAAkE;AAElE,6CAAiD;AAEjD,mDAAiD;AACjD,qCAA6C;AAC7C,+DAIqC;AACrC,uEAAuE;AAEhE,IAAM,OAAO,GAA2B,UAAC,EAU/C;;QATC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAE3C,IAAM,eAAe,yBAChB,IAAA,uBAAM,EACP,EAAE,eAEG,+BAAc,GAEnB,OAAO,CACR,KACD,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,YAAY,cAAA,EACZ,cAAc,gBAAA,GACf,CAAA;IAED,IAAM,WAAW,yBACZ,eAAe,KAClB,QAAQ,wBACH,eAAe,CAAC,QAAQ,GACxB,CAAC,CAAA,MAAA,eAAe,CAAC,QAAQ,0CAAE,WAAW;YACvC,CAAC,CAAC;gBACE,WAAW,wBACN,eAAe,CAAC,QAAQ,CAAC,WAAW,KACvC,oBAAoB,wBACf,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,oBAAoB,KAC5D,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,iBAAiB,oCAAA,MAEpB;aACF;YACH,CAAC,CAAC,EAAE,CAAC,IAEV,CAAA;IACD,IAAA,uBAAe,EAAC,WAAW,CAAC,CAAA;IAC5B,IAAA,uCAAmB,EAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,cAAc,CAAC,CAAA;IAEpD,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,IAAI,+BAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,8BAAC,yBAAa,OAAG,CACV,CACV,CAAA;AACH,CAAC,CAAA;AA7DY,QAAA,OAAO,WA6DnB"}

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

@@ -1,65 +1,227 @@
 "use strict";
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userHubContext = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
 var context_1 = require("../../context");
-var title = 'The Times Home';
+var ChevronRight_1 = require("@emotion-icons/material/ChevronRight");
+var CreditCard_1 = require("@emotion-icons/material/CreditCard");
+var Lock_1 = require("@emotion-icons/material-outlined/Lock");
+var ChatBubbleOutline_1 = require("@emotion-icons/material/ChatBubbleOutline");
+var Launch_1 = require("@emotion-icons/material/Launch");
+var HelpOutline_1 = require("@emotion-icons/material/HelpOutline");
+var Newsletters_1 = require("../../pages/Newsletters");
+var shared_components_1 = require("@newskit-render/shared-components");
+var IconOutlinedLock = (0, newskit_1.toNewsKitIcon)(Lock_1.Lock);
+var IconFilledCreditCard = (0, newskit_1.toNewsKitIcon)(CreditCard_1.CreditCard);
+var IconFilledChevronRight = (0, newskit_1.toNewsKitIcon)(ChevronRight_1.ChevronRight);
+var IconChatBubbleOutline = (0, newskit_1.toNewsKitIcon)(ChatBubbleOutline_1.ChatBubbleOutline);
+var IconHelpOutline = (0, newskit_1.toNewsKitIcon)(HelpOutline_1.HelpOutline);
+var IconLaunch = (0, newskit_1.toNewsKitIcon)(Launch_1.Launch);
+var pageName = 'homepage';
 exports.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_1.default.createElement(IconFilledCreditCard, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Change your subscription payment details.',
+                    href: '/payment-methods',
+                    linkIcon: (react_1.default.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: newskit_1.EventTrigger.Click,
+                        page_name: pageName,
+                    },
+                },
+                {
+                    ariaLabel: 'change your password',
+                    label: 'Password',
+                    titleIcon: (react_1.default.createElement(IconOutlinedLock, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Change your account password.',
+                    href: '/edit/password',
+                    linkIcon: (react_1.default.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: newskit_1.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_1.default.createElement(IconHelpOutline, { overrides: {
+                            size: 'iconSize020',
+                            marginInlineEnd: 'space020',
+                        } })),
+                    subtitle: 'Find support and guidance in our Help Hub.',
+                    href: '/help',
+                    linkIcon: (react_1.default.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: newskit_1.EventTrigger.Click,
+                        page_name: pageName,
+                    },
+                },
+                {
+                    itemOverrides: {
+                        column: '1/-1',
+                    },
+                    label: 'Chat to our team',
+                    titleIcon: (react_1.default.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_1.default.createElement(react_1.default.Fragment, null,
+                            "For any more support",
+                            ' ',
+                            react_1.default.createElement(shared_components_1.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_1.default.createElement(react_1.default.Fragment, null,
+                    "Never miss an update with our newsletters. Find a broader range of topics in",
+                    ' ',
+                    react_1.default.createElement(shared_components_1.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'] }, Newsletters_1.newslettersListContext), { cardOverrides: __assign(__assign({}, Newsletters_1.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: context_1.footer,
     sideNav: context_1.sideNav,
     navigationPrimary: context_1.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/cjs/pages/UserHub/UserHubContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.ts"],"names":[],"mappings":";;;AACA,yCAAkE;AAElE,IAAM,KAAK,GAAG,gBAAgB,CAAA;AAEjB,QAAA,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,kBAAA;IACN,OAAO,mBAAA;IACP,iBAAiB,6BAAA;CAClB,CAAA"}
+{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAqD;AAErD,yCAAkE;AAClE,qEAAyF;AACzF,iEAAmF;AACnF,8DAA4E;AAC5E,+EAA6E;AAC7E,yDAAuD;AACvD,mEAAiE;AACjE,uDAAgE;AAChE,uEAA4D;AAE5D,IAAM,gBAAgB,GAAG,IAAA,uBAAa,EAAC,WAAY,CAAC,CAAA;AACpD,IAAM,oBAAoB,GAAG,IAAA,uBAAa,EAAC,uBAAgB,CAAC,CAAA;AAC5D,IAAM,sBAAsB,GAAG,IAAA,uBAAa,EAAC,2BAAkB,CAAC,CAAA;AAChE,IAAM,qBAAqB,GAAG,IAAA,uBAAa,EAAC,qCAAiB,CAAC,CAAA;AAC9D,IAAM,eAAe,GAAG,IAAA,uBAAa,EAAC,yBAAW,CAAC,CAAA;AAClD,IAAM,UAAU,GAAG,IAAA,uBAAa,EAAC,eAAM,CAAC,CAAA;AAExC,IAAM,QAAQ,GAAG,UAAU,CAAA;AAEd,QAAA,cAAc,GAAmC;IAC5D,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,UAAU,EAAE,aAAa;YACzB,MAAM,EAAE;gBACN,KAAK,EAAE,aAAa;gBACpB,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;aACnB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,KAAK,EAAE;gBACL;oBACE,SAAS,EAAE,uBAAuB;oBAClC,KAAK,EAAE,gBAAgB;oBACvB,SAAS,EAAE,CACT,8BAAC,oBAAoB,IACnB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,2CAA2C;oBACrD,IAAI,EAAE,kBAAkB;oBACxB,QAAQ,EAAE,CACR,8BAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAC3D,CACH;oBACD,EAAE,EAAE,sBAAsB;oBAC1B,YAAY,EAAE;wBACZ,uBAAuB,EAAE,YAAY;wBACrC,qBAAqB,EAAE,+BAA+B;wBACtD,gCAAgC,EAAE,sBAAY,CAAC,KAAK;wBACpD,SAAS,EAAE,QAAQ;qBACpB;iBACF;gBACD;oBACE,SAAS,EAAE,sBAAsB;oBACjC,KAAK,EAAE,UAAU;oBACjB,SAAS,EAAE,CACT,8BAAC,gBAAgB,IACf,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,+BAA+B;oBACzC,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE,CACR,8BAAC,sBAAsB,IACrB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,WAAW,EAAE,UAAU;yBACxB,GACD,CACH;oBACD,EAAE,EAAE,sBAAsB;oBAC1B,YAAY,EAAE;wBACZ,uBAAuB,EAAE,YAAY;wBACrC,qBAAqB,EAAE,yBAAyB;wBAChD,gCAAgC,EAAE,sBAAY,CAAC,KAAK;wBACpD,SAAS,EAAE,QAAQ;qBACpB;iBACF;aACF;SACF;QACD,cAAc,EAAE;YACd,UAAU,EAAE,kBAAkB;YAC9B,MAAM,EAAE;gBACN,KAAK,EAAE,gBAAgB;gBACvB,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;aACnB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,KAAK,EAAE;gBACL;oBACE,SAAS,EAAE,kBAAkB;oBAC7B,KAAK,EAAE,mBAAmB;oBAC1B,SAAS,EAAE,CACT,8BAAC,eAAe,IACd,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,4CAA4C;oBACtD,IAAI,EAAE,OAAO;oBACb,QAAQ,EAAE,CACR,8BAAC,UAAU,IACT,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAC3D,CACH;oBACD,EAAE,EAAE,eAAe;oBACnB,YAAY,EAAE;wBACZ,uBAAuB,EAAE,YAAY;wBACrC,qBAAqB,EAAE,kBAAkB;wBACzC,gCAAgC,EAAE,sBAAY,CAAC,KAAK;wBACpD,SAAS,EAAE,QAAQ;qBACpB;iBACF;gBACD;oBACE,aAAa,EAAE;wBACb,MAAM,EAAE,MAAM;qBACf;oBACD,KAAK,EAAE,kBAAkB;oBACzB,SAAS,EAAE,CACT,8BAAC,qBAAqB,IACpB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE;wBACR,kDAAkD;wBAClD,4EAA4E;qBAC7E;oBACD,MAAM,EAAE;wBACN,UAAU,EAAE,aAAa;wBACzB,OAAO,EAAE,CACP;;4BACuB,GAAG;4BACxB,8BAAC,4BAAQ,mBACK,sBAAsB,EAClC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,YAAY,iBAGR;gCAEV,CACJ;qBACF;oBACD,EAAE,EAAE,iBAAiB;iBACtB;aACF;SACF;QACD,WAAW,EAAE;YACX,aAAa,EAAE,gBAAgB;YAC/B,MAAM,EAAE;gBACN,KAAK,EAAE,gBAAgB;gBACvB,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;gBAClB,oBAAoB,EAAE,CACpB;;oBAEY,GAAG;oBACb,8BAAC,4BAAQ,mBACK,sBAAsB,EAClC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,YAAY,kBAGR;wBAEV,CACJ;gBACD,oBAAoB,EAAE;oBACpB,cAAc,EAAE,UAAU;oBAC1B,gBAAgB,EAAE,gBAAgB;iBACnC;aACF;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,oBAAoB,sBAClB,cAAc,EAAE;oBACd,UAAU,EAAE,MAAM;oBAClB,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;iBACjC,EACD,qBAAqB,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,IAChD,oCAAsB,KACzB,aAAa,wBACR,oCAAsB,CAAC,aAAa,KACvC,QAAQ,EAAE;wBACR,EAAE,EAAE,MAAM;qBACX,KAEH,mBAAmB,EAAE;oBACnB,OAAO,EAAE;wBACP,EAAE,EAAE,MAAM;wBACV,EAAE,EAAE,MAAM;wBACV,EAAE,EAAE,SAAS;wBACb,EAAE,EAAE,SAAS;wBACb,EAAE,EAAE,UAAU;qBACf;oBACD,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,KAAK;oBACf,MAAM,EAAE,MAAM;iBACf,GACF;SACF;KACF;IACD,MAAM,kBAAA;IACN,OAAO,mBAAA;IACP,iBAAiB,6BAAA;IACjB,mBAAmB,EAAE;QACnB,OAAO,EAAE,2BAA2B;QACpC,KAAK,EACH,2FAA2F;QAC7F,OAAO,EAAE,iCAAiC;KAC3C;CACF,CAAA"}

package/dist/cjs/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/cjs/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/cjs/providers/addFieldProvider.js

@@ -9,8 +9,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.");
@@ -38,18 +38,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addFieldProvider = void 0;
 var groupAccountsProvider_1 = require("./groupAccountsProvider");
-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*/, (0, groupAccountsProvider_1.groupAccountsProvider)({ apolloClient: apolloClient })];
-            }
-            return [2 /*return*/];
-        });
+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*/, (0, groupAccountsProvider_1.groupAccountsProvider)({
+                    apolloClient: apolloClient,
+                    options: options,
+                })];
+        }
+        return [2 /*return*/];
     });
-};
+}); };
 exports.addFieldProvider = addFieldProvider;
 //# sourceMappingURL=addFieldProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"addFieldProvider.js","sourceRoot":"","sources":["../../../src/providers/addFieldProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,iEAA+D;AAExD,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,IAAA,6CAAqB,EAAC,EAAE,YAAY,cAAA,EAAE,CAAC,EAAA;aAC/C;;;;CACF,CAAA;AATY,QAAA,gBAAgB,oBAS5B"}
+{"version":3,"file":"addFieldProvider.js","sourceRoot":"","sources":["../../../src/providers/addFieldProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,iEAA+D;AAExD,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,IAAA,6CAAqB,EAAC;oBAC3B,YAAY,cAAA;oBACZ,OAAO,SAAA;iBACR,CAAC,EAAA;QACJ,CAAC;;;KACF,CAAA;AAbY,QAAA,gBAAgB,oBAa5B"}