@innovastudio/contentbox 1.6.104 → 1.6.107

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.104",
+  "version": "1.6.107",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -21,11 +21,14 @@
   "license": "SEE LICENSE IN license.txt",
   "devDependencies": {
     "@aws-sdk/client-s3": "^3.414.0",
+    "@aws-sdk/lib-storage": "^3.787.0",
     "@babel/core": "^7.15.0",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/plugin-transform-runtime": "^7.17.0",
     "@babel/preset-env": "^7.15.0",
     "@deepgram/sdk": "^2.3.0",
+    "@fal-ai/client": "^1.4.0",
+    "@google/genai": "^0.10.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-eslint": "^8.0.1",
@@ -40,8 +43,10 @@
     "express": "^4.17.1",
     "express-session": "^1.17.2",
     "formidable-serverless": "^1.1.1",
+    "mime-types": "^3.0.1",
     "mini-css-extract-plugin": "^2.2.0",
     "multer": "^1.4.5-lts.1",
+    "openai": "^4.96.2",
     "request": "^2.88.2",
     "rollup": "^2.59.0",
     "rollup-plugin-terser": "^7.0.2",
@@ -54,7 +59,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.101",
+    "@innovastudio/contentbuilder": "^1.5.103",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.esm.js

@@ -27828,7 +27828,7 @@ const renderQuickAdd = builder => {
     dom.addEventListener(elm, 'click', () => {
       // const mode = quickadd.getAttribute('data-mode');
 
-      let html = `
+      let html = builder.opts.formTemplate.trim() || `
 				<div class="row">
                     <div class="column" data-noedit 
                     data-dialog-width="1600px" 
@@ -27885,44 +27885,18 @@ const renderQuickAdd = builder => {
                                 var viewer = new FormViewer(elm);
 
                                 let json = {
-    "title": "Register for the Tech Conference",
-    "description": "Join us for an insightful and engaging experience.",
+    "title": "Let’s Build Something Cool!",
+    "description": "Fuel your creativity with ease.",
     "elements": [
         {
-            "title": "Full Name:",
-            "name": "full_name",
+            "title": "Your Name:",
+            "name": "your_name",
             "type": "short-text",
             "isRequired": true,
-            "placeholder": "Enter your full name"
-        },
-        {
-            "title": "Ticket Type:",
-            "name": "ticket_type",
-            "type": "select",
-            "isRequired": true,
-            "choices": [
-                "Standard Admission",
-                "VIP Admission",
-                "Student Discount"
-            ]
+            "placeholder": "Enter your name"
         },
         {
-            "title": "Select the sessions you’re interested in:",
-            "name": "select_the_sessions_youre_interested_in",
-            "type": "multi-select",
-            "choices": [
-                "Keynote Speech",
-                "AI Workshop",
-                "Networking Session"
-            ]
-        },
-        {
-            "title": "Are you attending the networking dinner?",
-            "name": "are_you_attending_the_networking_dinner",
-            "type": "switch"
-        },
-        {
-            "title": "Email:",
+            "title": "Your Best Email:",
             "name": "email",
             "type": "email",
             "isRequired": true,
@@ -27930,7 +27904,7 @@ const renderQuickAdd = builder => {
         }
     ],
     "useSubmitButton": true,
-    "submitText": "Submit"
+    "submitText": "Let’s Go!"
 };
                                 
                                 const initialFormData = JSON.stringify(json);
@@ -27996,44 +27970,18 @@ const renderQuickAdd = builder => {
 							${encodeURIComponent(`
                             {
                               "json": {
-    "title": "Register for the Tech Conference",
-    "description": "Join us for an insightful and engaging experience.",
+    "title": "Let’s Build Something Cool!",
+    "description": "Fuel your creativity with ease.",
     "elements": [
         {
-            "title": "Full Name:",
-            "name": "full_name",
+            "title": "Your Name:",
+            "name": "your_name",
             "type": "short-text",
             "isRequired": true,
             "placeholder": "Enter your full name"
         },
         {
-            "title": "Ticket Type:",
-            "name": "ticket_type",
-            "type": "select",
-            "isRequired": true,
-            "choices": [
-                "Standard Admission",
-                "VIP Admission",
-                "Student Discount"
-            ]
-        },
-        {
-            "title": "Select the sessions you’re interested in:",
-            "name": "select_the_sessions_youre_interested_in",
-            "type": "multi-select",
-            "choices": [
-                "Keynote Speech",
-                "AI Workshop",
-                "Networking Session"
-            ]
-        },
-        {
-            "title": "Are you attending the networking dinner?",
-            "name": "are_you_attending_the_networking_dinner",
-            "type": "switch"
-        },
-        {
-            "title": "Email:",
+            "title": "Your Best Email:",
             "name": "email",
             "type": "email",
             "isRequired": true,
@@ -28041,7 +27989,7 @@ const renderQuickAdd = builder => {
         }
     ],
     "useSubmitButton": true,
-    "submitText": "Submit"
+    "submitText": "Let’s Go!"
 },
                                 "thankYouMessage": "Thanks for your submission!",
                                 "errorMessage": "Oops! There was a problem submitting your form.",
@@ -118825,6 +118773,7 @@ class ContentBuilder {
                 </div>
             </div>
             `,
+      formTemplate: '',
       /*
       onZoomStart: () => {
            },
@@ -121671,9 +121620,20 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         onStart: () => {
           this.uo.saveForUndo(); // Even if cancelled, saveForUndo will make sure not to save if there is no change 
 
+          // Set all to uneditable
+          const editables = this.doc.querySelectorAll('[contenteditable="true"]');
+          editables.forEach(item => {
+            item.setAttribute('contenteditable', 'none'); // use 'none' (not false) for later rollback (to differentiate from existing contenteditable="false" elements)
+          });
+
           this.elmTool.hide();
         },
         onEnd: () => {
+          // Back to editable
+          const editables = this.doc.querySelectorAll('[contenteditable="none"]');
+          editables.forEach(item => {
+            item.setAttribute('contenteditable', 'true');
+          });
           this.util.checkEmpty(); // for multiple instances check
 
           // if(this.sortableOnPage) this.sortableOnPage.destroy(); // enable drop as section (ContentBox)
@@ -156501,6 +156461,7 @@ class ContentBox {
                 </div>
             </div>
             `,
+      formTemplate: '',
       // pageTemplate: `
       // <!DOCTYPE html>
       // <html lang="en">
@@ -159940,6 +159901,7 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       imageRenameOnEdit: this.settings.imageRenameOnEdit,
       icons: this.settings.icons,
       sectionTemplate: this.settings.sectionTemplate,
+      formTemplate: this.settings.formTemplate,
       onBlockSectionAdd: () => {
         this.pageSetup();
       },