@xsolla/payment-client-core 0.2.9 → 0.2.11

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

@@ -1108,10 +1108,13 @@ class ShowQrCodeActionCreator {
     constructor() {
         this.type = 'show_qr_code';
     }
-    getActionData() {
+    getActionData(response) {
+        const submitButtonText = response.parameters.buyData.value;
         return {
             type: this.type,
-            data: null,
+            data: {
+                submitButtonText,
+            },
         };
     }
     isSuitable(response) {
@@ -1124,6 +1127,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             type: Injectable
         }] });
 
+class ShowMobilePaymentScreenActionCreator {
+    constructor() {
+        this.type = 'show_mobile_payment_screen';
+    }
+    getActionData(response) {
+        const submitButtonText = response.parameters.buyData.value;
+        return {
+            type: this.type,
+            data: {
+                submitButtonText,
+            },
+        };
+    }
+    isSuitable(response) {
+        return response.currentCommand === XpsCommand.create;
+    }
+}
+ShowMobilePaymentScreenActionCreator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ShowMobilePaymentScreenActionCreator, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ShowMobilePaymentScreenActionCreator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ShowMobilePaymentScreenActionCreator });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ShowMobilePaymentScreenActionCreator, decorators: [{
+            type: Injectable
+        }] });
+
 const nextActionsToken = new InjectionToken('Action');
 const nextActions = [
     ShowFieldsActionCreator,
@@ -1131,6 +1157,7 @@ const nextActions = [
     SpecialButtonActionCreator,
     ShowQrCodeActionCreator,
     RedirectActionCreator,
+    ShowMobilePaymentScreenActionCreator,
 ];
 const flowUpdateNextActions = [
     ShowErrorsActionCreator,
@@ -4920,6 +4947,9 @@ class StatusService {
         }
         return this.getStatus(searchParams);
     }
+    listenFinalStatus(invoice) {
+        return this.listenStatusService.listen(invoice);
+    }
     getRequestParamsFromUrl(url) {
         const searchParams = this.urlService.getSearchParams(url ?? '');
         const keys = new Set(Object.keys(searchParams));
@@ -5412,7 +5442,7 @@ class PaymentService {
     get formResponseValue() {
         return this._formResponse$.getValue();
     }
-    constructor(initializeService, submitService, syncService, formService, statusService, financeDetailsService, creditCardStateService, nextActionService, controlConfigService, threeDsService, formMessagesService, settingsService, countryService) {
+    constructor(initializeService, submitService, syncService, formService, statusService, financeDetailsService, creditCardStateService, nextActionService, controlConfigService, threeDsService, formMessagesService, settingsService, countryService, checkStatusActionCreator) {
         this.initializeService = initializeService;
         this.submitService = submitService;
         this.syncService = syncService;
@@ -5426,6 +5456,7 @@ class PaymentService {
         this.formMessagesService = formMessagesService;
         this.settingsService = settingsService;
         this.countryService = countryService;
+        this.checkStatusActionCreator = checkStatusActionCreator;
         this.form = null;
         this.data = null;
         this.financeDetails = null;
@@ -5473,7 +5504,8 @@ class PaymentService {
         }
         this.emitFormMessages(submitResponse.messages);
         // Handle 3ds flow
-        if (submitResponse.currentCommand === XpsCommand.create) {
+        if (submitResponse.currentCommand === XpsCommand.create &&
+            submitResponse.parameters.threeDSForm) {
             this.runThreeDs();
             return;
         }
@@ -5552,6 +5584,15 @@ class PaymentService {
         };
         return this.statusService.getStatus(params);
     }
+    async listenFinalStatus() {
+        const { invoice } = await this.getStatus();
+        this.statusService
+            .listenFinalStatus(invoice)
+            .pipe(take(1))
+            .subscribe(() => {
+            this.nextActionService.emitFlowUpdates(this.checkStatusActionCreator.getActionData());
+        });
+    }
     getFieldConfig(field) {
         return this.controlConfigService.getConfig(field);
     }
@@ -5685,17 +5726,22 @@ class PaymentService {
         else {
             type = 'sync';
         }
-        this._formResponse$.next({ type, data, token: this.settingsService.token });
+        this._formResponse$.next({
+            type,
+            data,
+            token: this.settingsService.token,
+            isSandbox: this.settingsService.isSandboxMode(),
+        });
     }
 }
-PaymentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentService, deps: [{ token: InitializeService }, { token: SubmitService }, { token: SyncService }, { token: FormService }, { token: StatusService }, { token: FinanceDetailsService }, { token: CreditCardStateService }, { token: NextActionService }, { token: ControlConfigService }, { token: ThreeDsService }, { token: FormMessagesService }, { token: SettingsService }, { token: CountryService }], target: i0.ɵɵFactoryTarget.Injectable });
+PaymentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentService, deps: [{ token: InitializeService }, { token: SubmitService }, { token: SyncService }, { token: FormService }, { token: StatusService }, { token: FinanceDetailsService }, { token: CreditCardStateService }, { token: NextActionService }, { token: ControlConfigService }, { token: ThreeDsService }, { token: FormMessagesService }, { token: SettingsService }, { token: CountryService }, { token: CheckStatusActionCreator }], target: i0.ɵɵFactoryTarget.Injectable });
 PaymentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: InitializeService }, { type: SubmitService }, { type: SyncService }, { type: FormService }, { type: StatusService }, { type: FinanceDetailsService }, { type: CreditCardStateService }, { type: NextActionService }, { type: ControlConfigService }, { type: ThreeDsService }, { type: FormMessagesService }, { type: SettingsService }, { type: CountryService }]; } });
+        }], ctorParameters: function () { return [{ type: InitializeService }, { type: SubmitService }, { type: SyncService }, { type: FormService }, { type: StatusService }, { type: FinanceDetailsService }, { type: CreditCardStateService }, { type: NextActionService }, { type: ControlConfigService }, { type: ThreeDsService }, { type: FormMessagesService }, { type: SettingsService }, { type: CountryService }, { type: CheckStatusActionCreator }]; } });
 
 class RefundPolicyService {
     constructor(settingsService) {
@@ -6157,6 +6203,7 @@ class CoreLibraryService {
             getFinanceDetails: () => this.paymentService.getFinanceDetails(),
             runThreeDs: () => this.paymentService.runThreeDs(),
             getStatus: async () => this.paymentService.getStatus(),
+            listenFinalStatus: async () => this.paymentService.listenFinalStatus(),
             financeDetailsUpdates$: this.financeDetailsService.data$,
             form: {
                 fieldsStatus$: this.paymentService.formFieldsStatus$,
@@ -6437,6 +6484,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
         }] });
 
 const applePayVersion = 3;
+const safariVersionForIframeIntegration = 17;
 
 const agreementsGroup = [
     FieldNames.termsAndConditions,
@@ -6798,6 +6846,17 @@ class UserAgentService {
     get isSafari() {
         return this._browserName === 'Apple Safari';
     }
+    get safariVersion() {
+        if (!this.isSafari) {
+            return null;
+        }
+        const versionRegExp = new RegExp('(Version)\\/(.+)\\s');
+        const version = versionRegExp.exec(this.userAgent);
+        if (!version) {
+            return null;
+        }
+        return Number(version[2].split('.')[0]);
+    }
     get iOsVersion() {
         if (this.osType !== 'ios') {
             return null;
@@ -7031,7 +7090,7 @@ class ApplePayService {
             this.emitError(ApplePayErrors.deviceIsNotCapableError);
         }
     }
-    redirectToPaymentPage(parameters, token) {
+    redirectToPaymentPage(parameters, token, isSandbox) {
         const route = pagesRoutes.get(applePayId);
         if (!route) {
             return;
@@ -7046,8 +7105,8 @@ class ApplePayService {
         if (this.order) {
             query.append('order', this.order);
         }
-        const url = `${route}?${query.toString()}`;
-        return url;
+        const payStationUrl = isSandbox ? sandboxPayStationUrl : payStation4Url;
+        return `${payStationUrl}/en${route}?${query.toString()}`;
     }
     setOrder(data) {
         const summary = data?.paymentForm?.summary;
@@ -7098,6 +7157,7 @@ class ApplePayService {
                 })
                     .catch((error) => {
                     console.error('apple pay: merchant validation error', error);
+                    this.emitError(ApplePayErrors.paymentError);
                     session.abort();
                 });
             };
@@ -7113,6 +7173,7 @@ class ApplePayService {
                 })
                     .catch((error) => {
                     console.error('apple pay: payment authorization error', error);
+                    this.emitError(ApplePayErrors.paymentError);
                     session.completePayment(this.window.ApplePaySession.STATUS_FAILURE);
                 });
             };
@@ -7185,7 +7246,7 @@ class ApplePayService {
     }
     emitIntegrationType() {
         let integrationType;
-        if (this.paymentClient && this.isDeviceCapable()) {
+        if (this.paymentClient && this.isDeviceCapable() && this.canUseSdk()) {
             integrationType = 'sdk';
         }
         else if (this.userAgentService.isSafari) {
@@ -7196,6 +7257,10 @@ class ApplePayService {
         }
         this.integrationType.next(integrationType);
     }
+    canUseSdk() {
+        return !!(this.userAgentService.safariVersion &&
+            this.userAgentService.safariVersion >= safariVersionForIframeIntegration);
+    }
 }
 ApplePayService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ApplePayService, deps: [{ token: windowToken }, { token: UserAgentService }, { token: SummaryFinanceDetailsAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
 ApplePayService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ApplePayService, providedIn: 'root' });