@bolttech/form-engine-core 1.0.0-beta.12 → 1.0.0-beta.14

package/index.esm.js

@@ -72,11 +72,12 @@ function makeRequest(method, url, headers, body, queryParams) {
   return new Promise(function (resolve, reject) {
     const xhr = new XMLHttpRequest();
     if (queryParams) {
-      const newUrl = new URL(url);
+      const [baseUrl, existingParamsString] = url.split('?');
+      const searchParams = new URLSearchParams(existingParamsString);
       Object.keys(queryParams).forEach(param => {
-        newUrl.searchParams.append(param, queryParams[param]);
+        searchParams.append(param, queryParams[param]);
       });
-      url = newUrl.toString();
+      url = `${baseUrl}?${searchParams.toString()}`;
     }
     xhr.open(method, url, true);
     if (headers) {
@@ -2733,9 +2734,7 @@ class FormField {
   set valid(valid) {
     if (typeof valid !== 'boolean' && this.valid === valid) return;
     this._valid = valid;
-    this.fieldValidNotification$.next({
-      fieldTrigger: this.name
-    });
+    this.triggerFieldValidNotification();
   }
   /**
    * Retrieves the validity status of the form field.
@@ -2745,6 +2744,18 @@ class FormField {
   get valid() {
     return this._valid;
   }
+  /**
+   * triggers field valid notification to handle the form instance valid notification
+   *
+   * Note: since form unmount can occur before field unmount, this subject might already be closed by form instance
+   * quick workaround is to check if the subject is already closed before emitting
+   * 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
+    });
+  }
   /**
    * Retrieves the error messages associated with the form field.
    *
@@ -3113,9 +3124,7 @@ class FormField {
     this.propsSubject$.unsubscribe();
     this.errorSubject$.unsubscribe();
     this.apiEventQueueSubject$.unsubscribe();
-    !this.fieldValidNotification$.closed && this.fieldValidNotification$.next({
-      fieldTrigger: this.name
-    });
+    this.triggerFieldValidNotification();
   }
   /**
    * Subscribes to changes in the field state and executes the provided callback function.
@@ -3226,7 +3235,6 @@ class FormCore {
     key,
     status
   }) {
-    var _a;
     if (status) {
       const field = this.fields.get(key);
       if (!field) {
@@ -3246,15 +3254,9 @@ class FormCore {
         scope: 'iVars',
         event: 'ON_IVARS'
       });
-      if (!this.queuedInitialValues.has(key)) {
-        const propValue = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a[(field === null || field === void 0 ? void 0 : field.valuePropName) || ''];
-        !(field === null || field === void 0 ? void 0 : field.value) ? field.emitValue({
-          value: typeof propValue === 'string' && !propValue.includes('${') ? propValue : '',
-          event: 'ON_FIELD_MOUNT'
-        }) : field.emitEvents({
-          event: 'ON_FIELD_MOUNT'
-        });
-      }
+      if (!this.queuedInitialValues.has(key)) field.emitEvents({
+        event: 'ON_FIELD_MOUNT'
+      });
       this.checkFieldEventQueues(key);
     }
   }
@@ -3861,12 +3863,18 @@ class FormCore {
     fieldSchema,
     mapperElement
   }) {
-    var _a;
+    var _a, _b, _c, _d;
     if (this.fields.has(fieldSchema.name)) {
       throw new Error(`field name ${fieldSchema.name} already defined`);
     }
     const mapper = mapperElement || ((_a = this.mappers) === null || _a === void 0 ? void 0 : _a.get(fieldSchema.component));
     if (!mapper) throw new Error(`mapper not found for ${fieldSchema.component}, add it to the mappers configuration`);
+    if ((_b = mapper.events) === null || _b === void 0 ? void 0 : _b.setValue) {
+      const initialValue = (_c = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.props) === null || _c === void 0 ? void 0 : _c[(_d = mapper === null || mapper === void 0 ? void 0 : mapper.events) === null || _d === void 0 ? void 0 : _d.setValue];
+      if (!(typeof initialValue === 'undefined') && !this.queuedInitialValues.has(fieldSchema.name) && !(typeof initialValue === 'string' && initialValue.includes('${'))) {
+        this.queuedInitialValues.set(fieldSchema.name, cloneDeep(initialValue));
+      }
+    }
     this.fields.set(fieldSchema.name, new FormField({
       schemaComponent: fieldSchema,
       mapper,
@@ -4123,6 +4131,7 @@ class FormCore {
     this.templateSubscription$.unsubscribe();
     this.fieldEventSubject$.unsubscribe();
     this.dataSubject$.unsubscribe();
+    this.formValidNotification$.unsubscribe();
     this.fieldValidNotification$.unsubscribe();
     this.fields.forEach(field => field.destroyField());
   }

package/package.json

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

package/src/managers/field.d.ts

@@ -191,6 +191,14 @@ declare class FormField {
      * @returns {boolean} - The validity status of the form field.
      */
     get valid(): boolean;
+    /**
+     * triggers field valid notification to handle the form instance valid notification
+     *
+     * Note: since form unmount can occur before field unmount, this subject might already be closed by form instance
+     * quick workaround is to check if the subject is already closed before emitting
+     * if form instance onValid or template form.valid doesn't work properly, might be due to this workaround
+     */
+    triggerFieldValidNotification(): void;
     /**
      * Retrieves the error messages associated with the form field.
      *