@newskit-render/checkout 0.16.1 → 0.19.1

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.19.0...@newskit-render/checkout@0.19.1) (2022-02-10)
+
+**Note:** Version bump only for package @newskit-render/checkout
+
+
+
+
+
+# [0.19.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.18.0...@newskit-render/checkout@0.19.0) (2022-02-03)
+
+
+### Features
+
+* **PPDSR-647:** Account - Design updates ([#567](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/567)) ([6f24354](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/6f2435402ad2c7c9b81f1eed5da7ae75abeaeb55))
+
+
+
+
+
+# [0.18.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.17.0...@newskit-render/checkout@0.18.0) (2022-02-02)
+
+
+### Features
+
+* **PPDSR-567:** Account creation checkout ([#575](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/575)) ([b329ec8](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/b329ec853f545c922e169225e7fc1f30796b1994))
+
+
+
+
+
+# [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

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

@@ -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

@@ -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

@@ -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"}
+{"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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,WAAW,CAAA"}
+{"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

@@ -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

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

package/dist/context/types.d.ts

@@ -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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/checkout",
-  "version": "0.16.1",
+  "version": "0.19.1",
   "description": "Newskit Render - Checkout package",
   "author": "",
   "license": "UNLICENSED",
@@ -65,7 +65,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@newskit-render/shared-components": "^0.27.1",
-    "newskit": "4.3.1"
+    "@hookform/resolvers": "2.8.3",
+    "@newskit-render/shared-components": "^0.31.0",
+    "newskit": "5.0.0"
   }
 }