@newskit-render/checkout 0.0.0-e16014a0

package/dist/esm/context/baseContext.js

@@ -0,0 +1,283 @@
+import { BASE_URL } from '../constants';
+import { toNewsKitIcon } from 'newskit';
+import { Help } from '@newskit-render/standalone-components';
+import React from 'react';
+import { Chat as FilledChat } from '@emotion-icons/material/Chat';
+var IconFilledChat = toNewsKitIcon(FilledChat);
+/* istanbul ignore next */
+export var baseContext = {
+    baseUrl: BASE_URL,
+    header: {
+        overlineOverrides: {
+            typographyPreset: {
+                xs: 'utitityLabel020',
+                sm: 'utitityLabel030',
+            },
+            stylePreset: 'inkBrand010',
+            marginBlockEnd: 'space040',
+        },
+        title: '',
+        titleOverrides: {
+            typographyPreset: { xs: 'utilityHeading040', sm: 'utilityHeading050' },
+            stylePreset: 'inkContrast',
+            marginBlockEnd: {
+                xs: 'space040',
+                sm: 'space050',
+            },
+            as: 'h1',
+        },
+        description: '',
+        descriptionOverrides: {
+            typographyPreset: { xs: 'utilityBody020', sm: 'utilityBody030' },
+            stylePreset: 'inkBase',
+            marginBlockEnd: {
+                xs: 'space050',
+                sm: 'space060',
+            },
+        },
+        marginBlockEnd: { xs: 'space050', sm: 'space060', md: 'space080' },
+        showDivider: false,
+    },
+    navigationPrimary: {
+        logoSrc: '/assets/primary-navigation-logo-white.svg',
+    },
+    paymentDetailsPage: {
+        subscriptionDetails: {
+            bannerOverrides: {
+                stylePreset: { xs: 'subscribtionDetails' },
+                paddingInline: { xs: 'spaceInset000' },
+                paddingBlock: { xs: 'spaceInset000' },
+                maxWidth: '100%',
+                minHeight: 'sizing000',
+                content: {
+                    title: {
+                        stylePreset: 'inkBase',
+                    },
+                    message: {
+                        typographyPreset: 'utilityMeta010',
+                        stylePreset: 'inkSubtle',
+                    },
+                },
+            },
+            containerOverrides: {
+                stylePreset: { xs: 'headerSubscriptionContainer' },
+                marginBlockEnd: { xs: 'space040' },
+            },
+            margin: {
+                xsMargin: 'space050',
+                smMargin: 'space060',
+                mdMargin: 'space000',
+            },
+            gutter: {
+                xsColumnGutter: 'space020',
+                smColumnGutter: 'space040',
+            },
+        },
+        corePackageContent: {
+            titleBar: {
+                text: '',
+                marginBlockEnd: 'space040',
+                linkOverriders: {
+                    iconSize: 'iconSize010',
+                },
+            },
+            benifitList: {
+                marginBlockEnd: 'space020',
+                markerAlign: 'start',
+                overrides: {
+                    marginBlockEnd: { xs: 'space040' },
+                    content: {
+                        stylePreset: 'inkBase',
+                        typographyPreset: 'utilityBody020',
+                    },
+                    marker: {
+                        size: 'iconSize005',
+                    },
+                },
+            },
+            divider: {
+                marginBlockEnd: 'space050',
+            },
+            promo: '',
+            promoOverrides: {
+                marginBlockEnd: 'space020',
+                typographyPreset: 'utilityBody010',
+                stylePreset: 'inkPositive',
+            },
+            paymentKey: '',
+            paymentValue: '',
+            paymentOverrides: {
+                marginBlockEnd: 'space040',
+                typographyPreset: {
+                    xs: 'utilityHeading020',
+                    lg: 'utilityHeading040',
+                },
+                stylePreset: 'iinkContrast',
+            },
+            description: '',
+            descriptionOverrides: {
+                marginBlockEnd: 'space060',
+                typographyPreset: 'utilityMeta010',
+                stylePreset: 'inkSubtle',
+            },
+            billingDetails: '',
+            billingDetailsOverrides: {
+                marginBlockEnd: 'space040',
+                typographyPreset: 'utilityMeta010',
+                stylePreset: 'inkSubtle',
+            },
+        },
+        subscriptionDrawer: {
+            open: false,
+            closePosition: 'left',
+            size: '80%',
+            overrides: {
+                header: {
+                    paddingInline: 'spaceInset000',
+                    paddingBlock: 'spaceInset000',
+                },
+                content: {
+                    paddingInline: 'spaceInsetStretch050',
+                    paddingBlock: 'spaceInsetStretch050',
+                },
+            },
+            titleBar: {
+                text: '',
+                marginBlockEnd: 'space040',
+                overrides: {
+                    heading: {
+                        typographyPreset: {
+                            xs: 'utilityHeading010',
+                            md: 'utilityHeading020',
+                        },
+                    },
+                    paddingInline: 'spaceInset000',
+                    paddingBlock: 'spaceInset000',
+                },
+                linkOverriders: {
+                    iconSize: 'iconSize010',
+                },
+            },
+            benifitList: {
+                marginBlockEnd: 'space020',
+                markerAlign: 'start',
+                overrides: {
+                    marginBlockEnd: { xs: 'space040' },
+                    content: {
+                        stylePreset: 'inkBase',
+                        typographyPreset: 'utilityBody020',
+                    },
+                    marker: {
+                        size: 'iconSize005',
+                    },
+                },
+            },
+            divider: {
+                marginBlockEnd: 'space050',
+            },
+            promo: '',
+            promoOverrides: {
+                marginBlockEnd: 'space020',
+                typographyPreset: 'utilityBody010',
+                stylePreset: 'inkPositive',
+            },
+            paymentKey: '',
+            paymentValue: '',
+            paymentOverrides: {
+                marginBlockEnd: 'space040',
+                typographyPreset: {
+                    xs: 'utilityHeading020',
+                    lg: 'utilityHeading040',
+                },
+                stylePreset: 'iinkContrast',
+            },
+            description: '',
+            descriptionOverrides: {
+                marginBlockEnd: 'space060',
+                typographyPreset: 'utilityMeta010',
+                stylePreset: 'inkSubtle',
+            },
+            billingDetails: '',
+            billingDetailsOverrides: {
+                marginBlockEnd: 'space040',
+                typographyPreset: 'utilityMeta010',
+                stylePreset: 'inkSubtle',
+            },
+        },
+    },
+    footer: {
+        helpChat: Help,
+        linksArray: [
+            { text: 'About us', href: '/about-us', id: 1 },
+            {
+                text: 'Privacy & cookie policy',
+                href: 'http://www.newsprivacy.co.uk/',
+                id: 3,
+            },
+            { text: 'Terms & conditions', href: '/terms-and-conditions', id: 4 },
+        ],
+        legalText: "\u00A9 NewsKit Limited ".concat(new Date().getFullYear(), ".\n      Registered in England No. 000000. Registered office: 1 London Bridge Street, SE1 9GF."),
+    },
+    footerOverrides: {
+        ariaLabel: 'Footer Menu',
+        footerStyleOverrides: {
+            stylePreset: 'footerContainerStylePreset',
+        },
+        footerAreaOverrides: {
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+        },
+        footerDividerOverrides: {
+            stylePreset: 'footerDividerStylePreset',
+        },
+        linksDividerOverrides: {
+            stylePreset: 'footerDividerStylePreset',
+            marginBlock: 'space040',
+        },
+        linkOverrides: {
+            typographyPreset: 'utilityButton020',
+        },
+        legalTextOverrides: {
+            stylePreset: 'footerLegalText',
+            typographyPreset: 'utilityMeta010',
+        },
+        chatHelpOverrides: {
+            icon: (React.createElement(IconFilledChat, { overrides: {
+                    size: 'iconSize030',
+                    stylePreset: 'chatIconStylePreset',
+                } })),
+            buttonOverrides: {
+                text: 'Chat now',
+                size: 'small',
+                stylePreset: 'buttonOutlinedSecondary',
+                minWidth: { xs: '100%', sm: 'sizing100' },
+                onClick: function () { return console.log('Chat with us'); },
+            },
+            helpSubheadline: {
+                text: 'Get a quick response from our team members',
+                overrides: {
+                    typographyPreset: 'utilityBody030',
+                    stylePreset: 'inkBase',
+                    paddingInline: 'space050',
+                },
+            },
+            helpHeadline: {
+                text: 'Need help?',
+                overrides: {
+                    typographyPreset: 'utilityHeading030',
+                },
+            },
+            gridLayoutOverrides: {
+                rowGap: 'space050',
+                justifyItems: 'center',
+                alignContent: 'start',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space050',
+                    width: '100%',
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=baseContext.js.map

package/dist/esm/context/baseContext.js.map

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

package/dist/esm/context/index.d.ts

@@ -0,0 +1,8 @@
+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 { baseContext };
+export type { ContextOptions };

package/dist/esm/context/index.js

@@ -0,0 +1,15 @@
+import React, { createContext, useContext } from 'react';
+import merge from 'lodash.merge';
+import { baseContext } from './baseContext';
+var CheckoutContext = createContext({});
+export var CheckoutContextProvider = function (_a) {
+    var context = _a.context, children = _a.children;
+    var c = merge({}, baseContext, context);
+    return (React.createElement(CheckoutContext.Provider, { value: c }, children));
+};
+export var CheckoutContextConsumer = CheckoutContext.Consumer;
+export var useCheckoutContext = function () {
+    return useContext(CheckoutContext);
+};
+export { baseContext };
+//# sourceMappingURL=index.js.map

package/dist/esm/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,IAAM,eAAe,GAAG,aAAa,CAAiB,EAAE,CAAC,CAAA;AAEzD,MAAM,CAAC,IAAM,uBAAuB,GAAmC,UAAC,EAGvE;QAFC,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA4B,CAC1E,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAA;AAE/D,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,OAAA,UAAU,CAAC,eAAe,CAAC;AAA3B,CAA2B,CAAA;AAE7B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/context/types.d.ts

@@ -0,0 +1,83 @@
+import React, { ReactNode } from 'react';
+import { HeaderProps, NavigationPrimaryProps, SubscriptionDetailsProps, CorePackageContentProps, SubscriptionDrawerProps, FooterContext, FooterContextOverrides, ButtonGroupProps } from '@newskit-render/shared-components';
+import { MQ, InlineMessageProps, TabProps } from 'newskit';
+interface InfoPanel extends InlineMessageProps {
+    marginBlockEnd?: MQ<string>;
+}
+interface SubscriptionMessage {
+    text: string | React.ReactElement;
+    marginBlockEnd?: MQ<string>;
+}
+interface PaymentDetailsPage {
+    infoPanel?: InfoPanel;
+    subscriptionDetails?: SubscriptionDetailsProps;
+    corePackageContent?: CorePackageContentProps;
+    subscriptionDrawer?: Partial<SubscriptionDrawerProps>;
+    subscriptionDrawerControl?: () => void;
+    subscriptionDrawerState?: boolean;
+    subscriptionMessage?: SubscriptionMessage;
+    subscriptionTabs?: {
+        tab1: Omit<TabProps, 'children'>;
+        tab2: Omit<TabProps, 'children'>;
+    };
+}
+export type ClosePosition = 'left' | 'right' | 'none';
+export interface AccountCreationPageProps {
+    validation?: Record<string, any>;
+    modalOverrides: {
+        closePosition: ClosePosition;
+        open: boolean;
+        onDismiss?: () => void;
+        overrides: {
+            content: {
+                paddingInline?: MQ<string>;
+                paddingBlock?: MQ<string>;
+            };
+            panel: {
+                width: MQ<string>;
+                maxHeight: MQ<string>;
+                height: MQ<string>;
+            };
+        };
+        introduction: {
+            title: string;
+            titleOverrides: {
+                typographyPreset: MQ<string>;
+                marginBlockEnd: MQ<string>;
+            };
+            description: string;
+            descriptionOverrides: {
+                typographyPreset: string;
+                removeLastMarginBlockEnd: boolean;
+                marginBlockEnd: MQ<string>;
+            };
+        };
+    };
+    userData: {
+        titleOptions: string[];
+    };
+    buttonGroupProps: Partial<ButtonGroupProps>;
+}
+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;
+    navigationPrimary?: Partial<NavigationPrimaryProps>;
+    header?: HeaderProps;
+    paymentDetailsPage?: PaymentDetailsPage;
+    buttonGroupProps?: Partial<ButtonGroupProps>;
+    footer?: FooterContext;
+    footerOverrides?: FooterContextOverrides;
+    accountCreationPage?: AccountCreationPageProps;
+}
+export interface ContextProviderProps {
+    children: ReactNode;
+    context: ContextOptions;
+}
+export {};

package/dist/esm/context/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/context/types.js.map

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

package/dist/esm/getProviderProps.d.ts

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

package/dist/esm/getProviderProps.js

@@ -0,0 +1,77 @@
+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 };
+    }
+};
+import { getHost } from '@newskit-render/shared-components';
+export 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: getHost(context.req) }),
+            }];
+    });
+}); };
+//# sourceMappingURL=getProviderProps.js.map

package/dist/esm/getProviderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getProviderProps.js","sourceRoot":"","sources":["../../src/getProviderProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAK3D,MAAM,CAAC,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,OAAO,CAAC,OAAO,CAAC,GAAqB,CAAC,GAC5C;aACF,EAAA;;KACF,CAAA"}

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

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

package/dist/esm/helpers/setupTests.js

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.js.map

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

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

package/dist/esm/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/esm/helpers/testHelpers.js

@@ -0,0 +1,48 @@
+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);
+};
+/* 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(),
+    }); }),
+});
+import React from 'react';
+import { render as renderTsl } from '@testing-library/react';
+import { ThemeProvider, newskitLightTheme } from 'newskit';
+import { CheckoutContextProvider } from '../context';
+export var renderWithThemeTsl = function (Component, props, theme, options) {
+    if (theme === void 0) { theme = newskitLightTheme; }
+    return renderTsl(React.createElement(Component, __assign({}, props)), __assign(__assign({}, options), { wrapper: function (_a) {
+            var children = _a.children;
+            return (React.createElement(ThemeProvider, { theme: theme }, children));
+        } }));
+};
+export var renderWithContextTsl = function (Component, props, context, options) {
+    if (context === void 0) { context = {}; }
+    return renderTsl(React.createElement(Component, __assign({}, props)), __assign(__assign({}, options), { wrapper: function (_a) {
+            var children = _a.children;
+            return (React.createElement(CheckoutContextProvider, { context: context },
+                React.createElement(ThemeProvider, { theme: newskitLightTheme }, children)));
+        } }));
+};
+//# sourceMappingURL=testHelpers.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,IAAI,SAAS,EAAiB,MAAM,wBAAwB,CAAA;AAC3E,OAAO,EAAmB,aAAa,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,EAAE,uBAAuB,EAAkB,MAAM,YAAY,CAAA;AAEpE,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAChC,SAAiC,EACjC,KAA0C,EAC1C,KAA0C,EAC1C,OAAwC;IADxC,sBAAA,EAAA,yBAA0C;IAG1C,OAAA,SAAS,CAAC,oBAAC,SAAS,eAAM,KAAW,EAAI,wBACpC,OAAO,KACV,OAAO,EAAE,UAAC,EAAY;gBAAV,QAAQ,cAAA;YAAO,OAAA,CACzB,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAiB,CACxD;QAF0B,CAE1B,IACD;AALF,CAKE,CAAA;AAEJ,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAClC,SAAiC,EACjC,KAA0C,EAC1C,OAA4B,EAC5B,OAAwC;IADxC,wBAAA,EAAA,YAA4B;IAG5B,OAAA,SAAS,CAAC,oBAAC,SAAS,eAAM,KAAW,EAAI,wBACpC,OAAO,KACV,OAAO,EAAE,UAAC,EAAY;gBAAV,QAAQ,cAAA;YAAO,OAAA,CACzB,oBAAC,uBAAuB,IAAC,OAAO,EAAE,OAAO;gBACvC,oBAAC,aAAa,IAAC,KAAK,EAAE,iBAAiB,IAAG,QAAQ,CAAiB,CAC3C,CAC3B;QAJ0B,CAI1B,IACD;AAPF,CAOE,CAAA"}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from './pages/AccountCreation';
+export * from './pages/PaymentDetails';
+export * from './getProviderProps';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AAEtC,cAAc,oBAAoB,CAAA"}

package/dist/esm/package.json

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

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

@@ -0,0 +1,30 @@
+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 { LayoutTemplate } from '../Components/Templates';
+import { AccountCreationRender } from '../Components/Templates/AccountCreationRender';
+var title = 'Create an account';
+export var 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.',
+    },
+};
+export 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 || acountCreationContext)), { url: url, data: data });
+    return (React.createElement(LayoutTemplate, { context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+        React.createElement(AccountCreationRender, { validation: validation })));
+};
+//# sourceMappingURL=AccountCreation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountCreation.js","sourceRoot":"","sources":["../../../src/pages/AccountCreation.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAA;AAErF,IAAM,KAAK,GAAG,mBAAmB,CAAA;AAEjC,MAAM,CAAC,IAAM,qBAAqB,GAAmB;IACnD,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE;QACN,QAAQ,EAAE,aAAa;QACvB,KAAK,OAAA;QACL,WAAW,EACT,oFAAoF;KACvF;CACF,CAAA;AAED,MAAM,CAAC,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,qBAAqB,CAAC,KACrC,GAAG,KAAA,EACH,IAAI,MAAA,GACL,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,IACb,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,oBAAC,qBAAqB,IAAC,UAAU,EAAE,UAAU,GAAI,CAClC,CAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/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>;