@newskit-render/my-account 0.108.1 → 0.108.3

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.108.3](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/my-account@0.108.2...@newskit-render/my-account@0.108.3) (2021-11-29)
+
+**Note:** Version bump only for package @newskit-render/my-account
+
+
+
+
+
+## [0.108.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/my-account@0.108.1...@newskit-render/my-account@0.108.2) (2021-11-26)
+
+**Note:** Version bump only for package @newskit-render/my-account
+
+
+
+
+
 ## [0.108.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/my-account@0.108.0...@newskit-render/my-account@0.108.1) (2021-11-25)
 
 **Note:** Version bump only for package @newskit-render/my-account

package/README.md

@@ -747,18 +747,37 @@ Example:
 
 ## Payment
 
-There are two payment providers:
+There are two payment providers - Stripe and Zuora. When you load Provider component, you need to provide a paymentMethod props. The value passed should come from enum exported from my-accaunt package. E.g
+```
+import {
+  Payment,
+  getProviderProps,
+  PaymentProvider,
+} from '@newskit-render/my-account'
+
+export default Payment
+
+export const getServerSideProps = async (context) => {
+
+  return getProviderProps({
+    ...context,
+    provider: 'Payment',
+    paymentProvider: PaymentProvider.Zuora,
+  })
+}
+```
 
-1. Stripe - The payment provider used on Edit payment page is Stripe. It requires a stripe key. The key can be passed by the env variable `STRIPE_KEY`, which should be loaded in env.local. If the variable is not passed, Stripe will be loaded with test account. Stripe key can be retrieved from [here](https://stripe.com/docs/keys). More info on Stripe integration can be found [here](https://nidigitalsolutions.jira.com/wiki/spaces/NPP/pages/3266936927/Stripe+Integration)
-2. Zuora - TODO
+1. Stripe - requires a stripe key. The key can be passed by the env variable `STRIPE_KEY`, which should be loaded in env.local. If the variable is not passed, Stripe will be loaded with test account. Stripe key can be retrieved from [here](https://stripe.com/docs/keys). More info on Stripe integration can be found [here](https://nidigitalsolutions.jira.com/wiki/spaces/NPP/pages/3266936927/Stripe+Integration)
+2. Zuora - Needs to have the following env variables
 
+You need to follow these steps in order to get the oAuth env variables: (https://knowledgecenter.zuora.com/Billing/Tenant_Management/A_Administrator_Settings/Manage_Users/Create_an_API_User, https://www.zuora.com/developer/api-guides/)
 #Zuora OAuth
 ZUORA_OAUTH_ACCESS_URL
 ZUORA_OAUTH_CLIENT_ID
 ZUORA_OAUTH_CLIENT_SECRET
 
 #Zuora RSA signature
-ZUORA_PAGE_ID
-ZUORA_CURRENCY
-ZUORA_RSA_SIGNATURE_URL
-ZUORA_RSA_SIGNATURE_URI
+ZUORA_PAGE_ID - You need to configure a payment page (https://nidigitalsolutions.jira.com/wiki/spaces/TNLDigital/pages/1343357177/Zuora+Payment+Iframe+Integration)
+ZUORA_CURRENCY - The currency code - E.g USD
+ZUORA_RSA_SIGNATURE_URL - Please check (https://knowledgecenter.zuora.com/Billing/Billing_and_Payments/LA_Hosted_Payment_Pages/B_Payment_Pages_2.0/F_Generate_the_Digital_Signature_for_Payment_Pages_2.0)
+ZUORA_RSA_SIGNATURE_URI - Please check (https://knowledgecenter.zuora.com/Billing/Billing_and_Payments/LA_Hosted_Payment_Pages/B_Payment_Pages_2.0/F_Generate_the_Digital_Signature_for_Payment_Pages_2.0)

package/dist/Components/Sections/Form/Payment/Zuora/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const addZuoraScript: (onLoadCallback: () => void) => void;
+declare const Zuora: React.FC;
+export default Zuora;

package/dist/Components/Sections/Form/Payment/Zuora/index.js

@@ -1,2 +1,74 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addZuoraScript = void 0;
+var context_1 = require("../../../../../context");
+var react_1 = __importStar(require("react"));
+var router_1 = require("next/router");
+var addZuoraScript = function (onLoadCallback) {
+    var script = document.createElement('script');
+    script.src =
+        'https://static.zuora.com/Resources/libs/hosted/1.3.1/zuora-min.js';
+    script.async = true;
+    script.onload = function () { return onLoadCallback(); };
+    document.body.appendChild(script);
+};
+exports.addZuoraScript = addZuoraScript;
+var Zuora = function () {
+    var _a = (0, context_1.useAccountContext)(), paymentData = _a.paymentData, handleError = _a.handleError, baseUrl = _a.baseUrl, errorMessages = _a.errorMessages;
+    var _b = paymentData, signature = _b.signature, token = _b.token, tenantId = _b.tenantId, key = _b.key, pageId = _b.pageId, url = _b.url;
+    var router = (0, router_1.useRouter)();
+    var hostedPageCallback = function (response) {
+        if (response.success) {
+            // const { refId } = response
+            // TODO: Add request to MAIN
+            router.push(baseUrl + "/subscription-and-billing?success=payment%20method");
+        }
+        else if (!response.success) {
+            handleError && handleError('paymentFailure', errorMessages);
+        }
+        else {
+            handleError && handleError('payment', errorMessages);
+        }
+    };
+    var loadHostedPage = function () {
+        ;
+        window.Z.render({
+            tenantId: tenantId,
+            token: token,
+            signature: signature,
+            key: key,
+            style: 'inline',
+            submitEnabled: 'true',
+            url: url,
+            id: pageId,
+        }, null, hostedPageCallback);
+    };
+    (0, react_1.useEffect)(function () {
+        if (typeof window !== 'undefined') {
+            (0, exports.addZuoraScript)(loadHostedPage);
+        }
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { id: "zuora_payment" })));
+};
+exports.default = Zuora;
 //# sourceMappingURL=index.js.map

package/dist/Components/Sections/Form/Payment/Zuora/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0D;AAC1D,6CAAwC;AAExC,sCAAmD;AAE5C,IAAM,cAAc,GAAG,UAAC,cAA0B;IACvD,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,CAAC,GAAG;QACR,mEAAmE,CAAA;IACrE,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;IACnB,MAAM,CAAC,MAAM,GAAG,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB,CAAA;IACtC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;AACnC,CAAC,CAAA;AAPY,QAAA,cAAc,kBAO1B;AAED,IAAM,KAAK,GAAa;IAChB,IAAA,KACJ,IAAA,2BAAiB,GAAE,EADb,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBACnC,CAAA;IACf,IAAA,KACJ,WAA+B,EADzB,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SACnB,CAAA;IACjC,IAAM,MAAM,GAAe,IAAA,kBAAS,GAAE,CAAA;IAEtC,IAAM,kBAAkB,GAAG,UAAC,QAAQ;QAClC,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,6BAA6B;YAC7B,4BAA4B;YAE5B,MAAM,CAAC,IAAI,CACN,OAAO,uDAAoD,CAC/D,CAAA;SACF;aAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAC5B,WAAW,IAAI,WAAW,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;SAC5D;aAAM;YACL,WAAW,IAAI,WAAW,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;SACrD;IACH,CAAC,CAAA;IACD,IAAM,cAAc,GAAG;QACrB,CAAC;QAAC,MAAc,CAAC,CAAC,CAAC,MAAM,CACvB;YACE,QAAQ,UAAA;YACR,KAAK,OAAA;YACL,SAAS,WAAA;YACT,GAAG,KAAA;YACH,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,MAAM;YACrB,GAAG,KAAA;YACH,EAAE,EAAE,MAAM;SACX,EACD,IAAI,EACJ,kBAAkB,CACnB,CAAA;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,IAAA,sBAAc,EAAC,cAAc,CAAC,CAAA;SAC/B;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACE,uCAAK,EAAE,EAAC,eAAe,GAAO,CAC7B,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}

package/dist/Components/Sections/Form/Payment/index.d.ts

@@ -1,2 +1,3 @@
 import Stripe from './Stripe';
-export { Stripe };
+import Zuora from './Zuora';
+export { Stripe, Zuora };

package/dist/Components/Sections/Form/Payment/index.js

@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stripe = void 0;
+exports.Zuora = exports.Stripe = void 0;
 var Stripe_1 = __importDefault(require("./Stripe"));
 exports.Stripe = Stripe_1.default;
+var Zuora_1 = __importDefault(require("./Zuora"));
+exports.Zuora = Zuora_1.default;
 //# sourceMappingURL=index.js.map

package/dist/Components/Sections/Form/Payment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Payment/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA6B;AAEpB,iBAFF,gBAAM,CAEE"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Payment/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA6B;AAGpB,iBAHF,gBAAM,CAGE;AAFf,kDAA2B;AAEV,gBAFV,eAAK,CAEU"}

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

@@ -7,11 +7,7 @@ export declare const componentMap: {
     password: React.FC<import("../Sections/Form/Password").PasswordProps>;
     landline: React.FC<import("../Sections/Form/types").FormWrapperProps>;
     mobile: React.FC<import("../Sections/Form/types").FormWrapperProps>;
-    payment: React.ComponentType<import("../Sections/Form/types").FormWrapperProps & {
-        theme?: import("newskit").Theme | undefined;
-    }>;
     'commenting-notifications': React.FC<import("../Sections/Form/CommentingNotifications").CommentingNotificationsProps>;
-    unknown: () => JSX.Element;
 };
 declare const EditRenderer: React.FC<{
     type: string;

package/dist/Components/Templates/EditRenderer.js

@@ -24,13 +24,10 @@ var Email_1 = __importDefault(require("../Sections/Form/Email"));
 var context_1 = require("../../context");
 var Landline_1 = __importDefault(require("../Sections/Form/Landline"));
 var Mobile_1 = __importDefault(require("../Sections/Form/Mobile"));
-var Payment_1 = require("../Sections/Form/Payment");
 var FormAddress_1 = __importDefault(require("../Sections/Form/Address/FormAddress"));
 var CommentingNotifications_1 = __importDefault(require("../Sections/Form/CommentingNotifications"));
 var helpers_1 = require("../../helpers");
 var constants_1 = require("../../constants");
-/* Data from context used to render components onto page */
-var Unknown = function () { return react_1.default.createElement("h2", null, "Unknown form"); };
 exports.componentMap = {
     address: FormAddress_1.default,
     name: Name_1.default,
@@ -39,14 +36,15 @@ exports.componentMap = {
     password: Password_1.default,
     landline: Landline_1.default,
     mobile: Mobile_1.default,
-    payment: Payment_1.Stripe,
     'commenting-notifications': CommentingNotifications_1.default,
-    unknown: Unknown,
 };
 var EditRenderer = function (_a) {
     var type = _a.type;
     var _b = (0, context_1.useAccountContext)(), header = _b.header, forms = _b.forms, buttonGroupProps = _b.buttonGroupProps;
-    var SectionComponent = exports.componentMap[type] || exports.componentMap.unknown;
+    var SectionComponent = exports.componentMap[type];
+    if (!SectionComponent) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
     var form = forms && (forms[type] || forms.default);
     if (header && header.backButton) {
         header.backButton.href = (0, helpers_1.replaceBaseURL)(header.backButton.href, constants_1.FALLBACK_URL_REPLACEMENT.home);

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

@@ -1 +1 @@
-{"version":3,"file":"EditRenderer.js","sourceRoot":"","sources":["../../../src/Components/Templates/EditRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,+DAA4C;AAC5C,6EAAsD;AACtD,uEAAgD;AAChD,iEAA0C;AAC1C,yCAAiD;AACjD,uEAAgD;AAChD,mEAA4C;AAC5C,oDAAiD;AACjD,qFAA8D;AAC9D,qGAA8E;AAC9E,yCAAqE;AACrE,6CAA0D;AAC1D,2DAA2D;AAC3D,IAAM,OAAO,GAAG,cAAmB,OAAA,yDAAqB,EAArB,CAAqB,CAAA;AAE3C,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,qBAAW;IACpB,IAAI,EAAE,cAAQ;IACd,KAAK,EAAE,eAAK;IACZ,WAAW,EAAE,qBAAW;IACxB,QAAQ,EAAE,kBAAQ;IAClB,QAAQ,EAAE,kBAAQ;IAClB,MAAM,EAAE,gBAAM;IACd,OAAO,EAAE,gBAAM;IACf,0BAA0B,EAAE,iCAAuB;IACnD,OAAO,EAAE,OAAO;CACjB,CAAA;AAED,IAAM,YAAY,GAA+B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAChD,IAAA,KAAsC,IAAA,2BAAiB,GAAE,EAAvD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAwB,CAAA;IAC/D,IAAM,gBAAgB,GAAG,oBAAY,CAAC,IAAI,CAAC,IAAI,oBAAY,CAAC,OAAO,CAAA;IACnE,IAAM,IAAI,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAA;IAEpD,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE;QAC/B,MAAM,CAAC,UAAU,CAAC,IAAI,GAAG,IAAA,wBAAc,EACrC,MAAM,CAAC,UAAU,CAAC,IAAI,EACtB,oCAAwB,CAAC,IAAI,CAC9B,CAAA;KACF;IAED,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;QACjD,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,GAAG,IAAA,wBAAc,EAC1C,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAC3B,oCAAwB,CAAC,IAAI,CAC9B,CAAA;KACF;IAED,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,8BAAC,gBAAgB,4BACC,IAAI,UAAO,IACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IACf,gBAAgB,EAAE,IAAA,+BAAqB,EACrC,gBAAgB,EAChB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,gBAAgB,CAC7B,IACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"EditRenderer.js","sourceRoot":"","sources":["../../../src/Components/Templates/EditRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,+DAA4C;AAC5C,6EAAsD;AACtD,uEAAgD;AAChD,iEAA0C;AAC1C,yCAAiD;AACjD,uEAAgD;AAChD,mEAA4C;AAC5C,qFAA8D;AAC9D,qGAA8E;AAC9E,yCAAqE;AACrE,6CAA0D;AAE7C,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,qBAAW;IACpB,IAAI,EAAE,cAAQ;IACd,KAAK,EAAE,eAAK;IACZ,WAAW,EAAE,qBAAW;IACxB,QAAQ,EAAE,kBAAQ;IAClB,QAAQ,EAAE,kBAAQ;IAClB,MAAM,EAAE,gBAAM;IACd,0BAA0B,EAAE,iCAAuB;CACpD,CAAA;AAED,IAAM,YAAY,GAA+B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAChD,IAAA,KAAsC,IAAA,2BAAiB,GAAE,EAAvD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAwB,CAAA;IAC/D,IAAM,gBAAgB,GAAG,oBAAY,CAAC,IAAI,CAAC,CAAA;IAE3C,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,6DAAK,CAAA;KACb;IACD,IAAM,IAAI,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAA;IAEpD,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE;QAC/B,MAAM,CAAC,UAAU,CAAC,IAAI,GAAG,IAAA,wBAAc,EACrC,MAAM,CAAC,UAAU,CAAC,IAAI,EACtB,oCAAwB,CAAC,IAAI,CAC9B,CAAA;KACF;IAED,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;QACjD,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,GAAG,IAAA,wBAAc,EAC1C,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAC3B,oCAAwB,CAAC,IAAI,CAC9B,CAAA;KACF;IAED,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,8BAAC,gBAAgB,4BACC,IAAI,UAAO,IACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IACf,gBAAgB,EAAE,IAAA,+BAAqB,EACrC,gBAAgB,EAChB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,gBAAgB,CAC7B,IACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const componentMap: {
+    Stripe: React.ComponentType<import("../Sections/Form/types").FormWrapperProps & {
+        theme?: import("newskit").Theme | undefined;
+    }>;
+    Zuora: React.FC<{}>;
+};
+declare const PaymentRenderer: React.FC;
+export default PaymentRenderer;

package/dist/Components/Templates/PaymentRenderer.js

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentMap = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var helpers_1 = require("../../helpers");
+var Payment_1 = require("../Sections/Form/Payment");
+exports.componentMap = {
+    Stripe: Payment_1.Stripe,
+    Zuora: Payment_1.Zuora,
+};
+var PaymentRenderer = function () {
+    var _a = (0, context_1.useAccountContext)(), header = _a.header, buttonGroupProps = _a.buttonGroupProps, paymentProvider = _a.paymentProvider;
+    var ProviderComponent = exports.componentMap[paymentProvider];
+    if (header && header.backButton) {
+        header.backButton.href = (0, helpers_1.replaceBaseURL)(header.backButton.href) || '/';
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(ProviderComponent, { "data-testid": paymentProvider + "-form", buttonGroupProps: (0, helpers_1.mergeButtonGroupProps)(buttonGroupProps) })));
+};
+exports.default = PaymentRenderer;
+//# sourceMappingURL=PaymentRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentRenderer.js","sourceRoot":"","sources":["../../../src/Components/Templates/PaymentRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAiD;AACjD,yCAAqE;AACrE,oDAAwD;AAG3C,QAAA,YAAY,GAAG;IAC1B,MAAM,kBAAA;IACN,KAAK,iBAAA;CACN,CAAA;AAED,IAAM,eAAe,GAAa;IAC1B,IAAA,KAAgD,IAAA,2BAAiB,GAAE,EAAjE,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,eAAe,qBAAwB,CAAA;IACzE,IAAM,iBAAiB,GAAG,oBAAY,CAAC,eAAkC,CAAC,CAAA;IAE1E,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE;QAC/B,MAAM,CAAC,UAAU,CAAC,IAAI,GAAG,IAAA,wBAAc,EAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,CAAA;KACvE;IAED,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,iBAAiB,mBACA,eAAe,UAAO,EACtC,gBAAgB,EAAE,IAAA,+BAAqB,EAAC,gBAAgB,CAAC,GACzD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}

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

@@ -2,6 +2,7 @@ import Layout from './LayoutTemplate';
 import DisplayRenderer from './DisplayRenderer';
 import EditRenderer, { componentMap } from './EditRenderer';
 import CancellationRender from './CancellationRender';
+import PaymentRenderer from './PaymentRenderer';
 export * from './types';
-export { DisplayRenderer, EditRenderer, componentMap, CancellationRender };
+export { DisplayRenderer, EditRenderer, componentMap, CancellationRender, PaymentRenderer, };
 export default Layout;

package/dist/Components/Templates/index.js

@@ -25,7 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CancellationRender = exports.componentMap = exports.EditRenderer = exports.DisplayRenderer = void 0;
+exports.PaymentRenderer = exports.CancellationRender = exports.componentMap = exports.EditRenderer = exports.DisplayRenderer = void 0;
 var LayoutTemplate_1 = __importDefault(require("./LayoutTemplate"));
 var DisplayRenderer_1 = __importDefault(require("./DisplayRenderer"));
 exports.DisplayRenderer = DisplayRenderer_1.default;
@@ -34,6 +34,8 @@ exports.EditRenderer = EditRenderer_1.default;
 Object.defineProperty(exports, "componentMap", { enumerable: true, get: function () { return EditRenderer_1.componentMap; } });
 var CancellationRender_1 = __importDefault(require("./CancellationRender"));
 exports.CancellationRender = CancellationRender_1.default;
+var PaymentRenderer_1 = __importDefault(require("./PaymentRenderer"));
+exports.PaymentRenderer = PaymentRenderer_1.default;
 __exportStar(require("./types"), exports);
 exports.default = LayoutTemplate_1.default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Templates/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oEAAqC;AACrC,sEAA+C;AAKtC,0BALF,yBAAe,CAKE;AAJxB,6DAA2D;AAIjC,uBAJnB,sBAAY,CAImB;AAAE,6FAJjB,2BAAY,OAIiB;AAHpD,4EAAqD;AAGC,6BAH/C,4BAAkB,CAG+C;AADxE,0CAAuB;AAEvB,kBAAe,wBAAM,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Templates/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oEAAqC;AACrC,sEAA+C;AAO7C,0BAPK,yBAAe,CAOL;AANjB,6DAA2D;AAOzD,uBAPK,sBAAY,CAOL;AACZ,6FARqB,2BAAY,OAQrB;AAPd,4EAAqD;AAQnD,6BARK,4BAAkB,CAQL;AAPpB,sEAA+C;AAQ7C,0BARK,yBAAe,CAQL;AANjB,0CAAuB;AAQvB,kBAAe,wBAAM,CAAA"}

package/dist/api/index.d.ts

@@ -1,3 +1,2 @@
 export * from './mutateHandler';
 export * from './queryHandler';
-export * from './generateRSASignature';

package/dist/api/index.js

@@ -12,5 +12,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./mutateHandler"), exports);
 __exportStar(require("./queryHandler"), exports);
-__exportStar(require("./generateRSASignature"), exports);
 //# sourceMappingURL=index.js.map

package/dist/api/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAA+B;AAC/B,iDAA8B;AAC9B,yDAAsC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAA+B;AAC/B,iDAA8B"}

package/dist/context/types.d.ts

@@ -6,7 +6,7 @@ import { TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverr
 import { MQ, InlineMessageProps } from 'newskit';
 import { ButtonGroupProps } from '../Components/Sections/ButtonGroup';
 import { HeadProps } from '../Components/Elements/Head';
-import { UserData, Data } from '../pages/types';
+import { UserData, Data, ZuoraPaymentData, PaymentProvider } from '../pages/types';
 import { InputText } from '../Components/Sections/Form/types';
 import { ErrorMessage, GenericErrorMessage } from '../Components/Elements/Toast';
 import { CommentingNotificationsProps } from '../Components/Sections/Form/CommentingNotifications';
@@ -75,6 +75,8 @@ export interface ContextOptions {
     baseUrl?: string;
     env?: Record<string, unknown>;
     data?: Data;
+    paymentData?: ZuoraPaymentData;
+    paymentProvider?: PaymentProvider;
     userData?: Partial<UserData>;
     head?: HeadProps;
     validation?: Record<string, any>;

package/dist/getProviderProps.d.ts

@@ -1,10 +1,5 @@
-import { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
-export declare type ServerSidePropsContext = GetServerSidePropsContext & {
-    params: {
-        field: string;
-    };
-    provider: string;
-};
+import { GetServerSidePropsResult } from 'next';
+import { ServerSidePropsContext } from './providers';
 export declare const getProviderProps: (context: ServerSidePropsContext) => Promise<GetServerSidePropsResult<{
     field: string;
 }>>;

package/dist/getProviderProps.js

@@ -50,39 +50,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getProviderProps = void 0;
 var api_1 = require("@newskit-render/api");
 var helpers_1 = require("./helpers");
-var personalDetailsProvider_1 = require("./providers/personalDetailsProvider");
-var editFieldProvider_1 = require("./providers/editFieldProvider");
-var subscriptionAndBillingProvider_1 = require("./providers/subscriptionAndBillingProvider");
-var newslettersAndAlertsProvider_1 = require("./providers/newslettersAndAlertsProvider");
+var providers_1 = require("./providers");
 var getProviderProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
-    var provider, providerPropsMapper, mainApolloClient, nkApiApolloClient, providerProps, user;
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+    var provider, providerPropsMapper, _a, mainApolloClient, nkApiApolloClient, providerProps, user;
+    var _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
             case 0:
                 provider = context.provider;
                 providerPropsMapper = {
-                    EditField: editFieldProvider_1.editFieldProvider,
-                    PersonalDetails: personalDetailsProvider_1.personalDetailsProvider,
-                    SubscriptionAndBilling: subscriptionAndBillingProvider_1.subscriptionAndBillingProvider,
-                    NewslettersAndAlerts: newslettersAndAlertsProvider_1.newslettersAndAlertsProvider,
-                    Cancellation: subscriptionAndBillingProvider_1.subscriptionAndBillingProvider,
+                    EditField: providers_1.editFieldProvider,
+                    PersonalDetails: providers_1.personalDetailsProvider,
+                    SubscriptionAndBilling: providers_1.subscriptionAndBillingProvider,
+                    NewslettersAndAlerts: providers_1.newslettersAndAlertsProvider,
+                    Cancellation: providers_1.subscriptionAndBillingProvider,
+                    Payment: providers_1.paymentProvider,
                 };
-                return [4 /*yield*/, (0, api_1.createApolloClient)(api_1.ClientTypes.main, context.req.headers.cookie)];
+                return [4 /*yield*/, Promise.all([
+                        (0, api_1.createApolloClient)(api_1.ClientTypes.main, context.req.headers.cookie),
+                        (0, api_1.createApolloClient)(api_1.ClientTypes.nkapi, context.req.headers.cookie),
+                    ])];
             case 1:
-                mainApolloClient = _b.sent();
-                return [4 /*yield*/, (0, api_1.createApolloClient)(api_1.ClientTypes.nkapi, context.req.headers.cookie)];
-            case 2:
-                nkApiApolloClient = _b.sent();
+                _a = _c.sent(), mainApolloClient = _a[0], nkApiApolloClient = _a[1];
                 return [4 /*yield*/, providerPropsMapper[provider]({
                         mainApolloClient: mainApolloClient,
                         nkApiApolloClient: nkApiApolloClient,
                         context: context,
                     })];
-            case 3:
-                providerProps = _b.sent();
+            case 2:
+                providerProps = _c.sent();
                 user = (providerProps === null || providerProps === void 0 ? void 0 : providerProps.user)
-                    ? __assign(__assign({}, providerProps.user), { vxInstances: ((_a = providerProps.user.vxInstances) === null || _a === void 0 ? void 0 : _a.filter(helpers_1.filterSubscriptions)) || null }) : null;
+                    ? __assign(__assign({}, providerProps.user), { vxInstances: ((_b = providerProps.user.vxInstances) === null || _b === void 0 ? void 0 : _b.filter(helpers_1.filterSubscriptions)) || null }) : null;
                 providerProps = __assign(__assign({}, providerProps), { user: user });
                 return [2 /*return*/, {
                         props: __assign(__assign({}, providerProps), { env: {

package/dist/getProviderProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"getProviderProps.js","sourceRoot":"","sources":["../src/getProviderProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAqE;AACrE,qCAA+C;AAE/C,+EAA6E;AAC7E,mEAAiE;AACjE,6FAA2F;AAC3F,yFAAuF;AAOhF,IAAM,gBAAgB,GAAG,UAC9B,OAA+B;;;;;;gBAEvB,QAAQ,GAAK,OAAO,SAAZ,CAAY;gBAEtB,mBAAmB,GAAG;oBAC1B,SAAS,EAAE,qCAAiB;oBAC5B,eAAe,EAAE,iDAAuB;oBACxC,sBAAsB,EAAE,+DAA8B;oBACtD,oBAAoB,EAAE,2DAA4B;oBAClD,YAAY,EAAE,+DAA8B;iBAC7C,CAAA;gBAEwB,qBAAM,IAAA,wBAAkB,EAC/C,iBAAW,CAAC,IAAI,EAChB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAC3B,EAAA;;gBAHK,gBAAgB,GAAG,SAGxB;gBAEyB,qBAAM,IAAA,wBAAkB,EAChD,iBAAW,CAAC,KAAK,EACjB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAC3B,EAAA;;gBAHK,iBAAiB,GAAG,SAGzB;gBAEmB,qBAAM,mBAAmB,CAAC,QAAQ,CAAC,CAAC;wBACtD,gBAAgB,kBAAA;wBAChB,iBAAiB,mBAAA;wBACjB,OAAO,SAAA;qBACR,CAAC,EAAA;;gBAJE,aAAa,GAAG,SAIlB;gBAEI,IAAI,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI;oBAC9B,CAAC,uBACM,aAAa,CAAC,IAAI,KACrB,WAAW,EACT,CAAA,MAAA,aAAa,CAAC,IAAI,CAAC,WAAW,0CAAE,MAAM,CAAC,6BAAmB,CAAC,KAAI,IAAI,IAEzE,CAAC,CAAC,IAAI,CAAA;gBAER,aAAa,yBACR,aAAa,KAChB,IAAI,MAAA,GACL,CAAA;gBAED,sBAAO;wBACL,KAAK,wBACA,aAAa,KAChB,GAAG,EAAE;gCACH,cAAc,EAAE,OAAO,CAAC,GAAG,CAAC,cAAc,IAAI,EAAE;6BACjD,GACF;qBACF,EAAA;;;KACF,CAAA;AAlDY,QAAA,gBAAgB,oBAkD5B"}
+{"version":3,"file":"getProviderProps.js","sourceRoot":"","sources":["../src/getProviderProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAqE;AACrE,qCAA+C;AAE/C,yCAOoB;AAEb,IAAM,gBAAgB,GAAG,UAC9B,OAA+B;;;;;;gBAEvB,QAAQ,GAAK,OAAO,SAAZ,CAAY;gBAEtB,mBAAmB,GAAG;oBAC1B,SAAS,EAAE,6BAAiB;oBAC5B,eAAe,EAAE,mCAAuB;oBACxC,sBAAsB,EAAE,0CAA8B;oBACtD,oBAAoB,EAAE,wCAA4B;oBAClD,YAAY,EAAE,0CAA8B;oBAC5C,OAAO,EAAE,2BAAe;iBACzB,CAAA;gBAE6C,qBAAM,OAAO,CAAC,GAAG,CAAC;wBAC9D,IAAA,wBAAkB,EAAC,iBAAW,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC;wBAChE,IAAA,wBAAkB,EAAC,iBAAW,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC;qBAClE,CAAC,EAAA;;gBAHI,KAAwC,SAG5C,EAHK,gBAAgB,QAAA,EAAE,iBAAiB,QAAA;gBAKtB,qBAAM,mBAAmB,CAAC,QAAQ,CAAC,CAAC;wBACtD,gBAAgB,kBAAA;wBAChB,iBAAiB,mBAAA;wBACjB,OAAO,SAAA;qBACR,CAAC,EAAA;;gBAJE,aAAa,GAAG,SAIlB;gBAEI,IAAI,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI;oBAC9B,CAAC,uBACM,aAAa,CAAC,IAAI,KACrB,WAAW,EACT,CAAA,MAAA,aAAa,CAAC,IAAI,CAAC,WAAW,0CAAE,MAAM,CAAC,6BAAmB,CAAC,KAAI,IAAI,IAEzE,CAAC,CAAC,IAAI,CAAA;gBAER,aAAa,yBACR,aAAa,KAChB,IAAI,MAAA,GACL,CAAA;gBACD,sBAAO;wBACL,KAAK,wBACA,aAAa,KAChB,GAAG,EAAE;gCACH,cAAc,EAAE,OAAO,CAAC,GAAG,CAAC,cAAc,IAAI,EAAE;6BACjD,GACF;qBACF,EAAA;;;KACF,CAAA;AA7CY,QAAA,gBAAgB,oBA6C5B"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from './pages/PersonalDetails';
 export * from './pages/EditField';
+export * from './pages/Payment';
 export * from './getProviderProps';
 export * from './pages/SubscriptionAndBilling';
 export * from './pages/NewslettersAndAlerts';
@@ -11,3 +12,4 @@ export { ContextOptions } from './context';
 export { componentMap } from './Components/Templates';
 export { PastDueBannerExternal } from './Components';
 export { filterSubscriptions } from './helpers';
+export { PaymentProvider } from './pages/types';

package/dist/index.js

@@ -10,9 +10,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterSubscriptions = exports.PastDueBannerExternal = exports.componentMap = exports.accountTheme = void 0;
+exports.PaymentProvider = exports.filterSubscriptions = exports.PastDueBannerExternal = exports.componentMap = exports.accountTheme = void 0;
 __exportStar(require("./pages/PersonalDetails"), exports);
 __exportStar(require("./pages/EditField"), exports);
+__exportStar(require("./pages/Payment"), exports);
 __exportStar(require("./getProviderProps"), exports);
 __exportStar(require("./pages/SubscriptionAndBilling"), exports);
 __exportStar(require("./pages/NewslettersAndAlerts"), exports);
@@ -27,4 +28,6 @@ var Components_1 = require("./Components");
 Object.defineProperty(exports, "PastDueBannerExternal", { enumerable: true, get: function () { return Components_1.PastDueBannerExternal; } });
 var helpers_1 = require("./helpers");
 Object.defineProperty(exports, "filterSubscriptions", { enumerable: true, get: function () { return helpers_1.filterSubscriptions; } });
+var types_1 = require("./pages/types");
+Object.defineProperty(exports, "PaymentProvider", { enumerable: true, get: function () { return types_1.PaymentProvider; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,0DAAuC;AACvC,oDAAiC;AACjC,qDAAkC;AAClC,iEAA8C;AAC9C,+DAA4C;AAC5C,gDAA6B;AAC7B,wCAAqB;AACrB,uDAAoC;AACpC,iCAAsC;AAA7B,qGAAA,YAAY,OAAA;AAErB,oDAAqD;AAA5C,yGAAA,YAAY,OAAA;AACrB,2CAAoD;AAA3C,mHAAA,qBAAqB,OAAA;AAC9B,qCAA+C;AAAtC,8GAAA,mBAAmB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,0DAAuC;AACvC,oDAAiC;AACjC,kDAA+B;AAC/B,qDAAkC;AAClC,iEAA8C;AAC9C,+DAA4C;AAC5C,gDAA6B;AAC7B,wCAAqB;AACrB,uDAAoC;AACpC,iCAAsC;AAA7B,qGAAA,YAAY,OAAA;AAErB,oDAAqD;AAA5C,yGAAA,YAAY,OAAA;AACrB,2CAAoD;AAA3C,mHAAA,qBAAqB,OAAA;AAC9B,qCAA+C;AAAtC,8GAAA,mBAAmB,OAAA;AAC5B,uCAA+C;AAAtC,wGAAA,eAAe,OAAA"}

package/dist/pages/Payment.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PaymentProps } from './types';
+import { ContextOptions } from '../context';
+export declare const paymentContext: ContextOptions;
+export declare const Payment: React.FC<PaymentProps>;

package/dist/pages/Payment.js

@@ -0,0 +1,98 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Payment = exports.paymentContext = void 0;
+var react_1 = __importDefault(require("react"));
+var Templates_1 = __importStar(require("../Components/Templates"));
+var newskit_1 = require("newskit");
+var constants_1 = require("../constants");
+var toastFunctions_1 = require("../helpers/toastFunctions");
+var pageTitle = 'Edit your payment method';
+exports.paymentContext = {
+    baseUrl: constants_1.BASE_URL,
+    head: {
+        pageTitle: pageTitle,
+    },
+    header: {
+        title: pageTitle,
+        backButton: {
+            href: '[baseURL]',
+            'aria-label': 'Go back to Personal details page',
+            text: 'Back',
+        },
+        showDivider: true,
+    },
+    forms: {
+        payment: {
+            header: {
+                backButton: {
+                    href: '[baseURL]/subscription-and-billing',
+                    'aria-label': 'Go back to subscription and billing page',
+                    text: 'Back',
+                },
+                description: 'Your current payment card details will be replaced by those provided below.',
+            },
+            props: {
+                buttonGroupProps: {
+                    secondaryButton: {
+                        href: '[baseURL]/subscription-and-billing',
+                        ariaLabel: 'Go back to subscription and billing page',
+                    },
+                },
+            },
+        },
+    },
+    genericErrorMessage: {
+        pending: 'Updating your Payment method',
+        error: "Sorry, we're unable to save your Payment method right now. Please try again or come back later.",
+        success: 'Your Payment method has been updated.',
+    },
+    errorMessages: {
+        paymentFailure: {
+            error: 'Unable to create payment',
+        },
+        payment: { error: 'error loading iFrame' },
+    },
+};
+var Payment = function (_a) {
+    var paymentData = _a.paymentData, customTheme = _a.customTheme, context = _a.context, validation = _a.validation, env = _a.env, paymentProvider = _a.paymentProvider;
+    var enhancedContext = __assign(__assign({}, (context || __assign({}, exports.paymentContext))), { paymentData: paymentData, validation: validation, paymentProvider: paymentProvider, env: env, handleError: toastFunctions_1.handleError, handleLoading: toastFunctions_1.handleLoading, handleSuccess: toastFunctions_1.handleSuccess });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Templates_1.default, { context: enhancedContext, customTheme: customTheme },
+            react_1.default.createElement(Templates_1.PaymentRenderer, null)),
+        react_1.default.createElement(newskit_1.ToastProvider, { position: 'bottom-center' })));
+};
+exports.Payment = Payment;
+//# sourceMappingURL=Payment.js.map

package/dist/pages/Payment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../src/pages/Payment.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mEAAiE;AACjE,mCAAuC;AAGvC,0CAAuC;AAEvC,4DAIkC;AAElC,IAAM,SAAS,GAAG,0BAA0B,CAAA;AAE/B,QAAA,cAAc,GAAmB;IAC5C,OAAO,EAAE,oBAAQ;IACjB,IAAI,EAAE;QACJ,SAAS,WAAA;KACV;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE;YACV,IAAI,EAAE,WAAW;YACjB,YAAY,EAAE,kCAAkC;YAChD,IAAI,EAAE,MAAM;SACb;QACD,WAAW,EAAE,IAAI;KAClB;IACD,KAAK,EAAE;QACL,OAAO,EAAE;YACP,MAAM,EAAE;gBACN,UAAU,EAAE;oBACV,IAAI,EAAE,oCAAoC;oBAC1C,YAAY,EAAE,0CAA0C;oBACxD,IAAI,EAAE,MAAM;iBACb;gBACD,WAAW,EACT,6EAA6E;aAChF;YACD,KAAK,EAAE;gBACL,gBAAgB,EAAE;oBAChB,eAAe,EAAE;wBACf,IAAI,EAAE,oCAAoC;wBAC1C,SAAS,EAAE,0CAA0C;qBACtD;iBACF;aACF;SACF;KACF;IACD,mBAAmB,EAAE;QACnB,OAAO,EAAE,8BAA8B;QACvC,KAAK,EACH,iGAAiG;QACnG,OAAO,EAAE,uCAAuC;KACjD;IACD,aAAa,EAAE;QACb,cAAc,EAAE;YACd,KAAK,EAAE,0BAA0B;SAClC;QACD,OAAO,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE;KAC3C;CACF,CAAA;AAEM,IAAM,OAAO,GAA2B,UAAC,EAO/C;QANC,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,eAAe,qBAAA;IAEf,IAAM,eAAe,yBAChB,CAAC,OAAO,iBACN,sBAAc,CAClB,CAAC,KACF,WAAW,aAAA,EACX,UAAU,YAAA,EACV,eAAe,iBAAA,EACf,GAAG,KAAA,EACH,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,aAAa,gCAAA,GACd,CAAA;IAED,OAAO,CACL;QACE,8BAAC,mBAAM,IAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW;YACxD,8BAAC,2BAAe,OAAG,CACZ;QACT,8BAAC,uBAAa,IAAC,QAAQ,EAAE,eAAe,GAAkB,CACzD,CACJ,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,OAAO,WA6BnB"}

package/dist/pages/SubscriptionAndBilling.js

@@ -132,7 +132,7 @@ exports.SubscriptionAndBillingContext = {
                     {
                         label: 'Payment method',
                         default: '[Price, Billing cycle]',
-                        href: '[baseURL]/edit/payment',
+                        href: '[baseURL]/payment',
                         type: 'payment',
                         valueDescription: "expiry date",
                         ariaLabel: 'Edit your payment',
@@ -154,8 +154,7 @@ var SubscriptionAndBilling = function (_a) {
     (0, react_1.useEffect)(function () {
         var result = query_string_1.default.parse(window.location.search);
         if (result.success && typeof result.success === 'string') {
-            (0, sendToast_1.default)(result.success, 'success', (context === null || context === void 0 ? void 0 : context.errorMessages) || exports.SubscriptionAndBillingContext.errorMessages, (context === null || context === void 0 ? void 0 : context.genericErrorMessage) ||
-                exports.SubscriptionAndBillingContext.genericErrorMessage);
+            (0, sendToast_1.default)(result.success, 'success', enhancedContext.errorMessages, enhancedContext.genericErrorMessage);
         }
         if (enhancedContext.baseUrl) {
             router.replace(enhancedContext.baseUrl + "/subscription-and-billing", undefined, {

package/dist/pages/SubscriptionAndBilling.js.map

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

package/dist/pages/types.d.ts

@@ -75,6 +75,9 @@ export interface BasePageProps {
     context?: ContextOptions;
     env?: Record<string, unknown>;
 }
+export interface BasePagePropsWithValidation extends BasePageProps {
+    validation?: Record<string, any>;
+}
 export interface PersonalDetailsProps extends BasePageProps {
     user: PersonalDetailsUserData;
 }
@@ -92,15 +95,29 @@ export interface Data {
     validationSchemaKey?: string;
     fields?: Fields[];
 }
-export interface DataProps extends Data {
+export interface ZuoraPaymentData {
+    signature: string;
+    token: string;
+    tenantId: number;
+    key: string;
+    pageId: string;
+    url: string;
+}
+export interface EditFieldDataProps extends Data {
     type: string;
 }
-export interface EditFieldProps extends BasePageProps {
-    data: DataProps;
-    validation?: Record<string, any>;
+export declare enum PaymentProvider {
+    Zuora = "Zuora",
+    Stripe = "Stripe"
 }
-export interface CancellationProps extends BasePageProps {
-    data: DataProps;
-    validation?: Record<string, any>;
+export interface PaymentProps extends BasePagePropsWithValidation {
+    paymentData: ZuoraPaymentData;
+    paymentProvider: PaymentProvider;
+}
+export interface EditFieldProps extends BasePagePropsWithValidation {
+    data: EditFieldDataProps;
+}
+export interface CancellationProps extends BasePagePropsWithValidation {
+    data: EditFieldDataProps;
     user: SubscriptionAndBillingUserData;
 }

package/dist/pages/types.js

@@ -1,3 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentProvider = void 0;
+var PaymentProvider;
+(function (PaymentProvider) {
+    PaymentProvider["Zuora"] = "Zuora";
+    PaymentProvider["Stripe"] = "Stripe";
+})(PaymentProvider = exports.PaymentProvider || (exports.PaymentProvider = {}));
 //# sourceMappingURL=types.js.map

package/dist/pages/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/pages/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/pages/types.ts"],"names":[],"mappings":";;;AAqIA,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAG1B"}

package/dist/providers/editFieldProvider.js

@@ -67,7 +67,7 @@ var editFieldProvider = function (_a) {
                     editFieldMap = (0, helpers_1.getEditFieldMap)(currentEditField);
                     if (!editFieldMap) return [3 /*break*/, 4];
                     queryBody = (0, getEditField_1.buildQueryBody)({
-                        fields: (0, helpers_1.getEditFieldMap)(currentEditField),
+                        fields: editFieldMap,
                         shouldUseNewskitApi: shouldUseNewskitApi,
                         currentEditField: currentEditField,
                     });

package/dist/providers/editFieldProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"editFieldProvider.js","sourceRoot":"","sources":["../../src/providers/editFieldProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA8D;AAE9D,sCAMmB;AACnB,wDAAwD;AAIjD,IAAM,iBAAiB,GAAG,UAAO,EAIzB;QAHb,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,OAAO,aAAA;;;;;;oBAED,gBAAgB,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,KAAK,KAAI,EAAE,CAAA;oBAC9C,mBAAmB,GAAG,IAAA,uBAAa,EAAC,gBAAgB,CAAC,CAAA;oBACvD,MAAM,GAAoD,gBAAgB,CAAA;oBAC9E,IAAI,mBAAmB,EAAE;wBACvB,MAAM,GAAG,iBAAiB,CAAA;qBAC3B;oBAGK,YAAY,GAAG,IAAA,yBAAe,EAAC,gBAAgB,CAAC,CAAA;yBAClD,YAAY,EAAZ,wBAAY;oBACR,SAAS,GAAG,IAAA,6BAAc,EAAC;wBAC/B,MAAM,EAAE,IAAA,yBAAe,EAAC,gBAAgB,CAAC;wBACzC,mBAAmB,qBAAA;wBACnB,gBAAgB,kBAAA;qBACjB,CAAC,CAAA;oBAEI,YAAY,GAAG,IAAA,iCAAiB,EAAC,gBAAgB,CAAC,CAAA;oBAClD,KAAK,GAAG,IAAA,kBAAQ,EAAC,SAAS,EAAE,YAAY,EAAE,mBAAmB,CAAC,CAAA;;;;oBAGvD,qBAAM,MAAM,CAAC,KAAK,CAAC;4BAC5B,KAAK,OAAA;4BACL,SAAS,EAAE;gCACT,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY;gCAC5B,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,SAAS;6BACjC;yBACF,CAAC,EAAA;;oBANF,QAAQ,GAAG,SAMT,CAAA;;;;oBAEF,OAAO,CAAC,KAAK,CAAC,GAAC,CAAC,OAAO,CAAC,CAAA;;;oBAI5B,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE;wBACd,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK;4BACxC,IAAI,KAAK,KAAK,YAAY,EAAE;gCAC1B,IAAM,WAAW,GAAG,IAAA,uBAAa,EAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;gCAC5D,OAAO;oCACL,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE;oCACvD,KAAK,EAAE,gBAAgB;iCACxB,CAAA;6BACF;4BAED,IAAI,KAAK,KAAK,aAAa,EAAE;gCAC3B,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,KAAK,OAAA,EAAE,CAAA;6BAC3D;4BACD,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,OAAA,EAAE,CAAA;wBACpD,CAAC,CAAC,CAAA;wBAEF,IACE,gBAAgB,KAAK,SAAS;4BAC9B,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EACpC;4BACM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;4BAC9C,YAAY,GAAG,IAAA,gCAAsB,EAAC,aAAa,CAAC,CAAA;yBACrD;wBAED,IAAI,gBAAgB,KAAK,0BAA0B,EAAE;4BAC7C,IAAI,cACR,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IACxC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CACnD,CAAA;4BAED,YAAY,GAAG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAAA;yBAC5C;wBAED,sBAAO;gCACL,IAAI,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE;6BACvD,EAAA;qBACF;oBAED,sBAAO;4BACL,IAAI,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;yBACjC,EAAA;;;;CACF,CAAA;AA9EY,QAAA,iBAAiB,qBA8E7B"}
+{"version":3,"file":"editFieldProvider.js","sourceRoot":"","sources":["../../src/providers/editFieldProvider.ts"],"names":[],"mappings":"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"}

package/dist/providers/index.d.ts

@@ -0,0 +1,7 @@
+export * from './editFieldProvider';
+export * from './newslettersAndAlertsProvider';
+export * from './paymentProvider';
+export * from './personalDetailsProvider';
+export * from './subscriptionAndBillingProvider';
+export * from './paymentProvider';
+export * from './types';

package/dist/providers/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./editFieldProvider"), exports);
+__exportStar(require("./newslettersAndAlertsProvider"), exports);
+__exportStar(require("./paymentProvider"), exports);
+__exportStar(require("./personalDetailsProvider"), exports);
+__exportStar(require("./subscriptionAndBillingProvider"), exports);
+__exportStar(require("./paymentProvider"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAmC;AACnC,iEAA8C;AAC9C,oDAAiC;AACjC,4DAAyC;AACzC,mEAAgD;AAChD,oDAAiC;AACjC,0CAAuB"}

package/dist/providers/paymentProvider.d.ts

@@ -0,0 +1,9 @@
+import { PaymentProvider } from '../pages/types';
+import { ProviderArgs } from './types';
+export declare const paymentProvider: ({ context }: ProviderArgs) => Promise<{
+    paymentProvider: PaymentProvider | undefined;
+    paymentData?: undefined;
+} | {
+    paymentData: any;
+    paymentProvider: PaymentProvider | undefined;
+}>;

package/dist/providers/paymentProvider.js

@@ -0,0 +1,83 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 };
+    }
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paymentProvider = void 0;
+var types_1 = require("../pages/types");
+var zuoraPaymentProvider_1 = require("./zuoraPaymentProvider");
+var providerMap = (_a = {},
+    _a[types_1.PaymentProvider.Zuora] = zuoraPaymentProvider_1.zuoraPaymentProvider,
+    _a);
+var paymentProvider = function (_a) {
+    var context = _a.context;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var paymentProvider, provider, providerData;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    paymentProvider = context.paymentProvider;
+                    provider = providerMap[paymentProvider];
+                    if (!provider) {
+                        return [2 /*return*/, {
+                                paymentProvider: paymentProvider,
+                            }];
+                    }
+                    return [4 /*yield*/, provider()];
+                case 1:
+                    providerData = _b.sent();
+                    return [2 /*return*/, {
+                            paymentData: __assign(__assign({}, providerData), { pageId: process.env.ZUORA_PAGE_ID, url: process.env.ZUORA_RSA_SIGNATURE_URI }),
+                            paymentProvider: paymentProvider,
+                        }];
+            }
+        });
+    });
+};
+exports.paymentProvider = paymentProvider;
+//# sourceMappingURL=paymentProvider.js.map

package/dist/providers/paymentProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paymentProvider.js","sourceRoot":"","sources":["../../src/providers/paymentProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAgD;AAEhD,+DAA6D;AAE7D,IAAM,WAAW;IACf,GAAC,uBAAe,CAAC,KAAK,IAAG,2CAAoB;OAC9C,CAAA;AAEM,IAAM,eAAe,GAAG,UAAO,EAAyB;QAAvB,OAAO,aAAA;;;;;;oBACrC,eAAe,GAAK,OAAiC,gBAAtC,CAAsC;oBAEvD,QAAQ,GAAG,WAAW,CAAC,eAAkC,CAAC,CAAA;oBAChE,IAAI,CAAC,QAAQ,EAAE;wBACb,sBAAO;gCACL,eAAe,iBAAA;6BAChB,EAAA;qBACF;oBACoB,qBAAM,QAAQ,EAAE,EAAA;;oBAA/B,YAAY,GAAG,SAAgB;oBAErC,sBAAO;4BACL,WAAW,wBACN,YAAY,KACf,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,aAAa,EACjC,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,GACzC;4BACD,eAAe,iBAAA;yBAChB,EAAA;;;;CACF,CAAA;AAnBY,QAAA,eAAe,mBAmB3B"}

package/dist/providers/types.d.ts

@@ -1,5 +1,13 @@
+import { PaymentProvider } from './../pages/types';
 import { ApolloClient, DocumentNode, NormalizedCacheObject } from '@apollo/client';
-import { ServerSidePropsContext } from '../getProviderProps';
+import { GetServerSidePropsContext } from 'next';
+export declare type ServerSidePropsContext = GetServerSidePropsContext & {
+    params: {
+        field: string;
+    };
+    provider: string;
+    paymentProvider?: PaymentProvider;
+};
 export declare type ProviderArgs = {
     mainApolloClient: ApolloClient<NormalizedCacheObject>;
     nkApiApolloClient: ApolloClient<NormalizedCacheObject>;
@@ -13,3 +21,11 @@ export declare type UserMutation = {
     internal: DocumentNode;
     external?: DocumentNode;
 };
+export declare type RSASignature = {
+    id: string;
+    tenantId: number;
+    token: string;
+    signature: string;
+    key: string;
+    success: boolean;
+};

package/dist/providers/zuoraPaymentProvider.d.ts

@@ -0,0 +1,2 @@
+import { RSASignature } from './types';
+export declare const zuoraPaymentProvider: () => Promise<RSASignature>;

package/dist/{api/generateRSASignature.js → providers/zuoraPaymentProvider.js}

@@ -39,14 +39,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateRSASignature = void 0;
+exports.zuoraPaymentProvider = void 0;
 var cross_fetch_1 = __importDefault(require("cross-fetch"));
 var helpers_1 = require("../helpers");
 var api_1 = require("@newskit-render/api");
 var constants_1 = require("../constants");
 var CACHED_ACCESS_TOKEN;
 var CACHED_DATE;
-var generateRSASignature = function (req, res) { return __awaiter(void 0, void 0, void 0, function () {
+var zuoraPaymentProvider = function () { return __awaiter(void 0, void 0, void 0, function () {
     var isValid, response, signature;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -76,11 +76,9 @@ var generateRSASignature = function (req, res) { return __awaiter(void 0, void 0
                 return [4 /*yield*/, (0, helpers_1.getJSONResponse)(response)];
             case 4:
                 signature = _a.sent();
-                res.status(200);
-                res.end(JSON.stringify(signature));
-                return [2 /*return*/];
+                return [2 /*return*/, signature];
         }
     });
 }); };
-exports.generateRSASignature = generateRSASignature;
-//# sourceMappingURL=generateRSASignature.js.map
+exports.zuoraPaymentProvider = zuoraPaymentProvider;
+//# sourceMappingURL=zuoraPaymentProvider.js.map

package/dist/providers/zuoraPaymentProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zuoraPaymentProvider.js","sourceRoot":"","sources":["../../src/providers/zuoraPaymentProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA+B;AAC/B,sCAA0D;AAC1D,2CAAoD;AACpD,0CAMqB;AAGrB,IAAI,mBAAmB,CAAA;AACvB,IAAI,WAAW,CAAA;AAER,IAAM,oBAAoB,GAAG;;;;;gBAC5B,OAAO,GAAG,IAAA,sBAAY,EAAC,WAAW,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,CAAC,CAAA;qBAEtE,CAAC,OAAO,EAAR,wBAAQ;gBACY,qBAAM,IAAA,oBAAc,EAAC,kCAAsB,CAAC,EAAA;;gBAAlE,mBAAmB,GAAG,SAA4C,CAAA;gBAClE,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;;oBAGT,qBAAM,IAAA,qBAAK,EAAC,mCAAiC,EAAE;oBAC9D,OAAO,EAAE;wBACP,aAAa,EAAE,YAAU,mBAAmB,CAAC,YAAc;wBAC3D,cAAc,EAAE,kBAAkB;qBACnC;oBACD,MAAM,EAAE,MAAM;oBACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnB,QAAQ,EAAE,0BAAwB;wBAClC,MAAM,EAAE,MAAM;wBACd,MAAM,EAAE,yBAAuB;wBAC/B,GAAG,EAAE,mCAAiC;qBACvC,CAAC;iBACH,CAAC,EAAA;;gBAZI,QAAQ,GAAG,SAYf;gBAEgB,qBAAM,IAAA,yBAAe,EAAe,QAAQ,CAAC,EAAA;;gBAAzD,SAAS,GAAG,SAA6C;gBAE/D,sBAAO,SAAS,EAAA;;;KACjB,CAAA;AAzBY,QAAA,oBAAoB,wBAyBhC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/my-account",
-  "version": "0.108.1",
+  "version": "0.108.3",
   "description": "Newskit Render",
   "author": "",
   "license": "UNLICENSED",
@@ -25,8 +25,8 @@
   "dependencies": {
     "@apollo/client": "^3.4.16",
     "@hookform/resolvers": "^2.5.2",
-    "@newskit-render/api": "^0.4.0",
-    "@newskit-render/shared-components": "^0.10.0",
+    "@newskit-render/api": "^0.4.1",
+    "@newskit-render/shared-components": "^0.10.2",
     "@stripe/react-stripe-js": "^1.4.1",
     "@stripe/stripe-js": "^1.17.0",
     "cookie": "^0.4.1",
@@ -61,7 +61,7 @@
     "@typescript-eslint/parser": "^4.9.0",
     "axe-core": "^4.3.4",
     "babel-loader": "^8.2.2",
-    "cypress": "^7.4.0",
+    "cypress": "9.0.0",
     "cypress-axe": "^0.13.0",
     "eslint": "^7.14.0",
     "eslint-config-prettier": "^6.15.0",

package/dist/api/generateRSASignature.d.ts

@@ -1,2 +0,0 @@
-import { NextApiRequest, NextApiResponse } from 'next';
-export declare const generateRSASignature: (req: NextApiRequest, res: NextApiResponse) => Promise<void>;

package/dist/api/generateRSASignature.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"generateRSASignature.js","sourceRoot":"","sources":["../../src/api/generateRSASignature.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4DAA+B;AAC/B,sCAA0D;AAC1D,2CAAoD;AACpD,0CAMqB;AAGrB,IAAI,mBAAmB,CAAA;AACvB,IAAI,WAAW,CAAA;AAER,IAAM,oBAAoB,GAAG,UAClC,GAAmB,EACnB,GAAoB;;;;;gBAEd,OAAO,GAAG,IAAA,sBAAY,EAAC,WAAW,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,CAAC,CAAA;qBAEtE,CAAC,OAAO,EAAR,wBAAQ;gBACY,qBAAM,IAAA,oBAAc,EAAC,kCAAsB,CAAC,EAAA;;gBAAlE,mBAAmB,GAAG,SAA4C,CAAA;gBAClE,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;;oBAGT,qBAAM,IAAA,qBAAK,EAAC,mCAAiC,EAAE;oBAC9D,OAAO,EAAE;wBACP,aAAa,EAAE,YAAU,mBAAmB,CAAC,YAAc;wBAC3D,cAAc,EAAE,kBAAkB;qBACnC;oBACD,MAAM,EAAE,MAAM;oBACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACnB,QAAQ,EAAE,0BAAwB;wBAClC,MAAM,EAAE,MAAM;wBACd,MAAM,EAAE,yBAAuB;wBAC/B,GAAG,EAAE,mCAAiC;qBACvC,CAAC;iBACH,CAAC,EAAA;;gBAZI,QAAQ,GAAG,SAYf;gBAEgB,qBAAM,IAAA,yBAAe,EAAa,QAAQ,CAAC,EAAA;;gBAAvD,SAAS,GAAG,SAA2C;gBAE7D,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBACf,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;;;;KACnC,CAAA;AA7BY,QAAA,oBAAoB,wBA6BhC"}