@newskit-render/my-account 0.0.0-e16014a0

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CreditCard/PaymentCreditCardContext"), exports);
+__exportStar(require("./DirectDebit/PaymentDirectDebitContext"), exports);
+__exportStar(require("./PaymentContext"), exports);
+__exportStar(require("./Payment"), exports);
+__exportStar(require("./paymentMethodsMap"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Payment/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wEAAqD;AACrD,0EAAuD;AACvD,mDAAgC;AAChC,4CAAyB;AACzB,sDAAmC"}

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paymentMethodsMap = void 0;
+var config_1 = require("../../config");
+var __1 = require("..");
+var Payment_1 = require("../../Components/Sections/Form/Payment");
+var types_1 = require("../../context/types");
+exports.paymentMethodsMap = {
+    'credit-card': {
+        paymentProvider: Payment_1.PaymentProvider.Zuora,
+        pageId: config_1.zuoraCreditCardPageId,
+        ctx: __1.paymentCreditCardContext,
+        ctxName: types_1.ContextName['credit-card'],
+    },
+    'direct-debit': {
+        paymentProvider: Payment_1.PaymentProvider.Zuora,
+        pageId: config_1.zuoraDirectDebitPageId,
+        ctx: __1.paymentDirectDebitContext,
+        ctxName: types_1.ContextName['direct-debit'],
+    },
+    payment: {
+        paymentProvider: Payment_1.PaymentProvider.Zuora,
+        pageId: config_1.zuoraPageId,
+        ctx: __1.paymentContext,
+        ctxName: types_1.ContextName.payment,
+    },
+    paypal: {
+        paymentProvider: Payment_1.PaymentProvider.Zuora,
+        pageId: config_1.zuoraPageId,
+        ctx: __1.paymentContext,
+        ctxName: types_1.ContextName.payment,
+    },
+};
+//# sourceMappingURL=paymentMethodsMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paymentMethodsMap.js","sourceRoot":"","sources":["../../../../src/pages/Payment/paymentMethodsMap.ts"],"names":[],"mappings":";;;AAAA,uCAIqB;AACrB,wBAIW;AAEX,kEAAwE;AACxE,6CAAiD;AAEpC,QAAA,iBAAiB,GAAsB;IAClD,aAAa,EAAE;QACb,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,8BAAqB;QAC7B,GAAG,EAAE,4BAAwB;QAC7B,OAAO,EAAE,mBAAW,CAAC,aAAa,CAAC;KACpC;IACD,cAAc,EAAE;QACd,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,+BAAsB;QAC9B,GAAG,EAAE,6BAAyB;QAC9B,OAAO,EAAE,mBAAW,CAAC,cAAc,CAAC;KACrC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,oBAAW;QACnB,GAAG,EAAE,kBAAc;QACnB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;IACD,MAAM,EAAE;QACN,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,oBAAW;QACnB,GAAG,EAAE,kBAAc;QACnB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;CACF,CAAA"}

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

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

package/dist/cjs/pages/PaymentMethods/PaymentMethods.js

@@ -0,0 +1,31 @@
+"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.PaymentMethods = void 0;
+var react_1 = __importDefault(require("react"));
+var LayoutTemplate_1 = require("../../Components/Templates/LayoutTemplate");
+var types_1 = require("../../context/types");
+var Templates_1 = require("../../Components/Templates");
+var PaymentMethodsContext_1 = require("./PaymentMethodsContext");
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var PaymentMethods = function (_a) {
+    var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, user = _a.user, _b = _a.footer, footer = _b === void 0 ? false : _b, requestHeaders = _a.requestHeaders;
+    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, PaymentMethodsContext_1.paymentMethodsContext, context)), { userData: user, requestHeaders: requestHeaders });
+    return (react_1.default.createElement(LayoutTemplate_1.LayoutTemplate, { context: enhancedContext, contextName: types_1.ContextName.paymentMethods, customTheme: customTheme, themeDropdownObject: themeDropdownObject, sidebar: true, footer: footer },
+        react_1.default.createElement(Templates_1.PaymentMethodsRender, null)));
+};
+exports.PaymentMethods = PaymentMethods;
+//# sourceMappingURL=PaymentMethods.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,4EAAoF;AAEpF,6CAAiD;AACjD,wDAAiE;AACjE,iEAA+D;AAC/D,gEAAkC;AAE3B,IAAM,cAAc,GAAkC,UAAC,EAO7D;QANC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,IAAI,UAAA,EACJ,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,cAAc,oBAAA;IAEd,IAAM,eAAe,yBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,6CAAqB,EAAE,OAAO,CAAC,KAC7C,QAAQ,EAAE,IAAI,EACd,cAAc,gBAAA,GACf,CAAA;IAED,OAAO,CACL,8BAAC,+BAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,mBAAW,CAAC,cAAc,EACvC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,QACP,MAAM,EAAE,MAAM;QAEd,8BAAC,gCAAoB,OAAG,CACjB,CACV,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,cAAc,kBA0B1B"}

package/dist/cjs/pages/PaymentMethods/PaymentMethodsContext.d.ts

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

package/dist/cjs/pages/PaymentMethods/PaymentMethodsContext.js

@@ -0,0 +1,145 @@
+"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.paymentMethodsContext = void 0;
+var react_1 = __importDefault(require("react"));
+var Info_1 = require("@emotion-icons/material/Info");
+var constants_1 = require("../../constants");
+var context_1 = require("../../context");
+var Icons_1 = require("../../Components/Elements/Icons");
+var newskit_1 = require("newskit");
+var title = 'Edit your payment method';
+var IconFilledInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
+var baseHeaderContext = {
+    title: title,
+    titleOverrides: {
+        marginBlockEnd: {
+            xs: 'space050',
+            sm: 'space060',
+        },
+    },
+    backButton: {
+        text: 'Back',
+        href: constants_1.SUBSCRIPTION_BASE_URL,
+        'aria-label': 'back',
+    },
+    backButtonOverrides: {
+        marginBlockEnd: { xs: 'space050', sm: 'space060' },
+        stylePreset: 'buttonOutlinedSecondary',
+        typographyPreset: 'utilityButton020',
+        iconSize: 'iconSize010',
+    },
+    marginBlockEnd: {
+        xs: 'space000',
+        sm: 'space000',
+        md: 'space000',
+    },
+};
+var lablIconOverrides = {
+    size: 'iconSize030',
+    stylePreset: 'inkContrast',
+    marginInlineEnd: 'space040',
+};
+exports.paymentMethodsContext = {
+    head: {
+        pageTitle: title,
+    },
+    header: __assign(__assign({}, baseHeaderContext), { backButton: {
+            text: 'Back',
+            href: constants_1.SUBSCRIPTION_BASE_URL,
+            'aria-label': 'back',
+            eventContext: {
+                event_navigation_name: 'back',
+                event_navigation_action: 'navigation',
+                event_navigation_browsing_method: 'click',
+                page_name: 'payment methods',
+            },
+        } }),
+    sideNavSelected: 'subscription-and-billing',
+    navigationPrimary: context_1.navigationPrimary,
+    infoPanel: {
+        icon: react_1.default.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+        title: 'You have outstanding payments',
+        children: 'You can update your billing details here in order to correct the balance due. The amount to be paid is ##OUTSTANDING_BALANCE## GBP. Once updated, you will be able to continue enjoying your subscription to The Times and The Sunday Times.',
+        overrides: {
+            stylePreset: 'inlineMessageNegative',
+            marginBlockEnd: 'space080',
+        },
+    },
+    items: [
+        {
+            label: 'Debit/Credit Card',
+            href: '[baseURL]/payment/credit-card',
+            default: 'Debit/Credit Card',
+            labelIcon: {
+                Icon: Icons_1.IconCreditCard,
+                overrides: lablIconOverrides,
+            },
+            icon: 'internal',
+        },
+        {
+            label: 'Direct Debit',
+            href: '[baseURL]/payment/direct-debit',
+            default: 'Direct Debit',
+            labelIcon: {
+                Icon: Icons_1.IconDirectDebit,
+                overrides: lablIconOverrides,
+            },
+            icon: 'internal',
+        },
+        // {
+        //   label: 'PayPal',
+        //   href: '[baseURL]/payment/paypal',
+        //   default: 'PayPal',
+        //   labelIcon: {
+        //     Icon: IconPaypal,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        // },
+        // {
+        //   label: 'ApplePay',
+        //   href: '[baseURL]/payment/applepay',
+        //   default: 'ApplePay',
+        //   labelIcon: {
+        //     Icon: IconApplePay,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        // },
+        // {
+        //   label: 'Google Pay',
+        //   href: '[baseURL]/payment/google-pay',
+        //   default: 'Google Pay',
+        //   labelIcon: {
+        //     Icon: IconGooglePay,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        // },
+    ],
+    listItemProps: {
+        alignCenter: true,
+        hideIcon: true,
+    },
+    listCellProps: {
+        labelOverrides: {
+            typographyPreset: 'utilityLabel020',
+        },
+    },
+    footer: context_1.footer,
+};
+//# sourceMappingURL=PaymentMethodsContext.js.map

package/dist/cjs/pages/PaymentMethods/PaymentMethodsContext.js.map

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

package/dist/cjs/pages/PaymentMethods/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PaymentMethods';
+export * from './PaymentMethodsContext';

package/dist/cjs/pages/PaymentMethods/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PaymentMethods"), exports);
+__exportStar(require("./PaymentMethodsContext"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/pages/PaymentMethods/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC;AAChC,0DAAuC"}

package/dist/cjs/pages/PersonalDetails/PersonalDetails.d.ts

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

package/dist/cjs/pages/PersonalDetails/PersonalDetails.js

@@ -0,0 +1,81 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PersonalDetails = void 0;
+var react_1 = __importStar(require("react"));
+var router_1 = require("next/router");
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var Templates_1 = __importStar(require("../../Components/Templates"));
+var hooks_1 = require("../../hooks");
+var types_1 = require("../../context/types");
+var PersonalDetailsContext_1 = require("./PersonalDetailsContext");
+var shared_components_1 = require("@newskit-render/shared-components");
+var addSwitchImage = function (customTheme, clientHeaderImages) {
+    return (customTheme === null || customTheme === void 0 ? void 0 : customTheme.name) && clientHeaderImages[customTheme.name]
+        ? {
+            image: {
+                src: "/assets/".concat(clientHeaderImages[customTheme.name]),
+            },
+        }
+        : {};
+};
+var PersonalDetails = function (_a) {
+    var user = _a.user, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, env = _a.env, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags;
+    var router = (0, router_1.useRouter)();
+    var contextName = types_1.ContextName.personalDetails;
+    var mergedContext = (0, lodash_assign_1.default)({}, PersonalDetailsContext_1.personalDetailsContext, context);
+    var switchHeader = themeDropdownObject
+        ? __assign(__assign({}, mergedContext.header), addSwitchImage(customTheme, themeDropdownObject.clientHeaderImages)) : __assign({}, mergedContext.header);
+    var enhancedContext = __assign(__assign({}, mergedContext), { userData: user, header: switchHeader, env: env, requestHeaders: requestHeaders, featureFlags: featureFlags });
+    var tealiumContext = enhancedContext.tealiumContext;
+    (0, hooks_1.useSuccessToast)(enhancedContext);
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    (0, react_1.useEffect)(function () {
+        if ((featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.qualtrics_flag) &&
+            enhancedContext.userData.isUserFamilyAccountSecondary) {
+            var pathname = router.pathname;
+            var query = { secondary: 'true' };
+            router.push({ pathname: pathname, query: query }, undefined, { shallow: true });
+        }
+    }, []);
+    return (react_1.default.createElement(Templates_1.default, { sidebar: true, footer: true, context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
+        react_1.default.createElement(Templates_1.DisplayRenderer, { contextName: contextName })));
+};
+exports.PersonalDetails = PersonalDetails;
+//# sourceMappingURL=PersonalDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalDetails.js","sourceRoot":"","sources":["../../../../src/pages/PersonalDetails/PersonalDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,sCAAuC;AACvC,gEAAkC;AAElC,sEAAoE;AAGpE,qCAA6C;AAC7C,6CAAiD;AACjD,mEAAiE;AACjE,uEAAuE;AAEvE,IAAM,cAAc,GAAG,UACrB,WAAwC,EACxC,kBAA6C;IAE7C,OAAO,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,kBAAkB,CAAC,WAAW,CAAC,IAAI,CAAC;QAC9D,CAAC,CAAC;YACE,KAAK,EAAE;gBACL,GAAG,EAAE,kBAAW,kBAAkB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAE;aACvD;SACF;QACH,CAAC,CAAC,EAAE,CAAA;AACR,CAAC,CAAA;AAEM,IAAM,eAAe,GAAmC,UAAC,EAQ/D;QAPC,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,YAAY,kBAAA;IAEZ,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,WAAW,GAAG,mBAAW,CAAC,eAAe,CAAA;IAC/C,IAAM,aAAa,GAAG,IAAA,uBAAM,EAAC,EAAE,EAAE,+CAAsB,EAAE,OAAO,CAAC,CAAA;IACjE,IAAM,YAAY,GAAG,mBAAmB;QACtC,CAAC,uBACM,aAAa,CAAC,MAAM,GACpB,cAAc,CAAC,WAAW,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,EAE1E,CAAC,cACM,aAAa,CAAC,MAAM,CACxB,CAAA;IAEL,IAAM,eAAe,yBAChB,aAAa,KAChB,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,YAAY,EACpB,GAAG,KAAA,EACH,cAAc,gBAAA,EACd,YAAY,cAAA,GACb,CAAA;IACO,IAAA,cAAc,GAAK,eAAe,eAApB,CAAoB;IAC1C,IAAA,uBAAe,EAAC,eAAe,CAAC,CAAA;IAChC,IAAA,uCAAmB,EAAC,cAAc,CAAC,CAAA;IAEnC,IAAA,iBAAS,EAAC;QACR,IACE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc;YAC5B,eAAe,CAAC,QAAQ,CAAC,4BAA4B,EACrD;YACQ,IAAA,QAAQ,GAAK,MAAM,SAAX,CAAW;YAC3B,IAAM,KAAK,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAA;YAEnC,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;SAC/D;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,QACP,MAAM,QACN,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,8BAAC,2BAAe,IAAC,WAAW,EAAE,WAAW,GAAI,CACtC,CACV,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,eAAe,mBA0D3B"}

package/dist/cjs/pages/PersonalDetails/PersonalDetailsContext.d.ts

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

package/dist/cjs/pages/PersonalDetails/PersonalDetailsContext.js

@@ -0,0 +1,154 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.personalDetailsContext = void 0;
+var react_1 = __importDefault(require("react"));
+var baseContext_1 = require("../../context/baseContext");
+var types_1 = require("../../context/types");
+var index_1 = require("../../constants/index");
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var Info_1 = require("@emotion-icons/material/Info");
+var IconFilledInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
+var title = 'Personal Details';
+exports.personalDetailsContext = {
+    baseUrl: index_1.BASE_URL,
+    head: {
+        pageTitle: title,
+    },
+    pastDueBanner: shared_components_1.pastDuebannerDefaultContext,
+    header: {
+        title: title,
+        description: 'Your basic account info, including your name, contact details and log-in credentials.',
+        descriptionOverrides: {
+            marginBlockEnd: { xs: 'space050', sm: 'space060' },
+        },
+        image: {
+            src: '/assets/personal-details-header.svg',
+            alt: '',
+        },
+    },
+    sideNavSelected: 'personal-details',
+    sections: [
+        {
+            type: types_1.SectionTypes.Digital,
+            componentType: 'list',
+            props: {
+                introductionProps: {
+                    title: 'Profile',
+                },
+                items: [
+                    {
+                        label: 'Name',
+                        default: 'Please enter your name',
+                        href: '[baseURL]/edit/name',
+                        type: 'name',
+                        ariaLabel: 'Edit your Name',
+                    },
+                    {
+                        label: 'Date of birth',
+                        default: 'Please call customer service on xxxx-xxx-xxxx',
+                        type: 'dob',
+                        ariaLabel: 'Edit your Date of birth',
+                    },
+                    {
+                        label: 'Display name',
+                        default: 'Please enter your display name',
+                        valueDescription: 'Your display name is used across our websites or apps when leaving comments on articles',
+                        href: '[baseURL]/edit/displayName',
+                        type: index_1.DISPLAY_NAME,
+                        ariaLabel: 'Edit your Display name',
+                    },
+                ],
+            },
+        },
+        {
+            type: types_1.SectionTypes.Digital,
+            componentType: 'list',
+            props: {
+                introductionProps: {
+                    title: 'Log in and Security',
+                },
+                items: [
+                    {
+                        label: 'Email',
+                        default: '[email@address]',
+                        href: '[baseURL]/edit/email',
+                        type: 'email',
+                        ariaLabel: 'Edit your Email Address',
+                    },
+                    {
+                        label: 'Password',
+                        default: '******************',
+                        href: '[baseURL]/edit/password',
+                        type: 'password',
+                        ariaLabel: 'Change your Password',
+                    },
+                ],
+            },
+        },
+        {
+            type: types_1.SectionTypes.Digital,
+            componentType: 'list',
+            props: {
+                introductionProps: {
+                    title: 'Contact details',
+                },
+                items: [
+                    {
+                        label: 'Mobile phone',
+                        default: [
+                            'Please add your mobile number',
+                            'Please update your mobile number',
+                        ],
+                        href: '[baseURL]/edit/mobile',
+                        type: 'mobile',
+                        ariaLabel: 'Edit your mobile number',
+                    },
+                    {
+                        label: 'Landline phone',
+                        default: [
+                            'Please add your landline number',
+                            'Please update your landline number',
+                        ],
+                        href: '[baseURL]/edit/landline',
+                        type: 'landline',
+                        ariaLabel: 'Edit your landline number',
+                    },
+                    {
+                        label: 'Address',
+                        default: 'Please add your address',
+                        href: '[baseURL]/edit/address',
+                        type: 'address',
+                        ariaLabel: 'Edit your address',
+                    },
+                ],
+                belowContentExtra: {
+                    type: 'delivery-address',
+                    infoPanel: {
+                        icon: react_1.default.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }),
+                        children: 'Your contact address will be used for any of your deliveries.',
+                    },
+                    marginBlockEnd: 'space030',
+                },
+            },
+        },
+    ],
+    footer: baseContext_1.footer,
+    sideNav: baseContext_1.sideNav,
+    navigationPrimary: baseContext_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.',
+    },
+    errorMessages: {
+        address: { success: 'Your address was successfully updated' },
+        password: { success: 'Email sent with a password reset link' },
+        email: { success: 'Your email address was successfully updated' },
+    },
+    env: {},
+};
+//# sourceMappingURL=PersonalDetailsContext.js.map

package/dist/cjs/pages/PersonalDetails/PersonalDetailsContext.js.map

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

package/dist/cjs/pages/PersonalDetails/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PersonalDetails';
+export * from './PersonalDetailsContext';

package/dist/cjs/pages/PersonalDetails/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PersonalDetails"), exports);
+__exportStar(require("./PersonalDetailsContext"), exports);
+//# sourceMappingURL=index.js.map