@newskit-render/checkout 0.0.0-e16014a0

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

@@ -0,0 +1,38 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import { FormInput, FormInputAssistiveText, FormInputTextField, Stack, Label, styled, Block, getMediaQueryFromTheme, } from 'newskit';
+var DOBWrapper = styled(Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    max-width: 82%;\n  }\n"], ["\n  ", " {\n    max-width: 82%;\n  }\n"])), getMediaQueryFromTheme('sm'));
+var DateOfBirth = function () {
+    return (React.createElement(Block, { marginBlockEnd: 'space050' },
+        React.createElement(Label, { size: 'large', overrides: {
+                typographyPreset: {
+                    xs: 'utilityLabel020',
+                },
+            } }, "Date of birth"),
+        React.createElement(Block, { marginBlockEnd: 'space010' }),
+        React.createElement(DOBWrapper, { spaceInline: { sm: 'space040', xs: 'space020' }, wrap: "nowrap", flow: "horizontal-top", height: 'auto', stackDistribution: 'flex-start' },
+            React.createElement(Block, null,
+                React.createElement(FormInput, { name: "dd", "data-testid": "testid", rules: {
+                        required: 'Day is required',
+                    } },
+                    React.createElement(FormInputTextField, { "data-testid": "dd", name: "dd" }),
+                    React.createElement(FormInputAssistiveText, { overrides: { typographyPreset: 'utilityLabel020' } }, "DD"))),
+            React.createElement(Block, null,
+                React.createElement(FormInput, { name: "mm", rules: {
+                        required: 'Month is required',
+                    } },
+                    React.createElement(FormInputTextField, { "data-testid": "mm", name: "mm" }),
+                    React.createElement(FormInputAssistiveText, { overrides: { typographyPreset: 'utilityLabel020' } }, "MM"))),
+            React.createElement(Block, null,
+                React.createElement(FormInput, { name: "yyyy", rules: {
+                        required: 'Year is required',
+                    } },
+                    React.createElement(FormInputTextField, { "data-testid": "yyyy", name: "yyyy" }),
+                    React.createElement(FormInputAssistiveText, { overrides: { typographyPreset: 'utilityLabel020' } }, "YYYY"))))));
+};
+export default DateOfBirth;
+var templateObject_1;
+//# sourceMappingURL=DateOfBirth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateOfBirth.js","sourceRoot":"","sources":["../../../../../src/Components/Templates/AccountCreationTemplates/DateOfBirth.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,SAAS,EACT,sBAAsB,EACtB,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,sBAAsB,GAEvB,MAAM,SAAS,CAAA;AAChB,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,2GAAA,MAC5B,EAA4B,gCAG/B,KAHG,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AAED,IAAM,WAAW,GAAG;IAClB,OAAO,CACL,oBAAC,KAAK,IAAC,cAAc,EAAE,UAAU;QAC/B,oBAAC,KAAK,IACJ,IAAI,EAAE,OAAwB,EAC9B,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,iBAAiB;iBACtB;aACF,oBAGK;QACR,oBAAC,KAAK,IAAC,cAAc,EAAE,UAAU,GAAI;QACrC,oBAAC,UAAU,IACT,WAAW,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAC/C,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,gBAAgB,EACrB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,YAAY;YAE/B,oBAAC,KAAK;gBACJ,oBAAC,SAAS,IACR,IAAI,EAAC,IAAI,iBACG,QAAQ,EACpB,KAAK,EAAE;wBACL,QAAQ,EAAE,iBAAiB;qBAC5B;oBAED,oBAAC,kBAAkB,mBAAa,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG;oBACjD,oBAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAG3B,CACf,CACN;YACR,oBAAC,KAAK;gBACJ,oBAAC,SAAS,IACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAE;wBACL,QAAQ,EAAE,mBAAmB;qBAC9B;oBAED,oBAAC,kBAAkB,mBAAa,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG;oBACjD,oBAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAG3B,CACf,CACN;YACR,oBAAC,KAAK;gBACJ,oBAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;wBACL,QAAQ,EAAE,kBAAkB;qBAC7B;oBAED,oBAAC,kBAAkB,mBAAa,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG;oBACrD,oBAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAG3B,CACf,CACN,CACG,CACP,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const RenderAgreementCheckboxes: ({ tcAccepted, handleModal, handleTCAccept, opAccepted, handleOPAccept, }: {
+    tcAccepted?: boolean | undefined;
+    handleModal: (x: boolean) => void;
+    handleTCAccept: (x: boolean) => void;
+    opAccepted: boolean;
+    handleOPAccept: (x: boolean) => void;
+}) => JSX.Element;
+export default RenderAgreementCheckboxes;

package/dist/esm/Components/Templates/AccountCreationTemplates/RenderAgreementCheckboxes.js

@@ -0,0 +1,24 @@
+import { NextLink } from '@newskit-render/shared-components';
+import { Block, Stack, TextBlock, FormInput, FormInputCheckbox, FormInputAssistiveText, } from 'newskit';
+import React from 'react';
+var RenderAgreementCheckboxes = function (_a) {
+    var tcAccepted = _a.tcAccepted, handleModal = _a.handleModal, handleTCAccept = _a.handleTCAccept, opAccepted = _a.opAccepted, handleOPAccept = _a.handleOPAccept;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Block, { marginBlockEnd: 'space050' },
+            React.createElement(FormInput, { name: "tc", rules: {
+                    required: 'Required field',
+                } },
+                React.createElement(Stack, { flow: 'horizontal-center', spaceInline: 'space010' },
+                    React.createElement(FormInputCheckbox, { name: "tc", "data-testid": "tcAccept", "aria-checked": tcAccepted, size: "small", label: "Agree to the ", onChange: function (e) {
+                            handleTCAccept(e.target.checked);
+                        }, defaultChecked: false, checked: tcAccepted, value: tcAccepted ? 'true' : 'false' }),
+                    React.createElement(NextLink, { "data-testid": "tc-link", onClick: function (e) {
+                            e.preventDefault();
+                            handleModal(true);
+                        }, href: "#", type: "standalone" }, "Terms & conditions")),
+                React.createElement(FormInputAssistiveText, { validationIcon: true }, undefined))),
+        React.createElement(Block, { marginBlockEnd: 'space110' },
+            React.createElement(FormInputCheckbox, { "aria-checked": opAccepted, "data-testid": "opAccept", name: "opAccepted", size: "small", checked: opAccepted, onChange: function () { return handleOPAccept(!opAccepted); }, label: React.createElement(TextBlock, { typographyPreset: 'utilityBody020' }, "I want to receive offers and promotions") }))));
+};
+export default RenderAgreementCheckboxes;
+//# sourceMappingURL=RenderAgreementCheckboxes.js.map

package/dist/esm/Components/Templates/AccountCreationTemplates/RenderAgreementCheckboxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderAgreementCheckboxes.js","sourceRoot":"","sources":["../../../../../src/Components/Templates/AccountCreationTemplates/RenderAgreementCheckboxes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAC5D,OAAO,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,yBAAyB,GAAG,UAAC,EAYlC;QAXC,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,cAAc,oBAAA;IAQd,OAAO,CACL;QACE,oBAAC,KAAK,IAAC,cAAc,EAAE,UAAU;YAC/B,oBAAC,SAAS,IACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAE;oBACL,QAAQ,EAAE,gBAAgB;iBAC3B;gBAED,oBAAC,KAAK,IAAC,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU;oBACvD,oBAAC,iBAAiB,IAChB,IAAI,EAAC,IAAI,iBACG,UAAU,kBACR,UAAU,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,UAAC,CAAC;4BACV,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;wBAClC,CAAC,EACD,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GACpC;oBACF,oBAAC,QAAQ,mBACK,SAAS,EACrB,OAAO,EAAE,UAAC,CAAC;4BACT,CAAC,CAAC,cAAc,EAAE,CAAA;4BAClB,WAAW,CAAC,IAAI,CAAC,CAAA;wBACnB,CAAC,EACD,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,YAAY,yBAGR,CACL;gBACR,oBAAC,sBAAsB,IAAC,cAAc,UACnC,SAAS,CACa,CACf,CACN;QAER,oBAAC,KAAK,IAAC,cAAc,EAAE,UAAU;YAC/B,oBAAC,iBAAiB,oBACF,UAAU,iBACZ,UAAU,EACtB,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,cAAM,OAAA,cAAc,CAAC,CAAC,UAAU,CAAC,EAA3B,CAA2B,EAC3C,KAAK,EACH,oBAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,8CAEjC,GAEd,CACI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type UserTitle = {
+    name: string;
+    options: string[];
+    placeholder?: string;
+    label?: string;
+};
+declare const Title: ({ name, options, placeholder, label, }: UserTitle) => JSX.Element;
+export default Title;

package/dist/esm/Components/Templates/AccountCreationTemplates/Title.js

@@ -0,0 +1,26 @@
+import { Block, TextBlock, Label, FormInput, FormInputSelect, SelectOption, } from 'newskit';
+import React from 'react';
+var Title = function (_a) {
+    var name = _a.name, options = _a.options, placeholder = _a.placeholder, label = _a.label;
+    return (React.createElement(Block, { marginBlockEnd: 'space050' },
+        React.createElement(FormInput, { name: "title" },
+            React.createElement(Label, { overrides: {
+                    typographyPreset: {
+                        xs: 'utilityLabel020',
+                    },
+                } }, label),
+            React.createElement(FormInputSelect, { "data-testid": "selectTitle", overrides: {
+                    button: {
+                        width: {
+                            xs: '132px',
+                            sm: '128px',
+                            md: '136px',
+                        },
+                    },
+                }, placeholder: placeholder, name: name }, options.map(function (option) {
+                return (React.createElement(SelectOption, { value: option, key: option, "data-testid": option },
+                    React.createElement(TextBlock, null, option)));
+            })))));
+};
+export default Title;
+//# sourceMappingURL=Title.js.map

package/dist/esm/Components/Templates/AccountCreationTemplates/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../../src/Components/Templates/AccountCreationTemplates/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,eAAe,EACf,YAAY,GACb,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,IAAM,KAAK,GAAG,UAAC,EAKH;QAJV,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA;IAEL,OAAO,CACL,oBAAC,KAAK,IAAC,cAAc,EAAE,UAAU;QAC/B,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO;YACrB,oBAAC,KAAK,IACJ,SAAS,EAAE;oBACT,gBAAgB,EAAE;wBAChB,EAAE,EAAE,iBAAiB;qBACtB;iBACF,IAEA,KAAK,CACA;YACR,oBAAC,eAAe,mBACF,aAAa,EACzB,SAAS,EAAE;oBACT,MAAM,EAAE;wBACN,KAAK,EAAE;4BACL,EAAE,EAAE,OAAO;4BACX,EAAE,EAAE,OAAO;4BACX,EAAE,EAAE,OAAO;yBACZ;qBACF;iBACF,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,IAET,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;gBAClB,OAAO,CACL,oBAAC,YAAY,IAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,iBAAe,MAAM;oBAC3D,oBAAC,SAAS,QAAE,MAAM,CAAa,CAClB,CAChB,CAAA;YACH,CAAC,CAAC,CACc,CACR,CACN,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const LayoutTemplate: ({ ...props }: {
+    [x: string]: any;
+}) => JSX.Element;

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

@@ -0,0 +1,63 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { MainContent, SEOComponent, NavigationPrimary, SubscriptionDetails, sharedTheme, NavigationFooter, } from '@newskit-render/shared-components';
+import { ThemeProvider, MediaQueryProvider, Visible } from 'newskit';
+import { CheckoutContextProvider, useCheckoutContext } from '../../context';
+import { useRouter } from 'next/router';
+var withMediaQueryProvider = function (Component) {
+    return function (_a) {
+        var props = __rest(_a, []);
+        return (React.createElement(MediaQueryProvider, null,
+            React.createElement(Component, __assign({}, props, { children: props.children, context: props.context }))));
+    };
+};
+var NavigationPrimaryWrapper = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
+    var navigationPrimary = useCheckoutContext().navigationPrimary;
+    return (React.createElement(NavigationPrimary, __assign({}, navigationPrimary, { customTheme: customTheme, themeDropdownObject: themeDropdownObject })));
+};
+var SubscriptionDetailsWrapper = function () {
+    var _a, _b, _c, _d;
+    var paymentDetailsPage = useCheckoutContext().paymentDetailsPage;
+    /* istanbul ignore next */
+    return ((_a = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDetails) === null || _a === void 0 ? void 0 : _a.banner) ? (React.createElement(SubscriptionDetails, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDetails, { banner: __assign(__assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDetails.banner), { buttonText: ((_b = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDetails.banner) === null || _b === void 0 ? void 0 : _b.buttonText) || '', message: ((_c = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDetails.banner) === null || _c === void 0 ? void 0 : _c.message) || '', title: ((_d = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDetails.banner) === null || _d === void 0 ? void 0 : _d.title) || '', onClick: paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawerControl }) }))) : null;
+};
+var FooterWrapper = function () {
+    var _a = useCheckoutContext(), footer = _a.footer, footerOverrides = _a.footerOverrides;
+    return (React.createElement(NavigationFooter, { footer: footer, footerOverrides: footerOverrides }));
+};
+var BaseLayoutTemplate = function (_a) {
+    var children = _a.children, customTheme = _a.customTheme, context = _a.context, themeDropdownObject = _a.themeDropdownObject, fullWidth = _a.fullWidth;
+    var router = useRouter();
+    return (React.createElement(CheckoutContextProvider, { context: context },
+        React.createElement(SEOComponent, { title: context.siteTitle || '', description: context.siteDescription || '', url: "".concat(context.url).concat(router.pathname), siteHost: context.url || context.siteHost || '', fbType: context.fbType || '', fbImageUrl: context.fbImageUrl || '' }),
+        React.createElement(ThemeProvider, { theme: customTheme || sharedTheme },
+            React.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject }),
+            React.createElement(Visible, { xs: true, sm: true, md: true },
+                React.createElement(SubscriptionDetailsWrapper, null)),
+            React.createElement(MainContent, { fullWidth: fullWidth }, children),
+            React.createElement(FooterWrapper, null))));
+};
+export var LayoutTemplate = withMediaQueryProvider(BaseLayoutTemplate);
+//# sourceMappingURL=LayoutTemplate.js.map

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

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

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

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

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

@@ -0,0 +1,55 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 { useCheckoutContext } from '../../context';
+import { Header, CorePackageContent, SubscriptionDrawer, ButtonGroup, } from '@newskit-render/shared-components';
+import { InlineMessage, Block, TextBlock, Tabs, Tab, styled, getMediaQueryFromTheme, Visible, GridLayoutItem, GridLayout, } from 'newskit';
+var ButtonGroupWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-bottom: 200px;\n  ", " {\n    padding-bottom: 0;\n  }\n"], ["\n  padding-bottom: 200px;\n  ", " {\n    padding-bottom: 0;\n  }\n"])), getMediaQueryFromTheme('sm'));
+var StyledVisible = styled(Visible)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
+export var PaymentDetailsRender = function () {
+    var _a, _b, _c, _d, _e;
+    var _f = useCheckoutContext(), header = _f.header, paymentDetailsPage = _f.paymentDetailsPage, buttonGroupProps = _f.buttonGroupProps;
+    return (React.createElement(GridLayout, { columns: {
+            lg: '1fr 1fr',
+        }, columnGap: {
+            lg: 'space050',
+        }, overrides: {
+            paddingInline: {
+                lg: 'space050',
+            },
+        } },
+        React.createElement(GridLayoutItem, null,
+            React.createElement(Header, __assign({}, header)),
+            ((_a = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.infoPanel) === null || _a === void 0 ? void 0 : _a.children) && (React.createElement(InlineMessage, { icon: paymentDetailsPage.infoPanel.icon, title: paymentDetailsPage.infoPanel.title, children: paymentDetailsPage.infoPanel.children, overrides: paymentDetailsPage.infoPanel.overrides || {} })),
+            React.createElement(Tabs, { distribution: "equal" },
+                React.createElement(Tab, __assign({}, (_b = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _b === void 0 ? void 0 : _b.tab1, { label: (_c = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _c === void 0 ? void 0 : _c.tab1.label, key: 'tab-1' }),
+                    React.createElement("h2", { key: 'tab-1-h2' }, "Page content here"),
+                    React.createElement("h3", { key: 'tab-1-h3' }, "Payment method here")),
+                React.createElement(Tab, __assign({}, (_d = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _d === void 0 ? void 0 : _d.tab2, { label: (_e = paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionTabs) === null || _e === void 0 ? void 0 : _e.tab2.label, key: 'tab-2' }),
+                    React.createElement("h2", { key: 'tab-2-h2' }, "Page content here"),
+                    React.createElement("h3", { key: 'tab-2-h3' }, "Paypal here"))),
+            (paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionMessage) && (React.createElement(Block, { marginBlockEnd: paymentDetailsPage.subscriptionMessage.marginBlockEnd },
+                React.createElement(TextBlock, { stylePreset: "inkBase", typographyPreset: "utilityBody020" }, paymentDetailsPage.subscriptionMessage.text))),
+            React.createElement(ButtonGroupWrapper, null,
+                React.createElement(ButtonGroup, __assign({ loading: false }, buttonGroupProps))),
+            React.createElement(StyledVisible, { xs: true, sm: true, md: true },
+                React.createElement(SubscriptionDrawer, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawer, { open: paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawerState, onDismiss: paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionDrawerControl })))),
+        React.createElement(GridLayoutItem, null,
+            React.createElement(StyledVisible, { lg: true, xl: true },
+                React.createElement(CorePackageContent, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.corePackageContent))))));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=PaymentDetailsRender.js.map

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

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

package/dist/esm/Components/Templates/__tests__/mocks/index.d.ts

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

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

@@ -0,0 +1,58 @@
+export var accountCreationPageMock = {
+    modalOverrides: {
+        closePosition: 'none',
+        open: false,
+        overrides: {
+            content: {
+                paddingInline: 'spaceInset050',
+                paddingBlock: 'spaceInset050',
+            },
+            panel: {
+                width: {
+                    xs: '288px',
+                    sm: '440px',
+                },
+                maxHeight: '95%',
+                height: {
+                    xs: '436px',
+                    sm: '360px',
+                },
+            },
+        },
+        introduction: {
+            title: 'test title',
+            titleOverrides: {
+                typographyPreset: {
+                    xs: 'utilityHeading040',
+                    md: 'utilityHeading050',
+                },
+                marginBlockEnd: {
+                    xs: 'space040',
+                    md: 'space050',
+                },
+            },
+            description: "Welcome to our subscriber terms. \n          Please read these terms carefully as they will set \n          out the terms for your subscription with us. \n          Where there are differences between our subscriptions for \n          The Times or The Sunday Times in the UK and Ireland \n          (for example, the price of your subscription or what it includes), \n          we have set out these details below. Unless otherwise stated, \n          any reference to a subscriber or a subscription shall include reference to all our subscribers.",
+            descriptionOverrides: {
+                typographyPreset: 'utilityBody020',
+                removeLastMarginBlockEnd: true,
+                marginBlockEnd: {
+                    xs: 'space040',
+                    md: 'space050',
+                },
+            },
+        },
+    },
+    buttonGroupProps: {
+        primaryButton: {
+            text: 'Continue',
+            overrides: {
+                stylePreset: 'buttonSolidPrimary',
+                width: '100%',
+            },
+        },
+    },
+    userData: {
+        titleOptions: ['Mr.', 'Mrs.', 'Ms.', 'Miss', 'Other'],
+    },
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Templates/__tests__/mocks/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,uBAAuB,GAA6B;IAC/D,cAAc,EAAE;QACd,aAAa,EAAE,MAAM;QACrB,IAAI,EAAE,KAAK;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,aAAa,EAAE,eAAe;gBAC9B,YAAY,EAAE,eAAe;aAC9B;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;gBACD,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE;oBACN,EAAE,EAAE,OAAO;oBACX,EAAE,EAAE,OAAO;iBACZ;aACF;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,cAAc,EAAE;gBACd,gBAAgB,EAAE;oBAChB,EAAE,EAAE,mBAAmB;oBACvB,EAAE,EAAE,mBAAmB;iBACxB;gBACD,cAAc,EAAE;oBACd,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;YACD,WAAW,EAAE,qiBAOuF;YACpG,oBAAoB,EAAE;gBACpB,gBAAgB,EAAE,gBAAgB;gBAClC,wBAAwB,EAAE,IAAI;gBAC9B,cAAc,EAAE;oBACd,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;SACF;KACF;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE;YACb,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE;gBACT,WAAW,EAAE,oBAAoB;gBACjC,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;KACtD;CACF,CAAA"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './LayoutTemplate';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ContextOptions } from '../../context';
+import { UncompiledTheme } from 'newskit';
+import { ThemeDropdownObject } from '@newskit-render/shared-components';
+export type LayoutTemplateProps = {
+    children: React.ReactNode;
+    customTheme?: UncompiledTheme;
+    themeDropdownObject?: ThemeDropdownObject;
+    context: ContextOptions;
+    fullWidth?: boolean;
+};

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

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

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

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

package/dist/esm/__tests__/index.tests.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,54 @@
+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 { getProviderProps } from '../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*/, getProviderProps({})];
+                case 1:
+                    result = _a.sent();
+                    expect(result).toEqual({ props: { field: 'field' } });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=index.tests.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.tests.js","sourceRoot":"","sources":["../../../src/__tests__/index.tests.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGtD,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,4BAA4B,EAAE;;;;;oBAC/B,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;oBACL,qBAAM,gBAAgB,CAAC,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/esm/constants/index.d.ts

@@ -0,0 +1,66 @@
+export declare const BASE_URL = "/checkout";
+export declare const USER_TITLES: string[];
+export declare const defaultAccountCreationPage: {
+    accountCreationPage: {
+        modalOverrides: {
+            closePosition: string;
+            open: boolean;
+            overrides: {
+                content: {
+                    paddingInline: string;
+                    paddingBlock: string;
+                };
+                panel: {
+                    width: {
+                        xs: string;
+                        sm: string;
+                    };
+                    maxHeight: string;
+                    height: {
+                        xs: string;
+                        sm: string;
+                    };
+                };
+            };
+            introduction: {
+                title: string;
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                    marginBlockEnd: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+                description: string;
+                descriptionOverrides: {
+                    typographyPreset: string;
+                    removeLastMarginBlockEnd: boolean;
+                    marginBlockEnd: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+            };
+        };
+        buttonGroupProps: {
+            primaryButton: {
+                text: string;
+                size: string;
+                overrides: {
+                    stylePreset: string;
+                    minWidth: {
+                        xs: string;
+                        sm: string;
+                    };
+                    typographyPreset: string;
+                };
+            };
+        };
+        userData: {
+            titleOptions: string[];
+        };
+    };
+};

package/dist/esm/constants/index.js

@@ -0,0 +1,64 @@
+export var BASE_URL = '/checkout';
+export var USER_TITLES = ['Mr.', 'Mrs.', 'Ms.', 'Miss', 'Other'];
+export var defaultAccountCreationPage = {
+    accountCreationPage: {
+        modalOverrides: {
+            closePosition: 'right',
+            open: false,
+            overrides: {
+                content: {
+                    paddingInline: 'spaceInset050',
+                    paddingBlock: 'spaceInset050',
+                },
+                panel: {
+                    width: {
+                        xs: '288px',
+                        sm: '440px',
+                    },
+                    maxHeight: '95%',
+                    height: {
+                        xs: '436px',
+                        sm: '360px',
+                    },
+                },
+            },
+            introduction: {
+                title: 'Terms and conditions',
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: 'utilityHeading040',
+                        md: 'utilityHeading050',
+                    },
+                    marginBlockEnd: {
+                        xs: 'space040',
+                        md: 'space050',
+                    },
+                },
+                description: "Welcome to our subscriber terms. \n        Please read these terms carefully as they will set \n        out the terms for your subscription with us. \n        Where there are differences between our subscriptions for \n        The Times or The Sunday Times in the UK and Ireland \n        (for example, the price of your subscription or what it includes), \n        we have set out these details below. Unless otherwise stated, \n        any reference to a subscriber or a subscription shall include reference to all our subscribers.",
+                descriptionOverrides: {
+                    typographyPreset: 'utilityBody020',
+                    removeLastMarginBlockEnd: true,
+                    marginBlockEnd: {
+                        xs: 'space040',
+                        md: 'space050',
+                    },
+                },
+            },
+        },
+        buttonGroupProps: {
+            primaryButton: {
+                text: 'Continue',
+                size: 'medium',
+                overrides: {
+                    stylePreset: 'buttonSolidPrimary',
+                    minWidth: { xs: '100%', sm: 'sizing110' },
+                    typographyPreset: 'utilityButton020',
+                },
+            },
+        },
+        userData: {
+            titleOptions: USER_TITLES,
+        },
+    },
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,QAAQ,GAAG,WAAW,CAAA;AACnC,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AAClE,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,mBAAmB,EAAE;QACnB,cAAc,EAAE;YACd,aAAa,EAAE,OAAO;YACtB,IAAI,EAAE,KAAK;YACX,SAAS,EAAE;gBACT,OAAO,EAAE;oBACP,aAAa,EAAE,eAAe;oBAC9B,YAAY,EAAE,eAAe;iBAC9B;gBACD,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;oBACD,SAAS,EAAE,KAAK;oBAChB,MAAM,EAAE;wBACN,EAAE,EAAE,OAAO;wBACX,EAAE,EAAE,OAAO;qBACZ;iBACF;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,sBAAsB;gBAC7B,cAAc,EAAE;oBACd,gBAAgB,EAAE;wBAChB,EAAE,EAAE,mBAAmB;wBACvB,EAAE,EAAE,mBAAmB;qBACxB;oBACD,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;gBACD,WAAW,EAAE,uhBAOmF;gBAChG,oBAAoB,EAAE;oBACpB,gBAAgB,EAAE,gBAAgB;oBAClC,wBAAwB,EAAE,IAAI;oBAC9B,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;aACF;SACF;QACD,gBAAgB,EAAE;YAChB,aAAa,EAAE;gBACb,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,QAAQ;gBACd,SAAS,EAAE;oBACT,WAAW,EAAE,oBAAoB;oBACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;oBACzC,gBAAgB,EAAE,kBAAkB;iBACrC;aACF;SACF;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,WAAW;SAC1B;KACF;CACF,CAAA"}

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

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