@newskit-render/my-account 0.122.0 → 0.123.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.123.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/my-account@0.122.0...@newskit-render/my-account@0.123.0) (2022-01-19)
+
+
+### Features
+
+* **PPDSR-608:** add Zoura custom error handler ([#563](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/563)) ([c1c4c22](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/c1c4c224929b94d779c16d581e89f2cdefcbf529))
+
+
+
+
+
 # [0.122.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/my-account@0.121.0...@newskit-render/my-account@0.122.0) (2022-01-18)
 
 

package/README.md

@@ -648,6 +648,8 @@ Currently only support list
     - stylePreset?: MQ<string>
   - icon?: ReactElement<NewsKitIcon>
 
+- zuoraCustomErrorMessages?: see Payment section
+
 ## Address Form - Loqate
 
 The Address form uses [Loqate](https://www.loqate.com/en-gb/) to add address lookup functionality. For it to work you need to add LOQACCOUNT_KEY to your CircleCi context.
@@ -781,3 +783,24 @@ ZUORA_PAGE_ID - You need to configure a payment page (https://nidigitalsolutions
 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)
+
+Zoura's validation error messages can be overriden in the context:
+
+- zuoraCustomErrorMessages?:
+  - creditCardHolderName: string
+  - creditCardNumber:
+    - one: string
+    - two: string
+    - three: string
+  - cardSecurityCode:
+    - one: string
+    - four: string
+  - creditCardExpiration: string
+  - creditCardPostalCode: string
+  - creditCardCountry: string
+
+These correspond to Zoura's retured error code:
+001: Required field not completed - detault for single property or one
+002: Invalid card number - two
+003: Invalid card type - three
+004: Invalid CVV number - four

package/dist/Components/Elements/Toast/Toast.d.ts

@@ -2,23 +2,23 @@ import React from 'react';
 import { ToastProps, ToastType } from './types';
 export declare const getToast: (type: ToastType, fieldType: string, messageOverride?: string | undefined, errorMessages?: {
     [key: string]: {
-        success?: string | undefined;
         error?: string | undefined;
+        success?: string | undefined;
         pending?: string | undefined;
     };
 } | undefined, genericErrorMessage?: {
-    success?: string | undefined;
     error?: string | undefined;
+    success?: string | undefined;
     pending?: string | undefined;
 } | undefined) => React.FC<ToastProps>;
 export declare const getMessage: (fieldType: string, type: string, genericErrorMessage?: {
-    success?: string | undefined;
     error?: string | undefined;
+    success?: string | undefined;
     pending?: string | undefined;
 } | undefined, errorMessages?: {
     [key: string]: {
-        success?: string | undefined;
         error?: string | undefined;
+        success?: string | undefined;
         pending?: string | undefined;
     };
 } | undefined) => string | undefined;

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

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

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

@@ -33,8 +33,9 @@ var addZuoraScript = function (onLoadCallback) {
 };
 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 _a = (0, context_1.useAccountContext)(), paymentData = _a.paymentData, handleError = _a.handleError, baseUrl = _a.baseUrl, errorMessages = _a.errorMessages, zuoraCustomErrorMessages = _a.zuoraCustomErrorMessages;
     var _b = paymentData, signature = _b.signature, token = _b.token, tenantId = _b.tenantId, key = _b.key, pageId = _b.pageId, url = _b.url;
+    var _c = zuoraCustomErrorMessages, creditCardHolderName = _c.creditCardHolderName, creditCardNumber = _c.creditCardNumber, cardSecurityCode = _c.cardSecurityCode, creditCardExpiration = _c.creditCardExpiration, creditCardPostalCode = _c.creditCardPostalCode, creditCardCountry = _c.creditCardCountry;
     var router = (0, router_1.useRouter)();
     var hostedPageCallback = function (response) {
         if (response.success) {
@@ -49,9 +50,68 @@ var Zuora = function () {
             handleError && handleError('payment', errorMessages);
         }
     };
+    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 = rawGatewayInfo.responseCode + ": " + rawGatewayInfo.responseMessage;
+            }
+            else {
+                errorMessage =
+                    'Validation failed on server-side, Please check your input values.';
+            }
+        }
+        ;
+        window.Z.sendErrorMessageToHpm(key, errorMessage);
+    };
     var loadHostedPage = function () {
         ;
-        window.Z.render({
+        window.Z.renderWithErrorHandler({
             tenantId: tenantId,
             token: token,
             signature: signature,
@@ -62,7 +122,7 @@ var Zuora = function () {
             id: pageId,
         }, {
             creditCardCountry: 'GBR',
-        }, hostedPageCallback);
+        }, hostedPageCallback, errorMessageCallback);
     };
     (0, react_1.useEffect)(function () {
         if (typeof window !== 'undefined') {

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":";;;;;;;;;;;;;;;;;;;;;;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;YACE,iBAAiB,EAAE,KAAK;SACzB,EACD,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+export interface ZuoraCustomErrorMessages {
+    creditCardHolderName: string;
+    creditCardNumber: {
+        one: string;
+        two: string;
+        three: string;
+    };
+    cardSecurityCode: {
+        one: string;
+        four: string;
+    };
+    creditCardExpiration: string;
+    creditCardPostalCode: string;
+    creditCardCountry: string;
+}
+export interface ZuoraPaymentData {
+    signature: string;
+    token: string;
+    tenantId: number;
+    key: string;
+    pageId: string;
+    url: string;
+}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

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

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

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

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

@@ -3,9 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Zuora = exports.Stripe = void 0;
+exports.PaymentProvider = 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;
+var types_1 = require("./types");
+Object.defineProperty(exports, "PaymentProvider", { enumerable: true, get: function () { return types_1.PaymentProvider; } });
 //# 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;AAGpB,iBAHF,gBAAM,CAGE;AAFf,kDAA2B;AAEV,gBAFV,eAAK,CAEU"}
+{"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"}

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

@@ -7,3 +7,7 @@ export declare enum PaymentTypes {
     'unionpay' = "unionpay",
     'jcb' = "jcb"
 }
+export declare enum PaymentProvider {
+    Zuora = "Zuora",
+    Stripe = "Stripe"
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Payment/types.ts"],"names":[],"mappings":";;;AAAA,IAAY,YAQX;AARD,WAAY,YAAY;IACtB,6BAAe,CAAA;IACf,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;IACnB,wCAA0B,CAAA;IAC1B,qCAAuB,CAAA;IACvB,2BAAa,CAAA;AACf,CAAC,EARW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAQvB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/Payment/types.ts"],"names":[],"mappings":";;;AAAA,IAAY,YAQX;AARD,WAAY,YAAY;IACtB,6BAAe,CAAA;IACf,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;IACnB,wCAA0B,CAAA;IAC1B,qCAAuB,CAAA;IACvB,2BAAa,CAAA;AACf,CAAC,EARW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAQvB;AAED,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAG1B"}

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

@@ -1 +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"}
+{"version":3,"file":"PaymentRenderer.js","sourceRoot":"","sources":["../../../src/Components/Templates/PaymentRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAiD;AACjD,yCAAqE;AACrE,oDAAyE;AAE5D,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/index.d.ts

@@ -1 +1,2 @@
 export { PastDueBannerExternal } from './Elements/PastDueBanner';
+export { PaymentProvider } from './Sections/Form/Payment';

package/dist/Components/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PastDueBannerExternal = void 0;
+exports.PaymentProvider = exports.PastDueBannerExternal = void 0;
 var PastDueBanner_1 = require("./Elements/PastDueBanner");
 Object.defineProperty(exports, "PastDueBannerExternal", { enumerable: true, get: function () { return PastDueBanner_1.PastDueBannerExternal; } });
+var Payment_1 = require("./Sections/Form/Payment");
+Object.defineProperty(exports, "PaymentProvider", { enumerable: true, get: function () { return Payment_1.PaymentProvider; } });
 //# sourceMappingURL=index.js.map

package/dist/Components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Components/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgE;AAAvD,sHAAA,qBAAqB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Components/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgE;AAAvD,sHAAA,qBAAqB,OAAA;AAC9B,mDAAyD;AAAhD,0GAAA,eAAe,OAAA"}

package/dist/context/types.d.ts

@@ -4,7 +4,8 @@ import { ContentListItem, ContentListViewProps } from '../Components/Sections/Co
 import { TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, ButtonGroupProps, InputText, NavigationPrimaryProps } from '@newskit-render/shared-components';
 import { MQ, InlineMessageProps } from 'newskit';
 import { HeadProps } from '../Components/Elements/Head';
-import { UserData, Data, ZuoraPaymentData, PaymentProvider } from '../pages/types';
+import { UserData, Data } from '../pages/types';
+import { ZuoraPaymentData, ZuoraCustomErrorMessages, PaymentProvider } from '../Components/Sections/Form/Payment';
 import { ErrorMessage, GenericErrorMessage } from '../Components/Elements/Toast';
 import { CommentingNotificationsProps } from '../Components/Sections/Form/CommentingNotifications';
 import { CancellationReasonProps } from '../Components/Sections/Form/CancellationReason';
@@ -77,6 +78,7 @@ export interface ContextOptions {
     env?: Record<string, unknown>;
     data?: Data;
     paymentData?: ZuoraPaymentData;
+    zuoraCustomErrorMessages?: ZuoraCustomErrorMessages;
     paymentProvider?: PaymentProvider;
     userData?: Partial<UserData>;
     head?: HeadProps;

package/dist/index.d.ts

@@ -11,4 +11,4 @@ export { ContextOptions } from './context';
 export { componentMap } from './Components/Templates';
 export { PastDueBannerExternal } from './Components';
 export { filterSubscriptions } from './helpers';
-export { PaymentProvider } from './pages/types';
+export { PaymentProvider } from './Components';

package/dist/index.js

@@ -26,6 +26,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; } });
+var Components_2 = require("./Components");
+Object.defineProperty(exports, "PaymentProvider", { enumerable: true, get: function () { return Components_2.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,kDAA+B;AAC/B,qDAAkC;AAClC,iEAA8C;AAC9C,+DAA4C;AAC5C,gDAA6B;AAC7B,wCAAqB;AACrB,uDAAoC;AAEpC,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"}
+{"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;AAEpC,oDAAqD;AAA5C,yGAAA,YAAY,OAAA;AACrB,2CAAoD;AAA3C,mHAAA,qBAAqB,OAAA;AAC9B,qCAA+C;AAAtC,8GAAA,mBAAmB,OAAA;AAC5B,2CAA8C;AAArC,6GAAA,eAAe,OAAA"}

package/dist/pages/Payment.js

@@ -54,6 +54,21 @@ exports.paymentContext = {
         },
         showDivider: true,
     },
+    zuoraCustomErrorMessages: {
+        creditCardHolderName: "Please enter the card holder's name.",
+        creditCardNumber: {
+            one: 'Please enter the card number.',
+            two: 'That doesn’t look like a valid card number. Please try again.',
+            three: 'Your card type is invalid. Please check the number',
+        },
+        cardSecurityCode: {
+            one: "Please enter the card's security code.",
+            four: "The card's security code looks incorrect. Please try again.",
+        },
+        creditCardExpiration: "Please enter the card's expiration date.",
+        creditCardPostalCode: 'Please enter the billing postcode.',
+        creditCardCountry: 'Please enter the Country.',
+    },
     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.",

package/dist/pages/Payment.js.map

@@ -1 +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,oCAAoC;YAC1C,YAAY,EAAE,0CAA0C;YACxD,IAAI,EAAE,MAAM;SACb;QACD,WAAW,EAAE,IAAI;KAClB;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,EAQ/C;QAPC,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,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,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,2BAAe,OAAG,CACZ;QACT,8BAAC,uBAAa,IAAC,QAAQ,EAAE,eAAe,GAAkB,CACzD,CACJ,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,OAAO,WAkCnB"}
+{"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,oCAAoC;YAC1C,YAAY,EAAE,0CAA0C;YACxD,IAAI,EAAE,MAAM;SACb;QACD,WAAW,EAAE,IAAI;KAClB;IACD,wBAAwB,EAAE;QACxB,oBAAoB,EAAE,sCAAsC;QAC5D,gBAAgB,EAAE;YAChB,GAAG,EAAE,+BAA+B;YACpC,GAAG,EAAE,+DAA+D;YACpE,KAAK,EAAE,oDAAoD;SAC5D;QACD,gBAAgB,EAAE;YAChB,GAAG,EAAE,wCAAwC;YAC7C,IAAI,EAAE,6DAA6D;SACpE;QACD,oBAAoB,EAAE,0CAA0C;QAChE,oBAAoB,EAAE,oCAAoC;QAC1D,iBAAiB,EAAE,2BAA2B;KAC/C;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,EAQ/C;QAPC,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,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,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,2BAAe,OAAG,CACZ;QACT,8BAAC,uBAAa,IAAC,QAAQ,EAAE,eAAe,GAAkB,CACzD,CACJ,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,OAAO,WAkCnB"}

package/dist/pages/types.d.ts

@@ -1,5 +1,6 @@
 import { UncompiledTheme } from 'newskit';
 import { ContextOptions } from '../context';
+import { ZuoraPaymentData, PaymentProvider } from '../Components/Sections/Form/Payment';
 export declare type AddressData = {
     country: Country;
     line1: string;
@@ -111,21 +112,9 @@ export interface Data {
     validationSchemaKey?: string;
     fields?: Fields[] | AddressData;
 }
-export interface ZuoraPaymentData {
-    signature: string;
-    token: string;
-    tenantId: number;
-    key: string;
-    pageId: string;
-    url: string;
-}
 export interface EditFieldDataProps extends Data {
     type: string;
 }
-export declare enum PaymentProvider {
-    Zuora = "Zuora",
-    Stripe = "Stripe"
-}
 export interface PaymentProps extends BasePagePropsWithValidation {
     paymentData: ZuoraPaymentData;
     paymentProvider: PaymentProvider;

package/dist/pages/types.js

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

package/dist/providers/paymentProvider.d.ts

@@ -1,4 +1,4 @@
-import { PaymentProvider } from '../pages/types';
+import { PaymentProvider } from '../Components/Sections/Form/Payment';
 import { ProviderArgs } from './types';
 export declare const paymentProvider: ({ context }: ProviderArgs) => Promise<{
     paymentProvider: PaymentProvider | undefined;

package/dist/providers/paymentProvider.js

@@ -49,10 +49,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.paymentProvider = void 0;
-var types_1 = require("../pages/types");
+var Payment_1 = require("../Components/Sections/Form/Payment");
 var zuoraPaymentProvider_1 = require("./zuoraPaymentProvider");
 var providerMap = (_a = {},
-    _a[types_1.PaymentProvider.Zuora] = zuoraPaymentProvider_1.zuoraPaymentProvider,
+    _a[Payment_1.PaymentProvider.Zuora] = zuoraPaymentProvider_1.zuoraPaymentProvider,
     _a);
 var paymentProvider = function (_a) {
     var context = _a.context;

package/dist/providers/paymentProvider.js.map

@@ -1 +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"}
+{"version":3,"file":"paymentProvider.js","sourceRoot":"","sources":["../../src/providers/paymentProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+DAAqE;AAErE,+DAA6D;AAE7D,IAAM,WAAW;IACf,GAAC,yBAAe,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,4 +1,4 @@
-import { PaymentProvider } from './../pages/types';
+import { PaymentProvider } from '../Components/Sections/Form/Payment';
 import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
 import { GetServerSidePropsContext } from 'next';
 export declare type ServerSidePropsContext = GetServerSidePropsContext & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/my-account",
-  "version": "0.122.0",
+  "version": "0.123.0",
   "description": "Newskit Render",
   "author": "",
   "license": "UNLICENSED",