@xsolla/payment-client-core 0.2.83 → 0.2.84

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

@@ -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),