@newskit-render/checkout 0.7.2 → 0.11.0

package/CHANGELOG.md

@@ -3,6 +3,58 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AccountCreationRender: React.FC;

package/dist/Components/Templates/AccountCreationRender.js

@@ -0,0 +1,28 @@
+"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.AccountCreationRender = void 0;
+var react_1 = __importDefault(require("react"));
+var context_1 = require("../../context");
+var shared_components_1 = require("@newskit-render/shared-components");
+var AccountCreationRender = function () {
+    var header = (0, context_1.useCheckoutContext)().header;
+    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")));
+};
+exports.AccountCreationRender = AccountCreationRender;
+//# sourceMappingURL=AccountCreationRender.js.map

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

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

package/dist/Components/Templates/LayoutTemplate.js

@@ -1,4 +1,15 @@
 "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 };
 };
@@ -7,21 +18,26 @@ exports.LayoutTemplate = void 0;
 var react_1 = __importDefault(require("react"));
 var shared_components_1 = require("@newskit-render/shared-components");
 var newskit_1 = require("newskit");
-var theme_1 = require("../../theme");
 var context_1 = require("../../context");
 var router_1 = require("next/router");
+var NavigationPrimaryWrapper = function (_a) {
+    var customTheme = _a.customTheme, setTheme = _a.setTheme;
+    var navigationPrimary = (0, context_1.useCheckoutContext)().navigationPrimary;
+    return (react_1.default.createElement(shared_components_1.NavigationPrimary, __assign({}, navigationPrimary, { customTheme: customTheme, setTheme: setTheme })));
+};
 var LayoutTemplate = function (_a) {
-    var children = _a.children, theme = _a.theme, context = _a.context;
+    var children = _a.children, customTheme = _a.customTheme, context = _a.context, setTheme = _a.setTheme;
     var router = (0, router_1.useRouter)();
     return (react_1.default.createElement(context_1.CheckoutContextProvider, { context: context },
         react_1.default.createElement(shared_components_1.SEOComponent, { title: context.siteTitle || '', description: context.siteDescription || '', url: "" + context.url + router.pathname, siteHost: context.url || context.siteHost || '', fbType: context.fbType || '', fbImageUrl: context.fbImageUrl || '' }),
-        react_1.default.createElement(newskit_1.ThemeProvider, { theme: theme || theme_1.checkoutTheme },
+        react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },
+            react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, setTheme: setTheme }),
             react_1.default.createElement(shared_components_1.LayoutGrid, { hasSidebar: false, 
                 // different margins can be passed based on the variant
                 margin: {
                     xsMargin: 'space050',
                     smMargin: 'space060',
-                    mdMargin: 'space120',
+                    mdMargin: 'space000',
                 }, gutter: {
                     xsColumnGutter: 'space020',
                     smColumnGutter: 'space040',

package/dist/Components/Templates/LayoutTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,uEAA4E;AAC5E,mCAAuC;AACvC,qCAA2C;AAC3C,yCAAuD;AACvD,sCAAuC;AAEhC,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA;IAEP,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,OAAO,CACL,8BAAC,iCAAuB,IAAC,OAAO,EAAE,OAAO;QACvC,8BAAC,gCAAY,IACX,KAAK,EAAE,OAAO,CAAC,SAAS,IAAI,EAAE,EAC9B,WAAW,EAAE,OAAO,CAAC,eAAe,IAAI,EAAE,EAC1C,GAAG,EAAE,KAAG,OAAO,CAAC,GAAG,GAAG,MAAM,CAAC,QAAU,EACvC,QAAQ,EAAE,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,QAAQ,IAAI,EAAE,EAC/C,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE,EAC5B,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,EAAE,GACpC;QACF,8BAAC,uBAAa,IAAC,KAAK,EAAE,KAAK,IAAI,qBAAa;YAC1C,8BAAC,8BAAU,IACT,UAAU,EAAE,KAAK;gBACjB,uDAAuD;gBACvD,MAAM,EAAE;oBACN,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,UAAU;iBACrB,EACD,MAAM,EAAE;oBACN,cAAc,EAAE,UAAU;oBAC1B,cAAc,EAAE,UAAU;iBAC3B,IAEA,QAAQ,CACE,CACC,CACQ,CAC3B,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,cAAc,kBAmC1B"}
+{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,uEAM0C;AAC1C,mCAAuC;AACvC,yCAA2E;AAC3E,sCAAuC;AAEvC,IAAM,wBAAwB,GAA0C,UAAC,EAGxE;QAFC,WAAW,iBAAA,EACX,QAAQ,cAAA;IAEA,IAAA,iBAAiB,GAAK,IAAA,4BAAkB,GAAE,kBAAzB,CAAyB;IAClD,OAAO,CACL,8BAAC,qCAAiB,eACZ,iBAAiB,IACrB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;AACH,CAAC,CAAA;AAEM,IAAM,cAAc,GAAkC,UAAC,EAK7D;QAJC,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,OAAO,CACL,8BAAC,iCAAuB,IAAC,OAAO,EAAE,OAAO;QACvC,8BAAC,gCAAY,IACX,KAAK,EAAE,OAAO,CAAC,SAAS,IAAI,EAAE,EAC9B,WAAW,EAAE,OAAO,CAAC,eAAe,IAAI,EAAE,EAC1C,GAAG,EAAE,KAAG,OAAO,CAAC,GAAG,GAAG,MAAM,CAAC,QAAU,EACvC,QAAQ,EAAE,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,QAAQ,IAAI,EAAE,EAC/C,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE,EAC5B,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,EAAE,GACpC;QACF,8BAAC,uBAAa,IAAC,KAAK,EAAE,WAAW,IAAI,+BAAW;YAC9C,8BAAC,wBAAwB,IACvB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB;YACF,8BAAC,8BAAU,IACT,UAAU,EAAE,KAAK;gBACjB,uDAAuD;gBACvD,MAAM,EAAE;oBACN,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,UAAU;iBACrB,EACD,MAAM,EAAE;oBACN,cAAc,EAAE,UAAU;oBAC1B,cAAc,EAAE,UAAU;iBAC3B,IAEA,QAAQ,CACE,CACC,CACQ,CAC3B,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,cAAc,kBAwC1B"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PaymentDetailsRender: React.FC;

package/dist/{pages/Checkout.js → Components/Templates/PaymentDetailsRender.js}

@@ -14,18 +14,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckoutPage = void 0;
-var Templates_1 = require("../Components/Templates");
+exports.PaymentDetailsRender = void 0;
 var react_1 = __importDefault(require("react"));
-var checkoutContext = {
-    siteTitle: 'Checkout',
-    fbType: '',
-    fbImageUrl: '',
+var context_1 = require("../../context");
+var shared_components_1 = require("@newskit-render/shared-components");
+var PaymentDetailsRender = function () {
+    var header = (0, context_1.useCheckoutContext)().header;
+    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")));
 };
-var CheckoutPage = function (_a) {
-    var customTheme = _a.customTheme, context = _a.context, url = _a.url;
-    var enhancedContext = __assign(__assign({}, (context || checkoutContext)), { url: url });
-    return (react_1.default.createElement(Templates_1.LayoutTemplate, { context: enhancedContext, theme: customTheme }, "Checkout"));
-};
-exports.CheckoutPage = CheckoutPage;
-//# sourceMappingURL=Checkout.js.map
+exports.PaymentDetailsRender = PaymentDetailsRender;
+//# sourceMappingURL=PaymentDetailsRender.js.map

package/dist/Components/Templates/PaymentDetailsRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentDetailsRender.js","sourceRoot":"","sources":["../../../src/Components/Templates/PaymentDetailsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAkD;AAClD,uEAA0D;AAEnD,IAAM,oBAAoB,GAAa;IACpC,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,oBAAoB,wBAQhC"}

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

@@ -3,6 +3,7 @@ import { ContextOptions } from '../../context';
 import { UncompiledTheme } from 'newskit';
 export declare type LayoutTemplateProps = {
     children: React.ReactNode;
-    theme?: UncompiledTheme;
+    customTheme?: UncompiledTheme;
+    setTheme?: (theme: UncompiledTheme) => void;
     context: ContextOptions;
 };

package/dist/__tests__/index.tests.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.tests.js","sourceRoot":"","sources":["../../src/__tests__/index.tests.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsD;AAGtD,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,4BAA4B,EAAE;;;;;oBAC/B,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;oBACL,qBAAM,IAAA,mCAAgB,EAAC,EAA+B,CAAC,EAAA;;oBAAhE,MAAM,GAAG,SAAuD;oBACtE,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAA;;;;SACtD,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index.tests.js","sourceRoot":"","sources":["../../src/__tests__/index.tests.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsD;AAGtD,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,4BAA4B,EAAE;;;;;oBAC/B,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;oBACL,qBAAM,IAAA,mCAAgB,EAAC,EAA4B,CAAC,EAAA;;oBAA7D,MAAM,GAAG,SAAoD;oBACnE,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAA;;;;SACtD,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/context/baseContext.js

@@ -5,5 +5,35 @@ var constants_1 = require("../constants");
 /* istanbul ignore next */
 exports.baseContext = {
     baseUrl: constants_1.BASE_URL,
+    header: {
+        overlineOverrides: {
+            typographyPreset: {
+                xs: 'utitityLabel020',
+                sm: 'utitityLabel030',
+            },
+            stylePreset: 'inkBrand010',
+        },
+        title: '',
+        titleOverrides: {
+            typographyPreset: { xs: 'utilityHeading040', sm: 'utilityHeading050' },
+            stylePreset: 'inkContrast',
+            spaceStack: {
+                xs: 'space040',
+                sm: 'space050',
+            },
+            as: 'h1',
+        },
+        description: '',
+        descriptionOverrides: {
+            typographyPreset: { xs: 'utilityBody020', sm: 'utilityBody030' },
+            stylePreset: 'inkBase',
+            spaceStack: {
+                xs: 'space050',
+                sm: 'space060',
+            },
+        },
+        spaceStack: { xs: 'space050', sm: 'space080' },
+        showDivider: false,
+    },
 };
 //# sourceMappingURL=baseContext.js.map

package/dist/context/baseContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../src/context/baseContext.tsx"],"names":[],"mappings":";;;AACA,0CAAuC;AACvC,0BAA0B;AACb,QAAA,WAAW,GAAmB;IACzC,OAAO,EAAE,oBAAQ;CAClB,CAAA"}
+{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../src/context/baseContext.tsx"],"names":[],"mappings":";;;AACA,0CAAuC;AACvC,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;CACF,CAAA"}

package/dist/context/types.d.ts

@@ -1,13 +1,17 @@
 import { ReactNode } from 'react';
+import { HeaderProps, NavigationPrimaryProps } from '@newskit-render/shared-components';
 export interface ContextOptions {
     baseUrl?: string;
     env?: Record<string, unknown>;
+    data?: Record<string, unknown>;
     siteTitle?: string;
     siteDescription?: string;
     url?: string;
     siteHost?: string;
     fbType?: string;
     fbImageUrl?: string;
+    header?: HeaderProps;
+    navigationPrimary?: NavigationPrimaryProps;
 }
 export interface ContextProviderProps {
     children: ReactNode;

package/dist/getProviderProps.d.ts

@@ -1,5 +1,9 @@
 import { GetServerSidePropsResult, GetServerSidePropsContext } from 'next';
-export declare const getProviderProps: (context: GetServerSidePropsContext) => Promise<GetServerSidePropsResult<{
+declare type ServerSidePropsContext = GetServerSidePropsContext & {
+    provider: string;
+};
+export declare const getProviderProps: (context: ServerSidePropsContext) => Promise<GetServerSidePropsResult<{
     field: string;
     url: string;
 }>>;
+export {};

package/dist/getProviderProps.js

@@ -1,4 +1,15 @@
 "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) {
@@ -38,9 +49,30 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProviderProps = void 0;
 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: { field: 'field', url: context.req.headers.host || '' },
+                props: __assign(__assign({}, providerProps), { url: context.req.headers.host || '' }),
             }];
     });
 }); };

package/dist/getProviderProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"getProviderProps.js","sourceRoot":"","sources":["../src/getProviderProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAM,gBAAgB,GAAG,UAC9B,OAAkC;;QAElC,sBAAO;gBACL,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,EAAE;aAC/D,EAAA;;KACF,CAAA;AANY,QAAA,gBAAgB,oBAM5B"}
+{"version":3,"file":"getProviderProps.js","sourceRoot":"","sources":["../src/getProviderProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,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,wBAAO,aAAa,KAAE,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,GAAE;aACjE,EAAA;;KACF,CAAA;AA7BY,QAAA,gBAAgB,oBA6B5B"}

package/dist/index.d.ts

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

package/dist/index.js

@@ -10,6 +10,7 @@ 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/Checkout"), exports);
+__exportStar(require("./pages/AccountCreation"), exports);
+__exportStar(require("./pages/PaymentDetails"), exports);
 __exportStar(require("./getProviderProps"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/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/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, setTheme = _a.setTheme, context = _a.context, url = _a.url, data = _a.data;
+    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)));
+};
+exports.AccountCreation = AccountCreation;
+//# sourceMappingURL=AccountCreation.js.map

package/dist/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,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"}

package/dist/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/pages/PaymentDetails.js

@@ -0,0 +1,36 @@
+"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.PaymentDetails = exports.paymentDetailsContext = void 0;
+var react_1 = __importDefault(require("react"));
+var Templates_1 = require("../Components/Templates");
+var PaymentDetailsRender_1 = require("../Components/Templates/PaymentDetailsRender");
+var title = 'Payment details';
+exports.paymentDetailsContext = {
+    siteTitle: title,
+    header: {
+        overline: 'Step 2 of 2',
+        title: title,
+    },
+};
+var PaymentDetails = function (_a) {
+    var customTheme = _a.customTheme, setTheme = _a.setTheme, context = _a.context, url = _a.url, data = _a.data;
+    var enhancedContext = __assign(__assign({}, (context || exports.paymentDetailsContext)), { url: url, data: data });
+    return (react_1.default.createElement(Templates_1.LayoutTemplate, { context: enhancedContext, customTheme: customTheme, setTheme: setTheme },
+        react_1.default.createElement(PaymentDetailsRender_1.PaymentDetailsRender, null)));
+};
+exports.PaymentDetails = PaymentDetails;
+//# sourceMappingURL=PaymentDetails.js.map

package/dist/pages/PaymentDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentDetails.js","sourceRoot":"","sources":["../../src/pages/PaymentDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,qDAAwD;AAGxD,qFAAmF;AAEnF,IAAM,KAAK,GAAG,iBAAiB,CAAA;AAElB,QAAA,qBAAqB,GAAmB;IACnD,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE;QACN,QAAQ,EAAE,aAAa;QACvB,KAAK,OAAA;KACN;CACF,CAAA;AAEM,IAAM,cAAc,GAA4B,UAAC,EAMvD;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,2CAAoB,OAAG,CACT,CAClB,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,cAAc,kBAqB1B"}

package/dist/pages/types.d.ts

@@ -1,8 +1,10 @@
 import { UncompiledTheme } from 'newskit';
 import { ContextOptions } from '../context';
-export interface CheckoutProps {
+export interface BasePageProps {
     customTheme?: UncompiledTheme;
-    context: ContextOptions;
+    setTheme?: (theme: UncompiledTheme) => void;
+    context?: ContextOptions;
     env?: Record<string, unknown>;
     url: string;
+    data?: Record<string, unknown>;
 }

package/dist/types.d.ts

@@ -1,3 +1,4 @@
-export interface HelloCheckout {
-    hello: string;
-}
+import { GetServerSidePropsContext } from 'next';
+export declare type ServerSidePropsContext = GetServerSidePropsContext & {
+    provider: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/checkout",
-  "version": "0.7.2",
+  "version": "0.11.0",
   "description": "Newskit Render - Checkout package",
   "author": "",
   "license": "UNLICENSED",
@@ -56,7 +56,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@newskit-render/shared-components": "^0.19.0",
+    "@newskit-render/shared-components": "^0.22.0",
     "newskit": "^4.2.0"
   }
 }

package/dist/pages/Checkout.d.ts

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

package/dist/pages/Checkout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../src/pages/Checkout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,qDAAwD;AACxD,gDAAyB;AAIzB,IAAM,eAAe,GAAmB;IACtC,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,EAAE;CACf,CAAA;AACM,IAAM,YAAY,GAA4B,UAAC,EAIrD;QAHC,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,GAAG,SAAA;IAEH,IAAM,eAAe,yBAChB,CAAC,OAAO,IAAI,eAAe,CAAC,KAC/B,GAAG,EAAE,GAAG,GACT,CAAA;IACD,OAAO,CACL,8BAAC,0BAAc,IAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,eAG3C,CAClB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}