@innovastudio/contentbox 1.1.16 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.1.16",
+  "version": "1.2.2",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -19,6 +19,7 @@
   "devDependencies": {
     "@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",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",
@@ -38,11 +39,13 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.1.0",
+    "@innovastudio/contentbuilder": "^1.1.5",
     "axios": "^0.21.4",
     "cors": "^2.8.5",
     "express": "^4.17.1",
     "express-session": "^1.17.2",
-    "js-beautify": "^1.14.0"
+    "formidable-serverless": "^1.1.1",
+    "js-beautify": "^1.14.0",
+    "sharp": "^0.30.3"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -10452,21 +10452,6 @@ class EditBox {
 
 }
 
-function _mergeNamespaces(n, m) {
-	m.forEach(function (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default' && !(k in n)) {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	});
-	return Object.freeze(n);
-}
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var rangyCore = {exports: {}};
@@ -26111,18 +26096,31 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-button');
     if (elm) dom$F.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      const html = `<div>
+      let html = `<div>
                 <a href="#" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid border-transparent ml-1 mr-1 hover:border-transparent rounded bg-gray-200 hover:bg-gray-300 tracking-75 uppercase py-2 size-14 px-8 font-semibold text-gray-600">Read More</a>
             </div>`;
+
+      if (builder.opts.emailMode) {
+        html = '<div><a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a></div>';
+      }
+
       util.addContent(html, mode);
     });
     elm = quickadd.querySelector('.add-twobutton');
     if (elm) dom$F.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      const html = `<div>
+      let html = `<div>
                 <a href="#" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid border-transparent ml-1 mr-1 hover:border-transparent rounded bg-gray-200 hover:bg-gray-300 tracking-75 uppercase py-2 size-14 px-8 font-semibold text-gray-600">Read More</a>
                 <a href="#" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid ml-1 mr-1 rounded tracking-75 uppercase py-2 size-14 px-8 border-current hover:border-transparent hover:text-white font-semibold text-indigo-500 hover:bg-indigo-500">Get Started</a>
             </div>`;
+
+      if (builder.opts.emailMode) {
+        html = `<div>
+                    <a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a> &nbsp;
+                    <a href="#" style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgba(0, 0, 0, 0); border-color: rgb(53, 53, 53); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 3px; color: rgb(53, 53, 53);">Get Started</a>
+                </div>`;
+      }
+
       util.addContent(html, mode);
     });
     elm = quickadd.querySelector('.add-spacer');
@@ -53859,7 +53857,7 @@ function (_super) {
 
 var Moveable$1 = Moveable;
 
-var loadImage$1 = {exports: {}};
+var loadImage = {exports: {}};
 
 /*
  * JavaScript Load Image
@@ -54084,7 +54082,7 @@ var loadImage$1 = {exports: {}};
     $.loadImage = loadImage;
   }
 })((typeof window !== 'undefined' && window) || commonjsGlobal);
-}(loadImage$1));
+}(loadImage));
 
 var loadImageScale = {exports: {}};
 
@@ -54102,7 +54100,7 @@ var loadImageScale = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports);
+    factory(loadImage.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -54431,7 +54429,7 @@ var loadImageMeta = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports);
+    factory(loadImage.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -54684,7 +54682,7 @@ var loadImageFetch = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports);
+    factory(loadImage.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -54788,7 +54786,7 @@ var loadImageExif = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports, loadImageMeta.exports);
+    factory(loadImage.exports, loadImageMeta.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -55247,7 +55245,7 @@ var loadImageExifMap = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports, loadImageExif.exports);
+    factory(loadImage.exports, loadImageExif.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -55667,7 +55665,7 @@ var loadImageIptc = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports, loadImageMeta.exports);
+    factory(loadImage.exports, loadImageMeta.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -55907,7 +55905,7 @@ var loadImageIptcMap = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports, loadImageIptc.exports);
+    factory(loadImage.exports, loadImageIptc.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -56071,7 +56069,7 @@ var loadImageOrientation = {exports: {}};
 (function (factory) {
   if (module.exports) {
     factory(
-      loadImage$1.exports,
+      loadImage.exports,
       loadImageScale.exports,
       loadImageMeta.exports
     );
@@ -56506,14 +56504,8 @@ var loadImageOrientation = {exports: {}};
 
 /* global module, require */
 
-var js = loadImage$1.exports;
+var js = loadImage.exports;
 
-var loadImage_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/_mergeNamespaces({
-	__proto__: null,
-	'default': js
-}, [js]));
-
-const loadImage = loadImage_;
 const dom$A = new Dom();
 class Image {
   constructor(builder) {
@@ -57605,14 +57597,14 @@ class Image {
     }
 
     if (this.builder.opts.maxEmbedImageWidth === -1) {
-      loadImage(file, img => {
+      js(file, img => {
         targetImg.src = img.toDataURL(type, quality);
         processImageDone();
       }, {
         canvas: true
       });
     } else {
-      loadImage(file, img => {
+      js(file, img => {
         targetImg.src = img.toDataURL(type, quality);
         processImageDone();
       }, {
@@ -76819,7 +76811,8 @@ class ContentBuilder {
           stretch: 'items-stretch'
         }
       },
-      useCssClasses: false
+      useCssClasses: false,
+      useButtonPlugin: false
     }; // obj.preserveSelection = true; (can be set programmatically) to prevent click that clears selection on external custom modal.
 
     this.opts = Object.assign(this, defaults, opts);
@@ -76882,16 +76875,19 @@ class ContentBuilder {
       this.opts.onMediaUpload = this.opts.onLargerImageUpload;
     } else if (this.opts.onMediaUpload) {
       this.opts.onLargerImageUpload = this.opts.onMediaUpload;
-    } // Check if button editor plugin is used
+    } // useButtonPlugin
 
 
-    const plugins = this.plugins;
-    this.useButtonPlugin = false;
+    if (this.opts.emailMode) {
+      this.useButtonPlugin = true;
+    }
 
-    for (let i = 0; i < plugins.length; i++) {
-      if (plugins[i].name === 'buttoneditor') {
-        this.useButtonPlugin = true;
-      }
+    if (!this.useButtonPlugin) {
+      let _arr = this.plugins.filter(item => {
+        return item.name !== 'buttoneditor';
+      });
+
+      this.plugins = [..._arr];
     } // Alternative settions to define css grid frameworks
 
 
@@ -80777,10 +80773,6 @@ class ContentBox {
         name: 'symbols',
         showInMainToolbar: true,
         showInElementToolbar: false
-      }, {
-        name: 'buttoneditor',
-        showInMainToolbar: false,
-        showInElementToolbar: false
       }],
       disableConfig: false,
       useLightbox: true,