@newskit-render/my-account 7.20.3 → 7.21.0

package/dist/cjs/Components/Sections/Form/Phone/Phone.js

@@ -86,7 +86,7 @@ var onFormSubmit_1 = __importDefault(require("../onFormSubmit"));
 var max_1 = __importDefault(require("react-phone-number-input/max"));
 var react_phone_number_input_1 = require("react-phone-number-input");
 var types_1 = require("../../../../context/types");
-var styles_1 = require("./styles");
+var styled_1 = require("./styled");
 var Error_1 = require("@emotion-icons/material/Error");
 var CheckCircle_1 = require("@emotion-icons/material/CheckCircle");
 var lodash_unescape_1 = __importDefault(require("lodash.unescape"));
@@ -164,9 +164,9 @@ var Phone = function (_a) {
         });
     }); };
     return (react_1.default.createElement(shared_components_1.FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", isFooterVisible: isFooterVisible },
-        react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          ", "", "\n        "], ["\n          ", "", "\n        "])), styles_1.phoneInputCSS, styles_1.styledInputs) }),
+        react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          ", "", "\n        "], ["\n          ", "", "\n        "])), styled_1.phoneInputCSS, styled_1.styledInputs) }),
         react_1.default.createElement(newskit_1.Label, __assign({ htmlFor: "".concat(type, "-phone-input") }, inputText === null || inputText === void 0 ? void 0 : inputText.labelProps), "".concat(phoneDisplayName.charAt(0).toUpperCase() + phoneDisplayName.slice(1), " phone number")),
-        react_1.default.createElement(styles_1.InputIconContainerBlock, { id: "Input-Icon-Container", marginBlockEnd: "space080" },
+        react_1.default.createElement(styled_1.InputIconContainerBlock, { id: "Input-Icon-Container", marginBlockEnd: "space080" },
             react_1.default.createElement(newskit_1.ScreenReaderOnly, null,
                 react_1.default.createElement("span", null, phoneDisplayName)),
             react_1.default.createElement(max_1.default, { id: "".concat(type, "-phone-input"), defaultCountry: "GB", initialValueFormat: isGBPhone ? 'national' : undefined, value: inputValue, name: type, onChange: function (number) {
@@ -175,7 +175,7 @@ var Phone = function (_a) {
                     return fireEvent((0, shared_components_1.createClickEvent)('phone-input', "personal details update:phone number"));
                 } }),
             (error || success) && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(styles_1.IconContainer, { "data-testid": "IconContainer" },
+                react_1.default.createElement(styled_1.IconContainer, { "data-testid": "IconContainer" },
                     error && (react_1.default.createElement(IconFilledError, { "data-testid": "ErrorIcon", overrides: {
                             size: 'iconSize020',
                             stylePreset: 'iconNegative',
@@ -184,7 +184,7 @@ var Phone = function (_a) {
                             size: 'iconSize020',
                             stylePreset: 'iconPositive',
                         } }))),
-                error && (react_1.default.createElement(styles_1.AssistiveTextWrapper, { paddingInlineEnd: "space020" },
+                error && (react_1.default.createElement(styled_1.AssistiveTextWrapper, { paddingInlineEnd: "space020" },
                     react_1.default.createElement(newskit_1.AssistiveText, { "data-testid": "ErrorMessage", state: "invalid" }, errMessage)))))),
         react_1.default.createElement(shared_components_1.ButtonGroup, __assign({}, buttonGroupProps, { primaryButton: __assign(__assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), { onClick: onSubmitPhone, text: ((_b = buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton) === null || _b === void 0 ? void 0 : _b.text) || 'Save' }), loading: success }))));
 };

package/dist/cjs/Components/Sections/Form/Phone/{styles.js → styled.js}

@@ -13,4 +13,4 @@ exports.InputIconContainerBlock = (0, newskit_1.styled)(newskit_1.Block)(templat
 exports.IconContainer = newskit_1.styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  right: 10px;\n  top: 37px;\n  transform: translate(0, -90%);\n"], ["\n  position: absolute;\n  right: 10px;\n  top: 37px;\n  transform: translate(0, -90%);\n"])));
 exports.AssistiveTextWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n"], ["\n  position: absolute;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styled.js.map

package/dist/cjs/Components/Sections/Form/Phone/{styles.js.map → styled.js.map}

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAKgB;AAEH,QAAA,aAAa,GAAG,yjHAqH5B,CAAA;AACY,QAAA,YAAY,GAAG,udA2B3B,CAAA;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,uKAAA,6BAExC,EAAkD,MAClD,EAA4B,+BAG5B,EAA4B,4BAG/B,KAPG,IAAA,gCAAsB,EAAC,cAAc,EAAE,UAAU,CAAC,EAClD,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG/B;AAEY,QAAA,uBAAuB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,+JAAA,6BAEhD,EAA4B,+BAG5B,EAA4B,4BAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG/B;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,IAAI,8JAAA,2FAKvC,KAAA;AACY,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,8FAAA,2BAEhD,KAAA"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAKgB;AAEH,QAAA,aAAa,GAAG,yjHAqH5B,CAAA;AACY,QAAA,YAAY,GAAG,udA2B3B,CAAA;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,uKAAA,6BAExC,EAAkD,MAClD,EAA4B,+BAG5B,EAA4B,4BAG/B,KAPG,IAAA,gCAAsB,EAAC,cAAc,EAAE,UAAU,CAAC,EAClD,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG/B;AAEY,QAAA,uBAAuB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,+JAAA,6BAEhD,EAA4B,+BAG5B,EAA4B,4BAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG/B;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,IAAI,8JAAA,2FAKvC,KAAA;AACY,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,8FAAA,2BAEhD,KAAA"}

package/dist/cjs/Components/Templates/PaymentRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,uEAA+E;AAC/E,yCAA4E;AAC5E,yCAAqE;AACrE,2DAAkE;AAClE,oDAAyE;AACzE,wDAA6D;AAC7D,6CAAiD;AACjD,uCAIqB;AACrB,qCAIoB;AAGP,QAAA,YAAY,GAAG;IAC1B,MAAM,kBAAA;IACN,KAAK,iBAAA;CACN,CAAA;AACY,QAAA,iBAAiB,GAAsB;IAClD,aAAa,EAAE;QACb,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,8BAAqB;QAC7B,GAAG,EAAE,gCAAwB;QAC7B,OAAO,EAAE,mBAAW,CAAC,aAAa,CAAC;KACpC;IACD,cAAc,EAAE;QACd,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,+BAAsB;QAC9B,GAAG,EAAE,iCAAyB;QAC9B,OAAO,EAAE,mBAAW,CAAC,cAAc,CAAC;KACrC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,oBAAW;QACnB,GAAG,EAAE,sBAAc;QACnB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;IACD,MAAM,EAAE;QACN,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,oBAAW;QACnB,GAAG,EAAE,sBAAc;QACnB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;CACF,CAAA;AACD,IAAM,aAAa,GAAwC,UAAC,EAE3D;;QADC,aAAa,mBAAA;IAEb,IAAM,WAAW,GAAG,IAAA,oCAAqB,EAAC,aAAa,CAAC,CAAA;IAElD,IAAA,KAQF,IAAA,2BAAiB,EAAC,mBAAW,CAAC,WAAW,CAAC,CAA8B,EAP1E,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,SAAS,eAAA,EACT,cAAc,oBAC4D,CAAA;IAC5E,IAAM,IAAI,GAAG,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,EAAE,cAAc,0CAAE,aAAa,0CAAE,IAAI,CAAA;IAC7E,IAAM,iBAAiB,GAAG,oBAAY,CAAC,eAAkC,CAAC,CAAA;IAC1E,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE;QAC/B,MAAM,CAAC,UAAU,CAAC,IAAI;YACpB,IAAA,wBAAc,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,CAAA;KAClE;IACD,IAAA,uCAAmB,EAAC,cAAc,CAAC,CAAA;IACnC,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,MAAK,oBAAY,CAAC,MAAM,IAAI,CAC9C,8BAAC,uBAAa,mBACC,UAAG,eAAe,YAAS,EACxC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GACpC,CACH;QACD,8BAAC,iBAAiB,IAChB,aAAa,EAAE,aAAa,iBACf,UAAG,eAAe,UAAO,EACtC,gBAAgB,EAAE,IAAA,+BAAqB,EACrC,OAAO,EACP,SAAS,EACT,gBAAgB,CACjB,GACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"PaymentRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,uEAA+E;AAC/E,yCAA4E;AAC5E,yCAAqE;AACrE,2DAAkE;AAClE,oDAAyE;AACzE,wDAA6D;AAC7D,6CAAiD;AACjD,uCAIqB;AACrB,qCAIoB;AAGP,QAAA,YAAY,GAAG;IAC1B,MAAM,kBAAA;IACN,KAAK,iBAAA;CACN,CAAA;AACY,QAAA,iBAAiB,GAAsB;IAClD,aAAa,EAAE;QACb,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,8BAAqB;QAC7B,GAAG,EAAE,gCAAwB;QAC7B,OAAO,EAAE,mBAAW,CAAC,aAAa,CAAC;KACpC;IACD,cAAc,EAAE;QACd,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,+BAAsB;QAC9B,GAAG,EAAE,iCAAyB;QAC9B,OAAO,EAAE,mBAAW,CAAC,cAAc,CAAC;KACrC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,oBAAW;QACnB,GAAG,EAAE,sBAAc;QACnB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;IACD,MAAM,EAAE;QACN,eAAe,EAAE,yBAAe,CAAC,KAAK;QACtC,MAAM,EAAE,oBAAW;QACnB,GAAG,EAAE,sBAAc;QACnB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC7B;CACF,CAAA;AAED,IAAM,aAAa,GAAwC,UAAC,EAE3D;;QADC,aAAa,mBAAA;IAEb,IAAM,WAAW,GAAG,IAAA,oCAAqB,EAAC,aAAa,CAAC,CAAA;IAElD,IAAA,KAQF,IAAA,2BAAiB,EAAC,mBAAW,CAAC,WAAW,CAAC,CAA8B,EAP1E,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,SAAS,eAAA,EACT,cAAc,oBAC4D,CAAA;IAE5E,IAAM,IAAI,GAAG,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,EAAE,cAAc,0CAAE,aAAa,0CAAE,IAAI,CAAA;IAC7E,IAAM,iBAAiB,GAAG,oBAAY,CAAC,eAAkC,CAAC,CAAA;IAE1E,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE;QAC/B,MAAM,CAAC,UAAU,CAAC,IAAI;YACpB,IAAA,wBAAc,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,CAAA;KAClE;IAED,IAAA,uCAAmB,EAAC,cAAc,CAAC,CAAA;IAEnC,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,MAAK,oBAAY,CAAC,MAAM,IAAI,CAC9C,8BAAC,uBAAa,mBACC,UAAG,eAAe,YAAS,EACxC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GACpC,CACH;QACD,8BAAC,iBAAiB,IAChB,aAAa,EAAE,aAAa,iBACf,UAAG,eAAe,UAAO,EACtC,gBAAgB,EAAE,IAAA,+BAAqB,EACrC,OAAO,EACP,SAAS,EACT,gBAAgB,CACjB,GACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/dist/cjs/context/types.d.ts

@@ -5,7 +5,7 @@ import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDue
 import { MQ, InlineMessageProps, NewsKitIcon, InstrumentationEvent } from 'newskit';
 import { HeadProps } from '../Components/Elements/Head';
 import { UserData, Data } from '../pages/types';
-import { PaymentProvider, ZuoraCustomErrorMessages, ZuoraPaymentData } from '../Components/Sections/Form/Payment';
+import { PaymentProvider, ZuoraCustomErrorMessages, ZuoraPaymentPageData } from '../Components/Sections/Form/Payment';
 import { MessageMap, GenericMessageMap } from '../Components/Elements/Toast';
 import { CommentingNotificationsProps } from '../Components/Sections/Form/CommentingNotifications';
 import { CancellationReasonProps } from '../Components/Sections/Form/CancellationReason';
@@ -245,12 +245,12 @@ export interface AccountLandingPageContextOptions extends NonInteractiveContextO
 }
 export interface PaymentPageContextOptions extends BaseContextOptionsWithUserData {
     buttonGroupProps: Partial<ButtonGroupProps>;
-    paymentData: ZuoraPaymentData;
     zuoraCustomErrorMessages: ZuoraCustomErrorMessages;
+    paymentPageData: ZuoraPaymentPageData;
     paymentProvider: PaymentProvider;
+    paymentType?: string;
     infoPanel: InfoPanel;
     cancelButton?: ButtonProps;
-    paymentType?: string;
     tealiumContext?: TealiumEventContext;
 }
 export interface SubscriptionAndBillingContextOptions extends AccountLandingPageContextOptions {

package/dist/cjs/pages/Payment/Payment.js

@@ -43,9 +43,9 @@ var lodash_assign_1 = __importDefault(require("lodash.assign"));
 var Templates_1 = __importStar(require("../../Components/Templates"));
 var toastFunctions_1 = require("../../helpers/toastFunctions");
 var Payment = function (_a) {
-    var paymentData = _a.paymentData, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, validation = _a.validation, env = _a.env, paymentProvider = _a.paymentProvider, user = _a.user, paymentType = _a.paymentType, _b = _a.footer, footer = _b === void 0 ? false : _b, requestHeaders = _a.requestHeaders;
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, validation = _a.validation, env = _a.env, user = _a.user, _b = _a.footer, footer = _b === void 0 ? false : _b, requestHeaders = _a.requestHeaders, paymentPageData = _a.paymentPageData, paymentProvider = _a.paymentProvider, paymentType = _a.paymentType;
     var _c = Templates_1.paymentMethodsMap[paymentType], ctx = _c.ctx, ctxName = _c.ctxName;
-    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, ctx, context)), { paymentData: paymentData, validation: validation, paymentProvider: paymentProvider, env: env, userData: user, handleError: toastFunctions_1.handleError, handleLoading: toastFunctions_1.handleLoading, handleSuccess: toastFunctions_1.handleSuccess, paymentType: paymentType, requestHeaders: requestHeaders });
+    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, ctx, context)), { validation: validation, env: env, userData: user, handleError: toastFunctions_1.handleError, handleLoading: toastFunctions_1.handleLoading, handleSuccess: toastFunctions_1.handleSuccess, requestHeaders: requestHeaders, paymentPageData: paymentPageData, paymentProvider: paymentProvider, paymentType: paymentType });
     return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: ctxName, footer: footer },
         react_1.default.createElement(Templates_1.PaymentRender, { paymentMethod: paymentType })));
 };

package/dist/cjs/pages/Payment/Payment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/pages/Payment/Payment.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,sEAGmC;AAInC,+DAIqC;AAE9B,IAAM,OAAO,GAA2B,UAAC,EAY/C;QAXC,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,cAAc,oBAAA;IAER,IAAA,KAAmB,6BAAiB,CAAC,WAAW,CAAC,EAA/C,GAAG,SAAA,EAAE,OAAO,aAAmC,CAAA;IAEvD,IAAM,eAAe,yBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,KAC3B,WAAW,aAAA,EACX,UAAU,YAAA,EACV,eAAe,iBAAA,EACf,GAAG,KAAA,EACH,QAAQ,EAAE,IAAI,EACd,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,aAAa,gCAAA,EACb,WAAW,aAAA,EACX,cAAc,gBAAA,GACf,CAAA;IAED,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,OAAO,EACpB,MAAM,EAAE,MAAM;QAEd,8BAAC,yBAAa,IAAC,aAAa,EAAE,WAAW,GAAI,CACtC,CACV,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,OAAO,WAwCnB"}
+{"version":3,"file":"Payment.js","sourceRoot":"","sources":["../../../../src/pages/Payment/Payment.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,sEAGmC;AAInC,+DAIqC;AAE9B,IAAM,OAAO,GAA2B,UAAC,EAY/C;QAXC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,WAAW,iBAAA;IAEL,IAAA,KAAmB,6BAAiB,CAAC,WAAW,CAAC,EAA/C,GAAG,SAAA,EAAE,OAAO,aAAmC,CAAA;IAEvD,IAAM,eAAe,yBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,KAC3B,UAAU,YAAA,EACV,GAAG,KAAA,EACH,QAAQ,EAAE,IAAI,EACd,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,aAAa,gCAAA,EACb,cAAc,gBAAA,EACd,eAAe,iBAAA,EACf,eAAe,iBAAA,EACf,WAAW,aAAA,GACZ,CAAA;IAED,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,OAAO,EACpB,MAAM,EAAE,MAAM;QAEd,8BAAC,yBAAa,IAAC,aAAa,EAAE,WAAW,GAAI,CACtC,CACV,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,OAAO,WAwCnB"}

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

@@ -1,6 +1,6 @@
 import { MQ, UncompiledTheme } from 'newskit';
 import { ContextOptions } from '../context';
-import { ZuoraPaymentData, PaymentProvider } from '../Components/Sections/Form/Payment';
+import { ZuoraPaymentPageData, PaymentProvider } from '../Components/Sections/Form/Payment';
 import { ThemeDropdownObject, RequestHeaders } from '@newskit-render/shared-components';
 import { Subscription } from '../Components/Sections/Form/Address/types';
 export type AddressData = {
@@ -205,10 +205,10 @@ export interface AddFieldDataProps extends Data {
     type: string;
 }
 export interface PaymentProps extends BasePagePropsWithValidation {
-    paymentData: ZuoraPaymentData;
+    paymentPageData: ZuoraPaymentPageData;
     paymentProvider: PaymentProvider;
-    user: PaymentUserData;
     paymentType: string;
+    user: PaymentUserData;
 }
 export interface EditFieldProps extends BasePagePropsWithValidation {
     data: EditFieldDataProps;

package/dist/cjs/providers/paymentProvider.js

@@ -44,13 +44,16 @@ var types_1 = require("../Components/Sections/Form/Payment/types");
 var paymentProvider = function (_a) {
     var context = _a.context, apolloClient = _a.apolloClient;
     return __awaiter(void 0, void 0, void 0, function () {
-        var resolvedUrl, splitUrl, paymentType, _b, pageId, paymentProvider, response, _c, signature, signingToken, tenantId, signingKey, id, timestamp, error_1;
+        var resolvedUrl, splitUrl, paymentType, _b, pageId, paymentProvider, response, _c, id, mandateId, signature, signingKey, signingToken, tenantId, timestamp, error_1;
         return __generator(this, function (_d) {
             switch (_d.label) {
                 case 0:
                     resolvedUrl = context.resolvedUrl;
                     splitUrl = resolvedUrl.split('/');
                     paymentType = splitUrl[splitUrl.length - 1];
+                    if (!PaymentRender_1.paymentMethodsMap[paymentType]) {
+                        return [2 /*return*/, {}];
+                    }
                     _b = PaymentRender_1.paymentMethodsMap[paymentType], pageId = _b.pageId, paymentProvider = _b.paymentProvider;
                     if (!(paymentProvider === 'Zuora')) return [3 /*break*/, 4];
                     _d.label = 1;
@@ -63,19 +66,20 @@ var paymentProvider = function (_a) {
                 case 2:
                     response = _d.sent();
                     if (response && response.data && response.data.paymentPageDetails[0]) {
-                        _c = response.data.paymentPageDetails[0], signature = _c.signature, signingToken = _c.signingToken, tenantId = _c.tenantId, signingKey = _c.signingKey, id = _c.id, timestamp = _c.timestamp;
+                        _c = response.data.paymentPageDetails[0], id = _c.id, mandateId = _c.mandateId, signature = _c.signature, signingKey = _c.signingKey, signingToken = _c.signingToken, tenantId = _c.tenantId, timestamp = _c.timestamp;
                         return [2 /*return*/, {
-                                paymentData: {
+                                paymentPageData: {
+                                    pageId: id,
+                                    mandateId: mandateId,
                                     signature: signature,
+                                    key: signingKey,
                                     token: signingToken,
                                     tenantId: tenantId,
-                                    key: signingKey,
-                                    pageId: id,
                                     timestamp: timestamp,
                                     url: config_1.zuoraRsaSignatureUri,
                                 },
-                                paymentType: paymentType,
                                 paymentProvider: types_1.PaymentProvider[paymentProvider],
+                                paymentType: paymentType,
                             }];
                     }
                     return [3 /*break*/, 4];
@@ -84,8 +88,8 @@ var paymentProvider = function (_a) {
                     console.error('ERROR with GET_PAYMENT_PAGE_DETAILS query', error_1);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/, {
-                        paymentType: paymentType,
                         paymentProvider: types_1.PaymentProvider[paymentProvider],
+                        paymentType: paymentType,
                     }];
             }
         });

package/dist/cjs/providers/paymentProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"paymentProvider.js","sourceRoot":"","sources":["../../../src/providers/paymentProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,sCAAqD;AACrD,oCAAuD;AACvD,uEAAyE;AACzE,mEAA2E;AACpE,IAAM,eAAe,GAAG,UAAO,EAGvB;QAFb,OAAO,aAAA,EACP,YAAY,kBAAA;;;;;;oBAEJ,WAAW,GAAK,OAAiC,YAAtC,CAAsC;oBAEnD,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;oBACjC,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;oBAC3C,KAA8B,iCAAiB,CAAC,WAAW,CAAC,EAA1D,MAAM,YAAA,EAAE,eAAe,qBAAA,CAAmC;yBAE9D,CAAA,eAAe,KAAK,OAAO,CAAA,EAA3B,wBAA2B;;;;oBAEV,qBAAM,YAAY,CAAC,KAAK,CAAC;4BACxC,KAAK,EAAE,kCAAwB;4BAC/B,SAAS,EAAE,EAAE,KAAK,EAAE,cAAK,EAAE,MAAM,QAAA,EAAE;yBACpC,CAAC,EAAA;;oBAHI,QAAQ,GAAG,SAGf;oBAEF,IAAI,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;wBAC9D,KACJ,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAD7B,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,EAAE,QAAA,EAAE,SAAS,eAAA,CAC/B;wBAErC,sBAAO;gCACL,WAAW,EAAE;oCACX,SAAS,WAAA;oCACT,KAAK,EAAE,YAAY;oCACnB,QAAQ,EAAE,QAAQ;oCAClB,GAAG,EAAE,UAAU;oCACf,MAAM,EAAE,EAAE;oCACV,SAAS,WAAA;oCACT,GAAG,EAAE,6BAAoB;iCAC1B;gCACD,WAAW,aAAA;gCACX,eAAe,EAAE,uBAAe,CAAC,eAAe,CAAC;6BAClD,EAAA;qBACF;;;;oBAED,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,OAAK,CAAC,CAAA;;wBAIrE,sBAAO;wBACL,WAAW,aAAA;wBACX,eAAe,EAAE,uBAAe,CAAC,eAAe,CAAC;qBAClD,EAAA;;;;CACF,CAAA;AA5CY,QAAA,eAAe,mBA4C3B"}
+{"version":3,"file":"paymentProvider.js","sourceRoot":"","sources":["../../../src/providers/paymentProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,sCAAqD;AACrD,oCAAuD;AACvD,uEAAyE;AACzE,mEAA2E;AAEpE,IAAM,eAAe,GAAG,UAAO,EAGvB;QAFb,OAAO,aAAA,EACP,YAAY,kBAAA;;;;;;oBAEJ,WAAW,GAAK,OAAiC,YAAtC,CAAsC;oBACnD,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;oBACjC,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;oBAEjD,IAAI,CAAC,iCAAiB,CAAC,WAAW,CAAC,EAAE;wBACnC,sBAAO,EAAE,EAAA;qBACV;oBACK,KAA8B,iCAAiB,CAAC,WAAW,CAAC,EAA1D,MAAM,YAAA,EAAE,eAAe,qBAAA,CAAmC;yBAE9D,CAAA,eAAe,KAAK,OAAO,CAAA,EAA3B,wBAA2B;;;;oBAEV,qBAAM,YAAY,CAAC,KAAK,CAAC;4BACxC,KAAK,EAAE,kCAAwB;4BAC/B,SAAS,EAAE,EAAE,KAAK,EAAE,cAAK,EAAE,MAAM,QAAA,EAAE;yBACpC,CAAC,EAAA;;oBAHI,QAAQ,GAAG,SAGf;oBAEF,IAAI,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;wBAC9D,KAQF,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAPrC,EAAE,QAAA,EACF,SAAS,eAAA,EACT,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,SAAS,eAAA,CAC4B;wBAEvC,sBAAO;gCACL,eAAe,EAAE;oCACf,MAAM,EAAE,EAAE;oCACV,SAAS,WAAA;oCACT,SAAS,WAAA;oCACT,GAAG,EAAE,UAAU;oCACf,KAAK,EAAE,YAAY;oCACnB,QAAQ,UAAA;oCACR,SAAS,WAAA;oCACT,GAAG,EAAE,6BAAoB;iCAC1B;gCACD,eAAe,EAAE,uBAAe,CAAC,eAAe,CAAC;gCACjD,WAAW,aAAA;6BACZ,EAAA;qBACF;;;;oBAED,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,OAAK,CAAC,CAAA;;wBAIrE,sBAAO;wBACL,eAAe,EAAE,uBAAe,CAAC,eAAe,CAAC;wBACjD,WAAW,aAAA;qBACZ,EAAA;;;;CACF,CAAA;AAvDY,QAAA,eAAe,mBAuD3B"}

package/dist/cjs/providers/types.d.ts

@@ -17,16 +17,17 @@ export interface MappedField {
     field: string;
 }
 export interface PaymentProviderReturnObject {
-    paymentProvider?: PaymentProvider;
-    paymentData?: {
+    paymentPageData?: {
+        pageId: string;
+        mandateId: string | null;
         signature: string;
+        key: string;
         token: string;
         tenantId: number;
-        key: string;
-        pageId: string;
         timestamp: number;
         url?: string;
     };
+    paymentProvider?: PaymentProvider;
     paymentType?: string;
 }
 interface AuthorizeUri {

package/dist/cjs/queries/getPaymentPageDetails.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GET_PAYMENT_PAGE_DETAILS = void 0;
 var client_1 = require("@apollo/client");
-exports.GET_PAYMENT_PAGE_DETAILS = (0, client_1.gql)("\n    query getPaymentPageDetails($title: String! $pageId: String!) {\n      paymentPageDetails(title: $title pageId: $pageId) {\n        id\n        signature\n        signingKey\n        signingToken\n        tenantId\n        timestamp\n      }\n    }\n  ");
+exports.GET_PAYMENT_PAGE_DETAILS = (0, client_1.gql)("\n    query getPaymentPageDetails($title: String! $pageId: String!) {\n      paymentPageDetails(title: $title pageId: $pageId) {\n        id\n        mandateId\n        signature\n        signingKey\n        signingToken\n        tenantId\n        timestamp\n      }\n    }\n  ");
 //# sourceMappingURL=getPaymentPageDetails.js.map

package/dist/cjs/queries/getPaymentPageDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPaymentPageDetails.js","sourceRoot":"","sources":["../../../src/queries/getPaymentPageDetails.ts"],"names":[],"mappings":";;;AAAA,yCAAoC;AAEvB,QAAA,wBAAwB,GAAG,IAAA,YAAG,EACzC,oQAWC,CACF,CAAA"}
+{"version":3,"file":"getPaymentPageDetails.js","sourceRoot":"","sources":["../../../src/queries/getPaymentPageDetails.ts"],"names":[],"mappings":";;;AAAA,yCAAoC;AAEvB,QAAA,wBAAwB,GAAG,IAAA,YAAG,EACzC,uRAYC,CACF,CAAA"}

package/dist/cjs/queries/index.d.ts

@@ -1,21 +1,20 @@
 export * from './getAuthorizeUriInput';
-export * from './getEditField';
 export * from './getDeliveryPostCode';
+export * from './getEditField';
 export * from './getOutstandingBalance';
-export * from './getPaymentPageDetails';
 export * from './getPaymentInfo';
-export * from './getUserProfile';
-export * from './getUserSubscription';
+export * from './getPaymentPageDetails';
 export * from './getUserHolidayStop';
 export * from './getUserNewsletters';
-export * from './mutatePaymentMethod';
-export * from './mutateUser';
+export * from './getUserProfile';
+export * from './getUserSubscription';
 export * from './mutateCancellation';
-export * from './updateUser';
+export * from './mutateDeleteHolidayStop';
 export * from './mutateDeliveryInstructions';
 export * from './mutateHolidayStop';
 export * from './mutateOrderVoucherBooklet';
-export * from './mutateDeleteHolidayStop';
-export * from './mutateUpdateCommentingUser';
+export * from './mutatePaymentMethod';
 export * from './mutateSubscribeForNewsletter';
 export * from './mutateUnsubscribeForNewsletter';
+export * from './mutateUpdateCommentingUser';
+export * from './mutateUser';

package/dist/cjs/queries/index.js

@@ -16,25 +16,24 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./getAuthorizeUriInput"), exports);
-__exportStar(require("./getEditField"), exports);
 __exportStar(require("./getDeliveryPostCode"), exports);
+__exportStar(require("./getEditField"), exports);
 __exportStar(require("./getOutstandingBalance"), exports);
-__exportStar(require("./getPaymentPageDetails"), exports);
 __exportStar(require("./getPaymentInfo"), exports);
-__exportStar(require("./getUserProfile"), exports);
-__exportStar(require("./getUserSubscription"), exports);
+__exportStar(require("./getPaymentPageDetails"), exports);
 __exportStar(require("./getUserHolidayStop"), exports);
 __exportStar(require("./getUserNewsletters"), exports);
+__exportStar(require("./getUserProfile"), exports);
+__exportStar(require("./getUserSubscription"), exports);
 // MUTATE
-__exportStar(require("./mutatePaymentMethod"), exports);
-__exportStar(require("./mutateUser"), exports);
 __exportStar(require("./mutateCancellation"), exports);
-__exportStar(require("./updateUser"), exports);
+__exportStar(require("./mutateDeleteHolidayStop"), exports);
 __exportStar(require("./mutateDeliveryInstructions"), exports);
 __exportStar(require("./mutateHolidayStop"), exports);
 __exportStar(require("./mutateOrderVoucherBooklet"), exports);
-__exportStar(require("./mutateDeleteHolidayStop"), exports);
-__exportStar(require("./mutateUpdateCommentingUser"), exports);
+__exportStar(require("./mutatePaymentMethod"), exports);
 __exportStar(require("./mutateSubscribeForNewsletter"), exports);
 __exportStar(require("./mutateUnsubscribeForNewsletter"), exports);
+__exportStar(require("./mutateUpdateCommentingUser"), exports);
+__exportStar(require("./mutateUser"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/queries/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/queries/index.ts"],"names":[],"mappings":";AAAA,MAAM;;;;;;;;;;;;;;;;AAEN,yDAAsC;AACtC,iDAA8B;AAC9B,wDAAqC;AACrC,0DAAuC;AACvC,0DAAuC;AACvC,mDAAgC;AAChC,mDAAgC;AAChC,wDAAqC;AACrC,uDAAoC;AACpC,uDAAoC;AAEpC,SAAS;AAET,wDAAqC;AACrC,+CAA4B;AAC5B,uDAAoC;AACpC,+CAA4B;AAC5B,+DAA4C;AAC5C,sDAAmC;AACnC,8DAA2C;AAC3C,4DAAyC;AACzC,+DAA4C;AAC5C,iEAA8C;AAC9C,mEAAgD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/queries/index.ts"],"names":[],"mappings":";AAAA,MAAM;;;;;;;;;;;;;;;;AAEN,yDAAsC;AACtC,wDAAqC;AACrC,iDAA8B;AAC9B,0DAAuC;AACvC,mDAAgC;AAChC,0DAAuC;AACvC,uDAAoC;AACpC,uDAAoC;AACpC,mDAAgC;AAChC,wDAAqC;AAErC,SAAS;AAET,uDAAoC;AACpC,4DAAyC;AACzC,+DAA4C;AAC5C,sDAAmC;AACnC,8DAA2C;AAC3C,wDAAqC;AACrC,iEAA8C;AAC9C,mEAAgD;AAChD,+DAA4C;AAC5C,+CAA4B"}

package/dist/esm/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/esm/Components/Sections/Form/Payment/Zuora/Zuora.js

@@ -0,0 +1,234 @@
+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 };
+    }
+};
+/* istanbul ignore file */
+import { useAccountContext, } from '../../../../../context';
+import React, { useEffect, useRef, useState } from 'react';
+import { useRouter } from 'next/router';
+import onFormSubmit from '../../onFormSubmit';
+import { GridLayout } from 'newskit';
+import { ContextName } from '../../../../../context/types';
+import { getPaymentContextName } from '../../../../../helpers/paymentUtils';
+import { replaceBaseURL } from '../../../../../helpers/dataUtils';
+import { StyledBackButton, StyledIframeContainer } from './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',
+    };
+};
+export var Zuora = function (_a) {
+    var _b;
+    var paymentMethod = _a.paymentMethod;
+    var _c = useAccountContext(ContextName[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 = useRouter();
+    var iframeContainerRef = useRef(null);
+    var _f = 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*/, onFormSubmit(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);
+        });
+    };
+    useEffect(function () {
+        if (typeof window !== 'undefined') {
+            addZuoraScript(loadHostedPage);
+        }
+    }, []);
+    return (React.createElement(GridLayout, { rows: '1fr auto', rowGap: { xs: 'space040', lg: 'space000' }, overrides: {
+            marginBlockEnd: {
+                xs: 'space070',
+                md: 'space080',
+                lg: 'space090', //64px
+            },
+        } },
+        React.createElement(StyledIframeContainer, { id: "zuora_payment", ref: iframeContainerRef }),
+        hasCancelButton && isIFrameLoaded && (React.createElement(StyledBackButton, { backButton: {
+                text: cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text,
+                href: 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,
+            } }))));
+};
+//# sourceMappingURL=Zuora.js.map

package/dist/esm/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,OAAO,EAEL,iBAAiB,GAClB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAc,SAAS,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAElE,IAAM,cAAc,GAAG,UAAC,cAA0B;IAChD,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;AAED,IAAM,oBAAoB,GAAG,UAC3B,aAAiC,EACjC,kBAAiD;;IAEjD,IAAI,CAAC,aAAa;QAAE,OAAO,EAAE,CAAA;IAE7B,IACE,aAAa,KAAK,cAAc;QAChC,CAAC,aAAa,KAAK,SAAS;YAC1B,kBAAkB,CAAC,SAAS;YAC5B,CAAA,MAAA,kBAAkB,CAAC,SAAS,0CAAE,MAAM,IAAG,CAAC,CAAC,EAC3C;QACA,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;QACxB,OAAO;YACL,SAAS,EAAE,kBAAkB,CAAC,SAAS;YACvC,sBAAsB,EAAE,KAAK,CAAC,OAAO,EAAE;YACvC,wBAAwB,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC;YAC9C,uBAAuB,EAAE,KAAK,CAAC,WAAW,EAAE;YAC5C,oBAAoB,EAAE,KAAK,CAAC,OAAO,EAAE;YACrC,sBAAsB,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC;YAC5C,qBAAqB,EAAE,KAAK,CAAC,WAAW,EAAE;YAC1C,qBAAqB,EAAE,KAAK;SAC7B,CAAA;KACF;IAED,0GAA0G;IAC1G,OAAO;QACL,iBAAiB,EAAE,KAAK;KACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAwC,UAAC,EAE1D;;QADC,aAAa,mBAAA;IAEP,IAAA,KAUF,iBAAiB,CACnB,WAAW,CAAC,qBAAqB,CAAC,aAAa,CAAC,CAAC,CACrB,EAX5B,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,wBAAwB,8BAGI,CAAA;IAE9B,IAAI,CAAC,eAAe,EAAE;QACpB,OAAO,IAAI,CAAA;KACZ;IAEK,IAAA,KACJ,eAAuC,EADjC,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,GAAG,SACjC,CAAA;IAEnC,IAAA,KAQF,wBAAoD,EAPtD,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,oBAAoB,0BAAA,EACpB,oBAAoB,0BAAA,EACpB,iBAAiB,uBAAA,EACjB,YAAY,kBAC0C,CAAA;IAExD,IAAM,MAAM,GAAe,SAAS,EAAE,CAAA;IACtC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IACjC,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAA;IAC3D,IAAM,eAAe,GAAG,YAAY,IAAI,YAAY,CAAC,IAAI,CAAA;IAEzD,IAAM,kBAAkB,GAAG,UAAO,QAAQ;;;;;yBACpC,QAAQ,CAAC,OAAO,EAAhB,wBAAgB;oBAClB,IAAI,aAAa;wBACf,aAAa,CACX,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,SAAS,EACT,KAAK,CACN,CAAA;oBACK,KAAK,GAAuB,QAAQ,MAA/B,EAAE,cAAqB,QAAQ,UAApB,EAAE,UAAU,QAAQ,MAAb,CAAa;oBAEtC,cAAc,GAAG;wBACrB,EAAE,EAAE,MAAM;wBACV,QAAQ,UAAA;wBACR,SAAS,WAAA;wBACT,KAAK,SAAA;wBACL,iBAAiB,EAAE,WAAS;wBAC5B,KAAK,OAAA;qBACN,CAAA;oBAED,qBAAM,YAAY,CAChB,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN;4BACE,IAAI,WAAW;gCACb,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAA;wBAC5D,CAAC,EACD,aAAa,EACb,UAAG,OAAO,8BAA2B,CACtC,EAAA;;oBAVD,SAUC,CAAA;;;oBACI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;wBAC5B,WAAW,IAAI,WAAW,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;qBAC5D;yBAAM;wBACL,WAAW,IAAI,WAAW,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;qBACrD;;;;;SACF,CAAA;IAED,IAAM,oBAAoB,GAAG,UAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc;QAC9D,IAAI,YAAY,GAAG,OAAO,CAAA;QAC1B,IAAI,GAAG,IAAI,OAAO,EAAE;YAClB,QAAQ,GAAG,EAAE;gBACX,KAAK,sBAAsB;oBACzB,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,oBAAoB,CAAA;qBACpC;oBACD,MAAK;gBACP,KAAK,kBAAkB;oBACrB,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,gBAAgB,CAAC,GAAG,CAAA;qBACpC;oBACD,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,gBAAgB,CAAC,GAAG,CAAA;qBACpC;oBACD,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAA;qBACtC;oBACD,MAAK;gBACP,KAAK,kBAAkB;oBACrB,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,gBAAgB,CAAC,GAAG,CAAA;qBACpC;oBACD,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAA;qBACrC;oBACD,MAAK;gBACP,KAAK,0BAA0B,CAAC;gBAChC,KAAK,2BAA2B;oBAC9B,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,oBAAoB,CAAA;qBACpC;oBACD,MAAK;gBACP,KAAK,sBAAsB;oBACzB,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,oBAAoB,CAAA;qBACpC;oBACD,MAAK;gBACP,KAAK,mBAAmB;oBACtB,IAAI,IAAI,IAAI,KAAK,EAAE;wBACjB,YAAY,GAAG,iBAAiB,CAAA;qBACjC;oBACD,MAAK;aACR;SACF;aAAM;YACL,IAAI,IAAI,IAAI,SAAS,IAAI,cAAc,EAAE;gBACvC,sDAAsD;gBACtD,YAAY,GAAG,UAAG,cAAc,CAAC,YAAY,eAAK,cAAc,CAAC,eAAe,CAAE,CAAA;aACnF;iBAAM;gBACL,YAAY,GAAG,YAAY,CAAA;aAC5B;SACF;QAED,8DAA8D;QAC9D,IAAM,SAAS,GAAG,MAAa,CAAA;QAC/B,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,GAAG,EAAE,YAAY,CAAC,CAAA;IACtD,CAAC,CAAA;IAED,IAAM,cAAc,GAAG;QACrB,8DAA8D;QAC9D,IAAM,SAAS,GAAG,MAAa,CAAA;QAE/B,IAAM,MAAM,GAAG;YACb,QAAQ,UAAA;YACR,EAAE,EAAE,MAAM;YACV,KAAK,OAAA;YACL,SAAS,WAAA;YACT,KAAK,EAAE,QAAQ;YACf,GAAG,KAAA;YACH,aAAa,EAAE,MAAM;YACrB,GAAG,EAAE,GAAG;SACT,CAAA;QACD,IAAM,iBAAiB,GAAG,oBAAoB,CAAC,aAAa,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;QAE5E,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAChC,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,CACrB,CAAA;QAED,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,gBAAgB,EAAE;YAC5C,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACzB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,SAAS,CAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,cAAc,CAAC,cAAc,CAAC,CAAA;SAC/B;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAC1C,SAAS,EAAE;YACT,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU,EAAE,MAAM;aACvB;SACF;QAED,oBAAC,qBAAqB,IAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAE,kBAAkB,GAAI;QACpE,eAAe,IAAI,cAAc,IAAI,CACpC,oBAAC,gBAAgB,IACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAc;gBAClC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC;gBACjD,YAAY,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,YAAY,CAAW;aACrD,EACD,mBAAmB,EAAE;gBACnB,MAAM,EAAE,IAAI;gBACZ,QAAQ,EAAE,aAAa;gBACvB,gBAAgB,EAAE,kBAAkB;aACrC,EACD,SAAS,EAAE;gBACT,qFAAqF;gBACrF,0FAA0F;gBAC1F,WAAW,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,0CAAE,WAAW;aAClD,GACD,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/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;