npm - @newskit-render/checkout - Versions diffs - 0.17.0 → 0.20.0 - Mend

@newskit-render/checkout 0.17.0 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/dist/Components/Templates/AccountCreationRender.d.ts CHANGED Viewed

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const AccountCreationRender: React.FC;
+export declare const AccountCreationRender: React.FC<{
+    validation?: Record<string, any>;
+}>;

package/dist/Components/Templates/AccountCreationRender.js CHANGED Viewed

@@ -10,19 +10,90 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.AccountCreationRender = void 0;
-var react_1 = __importDefault(require("react"));
-var context_1 = require("../../context");
+var react_1 = __importStar(require("react"));
+var yup_1 = require("@hookform/resolvers/yup");
+var newskit_1 = require("newskit");
 var shared_components_1 = require("@newskit-render/shared-components");
-var AccountCreationRender = function () {
-    var header = (0, context_1.useCheckoutContext)().header;
+var Title_1 = __importDefault(require("./AccountCreationTemplates/Title"));
+var DateOfBirth_1 = __importDefault(require("./AccountCreationTemplates/DateOfBirth"));
+var RenderAgreementCheckboxes_1 = __importDefault(require("./AccountCreationTemplates/RenderAgreementCheckboxes"));
+var context_1 = require("../../context");
+var constants_1 = require("../../constants");
+var router_1 = require("next/router");
+var AccountCreationRender = function (_a) {
+    var _b = _a.validation, validation = _b === void 0 ? {} : _b;
+    var _c = (0, react_1.useState)(false), tcAccepted = _c[0], setTCAccepted = _c[1];
+    var _d = (0, react_1.useState)(false), opAccepted = _d[0], setOPAccepted = _d[1];
+    var bp = (0, newskit_1.useBreakpointKey)();
+    var _e = (0, context_1.useCheckoutContext)(), header = _e.header, accountCreationPage = _e.accountCreationPage;
+    var router = (0, router_1.useRouter)();
+    var handleTCAccept = function (selected) {
+        setTCAccepted(selected);
+    };
+    var handleOPAccept = function (selected) {
+        setOPAccepted(selected);
+    };
+    var handleSubmit = function () {
+        router.push('/checkout/payment-details');
+    };
+    var pageContext = accountCreationPage || constants_1.defaultAccountCreationPage.accountCreationPage;
+    var _f = (0, react_1.useState)(pageContext.modalOverrides.open || false), showModal = _f[0], setShowModal = _f[1];
+    var handleModal = function () {
+        setShowModal(!showModal);
+    };
+    var dismissModal = (accountCreationPage === null || accountCreationPage === void 0 ? void 0 : accountCreationPage.modalOverrides.onDismiss) || handleModal;
+    var schema = validation['accountCreationPage'];
+    var resolver = (0, yup_1.yupResolver)(schema);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        react_1.default.createElement("h2", null, "Page content here")));
+        react_1.default.createElement(shared_components_1.Modal, { closePosition: (accountCreationPage === null || accountCreationPage === void 0 ? void 0 : accountCreationPage.modalOverrides.closePosition) || 'right', open: showModal, onDismiss: dismissModal, overrides: __assign({}, pageContext.modalOverrides.overrides), introduction: __assign({}, pageContext.modalOverrides.introduction) }),
+        react_1.default.createElement(newskit_1.Form, { "data-testid": "accountCreationForm", onSubmit: handleSubmit, resolver: resolver, validationMode: "onBlur", reValidationMode: "onBlur" },
+            react_1.default.createElement(Title_1.default, { name: "title", options: pageContext.userData.titleOptions, placeholder: '', label: "Title" }),
+            react_1.default.createElement(newskit_1.Block, { spaceStack: 'space050' },
+                react_1.default.createElement(newskit_1.TextInput, { "data-testid": "firstName", label: 'First name', name: "firstName", overrides: {
+                        width: bp === 'xs' ? '100%' : '45%',
+                        label: {
+                            typographyPreset: 'utilityLabel020',
+                        },
+                    } })),
+            react_1.default.createElement(newskit_1.Block, { spaceStack: 'space050' },
+                react_1.default.createElement(newskit_1.TextInput, { "data-testid": "lastName", label: 'Last name', name: "lastName", overrides: {
+                        width: bp === 'xs' ? '100%' : '45%',
+                        label: {
+                            typographyPreset: 'utilityLabel020',
+                        },
+                    } })),
+            react_1.default.createElement(newskit_1.Block, { spaceStack: 'space080' },
+                react_1.default.createElement(DateOfBirth_1.default, null)),
+            react_1.default.createElement(RenderAgreementCheckboxes_1.default, { tcAccepted: tcAccepted, opAccepted: opAccepted, handleModal: handleModal, handleTCAccept: handleTCAccept, handleOPAccept: handleOPAccept }),
+            react_1.default.createElement(newskit_1.Block, { spaceStack: 'space070' },
+                react_1.default.createElement(newskit_1.Grid, null,
+                    react_1.default.createElement(shared_components_1.ButtonGroup, __assign({}, pageContext.buttonGroupProps, { hasError: false })))),
+            react_1.default.createElement(newskit_1.Block, { spaceStack: 'space090' }))));
 };
 exports.AccountCreationRender = AccountCreationRender;
 //# sourceMappingURL=AccountCreationRender.js.map

package/dist/Components/Templates/AccountCreationRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;~~AAAA,~~gDAAyB~~;~~AACzB~~,yCAAkD;AAClD,~~uEAA0D~~;~~AAEnD~~,IAAM,qBAAqB,~~GAAa~~;~~IACrC~~,IAAA,~~MAAM~~,~~GAAK~~,IAAA,4BAAkB,GAAE,~~OAAzB~~,~~CAAyB~~;~~IACvC~~,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,~~8DAA0B~~,~~CACzB~~,CACJ,CAAA;AACH,CAAC,CAAA;~~AARY~~,QAAA,qBAAqB,~~yBAQjC~~"}
1	+ {"version":3,"file":"AccountCreationRender.js","sourceRoot":"","sources":["../../../src/Components/Templates/AccountCreationRender.tsx"],"names":[],"mappings":"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"}

package/dist/Components/Templates/AccountCreationTemplates/DateOfBirth.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DateOfBirth: () => JSX.Element;
+export default DateOfBirth;

package/dist/Components/Templates/AccountCreationTemplates/DateOfBirth.js ADDED Viewed

@@ -0,0 +1,40 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var DOBWrapper = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    max-width: 82%;\n  }\n"], ["\n  ", " {\n    max-width: 82%;\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
+var DateOfBirth = function () {
+    return (react_1.default.createElement(newskit_1.Block, { spaceStack: 'space050' },
+        react_1.default.createElement(newskit_1.Label, { size: 'large', overrides: {
+                typographyPreset: {
+                    xs: 'utilityLabel020',
+                },
+            } }, "Date of birth"),
+        react_1.default.createElement(newskit_1.Block, { spaceStack: 'space010' }),
+        react_1.default.createElement(DOBWrapper, { spaceInline: { sm: 'space040', xs: 'space020' }, wrap: "nowrap", flow: newskit_1.Flow.HorizontalTop, height: 'auto', stackDistribution: 'flex-start' },
+            react_1.default.createElement(newskit_1.TextInput, { "data-testid": "dd", hideLabel: true, label: "", name: "dd", assistiveText: "DD", rules: { required: 'Day is required' }, overrides: {
+                    assistiveText: {
+                        typographyPreset: 'utilityLabel020',
+                    },
+                } }),
+            react_1.default.createElement(newskit_1.TextInput, { "data-testid": "mm", hideLabel: true, label: "", name: "mm", assistiveText: "MM", rules: { required: 'Month is required' }, overrides: {
+                    assistiveText: {
+                        typographyPreset: 'utilityLabel020',
+                    },
+                } }),
+            react_1.default.createElement(newskit_1.TextInput, { "data-testid": "yyyy", hideLabel: true, label: "", name: "yyyy", assistiveText: "YYYY", rules: { required: 'Year is required' }, overrides: {
+                    assistiveText: {
+                        typographyPreset: 'utilityLabel020',
+                    },
+                } }))));
+};
+exports.default = DateOfBirth;
+var templateObject_1;
+//# sourceMappingURL=DateOfBirth.js.map

package/dist/Components/Templates/AccountCreationTemplates/DateOfBirth.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DateOfBirth.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationTemplates/DateOfBirth.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,gDAAyB;AACzB,mCASgB;AAChB,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,2GAAA,MAC5B,EAA4B,gCAG/B,KAHG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;AAED,IAAM,WAAW,GAAG;IAClB,OAAO,CACL,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU;QAC3B,8BAAC,eAAK,IACJ,IAAI,EAAE,OAAwB,EAC9B,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,iBAAiB;iBACtB;aACF,oBAGK;QACR,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,GAAU;QACvC,8BAAC,UAAU,IACT,WAAW,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAC/C,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,cAAI,CAAC,aAAa,EACxB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,YAAY;YAE/B,8BAAC,mBAAS,mBACI,IAAI,EAChB,SAAS,QACT,KAAK,EAAC,EAAE,EACR,IAAI,EAAC,IAAI,EACT,aAAa,EAAC,IAAI,EAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EACtC,SAAS,EAAE;oBACT,aAAa,EAAE;wBACb,gBAAgB,EAAE,iBAAiB;qBACpC;iBACF,GACD;YACF,8BAAC,mBAAS,mBACI,IAAI,EAChB,SAAS,QACT,KAAK,EAAC,EAAE,EACR,IAAI,EAAC,IAAI,EACT,aAAa,EAAC,IAAI,EAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,mBAAmB,EAAE,EACxC,SAAS,EAAE;oBACT,aAAa,EAAE;wBACb,gBAAgB,EAAE,iBAAiB;qBACpC;iBACF,GACD;YACF,8BAAC,mBAAS,mBACI,MAAM,EAClB,SAAS,QACT,KAAK,EAAC,EAAE,EACR,IAAI,EAAC,MAAM,EACX,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EACvC,SAAS,EAAE;oBACT,aAAa,EAAE;wBACb,gBAAgB,EAAE,iBAAiB;qBACpC;iBACF,GACD,CACS,CACP,CACT,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}

package/dist/Components/Templates/AccountCreationTemplates/RenderAgreementCheckboxes.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const RenderAgreementCheckboxes: ({ tcAccepted, handleModal, handleTCAccept, opAccepted, handleOPAccept, }: {
+    tcAccepted?: boolean | undefined;
+    handleModal: (x: boolean) => void;
+    handleTCAccept: (x: boolean) => void;
+    opAccepted: boolean;
+    handleOPAccept: (x: boolean) => void;
+}) => JSX.Element;
+export default RenderAgreementCheckboxes;

package/dist/Components/Templates/AccountCreationTemplates/RenderAgreementCheckboxes.js ADDED Viewed

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+var RenderAgreementCheckboxes = function (_a) {
+    var tcAccepted = _a.tcAccepted, handleModal = _a.handleModal, handleTCAccept = _a.handleTCAccept, opAccepted = _a.opAccepted, handleOPAccept = _a.handleOPAccept;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(newskit_1.Block, { spaceStack: 'space050' },
+            react_1.default.createElement(newskit_1.FormInput, { name: "tc", rules: {
+                    required: 'Required field',
+                } },
+                react_1.default.createElement(newskit_1.Stack, { flow: 'horizontal-center', spaceInline: 'space010' },
+                    react_1.default.createElement(newskit_1.FormInputCheckbox, { name: "tc", "data-testid": "tcAccept", "aria-checked": tcAccepted, size: "small", label: "Agree to the ", onChange: function (e) {
+                            handleTCAccept(e.target.checked);
+                        }, defaultChecked: false, checked: tcAccepted, value: tcAccepted ? 'true' : 'false' }),
+                    react_1.default.createElement(shared_components_1.NextLink, { "data-testid": "tc-link", onClick: function (e) {
+                            e.preventDefault();
+                            handleModal(true);
+                        }, href: "#", type: "standalone" }, "Terms & conditions")),
+                react_1.default.createElement(newskit_1.FormInputAssistiveText, { validationIcon: true }, undefined))),
+        react_1.default.createElement(newskit_1.Block, { spaceStack: 'space110' },
+            react_1.default.createElement(newskit_1.FormInputCheckbox, { "aria-checked": opAccepted, "data-testid": "opAccept", name: "opAccepted", size: "small", checked: opAccepted, onChange: function () { return handleOPAccept(!opAccepted); }, label: react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: 'utilityBody020' }, "I want to receive offers and promotions") }))));
+};
+exports.default = RenderAgreementCheckboxes;
+//# sourceMappingURL=RenderAgreementCheckboxes.js.map

package/dist/Components/Templates/AccountCreationTemplates/RenderAgreementCheckboxes.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RenderAgreementCheckboxes.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationTemplates/RenderAgreementCheckboxes.tsx"],"names":[],"mappings":";;;;;AAAA,uEAA4D;AAC5D,mCAOgB;AAChB,gDAAyB;AAEzB,IAAM,yBAAyB,GAAG,UAAC,EAYlC;QAXC,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,cAAc,oBAAA;IAQd,OAAO,CACL;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU;YAC3B,8BAAC,mBAAS,IACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAE;oBACL,QAAQ,EAAE,gBAAgB;iBAC3B;gBAED,8BAAC,eAAK,IAAC,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU;oBACvD,8BAAC,2BAAiB,IAChB,IAAI,EAAC,IAAI,iBACG,UAAU,kBACR,UAAU,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,UAAC,CAAC;4BACV,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;wBAClC,CAAC,EACD,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GACpC;oBACF,8BAAC,4BAAQ,mBACK,SAAS,EACrB,OAAO,EAAE,UAAC,CAAC;4BACT,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,WAAW,CAAC,IAAI,CAAC,CAAA;wBACnB,CAAC,EACD,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,YAAY,yBAGR,CACL;gBACR,8BAAC,gCAAsB,IAAC,cAAc,UACnC,SAAS,CACa,CACf,CACN;QAER,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU;YAC3B,8BAAC,2BAAiB,oBACF,UAAU,iBACZ,UAAU,EACtB,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,cAAM,OAAA,cAAc,CAAC,CAAC,UAAU,CAAC,EAA3B,CAA2B,EAC3C,KAAK,EACH,8BAAC,mBAAS,IAAC,gBAAgB,EAAE,gBAAgB,8CAEjC,GAEd,CACI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,yBAAyB,CAAA"}

package/dist/Components/Templates/AccountCreationTemplates/Title.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type UserTitle = {
+    name: string;
+    options: string[];
+    placeholder?: string;
+    label?: string;
+};
+declare const Title: ({ name, options, placeholder, label, }: UserTitle) => JSX.Element;
+export default Title;

package/dist/Components/Templates/AccountCreationTemplates/Title.js ADDED Viewed

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+var Title = function (_a) {
+    var name = _a.name, options = _a.options, placeholder = _a.placeholder, label = _a.label;
+    return (react_1.default.createElement(newskit_1.Block, { spaceStack: 'space050' },
+        react_1.default.createElement(newskit_1.FormInput, { name: "title" },
+            react_1.default.createElement(newskit_1.Label, { overrides: {
+                    typographyPreset: {
+                        xs: 'utilityLabel020',
+                    },
+                } }, label),
+            react_1.default.createElement(newskit_1.FormInputSelect, { "data-testid": "selectTitle", overrides: {
+                    button: {
+                        width: {
+                            xs: '132px',
+                            sm: '128px',
+                            md: '136px',
+                        },
+                    },
+                }, placeholder: placeholder, name: name }, options.map(function (option) {
+                return (react_1.default.createElement(newskit_1.SelectOption, { value: option, key: option, "data-testid": option },
+                    react_1.default.createElement(newskit_1.TextBlock, null, option)));
+            })))));
+};
+exports.default = Title;
+//# sourceMappingURL=Title.js.map

package/dist/Components/Templates/AccountCreationTemplates/Title.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountCreationTemplates/Title.tsx"],"names":[],"mappings":";;;;;AAAA,mCAOgB;AAChB,gDAAyB;AAOzB,IAAM,KAAK,GAAG,UAAC,EAKH;QAJV,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA;IAEL,OAAO,CACL,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU;QAC3B,8BAAC,mBAAS,IAAC,IAAI,EAAC,OAAO;YACrB,8BAAC,eAAK,IACJ,SAAS,EAAE;oBACT,gBAAgB,EAAE;wBAChB,EAAE,EAAE,iBAAiB;qBACtB;iBACF,IAEA,KAAK,CACA;YACR,8BAAC,yBAAe,mBACF,aAAa,EACzB,SAAS,EAAE;oBACT,MAAM,EAAE;wBACN,KAAK,EAAE;4BACL,EAAE,EAAE,OAAO;4BACX,EAAE,EAAE,OAAO;4BACX,EAAE,EAAE,OAAO;yBACZ;qBACF;iBACF,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,IAET,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;gBAClB,OAAO,CACL,8BAAC,sBAAY,IAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,iBAAe,MAAM;oBAC3D,8BAAC,mBAAS,QAAE,MAAM,CAAa,CAClB,CAChB,CAAA;YACH,CAAC,CAAC,CACc,CACR,CACN,CACT,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}

package/dist/Components/Templates/__tests__/mocks/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { AccountCreationPageProps } from './../../../../context/types';
2	+ export declare const accountCreationPageMock: AccountCreationPageProps;

package/dist/Components/Templates/__tests__/mocks/index.js ADDED Viewed

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.accountCreationPageMock = void 0;
+exports.accountCreationPageMock = {
+    modalOverrides: {
+        closePosition: 'none',
+        open: false,
+        overrides: {
+            content: {
+                spaceInset: 'spaceInset050',
+            },
+            panel: {
+                width: {
+                    xs: '288px',
+                    sm: '440px',
+                },
+                maxHeight: '95%',
+                height: {
+                    xs: '436px',
+                    sm: '360px',
+                },
+            },
+        },
+        introduction: {
+            title: 'test title',
+            titleOverrides: {
+                typographyPreset: {
+                    xs: 'utilityHeading040',
+                    md: 'utilityHeading050',
+                },
+                spaceStack: {
+                    xs: 'space040',
+                    md: 'space050',
+                },
+            },
+            description: "Welcome to our subscriber terms. \n          Please read these terms carefully as they will set \n          out the terms for your subscription with us. \n          Where there are differences between our subscriptions for \n          The Times or The Sunday Times in the UK and Ireland \n          (for example, the price of your subscription or what it includes), \n          we have set out these details below. Unless otherwise stated, \n          any reference to a subscriber or a subscription shall include reference to all our subscribers.",
+            descriptionOverrides: {
+                typographyPreset: 'utilityBody020',
+                removeLastspaceStack: true,
+                spaceStack: {
+                    xs: 'space040',
+                    md: 'space050',
+                },
+            },
+        },
+    },
+    buttonGroupProps: {
+        primaryText: 'Continue',
+        primaryButton: {
+            spaceStack: 'size030',
+            overrides: {
+                stylePreset: 'buttonSolidPrimary',
+                width: '100%',
+            },
+        },
+        primaryCell: {
+            xs: 12,
+            sm: 3,
+            smOrder: 1,
+            xsOrder: 0,
+            xsOffset: 0,
+            smOffset: 9,
+        },
+    },
+    userData: {
+        titleOptions: ['Mr.', 'Mrs.', 'Ms.', 'Miss', 'Other'],
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/Components/Templates/__tests__/mocks/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Templates/__tests__/mocks/index.ts"],"names":[],"mappings":";;;AACa,QAAA,uBAAuB,GAA6B;IAC/D,cAAc,EAAE;QACd,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,UAAU,EAAE,eAAe;aAC5B;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;gBACD,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;aACF;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,cAAc,EAAE;gBACd,gBAAgB,EAAE;oBAChB,EAAE,EAAE,mBAAmB;oBACvB,EAAE,EAAE,mBAAmB;iBACxB;gBACD,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;YACD,WAAW,EAAE,qiBAOuF;YACpG,oBAAoB,EAAE;gBACpB,gBAAgB,EAAE,gBAAgB;gBAClC,oBAAoB,EAAE,IAAI;gBAC1B,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;SACF;KACF;IACD,gBAAgB,EAAE;QAChB,WAAW,EAAE,UAAU;QACvB,aAAa,EAAE;YACb,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE;gBACT,WAAW,EAAE,oBAAoB;gBACjC,KAAK,EAAE,MAAM;aACd;SACF;QACD,WAAW,EAAE;YACX,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;SACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;KACtD;CACF,CAAA"}

package/dist/constants/index.d.ts CHANGED Viewed

@@ -1 +1,69 @@
 export declare const BASE_URL = "/checkout";
+export declare const USER_TITLES: string[];
+export declare const defaultAccountCreationPage: {
+    accountCreationPage: {
+        modalOverrides: {
+            closePosition: string;
+            open: boolean;
+            overrides: {
+                content: {
+                    spaceInset: string;
+                };
+                panel: {
+                    width: {
+                        xs: string;
+                        sm: string;
+                    };
+                    maxHeight: string;
+                    height: {
+                        xs: string;
+                        sm: string;
+                    };
+                };
+            };
+            introduction: {
+                title: string;
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                    spaceStack: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+                description: string;
+                descriptionOverrides: {
+                    typographyPreset: string;
+                    removeLastspaceStack: boolean;
+                    spaceStack: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+            };
+        };
+        buttonGroupProps: {
+            primaryText: string;
+            primaryButton: {
+                spaceStack: string;
+                overrides: {
+                    stylePreset: string;
+                    width: string;
+                };
+            };
+            primaryCell: {
+                xs: number;
+                sm: number;
+                smOrder: number;
+                xsOrder: number;
+                xsOffset: number;
+                smOffset: number;
+            };
+        };
+        userData: {
+            titleOptions: string[];
+        };
+    };
+};

package/dist/constants/index.js CHANGED Viewed

@@ -1,5 +1,73 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BASE_URL = void 0;
+exports.defaultAccountCreationPage = exports.USER_TITLES = exports.BASE_URL = void 0;
 exports.BASE_URL = '/checkout';
+exports.USER_TITLES = ['Mr.', 'Mrs.', 'Ms.', 'Miss', 'Other'];
+exports.defaultAccountCreationPage = {
+    accountCreationPage: {
+        modalOverrides: {
+            closePosition: 'right',
+            open: false,
+            overrides: {
+                content: {
+                    spaceInset: 'spaceInset050',
+                },
+                panel: {
+                    width: {
+                        xs: '288px',
+                        sm: '440px',
+                    },
+                    maxHeight: '95%',
+                    height: {
+                        xs: '436px',
+                        sm: '360px',
+                    },
+                },
+            },
+            introduction: {
+                title: 'Terms and conditions',
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: 'utilityHeading040',
+                        md: 'utilityHeading050',
+                    },
+                    spaceStack: {
+                        xs: 'space040',
+                        md: 'space050',
+                    },
+                },
+                description: "Welcome to our subscriber terms. \n        Please read these terms carefully as they will set \n        out the terms for your subscription with us. \n        Where there are differences between our subscriptions for \n        The Times or The Sunday Times in the UK and Ireland \n        (for example, the price of your subscription or what it includes), \n        we have set out these details below. Unless otherwise stated, \n        any reference to a subscriber or a subscription shall include reference to all our subscribers.",
+                descriptionOverrides: {
+                    typographyPreset: 'utilityBody020',
+                    removeLastspaceStack: true,
+                    spaceStack: {
+                        xs: 'space040',
+                        md: 'space050',
+                    },
+                },
+            },
+        },
+        buttonGroupProps: {
+            primaryText: 'Continue',
+            primaryButton: {
+                spaceStack: 'size030',
+                overrides: {
+                    stylePreset: 'buttonSolidPrimary',
+                    width: '100%',
+                },
+            },
+            primaryCell: {
+                xs: 12,
+                sm: 3,
+                smOrder: 1,
+                xsOrder: 0,
+                xsOffset: 0,
+                smOffset: 9,
+            },
+        },
+        userData: {
+            titleOptions: exports.USER_TITLES,
+        },
+    },
+};
 //# sourceMappingURL=index.js.map

package/dist/constants/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,WAAW,CAAA"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,WAAW,CAAA;AACtB,QAAA,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AACrD,QAAA,0BAA0B,GAAG;IACxC,mBAAmB,EAAE;QACnB,cAAc,EAAE;YACd,aAAa,EAAE,OAAO;YACtB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE;gBACT,OAAO,EAAE;oBACP,UAAU,EAAE,eAAe;iBAC5B;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;oBACD,SAAS,EAAE,KAAK;oBAChB,MAAM,EAAE;wBACN,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;iBACF;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,sBAAsB;gBAC7B,cAAc,EAAE;oBACd,gBAAgB,EAAE;wBAChB,EAAE,EAAE,mBAAmB;wBACvB,EAAE,EAAE,mBAAmB;qBACxB;oBACD,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;gBACD,WAAW,EAAE,uhBAOmF;gBAChG,oBAAoB,EAAE;oBACpB,gBAAgB,EAAE,gBAAgB;oBAClC,oBAAoB,EAAE,IAAI;oBAC1B,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;aACF;SACF;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,UAAU;YACvB,aAAa,EAAE;gBACb,UAAU,EAAE,SAAS;gBACrB,SAAS,EAAE;oBACT,WAAW,EAAE,oBAAoB;oBACjC,KAAK,EAAE,MAAM;iBACd;aACF;YACD,WAAW,EAAE;gBACX,EAAE,EAAE,EAAE;gBACN,EAAE,EAAE,CAAC;gBACL,OAAO,EAAE,CAAC;gBACV,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,CAAC;aACZ;SACF;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,mBAAW;SAC1B;KACF;CACF,CAAA"}

package/dist/context/baseContext.js CHANGED Viewed

@@ -17,6 +17,7 @@ exports.baseContext = {
                 sm: 'utitityLabel030',
             },
             stylePreset: 'inkBrand010',
+            spaceStack: 'space040',
         },
         title: '',
         titleOverrides: {
@@ -37,11 +38,11 @@ exports.baseContext = {
                 sm: 'space060',
             },
         },
-        spaceStack: { xs: 'space050', sm: 'space080' },
+        spaceStack: { xs: 'space050', sm: 'space060', md: 'space080' },
         showDivider: false,
     },
     navigationPrimary: {
-        logoSrc: '/MyAccount/primary-navigation-logo.svg',
+        logoSrc: '/MyAccount/primary-navigation-logo-white.svg',
     },
     paymentDetailsPage: {
         subscriptionDetails: {
@@ -118,7 +119,10 @@ exports.baseContext = {
             paymentValue: '',
             paymentOverrides: {
                 spaceStack: 'space040',
-                typographyPreset: { xs: 'utilityHeading020', lg: 'utilityHeading040' },
+                typographyPreset: {
+                    xs: 'utilityHeading020',
+                    lg: 'utilityHeading040',
+                },
                 stylePreset: 'iinkContrast',
             },
             description: '',
@@ -189,7 +193,10 @@ exports.baseContext = {
             paymentValue: '',
             paymentOverrides: {
                 spaceStack: 'space040',
-                typographyPreset: { xs: 'utilityHeading020', lg: 'utilityHeading040' },
+                typographyPreset: {
+                    xs: 'utilityHeading020',
+                    lg: 'utilityHeading040',
+                },
                 stylePreset: 'iinkContrast',
             },
             description: '',

package/dist/context/baseContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../src/context/baseContext.tsx"],"names":[],"mappings":";;;;;;AACA,0CAAuC;AACvC,mCAAoD;AACpD,gDAAyB;AACzB,0BAA0B;AACb,QAAA,WAAW,GAAmB;IACzC,OAAO,EAAE,oBAAQ;IACjB,MAAM,EAAE;QACN,iBAAiB,EAAE;YACjB,gBAAgB,EAAE;gBAChB,EAAE,EAAE,iBAAiB;gBACrB,EAAE,EAAE,iBAAiB;aACtB;YACD,WAAW,EAAE,aAAa;~~SAC3B~~;QACD,KAAK,EAAE,EAAE;QACT,cAAc,EAAE;YACd,gBAAgB,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,mBAAmB,EAAE;YACtE,WAAW,EAAE,aAAa;YAC1B,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,EAAE,EAAE,IAAI;SACT;QACD,WAAW,EAAE,EAAE;QACf,oBAAoB,EAAE;YACpB,gBAAgB,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,gBAAgB,EAAE;YAChE,WAAW,EAAE,SAAS;YACtB,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;SACF;QACD,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;~~QAC9C~~,WAAW,EAAE,KAAK;KACnB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,~~wCAAwC~~;~~KAClD~~;IACD,kBAAkB,EAAE;QAClB,mBAAmB,EAAE;YACnB,eAAe,EAAE;gBACf,WAAW,EAAE,EAAE,EAAE,EAAE,qBAAqB,EAAE;gBAC1C,UAAU,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE;gBACnC,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,WAAW;gBACtB,OAAO,EAAE;oBACP,KAAK,EAAE;wBACL,WAAW,EAAE,SAAS;qBACvB;oBACD,OAAO,EAAE;wBACP,gBAAgB,EAAE,gBAAgB;wBAClC,WAAW,EAAE,WAAW;qBACzB;iBACF;aACF;YACD,kBAAkB,EAAE;gBAClB,WAAW,EAAE,EAAE,EAAE,EAAE,6BAA6B,EAAE;gBAClD,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;aAC/B;YACD,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,UAAU;aACrB;YACD,MAAM,EAAE;gBACN,cAAc,EAAE,UAAU;gBAC1B,cAAc,EAAE,UAAU;aAC3B;SACF;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE;gBACR,UAAU,EAAE,UAAU;gBACtB,SAAS,EAAE;oBACT,OAAO,EAAE;wBACP,gBAAgB,EAAE;4BAChB,EAAE,EAAE,mBAAmB;4BACvB,EAAE,EAAE,mBAAmB;yBACxB;qBACF;oBACD,UAAU,EAAE,eAAe;iBAC5B;gBACD,cAAc,EAAE;oBACd,QAAQ,EAAE,aAAa;iBACxB;aACF;YACD,WAAW,EAAE;gBACX,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,OAAO;gBACpB,SAAS,EAAE;oBACT,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;oBAC9B,OAAO,EAAE;wBACP,WAAW,EAAE,SAAS;wBACtB,gBAAgB,EAAE,gBAAgB;qBACnC;oBACD,MAAM,EAAE;wBACN,IAAI,EAAE,aAAa;qBACpB;iBACF;aACF;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,UAAU;aACvB;YACD,KAAK,EAAE,EAAE;YACT,cAAc,EAAE;gBACd,UAAU,EAAE,UAAU;gBACtB,gBAAgB,EAAE,gBAAgB;gBAClC,WAAW,EAAE,aAAa;aAC3B;YACD,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,EAAE;YAChB,gBAAgB,EAAE;gBAChB,UAAU,EAAE,UAAU;gBACtB,gBAAgB,EAAE,EAAE,EAAE,~~EAAE,~~mBAAmB,EAAE,EAAE,~~EAAE,~~mBAAmB~~,EAAE~~;~~gBACtE~~,WAAW,EAAE,cAAc;aAC5B;YACD,WAAW,EAAE,EAAE;YACf,oBAAoB,EAAE;gBACpB,UAAU,EAAE,UAAU;gBACtB,gBAAgB,EAAE,gBAAgB;gBAClC,WAAW,EAAE,WAAW;aACzB;YACD,cAAc,EAAE,EAAE;YAClB,uBAAuB,EAAE;gBACvB,UAAU,EAAE,UAAU;gBACtB,gBAAgB,EAAE,gBAAgB;gBAClC,WAAW,EAAE,WAAW;aACzB;SACF;QACD,kBAAkB,EAAE;YAClB,IAAI,EAAE,KAAK;YACX,aAAa,EAAE,MAAM;YACrB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE;gBACT,MAAM,EAAE;oBACN,UAAU,EAAE,eAAe;iBAC5B;gBACD,OAAO,EAAE;oBACP,UAAU,EAAE,sBAAsB;iBACnC;aACF;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,EAAE;gBACR,UAAU,EAAE,UAAU;gBACtB,SAAS,EAAE;oBACT,OAAO,EAAE;wBACP,gBAAgB,EAAE;4BAChB,EAAE,EAAE,mBAAmB;4BACvB,EAAE,EAAE,mBAAmB;yBACxB;qBACF;oBACD,UAAU,EAAE,eAAe;iBAC5B;gBACD,cAAc,EAAE;oBACd,QAAQ,EAAE,aAAa;iBACxB;aACF;YACD,WAAW,EAAE;gBACX,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,OAAO;gBACpB,SAAS,EAAE;oBACT,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;oBAC9B,OAAO,EAAE;wBACP,WAAW,EAAE,SAAS;wBACtB,gBAAgB,EAAE,gBAAgB;qBACnC;oBACD,MAAM,EAAE;wBACN,IAAI,EAAE,aAAa;qBACpB;iBACF;aACF;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,UAAU;aACvB;YACD,KAAK,EAAE,EAAE;YACT,cAAc,EAAE;gBACd,UAAU,EAAE,UAAU;gBACtB,gBAAgB,EAAE,gBAAgB;gBAClC,WAAW,EAAE,aAAa;aAC3B;YACD,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,EAAE;YAChB,gBAAgB,EAAE;gBAChB,UAAU,EAAE,UAAU;gBACtB,gBAAgB,EAAE,EAAE,EAAE,~~EAAE,~~mBAAmB,EAAE,EAAE,~~EAAE,~~mBAAmB~~,EAAE~~;~~gBACtE~~,WAAW,EAAE,cAAc;aAC5B;YACD,WAAW,EAAE,EAAE;YACf,oBAAoB,EAAE;gBACpB,UAAU,EAAE,UAAU;gBACtB,gBAAgB,EAAE,gBAAgB;gBAClC,WAAW,EAAE,WAAW;aACzB;YACD,cAAc,EAAE,EAAE;YAClB,uBAAuB,EAAE;gBACvB,UAAU,EAAE,UAAU;gBACtB,gBAAgB,EAAE,gBAAgB;gBAClC,WAAW,EAAE,WAAW;aACzB;SACF;KACF;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE;YACb,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,EAAE;YAC9C;gBACE,IAAI,EAAE,yBAAyB;gBAC/B,IAAI,EAAE,+BAA+B;gBACrC,EAAE,EAAE,CAAC;aACN;YACD,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAAC,EAAE;SACrE;QACD,SAAS,EAAE,4BAAqB,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,mGACgC;KACzF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,aAAa;QACxB,iBAAiB,EAAE;YACjB,WAAW,EAAE,2BAA2B;YACxC,gBAAgB,EAAE,kBAAkB;SACrC;QACD,aAAa,EAAE;YACb,UAAU,EAAE,UAAU;YACtB,eAAe,EAAE,cAAc;YAC/B,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE;SAC9C;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,UAAU;YACtB,WAAW,EAAE,WAAW;YACxB,gBAAgB,EAAE,gBAAgB;YAClC,OAAO,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE;SAC9C;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,CACJ,8BAAC,wBAAc,IACb,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,aAAa;iBAC3B,GACD,CACH;YACD,eAAe,EAAE;gBACf,IAAI,EAAE,oBAAU,CAAC,KAAK;gBACtB,WAAW,EAAE,yBAAyB;aACvC;YACD,eAAe,EAAE,4CAA4C;YAC7D,YAAY,EAAE,YAAY;SAC3B;KACF;CACF,CAAA"}
1	+ {"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../src/context/baseContext.tsx"],"names":[],"mappings":"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"}

package/dist/context/types.d.ts CHANGED Viewed

@@ -21,6 +21,42 @@ interface PaymentDetailsPage {
         tab2: Omit<TabProps, 'children'>;
     };
 }
+export declare type ClosePosition = 'left' | 'right' | 'none';
+export interface AccountCreationPageProps {
+    validation?: Record<string, any>;
+    modalOverrides: {
+        closePosition: ClosePosition;
+        open: boolean;
+        onDismiss?: () => void;
+        overrides: {
+            content: {
+                spaceInset?: MQ<string>;
+            };
+            panel: {
+                width: MQ<string>;
+                maxHeight: MQ<string>;
+                height: MQ<string>;
+            };
+        };
+        introduction: {
+            title: string;
+            titleOverrides: {
+                typographyPreset: MQ<string>;
+                spaceStack: MQ<string>;
+            };
+            description: string;
+            descriptionOverrides: {
+                typographyPreset: string;
+                removeLastspaceStack: boolean;
+                spaceStack: MQ<string>;
+            };
+        };
+    };
+    userData: {
+        titleOptions: string[];
+    };
+    buttonGroupProps: Partial<ButtonGroupProps>;
+}
 export interface ContextOptions {
     baseUrl?: string;
     env?: Record<string, unknown>;
@@ -37,6 +73,7 @@ export interface ContextOptions {
     buttonGroupProps?: Partial<ButtonGroupProps>;
     footer?: FooterContext;
     footerOverrides?: FooterContextOverrides;
+    accountCreationPage?: AccountCreationPageProps;
 }
 export interface ContextProviderProps {
     children: ReactNode;

package/dist/pages/AccountCreation.js CHANGED Viewed

@@ -28,10 +28,10 @@ exports.acountCreationContext = {
     },
 };
 var AccountCreation = function (_a) {
-    var customTheme = _a.customTheme, setTheme = _a.setTheme, context = _a.context, url = _a.url, data = _a.data;
+    var customTheme = _a.customTheme, setTheme = _a.setTheme, context = _a.context, url = _a.url, data = _a.data, _b = _a.validation, validation = _b === void 0 ? {} : _b;
     var enhancedContext = __assign(__assign({}, (context || exports.acountCreationContext)), { url: url, data: data });
     return (react_1.default.createElement(Templates_1.LayoutTemplate, { context: enhancedContext, customTheme: customTheme, setTheme: setTheme },
-        react_1.default.createElement(AccountCreationRender_1.AccountCreationRender, null)));
+        react_1.default.createElement(AccountCreationRender_1.AccountCreationRender, { validation: validation })));
 };
 exports.AccountCreation = AccountCreation;
 //# sourceMappingURL=AccountCreation.js.map

package/dist/pages/AccountCreation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountCreation.js","sourceRoot":"","sources":["../../src/pages/AccountCreation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,qDAAwD;AAGxD,uFAAqF;AAErF,IAAM,KAAK,GAAG,mBAAmB,CAAA;AAEpB,QAAA,qBAAqB,GAAmB;IACnD,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE;QACN,QAAQ,EAAE,aAAa;QACvB,KAAK,OAAA;QACL,WAAW,EACT,oFAAoF;KACvF;CACF,CAAA;AAEM,IAAM,eAAe,GAA4B,UAAC,~~EAMxD~~;~~QALC~~,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,GAAG,SAAA,EACH,IAAI,UAAA;~~IAEJ~~,IAAM,eAAe,yBAChB,CAAC,OAAO,IAAI,6BAAqB,CAAC,KACrC,GAAG,KAAA,EACH,IAAI,MAAA,GACL,CAAA;IACD,OAAO,CACL,8BAAC,0BAAc,IACb,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,8BAAC,6CAAqB,~~OAAG~~,~~CACV~~,CAClB,CAAA;AACH,CAAC,CAAA;~~AArBY~~,QAAA,eAAe,~~mBAqB3B~~"}
1	+ {"version":3,"file":"AccountCreation.js","sourceRoot":"","sources":["../../src/pages/AccountCreation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,qDAAwD;AAGxD,uFAAqF;AAErF,IAAM,KAAK,GAAG,mBAAmB,CAAA;AAEpB,QAAA,qBAAqB,GAAmB;IACnD,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE;QACN,QAAQ,EAAE,aAAa;QACvB,KAAK,OAAA;QACL,WAAW,EACT,oFAAoF;KACvF;CACF,CAAA;AAEM,IAAM,eAAe,GAA4B,UAAC,EAOxD;QANC,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA;IAEf,IAAM,eAAe,yBAChB,CAAC,OAAO,IAAI,6BAAqB,CAAC,KACrC,GAAG,KAAA,EACH,IAAI,MAAA,GACL,CAAA;IACD,OAAO,CACL,8BAAC,0BAAc,IACb,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,8BAAC,6CAAqB,IAAC,UAAU,EAAE,UAAU,GAAI,CAClC,CAClB,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,eAAe,mBAsB3B"}

package/dist/pages/types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { UncompiledTheme } from 'newskit';
 import { ContextOptions } from '../context';
 export interface BasePageProps {
+    validation?: Record<string, any>;
     customTheme?: UncompiledTheme;
     setTheme?: (theme: UncompiledTheme) => void;
     context?: ContextOptions;

package/package.json CHANGED Viewed

@@ -1,11 +1,14 @@
 {
   "name": "@newskit-render/checkout",
-  "version": "0.17.0",
+  "version": "0.20.0",
   "description": "Newskit Render - Checkout package",
   "author": "",
   "license": "UNLICENSED",
   "keywords": [],
   "main": "dist/index.js",
+  "engines": {
+    "node": ">=16.13"
+  },
   "scripts": {
     "build": "rm -rf dist && tsc -b tsconfig.build.json",
     "build:watch": "tsc -b tsconfig.build.json -w",
@@ -36,15 +39,15 @@
     "eslint-config-prettier": "6.15.0",
     "eslint-plugin-prettier": "3.2.0",
     "eslint-plugin-react": "7.22.0",
-    "jest": "27.2.4",
+    "jest": "27.4.7",
     "jest-junit": "12.0.0",
     "jest-watch-typeahead": "1.0.0",
     "lint-staged": "12.1.7",
-    "next": "12.0.8",
+    "next": "12.0.10",
     "prettier": "2.2.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "ts-jest": "27.0.5",
+    "ts-jest": "27.1.3",
     "typescript": "4.4.3"
   },
   "resolutions": {
@@ -65,7 +68,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@newskit-render/shared-components": "^0.28.0",
-    "newskit": "4.3.1"
+    "@hookform/resolvers": "2.8.3",
+    "@newskit-render/shared-components": "^0.32.0",
+    "newskit": "5.0.0"
   }
 }

package/CHANGELOG.md DELETED Viewed

@@ -1,359 +0,0 @@
-# Change Log
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-# [0.17.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.16.1...@newskit-render/checkout@0.17.0) (2022-02-01)
-### Features
-* **PPDSR-614:** Render demo site - theming dropdown ([#578](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/578)) ([b190144](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/b190144289bf84f2c445fbf6fc57c3583e593259))
-## [0.16.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.16.0...@newskit-render/checkout@0.16.1) (2022-01-27)
-**Note:** Version bump only for package @newskit-render/checkout
-# [0.16.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.15.3...@newskit-render/checkout@0.16.0) (2022-01-25)
-### Features
-* **PPDSR-566:** remove carrot from dependencies ([#572](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/572)) ([a00f25a](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/a00f25a871f023b6008fe06a1391e83328d3ad58))
-## [0.15.3](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.15.2...@newskit-render/checkout@0.15.3) (2022-01-24)
-**Note:** Version bump only for package @newskit-render/checkout
-## [0.15.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.15.1...@newskit-render/checkout@0.15.2) (2022-01-20)
-### Bug Fixes
-* **PPDSR-646:** Allow overriding the header with custom image ([#565](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/565)) ([b8198b0](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/b8198b0b25cf36141be2b6de76b1594712e2454b))
-## [0.15.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.15.0...@newskit-render/checkout@0.15.1) (2022-01-20)
-**Note:** Version bump only for package @newskit-render/checkout
-# [0.15.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.14.0...@newskit-render/checkout@0.15.0) (2022-01-14)
-### Features
-* **PPDSR-604:** Add husky & commitlint ([#558](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/558)) ([c67fc76](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/c67fc76276c8607f7604ae6ac0d0cae1ecb5b4f0))
-# [0.14.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.13.0...@newskit-render/checkout@0.14.0) (2022-01-13)
-### Features
-* **PPDSR-511:** Payment Details page - Build page ([#555](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/555)) ([6082ca1](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/6082ca1a4d1b0bf29d93aeb69277679b07abf660))
-# [0.13.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.12.0...@newskit-render/checkout@0.13.0) (2022-01-13)
-### Features
-* **PPDSR-632:** Fix newsletter query ([#559](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/559)) ([38085d1](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/38085d1418bb42237a41b4bad0394fc8cabdf2a4))
-# [0.12.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.11.0...@newskit-render/checkout@0.12.0) (2022-01-07)
-### Features
-* **PPDSR-605:** remove unused theme folders ([#552](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/552)) ([47fe584](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/47fe584f2ac3c7c5f772764ad3071fcbf6209a3f))
-# [0.11.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.10.1...@newskit-render/checkout@0.11.0) (2022-01-06)
-### Features
-* **PPDSR-605:** Move PrimaryNavigation to Shared Components ([#550](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/550)) ([fcc1cda](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/fcc1cda59d4cfcc42b1487ee8ba782c7d5f83bb7))
-## [0.10.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.10.0...@newskit-render/checkout@0.10.1) (2022-01-05)
-**Note:** Version bump only for package @newskit-render/checkout
-# [0.10.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.9.0...@newskit-render/checkout@0.10.0) (2022-01-05)
-### Features
-* **PPDSR-594:** Add themes to account package ([#538](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/538)) ([e34a53a](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/e34a53a944ae8d1420c27459f1ef5ca3ba4160d0))
-# [0.9.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.8.0...@newskit-render/checkout@0.9.0) (2022-01-04)
-### Features
-* **PPDSR-518:** add basic page context ([#544](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/544)) ([16d3cbd](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/16d3cbd561aadd124c1856a3297b515c1b164935))
-# [0.8.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.7.2...@newskit-render/checkout@0.8.0) (2021-12-21)
-### Features
-* **PPDSR-559:** Replace go MAIN with newest version  ([#536](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/536)) ([ba9a571](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/ba9a571f8c6ce27c93d6d7ad9e35df6f61d627eb))
-## [0.7.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.7.1...@newskit-render/checkout@0.7.2) (2021-12-16)
-**Note:** Version bump only for package @newskit-render/checkout
-## [0.7.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.7.0...@newskit-render/checkout@0.7.1) (2021-12-16)
-**Note:** Version bump only for package @newskit-render/checkout
-# [0.7.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.6.6...@newskit-render/checkout@0.7.0) (2021-12-15)
-### Features
-* **PPDSR-520:** Add SEO Component ([#539](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/539)) ([f9a7103](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/f9a71034e9e7224975d785fb47c68b907b4e5935))
-## [0.6.6](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.6.5...@newskit-render/checkout@0.6.6) (2021-12-14)
-**Note:** Version bump only for package @newskit-render/checkout
-## [0.6.5](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.6.4...@newskit-render/checkout@0.6.5) (2021-12-13)
-**Note:** Version bump only for package @newskit-render/checkout
-## [0.6.4](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.6.3...@newskit-render/checkout@0.6.4) (2021-12-10)
-**Note:** Version bump only for package @newskit-render/checkout
-## [0.6.3](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.6.2...@newskit-render/checkout@0.6.3) (2021-12-08)
-**Note:** Version bump only for package @newskit-render/checkout
-## [0.6.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.6.1...@newskit-render/checkout@0.6.2) (2021-12-03)
-**Note:** Version bump only for package @newskit-render/checkout
-## [0.6.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.6.0...@newskit-render/checkout@0.6.1) (2021-12-02)
-**Note:** Version bump only for package @newskit-render/checkout
-# [0.6.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.5.2...@newskit-render/checkout@0.6.0) (2021-12-02)
-### Features
-* **PPDSR-517:** Add Grid Component ([#528](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/528)) ([0f8082d](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/0f8082d1490750f408c0c5ec2c7bd6af3a1ace18))
-## [0.5.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.5.1...@newskit-render/checkout@0.5.2) (2021-11-30)
-**Note:** Version bump only for package @newskit-render/checkout
-## [0.5.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.5.0...@newskit-render/checkout@0.5.1) (2021-11-26)
-**Note:** Version bump only for package @newskit-render/checkout
-# [0.5.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.4.3...@newskit-render/checkout@0.5.0) (2021-11-22)
-### Features
-* **PPDSR-0:** fix broken dependecy ([#521](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/521)) ([2690dd3](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/2690dd3bc6cf61a88740a0ff935adf461be02416))
-## [0.4.3](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.4.2...@newskit-render/checkout@0.4.3) (2021-11-18)
-### Reverts
-* Revert "fix(PPDSR-541): switch packages to es modules (#512)" (#516) ([fd719ba](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/fd719badac7578473e2bb991530277bb09ec2057)), closes [#512](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/512) [#516](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/516)
-## [0.4.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.4.1...@newskit-render/checkout@0.4.2) (2021-11-18)
-### Bug Fixes
-* **PPDSR-541:** switch packages to es modules ([#512](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/512)) ([937e57c](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/937e57cb891b366b8f3c2f73c6b88abffef0ea7a))
-## [0.4.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.4.0...@newskit-render/checkout@0.4.1) (2021-11-15)
-### Bug Fixes
-* **PPDSR-541:** change packages to get published ([#506](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/506)) ([4de773b](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/4de773b8e22663a2822f64255f347c32384532c0))
-# [0.4.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.3.0...@newskit-render/checkout@0.4.0) (2021-11-10)
-### Features
-* **PPDSR-496:** add next link wrapper component ([#500](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/500)) ([a8ca436](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/a8ca436f6f8061d58e857eb83d7d3ee9cfb449a6))
-# [0.3.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.2.1...@newskit-render/checkout@0.3.0) (2021-11-10)
-### Features
-* **PPDSR-500:** Up next version and switch to es2015 ([#496](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/496)) ([1e41435](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/1e414351247e4c069a829a0a2210a8e6da0e0287))
-## [0.2.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.2.0...@newskit-render/checkout@0.2.1) (2021-11-08)
-**Note:** Version bump only for package @newskit-render/checkout
-# [0.2.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.1.0...@newskit-render/checkout@0.2.0) (2021-10-27)
-### Features
-* **PPDSRR-464:** Move react to peer & dev dependency ([#479](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/479)) ([225b874](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/225b8748faea09549efb2cdbf2d52a56d4f1ca63))
-# [0.1.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.0.1...@newskit-render/checkout@0.1.0) (2021-10-26)
-### Features
-* **PPDSR-489:** Connect shared-component ([#475](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/475)) ([a0e40ad](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/a0e40ad84c7506f8558e8c7fb76ed5a7b9d63b4a))
-## 0.0.1 (2021-10-22)
-**Note:** Version bump only for package @newskit-render/checkout