@xsolla/payment-client-core 0.2.71 → 0.2.73

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

@@ -2,12 +2,37 @@ import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Inject, isDevMode, Pipe, NgModule } from '@angular/core';
 import { firstValueFrom, lastValueFrom, map, Subject, BehaviorSubject, filter as filter$1, takeUntil, skip, take, of, interval, throwError, share } from 'rxjs';
 import * as i1 from '@angular/common/http';
-import { HttpParams, HttpHeaders, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HttpParams, HttpHeaders, HttpClientModule, HTTP_INTERCEPTORS, provideHttpClient } from '@angular/common/http';
 import { UntypedFormGroup, Validators, UntypedFormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import JSEncrypt from 'jsencrypt';
 import { filter, map as map$1, tap, debounce, debounceTime, catchError } from 'rxjs/operators';
+import * as i23 from '@ngx-translate/core';
+import { provideTranslateService, MissingTranslationHandler } from '@ngx-translate/core';
 import * as i1$1 from '@angular/router';
 import { CommonModule } from '@angular/common';
+import { provideTranslateHttpLoader } from '@ngx-translate/http-loader';
+
+class TranslateHelper {
+    static init(service) {
+        this.service = service;
+    }
+    static t(key, defaultValue, interpolateParams) {
+        return (this.service.instant(key, interpolateParams) ??
+            defaultValue);
+    }
+    static getLocale(locale) {
+        if (locale === 'tw') {
+            return 'zh-Hant';
+        }
+        if (locale === 'cn') {
+            return 'zh-Hans';
+        }
+        if (locale === 'ph') {
+            return 'fil';
+        }
+        return locale;
+    }
+}
 
 class AppError extends Error {
     constructor(message) {
@@ -2426,7 +2451,7 @@ class EncryptCreditCardService {
             request.xps_open_card = JSON.stringify(openCard);
         }
         const encryptedCard = this.createEncryptedCard(request);
-        if (!request.xps_encrypted_card && JSON.stringify(encryptedCard) !== '{}') {
+        if (request.xps_card_number || request.xps_extra_card_number) {
             request.xps_encrypted_card = this.encrypt(JSON.stringify(encryptedCard));
         }
         this.secureFieldNames.forEach((secureFieldName) => {
@@ -3330,41 +3355,15 @@ function convert(validator, message, params) {
     };
 }
 
-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', {
-        id: ValidationErrorId.emailPattern,
-    });
+    const message = TranslateHelper.t('errors.validation.email-pattern', 'Enter a valid email');
+    return convert(Validators.pattern(emailRegexp), message);
 }
 
 function convertedRequiredValidator() {
-    return convert(Validators.required, 'Required', {
-        id: ValidationErrorId.required,
-    });
+    console.log();
+    return convert(Validators.required, TranslateHelper.t('errors.validation.required', 'Required'));
 }
 
 class Converter {
@@ -3398,7 +3397,6 @@ class Converter {
                     ? field.validation_error_msg
                     : 'Enter valid data';
                 validators.push(convert(Validators.pattern(pattern), errorMessage, {
-                    id: ValidationErrorId.dataPattern,
                     defaultMessage: field.validation_error_msg,
                 }));
             }
@@ -3492,22 +3490,27 @@ class TextControlConfig extends ControlConfig {
 }
 
 function minLengthValidator(minLength) {
-    return convert(Validators.minLength(minLength), `Enter at least ${minLength} characters`, {
-        id: ValidationErrorId.minLength,
+    return convert(Validators.minLength(minLength), TranslateHelper.t('errors.validation.min-length', `Enter at least ${minLength} characters`, { minLength }), {
         minLength,
     });
 }
 
 function maxLengthValidator(maxLength) {
-    return convert(Validators.maxLength(maxLength), `Enter no more than ${maxLength} characters`, {
-        id: ValidationErrorId.maxLength,
+    return convert(Validators.maxLength(maxLength), TranslateHelper.t('errors.validation.max-length', `Enter no more than ${maxLength} characters`, { maxLength }), {
         maxLength,
     });
 }
 
 const restrictedValueValidator = (restrictedValue) => {
     return ({ value }) => {
-        return value !== restrictedValue ? null : { valueAllowed: false };
+        return value !== restrictedValue
+            ? null
+            : {
+                valueAllowed: {
+                    message: TranslateHelper.t('errors.validation.restrictedValue', 'This value is not allowed'),
+                    params: { restrictedValue },
+                },
+            };
     };
 };
 
@@ -3529,16 +3532,14 @@ class ZipConverter extends Converter {
             .getValidators(field)
             .concat([minLengthValidator(minLength), maxLengthValidator(maxLength)]);
         if (this.isUsCountry) {
-            validators.push(convert(restrictedValueValidator('00000'), 'Enter a valid ZIP code', {
-                id: ValidationErrorId.zipPattern,
-            }));
+            validators.push(convert(restrictedValueValidator('00000'), TranslateHelper.t('zip.converter.validation.pattern', 'Enter a valid ZIP code'), {}));
         }
         return validators;
     }
     createControlConfig(field) {
         const config = this.createDefaultControlConfig(TextControlConfig, field);
         config.icon = 'location';
-        config.placeholder = 'ZIP code';
+        config.placeholder = TranslateHelper.t('zip.converter.placeholder', 'ZIP code');
         if (this.isUsCountry) {
             config.maskConfig = {
                 mask: new Array(this.usCountryLength).fill('9').join(''),
@@ -3584,10 +3585,7 @@ const luhnFormulaValidator = ({ value }) => {
     }
     const error = {
         rewritableError: {
-            message: 'Enter a valid card number',
-            params: {
-                id: ValidationErrorId.cardNumberPattern,
-            },
+            message: TranslateHelper.t('errors.validation.cardNumber', 'Enter a valid card number'),
         },
     };
     if (/[^0-9 -]+/.test(value)) {
@@ -3638,10 +3636,9 @@ class CreditCardMaxLengthValidator {
                 return null;
             return {
                 rewritableError: {
-                    message: `Enter no more than ${maxLength} characters`,
+                    message: TranslateHelper.t('errors.validation.max-length', `Enter no more than ${maxLength} characters`, { maxLength }),
                     number: maxLength,
                     params: {
-                        id: ValidationErrorId.maxLength,
                         maxLength,
                     },
                 },
@@ -3669,10 +3666,9 @@ class CreditCardMinLengthValidator {
                 return null;
             return {
                 rewritableError: {
-                    message: `Enter at least ${minLength} characters`,
+                    message: TranslateHelper.t('errors.validation.min-length', `Enter at least ${minLength} characters`, { minLength }),
                     number: minLength,
                     params: {
-                        id: ValidationErrorId.minLength,
                         minLength,
                     },
                 },
@@ -3747,25 +3743,20 @@ function cardMonthValidator(formState) {
         const twoDigitsRegex = new RegExp(/^\d{2}$/);
         const fieldCommonLength = 2;
         if (value.length !== fieldCommonLength) {
-            return sendErrMessage$2(`Enter ${fieldCommonLength} characters`, {
-                id: ValidationErrorId.expirationLength,
+            return sendErrMessage$2(TranslateHelper.t('errors.validation.expiration-length', `Enter ${fieldCommonLength} characters`, { requiredLength: fieldCommonLength }), {
                 requiredLength: fieldCommonLength,
             });
         }
         if (!twoDigitsRegex.test(value)) {
-            return sendErrMessage$2('Enter a valid expiration month', {
-                id: ValidationErrorId.expirationMonthPattern,
-            });
+            return sendErrMessage$2(TranslateHelper.t('errors.validation.expiration-month-pattern', 'Enter a valid expiration month'), {});
         }
         if (Number(value) < minMonth) {
-            return sendErrMessage$2(`Enter a month greater than or equal to ${minMonth}`, {
-                id: ValidationErrorId.expirationMinMonth,
+            return sendErrMessage$2(TranslateHelper.t('errors.validation.expiration-min-month', `Enter a month that includes or comes after ${minMonth}`, { minMonth }), {
                 minMonth,
             });
         }
         if (Number(value) > maxMonths$1) {
-            return sendErrMessage$2(`Enter a month less than or equal to ${maxMonths$1}`, {
-                id: ValidationErrorId.expirationMaxMonth,
+            return sendErrMessage$2(TranslateHelper.t('errors.validation.expiration-max-month', `Enter a month that includes or comes before ${maxMonths$1}`, { maxMonth: maxMonths$1 }), {
                 maxMonth: maxMonths$1,
             });
         }
@@ -3787,8 +3778,8 @@ class CardMonthConverter extends Converter {
             guide: false,
         };
         config.inputMode = 'numeric';
-        config.placeholder = `MM`;
-        config.title = `MM`;
+        config.placeholder = TranslateHelper.t('card-month.converter.placeholder', 'MM');
+        config.title = TranslateHelper.t('card-month.converter.title', 'MM');
         config.disabled = formState?.disabled ?? false;
         return config;
     }
@@ -3814,9 +3805,7 @@ 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', {
-            id: ValidationErrorId.cvvPattern,
-        });
+        const getPatternValidator = (pattern) => convert(Validators.pattern(pattern), TranslateHelper.t('errors.validation.cvv-pattern', 'Enter a valid CVV/CVC'), {});
         switch (activeCardType) {
             case CreditCardTypes.AMERICAN_EXPRESS: {
                 this.maxFieldLength = 4;
@@ -3843,13 +3832,13 @@ class CvvConverter extends Converter {
             guide: false,
         };
         config.tooltip = {
-            text: 'The code is on the back of your card',
+            text: TranslateHelper.t('cvv.converter.tooltip.text', 'Where to find your CVV/CVC'),
             image: 'cvv',
             parentField: FieldNames.cvv,
             position: 'input',
             analyticsAction: 'show-cvv-tooltip',
         };
-        config.placeholder = `CVV2/CVC2`;
+        config.placeholder = TranslateHelper.t('cvv.converter.placeholder', 'CVV2/CVC2');
         config.inputMode = 'numeric';
         config.shouldHideUserInput = this.shouldHideUserInput();
         config.disabled = formState?.disabled ?? false;
@@ -3877,10 +3866,8 @@ const birthdateValidator = ({ value }) => {
     }
     const error = {
         invalidBirthDate: {
-            message: 'Enter a valid birth date',
-            params: {
-                id: ValidationErrorId.birthDatePattern,
-            },
+            message: TranslateHelper.t('errors.validation.birthDate', 'Enter a valid birth date'),
+            params: {},
         },
     };
     const dateArr = value.split('/');
@@ -3915,10 +3902,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', {
-                id: ValidationErrorId.birthDatePattern,
-            }),
+        return super
+            .getValidators(field)
+            .concat([
+            convert(Validators.pattern(/^[0-9]{1,2}\/[0-9]{1,2}\/[0-9]{4}$/), TranslateHelper.t('birth-date.converter.validation.pattern', 'Enter a valid birth date')),
             birthdateValidator,
         ]);
     }
@@ -3929,7 +3916,7 @@ class BirthDateConverter extends Converter {
             unmaskModelValue: false,
             guide: false,
         };
-        config.placeholder = `DD/MM/YYYY`;
+        config.placeholder = TranslateHelper.t('birth-date.converter.placeholder', 'DD/MM/YYYY');
         config.inputMode = 'numeric';
         return config;
     }
@@ -3967,16 +3954,16 @@ class CpfNameConverter extends Converter {
         super(syncService);
     }
     getValidators(field) {
-        return super.getValidators(field).concat([
-            convert(Validators.pattern(cpfNameRegex), 'Enter a valid CPF number', {
-                id: ValidationErrorId.cpfNumberPattern,
-            }),
+        return super
+            .getValidators(field)
+            .concat([
+            convert(Validators.pattern(cpfNameRegex), TranslateHelper.t('cpf-name.converter.validation.pattern', 'Enter a valid name'), {}),
         ]);
     }
     createControlConfig(field) {
         const config = this.createDefaultControlConfig(TextControlConfig, field);
         config.tooltip = {
-            text: `Where to find your name`,
+            text: TranslateHelper.t('cpf-name.converter.tooltip.text', 'Where to find your name'),
             image: 'cpf-name',
         };
         return config;
@@ -4000,9 +3987,9 @@ class CpfNumberConverter extends Converter {
             guide: false,
         };
         config.inputMode = 'numeric';
-        config.placeholder = '000.000.000-00';
+        config.placeholder = TranslateHelper.t('cpf-number.converter.placeholder', '000.000.000-00');
         config.tooltip = {
-            text: `Where to find your registration number`,
+            text: TranslateHelper.t('cpf-number.converter.tooltip.text', 'Where to find your registration number'),
             image: 'cpf-number',
         };
         return config;
@@ -4021,9 +4008,7 @@ 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', {
-                id: ValidationErrorId.buildingNumberPattern,
-            }));
+            validators.push(convert(restrictedValueValidator('0'), TranslateHelper.t('street-number.converter.validation.building-number', 'Enter a valid building number'), {}));
         }
         return validators;
     }
@@ -4067,10 +4052,8 @@ class CheckboxConverter extends Converter {
     getValidators(field) {
         const validators = [];
         if (field.isMandatory === this.checkedValue) {
-            validators.push(convert(restrictedValueValidator(this.uncheckedValue), field.validation_error_msg || 'Required', {
-                id: ValidationErrorId.required,
-                defaultMessage: field.validation_error_msg,
-            }));
+            validators.push(convert(restrictedValueValidator(this.uncheckedValue), field.validation_error_msg ||
+                TranslateHelper.t('checkbox.converter.validation.required', 'Required')));
         }
         return validators;
     }
@@ -4183,10 +4166,9 @@ class CouponControlConfig extends ControlConfig {
     }
 }
 
-function couponValidator(message = 'Enter a valid promo code') {
-    return convert(Validators.pattern(/^[0-9a-z_-]+$/i), message, {
-        id: ValidationErrorId.couponPattern,
-    });
+function couponValidator(message) {
+    const defaultMessage = TranslateHelper.t('errors.validation.coupon-pattern', 'Enter a valid promo code');
+    return convert(Validators.pattern(/^[0-9a-z_-]+$/i), message || defaultMessage);
 }
 
 class CouponConverter extends Converter {
@@ -4198,7 +4180,7 @@ class CouponConverter extends Converter {
     }
     createControlConfig(field) {
         const config = this.createDefaultControlConfig(CouponControlConfig, field);
-        config.placeholder = `Enter promo code`;
+        config.placeholder = TranslateHelper.t('coupon.converter.placeholder', 'Enter promo code');
         return config;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CouponConverter, deps: [{ token: SyncService }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -4228,26 +4210,21 @@ function cardYearValidator(control) {
     const twoDigitsRegex = new RegExp(/^\d{2}$/);
     const fieldCommonLength = 2;
     if (value.length !== fieldCommonLength) {
-        return sendErrMessage$1(`Enter ${fieldCommonLength} characters`, {
-            id: ValidationErrorId.expirationLength,
+        return sendErrMessage$1(TranslateHelper.t('errors.validation.expiration-length', `Enter ${fieldCommonLength} characters`, { requiredLength: fieldCommonLength }), {
             requiredLength: fieldCommonLength,
         });
     }
     if (!twoDigitsRegex.test(value)) {
-        return sendErrMessage$1('Enter a valid expiration year', {
-            id: ValidationErrorId.expirationYearPattern,
-        });
+        return sendErrMessage$1(TranslateHelper.t('errors.validation.expiration-year-pattern', 'Enter a valid expiration year'), {});
     }
     if (Number(value) < minYear) {
-        return sendErrMessage$1(`Enter a year greater than or equal to ${minYear}`, {
-            id: ValidationErrorId.expirationMinYear,
+        return sendErrMessage$1(TranslateHelper.t('errors.validation.expiration-min-year', `Enter a year that includes or comes after ${minYear}`, { minYear }), {
             minYear,
         });
     }
     const maxValidYear = minYear + maxYearsCount$1;
     if (Number(value) > maxValidYear) {
-        return sendErrMessage$1(`Enter a year less than or equal to ${maxValidYear}`, {
-            id: ValidationErrorId.expirationMaxYear,
+        return sendErrMessage$1(TranslateHelper.t('errors.validation.expiration-max-year', `Enter a year that includes or comes before ${maxValidYear}`, { maxYear: maxValidYear }), {
             maxYear: maxValidYear,
         });
     }
@@ -4268,8 +4245,8 @@ class CardYearConverter extends Converter {
             guide: false,
         };
         config.inputMode = 'numeric';
-        config.placeholder = `YY`;
-        config.title = `YY`;
+        config.placeholder = TranslateHelper.t('card-year.converter.placeholder', 'YY');
+        config.title = TranslateHelper.t('card-year.converter.title', 'YY');
         config.disabled = formState?.disabled ?? false;
         return config;
     }
@@ -4287,9 +4264,7 @@ 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', {
-        id: ValidationErrorId.phonePattern,
-    });
+    return convert(Validators.pattern(/^\d*$/), TranslateHelper.t('errors.validation.phone-pattern', 'Enter a valid phone'));
 }
 
 class PhoneControlConfig extends ControlConfig {
@@ -4366,43 +4341,34 @@ function cardExpValidator(control) {
     const fieldCommonLength = 4;
     const trickyFieldLength = fieldCommonLength + 1;
     if (value.length !== trickyFieldLength) {
-        return sendErrMessage(`Enter ${fieldCommonLength} characters`, {
-            id: ValidationErrorId.expirationLength,
+        return sendErrMessage(TranslateHelper.t('errors.validation.expiration-length', `Enter ${fieldCommonLength} characters`, { requiredLength: fieldCommonLength }), {
             requiredLength: fieldCommonLength,
         });
     }
     if (!twoDigitsRegex.test(month)) {
-        return sendErrMessage('Enter a valid expiration month', {
-            id: ValidationErrorId.expirationMonthPattern,
-        });
+        return sendErrMessage(TranslateHelper.t('errors.validation.expiration-month-pattern', 'Enter a valid expiration month'), {});
     }
     if (Number(month) < minMonth) {
-        return sendErrMessage(`Enter a month greater than or equal to ${minMonth}`, {
-            id: ValidationErrorId.expirationMinMonth,
+        return sendErrMessage(TranslateHelper.t('errors.validation.expiration-min-month', `Enter a month that includes or comes after ${minMonth}`, { minMonth }), {
             minMonth,
         });
     }
     if (Number(month) > maxMonths) {
-        return sendErrMessage(`Enter a month less than or equal to ${maxMonths}`, {
-            id: ValidationErrorId.expirationMaxMonth,
+        return sendErrMessage(TranslateHelper.t('errors.validation.expiration-max-month', `Enter a month that includes or comes before ${maxMonths}`, { maxMonth: maxMonths }), {
             maxMonth: maxMonths,
         });
     }
     if (!twoDigitsRegex.test(year)) {
-        return sendErrMessage('Enter a valid expiration year', {
-            id: ValidationErrorId.expirationYearPattern,
-        });
+        return sendErrMessage(TranslateHelper.t('errors.validation.expiration-year-pattern', 'Enter a valid expiration year'), {});
     }
     if (Number(year) < minYear) {
-        return sendErrMessage(`Enter a year greater than or equal to ${minYear}`, {
-            id: ValidationErrorId.expirationMinYear,
+        return sendErrMessage(TranslateHelper.t('errors.validation.expiration-min-year', `Enter a year that includes or comes after ${minYear}`, { minYear }), {
             minYear,
         });
     }
     const maxValidYear = minYear + maxYearsCount;
     if (Number(year) > maxValidYear) {
-        return sendErrMessage(`Enter a year less than or equal to ${maxValidYear}`, {
-            id: ValidationErrorId.expirationMaxYear,
+        return sendErrMessage(TranslateHelper.t('errors.validation.expiration-max-year', `Enter a year that includes or comes before ${maxValidYear}`, { maxYear: maxValidYear }), {
             maxYear: maxValidYear,
         });
     }
@@ -4424,8 +4390,8 @@ class CardExpirationConverter extends Converter {
             guide: false,
         };
         config.inputMode = 'numeric';
-        config.placeholder = 'MM/YY';
-        config.title = 'MM/YY';
+        config.placeholder = TranslateHelper.t('card-expiration.converter.placeholder', 'MM/YY');
+        config.title = TranslateHelper.t('card-expiration.converter.title', 'MM/YY');
         config.disabled = formState?.disabled ?? false;
         return config;
     }
@@ -8108,7 +8074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }] }] });
 
 class CoreLibraryService {
-    constructor(settingsService, countryService, paymentMethodsService, savedMethodsService, userBalanceService, paymentConfigService, paymentService, deviceFingerPrintService, financeDetailsService, legalService, statusService, nextActionService, creditCardService, creditCardStateService, formMessagesService, editSavedMethodsService, userBehaviourAnalyticsService, performanceService, combinedPaymentMethodsService, countriesApiService, sendInstructionService, scriptTrackerService) {
+    constructor(settingsService, countryService, paymentMethodsService, savedMethodsService, userBalanceService, paymentConfigService, paymentService, deviceFingerPrintService, financeDetailsService, legalService, statusService, nextActionService, creditCardService, creditCardStateService, formMessagesService, editSavedMethodsService, userBehaviourAnalyticsService, performanceService, combinedPaymentMethodsService, countriesApiService, sendInstructionService, scriptTrackerService, translateService) {
         this.settingsService = settingsService;
         this.countryService = countryService;
         this.paymentMethodsService = paymentMethodsService;
@@ -8131,6 +8097,7 @@ class CoreLibraryService {
         this.countriesApiService = countriesApiService;
         this.sendInstructionService = sendInstructionService;
         this.scriptTrackerService = scriptTrackerService;
+        this.translateService = translateService;
         this.paymentMethods = {
             getList: async (isSaveMethodMode) => this.paymentMethodsService.getList(isSaveMethodMode),
             getQuickMethods: async () => this.paymentMethodsService.getQuickMethods(),
@@ -8154,6 +8121,8 @@ class CoreLibraryService {
         this.userBehaviourAnalyticsService.init();
         this.deviceFingerPrintService.init();
         this.scriptTrackerService.initScriptTracking(configuration.environment);
+        TranslateHelper.init(this.translateService);
+        this.translateService.use(TranslateHelper.getLocale(configuration.locale));
     }
     async getStatus(url) {
         return this.statusService.getStatusWithUrlSearchParams(url);
@@ -8257,7 +8226,7 @@ class CoreLibraryService {
     get isApplePayInstantFlowEnabled() {
         return this.settingsService.isApplePayInstantFlowEnabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryService, deps: [{ token: SettingsService }, { token: CountryService }, { token: PaymentMethodsService }, { token: SavedMethodsService }, { token: UserBalanceService }, { token: PaymentConfigService }, { token: PaymentService }, { token: DeviceFingerPrintService }, { token: FinanceDetailsService }, { token: LegalService }, { token: StatusService }, { token: NextActionService }, { token: CreditCardService }, { token: CreditCardStateService }, { token: FormMessagesService }, { token: EditSavedMethodsService }, { token: UserBehaviourAnalyticsService }, { token: PerformanceService }, { token: CombinedPaymentMethodsService }, { token: CountriesApiService }, { token: SendInstructionService }, { token: ScriptTrackerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryService, deps: [{ token: SettingsService }, { token: CountryService }, { token: PaymentMethodsService }, { token: SavedMethodsService }, { token: UserBalanceService }, { token: PaymentConfigService }, { token: PaymentService }, { token: DeviceFingerPrintService }, { token: FinanceDetailsService }, { token: LegalService }, { token: StatusService }, { token: NextActionService }, { token: CreditCardService }, { token: CreditCardStateService }, { token: FormMessagesService }, { token: EditSavedMethodsService }, { token: UserBehaviourAnalyticsService }, { token: PerformanceService }, { token: CombinedPaymentMethodsService }, { token: CountriesApiService }, { token: SendInstructionService }, { token: ScriptTrackerService }, { token: i23.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryService, decorators: [{
@@ -8265,7 +8234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: SettingsService }, { type: CountryService }, { type: PaymentMethodsService }, { type: SavedMethodsService }, { type: UserBalanceService }, { type: PaymentConfigService }, { type: PaymentService }, { type: DeviceFingerPrintService }, { type: FinanceDetailsService }, { type: LegalService }, { type: StatusService }, { type: NextActionService }, { type: CreditCardService }, { type: CreditCardStateService }, { type: FormMessagesService }, { type: EditSavedMethodsService }, { type: UserBehaviourAnalyticsService }, { type: PerformanceService }, { type: CombinedPaymentMethodsService }, { type: CountriesApiService }, { type: SendInstructionService }, { type: ScriptTrackerService }] });
+        }], ctorParameters: () => [{ type: SettingsService }, { type: CountryService }, { type: PaymentMethodsService }, { type: SavedMethodsService }, { type: UserBalanceService }, { type: PaymentConfigService }, { type: PaymentService }, { type: DeviceFingerPrintService }, { type: FinanceDetailsService }, { type: LegalService }, { type: StatusService }, { type: NextActionService }, { type: CreditCardService }, { type: CreditCardStateService }, { type: FormMessagesService }, { type: EditSavedMethodsService }, { type: UserBehaviourAnalyticsService }, { type: PerformanceService }, { type: CombinedPaymentMethodsService }, { type: CountriesApiService }, { type: SendInstructionService }, { type: ScriptTrackerService }, { type: i23.TranslateService }] });
 
 class HttpError extends AppError {
     constructor(error, req) {
@@ -8804,6 +8773,20 @@ class CoreLibraryModule {
             sendInstructionStatusResponseFactoryProvider,
             BraintreeHandler,
             CheckoutHandler,
+            provideHttpClient(),
+            provideTranslateService({
+                loader: provideTranslateHttpLoader({
+                    prefix: './i18n/',
+                    suffix: '.json',
+                }),
+                fallbackLang: 'en',
+                missingTranslationHandler: {
+                    provide: MissingTranslationHandler,
+                    useValue: {
+                        handle: () => null,
+                    },
+                },
+            }),
         ], imports: [HttpClientModule, FormModule, PipesModule, PaymentBehaviourModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryModule, decorators: [{
@@ -8848,6 +8831,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                         sendInstructionStatusResponseFactoryProvider,
                         BraintreeHandler,
                         CheckoutHandler,
+                        provideHttpClient(),
+                        provideTranslateService({
+                            loader: provideTranslateHttpLoader({
+                                prefix: './i18n/',
+                                suffix: '.json',
+                            }),
+                            fallbackLang: 'en',
+                            missingTranslationHandler: {
+                                provide: MissingTranslationHandler,
+                                useValue: {
+                                    handle: () => null,
+                                },
+                            },
+                        }),
                     ],
                 }]
         }] });