@xsolla/payment-client-core 0.2.82 → 0.2.84

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

@@ -6,7 +6,7 @@ import { HttpParams, HttpHeaders, HttpClientModule, HTTP_INTERCEPTORS, provideHt
 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 i24 from '@ngx-translate/core';
+import * as i19 from '@ngx-translate/core';
 import { provideTranslateService, MissingTranslationHandler } from '@ngx-translate/core';
 import * as i1$1 from '@angular/router';
 import { CommonModule } from '@angular/common';
@@ -22,10 +22,10 @@ class TranslateHelper {
     }
     static getLocale(locale) {
         if (locale.toLowerCase() === 'tw') {
-            return 'zh_HANS';
+            return 'zh_HANT';
         }
         if (locale.toLowerCase() === 'cn') {
-            return 'zh_HANT';
+            return 'zh_HANS';
         }
         if (locale.toLowerCase() === 'ph') {
             return 'fil';
@@ -2978,8 +2978,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }]
         }] });
 
+function isNull(value) {
+    return value === null;
+}
+
+function isUndefined(value) {
+    return typeof value === 'undefined';
+}
+
+class SessionService {
+    constructor(window, settingsService) {
+        this.window = window;
+        this.settingsService = settingsService;
+        this.cache = {};
+    }
+    /**
+     * @param {string} key must be uniq entire all app
+     * @param {unknown} value can be anything
+     */
+    set(key, value) {
+        this.cache[key] = value;
+        try {
+            this.window.sessionStorage.setItem(this.getStorageKey(key), JSON.stringify(value));
+        }
+        catch (error) {
+            console.warn('Session storage not available.');
+        }
+    }
+    get(key) {
+        const cacheValue = this.cache[key];
+        if (!isUndefined(cacheValue)) {
+            return cacheValue;
+        }
+        try {
+            const storageValue = this.window.sessionStorage.getItem(this.getStorageKey(key));
+            if (isNull(storageValue)) {
+                return null;
+            }
+            return JSON.parse(storageValue);
+        }
+        catch (error) {
+            return null;
+        }
+    }
+    getStorageKey(key) {
+        return `${key}${this.settingsService.token}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SessionService, deps: [{ token: windowToken }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SessionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SessionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [windowToken]
+                }] }, { type: SettingsService }] });
+
 class InitializeService {
-    constructor(responseFactory, xpsApiService, settingsService, countryService, nextActionService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService, paymentSettingsService) {
+    constructor(responseFactory, xpsApiService, settingsService, countryService, nextActionService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService, paymentSettingsService, sessionService) {
         this.responseFactory = responseFactory;
         this.xpsApiService = xpsApiService;
         this.settingsService = settingsService;
@@ -2990,9 +3049,11 @@ class InitializeService {
         this.showErrorsActionCreator = showErrorsActionCreator;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
         this.paymentSettingsService = paymentSettingsService;
+        this.sessionService = sessionService;
     }
     async request(config) {
         const paymentSettingsParams = this.paymentSettingsService.getPaymentSettingsParams(config);
+        this.sessionService.set('cardNumberCountry', null);
         const requestParams = {
             access_token: this.settingsService.token,
             pid: String(config.paymentMethodId),
@@ -3039,7 +3100,7 @@ class InitializeService {
         }
         this.encryptCreditCardService.setPublicKey(atob(publicKeyField.value));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InitializeService, deps: [{ token: initializeResponseFactoryToken }, { token: XpsApiService }, { token: SettingsService }, { token: CountryService }, { token: NextActionService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: ShowErrorsActionCreator }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InitializeService, deps: [{ token: initializeResponseFactoryToken }, { token: XpsApiService }, { token: SettingsService }, { token: CountryService }, { token: NextActionService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: ShowErrorsActionCreator }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InitializeService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InitializeService, decorators: [{
@@ -3050,7 +3111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [initializeResponseFactoryToken]
-                }] }, { type: XpsApiService }, { type: SettingsService }, { type: CountryService }, { type: NextActionService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }] });
+                }] }, { type: XpsApiService }, { type: SettingsService }, { type: CountryService }, { type: NextActionService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }, { type: SessionService }] });
 
 class XpsApiPartRequest {
     addXpsParameters(parameters) {
@@ -3321,7 +3382,7 @@ const syncResponseFactoryProvider = {
 };
 
 class SyncService extends EmitDataService {
-    constructor(requestFactory, responseFactory, xpsApiService, nextActionService, settingsService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService, paymentSettingsService) {
+    constructor(requestFactory, responseFactory, xpsApiService, nextActionService, settingsService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService, paymentSettingsService, sessionService) {
         super();
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
@@ -3333,6 +3394,7 @@ class SyncService extends EmitDataService {
         this.showErrorsActionCreator = showErrorsActionCreator;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
         this.paymentSettingsService = paymentSettingsService;
+        this.sessionService = sessionService;
         this.prevFieldSyncStates = {};
         this.form = new UntypedFormGroup({});
         this.paymentConfiguration = null;
@@ -3436,6 +3498,7 @@ class SyncService extends EmitDataService {
             .directPaymentRequest(encryptedRequest)
             .then((xpsResponse) => {
             const response = this.xpsResponseErrorsMappingService.mapErrors(xpsResponse);
+            this.sessionService.set('cardNumberCountry', response.cardBinCountry);
             this.emitFormErrors(response);
             this.emit(response);
             return this.responseFactory(field, response);
@@ -3471,7 +3534,7 @@ class SyncService extends EmitDataService {
         }
         this.fieldSyncTimers[field.name] = timerId;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SyncService, deps: [{ token: syncRequestFactoryToken }, { token: syncResponseFactoryToken }, { token: XpsApiService }, { token: NextActionService }, { token: SettingsService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: ShowErrorsActionCreator }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SyncService, deps: [{ token: syncRequestFactoryToken }, { token: syncResponseFactoryToken }, { token: XpsApiService }, { token: NextActionService }, { token: SettingsService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: ShowErrorsActionCreator }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SyncService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SyncService, decorators: [{
@@ -3485,7 +3548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [syncResponseFactoryToken]
-                }] }, { type: XpsApiService }, { type: NextActionService }, { type: SettingsService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }] });
+                }] }, { type: XpsApiService }, { type: NextActionService }, { type: SettingsService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }, { type: SessionService }] });
 
 function isObject(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
@@ -3640,18 +3703,6 @@ class TextControlConfig extends ControlConfig {
     }
 }
 
-function minLengthValidator(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), TranslateHelper.t('errors.validation.max-length', `Enter no more than ${maxLength} characters`, { maxLength }), {
-        maxLength,
-    });
-}
-
 const restrictedValueValidator = (restrictedValue) => {
     return ({ value }) => {
         return value !== restrictedValue
@@ -3666,24 +3717,38 @@ const restrictedValueValidator = (restrictedValue) => {
 };
 
 class ZipConverter extends Converter {
-    constructor(syncService, countryService) {
+    constructor(syncService, countryService, sessionService) {
         super(syncService);
         this.countryService = countryService;
+        this.sessionService = sessionService;
         this.minLength = 3;
         this.maxLength = 10;
         this.usCountryLength = 5;
     }
     get isUsCountry() {
-        return this.countryService.getCountry() === 'US';
+        const currentCountry = this.countryService.getCountry().toUpperCase();
+        const cardNumberCountry = this.sessionService.get('cardNumberCountry');
+        return (cardNumberCountry ?? currentCountry) === 'US';
+    }
+    get isCanadaCountry() {
+        const currentCountry = this.countryService.getCountry().toUpperCase();
+        const cardNumberCountry = this.sessionService.get('cardNumberCountry');
+        return (cardNumberCountry ?? currentCountry) === 'CA';
     }
     getValidators(field) {
         const minLength = this.isUsCountry ? this.usCountryLength : this.minLength;
         const maxLength = this.isUsCountry ? this.usCountryLength : this.maxLength;
         const validators = super
             .getValidators(field)
-            .concat([minLengthValidator(minLength), maxLengthValidator(maxLength)]);
+            .concat([
+            convert(Validators.minLength(minLength), TranslateHelper.t('errors.validation.min-length', `Enter at least ${minLength} characters`, { minLength })),
+            convert(Validators.maxLength(maxLength), TranslateHelper.t('errors.validation.max-length', `Enter no more than ${maxLength} characters`, { maxLength })),
+        ]);
         if (this.isUsCountry) {
-            validators.push(convert(restrictedValueValidator('00000'), TranslateHelper.t('errors.validation.zip-pattern', 'Enter a valid ZIP code'), {}));
+            validators.push(convert(restrictedValueValidator('00000'), TranslateHelper.t('errors.validation.zip-pattern', 'Enter a valid ZIP code')));
+        }
+        if (this.isCanadaCountry) {
+            validators.push(convert(Validators.pattern(/^[A-Za-z0-9]{3}\s?[A-Za-z0-9]{0,3}$/), TranslateHelper.t('errors.validation.zip-pattern-non-us', 'Enter a valid postal code')));
         }
         return validators;
     }
@@ -3698,10 +3763,12 @@ class ZipConverter extends Converter {
                 unmaskModelValue: true,
                 showMask: true,
             };
+            config.placeholder = TranslateHelper.t('zip.converter.placeholder', 'ZIP code');
             config.inputMode = 'numeric';
         }
         else {
             config.maxLength = this.maxLength;
+            config.placeholder = TranslateHelper.t('zip.converter.placeholder-non-us', 'Postal code');
         }
         return config;
     }
@@ -3711,12 +3778,12 @@ class ZipConverter extends Converter {
     getDataType() {
         return 'text';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZipConverter, deps: [{ token: SyncService }, { token: CountryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZipConverter, deps: [{ token: SyncService }, { token: CountryService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZipConverter }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZipConverter, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: SyncService }, { type: CountryService }] });
+        }], ctorParameters: () => [{ type: SyncService }, { type: CountryService }, { type: SessionService }] });
 
 function isEmptyInputValue(value) {
     return value == null || value.length === 0;
@@ -3964,8 +4031,8 @@ class CvvConverter extends Converter {
                 break;
             }
             case CreditCardTypes.MAESTRO: {
-                this.maxFieldLength = 3;
-                validators.push(getPatternValidator(/^\d{0,3}$/));
+                this.maxFieldLength = 4;
+                validators.push(getPatternValidator(/^(?:\d{3,4})?$/));
                 break;
             }
             default: {
@@ -4473,6 +4540,18 @@ function phoneValidator() {
     return convert(Validators.pattern(/^\d*$/), TranslateHelper.t('errors.validation.phone-pattern', 'Enter a valid phone'));
 }
 
+function minLengthValidator(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), TranslateHelper.t('errors.validation.max-length', `Enter no more than ${maxLength} characters`, { maxLength }), {
+        maxLength,
+    });
+}
+
 class PhoneControlConfig extends ControlConfig {
     constructor() {
         super(...arguments);
@@ -4938,65 +5017,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                     args: [statusResponseFactoryToken]
                 }] }] });
 
-function isNull(value) {
-    return value === null;
-}
-
-function isUndefined(value) {
-    return typeof value === 'undefined';
-}
-
-class SessionService {
-    constructor(window, settingsService) {
-        this.window = window;
-        this.settingsService = settingsService;
-        this.cache = {};
-    }
-    /**
-     * @param {string} key must be uniq entire all app
-     * @param {unknown} value can be anything
-     */
-    set(key, value) {
-        this.cache[key] = value;
-        try {
-            this.window.sessionStorage.setItem(this.getStorageKey(key), JSON.stringify(value));
-        }
-        catch (error) {
-            console.warn('Session storage not available.');
-        }
-    }
-    get(key) {
-        const cacheValue = this.cache[key];
-        if (!isUndefined(cacheValue)) {
-            return cacheValue;
-        }
-        try {
-            const storageValue = this.window.sessionStorage.getItem(this.getStorageKey(key));
-            if (isNull(storageValue)) {
-                return null;
-            }
-            return JSON.parse(storageValue);
-        }
-        catch (error) {
-            return null;
-        }
-    }
-    getStorageKey(key) {
-        return `${key}${this.settingsService.token}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SessionService, deps: [{ token: windowToken }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SessionService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SessionService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [windowToken]
-                }] }, { type: SettingsService }] });
-
 function extractMoneyCurrency(money, allowZero = true) {
     return {
         amount: money?.amount ?? (allowZero ? 0 : null),
@@ -7253,7 +7273,7 @@ class PaymentService {
     get formResponseValue() {
         return this._formResponse$.getValue();
     }
-    constructor(loggerService, initializeService, submitService, syncService, formService, statusService, financeDetailsService, creditCardStateService, nextActionService, initializeNextActionService, controlConfigService, threeDsService, formMessagesService, settingsService, countryService, checkStatusActionCreator, printInstructionService, paymentBehaviourService) {
+    constructor(loggerService, initializeService, submitService, syncService, formService, statusService, financeDetailsService, creditCardStateService, nextActionService, initializeNextActionService, controlConfigService, threeDsService, formMessagesService, settingsService, countryService, checkStatusActionCreator, printInstructionService, paymentBehaviourService, translateService) {
         this.loggerService = loggerService;
         this.initializeService = initializeService;
         this.submitService = submitService;
@@ -7272,6 +7292,7 @@ class PaymentService {
         this.checkStatusActionCreator = checkStatusActionCreator;
         this.printInstructionService = printInstructionService;
         this.paymentBehaviourService = paymentBehaviourService;
+        this.translateService = translateService;
         this.form = null;
         this.data = null;
         this.financeDetails = null;
@@ -7414,6 +7435,7 @@ class PaymentService {
             fields: sdkPaymentData.fields,
             submitResponse: isSubmitResponse(this.data) ? this.data : null,
             summary: sdkPaymentData.summary,
+            locale: this.translateService.getCurrentLang(),
         });
     }
     getQrCode() {
@@ -7720,7 +7742,7 @@ class PaymentService {
             return;
         updateAfterErrorRules.forEach((rule) => rule.apply(submitResponse, this.form));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PaymentService, deps: [{ token: LoggerService }, { token: InitializeService }, { token: SubmitService }, { token: SyncService }, { token: FormService }, { token: StatusService }, { token: FinanceDetailsService }, { token: CreditCardStateService }, { token: NextActionService }, { token: InitializeNextActionService }, { token: ControlConfigService }, { token: ThreeDsService }, { token: FormMessagesService }, { token: SettingsService }, { token: CountryService }, { token: CheckStatusActionCreator }, { token: PrintInstructionService }, { token: PaymentBehaviourService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PaymentService, deps: [{ token: LoggerService }, { token: InitializeService }, { token: SubmitService }, { token: SyncService }, { token: FormService }, { token: StatusService }, { token: FinanceDetailsService }, { token: CreditCardStateService }, { token: NextActionService }, { token: InitializeNextActionService }, { token: ControlConfigService }, { token: ThreeDsService }, { token: FormMessagesService }, { token: SettingsService }, { token: CountryService }, { token: CheckStatusActionCreator }, { token: PrintInstructionService }, { token: PaymentBehaviourService }, { token: i19.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PaymentService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PaymentService, decorators: [{
@@ -7728,7 +7750,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: LoggerService }, { type: InitializeService }, { type: SubmitService }, { type: SyncService }, { type: FormService }, { type: StatusService }, { type: FinanceDetailsService }, { type: CreditCardStateService }, { type: NextActionService }, { type: InitializeNextActionService }, { type: ControlConfigService }, { type: ThreeDsService }, { type: FormMessagesService }, { type: SettingsService }, { type: CountryService }, { type: CheckStatusActionCreator }, { type: PrintInstructionService }, { type: PaymentBehaviourService }] });
+        }], ctorParameters: () => [{ type: LoggerService }, { type: InitializeService }, { type: SubmitService }, { type: SyncService }, { type: FormService }, { type: StatusService }, { type: FinanceDetailsService }, { type: CreditCardStateService }, { type: NextActionService }, { type: InitializeNextActionService }, { type: ControlConfigService }, { type: ThreeDsService }, { type: FormMessagesService }, { type: SettingsService }, { type: CountryService }, { type: CheckStatusActionCreator }, { type: PrintInstructionService }, { type: PaymentBehaviourService }, { type: i19.TranslateService }] });
 
 const euCountries = new Set([
     'AT',
@@ -8542,7 +8564,7 @@ class CoreLibraryService {
     get commonLogAttributes() {
         return this.commonLogAttributesService.getAttributes();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryService, deps: [{ token: SettingsService }, { token: LoggerService }, { 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: i24.TranslateService }, { token: CommonLogAttributesService }], 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: LoggerService }, { 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: i19.TranslateService }, { token: CommonLogAttributesService }], 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: [{
@@ -8550,7 +8572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: SettingsService }, { type: LoggerService }, { 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: i24.TranslateService }, { type: CommonLogAttributesService }] });
+        }], ctorParameters: () => [{ type: SettingsService }, { type: LoggerService }, { 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: i19.TranslateService }, { type: CommonLogAttributesService }] });
 
 class HttpError extends AppError {
     constructor(error, req) {
@@ -9548,7 +9570,7 @@ class GooglePayService {
             return checkStatusAction;
         }
     }
-    createButton(onClickHandler, buttonColor = 'default') {
+    createButton(onClickHandler, configuration) {
         if (!this.googlePaymentClient) {
             return null;
         }
@@ -9558,7 +9580,8 @@ class GooglePayService {
             allowedPaymentMethods: allowedPaymentMethods,
             buttonSizeMode: 'fill',
             buttonType: 'buy',
-            buttonColor,
+            buttonColor: configuration.color ?? 'default',
+            buttonLocale: this.getLocaleForButton(configuration.locale),
         });
     }
     setupGooglePayClient() {
@@ -9606,6 +9629,48 @@ class GooglePayService {
     isCanceledStatus(statusCode) {
         return statusCode.toLowerCase() === 'canceled';
     }
+    getLocaleForButton(userLocale) {
+        const allowedLocales = [
+            'en',
+            'ar',
+            'bg',
+            'ca',
+            'cs',
+            'da',
+            'de',
+            'el',
+            'es',
+            'et',
+            'fi',
+            'fr',
+            'hr',
+            'id',
+            'it',
+            'ja',
+            'ko',
+            'ms',
+            'nl',
+            'no',
+            'pl',
+            'pt',
+            'ru',
+            'sk',
+            'sl',
+            'sr',
+            'sv',
+            'th',
+            'tr',
+            'uk',
+            'zh',
+        ];
+        if (['cn', 'zh_HANT'].includes(userLocale)) {
+            return 'zh';
+        }
+        if (['zh_HANS'].includes(userLocale)) {
+            return 'tw';
+        }
+        return allowedLocales.find((locale) => locale === userLocale) ?? 'en';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: GooglePayService, deps: [{ token: windowToken }, { token: LoggerService }, { token: PaymentSystemProcessingService }, { token: GooglePayCheckoutPaymentService }, { token: GooglePayInstantPaymentService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: GooglePayService, providedIn: 'root' }); }
 }