@innovastudio/contentbuilder 1.5.102 → 1.5.104

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.102",
+  "version": "1.5.104",
   "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.css

@@ -6515,6 +6515,9 @@ div[data-html] {
   font-size: 15px;
   height: var(--cs-height);
   width: 100%;
+  background: none;
+  padding: 0;
+  border: none;
 }
 .custom-select .select-styled {
   display: flex;
@@ -6555,8 +6558,8 @@ div[data-html] {
   display: flex;
 }
 .custom-select .select-styled svg {
-  width: 15px;
-  height: 15px;
+  width: 18px;
+  height: 18px;
 }
 .custom-select .select-styled[aria-expanded=true] > span:nth-child(2) {
   -webkit-transform: rotate(-180deg);

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.",
@@ -5074,36 +5022,36 @@ class Util {
     }
 
     /* Disable Modal Animation */
+    /*
     let animate = false;
-    if (this.builder) {
-      if (this.builder.opts.animateModal) {
-        animate = true;
-        if (!animated) {
-          // if not set or false
-          animate = false; // overide   
+    if(this.builder) {
+        if(this.builder.opts.animateModal) {
+            animate = true;
+            if(!animated){ // if not set or false
+                animate=false; // overide   
+            } 
         }
-      }
     } else {
-      if (animated) {
-        // if set true
-        animate = true; // overide
-      }
-    }
-
-    if (animate) {
-      if (this.builder) {
-        const buildercontainers = this.builder.doc.querySelectorAll(this.builder.opts.container);
-        Array.prototype.forEach.call(buildercontainers, buildercontainer => {
-          // buildercontainer.style.transform = 'scale(0.98)';
-          // buildercontainer.style.WebkitTransform= 'scale(0.98)';
-          // buildercontainer.style.MozTransform= 'scale(0.98)';
-          buildercontainer.style.transform = `scale(${this.builder.opts.zoom - 0.02})`;
-          buildercontainer.style.WebkitTransform = `scale(${this.builder.opts.zoom - 0.02})`;
-          buildercontainer.style.MozTransform = `scale(${this.builder.opts.zoom - 0.02})`;
-          buildercontainer.setAttribute('scaled-down', '1');
-        });
-      }
+        if(animated){ // if set true
+            animate=true; // overide
+        }
+    }
+     if(animate) {
+        if(this.builder){
+            const buildercontainers = this.builder.doc.querySelectorAll(this.builder.opts.container);
+            Array.prototype.forEach.call(buildercontainers, (buildercontainer) => {
+                // buildercontainer.style.transform = 'scale(0.98)';
+                // buildercontainer.style.WebkitTransform= 'scale(0.98)';
+                // buildercontainer.style.MozTransform= 'scale(0.98)';
+                buildercontainer.style.transform = `scale(${this.builder.opts.zoom-0.02})`;
+                buildercontainer.style.WebkitTransform= `scale(${this.builder.opts.zoom-0.02})`;
+                buildercontainer.style.MozTransform= `scale(${this.builder.opts.zoom-0.02})`;
+                buildercontainer.setAttribute('scaled-down','1');
+            });
+        }
     }
+    */
+
     const ovl = modal.querySelector('.is-modal-overlay');
     if (ovl) ovl.parentNode.removeChild(ovl); // new
 
@@ -92404,6 +92352,7 @@ class ContentBuilder {
                 </div>
             </div>
             `,
+      formTemplate: '',
       /*
       onZoomStart: () => {
            },