@unvired/turboforms-embed-sdk 2.0.76 → 2.0.78

package/dist/turboforms.html

@@ -35775,7 +35775,7 @@ const _FormioUtils = (typeof FormioUtils !== 'undefined') ? FormioUtils : (_Form
 const SmartSelectField = (_Formio && _Formio.Components && _Formio.Components.components) ? _Formio.Components.components.list : class { static schema() { return {}; } };
 const getRandomComponentId = (_FormioUtils && _FormioUtils.getRandomComponentId) ? _FormioUtils.getRandomComponentId : () => Math.random().toString(36).substring(7);
 const boolValue = (_FormioUtils && _FormioUtils.boolValue) ? _FormioUtils.boolValue : (val) => !!val;
-
+var browserPlatform = window.platform === "web"
 class SmartSelectComponent extends SmartSelectField {
   static schema(...extend) {
     return SmartSelectField.schema({
@@ -36694,9 +36694,16 @@ class SmartSelectComponent extends SmartSelectField {
         // for the author automatically -- no type ambiguity here, unlike '=='.
         const template = this.component.filter.replace(/(~=\s*)(\{\{.*?\}\})/g, '$1"$2"');
         const filterStr = this.interpolate(template, { data: this.data });
+
         const filterFn = filtrex.compileExpression(filterStr, {
           customProp: filtrex.useDotAccessOperatorAndOptionalChaining,
+          extraFunctions: {
+            equalsIgnoreCase: (a, b) => String(a).toLowerCase() === String(b).toLowerCase(),
+            matchIgnoreCase: (value, pattern) => new RegExp(pattern, 'i').test(String(value)),
+          },
         });
+
+
         items = items.filter((row) => filterFn({ data: row }));
       } catch (e) {
         console.warn('[TF_SDK:153] ⚠️ Filter error:', e);
@@ -37016,6 +37023,7 @@ class SmartSelectComponent extends SmartSelectField {
       searchEnabled: useSearch,
       searchChoices: !this.component.searchField,
       searchFields: _.get(this, 'component.searchFields', ['label']),
+      searchResultLimit: _.get(this, 'component.searchResultLimit', this.component.limit || 100),
       fuseOptions: this.component.useExactSearch ? Object.assign(fuseObj, commonFuseOptions) : Object.assign({},
         _.get(this, 'component.fuseOptions', {}),
         Object.assign(fuseObj1, commonFuseOptions)
@@ -37181,9 +37189,11 @@ class SmartSelectComponent extends SmartSelectField {
         }
         let that = this;
         this.addEventListener(this.choices.input.element, 'input', debounce(function (event) {
+          logger.info(`[TF_SDK:INPUT] ⌨️ Choices input event triggered for '${that.key}'. Search input:`, event.target.value);
           that.isFromSearch = !!event.target.value;
           if ((that.component.dataSrc === 'masterdata') && that.component.masterdata) {
             if (event.target.value.length == 0) {
+              logger.info(`[TF_SDK:INPUT] Search cleared for '${that.key}'`);
               that.triggerUpdate();
               that.searchDownloadedResources = [];
               that.component.totalSearchResults = [];
@@ -37192,20 +37202,60 @@ class SmartSelectComponent extends SmartSelectField {
 
             } else {
               let tempArray = [];
-              var tmplt = that.component.template;
-              var str1 = tmplt.substring(tmplt.lastIndexOf('.') + 1, tmplt.length);
-              var label = str1.substring(0, str1.indexOf('}'), str1.length);
-              label = label.trim();
+              var tmplt = that.component.template || '';
+              var lastDot = tmplt.lastIndexOf('.');
+              var label = 'label';
+              if (lastDot !== -1) {
+                var str1 = tmplt.substring(lastDot + 1, tmplt.length);
+                var braceIndex = str1.indexOf('}');
+                if (braceIndex !== -1) {
+                  label = str1.substring(0, braceIndex).trim();
+                }
+              }
+
+              logger.info(`[TF_SDK:INPUT] Parsed label key: '${label}', labelProperty: '${that.component.labelProperty}', limit: ${that.component.limit}, uniqueOptions: ${that.component.uniqueOptions}`);
+
               tempArray = that.component.masterdata.filter((value) => {
-                return value[label].toLowerCase().includes(event.target.value.toLowerCase())
-              })
+                if (!value) return false;
+                let valToSearch = undefined;
+
+                const candidateFields = [];
+                if (that.component.labelProperty) candidateFields.push(that.component.labelProperty);
+                if (label && !candidateFields.includes(label)) candidateFields.push(label);
+
+                // Common fallback fields to check if explicitly configured labelProperty/template fields are missing
+                const commonFields = ['Name', 'label', 'value', 'text', 'title'];
+                for (const f of commonFields) {
+                  if (!candidateFields.includes(f)) {
+                    candidateFields.push(f);
+                  }
+                }
+
+                for (const field of candidateFields) {
+                  if (value[field] !== undefined && value[field] !== null) {
+                    valToSearch = value[field];
+                    break;
+                  }
+                }
+
+                if (valToSearch === undefined || valToSearch === null) {
+                  return Object.values(value).some(val =>
+                    val && String(val).toLowerCase().includes(event.target.value.toLowerCase())
+                  );
+                }
+                return String(valToSearch).toLowerCase().includes(event.target.value.toLowerCase());
+              });
+
+              logger.info(`[TF_SDK:INPUT] Found ${tempArray.length} items matching '${event.target.value}' out of ${that.component.masterdata.length}`);
 
               if (tempArray.length > that.component.limit) {
+                logger.info(`[TF_SDK:INPUT] Found items count ${tempArray.length} exceeds limit ${that.component.limit}. Slicing.`);
                 that.component.totalSearchResults = [];
                 that.component.totalSearchResults = tempArray;
                 let searchedData = that.component.totalSearchResults.slice(0, that.component.limit);
                 that.setItems(searchedData);
               } else {
+                logger.info(`[TF_SDK:INPUT] Setting items directly. Count: ${tempArray.length}`);
                 that.setItems(tempArray);
               }
             }
@@ -37248,8 +37298,9 @@ class SmartSelectComponent extends SmartSelectField {
           let selData;
           let dataObj = {}
           dataObj.limit = this.component.limit;
+          const masterdataList = this.filteredMasterdata;
           if (this.data[this.key] && String(this.data[this.key]).length > 0) {
-            selData = this.component.masterdata.filter((value) => {
+            selData = masterdataList.filter((value) => {
               const propValue = value[this.component.valueProperty];
               // Convert to string only if necessary
               const valPropData = typeof propValue !== 'string' ? String(propValue) : propValue;
@@ -37266,7 +37317,7 @@ class SmartSelectComponent extends SmartSelectField {
             }
           }
           dataObj = this.defaultDownloadedResources;
-          dataObj.serverCount = this.component.masterdata.length;
+          dataObj.serverCount = masterdataList.length;
           dataObj.skip = this.defaultDownloadedResources.length + this.component.limit;
           this.setItems(this.defaultDownloadedResources);
         }
@@ -37316,7 +37367,7 @@ class SmartSelectComponent extends SmartSelectField {
       if ((this.component.dataSrc === 'masterdata') && this.component.masterdata) {
         this.component.dropdownOpened = true;
         // Force reloading the full list if we currently only have a partial list (e.g. filtered down on hideDropdown)
-        if (!this.defaultDownloadedResources || this.defaultDownloadedResources.length < this.component.masterdata.length) {
+        if (!this.defaultDownloadedResources || this.defaultDownloadedResources.length < this.filteredMasterdata.length) {
           this.updateItems(null, true);
         }
       }
@@ -37335,10 +37386,59 @@ class SmartSelectComponent extends SmartSelectField {
     });
 
     this.addEventListener(input, 'search', (event) => {
+      logger.info(`[TF_SDK:SEARCH] 🔍 Choices search event triggered for '${this.key}'. Search input:`, event.detail.value);
       if ((this.component.dataSrc === 'masterdata') && this.component.masterdata) {
+        var tmplt = this.component.template || '';
+        var lastDot = tmplt.lastIndexOf('.');
+        var parsedLabel = 'label';
+        if (lastDot !== -1) {
+          var str1 = tmplt.substring(lastDot + 1, tmplt.length);
+          var braceIndex = str1.indexOf('}');
+          if (braceIndex !== -1) {
+            parsedLabel = str1.substring(0, braceIndex).trim();
+          }
+        }
+        const searchFieldClean = this.component.searchField ? this.component.searchField.replace(/__regex$/, '') : '';
+
+        logger.info(`[TF_SDK:SEARCH] Configured searchField: '${this.component.searchField}', clean: '${searchFieldClean}', parsedLabel: '${parsedLabel}', limit: ${this.component.limit}, uniqueOptions: ${this.component.uniqueOptions}`);
+
         this.searchDownloadedResources = this.filteredMasterdata.filter(data => {
-          return data[this.component.searchField].toLowerCase().includes(event.detail.value.toLowerCase())
-        })
+          if (!data) return false;
+          let valToSearch = undefined;
+
+          const candidateFields = [];
+          if (this.component.searchField) candidateFields.push(this.component.searchField);
+          if (searchFieldClean && !candidateFields.includes(searchFieldClean)) candidateFields.push(searchFieldClean);
+          if (this.component.labelProperty && !candidateFields.includes(this.component.labelProperty)) candidateFields.push(this.component.labelProperty);
+          if (parsedLabel && !candidateFields.includes(parsedLabel)) candidateFields.push(parsedLabel);
+
+          // Common fallback fields to check if explicitly configured searchField/labelProperty/template fields are missing
+          const commonFields = ['Name', 'label', 'value', 'text', 'title'];
+          for (const f of commonFields) {
+            if (!candidateFields.includes(f)) {
+              candidateFields.push(f);
+            }
+          }
+
+          for (const field of candidateFields) {
+            if (data[field] !== undefined && data[field] !== null) {
+              valToSearch = data[field];
+              break;
+            }
+          }
+
+          let matches = false;
+          if (valToSearch === undefined || valToSearch === null) {
+            matches = Object.values(data).some(val =>
+              val && String(val).toLowerCase().includes(event.detail.value.toLowerCase())
+            );
+          } else {
+            matches = String(valToSearch).toLowerCase().includes(event.detail.value.toLowerCase());
+          }
+          return matches;
+        });
+
+        logger.info(`[TF_SDK:SEARCH] Found ${this.searchDownloadedResources.length} matching resources out of ${this.filteredMasterdata.length}`);
         this.isFromSearch = true;
       }
     });
@@ -37487,11 +37587,11 @@ class SmartSelectComponent extends SmartSelectField {
   }
 
   onScroll(ev) {
-    if ((this.component.dataSrc === 'masterdata') && this.component.masterdata && (this.defaultDownloadedResources.length < this.component.masterdata.length)) {
+    if (this.isFromSearch) {
+      return; // Do not trigger scroll loading or reset items while a search is active
+    }
+    if ((this.component.dataSrc === 'masterdata') && this.component.masterdata && (this.defaultDownloadedResources.length < this.filteredMasterdata.length)) {
       var element = ev.target;
-      if (this.isFromSearch && this.component.totalSearchResults && this.component.totalSearchResults.length == 0) {
-        return;
-      }
       if (browserPlatform) {
         if (element.scrollHeight - element.scrollTop === element.clientHeight) {
           this.isScrollLoading = true;
@@ -37529,9 +37629,10 @@ class SmartSelectComponent extends SmartSelectField {
       }
 
       if (this.isFromSearch && this.searchDownloadedResources && this.searchDownloadedResources.length > 0) {
-        initialData = this.component.totalSearchResults.slice(this.searchDownloadedResources.length, this.searchDownloadedResources.length + this.component.limit)
+        const totalResults = this.component.totalSearchResults || this.searchDownloadedResources || [];
+        initialData = totalResults.slice(this.searchDownloadedResources.length, this.searchDownloadedResources.length + this.component.limit)
         dataObj = initialData;
-        dataObj.serverCount = this.component.totalSearchResults.length;
+        dataObj.serverCount = totalResults.length;
         dataObj.skip = this.searchDownloadedResources.length + this.component.limit;
 
       } else {
@@ -45329,7 +45430,7 @@ initThemeHook();
     </div>
 
     <div id="sticky-footer">
-      <div class="build-version">SDK v2.0.76</div>
+      <div class="build-version">SDK v2.0.78</div>
       
       <button class="footer-btn footer-btn-secondary" id="prevBtn" style="display:none" onclick="FormOnPrevious()">
         <i class="bi bi-chevron-left"></i> Previous