@flozy/editor 10.3.9 → 10.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/dist/Editor/ChatEditor.js +17 -16
  2. package/dist/Editor/CommonEditor.js +131 -16
  3. package/dist/Editor/DialogWrapper.js +31 -25
  4. package/dist/Editor/Editor.css +46 -8
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +11 -3
  6. package/dist/Editor/Elements/Accordion/Accordion.js +46 -9
  7. package/dist/Editor/Elements/Accordion/AccordionSummary.js +1 -23
  8. package/dist/Editor/Elements/AppHeader/AppHeader.js +10 -5
  9. package/dist/Editor/Elements/Button/EditorButton.js +27 -9
  10. package/dist/Editor/Elements/Carousel/CarouselItem.js +2 -1
  11. package/dist/Editor/Elements/Color Picker/ColorButtons.js +61 -14
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.css +25 -1
  13. package/dist/Editor/Elements/Color Picker/ColorPicker.js +10 -7
  14. package/dist/Editor/Elements/Color Picker/Styles.js +15 -13
  15. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +4 -2
  16. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +30 -28
  17. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +9 -7
  18. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +0 -1
  19. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +8 -4
  20. package/dist/Editor/Elements/Embed/Video.js +1 -1
  21. package/dist/Editor/Elements/Form/Form.js +3 -3
  22. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +0 -1
  23. package/dist/Editor/Elements/Form/FormField.js +3 -2
  24. package/dist/Editor/Elements/Form/Workflow/Styles.js +24 -22
  25. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +35 -31
  26. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +7 -4
  27. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +1 -0
  28. package/dist/Editor/Elements/FreeGrid/Options/More.js +7 -7
  29. package/dist/Editor/Elements/FreeGrid/helper.js +115 -0
  30. package/dist/Editor/Elements/FreeGrid/styles.js +14 -0
  31. package/dist/Editor/Elements/Grid/Grid.js +14 -2
  32. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  33. package/dist/Editor/Elements/Signature/Signature.css +2 -1
  34. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +18 -5
  35. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +16 -3
  36. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  37. package/dist/Editor/Elements/Table/DragButton.js +0 -1
  38. package/dist/Editor/Elements/Table/Draggable.js +6 -2
  39. package/dist/Editor/Elements/Table/Styles.js +7 -0
  40. package/dist/Editor/Elements/Table/Table.js +3 -3
  41. package/dist/Editor/Elements/Table/TableCell.js +24 -5
  42. package/dist/Editor/Elements/Title/title.js +6 -6
  43. package/dist/Editor/Elements/Variables/VariableButton.js +10 -1
  44. package/dist/Editor/MiniEditor.js +2 -1
  45. package/dist/Editor/Styles/EditorStyles.js +5 -5
  46. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +27 -3
  47. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +4 -3
  48. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  49. package/dist/Editor/Toolbar/FormatTools/TextSize.js +10 -13
  50. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +2 -1
  51. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +4 -2
  52. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +6 -13
  53. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +167 -42
  54. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +7 -4
  55. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +2 -1
  56. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +72 -12
  57. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +58 -10
  58. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +439 -0
  59. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  60. package/dist/Editor/Toolbar/toolbarGroups.js +48 -6
  61. package/dist/Editor/assets/svg/BackIcon.js +18 -0
  62. package/dist/Editor/assets/svg/ThemeIcons.js +293 -0
  63. package/dist/Editor/common/Checkbox/index.js +46 -0
  64. package/dist/Editor/common/Checkbox/styles.js +45 -0
  65. package/dist/Editor/common/ColorPickerButton.js +41 -16
  66. package/dist/Editor/common/CustomColorPicker/index.js +130 -0
  67. package/dist/Editor/common/CustomColorPicker/style.js +53 -0
  68. package/dist/Editor/common/CustomDialog2/index.js +94 -0
  69. package/dist/Editor/common/CustomDialog2/style.js +67 -0
  70. package/dist/Editor/common/CustomSelect.js +43 -0
  71. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  72. package/dist/Editor/common/FontLoader/FontLoader.js +3 -0
  73. package/dist/Editor/common/Icon.js +28 -0
  74. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  75. package/dist/Editor/common/ImageSelector/Styles.js +3 -9
  76. package/dist/Editor/common/LinkSettings/NavComponents.js +45 -66
  77. package/dist/Editor/common/LinkSettings/index.js +14 -28
  78. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  79. package/dist/Editor/common/LinkSettings/style.js +164 -244
  80. package/dist/Editor/common/MentionsPopup/index.js +4 -1
  81. package/dist/Editor/common/RadioGroup/index.js +48 -0
  82. package/dist/Editor/common/RadioGroup/styles.js +29 -0
  83. package/dist/Editor/common/RnD/ElementOptions/Actions.js +4 -5
  84. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +2 -1
  85. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +4 -3
  86. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +3 -2
  87. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +3 -2
  88. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +3 -2
  89. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +3 -2
  90. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +4 -2
  91. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +3 -2
  92. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +3 -2
  93. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +3 -1
  94. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +3 -2
  95. package/dist/Editor/common/RnD/ElementSettings/styles.js +0 -1
  96. package/dist/Editor/common/RnD/OptionsPopup/style.js +0 -1
  97. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +11 -2
  98. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +17 -0
  99. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +6 -3
  100. package/dist/Editor/common/RnD/Utils/gridDropItem.js +28 -19
  101. package/dist/Editor/common/RnD/Utils/index.js +3 -1
  102. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +42 -58
  103. package/dist/Editor/common/RnD/VirtualElement/helper.js +323 -132
  104. package/dist/Editor/common/RnD/VirtualElement/styles.js +16 -0
  105. package/dist/Editor/common/RnD/index.js +68 -39
  106. package/dist/Editor/common/Select/index.js +44 -7
  107. package/dist/Editor/common/Select/styles.js +31 -2
  108. package/dist/Editor/common/Shorthands/elements.js +54 -0
  109. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  110. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +12 -9
  111. package/dist/Editor/common/StyleBuilder/buttonStyle.js +4 -2
  112. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +4 -0
  113. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +5 -0
  114. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +12 -2
  115. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +15 -7
  116. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +16 -8
  117. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +36 -10
  118. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +115 -0
  119. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +16 -7
  120. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +3 -1
  121. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +15 -7
  122. package/dist/Editor/common/SwipeableDrawer/style.js +14 -12
  123. package/dist/Editor/common/Uploader.js +16 -0
  124. package/dist/Editor/common/iconListV2.js +76 -0
  125. package/dist/Editor/common/iconslist.js +21 -0
  126. package/dist/Editor/commonStyle.js +116 -61
  127. package/dist/Editor/helper/index.js +5 -1
  128. package/dist/Editor/helper/textIndeces.js +58 -0
  129. package/dist/Editor/helper/theme.js +203 -2
  130. package/dist/Editor/hooks/useEditorTheme.js +153 -0
  131. package/dist/Editor/hooks/useMouseMove.js +9 -3
  132. package/dist/Editor/hooks/useTable.js +5 -4
  133. package/dist/Editor/hooks/useThemeValues.js +63 -0
  134. package/dist/Editor/plugins/withEmbeds.js +1 -1
  135. package/dist/Editor/plugins/withHTML.js +3 -1
  136. package/dist/Editor/plugins/withTable.js +1 -1
  137. package/dist/Editor/theme/ThemeList.js +50 -173
  138. package/dist/Editor/theme/index.js +149 -0
  139. package/dist/Editor/themeSettings/ActiveTheme.js +82 -0
  140. package/dist/Editor/themeSettings/buttons/index.js +300 -0
  141. package/dist/Editor/themeSettings/buttons/style.js +23 -0
  142. package/dist/Editor/themeSettings/colorTheme/index.js +310 -0
  143. package/dist/Editor/themeSettings/colorTheme/style.js +81 -0
  144. package/dist/Editor/themeSettings/fonts/PreviewElement.js +121 -0
  145. package/dist/Editor/themeSettings/fonts/index.js +240 -0
  146. package/dist/Editor/themeSettings/fonts/style.js +62 -0
  147. package/dist/Editor/themeSettings/icons.js +60 -0
  148. package/dist/Editor/themeSettings/index.js +380 -0
  149. package/dist/Editor/themeSettings/style.js +299 -0
  150. package/dist/Editor/themeSettingsAI/icons.js +96 -0
  151. package/dist/Editor/themeSettingsAI/index.js +355 -0
  152. package/dist/Editor/themeSettingsAI/saveTheme.js +202 -0
  153. package/dist/Editor/themeSettingsAI/style.js +332 -0
  154. package/dist/Editor/utils/SlateUtilityFunctions.js +161 -37
  155. package/dist/Editor/utils/accordion.js +14 -4
  156. package/dist/Editor/utils/button.js +1 -17
  157. package/dist/Editor/utils/customHooks/useTableResize.js +49 -9
  158. package/dist/Editor/utils/draftToSlate.js +3 -2
  159. package/dist/Editor/utils/events.js +50 -6
  160. package/dist/Editor/utils/font.js +40 -37
  161. package/dist/Editor/utils/formfield.js +1 -0
  162. package/dist/Editor/utils/helper.js +210 -26
  163. package/dist/Editor/utils/insertAppHeader.js +1 -1
  164. package/dist/Editor/utils/signature.js +2 -9
  165. package/dist/Editor/utils/updateFormName.js +22 -0
  166. package/package.json +4 -4
@@ -0,0 +1,115 @@
1
+ import React, { useState } from "react";
2
+ import { Grid, Button, Typography } from "@mui/material";
3
+ import ImageSelector from "../../ImageSelector/ImageSelector";
4
+ import UploadStyles from "../../ImageSelector/UploadStyles";
5
+ import Icon from "../../Icon";
6
+ import { useEditorContext } from "../../../hooks/useMouseMove";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ import { jsxs as _jsxs } from "react/jsx-runtime";
9
+ const EmbedUpload = props => {
10
+ const {
11
+ value,
12
+ data,
13
+ customProps,
14
+ onChange
15
+ } = props;
16
+ const {
17
+ translation
18
+ } = customProps;
19
+ const {
20
+ key
21
+ } = data;
22
+ const [base64, setBase64] = useState(value);
23
+ const [open, setOpen] = useState(false);
24
+ const {
25
+ theme
26
+ } = useEditorContext();
27
+ const classes = UploadStyles(theme);
28
+ const onRemoveBG = () => {
29
+ setBase64(null);
30
+ onChange({
31
+ [key]: "none"
32
+ });
33
+ };
34
+ const handleClick = () => {
35
+ setOpen(true);
36
+ };
37
+ const handleClose = () => {
38
+ setOpen(false);
39
+ };
40
+ const onSelectImage = img => {
41
+ setBase64(img);
42
+ onChange({
43
+ [key]: img
44
+ });
45
+ handleClose();
46
+ };
47
+ return /*#__PURE__*/_jsxs(Grid, {
48
+ item: true,
49
+ xs: 12,
50
+ children: [/*#__PURE__*/_jsx(Typography, {
51
+ variant: "body1",
52
+ color: "primary",
53
+ sx: {
54
+ fontSize: "14px",
55
+ fontWeight: "500",
56
+ marginBottom: "8px"
57
+ },
58
+ children: translation("Upload Video")
59
+ }), /*#__PURE__*/_jsx(Grid, {
60
+ container: true,
61
+ sx: classes.uploadContainer,
62
+ children: /*#__PURE__*/_jsx(Grid, {
63
+ item: true,
64
+ xs: 12,
65
+ sx: classes.uploadField,
66
+ children: /*#__PURE__*/_jsx(Grid, {
67
+ className: "uploadImageSection",
68
+ children: base64 ? /*#__PURE__*/_jsxs(Grid, {
69
+ justifyItems: "center",
70
+ alignItems: "center",
71
+ children: [/*#__PURE__*/_jsx(Typography, {
72
+ style: {
73
+ padding: "8px",
74
+ fontSize: "8px",
75
+ color: theme?.palette?.editor?.textColor,
76
+ textAlign: "center"
77
+ },
78
+ children: base64
79
+ }), /*#__PURE__*/_jsx(Grid, {
80
+ className: "removeImageText",
81
+ onClick: onRemoveBG,
82
+ children: translation("REMOVE")
83
+ })]
84
+ }) : /*#__PURE__*/_jsx(Grid, {
85
+ className: "uploadImageText",
86
+ children: /*#__PURE__*/_jsxs(Button, {
87
+ component: "label",
88
+ variant: "text",
89
+ style: {
90
+ background: "none"
91
+ },
92
+ onClick: handleClick,
93
+ sx: classes.uploadIcon,
94
+ children: [/*#__PURE__*/_jsx(Icon, {
95
+ icon: "fileUpload"
96
+ }), /*#__PURE__*/_jsx("span", {
97
+ style: {
98
+ paddingLeft: "8px"
99
+ },
100
+ children: translation("Upload a Video")
101
+ })]
102
+ })
103
+ })
104
+ })
105
+ })
106
+ }), /*#__PURE__*/_jsx(ImageSelector, {
107
+ open: open,
108
+ title: "Video",
109
+ onClose: handleClose,
110
+ customProps: customProps,
111
+ onSelectImage: onSelectImage
112
+ })]
113
+ });
114
+ };
115
+ export default EmbedUpload;
@@ -1,23 +1,30 @@
1
- import React from "react";
1
+ import React, { useMemo } from "react";
2
2
  import { TextField, IconButton, Grid, Typography } from "@mui/material";
3
3
  import { sizeMap } from "../../../utils/font.js";
4
4
  import { TextMinusIcon, TextPlusIcon } from "../../../common/iconslist.js";
5
+ import { getElementStyle } from "../../../helper/theme.js";
6
+ import { useSlateStatic } from "slate-react";
5
7
  import { jsx as _jsx } from "react/jsx-runtime";
6
8
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
9
  const FontSize = props => {
8
10
  const {
9
- value,
11
+ value: val,
10
12
  data,
11
13
  onChange,
14
+ elementProps,
12
15
  customProps
13
16
  } = props;
14
- const {
15
- translation
16
- } = customProps;
17
17
  const {
18
18
  key,
19
19
  width
20
20
  } = data;
21
+ const editor = useSlateStatic();
22
+ const value = useMemo(() => {
23
+ return val || getElementStyle(editor, elementProps, "font-size");
24
+ }, [editor, val]);
25
+ const {
26
+ translation
27
+ } = customProps;
21
28
  const handleChange = e => {
22
29
  let inc = parseInt(e.target.value) || 16;
23
30
  inc = inc > 200 ? 200 : inc;
@@ -28,7 +35,9 @@ const FontSize = props => {
28
35
  const getSizeVal = () => {
29
36
  try {
30
37
  const size = `${value}`?.indexOf("px") >= 0 ? value : sizeMap[value] || value;
31
- return parseInt(size || 16);
38
+ const defaultSize = 16;
39
+ const val = parseInt(size || defaultSize);
40
+ return isNaN(val) ? defaultSize : val;
32
41
  } catch (err) {
33
42
  return "";
34
43
  }
@@ -77,7 +86,7 @@ const FontSize = props => {
77
86
  size: "small",
78
87
  inputProps: {
79
88
  style: {
80
- // textAlign: "center",
89
+ // textAlign: "center",
81
90
  padding: "11px"
82
91
  }
83
92
  },
@@ -19,6 +19,7 @@ import SelectSwitch from "./selectSwitch";
19
19
  import CardsMapping from "./card";
20
20
  import MetaDataMapping from "./metaDataMapping";
21
21
  import LineSpacing from "./lineSpacing";
22
+ import EmbedUpload from "./embedUpload";
22
23
  const FieldMap = {
23
24
  text: Text,
24
25
  bannerSpacing: BannerSpacing,
@@ -40,6 +41,7 @@ const FieldMap = {
40
41
  selectSwitch: SelectSwitch,
41
42
  card: CardsMapping,
42
43
  metadatamapping: MetaDataMapping,
43
- lineSpacing: LineSpacing
44
+ lineSpacing: LineSpacing,
45
+ embedUpload: EmbedUpload
44
46
  };
45
47
  export default FieldMap;
@@ -1,13 +1,13 @@
1
- import React from "react";
1
+ import React, { useMemo } from "react";
2
2
  import { FormControl, Grid, ListItemIcon, ListSubheader, MenuItem, Select, Typography } from "@mui/material";
3
- import { getBreakPointsValue } from "../../../helper/theme";
3
+ import { getBreakPointsValue, getElementStyle } from "../../../helper/theme";
4
4
  import useWindowResize from "../../../hooks/useWindowResize";
5
5
  import { useEditorContext } from "../../../hooks/useMouseMove";
6
6
  import FontFamilyAutocomplete from "../../../Toolbar/FormatTools/FontFamilyAutocomplete";
7
7
  import { useSlate } from "slate-react";
8
8
  import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
9
9
 
10
- // hideMetaDataOptions -- pass true to hide metadata option in select field
10
+ // hideMetaDataOptions -- pass true to hide metadata option in select field
11
11
  import { jsx as _jsx } from "react/jsx-runtime";
12
12
  import { jsxs as _jsxs } from "react/jsx-runtime";
13
13
  import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -31,14 +31,22 @@ const TextOptions = props => {
31
31
  renderOption,
32
32
  width,
33
33
  webFont = false,
34
- hideMetaDataOptions = false
34
+ hideMetaDataOptions = false,
35
+ themeEnabled
35
36
  } = data;
36
37
  const {
37
38
  fontFamilies
38
39
  } = useEditorContext();
39
- const editor = useSlate();
40
40
  const [size] = useWindowResize();
41
- const value = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
41
+ const editor = useSlate();
42
+ const value = useMemo(() => {
43
+ const userValue = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
44
+ if (themeEnabled) {
45
+ // editor takes a little amount of time to update the new style in element, in that case userValue will be returned
46
+ return getElementStyle(editor, elementProps, key) || userValue;
47
+ }
48
+ return userValue;
49
+ }, [editor, isBreakpoint, val, size?.device]);
42
50
  const metaDataMappingOptions = metaMappings?.boards || [];
43
51
  const updatedOption = !hideMetaDataOptions && elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
44
52
  const handleChange = (e, d) => {
@@ -117,7 +125,7 @@ const TextOptions = props => {
117
125
  editor: editor,
118
126
  format: key,
119
127
  options: fontFamilies.options,
120
- width: '100%',
128
+ width: "100%",
121
129
  onChange: onChange,
122
130
  val: value,
123
131
  webFont: true
@@ -6,20 +6,22 @@ const Styles = theme => ({
6
6
  "& .MuiDrawer-paper": {
7
7
  borderTopLeftRadius: 8,
8
8
  borderTopRightRadius: 8,
9
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
10
- "& .MuiInputBase-root": {
11
- border: `1px solid ${theme?.palette?.editor?.textColor}`,
12
- color: theme?.palette?.editor?.textColor
13
- },
14
- "& .MuiSvgIcon-root": {
15
- color: theme?.palette?.editor?.textColor
16
- },
17
- "& .MuiFormLabel-root": {
18
- color: theme?.palette?.editor?.textColor,
19
- backgroundColor: theme?.palette?.editor?.background
20
- }
9
+ backgroundColor: theme?.palette?.editor?.miniToolBarBackground
10
+
11
+ // "& .MuiInputBase-root": {
12
+ // border: `1px solid ${theme?.palette?.editor?.textColor}`,
13
+ // color: theme?.palette?.editor?.textColor,
14
+ // },
15
+ // "& .MuiSvgIcon-root": {
16
+ // color: theme?.palette?.editor?.textColor,
17
+ // },
18
+ // "& .MuiFormLabel-root": {
19
+ // color: theme?.palette?.editor?.textColor,
20
+ // backgroundColor: theme?.palette?.editor?.background,
21
+ // },
21
22
  }
22
23
  },
24
+
23
25
  childContainer: {
24
26
  padding: "20px",
25
27
  "&.emojiDrawer": {
@@ -4,6 +4,7 @@ import { convertBase64 } from "../utils/helper";
4
4
  import { uploadFile } from "../service/fileupload";
5
5
  import Icon from "./Icon";
6
6
  import UploadStyles from "../common/ImageSelector/UploadStyles";
7
+ import { useEditorContext } from "../hooks/useMouseMove";
7
8
  import { jsx as _jsx } from "react/jsx-runtime";
8
9
  import { Fragment as _Fragment } from "react/jsx-runtime";
9
10
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -18,6 +19,15 @@ const Uploader = props => {
18
19
  const [base64, setBase64] = useState(value?.url);
19
20
  const [fileName, setFileName] = useState("");
20
21
  const [uploading, setUploading] = useState(false);
22
+ const {
23
+ theme
24
+ } = useEditorContext();
25
+ const allowedFormat = {
26
+ "Document": ".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.rtf",
27
+ "Image": "image/*",
28
+ "Video": "video/*",
29
+ "Embed": "*"
30
+ };
21
31
  const handleChange = async e => {
22
32
  const uFile = e.target.files[0];
23
33
  const strImage = await convertBase64(uFile);
@@ -59,6 +69,7 @@ const Uploader = props => {
59
69
  const renderThumb = () => {
60
70
  switch (title) {
61
71
  case "Document":
72
+ case "Video":
62
73
  return /*#__PURE__*/_jsxs(_Fragment, {
63
74
  children: [/*#__PURE__*/_jsx(Typography, {
64
75
  style: {
@@ -102,6 +113,10 @@ const Uploader = props => {
102
113
  className: "uploadImageSection",
103
114
  children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
104
115
  className: "uploadImageText",
116
+ sx: {
117
+ background: `${theme?.palette?.editor?.inputFieldBgColor}`,
118
+ border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
119
+ },
105
120
  children: /*#__PURE__*/_jsxs(Button, {
106
121
  component: "label",
107
122
  variant: "text",
@@ -112,6 +127,7 @@ const Uploader = props => {
112
127
  sx: classes.uploadIcon,
113
128
  children: [/*#__PURE__*/_jsx("input", {
114
129
  type: "file",
130
+ accept: allowedFormat[title],
115
131
  style: {
116
132
  opacity: 0,
117
133
  width: "0px"
@@ -962,6 +962,41 @@ export function DragIcon() {
962
962
  })]
963
963
  });
964
964
  }
965
+ export function ResizeIcon() {
966
+ return /*#__PURE__*/_jsxs("svg", {
967
+ width: "16",
968
+ height: "16",
969
+ viewBox: "0 0 16 16",
970
+ fill: "none",
971
+ xmlns: "http://www.w3.org/2000/svg",
972
+ children: [/*#__PURE__*/_jsx("rect", {
973
+ width: "16",
974
+ height: "16",
975
+ rx: "8",
976
+ fill: "#F8FAFC"
977
+ }), /*#__PURE__*/_jsx("rect", {
978
+ x: "0.5",
979
+ y: "0.5",
980
+ width: "15",
981
+ height: "15",
982
+ rx: "7.5",
983
+ stroke: "#2563EB",
984
+ strokeOpacity: "0.32"
985
+ }), /*#__PURE__*/_jsx("path", {
986
+ d: "M5.76758 6.44141L3.99981 8.20917L5.76758 9.97694",
987
+ stroke: "#94A3B8",
988
+ strokeWidth: "0.8",
989
+ strokeLinecap: "round",
990
+ strokeLinejoin: "round"
991
+ }), /*#__PURE__*/_jsx("path", {
992
+ d: "M10.2324 6.44141L12.0002 8.20917L10.2324 9.97694",
993
+ stroke: "#94A3B8",
994
+ strokeWidth: "0.8",
995
+ strokeLinecap: "round",
996
+ strokeLinejoin: "round"
997
+ })]
998
+ });
999
+ }
965
1000
  export function LeftAlignTextFormat() {
966
1001
  return /*#__PURE__*/_jsxs("svg", {
967
1002
  width: "19",
@@ -1323,6 +1358,27 @@ export function CheckedBoxCheckIcon() {
1323
1358
  })
1324
1359
  });
1325
1360
  }
1361
+ export function CheckedRadioIcon() {
1362
+ return /*#__PURE__*/_jsxs("svg", {
1363
+ width: "17",
1364
+ height: "17",
1365
+ viewBox: "0 0 17 17",
1366
+ fill: "none",
1367
+ xmlns: "http://www.w3.org/2000/svg",
1368
+ children: [/*#__PURE__*/_jsx("path", {
1369
+ d: "M16.5 8.42148C16.5 12.792 12.9227 16.343 8.5 16.343C4.07734 16.343 0.5 12.792 0.5 8.42148C0.5 4.05093 4.07734 0.5 8.5 0.5C12.9227 0.5 16.5 4.05093 16.5 8.42148Z",
1370
+ fill: "#DEE8FC",
1371
+ stroke: "#2563EB",
1372
+ className: "radio-icon-path"
1373
+ }), /*#__PURE__*/_jsx("ellipse", {
1374
+ cx: "8.5",
1375
+ cy: "8.42079",
1376
+ rx: "3.5",
1377
+ ry: "3.46767",
1378
+ fill: "#2563EB"
1379
+ })]
1380
+ });
1381
+ }
1326
1382
  export function SectionSettingIcon() {
1327
1383
  return /*#__PURE__*/_jsxs("svg", {
1328
1384
  width: "13",
@@ -1467,6 +1523,26 @@ export function PenIcon() {
1467
1523
  })]
1468
1524
  });
1469
1525
  }
1526
+ export function ResetIcon() {
1527
+ return /*#__PURE__*/_jsxs("svg", {
1528
+ width: "24",
1529
+ height: "24",
1530
+ viewBox: "0 0 24 24",
1531
+ fill: "none",
1532
+ xmlns: "http://www.w3.org/2000/svg",
1533
+ children: [/*#__PURE__*/_jsx("circle", {
1534
+ cx: "11.646",
1535
+ cy: "11.6452",
1536
+ r: "11.5",
1537
+ transform: "rotate(-89.2717 11.646 11.6452)",
1538
+ fill: "#2563EB",
1539
+ fillOpacity: "0.16"
1540
+ }), /*#__PURE__*/_jsx("path", {
1541
+ d: "M18.2814 11.8168V11.8168C18.2813 11.8313 18.2987 11.8387 18.3091 11.8287L19.2379 10.9273C19.6367 10.5404 20.247 10.5482 20.6358 10.9451C21.0245 11.342 21.0168 11.9495 20.6181 12.3364L17.9434 14.9012C17.5478 15.2806 16.9205 15.2708 16.5369 14.8792L13.9636 12.2519C13.7692 12.0534 13.674 11.7974 13.677 11.5622C13.6802 11.3075 13.7819 11.054 13.981 10.8801C14.3797 10.4932 14.9901 10.501 15.3788 10.8979L16.2708 11.8085C16.286 11.824 16.3124 11.8135 16.3126 11.7917V11.7917C16.351 8.77391 13.9017 6.27324 10.8698 6.2347C7.83784 6.19615 5.32577 8.63374 5.28741 11.6516C5.24904 14.6694 7.69833 17.1701 10.7303 17.2086C11.2815 17.2156 11.7092 17.6522 11.7022 18.2009C11.6952 18.7496 11.2566 19.1752 10.7054 19.1682C6.5709 19.1157 3.2663 15.7418 3.31861 11.6265C3.37093 7.51133 6.76023 4.22251 10.8947 4.27507C15.0095 4.32738 18.3338 7.70154 18.2814 11.8168Z",
1542
+ fill: "#2563EB"
1543
+ })]
1544
+ });
1545
+ }
1470
1546
  export function SaveTemplIcon() {
1471
1547
  return /*#__PURE__*/_jsxs("svg", {
1472
1548
  width: "18",
@@ -1677,6 +1677,27 @@ export const CloseIcon = props => /*#__PURE__*/_jsxs("svg", {
1677
1677
  strokeLinejoin: "round"
1678
1678
  })]
1679
1679
  });
1680
+ export const CloseIcon2 = props => /*#__PURE__*/_jsxs("svg", {
1681
+ width: "10",
1682
+ height: "10",
1683
+ viewBox: "0 0 10 10",
1684
+ fill: "none",
1685
+ xmlns: "http://www.w3.org/2000/svg",
1686
+ ...(props || {}),
1687
+ children: [/*#__PURE__*/_jsx("path", {
1688
+ d: "M9.12476 0.875L0.875176 9.12458",
1689
+ stroke: "#8F9CAE",
1690
+ strokeWidth: "1.5",
1691
+ strokeLinecap: "round",
1692
+ strokeLinejoin: "round"
1693
+ }), /*#__PURE__*/_jsx("path", {
1694
+ d: "M0.875183 0.875L9.12476 9.12458",
1695
+ stroke: "#8F9CAE",
1696
+ strokeWidth: "1.5",
1697
+ strokeLinecap: "round",
1698
+ strokeLinejoin: "round"
1699
+ })]
1700
+ });
1680
1701
  export const SearchIcon = () => /*#__PURE__*/_jsxs("svg", {
1681
1702
  width: "18",
1682
1703
  height: "18",