@innovastudio/contentbuilder 1.5.85 → 1.5.87

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.85",
+  "version": "1.5.87",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.esm.js

@@ -1456,14 +1456,13 @@ const renderQuickAdd = builder => {
       let html = `
 				<div class="row">
                     <div class="column" data-noedit 
-                    data-dialog-width="1220px" 
+                    data-dialog-width="1600px" 
                     data-dialog-height="85vh" 
                     data-module="form-builder" 
                     data-module-desc="Form Builder" 
                     data-html="
 
 							${encodeURIComponent(`
-
                             <div id="_style_{id}" style="display:none">
                                 .animate-spin {
                                     animation: spin 1s linear infinite;
@@ -1480,8 +1479,6 @@ const renderQuickAdd = builder => {
                             <form id="form_{id}" method="POST" action="/formsubmission" style="padding: 25px 0 20px">
                                 <div id="{id}"></div>
 
-                                <button id="btn_send_{id}" type="submit" class="transition-all inline-flex items-center whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-6 mb-1 py-2 size-18 px-8 text-black leading-relaxed rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">Submit</button>
-                            
                                 <div id="status_{id}"></div>
                             </form>
                             
@@ -1491,12 +1488,14 @@ const renderQuickAdd = builder => {
                             var s = document.createElement('style');
                             s.appendChild(document.createTextNode(css));
                             head.appendChild(s);
-
+                            
                             var docReady = function(fn) {
                                 var stateCheck = setInterval(function() {
                                     if (document.readyState !== "complete") return;
                                     clearInterval(stateCheck);
-                                    fn();
+                                    try {
+                                        fn()
+                                    } catch (e) {}
                                 }, 1);
                             };
                   
@@ -1507,7 +1506,7 @@ const renderQuickAdd = builder => {
                                     onChange: (json) => {
                                         // console.log(json);
                                     },
-                                    // formHeader: false,
+                                    formHeader: true,
                                 });
 
                                 let json = {
@@ -1539,8 +1538,7 @@ const renderQuickAdd = builder => {
             "choices": [
                 "Keynote Speech",
                 "AI Workshop",
-                "Networking Session",
-                "Panel Discussion"
+                "Networking Session"
             ]
         },
         {
@@ -1555,22 +1553,22 @@ const renderQuickAdd = builder => {
             "isRequired": true,
             "placeholder": "Enter your email"
         }
-    ]
+    ],
+    "useSubmitButton": true,
+    "submitText": "Submit"
 };
                                 
                                 viewer.view(json); // Render form
 
                                 const form = document.querySelector('#form_{id}');
 
-                                var btnSend = document.querySelector('#btn_send_{id}');
-
                                 var statusInfo = document.querySelector('#status_{id}');
 
                                 /* 
                                 form.addEventListener('submit', async (event) => {
 
                                     event.preventDefault(); 
-                                
+
                                     const form = event.target; 
                                     const formData = new FormData(form); 
 
@@ -1588,6 +1586,8 @@ const renderQuickAdd = builder => {
                                 async function handleSubmit(event) {
                                     event.preventDefault();
 
+                                    const btnSend = event.target;
+
                                     btnSend.innerHTML = '<span class="loading-icon"><svg class="animate-spin" style="margin-right:7px;width:20px;height:20px" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg></span>Submit';
 
                                     var data = new FormData(event.target);
@@ -1619,7 +1619,8 @@ const renderQuickAdd = builder => {
                                         btnSend.innerHTML = 'Submit';
                                     });
                                 }
-                                form.addEventListener('submit', handleSubmit);
+
+                                viewer.settings.onSubmit = handleSubmit;
                           
                             });
                             </script>					
@@ -1661,8 +1662,7 @@ const renderQuickAdd = builder => {
             "choices": [
                 "Keynote Speech",
                 "AI Workshop",
-                "Networking Session",
-                "Panel Discussion"
+                "Networking Session"
             ]
         },
         {
@@ -1677,7 +1677,9 @@ const renderQuickAdd = builder => {
             "isRequired": true,
             "placeholder": "Enter your email"
         }
-    ]
+    ],
+    "useSubmitButton": true,
+    "submitText": "Submit"
 },
                                 "thankYouMessage": "Thanks for your submission!",
                                 "errorMessage": "Oops! There was a problem submitting your form.",
@@ -5033,6 +5035,7 @@ class Util {
     pop.style.display = '';
     dom.removeClass(pop, 'active');
     this.builder.doc.activeElement.blur();
+    document.activeElement.blur();
     // this.builder.doc.body.focus(); 
     pop.setAttribute('aria-hidden', true);
 
@@ -5229,6 +5232,7 @@ class Util {
 
   hideModal(modal) {
     this.builder.doc.activeElement.blur();
+    document.activeElement.blur();
     // this.builder.doc.body.focus(); 
     modal.setAttribute('aria-hidden', true);
 
@@ -5895,6 +5899,10 @@ class Util {
       cellElement = rowElement.querySelector('div');
       if (cellElement) cellElement.click(); //change active block to the newly created
 
+      const builderStuff = this.builder.builderStuff;
+      let quickadd = builderStuff.querySelector('.quickadd');
+      if (quickadd) this.hidePop(quickadd); // hide pop
+
       // On Add Snippet from Modal
       const modules = this.builder.doc.querySelectorAll('.dummy-module');
       modules.forEach(module => {
@@ -49993,6 +50001,11 @@ class Module {
       w = '1500px';
       h = '80vh';
     }
+
+    // if(modulename==='form-builder') {
+    //     moduleModal.querySelector('div:not(.is-modal-overlay)').style.width = '90vw';
+    // }
+    moduleModal.querySelector('div:not(.is-modal-overlay)').style.width = '90vw';
     moduleModal.querySelector('div:not(.is-modal-overlay)').style.maxWidth = w;
     moduleModal.querySelector('div:not(.is-modal-overlay)').style.height = h;
     let btnClose = moduleModal.querySelector('.is-modal-close');