@xsolla/payment-client-core 0.2.106 → 0.2.108

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

@@ -792,7 +792,7 @@ class CommonLogAttributesService {
                 : 'none',
             country: user?.country?.value,
             local: user?.country?.localized_name,
-            browserInfo: JSON.stringify(this.userAgentService.browserInfo),
+            browserInfo: this.userAgentService.browserInfo,
         };
     }
     extractUrlHost(url) {
@@ -929,6 +929,10 @@ class LoggerService {
         this.elkLoggerService.handleError(error);
         this.handlers.forEach((handler) => handler.handleError(error));
     }
+    info(info) {
+        this.elkLoggerService.log(info.message, info.tags, info.extra);
+        this.handlers.forEach((handler) => handler.handleInfo?.(info));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoggerService, deps: [{ token: ElkLoggerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoggerService, providedIn: 'root' }); }
 }
@@ -2699,7 +2703,7 @@ class NextActionService {
             this.logNextAction(nextAction);
             return nextAction;
         }
-        throw new Error('Next action is undefined.');
+        throw new TaggedError('Next action is undefined.', [ErrorTags.APP], submitResponse);
     }
     emitFlowUpdates(action) {
         this.flowUpdatesSubject.next(action);
@@ -6085,19 +6089,41 @@ var WebSocketClientType;
     WebSocketClientType["centrifugo"] = "centrifugo";
 })(WebSocketClientType || (WebSocketClientType = {}));
 
+var MessageTags;
+(function (MessageTags) {
+    MessageTags["WS"] = "webSocket";
+    MessageTags["HEADLESS_UI"] = "headlessUi";
+})(MessageTags || (MessageTags = {}));
+
+class TaggedMessage {
+    constructor(message, tags, extra) {
+        this.name = 'TaggedMessage';
+        this.tags = [];
+        this.parentTag = MessageTags.HEADLESS_UI;
+        this.message = message;
+        this.tags = [this.parentTag];
+        if (tags) {
+            const newTags = tags.filter((t, i, arr) => !this.tags.includes(t) && arr.indexOf(t) === i);
+            this.tags = [...this.tags, ...newTags];
+        }
+        this.extra = extra || {};
+    }
+}
+
 class NchanWebSocketService {
-    constructor() {
+    static { this.reconnectionTimeoutIncrementFactor = 2; }
+    static { this.timeoutsMs = {
+        reconnection: 1500,
+        reconnectionMaxDeviation: 1500,
+    }; }
+    constructor(loggerService) {
+        this.loggerService = loggerService;
         this.type = WebSocketClientType.nchan;
         this.openPromise = null;
         this.reconnectionTimerId = null;
         this.incomingMessages$ = new Subject();
         this.successfulReconnectionEventsProxy$ = new Subject();
     }
-    static { this.reconnectionTimeoutIncrementFactor = 2; }
-    static { this.timeoutsMs = {
-        reconnection: 1500,
-        reconnectionMaxDeviation: 1500,
-    }; }
     async open(url) {
         if (url === this.url) {
             this.close();
@@ -6166,7 +6192,13 @@ class NchanWebSocketService {
     /* istanbul ignore next */
     async createConnection() {
         this.connection = new WebSocket(this.url);
-        this.connection.onmessage = this.incomingMessages$.next.bind(this.incomingMessages$);
+        this.connection.onmessage = (event) => {
+            const message = event.data;
+            this.loggerService.info(new TaggedMessage(`websocket message received: ${message}`, [
+                MessageTags.WS,
+            ]));
+            this.incomingMessages$.next(event);
+        };
         return new Promise((resolve, reject) => {
             this.connection.onopen = () => {
                 clearTimeout(this.openConnectionTimerId);
@@ -6199,7 +6231,7 @@ class NchanWebSocketService {
         }
         this.successfulReconnectionEventsProxy$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NchanWebSocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NchanWebSocketService, deps: [{ token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NchanWebSocketService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NchanWebSocketService, decorators: [{
@@ -6207,7 +6239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: LoggerService }] });
 
 class WsError extends TaggedError {
     constructor(message, channelName, tags) {
@@ -6337,9 +6369,7 @@ class CentrifugoWebSocketService {
             })
                 .on('publication', (ctx) => {
                 const message = ctx.data;
-                this.loggerService.error(new TaggedError(`websocket message received: ${message}`, [ErrorTags.WS], {
-                    channel: websocketChannel,
-                }));
+                this.loggerService.info(new TaggedMessage(`websocket message received: ${message}`, [MessageTags.WS], { channel: websocketChannel }));
                 this.incomingMessages$.next(ctx);
             })
                 .on('error', (ctx) => {
@@ -8442,6 +8472,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }] }] });
 
 class PerformanceService {
+    get resourcesPerformance() {
+        return this.window.performance?.getEntriesByType('resource');
+    }
     get network() {
         return this.navigationPerformance?.responseEnd;
     }
@@ -8458,7 +8491,6 @@ class PerformanceService {
         this.window = window;
         this.zone = zone;
         this.navigationPerformance = this.window.performance?.getEntriesByType('navigation')?.[0];
-        this.resourcesPerformance = this.window.performance?.getEntriesByType('resource');
     }
     init() {
         if (!this.window?.performance) {
@@ -8473,12 +8505,13 @@ class PerformanceService {
         if (!this.navigationPerformance || !this.resourcesPerformance) {
             return null;
         }
-        const utilsTiming = this.resourcesPerformance.find((performance) => performance.name.includes(`${defaultApiUrl}utils`));
+        const utilsTiming = this.resourcesPerformance.find((performance) => performance.name.includes(`${defaultApiUrl}utils`) ||
+            performance.name.includes(`${sandboxApiUrl}utils`));
         if (!utilsTiming) {
             return null;
         }
         return {
-            duration: utilsTiming.fetchStart - utilsTiming.responseEnd,
+            duration: utilsTiming.responseEnd - utilsTiming.fetchStart,
             timeReserve: this.navigationPerformance.domComplete - utilsTiming.responseEnd,
             utilsDuration: utilsTiming.duration,
         };
@@ -9675,19 +9708,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }] }] });
 
 class GooglePayCheckoutPaymentService {
-    constructor(paymentSystemProcessingService, userBehaviourAnalyticsService) {
+    constructor(paymentSystemProcessingService, userBehaviourAnalyticsService, loggerService) {
         this.paymentSystemProcessingService = paymentSystemProcessingService;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
+        this.loggerService = loggerService;
         this.checkout = null;
     }
     preparePayment({ initParams, checkDeviceData, }) {
-        if (!initParams || !checkDeviceData.base64checkoutData)
+        if (!initParams || !checkDeviceData.base64checkoutData) {
+            this.loggerService.error(new TaggedError('Google Pay checkout: missing initParams or base64checkoutData', [ErrorTags.GOOGLEPAY]));
             return null;
+        }
         this.initParams = initParams;
         this.checkout =
             this.paymentSystemProcessingService.getDecodedCheckout(checkDeviceData.base64checkoutData);
-        if (!this.checkout)
+        if (!this.checkout) {
+            this.loggerService.error(new TaggedError('Google Pay checkout: failed to decode checkout data', [
+                ErrorTags.GOOGLEPAY,
+            ]));
             return null;
+        }
         const checkoutData = this.checkout.request.form.fields;
         const paymentDataRequest = JSON.parse(checkoutData.paymentDataRequest);
         const isReadyToPayRequest = JSON.parse(checkoutData.isReadyToPayRequest);
@@ -9739,7 +9779,7 @@ class GooglePayCheckoutPaymentService {
     isCancelledStatus(statusCode) {
         return statusCode.toLowerCase() === 'canceled';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GooglePayCheckoutPaymentService, deps: [{ token: PaymentSystemProcessingService }, { token: UserBehaviourAnalyticsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GooglePayCheckoutPaymentService, deps: [{ token: PaymentSystemProcessingService }, { token: UserBehaviourAnalyticsService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GooglePayCheckoutPaymentService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GooglePayCheckoutPaymentService, decorators: [{
@@ -9747,20 +9787,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: PaymentSystemProcessingService }, { type: UserBehaviourAnalyticsService }] });
+        }], ctorParameters: () => [{ type: PaymentSystemProcessingService }, { type: UserBehaviourAnalyticsService }, { type: LoggerService }] });
 
 class GooglePayInstantPaymentService {
-    constructor(summaryFinanceDetailsAdapterService) {
+    constructor(summaryFinanceDetailsAdapterService, loggerService) {
         this.summaryFinanceDetailsAdapterService = summaryFinanceDetailsAdapterService;
+        this.loggerService = loggerService;
         this.googleInitData = null;
     }
     preparePayment({ initParams, checkDeviceData, }) {
-        if (!initParams)
+        if (!initParams) {
+            this.loggerService.error(new TaggedError('Google Pay instant: missing initParams', [
+                ErrorTags.GOOGLEPAY,
+            ]));
             return null;
+        }
         this.initParams = initParams;
         this.googleInitData = this.extractGoogleInitData(initParams.fields);
-        if (!this.googleInitData)
+        if (!this.googleInitData) {
+            this.loggerService.error(new TaggedError('Google Pay instant: failed to extract google init data from fields', [ErrorTags.GOOGLEPAY]));
             return null;
+        }
         const displayItems = checkDeviceData.summary
             ? this.getItemsTaxes(checkDeviceData.summary)
             : [];
@@ -9809,6 +9856,7 @@ class GooglePayInstantPaymentService {
             return data;
         }
         catch (error) {
+            this.loggerService.error(new TaggedError(`Google Pay instant: failed to parse googlePayInitData, ${error.message}`, [ErrorTags.GOOGLEPAY]));
             return null;
         }
     }
@@ -9856,7 +9904,7 @@ class GooglePayInstantPaymentService {
     getTotalAmount(finance) {
         return finance?.grand_total?.amount ?? finance?.total?.amount;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GooglePayInstantPaymentService, deps: [{ token: SummaryFinanceDetailsAdapterService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GooglePayInstantPaymentService, deps: [{ token: SummaryFinanceDetailsAdapterService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GooglePayInstantPaymentService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GooglePayInstantPaymentService, decorators: [{
@@ -9864,7 +9912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: SummaryFinanceDetailsAdapterService }] });
+        }], ctorParameters: () => [{ type: SummaryFinanceDetailsAdapterService }, { type: LoggerService }] });
 
 class GooglePayService {
     get libraryWasInitialized() {
@@ -9945,7 +9993,8 @@ class GooglePayService {
                 this.readyToPay.next(false);
                 const result = response.result?.toString() ?? '';
                 const isHavePaymentClient = Boolean(this.googlePaymentClient).toString();
-                throw new AppError(`Google Pay: possibly no response.result or googlePaymentClient is missing, result - ${result}, isHavePaymentClient - ${isHavePaymentClient}`);
+                const message = `Google Pay: possibly no response.result or googlePaymentClient is missing, result - ${result}, isHavePaymentClient - ${isHavePaymentClient}`;
+                this.loggerService.error(new TaggedError(message, [ErrorTags.GOOGLEPAY]));
             })
                 .catch((error) => {
                 this.readyToPay.next(false);
@@ -9953,7 +10002,7 @@ class GooglePayService {
                 if (error instanceof Error) {
                     message = error.message;
                 }
-                throw new AppError(`Google Pay: device is not ready to pay, ${message}`);
+                this.loggerService.error(new TaggedError(`Google Pay: device is not ready to pay, ${message}`, [ErrorTags.GOOGLEPAY]));
             });
         });
     }
@@ -9991,15 +10040,21 @@ class GooglePayService {
             this.paymentService.handleFailedPayment?.(error);
             this.paymentWindowIsClose.next();
             this.error.next(error);
-            const isClosedByUser = this.isClosedByUser(error?.message ?? '');
-            const isCanceledStatus = this.isCanceledStatus(error.statusCode ?? '');
+            const errorMessage = error?.message ?? '';
+            const errorStatusCode = error?.statusCode ?? '';
+            const isClosedByUser = this.isClosedByUser(errorMessage);
+            const isCanceledStatus = this.isCanceledStatus(errorStatusCode);
             if (isClosedByUser || isCanceledStatus)
                 return null;
+            this.loggerService.error(new TaggedError(`Google Pay: proceedCheckout failed, ${errorMessage}`, [
+                ErrorTags.GOOGLEPAY,
+            ]));
             return checkStatusAction;
         }
     }
     createButton(onClickHandler, configuration) {
         if (!this.googlePaymentClient) {
+            this.loggerService.error(new TaggedError('Google payment client is not initialized to create button', [ErrorTags.GOOGLEPAY]));
             return null;
         }
         const allowedPaymentMethods = this.paymentService?.getAllowedPaymentMethods() || [];
@@ -10014,6 +10069,9 @@ class GooglePayService {
     }
     setupGooglePayClient() {
         if (!this.window.google) {
+            this.loggerService.error(new TaggedError('Google Pay library is not available on window', [
+                ErrorTags.GOOGLEPAY,
+            ]));
             return;
         }
         const environment = this.initParams.isSandbox ? 'TEST' : 'PRODUCTION';
@@ -10032,6 +10090,7 @@ class GooglePayService {
     onLoadScript() {
         if (!this.window.google) {
             const retryTimeout = 1000;
+            this.loggerService.error(new TaggedError('Google Pay: library not available after script load, retrying', [ErrorTags.GOOGLEPAY]));
             setTimeout(() => {
                 const isAvailableGoogleClient = !!this.window.google;
                 if (isAvailableGoogleClient) {
@@ -10673,5 +10732,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ApplePayCartService, ApplePayService, CoreLibraryModule, CoreLibraryService, CreditCardTypes, ErrorTags, FieldNames, GooglePayService, PaymentSystemProcessingService, TaggedError, userBehaviourEventTypes };
+export { ApplePayCartService, ApplePayService, CoreLibraryModule, CoreLibraryService, CreditCardTypes, ErrorTags, FieldNames, GooglePayService, LoggerService, MessageTags, PaymentSystemProcessingService, TaggedError, TaggedMessage, userBehaviourEventTypes };
 //# sourceMappingURL=xsolla-payment-client-core.mjs.map