@innovastudio/contentbuilder 1.5.101 → 1.5.103

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.101",
+  "version": "1.5.103",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",
@@ -22,11 +22,14 @@
   "author": "",
   "license": "SEE LICENSE IN license.txt",
   "devDependencies": {
+    "@aws-sdk/lib-storage": "^3.800.0",
     "@babel/core": "^7.15.5",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/plugin-transform-runtime": "^7.18.2",
     "@babel/preset-env": "^7.15.6",
     "@deepgram/sdk": "^2.3.0",
+    "@fal-ai/client": "^1.4.0",
+    "@google/genai": "^0.12.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^20.0.0",
     "@rollup/plugin-eslint": "^8.0.1",
@@ -43,6 +46,7 @@
     "formidable-serverless": "^1.1.1",
     "mini-css-extract-plugin": "^2.3.0",
     "multer": "^1.4.5-lts.1",
+    "openai": "^4.96.2",
     "rollup": "^2.57.0",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.42.1",

package/public/contentbuilder/contentbuilder.esm.js

@@ -1407,7 +1407,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" 
@@ -1464,44 +1464,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,
@@ -1509,7 +1483,7 @@ const renderQuickAdd = builder => {
         }
     ],
     "useSubmitButton": true,
-    "submitText": "Submit"
+    "submitText": "Let’s Go!"
 };
                                 
                                 const initialFormData = JSON.stringify(json);
@@ -1575,44 +1549,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,
@@ -1620,7 +1568,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.",
@@ -92404,6 +92352,7 @@ class ContentBuilder {
                 </div>
             </div>
             `,
+      formTemplate: '',
       /*
       onZoomStart: () => {
            },
@@ -95250,9 +95199,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)