@flozy/editor 11.1.3 → 11.1.5

package/dist/Editor/Elements/FreeGrid/FreeGrid.js

@@ -24,6 +24,7 @@ import { getBreakPointsValue, groupByBreakpoint } from "../../helper/theme";
 import { useDebouncedCallback } from "use-debounce";
 import { getElementValues } from "./helper";
 import updateFormName from "../../utils/updateFormName";
+import { GetsectionBgImage } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const MAX_DEVICE_WIDTH = {
@@ -457,6 +458,7 @@ const FreeGrid = props => {
   //   return eleId;
   // }, [autoAlign, updated_at, breakpoint, path]);
 
+  const sectionBgImage = GetsectionBgImage(sectionBackgroundImage);
   return /*#__PURE__*/_jsx(FreeGridContext.Provider, {
     value: {
       isInteracting,
@@ -575,7 +577,7 @@ const FreeGrid = props => {
           ...classes.root,
           ...freegridSX,
           background: sectionBgColor || "rgba(255,255,255,1)",
-          backgroundImage: sectionBackgroundImage ? `url('${sectionBackgroundImage}')` : "",
+          ...sectionBgImage,
           backgroundSize: "cover"
         },
         "data-path": path.join("|"),

package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js

@@ -41,15 +41,9 @@ const BackgroundImage = props => {
     setOpen(false);
   };
   const onSelectImage = img => {
-    let imgUrl = "";
-    if (typeof img === "object") {
-      imgUrl = img?.embedURL;
-    } else {
-      imgUrl = img;
-    }
-    setBase64(imgUrl);
+    setBase64(img);
     onChange({
-      [key]: imgUrl
+      [key]: img
     });
     handleClose();
   };

package/dist/Editor/utils/helper.js

@@ -1056,4 +1056,19 @@ export const getSelectedElementColor = (editor, format, theme) => {
   }
   const color = getSelectedElementStyle(format, editor, format);
   return getSelectedColor(color, theme);
+};
+export const GetsectionBgImage = sectionBackgroundImage => {
+  if (sectionBackgroundImage && sectionBackgroundImage !== "none") {
+    if (typeof sectionBackgroundImage === "object") {
+      return {
+        backgroundImage: `url(${sectionBackgroundImage?.embedURL})`
+      };
+    } else if (typeof sectionBackgroundImage === "string") {
+      return {
+        backgroundImage: `url(${sectionBackgroundImage})`
+      };
+    }
+  } else {
+    return {};
+  }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "11.1.3",
+  "version": "11.1.5",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"