@newskit-render/checkout 0.5.0 → 0.6.1

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.6.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.6.0...@newskit-render/checkout@0.6.1) (2021-12-02)
+
+**Note:** Version bump only for package @newskit-render/checkout
+
+
+
+
+
+# [0.6.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.5.2...@newskit-render/checkout@0.6.0) (2021-12-02)
+
+
+### Features
+
+* **PPDSR-517:** Add Grid Component ([#528](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/528)) ([0f8082d](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/0f8082d1490750f408c0c5ec2c7bd6af3a1ace18))
+
+
+
+
+
+## [0.5.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.5.1...@newskit-render/checkout@0.5.2) (2021-11-30)
+
+**Note:** Version bump only for package @newskit-render/checkout
+
+
+
+
+
+## [0.5.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.5.0...@newskit-render/checkout@0.5.1) (2021-11-26)
+
+**Note:** Version bump only for package @newskit-render/checkout
+
+
+
+
+
 # [0.5.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/checkout@0.4.3...@newskit-render/checkout@0.5.0) (2021-11-22)
 
 

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

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

package/dist/Components/Templates/LayoutTemplate.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 LayoutTemplate = function (_a) {
+    var children = _a.children, theme = _a.theme, context = _a.context;
+    return (react_1.default.createElement(context_1.CheckoutContextProvider, { context: context },
+        react_1.default.createElement(newskit_1.ThemeProvider, { theme: theme || theme_1.checkoutTheme },
+            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',
+                }, gutter: {
+                    xsColumnGutter: 'space020',
+                    smColumnGutter: 'space040',
+                } }, children))));
+};
+exports.LayoutTemplate = LayoutTemplate;
+//# sourceMappingURL=LayoutTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,uEAA8D;AAC9D,mCAAuC;AACvC,qCAA2C;AAC3C,yCAAuD;AAEhD,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA;IAEP,OAAO,CACL,8BAAC,iCAAuB,IAAC,OAAO,EAAE,OAAO;QACvC,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;AA1BY,QAAA,cAAc,kBA0B1B"}

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

@@ -0,0 +1 @@
+export * from './LayoutTemplate';

package/dist/Components/Templates/index.js

@@ -0,0 +1,14 @@
+"use strict";
+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 __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("./LayoutTemplate"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ContextOptions } from '../../context';
+import { UncompiledTheme } from 'newskit';
+export declare type LayoutTemplateProps = {
+    children: React.ReactNode;
+    theme?: UncompiledTheme;
+    context: ContextOptions;
+};

package/dist/Components/Templates/types.js

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

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

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

package/dist/__tests__/index.tests.js

@@ -1,14 +1,56 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 (_) 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 });
-var index_1 = __importDefault(require("../index"));
-describe('Checkout', function () {
-    it('Logs Welocome to Checkout to the console', function () {
-        var spy = jest.spyOn(console, 'log');
-        (0, index_1.default)();
-        expect(spy).toHaveBeenCalledWith('Welcome to checkout!');
-    });
+var getProviderProps_1 = require("../getProviderProps");
+describe('getProviderProps', function () {
+    it('should call getPriverPROPS', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    expect.assertions(1);
+                    return [4 /*yield*/, (0, getProviderProps_1.getProviderProps)({})];
+                case 1:
+                    result = _a.sent();
+                    expect(result).toEqual({ props: { field: 'field' } });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });
 //# sourceMappingURL=index.tests.js.map

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,mDAA4B;AAE5B,QAAQ,CAAC,UAAU,EAAE;IACnB,EAAE,CAAC,0CAA0C,EAAE;QAC7C,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QACtC,IAAA,eAAK,GAAE,CAAA;QACP,MAAM,CAAC,GAAG,CAAC,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,CAAA;IAC1D,CAAC,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,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"}

package/dist/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const BASE_URL = "/checkout";

package/dist/constants/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_URL = void 0;
+exports.BASE_URL = '/checkout';
+//# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

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

package/dist/context/baseContext.d.ts

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

package/dist/context/baseContext.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseContext = void 0;
+var constants_1 = require("../constants");
+/* istanbul ignore next */
+exports.baseContext = {
+    baseUrl: constants_1.BASE_URL,
+};
+//# sourceMappingURL=baseContext.js.map

package/dist/context/baseContext.js.map

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

package/dist/context/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ContextOptions, ContextProviderProps } from './types';
+import { baseContext } from './baseContext';
+export declare const CheckoutContextProvider: React.FC<ContextProviderProps>;
+export declare const CheckoutContextConsumer: React.Consumer<ContextOptions>;
+export declare const useCheckoutContext: () => ContextOptions;
+export { ContextOptions, baseContext };

package/dist/context/index.js

@@ -0,0 +1,42 @@
+"use strict";
+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.baseContext = exports.useCheckoutContext = exports.CheckoutContextConsumer = exports.CheckoutContextProvider = void 0;
+var react_1 = __importStar(require("react"));
+var lodash_merge_1 = __importDefault(require("lodash.merge"));
+var baseContext_1 = require("./baseContext");
+Object.defineProperty(exports, "baseContext", { enumerable: true, get: function () { return baseContext_1.baseContext; } });
+var CheckoutContext = (0, react_1.createContext)({});
+var CheckoutContextProvider = function (_a) {
+    var context = _a.context, children = _a.children;
+    var c = (0, lodash_merge_1.default)({}, baseContext_1.baseContext, context);
+    return (react_1.default.createElement(CheckoutContext.Provider, { value: c }, children));
+};
+exports.CheckoutContextProvider = CheckoutContextProvider;
+exports.CheckoutContextConsumer = CheckoutContext.Consumer;
+var useCheckoutContext = function () {
+    return (0, react_1.useContext)(CheckoutContext);
+};
+exports.useCheckoutContext = useCheckoutContext;
+//# sourceMappingURL=index.js.map

package/dist/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwD;AACxD,8DAAgC;AAEhC,6CAA2C;AAmBlB,4FAnBhB,yBAAW,OAmBgB;AAjBpC,IAAM,eAAe,GAAG,IAAA,qBAAa,EAAiB,EAAE,CAAC,CAAA;AAElD,IAAM,uBAAuB,GAAmC,UAAC,EAGvE;QAFC,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,OAAO,CACL,8BAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA4B,CAC1E,CAAA;AACH,CAAC,CAAA;AARY,QAAA,uBAAuB,2BAQnC;AAEY,QAAA,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAA;AAExD,IAAM,kBAAkB,GAAG;IAChC,OAAA,IAAA,kBAAU,EAAC,eAAe,CAAC;AAA3B,CAA2B,CAAA;AADhB,QAAA,kBAAkB,sBACF"}

package/dist/context/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface ContextOptions {
+    baseUrl?: string;
+    env?: Record<string, unknown>;
+}
+export interface ContextProviderProps {
+    children: ReactNode;
+    context: ContextOptions;
+}

package/dist/context/types.js

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

package/dist/context/types.js.map

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

package/dist/getProviderProps.d.ts

@@ -0,0 +1,4 @@
+import { GetServerSidePropsResult, GetServerSidePropsContext } from 'next';
+export declare const getProviderProps: (context: GetServerSidePropsContext) => Promise<GetServerSidePropsResult<{
+    field: string;
+}>>;

package/dist/getProviderProps.js

@@ -0,0 +1,48 @@
+"use strict";
+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 (_) 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 getProviderProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, {
+                props: { field: 'field' },
+            }];
+    });
+}); };
+exports.getProviderProps = getProviderProps;
+//# sourceMappingURL=getProviderProps.js.map

package/dist/getProviderProps.js.map

@@ -0,0 +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;aAC1B,EAAA;;KACF,CAAA;AANY,QAAA,gBAAgB,oBAM5B"}

package/dist/helpers/setupTests.d.ts

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

package/dist/helpers/setupTests.js

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

package/dist/helpers/setupTests.js.map

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

package/dist/helpers/testHelpers.d.ts

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

package/dist/helpers/testHelpers.js

@@ -0,0 +1,30 @@
+"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.renderWithThemeTsl = void 0;
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/ban-types */
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@testing-library/react");
+var newskit_1 = require("newskit");
+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;
+//# sourceMappingURL=testHelpers.js.map

package/dist/helpers/testHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testHelpers.js","sourceRoot":"","sources":["../../src/helpers/testHelpers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,oGAAoG;AACpG,gDAAyB;AACzB,gDAA2E;AAC3E,mCAA2E;AAEpE,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"}

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-declare const hello: () => void;
-export default hello;
+export * from './pages/Checkout';
+export * from './getProviderProps';

package/dist/index.js

@@ -1,7 +1,15 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var hello = function () {
-    return console.log('Welcome to checkout!');
+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 __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);
 };
-exports.default = hello;
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./pages/Checkout"), 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.ts"],"names":[],"mappings":";;AAAA,IAAM,KAAK,GAAG;IACZ,OAAO,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;AAC5C,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAgC;AAChC,qDAAkC"}

package/dist/pages/Checkout.d.ts

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

package/dist/pages/Checkout.js

@@ -0,0 +1,14 @@
+"use strict";
+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");
+var react_1 = __importDefault(require("react"));
+var CheckoutPage = function (_a) {
+    var customTheme = _a.customTheme, context = _a.context;
+    return (react_1.default.createElement(Templates_1.LayoutTemplate, { context: context, theme: customTheme }, "Checkout"));
+};
+exports.CheckoutPage = CheckoutPage;
+//# sourceMappingURL=Checkout.js.map

package/dist/pages/Checkout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../src/pages/Checkout.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAAwD;AACxD,gDAAyB;AAGlB,IAAM,YAAY,GAA4B,UAAC,EAGrD;QAFC,WAAW,iBAAA,EACX,OAAO,aAAA;IAEP,OAAO,CACL,8BAAC,0BAAc,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,eAGnC,CAClB,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,YAAY,gBAUxB"}

package/dist/pages/types.d.ts

@@ -0,0 +1,7 @@
+import { UncompiledTheme } from 'newskit';
+import { ContextOptions } from '../context';
+export interface CheckoutProps {
+    customTheme?: UncompiledTheme;
+    context: ContextOptions;
+    env?: Record<string, unknown>;
+}

package/dist/pages/types.js

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

package/dist/pages/types.js.map

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

package/dist/theme/index.d.ts

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

package/dist/theme/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkoutTheme = void 0;
+var newskit_1 = require("newskit");
+exports.checkoutTheme = (0, newskit_1.createTheme)({
+    name: 'checkout-theme',
+    overrides: {
+        stylePresets: {
+            buttonGroupXs: {
+                base: {
+                    backgroundColor: '{{colors.interface020}}',
+                    borderColor: '{{colors.interface040}}',
+                    borderStyle: 'solid',
+                    borderWidth: '{{borders.borderWidth010}} {{borders.borderWidth000}} {{borders.borderWidth000}} {{borders.borderWidth000}}',
+                },
+            },
+            buttonGroupSm: {
+                base: {
+                    backgroundColor: '{{colors.transparent}}',
+                    borderColor: '{{colors.interface030}}',
+                    borderStyle: 'solid',
+                    borderWidth: '{{borders.borderWidth010}} {{borders.borderWidth000}} {{borders.borderWidth000}} {{borders.borderWidth000}}',
+                },
+            },
+        },
+    },
+});
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":";;;AAAA,mCAAqC;AAExB,QAAA,aAAa,GAAG,IAAA,qBAAW,EAAC;IACvC,IAAI,EAAE,gBAAgB;IACtB,SAAS,EAAE;QACT,YAAY,EAAE;YACZ,aAAa,EAAE;gBACb,IAAI,EAAE;oBACJ,eAAe,EAAE,yBAAyB;oBAC1C,WAAW,EAAE,yBAAyB;oBACtC,WAAW,EAAE,OAAO;oBACpB,WAAW,EACT,6GAA6G;iBAChH;aACF;YACD,aAAa,EAAE;gBACb,IAAI,EAAE;oBACJ,eAAe,EAAE,wBAAwB;oBACzC,WAAW,EAAE,yBAAyB;oBACtC,WAAW,EAAE,OAAO;oBACpB,WAAW,EACT,6GAA6G;iBAChH;aACF;SACF;KACF;CACF,CAAC,CAAA"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@newskit-render/checkout",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "description": "Newskit Render - Checkout package",
   "author": "",
   "license": "UNLICENSED",
   "keywords": [],
-  "main": "index.js",
+  "main": "dist/index.js",
   "scripts": {
     "build": "rm -rf dist && tsc -b tsconfig.build.json",
     "build:watch": "tsc -b tsconfig.build.json -w",
@@ -18,11 +18,14 @@
   },
   "peerDependencies": {
     "react": "17.0.2",
-    "react-dom": "^17.0.1"
+    "react-dom": "^17.0.2"
   },
   "devDependencies": {
     "@babel/polyfill": "^7.10.1",
     "@babel/register": "^7.10.1",
+    "@emotion/jest": "^11.6.0",
+    "@testing-library/jest-dom": "^5.15.1",
+    "@testing-library/react": "^12.1.2",
     "@types/jest": "^27.0.2",
     "@types/next-auth": "3.1.0",
     "@types/react": "^17.0.0",
@@ -34,17 +37,26 @@
     "eslint-plugin-react": "^7.22.0",
     "jest": "^27.2.4",
     "jest-junit": "^12.0.0",
+    "jest-watch-typeahead": "^1.0.0",
     "next": "^11.1.2",
     "preact": "^10.5.12",
     "prettier": "^2.2.1",
-    "react-dom": "^17.0.2",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "ts-jest": "^27.0.5",
     "typescript": "4.4.3"
   },
+  "resolutions": {
+    "newskit/react-hook-form": "7.8.4"
+  },
   "files": [
     "dist"
   ],
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "@newskit-render/shared-components": "^0.13.0",
+    "newskit": "^4.2.0"
   }
 }

package/index.js

@@ -1 +0,0 @@
-module.exports = require('./dist/index').default