@bolttech/form-engine-core 0.0.3-beta.5 → 0.0.3-beta.7

package/index.esm.js

@@ -1,4 +1,4 @@
-import { Subject, Subscription, combineLatest, startWith, groupBy, mergeMap, debounceTime, filter, map, distinctUntilKeyChanged, distinctUntilChanged } from 'rxjs';
+import { Subject, Subscription, combineLatest, startWith, groupBy, mergeMap, debounceTime, filter, map, distinctUntilKeyChanged, distinctUntilChanged, skip } from 'rxjs';
 import creditCardType from 'credit-card-type';
 import { isNumber as isNumber$1, isFunction, cloneDeep, isEqual, get, isNil, set } from 'lodash';
 import { getCurrencySymbol } from '@gaignoux/currency';
@@ -3882,10 +3882,12 @@ class FormCore {
    */
   getFormValues() {
     const values = {};
+    const metadata = {};
     const erroredFields = [];
     this.fields.forEach((val, key) => {
       if (val.value) {
         set(values, val.nameToSubmit || key, val.value);
+        metadata[key] = val.metadata;
       }
       if (!val.valid) {
         erroredFields.push(key);
@@ -3893,6 +3895,7 @@ class FormCore {
     });
     return {
       values,
+      metadata,
       erroredFields,
       isValid: this.isValid
     };
@@ -4130,11 +4133,13 @@ class FormGroup {
   /**
    * Prototype submit function to multiple forms
    * @param {string[]} indexes form indexes to be submitted
+   * @param callback
    * @returns
    */
   submitMultipleFormsByIndex(indexes, callback) {
     let isValid = true;
     let values = {};
+    let metadata = {};
     let erroredFields = [];
     indexes.forEach(index => {
       var _a, _b;
@@ -4142,12 +4147,14 @@ class FormGroup {
       const res = (_b = this.forms.get(index)) === null || _b === void 0 ? void 0 : _b.getFormValues();
       isValid = isValid && ((res === null || res === void 0 ? void 0 : res.isValid) || false);
       values = Object.assign(Object.assign({}, values), (res === null || res === void 0 ? void 0 : res.values) || {});
+      metadata = Object.assign(Object.assign({}, metadata), (res === null || res === void 0 ? void 0 : res.metadata) || {});
       erroredFields = [...erroredFields, ...((res === null || res === void 0 ? void 0 : res.erroredFields) || [])];
     });
     isValid && callback && callback({
       erroredFields,
       isValid,
-      values
+      values,
+      metadata
     });
   }
   onDataSubscription({
@@ -4203,6 +4210,23 @@ class FormGroup {
     }))).subscribe(callback);
     return sub;
   }
+  onSubmitSubscription({
+    ids,
+    callback
+  }) {
+    const subs = ids.reduce((acc, formId) => {
+      const form = this.forms.get(formId);
+      const sub = form === null || form === void 0 ? void 0 : form.submitSubject$.pipe(map(() => form === null || form === void 0 ? void 0 : form.getFormValues()), startWith(undefined));
+      if (sub) {
+        acc[formId] = sub;
+      } else {
+        this.config.defaultLogVerbose && console.warn(`failed to register form id ${formId}`);
+      }
+      return acc;
+    }, {});
+    const sub = combineLatest(subs).pipe(skip(1)).subscribe(callback);
+    return sub;
+  }
 }
 
 export { FormCore, FormField, FormGroup, TMutationEnum };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/form-engine-core",
-  "version": "0.0.3-beta.5",
+  "version": "0.0.3-beta.7",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/src/managers/formGroup.d.ts

@@ -2,7 +2,7 @@ import { TFormValues } from '../types/form';
 import { TMapper } from '../types/mapper';
 import { TFormCore } from './form';
 import { TSchemaFormConfig } from '../types/schema';
-import { TFormGroupOnDataEventPayload, TFormGroupOnValidEventPayload } from '../types/event';
+import { TFormGroupOnDataEventPayload, TFormGroupOnSubmitEventPayload, TFormGroupOnValidEventPayload } from '../types/event';
 /**
  * Represents a group that manages multiple forms.
  */
@@ -82,6 +82,7 @@ declare class FormGroup {
     /**
      * Prototype submit function to multiple forms
      * @param {string[]} indexes form indexes to be submitted
+     * @param callback
      * @returns
      */
     submitMultipleFormsByIndex<T>(indexes: string[], callback?: (payload: TFormValues<T>) => void): void;
@@ -93,6 +94,10 @@ declare class FormGroup {
         ids: string[];
         callback: (payload: TFormGroupOnValidEventPayload) => void;
     }): import("rxjs").Subscription;
+    onSubmitSubscription<T>({ ids, callback, }: {
+        ids: string[];
+        callback: (payload: TFormGroupOnSubmitEventPayload<T>) => void;
+    }): import("rxjs").Subscription;
     destroy: () => void;
 }
 type TFormGroup = FormGroup;

package/src/types/event.d.ts

@@ -76,4 +76,9 @@ type TFormGroupOnValidEventPayload = {
     groupValid: boolean;
     forms: Record<string, boolean>;
 };
-export { TEvents, TMutationEvents, TMutationEnum, TValueChangeEvent, TFieldEvent, TFormGroupOnDataEventPayload, TFormGroupOnValidEventPayload, TFormValidationPayload, };
+/**
+ * @type TFormGroupOnSubmitEventPayload
+ * Form Group onSubmit event emitted payload on callback function parameter
+ */
+type TFormGroupOnSubmitEventPayload<T> = Record<string, TFormValues<T> | undefined>;
+export { TEvents, TMutationEvents, TMutationEnum, TValueChangeEvent, TFieldEvent, TFormGroupOnDataEventPayload, TFormGroupOnValidEventPayload, TFormGroupOnSubmitEventPayload, TFormValidationPayload, };

package/src/types/form.d.ts

@@ -19,6 +19,7 @@ import { TMapper } from './mapper';
  */
 type TFormValues<T> = {
     values: T;
+    metadata: unknown;
     erroredFields: string[];
     isValid: boolean;
 };