@newskit-render/checkout 0.0.0-e16014a0

package/dist/cjs/getProviderProps.js

@@ -0,0 +1,81 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProviderProps = void 0;
+var shared_components_1 = require("@newskit-render/shared-components");
+var getProviderProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+    var provider, providerPropsMapper, providerProps;
+    return __generator(this, function (_a) {
+        provider = context.provider;
+        providerPropsMapper = {
+            accountCreation: function () {
+                // TODO - replace with MAIN data
+                var data = {
+                    fieldOne: 'one',
+                    fieldTwo: 'two',
+                };
+                return { data: data };
+            },
+            paymentDetails: function () {
+                // TODO - replace with MAIN data
+                var data = {
+                    fieldThree: 'three',
+                    fieldFour: 'four',
+                };
+                return { data: data };
+            },
+        };
+        providerProps = providerPropsMapper[provider]();
+        return [2 /*return*/, {
+                props: __assign(__assign({}, providerProps), { url: (0, shared_components_1.getHost)(context.req) }),
+            }];
+    });
+}); };
+exports.getProviderProps = getProviderProps;
+//# sourceMappingURL=getProviderProps.js.map

package/dist/cjs/getProviderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProviderProps.js","sourceRoot":"","sources":["../../src/getProviderProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,uEAA2D;AAKpD,IAAM,gBAAgB,GAAG,UAC9B,OAA+B;;;QAEvB,QAAQ,GAAK,OAAO,SAAZ,CAAY;QAEtB,mBAAmB,GAAG;YAC1B,eAAe,EAAE;gBACf,gCAAgC;gBAChC,IAAM,IAAI,GAAG;oBACX,QAAQ,EAAE,KAAK;oBACf,QAAQ,EAAE,KAAK;iBAChB,CAAA;gBACD,OAAO,EAAE,IAAI,MAAA,EAAE,CAAA;YACjB,CAAC;YACD,cAAc,EAAE;gBACd,gCAAgC;gBAChC,IAAM,IAAI,GAAG;oBACX,UAAU,EAAE,OAAO;oBACnB,SAAS,EAAE,MAAM;iBAClB,CAAA;gBACD,OAAO,EAAE,IAAI,MAAA,EAAE,CAAA;YACjB,CAAC;SACF,CAAA;QAEK,aAAa,GAAG,mBAAmB,CAAC,QAAQ,CAAC,EAAE,CAAA;QAErD,sBAAO;gBACL,KAAK,wBACA,aAAa,KAChB,GAAG,EAAE,IAAA,2BAAO,EAAC,OAAO,CAAC,GAAqB,CAAC,GAC5C;aACF,EAAA;;KACF,CAAA;AAhCY,QAAA,gBAAgB,oBAgC5B"}

package/dist/cjs/helpers/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/helpers/setupTests.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@testing-library/jest-dom");
+//# sourceMappingURL=setupTests.js.map

package/dist/cjs/helpers/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../../src/helpers/setupTests.ts"],"names":[],"mappings":";;AAAA,qCAAkC"}

package/dist/cjs/helpers/testHelpers.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { RenderOptions } from '@testing-library/react';
+import { UncompiledTheme } from 'newskit';
+import { ContextOptions } from '../context';
+export declare const renderWithThemeTsl: <T extends {}>(Component: React.ComponentType<T>, props?: (T & {
+    children?: React.ReactNode;
+}) | undefined, theme?: UncompiledTheme, options?: Omit<RenderOptions, 'wrapper'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export declare const renderWithContextTsl: <T extends {}>(Component: React.ComponentType<T>, props?: (T & {
+    children?: React.ReactNode;
+}) | undefined, context?: ContextOptions, options?: Omit<RenderOptions, 'wrapper'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;

package/dist/cjs/helpers/testHelpers.js

@@ -0,0 +1,56 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderWithContextTsl = exports.renderWithThemeTsl = void 0;
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/ban-types */
+/** Added as described in Jest docs: https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
+ *  Needed because at least one component uses <MediaQueryProvider> from newskit, which uses window.matchmedia
+ */
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation(function (query) { return ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(),
+        removeListener: jest.fn(),
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn(),
+    }); }),
+});
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@testing-library/react");
+var newskit_1 = require("newskit");
+var context_1 = require("../context");
+var renderWithThemeTsl = function (Component, props, theme, options) {
+    if (theme === void 0) { theme = newskit_1.newskitLightTheme; }
+    return (0, react_2.render)(react_1.default.createElement(Component, __assign({}, props)), __assign(__assign({}, options), { wrapper: function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(newskit_1.ThemeProvider, { theme: theme }, children));
+        } }));
+};
+exports.renderWithThemeTsl = renderWithThemeTsl;
+var renderWithContextTsl = function (Component, props, context, options) {
+    if (context === void 0) { context = {}; }
+    return (0, react_2.render)(react_1.default.createElement(Component, __assign({}, props)), __assign(__assign({}, options), { wrapper: function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(context_1.CheckoutContextProvider, { context: context },
+                react_1.default.createElement(newskit_1.ThemeProvider, { theme: newskit_1.newskitLightTheme }, children)));
+        } }));
+};
+exports.renderWithContextTsl = renderWithContextTsl;
+//# sourceMappingURL=testHelpers.js.map

package/dist/cjs/helpers/testHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testHelpers.js","sourceRoot":"","sources":["../../../src/helpers/testHelpers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,oGAAoG;AACpG;;GAEG;AACH,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE;IAC1C,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC9C,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;QACtB,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;QACzB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;QAC3B,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;QAC9B,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE;KACzB,CAAC,EAT6C,CAS7C,CAAC;CACJ,CAAC,CAAA;AACF,gDAAyB;AACzB,gDAA2E;AAC3E,mCAA2E;AAC3E,sCAAoE;AAE7D,IAAM,kBAAkB,GAAG,UAChC,SAAiC,EACjC,KAA0C,EAC1C,KAA0C,EAC1C,OAAwC;IADxC,sBAAA,EAAA,QAAyB,2BAAiB;IAG1C,OAAA,IAAA,cAAS,EAAC,8BAAC,SAAS,eAAM,KAAW,EAAI,wBACpC,OAAO,KACV,OAAO,EAAE,UAAC,EAAY;gBAAV,QAAQ,cAAA;YAAO,OAAA,CACzB,8BAAC,uBAAa,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAiB,CACxD;QAF0B,CAE1B,IACD;AALF,CAKE,CAAA;AAXS,QAAA,kBAAkB,sBAW3B;AAEG,IAAM,oBAAoB,GAAG,UAClC,SAAiC,EACjC,KAA0C,EAC1C,OAA4B,EAC5B,OAAwC;IADxC,wBAAA,EAAA,YAA4B;IAG5B,OAAA,IAAA,cAAS,EAAC,8BAAC,SAAS,eAAM,KAAW,EAAI,wBACpC,OAAO,KACV,OAAO,EAAE,UAAC,EAAY;gBAAV,QAAQ,cAAA;YAAO,OAAA,CACzB,8BAAC,iCAAuB,IAAC,OAAO,EAAE,OAAO;gBACvC,8BAAC,uBAAa,IAAC,KAAK,EAAE,2BAAiB,IAAG,QAAQ,CAAiB,CAC3C,CAC3B;QAJ0B,CAI1B,IACD;AAPF,CAOE,CAAA;AAbS,QAAA,oBAAoB,wBAa7B"}

package/dist/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './pages/AccountCreation';
+export * from './pages/PaymentDetails';
+export * from './getProviderProps';

package/dist/cjs/index.js

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

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAuC;AACvC,yDAAsC;AAEtC,qDAAkC"}

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+    "type": "commonjs"
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ContextOptions } from '../context';
+import { BasePageProps } from './types';
+export declare const acountCreationContext: ContextOptions;
+export declare const AccountCreation: React.FC<BasePageProps>;

package/dist/cjs/pages/AccountCreation.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountCreation = exports.acountCreationContext = void 0;
+var react_1 = __importDefault(require("react"));
+var Templates_1 = require("../Components/Templates");
+var AccountCreationRender_1 = require("../Components/Templates/AccountCreationRender");
+var title = 'Create an account';
+exports.acountCreationContext = {
+    siteTitle: title,
+    header: {
+        overline: 'Step 1 of 2',
+        title: title,
+        description: 'Lets get you set up with an account first, then we can finalise your subscription.',
+    },
+};
+var AccountCreation = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, 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, themeDropdownObject: themeDropdownObject },
+        react_1.default.createElement(AccountCreationRender_1.AccountCreationRender, { validation: validation })));
+};
+exports.AccountCreation = AccountCreation;
+//# sourceMappingURL=AccountCreation.js.map

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

@@ -0,0 +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,mBAAmB,yBAAA,EACnB,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;IAED,OAAO,CACL,8BAAC,0BAAc,IACb,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,8BAAC,6CAAqB,IAAC,UAAU,EAAE,UAAU,GAAI,CAClC,CAClB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,eAAe,mBAuB3B"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ContextOptions } from '../context';
+import { BasePageProps } from './types';
+export declare const paymentDetailsContext: ContextOptions;
+export declare const PaymentDetails: React.FC<BasePageProps>;

package/dist/cjs/pages/PaymentDetails.js

@@ -0,0 +1,187 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentDetails = exports.paymentDetailsContext = void 0;
+var react_1 = __importStar(require("react"));
+var Templates_1 = require("../Components/Templates");
+var PaymentDetailsRender_1 = require("../Components/Templates/PaymentDetailsRender");
+// import { IconFilledInfo, IconFilledCreditCard } from 'newskit'
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var Paypal_1 = require("../Components/Icons/Paypal");
+var CreditCard_1 = require("@emotion-icons/material/CreditCard");
+var IconFilledCreditCard = (0, newskit_1.toNewsKitIcon)(CreditCard_1.CreditCard);
+var title = 'Payment details';
+exports.paymentDetailsContext = {
+    siteTitle: title,
+    header: {
+        overline: 'Step 2 of 2',
+        title: title,
+        marginBlockEnd: { xs: 'space050', sm: 'space060' },
+    },
+    paymentDetailsPage: {
+        // infoPanel: {
+        //   icon: <IconFilledInfo overrides={{ size: 'iconSize020' }} />,
+        //   title: 'Why do we need your payment details?',
+        //   children:
+        //     'This is so your payment can be processed at the end of your trial if you choose to subscribe. You can cancel up to 48 hours before your free trial ends.',
+        //   overrides: {
+        //     marginBlockEnd: 'space070',
+        //   },
+        // },
+        subscriptionDetails: {
+            banner: {
+                buttonText: 'View more',
+                message: "You'll pay £0 today and £0.50 per day after your 2 month trial",
+                title: '<Subscription name>',
+            },
+        },
+        corePackageContent: {
+            titleBar: {
+                text: 'Basic Digital',
+                link: {
+                    text: 'Change',
+                    href: '#',
+                    'aria-label': 'Change subscription',
+                },
+            },
+            image: {
+                src: '/assets/display-base-header.svg',
+                alt: '',
+                marginBlockEnd: 'space050',
+            },
+            benifitItems: [
+                'Instant unlimited access on your smartphone',
+                'A depth of content from Politics & Business to Sports & Life',
+            ],
+            promo: '1 month free',
+            paymentKey: 'Pay Today',
+            paymentValue: '£0.00',
+            description: '£0.50 per day thereafter',
+            billingDetails: 'Billed monthly after trial - 31/11/2021. Cancel anytime.',
+            backgroundColor: 'interface020',
+            padding: 'sizing050',
+        },
+        subscriptionDrawer: {
+            open: false,
+            titleBar: {
+                text: 'Basic Digital',
+                link: {
+                    text: 'Change',
+                    href: '#',
+                    'aria-label': 'Change subscription',
+                },
+            },
+            image: {
+                src: '/assets/display-base-header.svg',
+                alt: '',
+                marginBlockEnd: 'space050',
+            },
+            benifitItems: [
+                'Instant unlimited access on your smartphone',
+                'A depth of content from Politics & Business to Sports & Life',
+            ],
+            promo: '1 month free',
+            paymentKey: 'Pay Today',
+            paymentValue: '£0.00',
+            description: '£0.50 per day thereafter',
+            billingDetails: 'Billed monthly after trial - 31/11/2021. Cancel anytime.',
+        },
+        subscriptionMessage: {
+            text: (react_1.default.createElement(react_1.default.Fragment, null,
+                "By subscribing you confirm you have read and agreed to the",
+                react_1.default.createElement(shared_components_1.NextLink, { href: "#", type: "standalone", key: 'link-1' }, "Subscription & Cancellation Terms"),
+                ' ',
+                "and you acknowledge that your information will be used in accordance to our",
+                ' ',
+                react_1.default.createElement(shared_components_1.NextLink, { href: "#", type: "standalone", key: 'link-2' }, "Privacy and Cookie Policy"),
+                ".")),
+            marginBlockEnd: 'space070',
+        },
+        subscriptionTabs: {
+            tab1: {
+                label: (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(IconFilledCreditCard, { key: "label-1" }),
+                    " Pay by card")),
+            },
+            tab2: {
+                label: (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Paypal_1.IconPayPal, { key: "label-2" }),
+                    " Paypal")),
+            },
+        },
+    },
+    buttonGroupProps: {
+        primaryButton: {
+            text: 'Agree and Subscribe',
+            ariaLabel: 'Agree and Subscribe',
+            size: 'medium',
+            overrides: {
+                stylePreset: 'buttonSolidPositive',
+                width: '100%',
+            },
+        },
+        secureFlag: true,
+        secureFlagOverrides: {
+            overrides: {
+                stylePreset: 'inkSubtle',
+                typographyPreset: 'utilityLabel010',
+                paddingInline: 'spaceInset000',
+                paddingBlock: 'spaceInset000',
+            },
+            iconOverrides: {
+                size: 'iconSize020',
+                stylePreset: 'inkSubtle',
+                paddingInline: 'spaceInset000',
+                paddingBlock: 'spaceInset000',
+                spaceInline: 'space020',
+            },
+        },
+    },
+};
+var PaymentDetails = function (_a) {
+    var _b, _c;
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, url = _a.url, data = _a.data;
+    var _d = (0, react_1.useState)((_c = (_b = (context || exports.paymentDetailsContext).paymentDetailsPage) === null || _b === void 0 ? void 0 : _b.subscriptionDrawer) === null || _c === void 0 ? void 0 : _c.open), openDraw = _d[0], setOpenDraw = _d[1];
+    var subscriptionDrawerControl = function () {
+        setOpenDraw(!openDraw);
+    };
+    var enhancedContext = __assign(__assign({}, (context || exports.paymentDetailsContext)), { paymentDetailsPage: __assign({ subscriptionDrawerControl: subscriptionDrawerControl, subscriptionDrawerState: openDraw }, (context || exports.paymentDetailsContext).paymentDetailsPage), url: url, data: data });
+    return (react_1.default.createElement(Templates_1.LayoutTemplate, { context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject, fullWidth: true },
+        react_1.default.createElement(PaymentDetailsRender_1.PaymentDetailsRender, null)));
+};
+exports.PaymentDetails = PaymentDetails;
+//# sourceMappingURL=PaymentDetails.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { UncompiledTheme } from 'newskit';
+import { ContextOptions } from '../context';
+import { ThemeDropdownObject } from '@newskit-render/shared-components';
+export interface BasePageProps {
+    validation?: Record<string, any>;
+    customTheme?: UncompiledTheme;
+    themeDropdownObject?: ThemeDropdownObject;
+    context?: ContextOptions;
+    env?: Record<string, unknown>;
+    url: string;
+    data?: Record<string, unknown>;
+}

package/dist/cjs/pages/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/pages/types.ts"],"names":[],"mappings":""}

package/dist/cjs/types.d.ts

@@ -0,0 +1,4 @@
+import { GetServerSidePropsContext } from 'next';
+export type ServerSidePropsContext = GetServerSidePropsContext & {
+    provider: string;
+};

package/dist/cjs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Icons/Paypal/index.d.ts

@@ -0,0 +1 @@
+export declare const IconPayPal: import("newskit").NewsKitIcon;

package/dist/esm/Components/Icons/Paypal/index.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { customToNewsKitIcon, Svg } from 'newskit';
+export var IconPayPal = customToNewsKitIcon('IconPayPal', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 24 25" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.69286 20.2717L9.95867 18.4004L9.36655 18.3851H6.53906L8.50406 4.57582C8.51019 4.534 8.52998 4.49518 8.55888 4.46757C8.58792 4.43995 8.62494 4.4248 8.66366 4.4248H13.4312C15.0141 4.4248 16.1064 4.78979 16.6766 5.51029C16.9439 5.84829 17.1142 6.20159 17.1967 6.59025C17.2831 6.99815 17.2845 7.48542 17.2002 8.07984L17.1941 8.12308V8.504L17.4615 8.6719C17.6866 8.80429 17.8655 8.95577 18.0028 9.12919C18.2314 9.41827 18.3793 9.78562 18.4418 10.221C18.5065 10.6688 18.4851 11.2018 18.3793 11.8053C18.2573 12.4992 18.0601 13.1038 17.7938 13.5983C17.5489 14.054 17.2368 14.4321 16.8662 14.725C16.5124 15.0033 16.0921 15.2146 15.6169 15.3498C15.1563 15.4827 14.6313 15.5498 14.0554 15.5498H13.6844C13.4191 15.5498 13.1614 15.6557 12.9591 15.8455C12.7563 16.0393 12.6221 16.304 12.581 16.5936L12.5529 16.7621L12.0833 20.0605L12.0621 20.1816C12.0564 20.2199 12.0467 20.239 12.0324 20.2519C12.0198 20.2638 12.0015 20.2717 11.9837 20.2717H9.69286Z", fill: "#28356A" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.7148 8.16724C17.7007 8.26807 17.6843 8.37111 17.6661 8.47699C17.0374 12.0549 14.8863 13.2909 12.1391 13.2909H10.7403C10.4043 13.2909 10.1212 13.5612 10.0689 13.9285L9.14991 20.3895C9.11588 20.6308 9.28359 20.8481 9.50313 20.8481H11.9841C12.2778 20.8481 12.5274 20.6115 12.5736 20.2904L12.598 20.1508L13.0651 16.8653L13.0951 16.6851C13.1408 16.3629 13.391 16.1262 13.6847 16.1262H14.0557C16.4594 16.1262 18.3411 15.0446 18.8911 11.9146C19.1207 10.6071 19.0018 9.51529 18.3939 8.74745C18.21 8.51597 17.9817 8.32377 17.7148 8.16724Z", fill: "#298FC2" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.0566 7.87657C16.9605 7.84549 16.8614 7.8174 16.7598 7.79199C16.6576 7.76722 16.5529 7.74529 16.4451 7.72603C16.068 7.6585 15.6547 7.62646 15.2121 7.62646H11.4753C11.3832 7.62646 11.2957 7.6495 11.2176 7.69116C11.0452 7.783 10.9172 7.96383 10.8861 8.18522L10.0911 13.7658L10.0684 13.9285C10.1206 13.5612 10.4038 13.2909 10.7398 13.2909H12.1386C14.8858 13.2909 17.0368 12.0542 17.6656 8.47699C17.6843 8.37111 17.7001 8.26806 17.7142 8.16723C17.5552 8.07366 17.3829 7.99366 17.1974 7.92549C17.1516 7.9086 17.1043 7.89235 17.0566 7.87657Z", fill: "#22284F" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8866 8.18521C10.9176 7.96383 11.0456 7.78299 11.218 7.69178C11.2967 7.64997 11.3836 7.62693 11.4757 7.62693H15.2125C15.6551 7.62693 16.0684 7.65912 16.4456 7.72666C16.5533 7.74575 16.658 7.76784 16.7602 7.79262C16.8619 7.81786 16.9609 7.84611 17.057 7.87704C17.1047 7.89282 17.152 7.90923 17.1983 7.92548C17.3838 7.99365 17.5562 8.07428 17.7152 8.16723C17.9023 6.84505 17.7137 5.94482 17.0687 5.12964C16.3576 4.2321 15.0742 3.84802 13.432 3.84802H8.66428C8.32886 3.84802 8.04269 4.11833 7.99087 4.48631L6.00508 18.4376C5.96593 18.7135 6.15799 18.9626 6.40913 18.9626H9.3525L10.8866 8.18521Z", fill: "#28356A" }))); });
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Icons/Paypal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Icons/Paypal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,CAAC,IAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,EAAE,UAAC,KAAK,IAAK,OAAA,CACrE,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,66BAA66B,EAC/6B,IAAI,EAAC,SAAS,GACd;IACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uhBAAuhB,EACzhB,IAAI,EAAC,SAAS,GACd;IACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4hBAA4hB,EAC9hB,IAAI,EAAC,SAAS,GACd;IACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,olBAAolB,EACtlB,IAAI,EAAC,SAAS,GACd,CACE,CACP,EA3BsE,CA2BtE,CAAC,CAAA"}

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

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

package/dist/esm/Components/Templates/AccountCreationRender.js

@@ -0,0 +1,80 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useEffect, useState } from 'react';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { Block, Form, FormInput, FormInputLabel, FormInputTextField, useBreakpointKey, } from 'newskit';
+import { Header, Modal, ButtonGroup, } from '@newskit-render/shared-components';
+import Title from './AccountCreationTemplates/Title';
+import DateOfBirth from './AccountCreationTemplates/DateOfBirth';
+import RenderAgreementCheckboxes from './AccountCreationTemplates/RenderAgreementCheckboxes';
+import { useCheckoutContext } from '../../context';
+import { defaultAccountCreationPage } from '../../constants';
+import { useRouter } from 'next/router';
+export var AccountCreationRender = function (_a) {
+    var _b = _a.validation, validation = _b === void 0 ? {} : _b;
+    var _c = useState(false), tcAccepted = _c[0], setTCAccepted = _c[1];
+    var _d = useState(false), opAccepted = _d[0], setOPAccepted = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    var bp = useBreakpointKey();
+    var _f = useCheckoutContext(), header = _f.header, accountCreationPage = _f.accountCreationPage;
+    var router = useRouter();
+    var _g = useState('xs'), breakpoint = _g[0], setBreakpoint = _g[1];
+    useEffect(function () {
+        setBreakpoint(bp);
+    }, [bp]);
+    var handleTCAccept = function (selected) {
+        setTCAccepted(selected);
+    };
+    var handleOPAccept = function (selected) {
+        setOPAccepted(selected);
+    };
+    var handleSubmit = function () {
+        setLoading(true);
+        router.push('/checkout/payment-details');
+    };
+    var pageContext = accountCreationPage || defaultAccountCreationPage.accountCreationPage;
+    var _h = useState(pageContext.modalOverrides.open || false), showModal = _h[0], setShowModal = _h[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 = yupResolver(schema);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(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.createElement(Form, { "data-testid": "accountCreationForm", onSubmit: handleSubmit, resolver: resolver, validationMode: "onBlur", reValidationMode: "onBlur" },
+            React.createElement(Title, { name: "title", options: pageContext.userData.titleOptions, placeholder: '', label: "Title" }),
+            React.createElement(Block, { marginBlockEnd: 'space050' },
+                React.createElement(FormInput, { name: "firstName" },
+                    React.createElement(FormInputLabel, { overrides: {
+                            typographyPreset: 'utilityLabel020',
+                        } }, "First name"),
+                    React.createElement(FormInputTextField, { "data-testid": "firstName", name: "firstName", overrides: {
+                            width: breakpoint === 'xs' ? '100%' : '45%',
+                        } }))),
+            React.createElement(Block, { marginBlockEnd: 'space050' },
+                React.createElement(FormInput, { name: "lastName" },
+                    React.createElement(FormInputLabel, { overrides: {
+                            typographyPreset: 'utilityLabel020',
+                        } }, "Last name"),
+                    React.createElement(FormInputTextField, { "data-testid": "lastName", name: "lastName", overrides: {
+                            width: breakpoint === 'xs' ? '100%' : '45%',
+                        } }))),
+            React.createElement(Block, { marginBlockEnd: 'space080' },
+                React.createElement(DateOfBirth, null)),
+            React.createElement(RenderAgreementCheckboxes, { tcAccepted: tcAccepted, opAccepted: opAccepted, handleModal: handleModal, handleTCAccept: handleTCAccept, handleOPAccept: handleOPAccept }),
+            React.createElement(Block, { marginBlockEnd: 'space070' },
+                React.createElement(ButtonGroup, __assign({ loading: loading }, pageContext.buttonGroupProps))),
+            React.createElement(Block, { marginBlockEnd: 'space090' }))));
+};
+//# sourceMappingURL=AccountCreationRender.js.map

package/dist/esm/Components/Templates/AccountCreationRender.js.map

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

package/dist/esm/Components/Templates/AccountCreationTemplates/DateOfBirth.d.ts

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