@newskit-render/checkout 0.0.0-cc29eac2

package/dist/esm/pages/PaymentDetails.js

@@ -0,0 +1,160 @@
+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, { useState } from 'react';
+import { LayoutTemplate } from '../Components/Templates';
+import { PaymentDetailsRender } from '../Components/Templates/PaymentDetailsRender';
+// import { IconFilledInfo, IconFilledCreditCard } from 'newskit'
+import { toNewsKitIcon } from 'newskit';
+import { NextLink } from '@newskit-render/shared-components';
+import { IconPayPal } from '../Components/Icons/Paypal';
+import { CreditCard as FilledCreditCard } from '@emotion-icons/material/CreditCard';
+var IconFilledCreditCard = toNewsKitIcon(FilledCreditCard);
+var title = 'Payment details';
+export var paymentDetailsContext = {
+    siteTitle: title,
+    header: {
+        overline: 'Step 2 of 2',
+        title: title,
+        marginBlockEnd: { xs: 'space050', sm: 'space060' },
+    },
+    paymentDetailsPage: {
+        // infoPanel: {
+        //   icon: <IconFilledInfo overrides={{ size: 'iconSize020' }} />,
+        //   title: 'Why do we need your payment details?',
+        //   children:
+        //     'This is so your payment can be processed at the end of your trial if you choose to subscribe. You can cancel up to 48 hours before your free trial ends.',
+        //   overrides: {
+        //     marginBlockEnd: 'space070',
+        //   },
+        // },
+        subscriptionDetails: {
+            banner: {
+                buttonText: 'View more',
+                message: "You'll pay £0 today and £0.50 per day after your 2 month trial",
+                title: '<Subscription name>',
+            },
+        },
+        corePackageContent: {
+            titleBar: {
+                text: 'Basic Digital',
+                link: {
+                    text: 'Change',
+                    href: '#',
+                    'aria-label': 'Change subscription',
+                },
+            },
+            image: {
+                src: '/assets/display-base-header.svg',
+                alt: '',
+                marginBlockEnd: 'space050',
+            },
+            benifitItems: [
+                'Instant unlimited access on your smartphone',
+                'A depth of content from Politics & Business to Sports & Life',
+            ],
+            promo: '1 month free',
+            paymentKey: 'Pay Today',
+            paymentValue: '£0.00',
+            description: '£0.50 per day thereafter',
+            billingDetails: 'Billed monthly after trial - 31/11/2021. Cancel anytime.',
+            backgroundColor: 'interface020',
+            padding: 'sizing050',
+        },
+        subscriptionDrawer: {
+            open: false,
+            titleBar: {
+                text: 'Basic Digital',
+                link: {
+                    text: 'Change',
+                    href: '#',
+                    'aria-label': 'Change subscription',
+                },
+            },
+            image: {
+                src: '/assets/display-base-header.svg',
+                alt: '',
+                marginBlockEnd: 'space050',
+            },
+            benifitItems: [
+                'Instant unlimited access on your smartphone',
+                'A depth of content from Politics & Business to Sports & Life',
+            ],
+            promo: '1 month free',
+            paymentKey: 'Pay Today',
+            paymentValue: '£0.00',
+            description: '£0.50 per day thereafter',
+            billingDetails: 'Billed monthly after trial - 31/11/2021. Cancel anytime.',
+        },
+        subscriptionMessage: {
+            text: (React.createElement(React.Fragment, null,
+                "By subscribing you confirm you have read and agreed to the",
+                React.createElement(NextLink, { href: "#", type: "standalone", key: 'link-1' }, "Subscription & Cancellation Terms"),
+                ' ',
+                "and you acknowledge that your information will be used in accordance to our",
+                ' ',
+                React.createElement(NextLink, { href: "#", type: "standalone", key: 'link-2' }, "Privacy and Cookie Policy"),
+                ".")),
+            marginBlockEnd: 'space070',
+        },
+        subscriptionTabs: {
+            tab1: {
+                label: (React.createElement(React.Fragment, null,
+                    React.createElement(IconFilledCreditCard, { key: "label-1" }),
+                    " Pay by card")),
+            },
+            tab2: {
+                label: (React.createElement(React.Fragment, null,
+                    React.createElement(IconPayPal, { key: "label-2" }),
+                    " Paypal")),
+            },
+        },
+    },
+    buttonGroupProps: {
+        primaryButton: {
+            text: 'Agree and Subscribe',
+            ariaLabel: 'Agree and Subscribe',
+            size: 'medium',
+            overrides: {
+                stylePreset: 'buttonSolidPositive',
+                width: '100%',
+            },
+        },
+        secureFlag: true,
+        secureFlagOverrides: {
+            overrides: {
+                stylePreset: 'inkSubtle',
+                typographyPreset: 'utilityLabel010',
+                paddingInline: 'spaceInset000',
+                paddingBlock: 'spaceInset000',
+            },
+            iconOverrides: {
+                size: 'iconSize020',
+                stylePreset: 'inkSubtle',
+                paddingInline: 'spaceInset000',
+                paddingBlock: 'spaceInset000',
+                spaceInline: 'space020',
+            },
+        },
+    },
+};
+export var PaymentDetails = function (_a) {
+    var _b, _c;
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, url = _a.url, data = _a.data;
+    var _d = useState((_c = (_b = (context || paymentDetailsContext).paymentDetailsPage) === null || _b === void 0 ? void 0 : _b.subscriptionDrawer) === null || _c === void 0 ? void 0 : _c.open), openDraw = _d[0], setOpenDraw = _d[1];
+    var subscriptionDrawerControl = function () {
+        setOpenDraw(!openDraw);
+    };
+    var enhancedContext = __assign(__assign({}, (context || paymentDetailsContext)), { paymentDetailsPage: __assign({ subscriptionDrawerControl: subscriptionDrawerControl, subscriptionDrawerState: openDraw }, (context || paymentDetailsContext).paymentDetailsPage), url: url, data: data });
+    return (React.createElement(LayoutTemplate, { context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject, fullWidth: true },
+        React.createElement(PaymentDetailsRender, null)));
+};
+//# sourceMappingURL=PaymentDetails.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { UncompiledTheme } from 'newskit';
+import { ContextOptions } from '../context';
+import { ThemeDropdownObject } from '@newskit-render/shared-components';
+export interface BasePageProps {
+    validation?: Record<string, any>;
+    customTheme?: UncompiledTheme;
+    themeDropdownObject?: ThemeDropdownObject;
+    context?: ContextOptions;
+    env?: Record<string, unknown>;
+    url: string;
+    data?: Record<string, unknown>;
+}

package/dist/esm/pages/types.js

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

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

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

package/dist/esm/types.d.ts

@@ -0,0 +1,4 @@
+import { GetServerSidePropsContext } from 'next';
+export type ServerSidePropsContext = GetServerSidePropsContext & {
+    provider: string;
+};

package/dist/esm/types.js

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

package/dist/esm/types.js.map

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

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@newskit-render/checkout",
+  "version": "0.0.0-cc29eac2",
+  "description": "Newskit Render - Checkout package",
+  "author": "",
+  "license": "UNLICENSED",
+  "keywords": [],
+  "module": "dist/esm/index.js",
+  "main": "dist/cjs/index.js",
+  "types": "dist/esm/index.d.ts",
+  "sideEffects": false,
+  "engines": {
+    "node": ">=16.13"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && tsc -p tsconfig.build.json --module CommonJS --outDir './dist/cjs' && ./add-module-type",
+    "build:watch": "tsc -b tsconfig.build.json -w",
+    "test:unit:watch": "jest --watch",
+    "test:unit": "jest --coverage",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx . --color",
+    "lint:fix": "eslint --ext .js,.jsx,.ts,.tsx . --color --fix && prettier --write './**/*.{js,jsx,ts,tsx,json}'",
+    "clean": "rm -rf node_modules & rm -f package-lock.json & rm -f yarn.lock",
+    "test:unit:ci": "JEST_JUNIT_OUTPUT_NAME=checkout.xml jest --ci --coverage --reporters=default --reporters=jest-junit",
+    "precommit:lint": "eslint",
+    "precommit": "lint-staged"
+  },
+  "dependencies": {
+    "@emotion-icons/material": "3.14.0",
+    "@emotion-icons/material-outlined": "3.14.0",
+    "@emotion/react": "11.9.3",
+    "@emotion/styled": "11.9.3",
+    "@hookform/resolvers": "2.9.10",
+    "@newskit-render/shared-components": "^4.30.0",
+    "@newskit-render/standalone-components": "^3.21.3",
+    "newskit": "7.7.0"
+  },
+  "devDependencies": {
+    "@babel/polyfill": "7.12.1",
+    "@babel/register": "7.18.9",
+    "@emotion/jest": "11.10.5",
+    "@testing-library/jest-dom": "6.1.3",
+    "@testing-library/react": "14.0.0",
+    "@testing-library/user-event": "14.4.3",
+    "@types/jest": "29.5.5",
+    "@types/lodash.merge": "^4.6.7",
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.10",
+    "@typescript-eslint/eslint-plugin": "5.51.0",
+    "@typescript-eslint/parser": "5.51.0",
+    "eslint": "8.34.0",
+    "eslint-config-prettier": "8.6.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "7.31.11",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-junit": "15.0.0",
+    "jest-watch-typeahead": "2.2.1",
+    "lint-staged": "13.1.0",
+    "next": "13.4.9",
+    "prettier": "2.8.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "ts-jest": "29.1.1",
+    "typescript": "4.9.4"
+  },
+  "peerDependencies": {
+    "next": ">= 12.1.0 <= 13.4.9",
+    "react": ">= 17.0.2 <= 18.2.0",
+    "react-dom": ">= 17.0.2 <= 18.2.0"
+  },
+  "precommit": [
+    "precommit"
+  ],
+  "lint-staged": {
+    "**/*.(ts|tsx)": [
+      "yarn run precommit:lint"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "resolutions": {
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.10",
+    "newskit/react-hook-form": "7.20.2"
+  }
+}