@bolttech/form-engine-core 1.0.2-beta.2 → 1.0.3

package/index.esm.js

@@ -1,7 +1,13 @@
 import { Subject, Subscription, groupBy, mergeMap, debounceTime, filter, combineLatest, startWith, map, distinctUntilKeyChanged } from 'rxjs';
 import creditCardType from 'credit-card-type';
-import { isNumber as isNumber$1, isFunction, cloneDeep, isEqual, get, isNil, set } from 'lodash';
+import isNumber$1 from 'lodash/isNumber';
 import { getCurrencySymbol } from '@gaignoux/currency';
+import isFunction from 'lodash/isFunction';
+import cloneDeep from 'lodash/cloneDeep';
+import get from 'lodash/get';
+import isEqual from 'lodash/isEqual';
+import isNil from 'lodash/isNil';
+import set from 'lodash/set';
 
 var TMutationEnum;
 (function (TMutationEnum) {
@@ -28,6 +34,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
 
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -404,7 +412,7 @@ const regex$1 = (value, formatters) => {
 const getTypeCard = (value, availableOptions) => {
   const rawValue = removeGaps(value === null || value === void 0 ? void 0 : value.toString());
   const types = creditCardType(rawValue);
-  const selected = (availableOptions === null || availableOptions === void 0 ? void 0 : availableOptions.length) ? types === null || types === void 0 ? void 0 : types.filter(({
+  const selected = typeof availableOptions === 'object' && availableOptions.length ? types === null || types === void 0 ? void 0 : types.filter(({
     type: id1
   }) => availableOptions.some(id2 => id2 === id1))[0] : types[0];
   return [selected, rawValue];
@@ -1641,7 +1649,7 @@ const callback = (value, validations) => {
  */
 const includes = (value, validations) => {
   if (!value || !Array.isArray(validations === null || validations === void 0 ? void 0 : validations.includes)) return false;
-  return !validations.includes.some(code => code === value || JSON.stringify(code) === value);
+  return !(validations === null || validations === void 0 ? void 0 : validations.includes.some(code => code === value || JSON.stringify(code) === value));
 };
 
 /**
@@ -2497,7 +2505,6 @@ class FormField {
     formIndex,
     schemaComponent,
     config,
-    path,
     children,
     validateVisibility,
     resetValue,
@@ -2526,7 +2533,6 @@ class FormField {
     this.name = schemaComponent.name;
     this.nameToSubmit = schemaComponent.nameToSubmit;
     this.component = schemaComponent.component;
-    this.path = path;
     this.children = children;
     this.validations = cloneDeep(schemaComponent.validations);
     this.visibilityConditions = cloneDeep(schemaComponent.visibilityConditions);
@@ -2549,6 +2555,7 @@ class FormField {
     this.fieldValidNotification$ = fieldValidNotification$;
     this.mountSubject$ = mountSubject$;
     this._props = FormField.filterProps(cloneDeep(schemaComponent.props || {}));
+    this._adapterProps = JSON.stringify(schemaComponent.props || {});
     this._metadata = '';
     this.errorsString = '';
     this.errorsList = [];
@@ -2600,11 +2607,35 @@ class FormField {
     if (!this.apiEventQueueSubject$ || this.apiEventQueueSubject$.closed) {
       this.apiEventQueueSubject$ = new SafeSubject(() => this.mounted);
     }
-    !this.apiEventQueueSubject$.observed && this.apiEventQueueSubject$.pipe(groupBy(({
-      event
-    }) => event), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultAPIdebounceTimeMS))), filter(() => this.apiEventQueueSubject$ && !this.apiEventQueueSubject$.closed)).subscribe(payload => {
-      this.apiRequest(payload);
-    });
+    if (!this.apiEventQueueSubject$.observed) {
+      this.apiEventQueueSubject$.pipe(groupBy(({
+        event
+      }) => event), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultAPIdebounceTimeMS))), filter(() => this.apiEventQueueSubject$ && !this.apiEventQueueSubject$.closed)).subscribe(payload => {
+        this.apiRequest(payload);
+      });
+    }
+  }
+  /**
+   * Retrieves the raw props sent from the adapter.
+   *
+   * @returns {string} - raw props from the adapter
+   */
+  get adapterProps() {
+    return this._adapterProps;
+  }
+  /**
+   * compares adapter props changes and emits the change if they effectively changed
+   * preventing an emission from the adapter of the same props that can overwrite other prop
+   * changes via templating
+   */
+  set adapterProps(props) {
+    const currentProps = JSON.stringify(props || {});
+    // it's a very basic comparison to determine if props changed, 
+    // will need review if we need complex comparisons
+    if (currentProps !== this.adapterProps) {
+      this.props = FormField.filterProps(props);
+      this._adapterProps = currentProps;
+    }
   }
   /**
    * Retrieves the properties associated with the form field.
@@ -2709,7 +2740,9 @@ class FormField {
       this.maskValue(this.formatValue(val));
       this._metadata = val;
     }
-    this.stateValue && this.valueSubject$.next(this.stateValue);
+    if (this.stateValue) {
+      this.valueSubject$.next(this.stateValue);
+    }
     this.templateSubject$.next({
       scope: 'fields',
       key: this.name,
@@ -2763,9 +2796,11 @@ class FormField {
    * if form instance onValid or template form.valid doesn't work properly, might be due to this workaround
    */
   triggerFieldValidNotification() {
-    !this.fieldValidNotification$.closed && this.fieldValidNotification$.next({
-      fieldTrigger: this.name
-    });
+    if (!this.fieldValidNotification$.closed) {
+      this.fieldValidNotification$.next({
+        fieldTrigger: this.name
+      });
+    }
   }
   /**
    * Retrieves the error messages associated with the form field.
@@ -2784,14 +2819,16 @@ class FormField {
     var _a;
     if (typeof errors === 'undefined' || isEqual(errors, this.errors)) return;
     this._errors = errors;
-    this.errorsList = Object.values(this.errors);
+    this.errorsList = Object.values(this.errors).filter(el => el !== undefined && el !== null);
     this.errorsString = this.errorsList.join(', ');
     /**
      * if any error receives a list of errors, set a prop for it, currently only supporting a single string
      */
-    ((_a = this.mapper.events) === null || _a === void 0 ? void 0 : _a.setErrorMessage) && this.errorSubject$.next({
-      [this.mapper.events.setErrorMessage]: this.errorsString
-    });
+    if ((_a = this.mapper.events) === null || _a === void 0 ? void 0 : _a.setErrorMessage) {
+      this.errorSubject$.next({
+        [this.mapper.events.setErrorMessage]: this.errorsString
+      });
+    }
     this.templateSubject$.next({
       scope: 'fields',
       key: this.name,
@@ -2955,23 +2992,25 @@ class FormField {
     let valid = true;
     const errors = {};
     const schemaValidations = (_a = this.validations) === null || _a === void 0 ? void 0 : _a.methods;
-    schemaValidations && Object.keys(schemaValidations).forEach(validationKey => {
-      var _a;
-      const error = handleValidation(this.value, schemaValidations, validations, validationKey);
-      // setting valid flag
-      valid = !error && valid;
-      // setting error messages
-      if (error && ((_a = this.validations) === null || _a === void 0 ? void 0 : _a.messages)) {
-        if (validationKey in this.validations.messages) {
-          const messages = this.validations.messages;
-          errors[validationKey] = messages[validationKey];
-        } else if ('default' in this.validations.messages) {
-          errors[validationKey] = this.validations.messages.default;
+    if (schemaValidations) {
+      Object.keys(schemaValidations).forEach(validationKey => {
+        var _a;
+        const error = handleValidation(this.value, schemaValidations, validations, validationKey);
+        // setting valid flag
+        valid = !error && valid;
+        // setting error messages
+        if (error && ((_a = this.validations) === null || _a === void 0 ? void 0 : _a.messages)) {
+          if (validationKey in this.validations.messages) {
+            const messages = this.validations.messages;
+            errors[validationKey] = messages[validationKey];
+          } else if ('default' in this.validations.messages) {
+            errors[validationKey] = this.validations.messages.default;
+          }
+        } else {
+          delete errors[validationKey];
         }
-      } else {
-        delete errors[validationKey];
-      }
-    });
+      });
+    }
     this.valid = valid;
     if ((_c = (_b = this.validations) === null || _b === void 0 ? void 0 : _b.eventMessages) === null || _c === void 0 ? void 0 : _c[event]) {
       const eventMessages = {};
@@ -3016,10 +3055,12 @@ class FormField {
   checkApiRequestValidations(config) {
     let valid = true;
     const preConditions = config.preConditions;
-    preConditions && Object.keys(preConditions).forEach(validationKey => {
-      const error = handleValidation(this.value, preConditions, validations, validationKey);
-      valid = valid && !error;
-    });
+    if (preConditions) {
+      Object.keys(preConditions).forEach(validationKey => {
+        const error = handleValidation(this.value, preConditions, validations, validationKey);
+        valid = valid && !error;
+      });
+    }
     if (config.blockRequestWhenInvalid) {
       valid = valid && this.valid;
     }
@@ -3031,20 +3072,20 @@ class FormField {
    * @param {TEvents} event - The event type associated with the API request.
    * @returns {Promise<void>}
    */
-  apiRequest({
-    event
-  }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    return __awaiter(this, void 0, void 0, function* () {
+  apiRequest(_a) {
+    return __awaiter(this, arguments, void 0, function* ({
+      event
+    }) {
+      var _b, _c, _d, _e, _f, _g, _h, _j, _k;
       let requestMadeOnce = false;
       const configRequest = config => __awaiter(this, void 0, void 0, function* () {
-        var _k;
+        var _a;
         try {
           const {
             status,
             response
           } = yield makeRequest(config.method, config.url, config.headers, config.body, config.queryParams);
-          const callbackTransform = (_k = config.transform) === null || _k === void 0 ? void 0 : _k.callback;
+          const callbackTransform = (_a = config.transform) === null || _a === void 0 ? void 0 : _a.callback;
           const apiResponseData = callbackTransform ? callbackTransform({
             payload: JSON.parse(String(response)),
             formValues: this.getFormValues()
@@ -3062,7 +3103,7 @@ class FormField {
           };
         }
       });
-      if (this.api.apiState.lastEvent === 'ON_API_FIELD_RESPONSE' && event === 'ON_API_FIELD_RESPONSE' || !((_b = (_a = this.apiSchema) === null || _a === void 0 ? void 0 : _a.defaultConfig) === null || _b === void 0 ? void 0 : _b.events.includes(event)) && !(((_c = this.apiSchema) === null || _c === void 0 ? void 0 : _c.configs) && Object.keys((_d = this.apiSchema) === null || _d === void 0 ? void 0 : _d.configs).some(key => {
+      if (this.api.apiState.lastEvent === 'ON_API_FIELD_RESPONSE' && event === 'ON_API_FIELD_RESPONSE' || !((_c = (_b = this.apiSchema) === null || _b === void 0 ? void 0 : _b.defaultConfig) === null || _c === void 0 ? void 0 : _c.events.includes(event)) && !(((_d = this.apiSchema) === null || _d === void 0 ? void 0 : _d.configs) && Object.keys((_e = this.apiSchema) === null || _e === void 0 ? void 0 : _e.configs).some(key => {
         var _a, _b;
         return (_b = (_a = this.apiSchema) === null || _a === void 0 ? void 0 : _a.configs) === null || _b === void 0 ? void 0 : _b[key].events.includes(event);
       }))) return;
@@ -3071,9 +3112,11 @@ class FormField {
         named: Object.assign({}, this.api.named),
         apiState: Object.assign({}, this.api.apiState)
       };
-      const config = (_e = this.apiSchema.defaultConfig) === null || _e === void 0 ? void 0 : _e.config;
-      if (config && ((_g = (_f = this.apiSchema) === null || _f === void 0 ? void 0 : _f.defaultConfig) === null || _g === void 0 ? void 0 : _g.events.includes(event)) && this.checkApiRequestValidations(config)) {
-        !requestMadeOnce && this.notifyApiRequest();
+      const config = (_f = this.apiSchema.defaultConfig) === null || _f === void 0 ? void 0 : _f.config;
+      if (config && ((_h = (_g = this.apiSchema) === null || _g === void 0 ? void 0 : _g.defaultConfig) === null || _h === void 0 ? void 0 : _h.events.includes(event)) && this.checkApiRequestValidations(config)) {
+        if (!requestMadeOnce) {
+          this.notifyApiRequest();
+        }
         const {
           response,
           status
@@ -3084,7 +3127,7 @@ class FormField {
           status
         };
       }
-      if (((_h = this.apiSchema) === null || _h === void 0 ? void 0 : _h.configs) && Object.keys((_j = this.apiSchema) === null || _j === void 0 ? void 0 : _j.configs).some(key => {
+      if (((_j = this.apiSchema) === null || _j === void 0 ? void 0 : _j.configs) && Object.keys((_k = this.apiSchema) === null || _k === void 0 ? void 0 : _k.configs).some(key => {
         var _a, _b;
         return (_b = (_a = this.apiSchema) === null || _a === void 0 ? void 0 : _a.configs) === null || _b === void 0 ? void 0 : _b[key].events.includes(event);
       })) {
@@ -3093,10 +3136,12 @@ class FormField {
             @TODO handle promises with error
           */
           const result = yield Promise.all(Object.keys(this.apiSchema.configs).map(configKey => __awaiter(this, void 0, void 0, function* () {
-            var _l, _m, _o, _p;
-            const config = (_m = (_l = this.apiSchema) === null || _l === void 0 ? void 0 : _l.configs) === null || _m === void 0 ? void 0 : _m[configKey].config;
-            if (config && ((_p = (_o = this.apiSchema) === null || _o === void 0 ? void 0 : _o.configs) === null || _p === void 0 ? void 0 : _p[configKey].events.includes(event)) && this.checkApiRequestValidations(config)) {
-              !requestMadeOnce && this.notifyApiRequest();
+            var _a, _b, _c, _d;
+            const config = (_b = (_a = this.apiSchema) === null || _a === void 0 ? void 0 : _a.configs) === null || _b === void 0 ? void 0 : _b[configKey].config;
+            if (config && ((_d = (_c = this.apiSchema) === null || _c === void 0 ? void 0 : _c.configs) === null || _d === void 0 ? void 0 : _d[configKey].events.includes(event)) && this.checkApiRequestValidations(config)) {
+              if (!requestMadeOnce) {
+                this.notifyApiRequest();
+              }
               const {
                 response,
                 status
@@ -3137,12 +3182,12 @@ class FormField {
     this.propsSubject$.unsubscribe();
     this.errorSubject$.unsubscribe();
     this.apiEventQueueSubject$.unsubscribe();
-    this.dataSubject$.next({
+    if (!this.dataSubject$.closed) this.dataSubject$.next({
       event: 'ON_FIELD_UNMOUNT',
       fieldIndex: this.name,
       formIndex: this.formIndex
     });
-    !this.fieldEventSubject$.closed && this.fieldEventSubject$.next({
+    if (!this.fieldEventSubject$.closed) this.fieldEventSubject$.next({
       event: 'ON_FIELD_UNMOUNT',
       fieldName: this.name,
       fieldInstance: this
@@ -3203,6 +3248,8 @@ class FormCore {
     this.queuedFieldResetPropertyEvents = new Map();
     this.queuedInitialValues = new Map();
     this._valid = false;
+    this.stopEventsOnSubmit = false;
+    this.submitted = false;
     this.index = entry.index;
     this.schema = entry.schema;
     this.fields = new Map();
@@ -3217,7 +3264,9 @@ class FormCore {
       this.mappers.set(mapper.componentName, mapper);
     });
     if ((!entry.submitSubject$ || !entry.dataSubject$ || !entry.formValidSubject$) && this.config.defaultLogVerbose) console.warn(`some formGroup events are not properly instanciated, any onData, onValid, onSubmit events managed by formGroup won't trigger on form: ${this.index}`);
-    this.schema && FormCore.checkIndexes(this.schema.components);
+    if (this.schema) {
+      FormCore.checkIndexes(this.schema.components);
+    }
     this.templateSubject$ = new Subject();
     this.fieldEventSubject$ = new Subject();
     this.mountSubject$ = new Subject();
@@ -3233,12 +3282,16 @@ class FormCore {
     this.mountSubject$.subscribe(this.mountActions.bind(this));
     this.initialValues = entry.initialValues || ((_j = entry.schema) === null || _j === void 0 ? void 0 : _j.initialValues);
     this.iVars = entry.iVars || ((_k = entry.schema) === null || _k === void 0 ? void 0 : _k.iVars) || {};
+    this.stopEventsOnSubmit = (entry === null || entry === void 0 ? void 0 : entry.stopEventsOnSubmit) || false;
+    this.submitted = false;
   }
   /**
    * mock function to simulate form mount onto the adapter
    */
   generateFields() {
-    this.schema && this.serializeStructure(this.schema.components);
+    if (this.schema) {
+      this.serializeStructure(this.schema.components);
+    }
     this.fields.forEach(field => {
       field.mountField({
         valueSubscription: () => null,
@@ -3246,6 +3299,13 @@ class FormCore {
       });
     });
   }
+  /**
+   *flag utility to prevent Subjects from emitting after form submission and stopEventsOnSubmit
+   * @returns {boolean} - result of the flag utility.
+   */
+  submitChecker() {
+    return !(this.stopEventsOnSubmit && this.submitted);
+  }
   /**
    * callback function passed to field instance to notify field adapter mount status
    * once the field has all field instance properties set, this function will handle all
@@ -3265,7 +3325,7 @@ class FormCore {
         @TODO check a better way to handle nested fields unmounted by visiblity conditions from a parent
         since they are dependent on adapter field recycling runtimes
         */
-        this.config.defaultLogVerbose && console.warn(`field ${key} was mounted but since it's parent has some visibility condition the field was already removed`);
+        if (this.config.defaultLogVerbose) console.warn(`field ${key} was mounted but since it's parent has some visibility condition the field was already removed`);
         return;
       }
       this.subscribeTemplates();
@@ -3277,12 +3337,16 @@ class FormCore {
         scope: 'iVars',
         event: 'ON_IVARS'
       });
-      if (!this.queuedInitialValues.has(key)) field.valuePropName && !field.value ? field.emitValue({
-        event: 'ON_FIELD_MOUNT',
-        value: ''
-      }) : field.emitEvents({
-        event: 'ON_FIELD_MOUNT'
-      });
+      if (!this.queuedInitialValues.has(key)) if (field.valuePropName && !field.value) {
+        field.emitValue({
+          event: 'ON_FIELD_MOUNT',
+          value: ''
+        });
+      } else {
+        field.emitEvents({
+          event: 'ON_FIELD_MOUNT'
+        });
+      }
       this.checkFieldEventQueues(key);
     }
   }
@@ -3439,7 +3503,7 @@ class FormCore {
   }) {
     const field = this.fields.get(key);
     if (!field) {
-      this.config.defaultLogVerbose && console.warn(`failed to update field ${key}`);
+      if (this.config.defaultLogVerbose) console.warn(`failed to update field ${key}`);
       return;
     }
     if (path.length > 0) {
@@ -3461,7 +3525,7 @@ class FormCore {
       if (Array.isArray(fieldProp) || typeof fieldProp === 'object' && !isNil(fieldProp)) {
         propState = cloneDeep(fieldProp);
       } else {
-        this.config.defaultLogVerbose && console.warn(`invalid template property, skipping evaluation of ${field.name} with ${fieldProp}`);
+        if (this.config.defaultLogVerbose) console.warn(`invalid template property, skipping evaluation of ${field.name} with ${fieldProp}`);
         return;
       }
       set(propState, path, value);
@@ -3552,8 +3616,10 @@ class FormCore {
       try {
         return parse ? new Function(`return ${value}`)() : value;
       } catch (_a) {
-        this.config.defaultLogVerbose && console.warn(`unhandled parsing on ${expression} returning`);
-        this.config.defaultLogVerbose && console.warn(value);
+        if (this.config.defaultLogVerbose) {
+          console.warn(`unhandled parsing on ${expression} returning`);
+          console.warn(value);
+        }
         return value;
       }
     });
@@ -3704,6 +3770,9 @@ class FormCore {
           });
         }
       } else {
+        fieldInstance.emitEvents({
+          event: 'ON_FIELD_UNMOUNT'
+        });
         if (fieldInstance.persistValue) {
           this.queuedInitialValues.set(fieldInstance.name, fieldInstance.value);
         }
@@ -3970,7 +4039,6 @@ class FormCore {
         });
       } else {
         currField.children = ((_a = structElement === null || structElement === void 0 ? void 0 : structElement.children) === null || _a === void 0 ? void 0 : _a.map(el => el.name)) || (currField === null || currField === void 0 ? void 0 : currField.children) || [];
-        currField.path = path;
         currField.originalSchema = structElement;
         currField.templateSubject$ = this.templateSubject$;
       }
@@ -4067,7 +4135,7 @@ class FormCore {
   subscribeFieldEvent({
     callback
   }) {
-    const sub = this.fieldEventSubject$.pipe(groupBy(payload => `${payload.event}|${payload.fieldName}`), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultStateRefreshTimeMS)))).subscribe({
+    const sub = this.fieldEventSubject$.pipe(filter(() => this.submitChecker()), groupBy(payload => `${payload.event}|${payload.fieldName}`), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultStateRefreshTimeMS)))).subscribe({
       next: callback
     });
     return sub;
@@ -4091,7 +4159,7 @@ class FormCore {
   subscribeData(callback) {
     const sub = this.dataSubject$.pipe(filter(({
       formIndex
-    }) => this.index === formIndex), groupBy(payload => payload.event), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultStateRefreshTimeMS))), map(({
+    }) => this.index === formIndex && this.submitChecker()), groupBy(payload => payload.event), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultStateRefreshTimeMS))), map(({
       fieldIndex
     }) => ({
       field: fieldIndex,
@@ -4109,7 +4177,7 @@ class FormCore {
   subscribeOnSubmit(callback) {
     const sub = this.submitSubject$.pipe(filter(({
       formIndex
-    }) => formIndex === this.index), map(({
+    }) => formIndex === this.index && this.submitChecker()), map(({
       values
     }) => values)).subscribe({
       next: callback
@@ -4124,7 +4192,7 @@ class FormCore {
   subscribeFormValidation(callback) {
     const sub = this.formValidSubject$.pipe(filter(({
       formIndex
-    }) => this.index === formIndex), debounceTime(this.config.defaultStateRefreshTimeMS), map(() => ({
+    }) => this.index === formIndex), map(() => ({
       formIndex: this.index,
       valid: this.valid
     })), distinctUntilKeyChanged('valid'), startWith({
@@ -4150,6 +4218,7 @@ class FormCore {
       formIndex: this.index,
       values
     });
+    this.submitted = true;
   }
   /**
    * recycles all the Suscriptions, to be called from the adapter when the form leaves the page
@@ -4339,17 +4408,20 @@ class FormGroup {
       var _a, _b;
       (_a = this.forms.get(index)) === null || _a === void 0 ? void 0 : _a.submit();
       const res = (_b = this.forms.get(index)) === null || _b === void 0 ? void 0 : _b.getFormValues();
+      const formMetadata = typeof (res === null || res === void 0 ? void 0 : res.metadata) === 'object' && res.metadata !== null ? res.metadata : {};
       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) || {});
+      metadata = Object.assign(Object.assign({}, metadata), formMetadata);
       erroredFields = [...erroredFields, ...((res === null || res === void 0 ? void 0 : res.erroredFields) || [])];
     });
-    isValid && callback && callback({
-      erroredFields,
-      isValid,
-      values,
-      metadata
-    });
+    if (isValid && callback) {
+      callback({
+        erroredFields,
+        isValid,
+        values,
+        metadata
+      });
+    }
   }
   onDataSubscription({
     ids,
@@ -4384,7 +4456,7 @@ class FormGroup {
       formIndex
     }) => ids.includes(formIndex)), groupBy(({
       formIndex
-    }) => formIndex), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultStateRefreshTimeMS))), startWith({
+    }) => formIndex), mergeMap(group$ => group$.pipe(debounceTime(0))), startWith({
       fieldTrigger: null
     }), map(() => ({
       groupValid: ids.every(id => {

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@bolttech/form-engine-core",
-  "version": "1.0.2-beta.2",
+  "version": "1.0.3",
+  "dependencies": {
+    "@gaignoux/currency": "^1.1.0",
+    "credit-card-type": "^10.0.0",
+    "lodash": "^4.17.21",
+    "rxjs": "^7.8.1"
+  },
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
-  "dependencies": {
-    "@gaignoux/currency": "1.1.0",
-    "credit-card-type": "10.0.1",
-    "lodash": "4.17.21",
-    "react": "18.2.0",
-    "rxjs": "7.8.1"
-  },
-  "peerDependencies": {}
-}
+  "types": "./index.d.ts"
+}

package/index.esm.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";

package/src/constants/constants.d.ts

@@ -1,10 +0,0 @@
-declare const DEFAULT_API_DEBOUNCE_TIME = 1000;
-declare const DEFAULT_STATE_REFRESH_TIME = 100;
-declare const TEMPLATE_REGEX_STRING_CONCATENATION_DETECTOR: RegExp;
-declare const TEMPLATE_REGEX_DELIMITATOR: RegExp;
-declare const TEMPLATE_REGEX_OPERATOR_SPLITTER: RegExp;
-declare const TEMPLATE_REGEX_OPERATOR_MATCHER: RegExp;
-declare const TEMPLATE_AVALIABLE_SCOPES: readonly ["fields", "iVars", "form"];
-declare const ALLOWED_RESET_PROPS_MUTATIONS: ("api" | "apiSchema" | "props" | "validations" | "visibilityConditions" | "resetValues")[];
-declare const DEFAULT_LOG_VERBOSE = false;
-export { DEFAULT_API_DEBOUNCE_TIME, DEFAULT_STATE_REFRESH_TIME, DEFAULT_LOG_VERBOSE, TEMPLATE_REGEX_STRING_CONCATENATION_DETECTOR, TEMPLATE_REGEX_DELIMITATOR, TEMPLATE_REGEX_OPERATOR_SPLITTER, TEMPLATE_REGEX_OPERATOR_MATCHER, TEMPLATE_AVALIABLE_SCOPES, ALLOWED_RESET_PROPS_MUTATIONS, };

package/src/formatters/creditCard.d.ts

@@ -1,23 +0,0 @@
-import { TFormatters } from '../types/schema';
-/**
- * Formats a credit card number by adding gaps based on the card type.
- *
- * @param {unknown} value - The input value to be formatted, expected to be a string representing a credit card number.
- * @param {TFormatters} formatters - An object containing formatting options.
- * @param {boolean} formatters.gapsCreditCard - A flag indicating whether to apply credit card gap formatting.
- * @returns {unknown} - The formatted credit card number with appropriate gaps, or the original value if formatting is not applied.
- *
- * @example
- * ```typescript
- * const formatters = { gapsCreditCard: true };
- * const result = gapsCreditCard('4111111111111111', formatters);
- * console.log(result); // "4111 1111 1111 1111" (formatted based on card type, e.g., Visa)
- * ```
- * @example
- * ```typescript
- * const formatters = { gapsCreditCard: false };
- * const result = gapsCreditCard('4111111111111111', formatters);
- * console.log(result); // "4111111111111111" (no formatting applied)
- * ```
- */
-export declare const gapsCreditCard: (value: unknown, formatters: TFormatters) => unknown;

package/src/formatters/custom.d.ts

@@ -1,29 +0,0 @@
-import { TFormatters } from '../types/schema';
-/**
- * Applies a custom callback function to format a value.
- *
- * @param {unknown} value - The input value to be formatted.
- * @param {TFormatters} formatters - An object containing formatting options.
- * @param {(value: unknown) => unknown} formatters.callback - A custom callback function to apply to the value.
- * @returns {unknown} - The value after applying the custom callback function, or the original value if no callback is provided.
- *
- * @example
- * ```typescript
- * const formatters = { callback: (val) => `Formatted: ${val}` };
- * const result = callback('example', formatters);
- * console.log(result); // "Formatted: example"
- * ```
- * @example
- * ```typescript
- * const formatters = { callback: (val) => val.toString().toUpperCase() };
- * const result = callback('example', formatters);
- * console.log(result); // "EXAMPLE"
- * ```
- * @example
- * ```typescript
- * const formatters = { callback: null };
- * const result = callback('example', formatters);
- * console.log(result); // "example" (no formatting applied)
- * ```
- */
-export declare const callback: (value: unknown, formatters: TFormatters) => unknown;

package/src/formatters/handler.d.ts

@@ -1,2 +0,0 @@
-import { TFormatters } from '../types/schema';
-export declare const formatters: Record<keyof TFormatters, (value: unknown, formatters?: TFormatters) => unknown>;

package/src/formatters/regex.d.ts

@@ -1,47 +0,0 @@
-import { TFormatters } from '../types/schema';
-/**
- * Removes all non-numeric characters from a string.
- *
- * @param value - The value to be processed.
- * @returns The processed value with only numbers.
- *
- * @example
- * ```typescript
- * import { onlyNumbers } from './path/to/formatterFunctions';
- *
- * const processedValue = onlyNumbers('abc123def456');
- * console.log(processedValue); // Output: '123456'
- * ```
- */
-export declare const onlyNumbers: (value: unknown) => string;
-/**
- * Removes all non-letter characters from a string.
- *
- * @param value - The value to be processed.
- * @returns The processed value with only letters.
- *
- * @example
- * ```typescript
- * import { onlyLetters } from './path/to/formatterFunctions';
- *
- * const processedValue = onlyLetters('abc123def456');
- * console.log(processedValue); // Output: 'abcdef'
- * ```
- */
-export declare const onlyLetters: (value: unknown) => string;
-/**
- * Applies a regular expression pattern to remove matching substrings from a string.
- *
- * @param value - The value to be processed.
- * @param formatters - An object containing formatting options.
- * @returns The processed value with matched substrings removed.
- *
- * @example
- * ```typescript
- * import { regex } from './path/to/formatterFunctions';
- *
- * const processedValue = regex('abc123def456', { regex: '\\d+' });
- * console.log(processedValue); // Output: 'abcdef'
- * ```
- */
-export declare const regex: (value: unknown, formatters: TFormatters) => unknown;