@xsolla/payment-client-core 0.2.66 → 0.2.67

package/fesm2022/xsolla-payment-client-core.mjs

@@ -3299,28 +3299,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                     args: [syncResponseFactoryToken]
                 }] }, { type: XpsApiService }, { type: NextActionService }, { type: SettingsService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }] });
 
-function convert(validator, message) {
+function isObject(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+
+function convert(validator, message, params) {
     return (control) => {
         const errors = validator(control);
-        if (!errors) {
-            return errors;
-        }
+        if (!errors)
+            return null;
         const firstErrorKey = Object.keys(errors)[0];
         const firstError = errors[firstErrorKey];
-        const error = typeof firstError === 'object' && firstError !== null ? firstError : {};
+        const error = isObject(firstError) ? firstError : {};
         error.message = message;
+        error.params = params;
         errors[firstErrorKey] = error;
         return errors;
     };
 }
 
+var ValidationErrorId;
+(function (ValidationErrorId) {
+    ValidationErrorId["birthDatePattern"] = "birthDatePattern";
+    ValidationErrorId["expirationLength"] = "expirationLength";
+    ValidationErrorId["expirationMonthPattern"] = "expirationMonthPattern";
+    ValidationErrorId["expirationMinMonth"] = "expirationMinMonth";
+    ValidationErrorId["expirationMaxMonth"] = "expirationMaxMonth";
+    ValidationErrorId["expirationYearPattern"] = "expirationYearPattern";
+    ValidationErrorId["expirationMinYear"] = "expirationMinYear";
+    ValidationErrorId["expirationMaxYear"] = "expirationMaxYear";
+    ValidationErrorId["couponPattern"] = "couponPattern";
+    ValidationErrorId["emailPattern"] = "emailPattern";
+    ValidationErrorId["cardNumberPattern"] = "cardNumberPattern";
+    ValidationErrorId["required"] = "required";
+    ValidationErrorId["minLength"] = "minLength";
+    ValidationErrorId["maxLength"] = "maxLength";
+    ValidationErrorId["cpfNumberPattern"] = "cpfNumberPattern";
+    ValidationErrorId["cvvPattern"] = "cvvPattern";
+    ValidationErrorId["phonePattern"] = "phonePattern";
+    ValidationErrorId["buildingNumberPattern"] = "buildingNumberPattern";
+    ValidationErrorId["zipPattern"] = "zipPattern";
+    ValidationErrorId["dataPattern"] = "dataPattern";
+})(ValidationErrorId || (ValidationErrorId = {}));
+
 const emailRegexp = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i; // eslint-disable-line
 function convertedEmailValidator() {
-    return convert(Validators.pattern(emailRegexp), 'Enter a valid email');
+    return convert(Validators.pattern(emailRegexp), 'Enter a valid email', {
+        id: ValidationErrorId.emailPattern,
+    });
 }
 
 function convertedRequiredValidator() {
-    return convert(Validators.required, 'Required');
+    return convert(Validators.required, 'Required', {
+        id: ValidationErrorId.required,
+    });
 }
 
 class Converter {
@@ -3353,7 +3385,10 @@ class Converter {
                 const errorMessage = field.validation_error_msg
                     ? field.validation_error_msg
                     : 'Enter valid data';
-                validators.push(convert(Validators.pattern(pattern), errorMessage));
+                validators.push(convert(Validators.pattern(pattern), errorMessage, {
+                    id: ValidationErrorId.dataPattern,
+                    defaultMessage: field.validation_error_msg,
+                }));
             }
         }
         return validators;
@@ -3444,6 +3479,20 @@ class TextControlConfig extends ControlConfig {
     }
 }
 
+function minLengthValidator(minLength) {
+    return convert(Validators.minLength(minLength), `Enter at least ${minLength} characters`, {
+        id: ValidationErrorId.minLength,
+        minLength,
+    });
+}
+
+function maxLengthValidator(maxLength) {
+    return convert(Validators.maxLength(maxLength), `Enter no more than ${maxLength} characters`, {
+        id: ValidationErrorId.maxLength,
+        maxLength,
+    });
+}
+
 const restrictedValueValidator = (restrictedValue) => {
     return ({ value }) => {
         return value !== restrictedValue ? null : { valueAllowed: false };
@@ -3466,12 +3515,11 @@ class ZipConverter extends Converter {
         const maxLength = this.isUsCountry ? this.usCountryLength : this.maxLength;
         const validators = super
             .getValidators(field)
-            .concat([
-            convert(Validators.minLength(minLength), `Enter at least ${minLength} characters`),
-            convert(Validators.maxLength(maxLength), `Enter no more than ${maxLength} characters`),
-        ]);
+            .concat([minLengthValidator(minLength), maxLengthValidator(maxLength)]);
         if (this.isUsCountry) {
-            validators.push(convert(restrictedValueValidator('00000'), 'Enter a valid ZIP code'));
+            validators.push(convert(restrictedValueValidator('00000'), 'Enter a valid ZIP code', {
+                id: ValidationErrorId.zipPattern,
+            }));
         }
         return validators;
     }
@@ -3524,7 +3572,10 @@ const luhnFormulaValidator = ({ value }) => {
     }
     const error = {
         rewritableError: {
-            message: `Enter a valid card number`,
+            message: 'Enter a valid card number',
+            params: {
+                id: ValidationErrorId.cardNumberPattern,
+            },
         },
     };
     if (/[^0-9 -]+/.test(value)) {
@@ -3561,6 +3612,37 @@ class CardNumberConfig extends ControlConfig {
     }
 }
 
+class CreditCardMaxLengthValidator {
+    constructor(creditService) {
+        this.creditService = creditService;
+        this.validate = (field) => {
+            if (isEmptyInputValue(field.value) || !isString(field.value)) {
+                return null;
+            }
+            const length = field.value.length;
+            const cardType = this.creditService.getTypeByNumber(field.value);
+            const { maxLength } = this.creditService.getCreditCardSettings(cardType);
+            if (length <= maxLength)
+                return null;
+            return {
+                rewritableError: {
+                    message: `Enter no more than ${maxLength} characters`,
+                    number: maxLength,
+                    params: {
+                        id: ValidationErrorId.maxLength,
+                        maxLength,
+                    },
+                },
+            };
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CreditCardMaxLengthValidator, deps: [{ token: CreditCardService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CreditCardMaxLengthValidator }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CreditCardMaxLengthValidator, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: CreditCardService }] });
+
 class CreditCardMinLengthValidator {
     constructor(creditService) {
         this.creditService = creditService;
@@ -3571,14 +3653,18 @@ class CreditCardMinLengthValidator {
             const length = field.value.length;
             const cardType = this.creditService.getTypeByNumber(field.value);
             const { minLength } = this.creditService.getCreditCardSettings(cardType);
-            return length < minLength
-                ? {
-                    rewritableError: {
-                        message: `Enter at least ${minLength} characters`,
-                        number: minLength,
+            if (length >= minLength)
+                return null;
+            return {
+                rewritableError: {
+                    message: `Enter at least ${minLength} characters`,
+                    number: minLength,
+                    params: {
+                        id: ValidationErrorId.minLength,
+                        minLength,
                     },
-                }
-                : null;
+                },
+            };
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CreditCardMinLengthValidator, deps: [{ token: CreditCardService }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -3619,12 +3705,12 @@ class CardNumberConverter extends Converter {
     getDataType() {
         return 'text';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CardNumberConverter, deps: [{ token: SyncService }, { token: CreditCardMinLengthValidator }, { token: CreditCardMinLengthValidator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CardNumberConverter, deps: [{ token: SyncService }, { token: CreditCardMaxLengthValidator }, { token: CreditCardMinLengthValidator }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CardNumberConverter }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CardNumberConverter, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: SyncService }, { type: CreditCardMinLengthValidator }, { type: CreditCardMinLengthValidator }] });
+        }], ctorParameters: () => [{ type: SyncService }, { type: CreditCardMaxLengthValidator }, { type: CreditCardMinLengthValidator }] });
 
 const maxMonths$1 = 12;
 const getMinMonth$1 = (parsedYear) => {
@@ -3634,9 +3720,10 @@ const getMinMonth$1 = (parsedYear) => {
     minMonth = year === today.getFullYear() ? today.getMonth() + 1 : 1;
     return minMonth;
 };
-const sendErrMessage$2 = (fn) => ({
+const sendErrMessage$2 = (message, params) => ({
     cardMonthExpiration: {
-        message: fn,
+        message,
+        params,
     },
 });
 function cardMonthValidator(formState) {
@@ -3648,16 +3735,27 @@ function cardMonthValidator(formState) {
         const twoDigitsRegex = new RegExp(/^\d{2}$/);
         const fieldCommonLength = 2;
         if (value.length !== fieldCommonLength) {
-            return sendErrMessage$2(`Enter ${fieldCommonLength} characters`);
+            return sendErrMessage$2(`Enter ${fieldCommonLength} characters`, {
+                id: ValidationErrorId.expirationLength,
+                requiredLength: fieldCommonLength,
+            });
         }
         if (!twoDigitsRegex.test(value)) {
-            return sendErrMessage$2(`Enter a valid expiration month`);
+            return sendErrMessage$2('Enter a valid expiration month', {
+                id: ValidationErrorId.expirationMonthPattern,
+            });
         }
         if (Number(value) < minMonth) {
-            return sendErrMessage$2(`Enter a month greater than or equal to ${minMonth}`);
+            return sendErrMessage$2(`Enter a month greater than or equal to ${minMonth}`, {
+                id: ValidationErrorId.expirationMinMonth,
+                minMonth,
+            });
         }
         if (Number(value) > maxMonths$1) {
-            return sendErrMessage$2(`Enter a month less than or equal to ${maxMonths$1}`);
+            return sendErrMessage$2(`Enter a month less than or equal to ${maxMonths$1}`, {
+                id: ValidationErrorId.expirationMaxMonth,
+                maxMonth: maxMonths$1,
+            });
         }
         return null;
     };
@@ -3704,7 +3802,9 @@ class CvvConverter extends Converter {
     getValidators(field, formState) {
         const validators = super.getValidators(field);
         const activeCardType = formState ? formState.activeCardType : null;
-        const getPatternValidator = (pattern) => convert(Validators.pattern(pattern), `Enter a valid CVV/CVC`);
+        const getPatternValidator = (pattern) => convert(Validators.pattern(pattern), 'Enter a valid CVV/CVC', {
+            id: ValidationErrorId.cvvPattern,
+        });
         switch (activeCardType) {
             case CreditCardTypes.AMERICAN_EXPRESS: {
                 this.maxFieldLength = 4;
@@ -3765,7 +3865,10 @@ const birthdateValidator = ({ value }) => {
     }
     const error = {
         invalidBirthDate: {
-            message: `Enter a valid birth date`,
+            message: 'Enter a valid birth date',
+            params: {
+                id: ValidationErrorId.birthDatePattern,
+            },
         },
     };
     const dateArr = value.split('/');
@@ -3800,10 +3903,10 @@ class BirthDateConverter extends Converter {
         super(syncService);
     }
     getValidators(field) {
-        return super
-            .getValidators(field)
-            .concat([
-            convert(Validators.pattern(/^[0-9]{1,2}\/[0-9]{1,2}\/[0-9]{4}$/), `Enter a valid birth date`),
+        return super.getValidators(field).concat([
+            convert(Validators.pattern(/^[0-9]{1,2}\/[0-9]{1,2}\/[0-9]{4}$/), 'Enter a valid birth date', {
+                id: ValidationErrorId.birthDatePattern,
+            }),
             birthdateValidator,
         ]);
     }
@@ -3852,10 +3955,10 @@ class CpfNameConverter extends Converter {
         super(syncService);
     }
     getValidators(field) {
-        return super
-            .getValidators(field)
-            .concat([
-            convert(Validators.pattern(cpfNameRegex), `Enter a valid name`),
+        return super.getValidators(field).concat([
+            convert(Validators.pattern(cpfNameRegex), 'Enter a valid CPF number', {
+                id: ValidationErrorId.cpfNumberPattern,
+            }),
         ]);
     }
     createControlConfig(field) {
@@ -3906,7 +4009,9 @@ class StreetNumberConverter extends Converter {
     getValidators(field, formState) {
         const validators = super.getValidators(field);
         if (formState?.country === 'BL') {
-            validators.push(convert(restrictedValueValidator('0'), `Enter a valid building number`));
+            validators.push(convert(restrictedValueValidator('0'), 'Enter a valid building number', {
+                id: ValidationErrorId.buildingNumberPattern,
+            }));
         }
         return validators;
     }
@@ -3950,7 +4055,10 @@ class CheckboxConverter extends Converter {
     getValidators(field) {
         const validators = [];
         if (field.isMandatory === this.checkedValue) {
-            validators.push(convert(restrictedValueValidator(this.uncheckedValue), 'validation_message_required_checkbox'));
+            validators.push(convert(restrictedValueValidator(this.uncheckedValue), field.validation_error_msg || 'Required', {
+                id: ValidationErrorId.required,
+                defaultMessage: field.validation_error_msg,
+            }));
         }
         return validators;
     }
@@ -4063,8 +4171,10 @@ class CouponControlConfig extends ControlConfig {
     }
 }
 
-function couponValidator(message = `Enter a valid promo code`) {
-    return convert(Validators.pattern(/^[0-9a-z_-]+$/i), message);
+function couponValidator(message = 'Enter a valid promo code') {
+    return convert(Validators.pattern(/^[0-9a-z_-]+$/i), message, {
+        id: ValidationErrorId.couponPattern,
+    });
 }
 
 class CouponConverter extends Converter {
@@ -4086,9 +4196,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: SyncService }] });
 
-const sendErrMessage$1 = (fn) => ({
+const sendErrMessage$1 = (message, params) => ({
     cardYearExpiration: {
-        message: fn,
+        message,
+        params,
     },
 });
 const getLastCharactersInYear$1 = (str = new Date().getFullYear().toString()) => {
@@ -4105,17 +4216,28 @@ function cardYearValidator(control) {
     const twoDigitsRegex = new RegExp(/^\d{2}$/);
     const fieldCommonLength = 2;
     if (value.length !== fieldCommonLength) {
-        return sendErrMessage$1(`Enter ${fieldCommonLength} characters`);
+        return sendErrMessage$1(`Enter ${fieldCommonLength} characters`, {
+            id: ValidationErrorId.expirationLength,
+            requiredLength: fieldCommonLength,
+        });
     }
     if (!twoDigitsRegex.test(value)) {
-        return sendErrMessage$1(`Enter a valid expiration year`);
+        return sendErrMessage$1('Enter a valid expiration year', {
+            id: ValidationErrorId.expirationYearPattern,
+        });
     }
     if (Number(value) < minYear) {
-        return sendErrMessage$1(`Enter a year greater than or equal to ${minYear}`);
+        return sendErrMessage$1(`Enter a year greater than or equal to ${minYear}`, {
+            id: ValidationErrorId.expirationMinYear,
+            minYear,
+        });
     }
     const maxValidYear = minYear + maxYearsCount$1;
     if (Number(value) > maxValidYear) {
-        return sendErrMessage$1(`Enter a year less than or equal to ${maxValidYear}`);
+        return sendErrMessage$1(`Enter a year less than or equal to ${maxValidYear}`, {
+            id: ValidationErrorId.expirationMaxYear,
+            maxYear: maxValidYear,
+        });
     }
     return null;
 }
@@ -4153,15 +4275,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
         }], ctorParameters: () => [{ type: SyncService }] });
 
 function phoneValidator() {
-    return convert(Validators.pattern(/^\d*$/), 'Enter a valid phone');
-}
-
-function minLengthValidator(minLength) {
-    return convert(Validators.minLength(minLength), `Enter at least ${minLength} characters`);
-}
-
-function maxLengthValidator(maxLength) {
-    return convert(Validators.maxLength(maxLength), `Enter no more than ${maxLength} characters`);
+    return convert(Validators.pattern(/^\d*$/), 'Enter a valid phone', {
+        id: ValidationErrorId.phonePattern,
+    });
 }
 
 class PhoneControlConfig extends ControlConfig {
@@ -4210,9 +4326,10 @@ const getMinMonth = (parsedYear) => {
     }
     return minMonth;
 };
-const sendErrMessage = (fn) => ({
+const sendErrMessage = (message, params) => ({
     rewritableError: {
-        message: fn,
+        message,
+        params,
     },
 });
 const getLastCharactersInYear = (str = new Date().getFullYear().toString()) => {
@@ -4237,26 +4354,45 @@ function cardExpValidator(control) {
     const fieldCommonLength = 4;
     const trickyFieldLength = fieldCommonLength + 1;
     if (value.length !== trickyFieldLength) {
-        return sendErrMessage(`Enter ${fieldCommonLength} characters`);
+        return sendErrMessage(`Enter ${fieldCommonLength} characters`, {
+            id: ValidationErrorId.expirationLength,
+            requiredLength: fieldCommonLength,
+        });
     }
     if (!twoDigitsRegex.test(month)) {
-        return sendErrMessage('Enter a valid expiration month');
+        return sendErrMessage('Enter a valid expiration month', {
+            id: ValidationErrorId.expirationMonthPattern,
+        });
     }
     if (Number(month) < minMonth) {
-        return sendErrMessage(`Enter a month greater than or equal to ${minMonth}`);
+        return sendErrMessage(`Enter a month greater than or equal to ${minMonth}`, {
+            id: ValidationErrorId.expirationMinMonth,
+            minMonth,
+        });
     }
     if (Number(month) > maxMonths) {
-        return sendErrMessage(`Enter a month less than or equal to ${maxMonths}`);
+        return sendErrMessage(`Enter a month less than or equal to ${maxMonths}`, {
+            id: ValidationErrorId.expirationMaxMonth,
+            maxMonth: maxMonths,
+        });
     }
     if (!twoDigitsRegex.test(year)) {
-        return sendErrMessage(`Enter a valid expiration year`);
+        return sendErrMessage('Enter a valid expiration year', {
+            id: ValidationErrorId.expirationYearPattern,
+        });
     }
     if (Number(year) < minYear) {
-        return sendErrMessage(`Enter a year greater than or equal to ${minYear}`);
+        return sendErrMessage(`Enter a year greater than or equal to ${minYear}`, {
+            id: ValidationErrorId.expirationMinYear,
+            minYear,
+        });
     }
     const maxValidYear = minYear + maxYearsCount;
     if (Number(year) > maxValidYear) {
-        return sendErrMessage(`Enter a year less than or equal to ${maxValidYear}`);
+        return sendErrMessage(`Enter a year less than or equal to ${maxValidYear}`, {
+            id: ValidationErrorId.expirationMaxYear,
+            maxYear: maxValidYear,
+        });
     }
     return null;
 }
@@ -8157,14 +8293,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
 class ValidatorsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ValidatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: ValidatorsModule, imports: [CommonModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ValidatorsModule, providers: [CreditCardMinLengthValidator], imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ValidatorsModule, providers: [CreditCardMinLengthValidator, CreditCardMaxLengthValidator], imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ValidatorsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
                     imports: [CommonModule],
-                    providers: [CreditCardMinLengthValidator],
+                    providers: [CreditCardMinLengthValidator, CreditCardMaxLengthValidator],
                 }]
         }] });