@flozy/editor 11.1.0 → 11.1.2

package/dist/Editor/Elements/AI/PopoverAIInput.js

@@ -167,6 +167,7 @@ function PopoverAIInput({
   const [generatedText, setGeneratedText] = useState("");
   const [inputValue, setInputValue] = useState("");
   const [selectedOption, setSelectedOption] = useState();
+  const [threadId, setThreadId] = useState("");
   const selectedEleRef = useRef({});
   const classes = Styles();
   const editor = useSlate();
@@ -188,6 +189,7 @@ function PopoverAIInput({
   useEffect(() => {
     if (openAI) {
       scrollToAIInput(editor);
+      setThreadId("");
     }
   }, [openAI]);
   useEffect(() => {
@@ -196,8 +198,12 @@ function PopoverAIInput({
   const framePayload = (type, option) => {
     let payload = {
       mode: option.mode || 0,
-      query: option?.inputValue || inputValue
+      query: option?.inputValue || inputValue,
+      useSession: true
     };
+    if (threadId) {
+      payload.threadId = threadId;
+    }
     if (option.mode === MODES.translate || option.mode === MODES.rephraseTone) {
       payload.textOptionInput = type;
     }
@@ -257,12 +263,14 @@ function PopoverAIInput({
       setLoading(false);
       setInputValue("");
       let {
-        data: text
-      } = result || {};
+        body: text,
+        threadId
+      } = result?.data || {};
       if (!text) {
         onClickOutside();
         return;
       }
+      setThreadId(threadId || "");
 
       // if (!option.replace) {
       if (type === "continue_writing") {

package/dist/Editor/Elements/Attachments/Attachments.js

@@ -186,7 +186,8 @@ const Attachments = props => {
           textDecoration: "none",
           flexDirection: "column",
           color: "#0F172A",
-          flexGrow: uploadStatus?.isUploading && 1
+          flexGrow: uploadStatus?.isUploading && 1,
+          width: "80%"
         },
         children: [/*#__PURE__*/_jsx(Typography, {
           style: {

package/dist/Editor/Toolbar/PopupTool/index.js

@@ -95,6 +95,7 @@ const PopupTool = props => {
     const isFreeGridEnabled = enable === 1 && isFreeGridElement;
     if (!selection || Range.isCollapsed(selection) || Editor.string(editor, selection) === "" || isFreeGridEnabled) {
       setAnchorEl(null);
+      hideSlateSelection(); // removes slate selection background, when there is no selection
     } else {
       updateAnchorEl();
       viewSlateSelection();

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

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

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

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { Grid, TextField, Typography } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -20,6 +20,17 @@ const Text = props => {
   } = data;
   const [value, setValue] = useState(pro_value);
   const [error, setError] = useState(false);
+  useEffect(() => {
+    if (["sectionBackgroundImage", "pageBgImage"].includes(key)) {
+      let bgUrl = "";
+      if (typeof props?.value === "string" && props?.value !== "none") {
+        bgUrl = props.value;
+      } else if (props?.value?.embedURL) {
+        bgUrl = props.value.embedURL;
+      }
+      setValue(bgUrl);
+    }
+  }, [props?.value]);
   const handleChange = e => {
     const newValue = e.target.value;
     setValue(newValue);
@@ -55,10 +66,10 @@ const Text = props => {
       fullWidth: true,
       required: required,
       error: error,
-      helperText: error ? translation("This field is required") : '',
+      helperText: error ? translation("This field is required") : "",
       sx: {
-        '& .MuiFormHelperText-root': {
-          color: '#d32f2f !important'
+        "& .MuiFormHelperText-root": {
+          color: "#d32f2f !important"
         }
       }
     })]

package/dist/Editor/utils/accordion.js

@@ -1,4 +1,4 @@
-import { Editor, Element, Path, Transforms } from "slate";
+import { Editor, Path, Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
 import { ALLOWED_TEXT_NODES, getNode, getNodeText, getNodeWithType, getSelectedText } from "./helper";
 import { isMobileWindow } from "../helper";

package/package.json

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