@xsolla/payment-client-core 0.0.7 → 0.0.9

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

@@ -501,7 +501,7 @@ class TokenError extends AppError {
 class SubmitRequest extends XpsApiPartRequest {
     constructor(parameters) {
         super();
-        const { token, dfpHash } = parameters;
+        const { token, fields, form, dfpHash } = parameters;
         if (token === null) {
             throw new TokenError();
         }
@@ -509,6 +509,14 @@ class SubmitRequest extends XpsApiPartRequest {
         if (dfpHash) {
             this.xps_dfp_hash = dfpHash;
         }
+        this.addXpsParameters(this.getFieldsValues(fields, form));
+    }
+    getFieldsValues(fields, form) {
+        return fields.reduce((xpsParams, field) => {
+            const formControl = form.get(field.name);
+            xpsParams[field.name] = formControl ? formControl.value : field?.value;
+            return xpsParams;
+        }, {});
     }
 }
 
@@ -817,13 +825,13 @@ class SubmitService {
             .getHash()
             // eslint-disable-next-line @typescript-eslint/promise-function-async
             .then((dfpHash) => {
-            const request = this.requestFactory({
+            const requestParams = this.requestFactory({
                 token: this.settingsService.token,
                 fields,
                 form,
                 dfpHash,
             });
-            return lastValueFrom(this.secureApi.post(this.directPaymentApiRoute, request, {
+            return lastValueFrom(this.secureApi.post(this.directPaymentApiRoute, new URLSearchParams({ ...requestParams }), {
                 headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8'),
                 responseType: 'json',
             }))
@@ -1212,6 +1220,13 @@ class ControlConfigService {
         }
         return converter.convertToFormControl(field);
     }
+    getConfig(field) {
+        const converter = this.getConverter(field);
+        if (!converter) {
+            return null;
+        }
+        return converter.convertToConfig(field);
+    }
     getConverter(field) {
         if (!field) {
             return null;
@@ -2387,13 +2402,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
         }], ctorParameters: function () { return [{ type: StatusRequestService }, { type: ListenStatusService }, { type: NextActionService }]; } });
 
 class PaymentService {
-    constructor(initializeService, submitService, syncService, formService, statusService, nextActionService) {
+    constructor(initializeService, submitService, syncService, formService, statusService, nextActionService, controlConfigService) {
         this.initializeService = initializeService;
         this.submitService = submitService;
         this.syncService = syncService;
         this.formService = formService;
         this.statusService = statusService;
         this.nextActionService = nextActionService;
+        this.controlConfigService = controlConfigService;
         this.form = null;
         this.data = null;
         this.fields = [];
@@ -2406,8 +2422,11 @@ class PaymentService {
         this.syncService.setup(this.form, this.fields);
         return this.fields;
     }
-    async submit(fields, form) {
-        const submitResponse = await this.submitService.request(fields, form);
+    async submit() {
+        if (!this.form) {
+            throw new Error('form is empty!');
+        }
+        const submitResponse = await this.submitService.request(this.fields, this.form);
         return this.nextActionService.getNextAction(submitResponse);
     }
     getFields() {
@@ -2428,19 +2447,22 @@ class PaymentService {
             pid: this.config.paymentMethodId,
         });
     }
+    getFieldConfig(field) {
+        return this.controlConfigService.getConfig(field);
+    }
     changeFieldValue(name, value) {
         const formControl = this.form?.get(name);
         formControl?.setValue(value);
     }
 }
-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: NextActionService }], 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: NextActionService }, { token: ControlConfigService }], 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: NextActionService }]; } });
+        }], ctorParameters: function () { return [{ type: InitializeService }, { type: SubmitService }, { type: SyncService }, { type: FormService }, { type: StatusService }, { type: NextActionService }, { type: ControlConfigService }]; } });
 
 class RefundPolicyService {
     constructor(settingsService) {
@@ -2572,14 +2594,17 @@ class CoreLibraryService {
     createPayment(config) {
         return {
             initialize: async () => this.paymentService.initialize(config),
-            submit: async (fields, form) => this.paymentService.submit(fields, form),
+            submit: async () => this.paymentService.submit(),
             getFields: () => this.paymentService.getFields(),
-            changeFieldValue: (name, value) => this.paymentService.changeFieldValue(name, value),
             validate: async (field) => this.paymentService.validate(field),
             getFinanceDetails: () => this.paymentService.getFinanceDetails(),
             runThreeDs: () => this.paymentService.runThreeDs(),
             getStatus: async (params) => this.paymentService.getStatus(params),
             flowUpdates$: this.nextActionService.flowUpdates$,
+            form: {
+                getControlConfig: (field) => this.paymentService.getFieldConfig(field),
+                changeFieldValue: (name, value) => this.paymentService.changeFieldValue(name, value),
+            },
         };
     }
     getLegalComponentConfig() {