@xsolla/payment-client-core 0.1.18 → 0.1.20

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

@@ -240,6 +240,9 @@ class PaymentMethodsService {
     }
     async getList(isSaveMethodMode) {
         const response = await this.request(isSaveMethodMode);
+        if (this.isFixedPaymentMethod) {
+            return this.filterMethodsByFixedPaymentMethod(response.remained);
+        }
         return response.remained;
     }
     async getQuickMethods() {
@@ -268,6 +271,14 @@ class PaymentMethodsService {
         // @ts-expect-error the map already has the cache with key
         return this.cache.get(cacheKey);
     }
+    filterMethodsByFixedPaymentMethod(methods) {
+        const fixedPid = this.settingsService.purchase?.payment_system?.id;
+        const paymentMethod = methods.find((method) => method.id === fixedPid);
+        return paymentMethod ? [paymentMethod] : [];
+    }
+    get isFixedPaymentMethod() {
+        return !!this.settingsService.purchase?.payment_system?.id;
+    }
 }
 PaymentMethodsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentMethodsService, deps: [{ token: paymentMethodsResponseFactoryToken }, { token: SettingsService }, { token: CountryService }, { token: SecureApiClient }], target: i0.ɵɵFactoryTarget.Injectable });
 PaymentMethodsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentMethodsService, providedIn: 'root' });
@@ -584,25 +595,6 @@ class SubmitResponse {
     }
 }
 
-const isSubmitResponse = (value) => {
-    return value instanceof SubmitResponse;
-};
-
-var InputEventName;
-(function (InputEventName) {
-    InputEventName["blur"] = "blur";
-    InputEventName["focus"] = "focus";
-})(InputEventName || (InputEventName = {}));
-
-class ShowErrorsAction {
-    constructor(errors) {
-        this.type = 'show_errors';
-        this.data = {
-            errors,
-        };
-    }
-}
-
 class InitializeResponse {
     constructor(response) {
         this.paymentForm = null;
@@ -646,6 +638,25 @@ class InitializeResponse {
     }
 }
 
+const isSubmitResponse = (value) => {
+    return value instanceof SubmitResponse;
+};
+
+var InputEventName;
+(function (InputEventName) {
+    InputEventName["blur"] = "blur";
+    InputEventName["focus"] = "focus";
+})(InputEventName || (InputEventName = {}));
+
+class ShowErrorsAction {
+    constructor(errors) {
+        this.type = 'show_errors';
+        this.data = {
+            errors,
+        };
+    }
+}
+
 const initializeResponseFactoryToken = new InjectionToken('InitializeResponse');
 const initializeResponseFactoryProvider = {
     provide: initializeResponseFactoryToken,
@@ -1859,6 +1870,7 @@ class SyncService extends EmitDataService {
         this.prevFieldSyncStates = {};
         this.form = new UntypedFormGroup({});
         this.fields = [];
+        this.fieldSyncTimers = {};
         this.fieldAsyncValidation = new Subject();
     }
     get fieldAsyncValidation$() {
@@ -1874,7 +1886,7 @@ class SyncService extends EmitDataService {
         this.form = new UntypedFormGroup({});
         this.fields = [];
     }
-    async validate(field) {
+    async validate(field, delay = Number('750')) {
         if (!this.isReadyField(field)) {
             return Promise.resolve(null);
         }
@@ -1890,15 +1902,31 @@ class SyncService extends EmitDataService {
                 return response?.error ?? null;
             });
         }
-        const requestPromise = this.request(field);
-        this.setPrevFieldSyncState(field, value, requestPromise);
-        return requestPromise.then((response) => {
-            this.fieldAsyncValidation.next({
-                value,
-                field,
-                response,
+        const updateFieldState = async () => {
+            const requestPromise = this.request(field);
+            this.setPrevFieldSyncState(field, value, requestPromise);
+            return requestPromise.then((response) => {
+                this.fieldAsyncValidation.next({
+                    value,
+                    field,
+                    response,
+                });
+                return response.error ?? null;
             });
-            return response.error ?? null;
+        };
+        return new Promise((resolve) => {
+            if (delay) {
+                const timerId = setTimeout(() => {
+                    if (value !== control?.value) {
+                        return resolve(null);
+                    }
+                    void updateFieldState().then((errors) => resolve(errors));
+                }, delay);
+                this.resetFieldSyncTimer(field, Number(timerId));
+            }
+            else {
+                void updateFieldState().then((errors) => resolve(errors));
+            }
         });
     }
     getSyncValidationErrors(field) {
@@ -1939,6 +1967,13 @@ class SyncService extends EmitDataService {
             this.nextActionService.emitFlowUpdates(new ShowErrorsAction(formErrors));
         }
     }
+    resetFieldSyncTimer(field, timerId) {
+        const prevTimerId = this.fieldSyncTimers[field.name];
+        if (prevTimerId) {
+            clearTimeout(prevTimerId);
+        }
+        this.fieldSyncTimers[field.name] = timerId;
+    }
 }
 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' });
@@ -5271,6 +5306,7 @@ class PaymentService {
         this.data = await this.initializeService.request(config);
         this.fields = this.getFields();
         this.form = this.formService.createForm(this.fields);
+        this.updatePidConfig();
         this.setupSyncService(this.form, this.fields);
         this.listenFormStatusChanges(this.form);
         this.emitFinanceDetails(this.data.paymentForm?.summary);
@@ -5310,6 +5346,15 @@ class PaymentService {
         }
         return this.data?.paymentForm?.fields ?? [];
     }
+    getPid() {
+        if (this.data instanceof SubmitResponse) {
+            return (Number(this.data.fields.find((field) => field.name === 'fix_pid')?.value) || null);
+        }
+        if (this.data instanceof InitializeResponse) {
+            return (Number(this.data.paymentForm?.fields.find((field) => field.name === 'fix_pid')?.value) || null);
+        }
+        return null;
+    }
     async validate(field) {
         const syncErrors = this.syncService.getSyncValidationErrors(field);
         if (syncErrors) {
@@ -5432,6 +5477,15 @@ class PaymentService {
             .pipe(takeUntil(this.formDestroy$))
             .subscribe(() => this.emitFormFieldsStatus(form));
     }
+    /*
+     * in case the form pid changes despite the one passed during initialization
+     *  */
+    updatePidConfig() {
+        const currentPid = this.getPid();
+        if (currentPid) {
+            this.config.paymentMethodId = currentPid;
+        }
+    }
 }
 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 }], target: i0.ɵɵFactoryTarget.Injectable });
 PaymentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentService, providedIn: 'root' });
@@ -5625,6 +5679,7 @@ class CoreLibraryService {
             initialize: async () => this.paymentService.initialize(enrichedConfig),
             submit: async () => this.paymentService.submit(),
             getFields: () => this.paymentService.getFields(),
+            getPid: () => this.paymentService.getPid(),
             validate: async (field) => this.paymentService.validate(field),
             getFinanceDetails: () => this.paymentService.getFinanceDetails(),
             runThreeDs: () => this.paymentService.runThreeDs(),
@@ -5637,6 +5692,7 @@ class CoreLibraryService {
                 changeFieldState: (name, state) => this.paymentService.changeFieldState(name, state),
                 updateFieldFormState: (fieldName, formState) => this.paymentService.updateFieldFormState(fieldName, formState),
                 formMessages$: this.formMessagesService.data$,
+                getFormStatus: () => this.paymentService.form?.status,
             },
         };
     }