@unvired/turboforms-embed-sdk 1.0.23 → 1.0.30

package/dist/unvired-form-sdk.html

@@ -58970,16 +58970,13 @@ function showDynamicModal(
       .custom-modal.show, .custom-modal-backdrop.show {
         display: flex;
       }
-      /* Center the dialog using translate which behaves consistently across browsers */
+      /* Flexbox on the parent handles centering */
       .custom-modal-dialog {
         width: 100%;
         max-width: 500px;
-        margin: 0; /* reset; we position via transform */
+        margin: auto;
         box-sizing: border-box;
         position: relative;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
       }
       .custom-modal-content {
         background: #fff;
@@ -59031,9 +59028,7 @@ function showDynamicModal(
       @media (max-width: 600px) {
         .custom-modal-dialog {
           max-width: 95vw;
-          /* On small screens prefer slightly higher vertical position so header isn't cut off */
-          top: 40%;
-          transform: translate(-50%, -40%);
+          margin: 1rem auto;
         }
         .custom-modal-content {
           border-radius: 0.15rem;
@@ -60715,7 +60710,7 @@ window.CommentOnBack = CommentOnBack;
 
     
     <div id="sticky-footer">
-        <div class="build-version">SDK v1.0.23</div>
+        <div class="build-version">SDK v1.0.30</div>
         <div class="relative-position">
             <button id="unvired-more-btn" class="ui button primary dataGrid-addRow" onclick="toggleTooltip()">
                 <i class="icon options"></i>

package/dist/unvired-forms-sdk.js

@@ -43,11 +43,18 @@ function attachMasterDataToForm(obj, masterdataResults, key = "dataSrc", type =
       attachMasterDataToForm(obj[k], masterdataResults, key, type, true);
     } else if (k === key && obj[k] === type) {
       if (Array.isArray(masterdataResults)) {
-        obj.masterdata = masterdataResults.flatMap(
-          (md) => md.submissionData || []
-        );
+        let matchedData = [];
+        if (obj.selMasterdataId) {
+          const match = masterdataResults.find((md) => md.masterdataId === obj.selMasterdataId);
+          if (match && match.submissionData) {
+            matchedData = match.submissionData;
+          }
+        } else {
+          matchedData = masterdataResults.flatMap((md) => md.submissionData || []);
+        }
+        obj.masterdata = matchedData.map((item) => item && item.data !== void 0 ? item : { data: item });
       } else if (masterdataResults && Array.isArray(masterdataResults.submissionData)) {
-        obj.masterdata = masterdataResults.submissionData;
+        obj.masterdata = masterdataResults.submissionData.map((item) => item && item.data !== void 0 ? item : { data: item });
       } else {
         obj.masterdata = [];
       }
@@ -939,6 +946,8 @@ async function loadUnviredForms({
   const template = formJson;
   const nestedFormArrTemp = options.nestedFormData || [];
   const masterDataArrTemp = options.masterData || [];
+  console.log("[SDK:3] Debug - options.masterData received:", options.masterData);
+  console.log("[SDK:3] Debug - masterDataArrTemp evaluated to:", masterDataArrTemp);
   const nestedFormError = validateNestedForms(formJson, nestedFormArrTemp);
   if (nestedFormError) {
     console.error("[SDK] \u274C Step 3: Nested form validation failed", nestedFormError);
@@ -27823,6 +27832,7 @@ select.ui.dropdown {
         height: 100%;
         background: rgba(255, 255, 255, 0.95);
         backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -27842,15 +27852,23 @@ select.ui.dropdown {
         border: 4px solid #e0e0e0;
         border-top: 4px solid #0077b6;
         border-radius: 50%;
+        -webkit-animation: sdk-spin 1s linear infinite;
         animation: sdk-spin 1s linear infinite;
         margin-bottom: 20px;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        will-change: transform;
       }
       .sdk-loader-text {
         color: #0077b6;
         font-size: 1.1rem;
         font-weight: 500;
         letter-spacing: 0.5px;
+        -webkit-animation: sdk-pulse 1.5s ease-in-out infinite;
         animation: sdk-pulse 1.5s ease-in-out infinite;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        will-change: opacity;
       }
       .sdk-loader-subtext {
         color: #666;
@@ -27858,10 +27876,18 @@ select.ui.dropdown {
         margin-top: 8px;
         opacity: 0.7;
       }
+      @-webkit-keyframes sdk-spin {
+        0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
+        100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
+      }
       @keyframes sdk-spin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
       }
+      @-webkit-keyframes sdk-pulse {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0.5; }
+      }
       @keyframes sdk-pulse {
         0%, 100% { opacity: 1; }
         50% { opacity: 0.5; }
@@ -27922,7 +27948,7 @@ select.ui.dropdown {
       <div id="formio-cmt" style="margin-bottom: 20px;"></div>
     </div>
     <div id="sticky-footer">
-      <div class="build-version">SDK v1.0.23</div>
+      <div class="build-version">SDK v1.0.30</div>
       <button class="ui button primary dataGrid-addRow" id="saveBtn" disabled="true" onclick="FormOnSave()">
         <i class="icon save large"></i>Save
       </button>
@@ -66224,16 +66250,13 @@ function showDynamicModal(
       .custom-modal.show, .custom-modal-backdrop.show {
         display: flex;
       }
-      /* Center the dialog using translate which behaves consistently across browsers */
+      /* Flexbox on the parent handles centering */
       .custom-modal-dialog {
         width: 100%;
         max-width: 500px;
-        margin: 0; /* reset; we position via transform */
+        margin: auto;
         box-sizing: border-box;
         position: relative;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
       }
       .custom-modal-content {
         background: #fff;
@@ -66285,9 +66308,7 @@ function showDynamicModal(
       @media (max-width: 600px) {
         .custom-modal-dialog {
           max-width: 95vw;
-          /* On small screens prefer slightly higher vertical position so header isn't cut off */
-          top: 40%;
-          transform: translate(-50%, -40%);
+          margin: 1rem auto;
         }
         .custom-modal-content {
           border-radius: 0.15rem;
@@ -67275,6 +67296,11 @@ function buildMandatoryFieldsCache() {
         cacheMandatoryFields(comp.components, fieldPath);
       }
 
+      // Nested forms
+      if (comp.type === 'form' && comp.subForm && Array.isArray(comp.subForm.components)) {
+        cacheMandatoryFields(comp.subForm.components, fieldPath ? \`\${fieldPath}.data\` : 'data');
+      }
+
       // Columns component handles children differently in instances?
       // Usually comp.columns is an array of objects which contain .components (instances)
       if (Array.isArray(comp.columns)) {
@@ -67704,6 +67730,12 @@ function FormOnSave() {
 }
 
 function FormOnBack() {
+  // Do not ask for confirmation in read-only mode
+  if (formObj && formObj.options && formObj.options.readOnly) {
+    FormOnBackNavigation();
+    return;
+  }
+
   let currentData;
   try {
     currentData = formObj ? formObj.getValue().data : null;
@@ -67711,10 +67743,10 @@ function FormOnBack() {
     currentData = null;
   }
 
-  const hasChanges =
+  const noChanges =
     JSON.stringify(currentData) === JSON.stringify(initialFormData);
 
-  if (hasChanges) {
+  if (noChanges) {
     FormOnBackNavigation();
   } else {
     showDynamicModal(
@@ -68224,7 +68256,7 @@ window.CommentOnBack = CommentOnBack;
   );
   if (!window.__unviredSdkScriptsLoaded && !window.__unviredSdkScriptsLoading) {
     window.__unviredSdkScriptsLoading = true;
-    console.log("[SDK:10] \u{1F527} Loading SDK scripts (jQuery, Formio, Recogito, LESS, components)...");
+    console.log("[SDK:10] \u{1F527} Loading SDK scripts (jQuery, Forms, Recogito, LESS, components)...");
     if (scriptContents[0] && scriptContents[0].trim()) {
       const jqueryScript = document.createElement("script");
       jqueryScript.textContent = scriptContents[0];
@@ -68233,7 +68265,7 @@ window.CommentOnBack = CommentOnBack;
     }
     if (loaderElement) {
       const loaderText = loaderElement.querySelector(".sdk-loader-text");
-      if (loaderText) loaderText.textContent = "Loading Formio Library...";
+      if (loaderText) loaderText.textContent = "Loading Forms Library...";
     }
     try {
       await new Promise((resolve, reject) => {
@@ -68242,14 +68274,14 @@ window.CommentOnBack = CommentOnBack;
         formioScript.async = false;
         formioScript.onload = () => {
           if (typeof window.Formio !== "undefined") {
-            console.log("[SDK:10.2] \u2705 Formio library loaded from:", options.formioLibPath.formioPath);
+            console.log("[SDK:10.2] \u2705 Forms library loaded from:", options.formioLibPath.formioPath);
             resolve();
           } else {
-            reject(new Error("Formio script loaded but window.Formio is undefined"));
+            reject(new Error("Forms script loaded but window.Forms is undefined"));
           }
         };
         formioScript.onerror = () => {
-          reject(new Error(`Failed to load Formio script from ${options.formioLibPath.formioPath}`));
+          reject(new Error(`Failed to load Forms script from ${options.formioLibPath.formioPath}`));
         };
         document.head.appendChild(formioScript);
       });
@@ -68257,19 +68289,28 @@ window.CommentOnBack = CommentOnBack;
       window.__unviredSdkScriptsLoading = false;
       throw error;
     }
-    for (let i = 1; i <= 2; i++) {
-      if (scriptContents[i] && scriptContents[i].trim()) {
-        const scriptElement = document.createElement("script");
-        scriptElement.textContent = scriptContents[i];
-        scriptElement.setAttribute("data-unvired-script", `recogito-${i}`);
-        document.head.appendChild(scriptElement);
+    if (options.showComments) {
+      for (let i = 1; i <= 2; i++) {
+        if (scriptContents[i] && scriptContents[i].trim()) {
+          const scriptElement = document.createElement("script");
+          scriptElement.textContent = scriptContents[i];
+          scriptElement.setAttribute("data-unvired-script", `recogito-${i}`);
+          document.head.appendChild(scriptElement);
+          await new Promise((r) => setTimeout(r, 0));
+        }
       }
+    } else {
+      console.log("[SDK:10.3] \u26A1 Skipping Recogito (comments disabled, optimized load)");
     }
-    if (scriptContents[3] && scriptContents[3].trim()) {
+    const hasThemeOverrides = options.themeData && Object.keys(options.themeData).length > 0;
+    if (hasThemeOverrides && scriptContents[3] && scriptContents[3].trim()) {
       const lessScript = document.createElement("script");
       lessScript.textContent = scriptContents[3];
       lessScript.setAttribute("data-unvired-script", "less");
       document.head.appendChild(lessScript);
+    } else {
+      console.log("[SDK:10.4] \u26A1 Skipping LESS.js (no theme overrides, optimized load)");
+      window.less = window.less || { modifyVars: () => Promise.resolve() };
     }
     window.form = window.form || {};
     window.platform = window.platform || {};
@@ -68292,6 +68333,9 @@ window.CommentOnBack = CommentOnBack;
         scriptElement.textContent = scriptContent;
         scriptElement.setAttribute("data-unvired-script", `script-${i}`);
         document.head.appendChild(scriptElement);
+        if (i % 5 === 0) {
+          await new Promise((r) => setTimeout(r, 0));
+        }
       }
     }
     window.__unviredSdkScriptsLoaded = true;
@@ -68306,7 +68350,7 @@ window.CommentOnBack = CommentOnBack;
   } else {
     console.log("[SDK:10] \u2705 SDK scripts already loaded \u2014 skipping injection");
     if (typeof window.Formio === "undefined") {
-      const errorMsg = `ErrorCode : 005, Formio library not available even though scripts were loaded. Path: ${options.formioLibPath.formioPath}`;
+      const errorMsg = `ErrorCode : 005, Forms library not available even though scripts were loaded. Path: ${options.formioLibPath.formioPath}`;
       console.error(errorMsg);
       if (loaderElement) {
         loaderElement.classList.add("hidden");
@@ -68322,7 +68366,7 @@ window.CommentOnBack = CommentOnBack;
       });
       throw new Error(errorMsg);
     }
-    console.log("[SDK:10] \u2705 Formio verified (previously loaded)");
+    console.log("[SDK:10] \u2705 Forms verified (previously loaded)");
   }
   window.FORM_TEMPLATE = mergedWithMasterData;
   window.FORM_PREVIOUS_DATA = submissionData;
@@ -68426,7 +68470,7 @@ window.CommentOnBack = CommentOnBack;
     if (loaderText) loaderText.textContent = "Initializing Form...";
   }
   if (typeof window.loadRNform !== "function") {
-    console.log("[SDK:14] \u23F3 loadRNform not ready yet \u2014 waiting for web-unvired-formio.js to signal...");
+    console.log("[SDK:14] \u23F3 loadRNform not ready yet \u2014 waiting for web-unvired.js to signal...");
     await new Promise((resolve) => {
       const onReady = () => {
         document.removeEventListener("LoadRNformReady", onReady);
@@ -68441,7 +68485,7 @@ window.CommentOnBack = CommentOnBack;
   } else {
     console.log("[SDK:14] \u2705 loadRNform already available \u2014 invoking immediately");
   }
-  console.log("[SDK:14] \u{1F680} Handing off to loadRNform (web-unvired-formio.js)...");
+  console.log("[SDK:14] \u{1F680} Handing off to loadRNform (web-unvired.js)...");
   await window.loadRNform(
     mergedWithMasterData,
     processedSubmissionData,
@@ -68517,7 +68561,7 @@ window.deleteAppDocument = async function(id) {
 window.getAllDocuments = getAllDocuments;
 window.hasDocuments = hasDocuments;
 function getBuildVersion() {
-  return "1.0.23";
+  return "1.0.30";
 }
 export {
   getBuildVersion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unvired/turboforms-embed-sdk",
-  "version": "1.0.23",
+  "version": "1.0.30",
   "description": "Reusable vanilla JS form library that works with React, Angular, Ionic, etc.",
   "main": "dist/unvired-forms-sdk.js",
   "types": "dist/index.d.ts",