@xsolla/payment-client-core 0.1.10 → 0.1.11

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, isDevMode, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Pipe, isDevMode, NgModule } from '@angular/core';
 import { firstValueFrom, lastValueFrom, map, Subject, BehaviorSubject, filter as filter$1, takeUntil, skip, throwError } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
@@ -927,6 +927,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                     args: [nextActionsToken]
                 }] }, { type: i0.Injector }]; } });
 
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+const cardNumberSanctionErrorCodes = [
+    2034, 2035, 5027, 5024, 5025, 2036,
+];
+
+const fieldSpecialErrorsMap = [
+    {
+        errorCodes: new Set(cardNumberSanctionErrorCodes),
+        fieldName: FieldNames.cardNumber,
+    },
+];
+
+class UnescapeHtmlPipe {
+    transform(html) {
+        if (!html) {
+            return '';
+        }
+        if (html.includes('&gt')) {
+            const messageDocument = new DOMParser().parseFromString(html, 'text/html');
+            return messageDocument?.documentElement?.textContent ?? '';
+        }
+        return html;
+    }
+}
+UnescapeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnescapeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+UnescapeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: UnescapeHtmlPipe, name: "unescapeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UnescapeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'unescapeHtml',
+                }]
+        }] });
+
+class XpsResponseErrorsMappingService {
+    constructor(unescapeHtmlPipe) {
+        this.unescapeHtmlPipe = unescapeHtmlPipe;
+    }
+    mapErrors(response) {
+        if (!response.errors?.length) {
+            return response;
+        }
+        let mappedErrors = this.mapFieldSpecialErrors(response.errors);
+        mappedErrors = this.unescapeErrorsText(mappedErrors);
+        return {
+            ...response,
+            errors: mappedErrors,
+        };
+    }
+    mapFieldSpecialErrors(errors) {
+        return errors.map((error) => {
+            if (!error.element_name) {
+                const errorMap = fieldSpecialErrorsMap.find((map) => map.errorCodes.has(error.code));
+                if (errorMap) {
+                    return {
+                        ...error,
+                        element_name: errorMap.fieldName,
+                    };
+                }
+            }
+            return error;
+        });
+    }
+    unescapeErrorsText(errors) {
+        return errors.map((error) => {
+            if (!error.message) {
+                return error;
+            }
+            return {
+                ...error,
+                message: this.unescapeHtmlPipe.transform(error.message),
+            };
+        });
+    }
+}
+XpsResponseErrorsMappingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XpsResponseErrorsMappingService, deps: [{ token: UnescapeHtmlPipe }], target: i0.ɵɵFactoryTarget.Injectable });
+XpsResponseErrorsMappingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XpsResponseErrorsMappingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XpsResponseErrorsMappingService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: UnescapeHtmlPipe }]; } });
+
 var ErrorTags;
 (function (ErrorTags) {
     ErrorTags["APP"] = "appError";
@@ -1329,12 +1410,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
         }], ctorParameters: function () { return [{ type: CreditCardService }]; } });
 
 class InitializeService {
-    constructor(responseFactory, xpsApiService, settingsService, countryService, nextActionService, encryptCreditCardService) {
+    constructor(responseFactory, xpsApiService, settingsService, countryService, nextActionService, xpsResponseErrorsMappingService, encryptCreditCardService) {
         this.responseFactory = responseFactory;
         this.xpsApiService = xpsApiService;
         this.settingsService = settingsService;
         this.countryService = countryService;
         this.nextActionService = nextActionService;
+        this.xpsResponseErrorsMappingService = xpsResponseErrorsMappingService;
         this.encryptCreditCardService = encryptCreditCardService;
         // TODO PAYMENTS-15743: replace with new refer id for headless core
         this.ps4ReferId = '22';
@@ -1349,7 +1431,8 @@ class InitializeService {
         };
         return this.xpsApiService
             .directPaymentRequest(requestParams)
-            .then((response) => {
+            .then((xpsResponse) => {
+            const response = this.xpsResponseErrorsMappingService.mapErrors(xpsResponse);
             const initializeResponse = this.responseFactory(response);
             if (initializeResponse.paymentForm?.errors?.length) {
                 this.nextActionService.emitFlowUpdates(new ShowErrorsAction(initializeResponse.paymentForm.errors));
@@ -1371,7 +1454,7 @@ class InitializeService {
         this.encryptCreditCardService.setPublicKey(atob(publicKeyField.value));
     }
 }
-InitializeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InitializeService, deps: [{ token: initializeResponseFactoryToken }, { token: XpsApiService }, { token: SettingsService }, { token: CountryService }, { token: NextActionService }, { token: EncryptCreditCardService }], target: i0.ɵɵFactoryTarget.Injectable });
+InitializeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InitializeService, deps: [{ token: initializeResponseFactoryToken }, { token: XpsApiService }, { token: SettingsService }, { token: CountryService }, { token: NextActionService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }], target: i0.ɵɵFactoryTarget.Injectable });
 InitializeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InitializeService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InitializeService, decorators: [{
             type: Injectable,
@@ -1381,7 +1464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [initializeResponseFactoryToken]
-                }] }, { type: XpsApiService }, { type: SettingsService }, { type: CountryService }, { type: NextActionService }, { type: EncryptCreditCardService }]; } });
+                }] }, { type: XpsApiService }, { type: SettingsService }, { type: CountryService }, { type: NextActionService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }]; } });
 
 class XpsApiPartRequest {
     addXpsParameters(parameters) {
@@ -1496,12 +1579,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
         }], ctorParameters: function () { return [{ type: SettingsService }]; } });
 
 class SubmitService {
-    constructor(requestFactory, responseFactory, settingsService, deviceFingerPrintService, xpsApiService, encryptCreditCardService) {
+    constructor(requestFactory, responseFactory, settingsService, deviceFingerPrintService, xpsApiService, xpsResponseErrorsMappingService, encryptCreditCardService) {
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
         this.settingsService = settingsService;
         this.deviceFingerPrintService = deviceFingerPrintService;
         this.xpsApiService = xpsApiService;
+        this.xpsResponseErrorsMappingService = xpsResponseErrorsMappingService;
         this.encryptCreditCardService = encryptCreditCardService;
     }
     // NB: Never add 'async' statement for this method!
@@ -1522,14 +1606,17 @@ class SubmitService {
             const encryptedRequest = this.encryptCreditCardService.encryptCreditCard(requestParams);
             return this.xpsApiService
                 .directPaymentRequest(encryptedRequest)
-                .then((response) => this.responseFactory(response))
+                .then((xpsResponse) => {
+                const response = this.xpsResponseErrorsMappingService.mapErrors(xpsResponse);
+                return this.responseFactory(response);
+            })
                 .catch((error) => {
                 throw new ResponseError(error.message);
             });
         }));
     }
 }
-SubmitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SubmitService, deps: [{ token: submitRequestFactoryToken }, { token: submitResponseFactoryToken }, { token: SettingsService }, { token: DeviceFingerPrintService }, { token: XpsApiService }, { token: EncryptCreditCardService }], target: i0.ɵɵFactoryTarget.Injectable });
+SubmitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SubmitService, deps: [{ token: submitRequestFactoryToken }, { token: submitResponseFactoryToken }, { token: SettingsService }, { token: DeviceFingerPrintService }, { token: XpsApiService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }], target: i0.ɵɵFactoryTarget.Injectable });
 SubmitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SubmitService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SubmitService, decorators: [{
             type: Injectable,
@@ -1540,7 +1627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [submitResponseFactoryToken]
-                }] }, { type: SettingsService }, { type: DeviceFingerPrintService }, { type: XpsApiService }, { type: EncryptCreditCardService }]; } });
+                }] }, { type: SettingsService }, { type: DeviceFingerPrintService }, { type: XpsApiService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }]; } });
 
 class EmitDataService {
     constructor() {
@@ -1612,13 +1699,14 @@ const syncResponseFactoryProvider = {
 };
 
 class SyncService extends EmitDataService {
-    constructor(requestFactory, responseFactory, xpsApiService, nextActionService, settingsService, encryptCreditCardService) {
+    constructor(requestFactory, responseFactory, xpsApiService, nextActionService, settingsService, xpsResponseErrorsMappingService, encryptCreditCardService) {
         super();
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
         this.xpsApiService = xpsApiService;
         this.nextActionService = nextActionService;
         this.settingsService = settingsService;
+        this.xpsResponseErrorsMappingService = xpsResponseErrorsMappingService;
         this.encryptCreditCardService = encryptCreditCardService;
         this.prevFieldSyncStates = {};
         this.form = new UntypedFormGroup({});
@@ -1679,10 +1767,9 @@ class SyncService extends EmitDataService {
         const encryptedRequest = this.encryptCreditCardService.encryptCreditCard(requestParams);
         return this.xpsApiService
             .directPaymentRequest(encryptedRequest)
-            .then((response) => {
-            if (response.errors?.length) {
-                this.nextActionService.emitFlowUpdates(new ShowErrorsAction(response.errors));
-            }
+            .then((xpsResponse) => {
+            const response = this.xpsResponseErrorsMappingService.mapErrors(xpsResponse);
+            this.emitFormErrors(response);
             this.emit(response);
             return this.responseFactory(field, response);
         });
@@ -1698,8 +1785,14 @@ class SyncService extends EmitDataService {
     setPrevFieldSyncState(field, value, result) {
         this.prevFieldSyncStates[field.name] = { value, result };
     }
+    emitFormErrors(response) {
+        const formErrors = response.errors?.filter((error) => !error.element_name);
+        if (formErrors?.length) {
+            this.nextActionService.emitFlowUpdates(new ShowErrorsAction(formErrors));
+        }
+    }
 }
-SyncService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SyncService, deps: [{ token: syncRequestFactoryToken }, { token: syncResponseFactoryToken }, { token: XpsApiService }, { token: NextActionService }, { token: SettingsService }, { token: EncryptCreditCardService }], target: i0.ɵɵFactoryTarget.Injectable });
+SyncService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SyncService, deps: [{ token: syncRequestFactoryToken }, { token: syncResponseFactoryToken }, { token: XpsApiService }, { token: NextActionService }, { token: SettingsService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }], target: i0.ɵɵFactoryTarget.Injectable });
 SyncService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SyncService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SyncService, decorators: [{
             type: Injectable,
@@ -1712,7 +1805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [syncResponseFactoryToken]
-                }] }, { type: XpsApiService }, { type: NextActionService }, { type: SettingsService }, { type: EncryptCreditCardService }]; } });
+                }] }, { type: XpsApiService }, { type: NextActionService }, { type: SettingsService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }]; } });
 
 class ControlConfig {
     constructor() {
@@ -3766,10 +3859,11 @@ const checkStatusResponseFactoryProvider = {
 };
 
 class CheckStatusService extends XpsApiPart {
-    constructor(xpsApiService, settingsService, requestFactory, responseFactory) {
+    constructor(xpsApiService, settingsService, xpsResponseErrorsMappingService, requestFactory, responseFactory) {
         super();
         this.xpsApiService = xpsApiService;
         this.settingsService = settingsService;
+        this.xpsResponseErrorsMappingService = xpsResponseErrorsMappingService;
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
     }
@@ -3780,7 +3874,8 @@ class CheckStatusService extends XpsApiPart {
         const requestParams = this.requestFactory(this.settingsService.token, this.invoice);
         this.xpsApiService
             .directPaymentRequest(requestParams)
-            .then((response) => {
+            .then((xpsResponse) => {
+            const response = this.xpsResponseErrorsMappingService.mapErrors(xpsResponse);
             const checkStatusResponse = this.responseFactory({
                 status: response.status,
                 final: response.final,
@@ -3793,14 +3888,14 @@ class CheckStatusService extends XpsApiPart {
         });
     }
 }
-CheckStatusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CheckStatusService, deps: [{ token: XpsApiService }, { token: SettingsService }, { token: checkStatusRequestFactoryToken }, { token: checkStatusResponseFactoryToken }], target: i0.ɵɵFactoryTarget.Injectable });
+CheckStatusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CheckStatusService, deps: [{ token: XpsApiService }, { token: SettingsService }, { token: XpsResponseErrorsMappingService }, { token: checkStatusRequestFactoryToken }, { token: checkStatusResponseFactoryToken }], target: i0.ɵɵFactoryTarget.Injectable });
 CheckStatusService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CheckStatusService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CheckStatusService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: XpsApiService }, { type: SettingsService }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: XpsApiService }, { type: SettingsService }, { type: XpsResponseErrorsMappingService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [checkStatusRequestFactoryToken]
                 }] }, { type: undefined, decorators: [{
@@ -5074,6 +5169,7 @@ class PaymentService {
                 validationStatus: control.status,
                 errors: control.errors,
                 isFocused: this.focusFieldName === name,
+                isTouched: control.touched,
             };
         });
         this.formFieldsStatusSubject.next(formFieldsStatus);
@@ -5262,7 +5358,6 @@ class CoreLibraryService {
             getFinanceDetails: () => this.paymentService.getFinanceDetails(),
             runThreeDs: () => this.paymentService.runThreeDs(),
             getStatus: async () => this.paymentService.getStatus(),
-            flowUpdates$: this.nextActionService.flowUpdates$,
             financeDetailsUpdates$: this.financeDetailsService.data$,
             form: {
                 fieldsStatus$: this.paymentService.formFieldsStatus$,
@@ -5280,6 +5375,9 @@ class CoreLibraryService {
             cardTypeUpdates$: this.creditCardStateService.data$,
         };
     }
+    get flowUpdates$() {
+        return this.nextActionService.flowUpdates$;
+    }
     get financeDetailsUpdates$() {
         return this.financeDetailsService.data$;
     }
@@ -5441,10 +5539,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }] });
 
+class PipesModule {
+}
+PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: PipesModule, declarations: [UnescapeHtmlPipe], exports: [UnescapeHtmlPipe] });
+PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PipesModule, providers: [UnescapeHtmlPipe] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UnescapeHtmlPipe],
+                    providers: [UnescapeHtmlPipe],
+                    exports: [UnescapeHtmlPipe],
+                }]
+        }] });
+
 class CoreLibraryModule {
 }
 CoreLibraryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CoreLibraryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryModule, imports: [HttpClientModule, FormModule] });
+CoreLibraryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryModule, imports: [HttpClientModule, FormModule, PipesModule] });
 CoreLibraryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryModule, providers: [
         {
             provide: HTTP_INTERCEPTORS,
@@ -5473,11 +5585,11 @@ CoreLibraryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
         },
         ...nextActions,
         ...flowUpdateNextActions,
-    ], imports: [HttpClientModule, FormModule] });
+    ], imports: [HttpClientModule, FormModule, PipesModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [HttpClientModule, FormModule],
+                    imports: [HttpClientModule, FormModule, PipesModule],
                     providers: [
                         {
                             provide: HTTP_INTERCEPTORS,