@xsolla/payment-client-core 0.0.7 → 0.0.8

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',
             }))
@@ -2406,8 +2414,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() {
@@ -2572,7 +2583,7 @@ 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),