@xsolla/payment-client-core 0.2.101 → 0.2.102

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

@@ -1632,6 +1632,45 @@ const isGooglePaySettingsGuard = (settings) => {
     return settings.paymentMethodId === googlePayPid;
 };
 
+class HttpError extends AppError {
+    constructor(error, req) {
+        super(error.message);
+        this.RESTRICTED_KEYS_REGEXP = new RegExp('.*(card_number|number|cvv|cvn|month|year|cardholdername|client_data|dfp|password).*', 'i');
+        this.httpErrorData = {
+            request: {
+                url: req.url,
+                method: req.method,
+                headers: req.headers,
+            },
+            response: {
+                status: error.status,
+                headers: error.headers,
+            },
+        };
+        if (req.body) {
+            this.httpErrorData.request.data = this.cleanPersonalData(req.body);
+        }
+        if (error.statusText) {
+            const errorData = error.error;
+            this.httpErrorData.response.data = {
+                statusText: error.statusText,
+                errors: errorData?.errors ?? [],
+            };
+        }
+    }
+    getHttpErrorData() {
+        return this.httpErrorData;
+    }
+    cleanPersonalData(data) {
+        return Object.entries(data).reduce((acc, [key, val]) => {
+            return {
+                ...acc,
+                [key]: this.RESTRICTED_KEYS_REGEXP.test(key) ? '***' : val,
+            };
+        }, {});
+    }
+}
+
 const initializeResponseFactoryToken = new InjectionToken('InitializeResponse');
 const initializeResponseFactoryProvider = {
     provide: initializeResponseFactoryToken,
@@ -2279,6 +2318,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             type: Injectable
         }] });
 
+class ServerErrorActionCreator {
+    constructor() {
+        this.type = 'server_error';
+    }
+    getActionData(data) {
+        return {
+            type: this.type,
+            data,
+        };
+    }
+    isSuitable() {
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ServerErrorActionCreator, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ServerErrorActionCreator }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ServerErrorActionCreator, decorators: [{
+            type: Injectable
+        }] });
+
 const nextActionsToken = new InjectionToken('Action');
 const nextActions = [
     GoogleThreeDsRedirectActionCreator,
@@ -2296,6 +2355,7 @@ const flowUpdateNextActions = [
     StatusUpdatedActionCreator,
     ThreeDsActionCreator,
     ThreeDsRedirectActionCreator,
+    ServerErrorActionCreator,
 ];
 
 const oneTimeAnalyticsEvents = new Set([]);
@@ -3220,7 +3280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }] }, { type: SettingsService }] });
 
 class InitializeService {
-    constructor(responseFactory, xpsApiService, settingsService, countryService, nextActionService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService, paymentSettingsService, sessionService) {
+    constructor(responseFactory, xpsApiService, settingsService, countryService, nextActionService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, serverErrorActionCreator, userBehaviourAnalyticsService, paymentSettingsService, sessionService) {
         this.responseFactory = responseFactory;
         this.xpsApiService = xpsApiService;
         this.settingsService = settingsService;
@@ -3229,6 +3289,7 @@ class InitializeService {
         this.xpsResponseErrorsMappingService = xpsResponseErrorsMappingService;
         this.encryptCreditCardService = encryptCreditCardService;
         this.showErrorsActionCreator = showErrorsActionCreator;
+        this.serverErrorActionCreator = serverErrorActionCreator;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
         this.paymentSettingsService = paymentSettingsService;
         this.sessionService = sessionService;
@@ -3273,6 +3334,13 @@ class InitializeService {
             return initializeResponse;
         })
             .catch((error) => {
+            if (error instanceof HttpError) {
+                const httpErrorData = error.getHttpErrorData();
+                this.nextActionService.emitFlowUpdates(this.serverErrorActionCreator.getActionData({
+                    status: httpErrorData.response.status,
+                    message: error.message,
+                }));
+            }
             throw new ResponseError(error.message);
         });
     }
@@ -3283,7 +3351,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 }, { token: SessionService }], 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: ServerErrorActionCreator }, { 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: [{
@@ -3294,7 +3362,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: SessionService }] });
+                }] }, { type: XpsApiService }, { type: SettingsService }, { type: CountryService }, { type: NextActionService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: ServerErrorActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }, { type: SessionService }] });
 
 class XpsApiPartRequest {
     addXpsParameters(parameters) {
@@ -3425,7 +3493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
         }], ctorParameters: () => [{ type: SettingsService }] });
 
 class SubmitService {
-    constructor(requestFactory, responseFactory, settingsService, deviceFingerPrintService, xpsApiService, xpsResponseErrorsMappingService, encryptCreditCardService, userBehaviourAnalyticsService, paymentSettingsService) {
+    constructor(requestFactory, responseFactory, settingsService, deviceFingerPrintService, xpsApiService, xpsResponseErrorsMappingService, encryptCreditCardService, userBehaviourAnalyticsService, paymentSettingsService, nextActionService, serverErrorActionCreator) {
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
         this.settingsService = settingsService;
@@ -3435,6 +3503,8 @@ class SubmitService {
         this.encryptCreditCardService = encryptCreditCardService;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
         this.paymentSettingsService = paymentSettingsService;
+        this.nextActionService = nextActionService;
+        this.serverErrorActionCreator = serverErrorActionCreator;
     }
     // NB: Never add 'async' statement for this method!
     // 'Async' statement wraps current promise into another.
@@ -3469,6 +3539,13 @@ class SubmitService {
                 return this.responseFactory(response);
             })
                 .catch((error) => {
+                if (error instanceof HttpError) {
+                    const httpErrorData = error.getHttpErrorData();
+                    this.nextActionService.emitFlowUpdates(this.serverErrorActionCreator.getActionData({
+                        status: httpErrorData.response.status,
+                        message: error.message,
+                    }));
+                }
                 throw new ResponseError(error.message);
             });
         }));
@@ -3479,7 +3556,7 @@ class SubmitService {
             fields: Object.keys(xpsResponse.form).map((key) => xpsResponse.form[key]),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SubmitService, deps: [{ token: submitRequestFactoryToken }, { token: submitResponseFactoryToken }, { token: SettingsService }, { token: DeviceFingerPrintService }, { token: XpsApiService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SubmitService, deps: [{ token: submitRequestFactoryToken }, { token: submitResponseFactoryToken }, { token: SettingsService }, { token: DeviceFingerPrintService }, { token: XpsApiService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }, { token: NextActionService }, { token: ServerErrorActionCreator }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SubmitService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SubmitService, decorators: [{
@@ -3491,7 +3568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [submitResponseFactoryToken]
-                }] }, { type: SettingsService }, { type: DeviceFingerPrintService }, { type: XpsApiService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }] });
+                }] }, { type: SettingsService }, { type: DeviceFingerPrintService }, { type: XpsApiService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }, { type: NextActionService }, { type: ServerErrorActionCreator }] });
 
 class EmitDataService {
     constructor() {
@@ -3566,7 +3643,7 @@ const syncResponseFactoryProvider = {
 };
 
 class SyncService extends EmitDataService {
-    constructor(requestFactory, responseFactory, xpsApiService, nextActionService, settingsService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService, paymentSettingsService, sessionService) {
+    constructor(requestFactory, responseFactory, xpsApiService, nextActionService, settingsService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, serverErrorActionCreator, userBehaviourAnalyticsService, paymentSettingsService, sessionService) {
         super();
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
@@ -3576,6 +3653,7 @@ class SyncService extends EmitDataService {
         this.xpsResponseErrorsMappingService = xpsResponseErrorsMappingService;
         this.encryptCreditCardService = encryptCreditCardService;
         this.showErrorsActionCreator = showErrorsActionCreator;
+        this.serverErrorActionCreator = serverErrorActionCreator;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
         this.paymentSettingsService = paymentSettingsService;
         this.sessionService = sessionService;
@@ -3687,6 +3765,16 @@ class SyncService extends EmitDataService {
             this.emitFormErrors(response);
             this.emit(response);
             return this.responseFactory(field, response);
+        })
+            .catch((error) => {
+            if (error instanceof HttpError) {
+                const httpErrorData = error.getHttpErrorData();
+                this.nextActionService.emitFlowUpdates(this.serverErrorActionCreator.getActionData({
+                    status: httpErrorData.response.status,
+                    message: error.message,
+                }));
+            }
+            throw error;
         });
     }
     isReadyField(field) {
@@ -3719,7 +3807,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 }, { token: SessionService }], 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: ServerErrorActionCreator }, { 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: [{
@@ -3733,7 +3821,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: SessionService }] });
+                }] }, { type: XpsApiService }, { type: NextActionService }, { type: SettingsService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: ServerErrorActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }, { type: SessionService }] });
 
 function isObject(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
@@ -8872,45 +8960,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }]
         }], 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) {
-        super(error.message);
-        this.RESTRICTED_KEYS_REGEXP = new RegExp('.*(card_number|number|cvv|cvn|month|year|cardholdername|client_data|dfp|password).*', 'i');
-        this.httpErrorData = {
-            request: {
-                url: req.url,
-                method: req.method,
-                headers: req.headers,
-            },
-            response: {
-                status: error.status,
-                headers: error.headers,
-            },
-        };
-        if (req.body) {
-            this.httpErrorData.request.data = this.cleanPersonalData(req.body);
-        }
-        if (error.statusText) {
-            const errorData = error.error;
-            this.httpErrorData.response.data = {
-                statusText: error.statusText,
-                errors: errorData?.errors ?? [],
-            };
-        }
-    }
-    getHttpErrorData() {
-        return this.httpErrorData;
-    }
-    cleanPersonalData(data) {
-        return Object.entries(data).reduce((acc, [key, val]) => {
-            return {
-                ...acc,
-                [key]: this.RESTRICTED_KEYS_REGEXP.test(key) ? '***' : val,
-            };
-        }, {});
-    }
-}
-
 class HttpExceptionsInterceptor {
     constructor(router) {
         this.router = router;