@xsolla/payment-client-core 0.2.8 → 0.2.10

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

@@ -126,6 +126,9 @@ class SettingsService {
     get token() {
         return this._token;
     }
+    get isMobile() {
+        return this._isMobile;
+    }
     get hasResponse() {
         return !!this.response;
     }
@@ -134,6 +137,7 @@ class SettingsService {
         this.isInitialized = false;
         this._token = '';
         this.sandboxMode = false;
+        this._isMobile = false;
     }
     async init(configuration) {
         if (!configuration.token) {
@@ -141,6 +145,7 @@ class SettingsService {
         }
         this._token = configuration.token;
         this.sandboxMode = !!configuration.sandbox;
+        this._isMobile = configuration.isMobile;
         await this.sendRequest(this.token);
         this.isInitialized = true;
     }
@@ -691,6 +696,9 @@ class XpsApiService {
             country: this.countryService.getCountry(),
             ...parameters,
         };
+        if (this.settingsService.isMobile) {
+            requestParams.mobile = "1" /* XpsBoolean.true */;
+        }
         return lastValueFrom(this.secureApiClient.post(this.directPaymentApiRoute, new URLSearchParams({ ...requestParams }), {
             headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8'),
             responseType: 'json',
@@ -1096,12 +1104,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             type: Injectable
         }] });
 
+class ShowQrCodeActionCreator {
+    constructor() {
+        this.type = 'show_qr_code';
+    }
+    getActionData(response) {
+        const submitButtonText = response.parameters.buyData.value;
+        return {
+            type: this.type,
+            data: {
+                submitButtonText,
+            },
+        };
+    }
+    isSuitable(response) {
+        return Boolean(response.parameters?.form?.qr);
+    }
+}
+ShowQrCodeActionCreator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ShowQrCodeActionCreator, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ShowQrCodeActionCreator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ShowQrCodeActionCreator });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ShowQrCodeActionCreator, decorators: [{
+            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,
     CheckStatusActionCreator,
     SpecialButtonActionCreator,
+    ShowQrCodeActionCreator,
     RedirectActionCreator,
+    ShowMobilePaymentScreenActionCreator,
 ];
 const flowUpdateNextActions = [
     ShowErrorsActionCreator,
@@ -4891,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));
@@ -5383,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;
@@ -5397,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;
@@ -5444,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;
         }
@@ -5471,6 +5532,12 @@ class PaymentService {
             country: this.countryService.getCountry(),
         };
     }
+    getQrCode() {
+        if (!isSubmitResponse(this.data)) {
+            throw new Error('Should submit form first');
+        }
+        return this.data.parameters.form.qr.title;
+    }
     getPid() {
         if (this.data instanceof SubmitResponse) {
             return (Number(this.data.fields.find((field) => field.name === 'fix_pid')?.value) || null);
@@ -5517,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);
     }
@@ -5653,14 +5729,14 @@ class PaymentService {
         this._formResponse$.next({ type, data, token: this.settingsService.token });
     }
 }
-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) {
@@ -6099,6 +6175,12 @@ class CoreLibraryService {
     async getStatus(url) {
         return this.statusService.getStatusWithUrlSearchParams(url);
     }
+    getQrCodeInitialData() {
+        return {
+            qrCode: this.paymentService.getQrCode(),
+            pid: this.paymentService.getPid(),
+        };
+    }
     setCountry(country) {
         this.countryService.setCountry(country);
     }
@@ -6116,6 +6198,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$,