@newskit-render/my-account 7.20.3 → 7.21.0

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Zuora: React.FC<{
+    paymentMethod: string;
+}>;

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

@@ -0,0 +1,264 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Zuora = void 0;
+/* istanbul ignore file */
+var context_1 = require("../../../../../context");
+var react_1 = __importStar(require("react"));
+var router_1 = require("next/router");
+var onFormSubmit_1 = __importDefault(require("../../onFormSubmit"));
+var newskit_1 = require("newskit");
+var types_1 = require("../../../../../context/types");
+var paymentUtils_1 = require("../../../../../helpers/paymentUtils");
+var dataUtils_1 = require("../../../../../helpers/dataUtils");
+var styled_1 = require("./styled");
+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);
+};
+var getPrepopulateFields = function (paymentMethod, paymentSupportData) {
+    var _a;
+    if (!paymentMethod)
+        return {};
+    if (paymentMethod === 'direct-debit' ||
+        (paymentMethod === 'payment' &&
+            paymentSupportData.mandateId &&
+            ((_a = paymentSupportData.mandateId) === null || _a === void 0 ? void 0 : _a.length) > 0)) {
+        var today = new Date();
+        return {
+            mandateId: paymentSupportData.mandateId,
+            mandateCreationDateDay: today.getDate(),
+            mandateCreationDateMonth: today.getMonth() + 1,
+            mandateCreationDateYear: today.getFullYear(),
+            mandateUpdateDateDay: today.getDate(),
+            mandateUpdateDateMonth: today.getMonth() + 1,
+            mandateUpdateDateYear: today.getFullYear(),
+            mandateReceivedStatus: 'Yes',
+        };
+    }
+    // paymentMethod === 'credit-card' || paymentMethod === 'payment' && paymentSupportData.mandateId === null
+    return {
+        creditCardCountry: 'GBR',
+    };
+};
+var Zuora = function (_a) {
+    var _b;
+    var paymentMethod = _a.paymentMethod;
+    var _c = (0, context_1.useAccountContext)(types_1.ContextName[(0, paymentUtils_1.getPaymentContextName)(paymentMethod)]), cancelButton = _c.cancelButton, paymentPageData = _c.paymentPageData, handleLoading = _c.handleLoading, handleError = _c.handleError, handleSuccess = _c.handleSuccess, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, zuoraCustomErrorMessages = _c.zuoraCustomErrorMessages;
+    if (!paymentPageData) {
+        return null;
+    }
+    var _d = paymentPageData, pageId = _d.pageId, mandateId = _d.mandateId, signature = _d.signature, key = _d.key, token = _d.token, tenantId = _d.tenantId, timestamp = _d.timestamp, url = _d.url;
+    var _e = zuoraCustomErrorMessages, creditCardHolderName = _e.creditCardHolderName, creditCardNumber = _e.creditCardNumber, cardSecurityCode = _e.cardSecurityCode, creditCardExpiration = _e.creditCardExpiration, creditCardPostalCode = _e.creditCardPostalCode, creditCardCountry = _e.creditCardCountry, unknownError = _e.unknownError;
+    var router = (0, router_1.useRouter)();
+    var iframeContainerRef = (0, react_1.useRef)(null);
+    var _f = (0, react_1.useState)(false), isIFrameLoaded = _f[0], setIsIFrameLoaded = _f[1];
+    var hasCancelButton = cancelButton && cancelButton.text;
+    var hostedPageCallback = function (response) { return __awaiter(void 0, void 0, void 0, function () {
+        var refId, signature_1, token_1, mutationObject;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!response.success) return [3 /*break*/, 2];
+                    if (handleLoading)
+                        handleLoading('pending', errorMessages, genericErrorMessage, undefined, 60000);
+                    refId = response.refId, signature_1 = response.signature, token_1 = response.token;
+                    mutationObject = {
+                        id: pageId,
+                        tenantId: tenantId,
+                        timestamp: timestamp,
+                        token: token_1,
+                        responseSignature: signature_1,
+                        refId: refId,
+                    };
+                    return [4 /*yield*/, (0, onFormSubmit_1.default)(mutationObject, 'zuoraPaymentMethod', router, function () {
+                            if (handleError)
+                                handleError('error', errorMessages, genericErrorMessage);
+                        }, handleSuccess, "".concat(baseUrl, "/subscription-and-billing"))];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    if (!response.success) {
+                        handleError && handleError('paymentFailure', errorMessages);
+                    }
+                    else {
+                        handleError && handleError('payment', errorMessages);
+                    }
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var errorMessageCallback = function (key, code, message, rawGatewayInfo) {
+        var errorMessage = message;
+        if (key != 'error') {
+            switch (key) {
+                case 'creditCardHolderName':
+                    if (code == '001') {
+                        errorMessage = creditCardHolderName;
+                    }
+                    break;
+                case 'creditCardNumber':
+                    if (code == '001') {
+                        errorMessage = creditCardNumber.one;
+                    }
+                    if (code == '002') {
+                        errorMessage = creditCardNumber.two;
+                    }
+                    if (code == '003') {
+                        errorMessage = creditCardNumber.three;
+                    }
+                    break;
+                case 'cardSecurityCode':
+                    if (code == '001') {
+                        errorMessage = cardSecurityCode.one;
+                    }
+                    if (code == '004') {
+                        errorMessage = cardSecurityCode.four;
+                    }
+                    break;
+                case 'creditCardExpirationYear':
+                case 'creditCardExpirationMonth':
+                    if (code == '001') {
+                        errorMessage = creditCardExpiration;
+                    }
+                    break;
+                case 'creditCardPostalCode':
+                    if (code == '001') {
+                        errorMessage = creditCardPostalCode;
+                    }
+                    break;
+                case 'creditCardCountry':
+                    if (code == '001') {
+                        errorMessage = creditCardCountry;
+                    }
+                    break;
+            }
+        }
+        else {
+            if (code == 'unknown' && rawGatewayInfo) {
+                // customize error message based on the rawGatewayInfo
+                errorMessage = "".concat(rawGatewayInfo.responseCode, ": ").concat(rawGatewayInfo.responseMessage);
+            }
+            else {
+                errorMessage = unknownError;
+            }
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var anyWindow = window;
+        anyWindow.Z.sendErrorMessageToHpm(key, errorMessage);
+    };
+    var loadHostedPage = function () {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var anyWindow = window;
+        var params = {
+            tenantId: tenantId,
+            id: pageId,
+            token: token,
+            signature: signature,
+            style: 'inline',
+            key: key,
+            submitEnabled: 'true',
+            url: url,
+        };
+        var prepopulateFields = getPrepopulateFields(paymentMethod, { mandateId: mandateId });
+        anyWindow.Z.renderWithErrorHandler(params, prepopulateFields, hostedPageCallback, errorMessageCallback);
+        anyWindow.Z.setEventHandler('onloadCallback', function () {
+            setIsIFrameLoaded(true);
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        if (typeof window !== 'undefined') {
+            addZuoraScript(loadHostedPage);
+        }
+    }, []);
+    return (react_1.default.createElement(newskit_1.GridLayout, { rows: '1fr auto', rowGap: { xs: 'space040', lg: 'space000' }, overrides: {
+            marginBlockEnd: {
+                xs: 'space070',
+                md: 'space080',
+                lg: 'space090', //64px
+            },
+        } },
+        react_1.default.createElement(styled_1.StyledIframeContainer, { id: "zuora_payment", ref: iframeContainerRef }),
+        hasCancelButton && isIFrameLoaded && (react_1.default.createElement(styled_1.StyledBackButton, { backButton: {
+                text: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text,
+                href: (0, dataUtils_1.replaceBaseURL)(baseUrl, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href),
+                'aria-label': cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'],
+            }, backButtonOverrides: {
+                asLink: true,
+                iconSize: 'iconSize000',
+                typographyPreset: 'utilityButton020',
+            }, overrides: {
+                //In Figma the Cancel button is an actually button with buttonMinimalSecondary preset
+                //In code Cancel is a LinkStandalone component which does not support button style presets
+                stylePreset: (_b = cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.overrides) === null || _b === void 0 ? void 0 : _b.stylePreset,
+            } }))));
+};
+exports.Zuora = Zuora;
+//# sourceMappingURL=Zuora.js.map

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

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

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

@@ -1,8 +1,3 @@
-import React from 'react';
-import { ZuoraPaymentData, ZuoraCustomErrorMessages } from './types';
-export declare const addZuoraScript: (onLoadCallback: () => void) => void;
-declare const Zuora: React.FC<{
-    paymentMethod: string;
-}>;
-export { ZuoraPaymentData, ZuoraCustomErrorMessages };
+import { Zuora } from './Zuora';
+export * from './types';
 export default Zuora;

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

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -14,236 +10,11 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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.addZuoraScript = void 0;
-var context_1 = require("../../../../../context");
-var react_1 = __importStar(require("react"));
-var router_1 = require("next/router");
-var onFormSubmit_1 = __importDefault(require("../../onFormSubmit"));
-var newskit_1 = require("newskit");
-var shared_components_1 = require("@newskit-render/shared-components");
-var types_1 = require("../../../../../context/types");
-var paymentUtils_1 = require("../../../../../helpers/paymentUtils");
-var dataUtils_1 = require("../../../../../helpers/dataUtils");
-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 StyledDiv = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  iframe#z_hppm_iframe {\n    background: none;\n    border: none;\n    width: 100%;\n  }\n"], ["\n  iframe#z_hppm_iframe {\n    background: none;\n    border: none;\n    width: 100%;\n  }\n"])));
-var StyledBackButton = (0, newskit_1.styled)(shared_components_1.BackButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 48px; /* same value hardcoded in the hosted page */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > a {\n    align-self: stretch;\n    display: flex;\n    justify-content: center;\n    flex-basis: 100%;\n    text-decoration: none;\n    ", "\n    border-radius: none;\n  }\n\n  & > a:hover {\n    border-radius: none;\n  }\n\n  ", " {\n    justify-self: end;\n    width: 98px; /* same value hardcoded in the hosted page */\n    margin-right: calc(98px + 16px);\n    margin-top: -48px;\n  }\n"], ["\n  height: 48px; /* same value hardcoded in the hosted page */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > a {\n    align-self: stretch;\n    display: flex;\n    justify-content: center;\n    flex-basis: 100%;\n    text-decoration: none;\n    ", "\n    border-radius: none;\n  }\n\n  & > a:hover {\n    border-radius: none;\n  }\n\n  ", " {\n    justify-self: end;\n    width: 98px; /* same value hardcoded in the hosted page */\n    margin-right: calc(98px + 16px);\n    margin-top: -48px;\n  }\n"])), function (_a) {
-    var overrides = _a.overrides;
-    return (overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset) && (0, newskit_1.getStylePresetFromTheme)(overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset);
-}, (0, newskit_1.getMediaQueryFromTheme)('lg'));
-var Zuora = function (_a) {
-    var _b;
-    var paymentMethod = _a.paymentMethod;
-    var _c = (0, context_1.useAccountContext)(types_1.ContextName[(0, paymentUtils_1.getPaymentContextName)(paymentMethod)]), cancelButton = _c.cancelButton, paymentData = _c.paymentData, handleLoading = _c.handleLoading, handleError = _c.handleError, handleSuccess = _c.handleSuccess, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, zuoraCustomErrorMessages = _c.zuoraCustomErrorMessages;
-    if (!paymentData) {
-        return null;
-    }
-    var _d = paymentData, signature = _d.signature, token = _d.token, tenantId = _d.tenantId, key = _d.key, pageId = _d.pageId, url = _d.url, timestamp = _d.timestamp;
-    var _e = zuoraCustomErrorMessages, creditCardHolderName = _e.creditCardHolderName, creditCardNumber = _e.creditCardNumber, cardSecurityCode = _e.cardSecurityCode, creditCardExpiration = _e.creditCardExpiration, creditCardPostalCode = _e.creditCardPostalCode, creditCardCountry = _e.creditCardCountry, unknownError = _e.unknownError;
-    var router = (0, router_1.useRouter)();
-    var iframeContainerRef = (0, react_1.useRef)(null);
-    var _f = (0, react_1.useState)(false), isIFrameLoaded = _f[0], setIsIFrameLoaded = _f[1];
-    var hasCancelButton = cancelButton && cancelButton.text;
-    var hostedPageCallback = function (response) { return __awaiter(void 0, void 0, void 0, function () {
-        var refId, signature_1, token_1, mutationObject;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!response.success) return [3 /*break*/, 2];
-                    if (handleLoading)
-                        handleLoading('pending', errorMessages, genericErrorMessage, undefined, 60000);
-                    refId = response.refId, signature_1 = response.signature, token_1 = response.token;
-                    mutationObject = {
-                        refId: refId,
-                        responseSignature: signature_1,
-                        token: token_1,
-                        id: pageId,
-                        timestamp: timestamp,
-                        tenantId: tenantId,
-                    };
-                    return [4 /*yield*/, (0, onFormSubmit_1.default)(mutationObject, 'zuoraPaymentMethod', router, function () {
-                            if (handleError)
-                                handleError('error', errorMessages, genericErrorMessage);
-                        }, handleSuccess, "".concat(baseUrl, "/subscription-and-billing"))];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 3];
-                case 2:
-                    if (!response.success) {
-                        handleError && handleError('paymentFailure', errorMessages);
-                    }
-                    else {
-                        handleError && handleError('payment', errorMessages);
-                    }
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var errorMessageCallback = function (key, code, message, rawGatewayInfo) {
-        var errorMessage = message;
-        if (key != 'error') {
-            switch (key) {
-                case 'creditCardHolderName':
-                    if (code == '001') {
-                        errorMessage = creditCardHolderName;
-                    }
-                    break;
-                case 'creditCardNumber':
-                    if (code == '001') {
-                        errorMessage = creditCardNumber.one;
-                    }
-                    if (code == '002') {
-                        errorMessage = creditCardNumber.two;
-                    }
-                    if (code == '003') {
-                        errorMessage = creditCardNumber.three;
-                    }
-                    break;
-                case 'cardSecurityCode':
-                    if (code == '001') {
-                        errorMessage = cardSecurityCode.one;
-                    }
-                    if (code == '004') {
-                        errorMessage = cardSecurityCode.four;
-                    }
-                    break;
-                case 'creditCardExpirationYear':
-                case 'creditCardExpirationMonth':
-                    if (code == '001') {
-                        errorMessage = creditCardExpiration;
-                    }
-                    break;
-                case 'creditCardPostalCode':
-                    if (code == '001') {
-                        errorMessage = creditCardPostalCode;
-                    }
-                    break;
-                case 'creditCardCountry':
-                    if (code == '001') {
-                        errorMessage = creditCardCountry;
-                    }
-                    break;
-            }
-        }
-        else {
-            if (code == 'unknown' && rawGatewayInfo) {
-                // customize error message based on the rawGatewayInfo
-                errorMessage = "".concat(rawGatewayInfo.responseCode, ": ").concat(rawGatewayInfo.responseMessage);
-            }
-            else {
-                errorMessage = unknownError;
-            }
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var anyWindow = window;
-        anyWindow.Z.sendErrorMessageToHpm(key, errorMessage);
-    };
-    var loadHostedPage = function () {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var anyWindow = window;
-        anyWindow.Z.renderWithErrorHandler({
-            tenantId: tenantId,
-            token: token,
-            signature: signature,
-            key: key,
-            style: 'inline',
-            submitEnabled: 'true',
-            url: url,
-            id: pageId,
-        }, {
-            creditCardCountry: 'GBR',
-        }, hostedPageCallback, errorMessageCallback);
-        anyWindow.Z.setEventHandler('onloadCallback', function () {
-            setIsIFrameLoaded(true);
-        });
-    };
-    (0, react_1.useEffect)(function () {
-        if (typeof window !== 'undefined') {
-            (0, exports.addZuoraScript)(loadHostedPage);
-        }
-    }, []);
-    return (react_1.default.createElement(newskit_1.GridLayout, { rows: '1fr auto', rowGap: { xs: 'space040', lg: 'space000' }, overrides: {
-            marginBlockEnd: {
-                xs: 'space070',
-                md: 'space080',
-                lg: 'space090', //64px
-            },
-        } },
-        react_1.default.createElement(StyledDiv, { id: "zuora_payment", ref: iframeContainerRef }),
-        hasCancelButton && isIFrameLoaded && (react_1.default.createElement(StyledBackButton, { backButton: {
-                text: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text,
-                href: (0, dataUtils_1.replaceBaseURL)(baseUrl, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href),
-                'aria-label': cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'],
-            }, backButtonOverrides: {
-                asLink: true,
-                iconSize: 'iconSize000',
-                typographyPreset: 'utilityButton020',
-            }, overrides: {
-                //In Figma the Cancel button is an actually button with buttonMinimalSecondary preset
-                //In code Cancel is a LinkStandalone component which does not support button style presets
-                stylePreset: (_b = cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.overrides) === null || _b === void 0 ? void 0 : _b.stylePreset,
-            } }))));
-};
-exports.default = Zuora;
-var templateObject_1, templateObject_2;
+var Zuora_1 = require("./Zuora");
+__exportStar(require("./types"), exports);
+exports.default = Zuora_1.Zuora;
 //# sourceMappingURL=index.js.map

package/dist/cjs/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":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iCAA+B;AAE/B,0CAAuB;AACvB,kBAAe,aAAK,CAAA"}

package/dist/cjs/Components/Sections/Form/Payment/Zuora/styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { MQ } from 'newskit';
+export declare const StyledIframeContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBackButton: import("@emotion/styled").StyledComponent<import("@newskit-render/shared-components").BackButtonProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    overrides?: {
+        stylePreset?: MQ<string> | undefined;
+    } | undefined;
+}, {}, {}>;

package/dist/cjs/Components/Sections/Form/Payment/Zuora/styled.js

@@ -0,0 +1,16 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBackButton = exports.StyledIframeContainer = void 0;
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+exports.StyledIframeContainer = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  iframe#z_hppm_iframe {\n    background: none;\n    border: none;\n    width: 100%;\n  }\n"], ["\n  iframe#z_hppm_iframe {\n    background: none;\n    border: none;\n    width: 100%;\n  }\n"])));
+exports.StyledBackButton = (0, newskit_1.styled)(shared_components_1.BackButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 48px; /* same value hardcoded in the hosted page */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > a {\n    align-self: stretch;\n    display: flex;\n    justify-content: center;\n    flex-basis: 100%;\n    text-decoration: none;\n    ", "\n    border-radius: none;\n  }\n\n  & > a:hover {\n    border-radius: none;\n  }\n\n  ", " {\n    justify-self: end;\n    width: 98px; /* same value hardcoded in the hosted page */\n    margin-right: calc(98px + 16px);\n    margin-top: -48px;\n  }\n"], ["\n  height: 48px; /* same value hardcoded in the hosted page */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > a {\n    align-self: stretch;\n    display: flex;\n    justify-content: center;\n    flex-basis: 100%;\n    text-decoration: none;\n    ", "\n    border-radius: none;\n  }\n\n  & > a:hover {\n    border-radius: none;\n  }\n\n  ", " {\n    justify-self: end;\n    width: 98px; /* same value hardcoded in the hosted page */\n    margin-right: calc(98px + 16px);\n    margin-top: -48px;\n  }\n"])), function (_a) {
+    var overrides = _a.overrides;
+    return (overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset) && (0, newskit_1.getStylePresetFromTheme)(overrides === null || overrides === void 0 ? void 0 : overrides.stylePreset);
+}, (0, newskit_1.getMediaQueryFromTheme)('lg'));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/Components/Sections/Form/Payment/Zuora/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAKgB;AAChB,uEAA8D;AAEjD,QAAA,qBAAqB,GAAG,gBAAM,CAAC,GAAG,kKAAA,+FAM9C,KAAA;AAEY,QAAA,gBAAgB,GAAG,IAAA,gBAAM,EAAC,8BAAU,CAAC,0lBAEhD,yRAYI,EACyE,yFAQ3E,EAA4B,iKAM/B,KAfK,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,IAAA,iCAAuB,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,CAAC;AAAzE,CAAyE,EAQ3E,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAM/B"}

package/dist/cjs/Components/Sections/Form/Payment/Zuora/types.d.ts

@@ -14,12 +14,13 @@ export interface ZuoraCustomErrorMessages {
     creditCardCountry: string;
     unknownError: string;
 }
-export interface ZuoraPaymentData {
+export interface ZuoraPaymentPageData {
+    pageId: string;
+    mandateId: string | null;
     signature: string;
+    key: string;
     token: string;
     tenantId: number;
-    key: string;
-    pageId: string;
-    url: string;
     timestamp: number;
+    url: string;
 }

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

@@ -1,4 +1,4 @@
 import Stripe from './Stripe';
-import Zuora, { ZuoraPaymentData, ZuoraCustomErrorMessages } from './Zuora';
+import Zuora, { ZuoraPaymentPageData, ZuoraCustomErrorMessages } from './Zuora';
 import { PaymentProvider } from './types';
-export { Stripe, Zuora, ZuoraPaymentData, ZuoraCustomErrorMessages, PaymentProvider, };
+export { Stripe, Zuora, ZuoraPaymentPageData, ZuoraCustomErrorMessages, PaymentProvider, };

package/dist/cjs/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;AAK3B,iBALK,gBAAM,CAKL;AAJR,kDAA2E;AAKzE,gBALK,eAAK,CAKL;AAJP,iCAAyC;AAOvC,gGAPO,uBAAe,OAOP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Payment/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA6B;AAK3B,iBALK,gBAAM,CAKL;AAJR,kDAA+E;AAK7E,gBALK,eAAK,CAKL;AAJP,iCAAyC;AAOvC,gGAPO,uBAAe,OAOP"}