@newskit-render/checkout 0.19.0 → 0.20.2

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

@@ -0,0 +1,70 @@
+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 { LayoutGrid, SEOComponent, NavigationPrimary, SubscriptionDetails, sharedTheme, NavigationFooter, } from '@newskit-render/shared-components';
+import { ThemeProvider, MediaQueryProvider, useBreakpointKey } 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, setTheme = _a.setTheme;
+    var navigationPrimary = useCheckoutContext().navigationPrimary;
+    return (React.createElement(NavigationPrimary, __assign({}, navigationPrimary, { customTheme: customTheme, setTheme: setTheme })));
+};
+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 }));
+};
+export var BaseLayoutTemplate = function (_a) {
+    var children = _a.children, customTheme = _a.customTheme, context = _a.context, setTheme = _a.setTheme, fullWidth = _a.fullWidth;
+    var router = useRouter();
+    var bp = useBreakpointKey();
+    return (React.createElement(CheckoutContextProvider, { context: context },
+        React.createElement(SEOComponent, { title: context.siteTitle || '', description: context.siteDescription || '', url: "" + context.url + router.pathname, siteHost: context.url || context.siteHost || '', fbType: context.fbType || '', fbImageUrl: context.fbImageUrl || '' }),
+        React.createElement(ThemeProvider, { theme: customTheme || sharedTheme },
+            React.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, setTheme: setTheme }),
+            bp !== 'lg' && bp !== 'xl' && React.createElement(SubscriptionDetailsWrapper, null),
+            React.createElement(LayoutGrid, { hasSidebar: false, fullWidth: fullWidth, 
+                // different margins can be passed based on the variant
+                margin: {
+                    xsMargin: 'space050',
+                    smMargin: 'space060',
+                    mdMargin: 'space000',
+                }, gutter: {
+                    xsColumnGutter: 'space020',
+                    smColumnGutter: 'space040',
+                } }, 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,68 @@
+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 { Grid, Cell, useBreakpointKey, InlineMessage, Block, TextBlock, Tabs, Tab, TabsDistribution, styled, getMediaQueryFromTheme, } from 'newskit';
+var ButtonGroupWrapp = 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'));
+export var PaymentDetailsRender = function () {
+    var _a, _b, _c, _d, _e;
+    var bp = useBreakpointKey();
+    var _f = useCheckoutContext(), header = _f.header, paymentDetailsPage = _f.paymentDetailsPage, buttonGroupProps = _f.buttonGroupProps;
+    return (React.createElement(Grid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", lgColumnGutter: "space050", lgMargin: "space050" },
+        React.createElement(Cell, { xs: 12, lg: 6 },
+            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(Block, { spaceStack: paymentDetailsPage.infoPanel.spaceStack },
+                React.createElement(InlineMessage, { icon: paymentDetailsPage.infoPanel.icon, title: paymentDetailsPage.infoPanel.title, children: paymentDetailsPage.infoPanel.children, overrides: paymentDetailsPage.infoPanel.overrides || {} }))),
+            React.createElement(Tabs, { distribution: TabsDistribution.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", null, "Page content here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "Payment method here"),
+                    React.createElement("h3", null, "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", null, "Page content here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"),
+                    React.createElement("h3", null, "Paypal here"))),
+            (paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.subscriptionMessage) && (React.createElement(Block, { spaceStack: paymentDetailsPage.subscriptionMessage.spaceStack },
+                React.createElement(TextBlock, { stylePreset: "inkBase", typographyPreset: "utilityBody020" }, paymentDetailsPage.subscriptionMessage.text))),
+            React.createElement(ButtonGroupWrapp, null,
+                React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { hasError: false }))),
+            bp !== 'lg' && bp !== 'xl' && (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 })))),
+        /* istanbul ignore next */ (bp === 'lg' || bp === 'xl') && (React.createElement(Cell, { xs: 12, lg: 6 },
+            React.createElement(CorePackageContent, __assign({}, paymentDetailsPage === null || paymentDetailsPage === void 0 ? void 0 : paymentDetailsPage.corePackageContent))))));
+};
+var templateObject_1;
+//# 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":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,GACZ,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,aAAa,EACb,KAAK,EACL,SAAS,EACT,IAAI,EACJ,GAAG,EACH,gBAAgB,EAChB,MAAM,EACN,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAEhB,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wIAAA,gCAE/B,EAA4B,mCAG/B,KAHG,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAa;;IAC5C,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACvB,IAAA,KAAmD,kBAAkB,EAAE,EAArE,MAAM,YAAA,EAAE,kBAAkB,wBAAA,EAAE,gBAAgB,sBAAyB,CAAA;IAC7E,OAAO,CACL,oBAAC,IAAI,IACH,QAAQ,EAAC,UAAU,EACnB,cAAc,EAAC,UAAU,EACzB,WAAW,EAAC,UAAU,EACtB,cAAc,EAAC,UAAU,EACzB,QAAQ,EAAC,UAAU;QAEnB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YACjB,oBAAC,MAAM,eAAK,MAAM,EAAI;YACrB,CAAA,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,SAAS,0CAAE,QAAQ,KAAI,CAC1C,oBAAC,KAAK,IAAC,UAAU,EAAE,kBAAkB,CAAC,SAAS,CAAC,UAAU;gBACxD,oBAAC,aAAa,IACZ,IAAI,EAAE,kBAAkB,CAAC,SAAS,CAAC,IAAI,EACvC,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,EACzC,QAAQ,EAAE,kBAAkB,CAAC,SAAS,CAAC,QAAQ,EAC/C,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,SAAS,IAAI,EAAE,GACvD,CACI,CACT;YACD,oBAAC,IAAI,IAAC,YAAY,EAAE,gBAAgB,CAAC,KAAK;gBACxC,oBAAC,GAAG,eACE,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,0CAAE,IAAI,IAC9C,KAAK,EAAE,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,0CAAE,IAAI,CAAC,KAAK,EACvD,GAAG,EAAE,OAAO;oBAEZ,oDAA0B;oBAC1B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B;oBAC5B,sDAA4B,CACxB;gBACN,oBAAC,GAAG,eACE,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,0CAAE,IAAI,IAC9C,KAAK,EAAE,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB,0CAAE,IAAI,CAAC,KAAK,EACvD,GAAG,EAAE,OAAO;oBAEZ,oDAA0B;oBAC1B,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB;oBACpB,8CAAoB,CAChB,CACD;YACN,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,mBAAmB,KAAI,CAC1C,oBAAC,KAAK,IAAC,UAAU,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,UAAU;gBAClE,oBAAC,SAAS,IAAC,WAAW,EAAC,SAAS,EAAC,gBAAgB,EAAC,gBAAgB,IAC/D,kBAAkB,CAAC,mBAAmB,CAAC,IAAI,CAClC,CACN,CACT;YACD,oBAAC,gBAAgB;gBACf,oBAAC,WAAW,eAAK,gBAAgB,IAAE,QAAQ,EAAE,KAAK,IAAI,CACrC;YAClB,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,CAC7B,oBAAC,kBAAkB,eACb,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,kBAAkB,IAC1C,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,uBAAuB,EACjD,SAAS,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,yBAAyB,IACxD,CACH,CACI;QAEL,0BAA0B,CAAC,CAAC,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAC,IAAI,CACzD,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;YACjB,oBAAC,kBAAkB,eAAK,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,kBAAkB,EAAI,CAC7D,CACR,CAEE,CACR,CAAA;AACH,CAAC,CAAA"}

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,66 @@
+export var accountCreationPageMock = {
+    modalOverrides: {
+        closePosition: 'none',
+        open: false,
+        overrides: {
+            content: {
+                spaceInset: 'spaceInset050',
+            },
+            panel: {
+                width: {
+                    xs: '288px',
+                    sm: '440px',
+                },
+                maxHeight: '95%',
+                height: {
+                    xs: '436px',
+                    sm: '360px',
+                },
+            },
+        },
+        introduction: {
+            title: 'test title',
+            titleOverrides: {
+                typographyPreset: {
+                    xs: 'utilityHeading040',
+                    md: 'utilityHeading050',
+                },
+                spaceStack: {
+                    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',
+                removeLastspaceStack: true,
+                spaceStack: {
+                    xs: 'space040',
+                    md: 'space050',
+                },
+            },
+        },
+    },
+    buttonGroupProps: {
+        primaryText: 'Continue',
+        primaryButton: {
+            spaceStack: 'size030',
+            overrides: {
+                stylePreset: 'buttonSolidPrimary',
+                width: '100%',
+            },
+        },
+        primaryCell: {
+            xs: 12,
+            sm: 3,
+            smOrder: 1,
+            xsOrder: 0,
+            xsOffset: 0,
+            smOffset: 9,
+        },
+    },
+    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,UAAU,EAAE,eAAe;aAC5B;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,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;YACD,WAAW,EAAE,qiBAOuF;YACpG,oBAAoB,EAAE;gBACpB,gBAAgB,EAAE,gBAAgB;gBAClC,oBAAoB,EAAE,IAAI;gBAC1B,UAAU,EAAE;oBACV,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;aACF;SACF;KACF;IACD,gBAAgB,EAAE;QAChB,WAAW,EAAE,UAAU;QACvB,aAAa,EAAE;YACb,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE;gBACT,WAAW,EAAE,oBAAoB;gBACjC,KAAK,EAAE,MAAM;aACd;SACF;QACD,WAAW,EAAE;YACX,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;SACZ;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,10 @@
+/// <reference types="react" />
+import { ContextOptions } from '../../context';
+import { UncompiledTheme } from 'newskit';
+export declare type LayoutTemplateProps = {
+    children: React.ReactNode;
+    customTheme?: UncompiledTheme;
+    setTheme?: (theme: UncompiledTheme) => void;
+    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 (_) 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,69 @@
+export declare const BASE_URL = "/checkout";
+export declare const USER_TITLES: string[];
+export declare const defaultAccountCreationPage: {
+    accountCreationPage: {
+        modalOverrides: {
+            closePosition: string;
+            open: boolean;
+            overrides: {
+                content: {
+                    spaceInset: string;
+                };
+                panel: {
+                    width: {
+                        xs: string;
+                        sm: string;
+                    };
+                    maxHeight: string;
+                    height: {
+                        xs: string;
+                        sm: string;
+                    };
+                };
+            };
+            introduction: {
+                title: string;
+                titleOverrides: {
+                    typographyPreset: {
+                        xs: string;
+                        md: string;
+                    };
+                    spaceStack: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+                description: string;
+                descriptionOverrides: {
+                    typographyPreset: string;
+                    removeLastspaceStack: boolean;
+                    spaceStack: {
+                        xs: string;
+                        md: string;
+                    };
+                };
+            };
+        };
+        buttonGroupProps: {
+            primaryText: string;
+            primaryButton: {
+                spaceStack: string;
+                overrides: {
+                    stylePreset: string;
+                    width: string;
+                };
+            };
+            primaryCell: {
+                xs: number;
+                sm: number;
+                smOrder: number;
+                xsOrder: number;
+                xsOffset: number;
+                smOffset: number;
+            };
+        };
+        userData: {
+            titleOptions: string[];
+        };
+    };
+};

package/dist/esm/constants/index.js

@@ -0,0 +1,70 @@
+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: {
+                    spaceInset: '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',
+                    },
+                    spaceStack: {
+                        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',
+                    removeLastspaceStack: true,
+                    spaceStack: {
+                        xs: 'space040',
+                        md: 'space050',
+                    },
+                },
+            },
+        },
+        buttonGroupProps: {
+            primaryText: 'Continue',
+            primaryButton: {
+                spaceStack: 'size030',
+                overrides: {
+                    stylePreset: 'buttonSolidPrimary',
+                    width: '100%',
+                },
+            },
+            primaryCell: {
+                xs: 12,
+                sm: 3,
+                smOrder: 1,
+                xsOrder: 0,
+                xsOffset: 0,
+                smOffset: 9,
+            },
+        },
+        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,UAAU,EAAE,eAAe;iBAC5B;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,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;gBACD,WAAW,EAAE,uhBAOmF;gBAChG,oBAAoB,EAAE;oBACpB,gBAAgB,EAAE,gBAAgB;oBAClC,oBAAoB,EAAE,IAAI;oBAC1B,UAAU,EAAE;wBACV,EAAE,EAAE,UAAU;wBACd,EAAE,EAAE,UAAU;qBACf;iBACF;aACF;SACF;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,UAAU;YACvB,aAAa,EAAE;gBACb,UAAU,EAAE,SAAS;gBACrB,SAAS,EAAE;oBACT,WAAW,EAAE,oBAAoB;oBACjC,KAAK,EAAE,MAAM;iBACd;aACF;YACD,WAAW,EAAE;gBACX,EAAE,EAAE,EAAE;gBACN,EAAE,EAAE,CAAC;gBACL,OAAO,EAAE,CAAC;gBACV,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,CAAC;aACZ;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;