@unvired/turboforms-embed-sdk 1.0.39 → 1.0.42

package/dist/unvired-form-sdk.html

@@ -60754,7 +60754,7 @@ window.CommentOnBack = CommentOnBack;
 
     
     <div id="sticky-footer">
-        <div class="build-version">SDK v1.0.39</div>
+        <div class="build-version">SDK v1.0.42</div>
         <div class="relative-position">
             <button id="unvired-more-btn" class="ui button primary dataGrid-addRow" onclick="toggleTooltip()">
                 <i class="icon options"></i>
@@ -60914,6 +60914,156 @@ window.CommentOnBack = CommentOnBack;
     </script>
 </body>
 <script>
+  window.RenderNativeForm = function(payload) {
+    const {
+      type, template, formPreviousData, mode,
+      platform, language, translations,
+      environmentVariable, themeData,
+      userData, controlData, showBackButton, showMoreButton,
+      privateExternal, permission, attachmentfileKeys, commentsData, vobArr,
+      userList
+    } = payload;
+
+    const backBtn = document.getElementById('form-back-btn');
+    if (backBtn) {
+      if (showBackButton === true) {
+        backBtn.style.display = 'inline-block';
+      } else {
+        backBtn.style.display = 'none';
+      }
+    }
+
+    const moreBtn = document.getElementById('unvired-more-btn');
+    if (moreBtn) {
+      if (showMoreButton === false) {
+        moreBtn.style.display = 'none';
+      }
+    }
+    
+    const commentsHeader = document.getElementById("comments-header");
+    if (commentsHeader) {
+      commentsHeader.style.display = "none";
+    }
+
+    if (platform === "web") {
+      window.platform.isBrowser = true;
+      window.platform.isAndroid = false;
+      window.platform.iosPlatform = false;
+    } else if (platform === "android") {
+      window.platform.isBrowser = false;
+      window.platform.isAndroid = true;
+      window.platform.iosPlatform = false;
+    } else if (platform === "ios") {
+      window.platform.isBrowser = false;
+      window.platform.isAndroid = false;
+      window.platform.iosPlatform = true;
+    }
+
+    let envData = {};
+    if (environmentVariable?.length > 0) {
+      for (let obj of environmentVariable) {
+        for (let key in obj) {
+          envData[key] = obj[key];
+        }
+      }
+    }
+
+    if (Object.keys(envData).length > 0) {
+      window.env = envData;
+    }
+
+    const wrapper = document.getElementById('formio-wrapper');
+    const body = document.getElementById('main-body');
+    const stickyFooter = document.getElementById('sticky-footer');
+
+    if (wrapper) {
+      wrapper.classList.remove('pdf-mode', 'print-mode');
+      if (mode === 'pdf' || mode === 'print') {
+        wrapper.classList.add(`${mode}-mode`);
+      }
+    }
+    if (body) {
+      body.classList.remove('pdf-mode', 'print-mode');
+      if (mode === 'pdf' || mode === 'print') {
+        body.classList.add(`${mode}-mode`);
+      }
+    }
+    if (stickyFooter) {
+      if (mode === 'pdf' || mode === 'print') {
+        stickyFooter.style.display = 'none';
+      } else {
+        stickyFooter.style.display = 'flex';
+      }
+    }
+
+    if (type === "LOAD_FORM_TEMPLATE") {
+      const sdkLoader = document.getElementById('sdk-form-loader');
+      const showLoader = payload.showLoader !== false;
+
+      if (showLoader && sdkLoader) {
+        sdkLoader.classList.remove('hidden');
+      }
+
+      if (language) window.FORMIO_LANGUAGE = language;
+      if (translations) window.FORMIO_I18N = translations;
+      if (userData) {
+        window.form = window.form || {};
+        Object.assign(window.form, userData);
+      }
+
+      window.FORM_TEMPLATE = template;
+      window.FORM_PREVIOUS_DATA = formPreviousData;
+      window.FORM_MODE = mode;
+      window.FORM_COMMENTS_DATA = commentsData || [];
+      window.FORM_VOB_ARR = vobArr || [];
+      window.FORM_USERS_LIST = userList || [];
+
+      window.FORM_PLATFORM = platform;
+      window.FORM_LANGUAGE = language;
+      window.FORM_TRASLATIONS = translations;
+      window.FORM_ENV = environmentVariable;
+      window.FORM_THEME_DATA = themeData;
+      window.FORM_USER_DATA = userData;
+      window.FORM_CONTROL_DATA = controlData;
+      window.FORM_PRIVATE_EXTERNAL = privateExternal;
+      window.FORM_PERMISSION = permission;
+      window.FORM_ATTACHMENT_FILE_KEYS = attachmentfileKeys;
+
+      if (typeof window.loadRNform === "function") {
+        window.loadRNform(
+          template,
+          formPreviousData,
+          themeData,
+          mode,
+          language,
+          translations,
+          controlData,
+          privateExternal,
+          permission,
+          attachmentfileKeys
+        );
+      } else {
+        console.error("window.loadRNform is not defined");
+      }
+    }
+  };
+
+  window.addEventListener("message", (event) => {
+    let data;
+    try {
+      data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;
+    } catch(e) {
+      data = event.data;
+    }
+
+    if (data && data.type === "LOAD_FORM_TEMPLATE") {
+      window.RenderNativeForm(data);
+    } else if (data && data.type === "SET_IMAGE_DATA") {
+      if (typeof window.setImageData === "function") {
+        window.setImageData(data.imageData, data.controlId, data.fileName);
+      }
+    }
+  });
 </script>
 
 </html>

package/dist/unvired-forms-sdk.js

@@ -8,11 +8,10 @@ function attachNestedFormsToMainForm(obj, nestedFormArr, _isRecursive = false) {
     if (typeof obj[key] === "object") {
       attachNestedFormsToMainForm(obj[key], nestedFormArr, true);
     } else if (key === "nestedFormComponenttype" && obj["nestedFormComponenttype"] === "smartNestedForm") {
-      const selNestedFormVersion = obj.selNestedFormVersion;
       const selectedNestedFormId = obj.selectedNestedFormId;
-      if (selNestedFormVersion && selectedNestedFormId) {
+      if (selectedNestedFormId) {
         const fDesign = nestedFormArr.filter(
-          (item) => item.formId == selectedNestedFormId && item.version == selNestedFormVersion
+          (item) => item.formId == selectedNestedFormId
         );
         if (fDesign.length > 0) {
           try {
@@ -92,30 +91,23 @@ function validateNestedForms(formJson, nestedFormArr) {
   let error = null;
   let hasNestedFormComponent = false;
   walkComponents(formJson == null ? void 0 : formJson.components, (comp) => {
-    if (comp.selectedNestedFormId && comp.selNestedFormVersion && comp.nestedFormComponenttype === "smartNestedForm") {
+    if (comp.selectedNestedFormId && comp.nestedFormComponenttype === "smartNestedForm") {
       hasNestedFormComponent = true;
       if (!Array.isArray(nestedFormArr) || nestedFormArr.length === 0) {
-        error = "Nested Form Data must be a non-empty array when a component with selectedNestedFormId, selNestedFormVersion, and nestedFormComponenttype='smartNestedForm' is present in the form.";
+        error = "Nested Form Data must be a non-empty array when a component with selectedNestedFormId and nestedFormComponenttype='smartNestedForm' is present in the form.";
         return;
       }
       const found = nestedFormArr.find(
-        (nf) => nf.formId == comp.selectedNestedFormId && nf.version == comp.selNestedFormVersion
+        (nf) => nf.formId == comp.selectedNestedFormId
       );
       if (!found) {
-        const idMatch = nestedFormArr.find(
-          (nf) => nf.formId == comp.selectedNestedFormId
-        );
-        if (idMatch) {
-          error = `Version is wrong for selectedNestedFormId: ${comp.selectedNestedFormId}. Expected version: ${idMatch.version}, got: ${comp.selNestedFormVersion}`;
-        } else {
-          error = `ID is wrong. No nested form found for selectedNestedFormId: ${comp.selectedNestedFormId}`;
-        }
+        error = `ID is wrong. No nested form found for selectedNestedFormId: ${comp.selectedNestedFormId}`;
       }
     }
   });
   if (Array.isArray(nestedFormArr) && nestedFormArr.length > 0) {
     if (!hasNestedFormComponent) {
-      error = "Nested Form Data is provided but no component with selectedNestedFormId, selNestedFormVersion, and nestedFormComponenttype='smartNestedForm' exists in the form.";
+      error = "Nested Form Data is provided but no component with selectedNestedFormId and nestedFormComponenttype='smartNestedForm' exists in the form.";
       return error;
     }
   }
@@ -27948,7 +27940,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.39</div>
+      <div class="build-version">SDK v1.0.42</div>
       <button class="ui button primary dataGrid-addRow" id="saveBtn" disabled="true" onclick="FormOnSave()">
         <i class="icon save large"></i>Save
       </button>
@@ -68631,7 +68623,7 @@ window.deleteAppDocument = async function(id) {
 window.getAllDocuments = getAllDocuments;
 window.hasDocuments = hasDocuments;
 function getBuildVersion() {
-  return "1.0.39";
+  return "1.0.42";
 }
 export {
   getBuildVersion,

package/package.json

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