@bolttech/form-engine-core 1.0.1-beta.2 → 1.0.1

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];
@@ -673,12 +681,14 @@ const replaceAll = (value, masks) => {
  *
  * const formattedValue = currency(config.value, config.masks);
  * console.log(formattedValue); // Output: '9.876,54 €'
+ *
+ * PS: To unCurrency this value, usage onlyFloatNumber formatter
  * ```
  */
 const currency = (value, masks) => {
   if (!(masks === null || masks === void 0 ? void 0 : masks.currency)) return value;
   const {
-    align = 'right',
+    align = '',
     decimal = '.',
     precision = 2,
     prefix = 'BBD',
@@ -702,6 +712,9 @@ const currency = (value, masks) => {
     decimalPart = '0'.repeat(precision - decimalPart.length) + decimalPart;
     newRawValue += decimal + decimalPart;
   }
+  if (!align) {
+    return newRawValue;
+  }
   const symbol = getCurrencySymbol(prefix);
   return align === 'left' ? `${symbol} ${newRawValue}` : `${newRawValue} ${symbol}`;
 };
@@ -1636,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));
 };
 
 /**
@@ -2521,7 +2534,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);
@@ -2595,11 +2607,13 @@ 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 properties associated with the form field.
@@ -2704,7 +2718,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,
@@ -2758,9 +2774,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.
@@ -2779,14 +2797,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,
@@ -2950,23 +2970,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 = {};
@@ -3011,10 +3033,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;
     }
@@ -3026,20 +3050,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()
@@ -3057,7 +3081,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;
@@ -3066,9 +3090,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
@@ -3079,7 +3105,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);
       })) {
@@ -3088,10 +3114,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
@@ -3132,12 +3160,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
@@ -3198,6 +3226,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();
@@ -3212,7 +3242,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();
@@ -3228,12 +3260,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,
@@ -3241,6 +3277,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
@@ -3260,7 +3303,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();
@@ -3272,12 +3315,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);
     }
   }
@@ -3434,7 +3481,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) {
@@ -3456,7 +3503,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);
@@ -3547,8 +3594,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;
       }
     });
@@ -3699,6 +3748,9 @@ class FormCore {
           });
         }
       } else {
+        fieldInstance.emitEvents({
+          event: 'ON_FIELD_UNMOUNT'
+        });
         if (fieldInstance.persistValue) {
           this.queuedInitialValues.set(fieldInstance.name, fieldInstance.value);
         }
@@ -3965,7 +4017,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$;
       }
@@ -4062,7 +4113,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;
@@ -4086,7 +4137,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,
@@ -4104,7 +4155,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
@@ -4119,7 +4170,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({
@@ -4145,6 +4196,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
@@ -4208,6 +4260,7 @@ class FormGroup {
     this.dataSubject$ = new Subject();
     this.formValidSubject$ = new Subject();
     this.submitSubject$ = new Subject();
+    this.mappers = entry === null || entry === void 0 ? void 0 : entry.mappers;
   }
   /**
    * Creates an empty form with given index
@@ -4333,17 +4386,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,
@@ -4353,9 +4409,8 @@ class FormGroup {
       formIndex
     }) => ids.includes(formIndex)), groupBy(({
       event,
-      formIndex,
-      fieldIndex
-    }) => `${event}.${formIndex}.${fieldIndex}`), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultStateRefreshTimeMS))), map(({
+      formIndex
+    }) => `${event}.${formIndex}`), mergeMap(group$ => group$.pipe(debounceTime(this.config.defaultStateRefreshTimeMS))), map(({
       fieldIndex,
       formIndex
     }) => ids.reduce((acc, curr) => {
@@ -4379,7 +4434,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,14 +1,14 @@
 {
   "name": "@bolttech/form-engine-core",
-  "version": "1.0.1-beta.2",
+  "version": "1.0.1",
+  "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",
-    "rxjs": "7.8.1"
-  },
-  "peerDependencies": {}
-}
+  "types": "./index.d.ts"
+}

package/src/constants/constants.d.ts

@@ -1,3 +1,4 @@
+import { IFormField } from "../managers/field";
 declare const DEFAULT_API_DEBOUNCE_TIME = 1000;
 declare const DEFAULT_STATE_REFRESH_TIME = 100;
 declare const TEMPLATE_REGEX_STRING_CONCATENATION_DETECTOR: RegExp;
@@ -5,6 +6,6 @@ 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 ALLOWED_RESET_PROPS_MUTATIONS: (keyof Pick<IFormField, "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/string.d.ts

@@ -60,7 +60,7 @@ export declare const onlyFloatNumber: (value: unknown, formatters: TFormatters)
  * console.log(trimmedValue); // Output: 'hello world'
  * ```
  */
-export declare const trim: (value: unknown, formatters: TFormatters) => unknown;
+export declare const trim: (value: unknown, formatters?: TFormatters) => unknown;
 /**
  * Truncates the input value to a specified maximum length if necessary.
  *
@@ -85,4 +85,4 @@ export declare const trim: (value: unknown, formatters: TFormatters) => unknown;
  * console.log(result); // "Short" (no truncation since input is shorter than maxLength)
  * ```
  */
-export declare const maxLength: (value: string | number, formatters: TFormatters) => string | number;
+export declare const maxLength: (value: string | number | null | undefined, formatters: TFormatters) => string | number | null | undefined;

package/src/helpers/creditCard.d.ts

@@ -67,7 +67,7 @@ export type TGetTypeCard = [ICreditCardType, string];
  * console.log(rawValue); // Output: '4111111111111111'
  * ```
  */
-export declare const getTypeCard: (value: string, availableOptions?: string[]) => TGetTypeCard;
+export declare const getTypeCard: (value: string, availableOptions?: string[] | boolean) => TGetTypeCard;
 /**
  * Formats a credit card number according to its type's gaps and lengths.
  *

package/src/helpers/helpers.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="node" />
-import { TEMPLATE_AVALIABLE_SCOPES } from '../constants/constants';
 import { TApiResponsePayload } from '../types/schema';
-import { TSubscribedTemplates } from '../types/template';
+import { TSubscribedTemplates, TTemplateAvaliableScopes } from '../types/template';
 import { OutgoingHttpHeaders } from 'http2';
 /**
  * Makes an HTTP request using XMLHttpRequest.
@@ -34,7 +32,7 @@ declare function makeRequest(method: string, url: string, headers?: OutgoingHttp
  * ```
  */
 declare function extractFieldKeys(expression: string): {
-    originScopeKeys: (typeof TEMPLATE_AVALIABLE_SCOPES)[number][];
+    originScopeKeys: TTemplateAvaliableScopes[];
     originFieldKeys: string[];
     originPropertyKeys: string[];
 };

package/src/index.d.ts

@@ -3,6 +3,7 @@ export * from './types/form';
 export * from './types/schema';
 export * from './types/template';
 export * from './types/mapper';
+export * from './types/utility';
 export * from './interfaces/schema';
 export * from './interfaces/state';
 export * from './managers/form';