@flozy/editor 9.2.6 → 9.2.8

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 (253) hide show
  1. package/dist/Editor/ChatEditor.js +9 -33
  2. package/dist/Editor/CommonEditor.js +27 -117
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +1 -19
  5. package/dist/Editor/Elements/AI/AIInput.js +3 -5
  6. package/dist/Editor/Elements/AI/CustomSelect.js +5 -9
  7. package/dist/Editor/Elements/AI/PopoverAIInput.js +2 -4
  8. package/dist/Editor/Elements/Accordion/Accordion.js +3 -4
  9. package/dist/Editor/Elements/Accordion/AccordionBtnPopup.js +1 -4
  10. package/dist/Editor/Elements/Accordion/AccordionButton.js +2 -6
  11. package/dist/Editor/Elements/Accordion/AccordionTitlePopup.js +1 -4
  12. package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
  13. package/dist/Editor/Elements/AppHeader/AppHeaderButton.js +2 -6
  14. package/dist/Editor/Elements/AppHeader/AppHeaderPopup.js +1 -4
  15. package/dist/Editor/Elements/Attachments/AttachmentsButton.js +1 -4
  16. package/dist/Editor/Elements/Button/ButtonPopup.js +1 -4
  17. package/dist/Editor/Elements/Button/ButtonToolIcon.js +2 -6
  18. package/dist/Editor/Elements/Button/EditorButton.js +14 -31
  19. package/dist/Editor/Elements/Carousel/Carousel.js +4 -5
  20. package/dist/Editor/Elements/Carousel/CarouselButton.js +2 -6
  21. package/dist/Editor/Elements/Carousel/CarouselItem.js +2 -3
  22. package/dist/Editor/Elements/ChipText/ChipTextPopup.js +1 -4
  23. package/dist/Editor/Elements/CodeToText/CodeToText.js +4 -5
  24. package/dist/Editor/Elements/CodeToText/HtmlContextMenu.js +2 -6
  25. package/dist/Editor/Elements/Color Picker/ColorButtons.js +12 -57
  26. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  27. package/dist/Editor/Elements/Color Picker/ColorPicker.js +5 -5
  28. package/dist/Editor/Elements/Color Picker/Styles.js +1 -1
  29. package/dist/Editor/Elements/Colorbox/ColorboxButton.js +2 -6
  30. package/dist/Editor/Elements/DataView/DataView.js +2 -5
  31. package/dist/Editor/Elements/DataView/DataViewButton.js +2 -6
  32. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +1 -4
  33. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/Select.js +4 -3
  34. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/styles.js +1 -6
  35. package/dist/Editor/Elements/DataView/Layouts/DataTypes/DateType.js +9 -19
  36. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +12 -13
  37. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +4 -7
  38. package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +5 -7
  39. package/dist/Editor/Elements/DataView/Layouts/FilterView.js +7 -9
  40. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +2 -3
  41. package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +3 -5
  42. package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +5 -6
  43. package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +3 -5
  44. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +6 -7
  45. package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +12 -15
  46. package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +2 -3
  47. package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +2 -3
  48. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +6 -12
  49. package/dist/Editor/Elements/DataView/Layouts/TableStyles.js +2 -32
  50. package/dist/Editor/Elements/DataView/Layouts/TableView.js +33 -132
  51. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +3 -3
  52. package/dist/Editor/Elements/DataView/Layouts/index.js +1 -3
  53. package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +3 -6
  54. package/dist/Editor/Elements/DataView/styles.js +8 -8
  55. package/dist/Editor/Elements/Divider/Divider.js +3 -5
  56. package/dist/Editor/Elements/Divider/DividerButton.js +2 -6
  57. package/dist/Editor/Elements/Divider/DividerPopup.js +2 -3
  58. package/dist/Editor/Elements/Embed/Embed.js +1 -4
  59. package/dist/Editor/Elements/Embed/EmbedPopup.js +1 -4
  60. package/dist/Editor/Elements/Embed/Image.js +11 -16
  61. package/dist/Editor/Elements/Embed/Video.js +7 -10
  62. package/dist/Editor/Elements/EmbedScript/Code.js +4 -7
  63. package/dist/Editor/Elements/EmbedScript/EmbedScript.js +2 -6
  64. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +5 -8
  65. package/dist/Editor/Elements/Emoji/EmojiButton.js +2 -6
  66. package/dist/Editor/Elements/Form/FieldPopup.js +1 -4
  67. package/dist/Editor/Elements/Form/Form.js +9 -12
  68. package/dist/Editor/Elements/Form/FormButton.js +2 -6
  69. package/dist/Editor/Elements/Form/FormPopup.js +2 -3
  70. package/dist/Editor/Elements/Form/Workflow/FormWorkflow.js +12 -18
  71. package/dist/Editor/Elements/Form/Workflow/ListWorkflow.js +8 -13
  72. package/dist/Editor/Elements/Form/Workflow/MoreOptions.js +2 -3
  73. package/dist/Editor/Elements/Form/Workflow/UserInputs.js +2 -4
  74. package/dist/Editor/Elements/Form/Workflow/index.js +9 -15
  75. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +18 -21
  76. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +2 -6
  77. package/dist/Editor/Elements/FreeGrid/FreeGridButton.js +2 -6
  78. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +3 -8
  79. package/dist/Editor/Elements/FreeGrid/Options/AddElement.js +2 -3
  80. package/dist/Editor/Elements/FreeGrid/Options/More.js +3 -4
  81. package/dist/Editor/Elements/FreeGrid/styles.js +0 -3
  82. package/dist/Editor/Elements/Grid/Grid.js +10 -13
  83. package/dist/Editor/Elements/Grid/GridButton.js +5 -9
  84. package/dist/Editor/Elements/Grid/GridItem.js +10 -15
  85. package/dist/Editor/Elements/Grid/GridItemPopup.js +1 -4
  86. package/dist/Editor/Elements/Grid/GridPopup.js +1 -4
  87. package/dist/Editor/Elements/Grid/SectionPopup.js +1 -4
  88. package/dist/Editor/Elements/Link/Link.js +44 -74
  89. package/dist/Editor/Elements/Link/LinkButton.js +1 -4
  90. package/dist/Editor/Elements/List/CheckList.js +9 -14
  91. package/dist/Editor/Elements/NewLine/NewLineButton.js +2 -6
  92. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +5 -16
  93. package/dist/Editor/Elements/PageSettings/PageSettingsPopup.js +1 -4
  94. package/dist/Editor/Elements/Search/SearchButton.js +3 -6
  95. package/dist/Editor/Elements/Search/SearchList.js +3 -7
  96. package/dist/Editor/Elements/Signature/SignatureButton.js +2 -6
  97. package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -6
  98. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +1 -4
  99. package/dist/Editor/Elements/Signature/SignaturePopup.js +16 -17
  100. package/dist/Editor/Elements/SimpleText/index.js +5 -5
  101. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  102. package/dist/Editor/Elements/Table/DragButton.js +2 -4
  103. package/dist/Editor/Elements/Table/Table.js +32 -56
  104. package/dist/Editor/Elements/Table/TableCell.js +33 -8
  105. package/dist/Editor/Elements/Table/TablePopup.js +1 -4
  106. package/dist/Editor/Elements/Table/TableSelector.js +6 -10
  107. package/dist/Editor/Elements/Table/TableTool.js +4 -8
  108. package/dist/Editor/Elements/Title/title.js +0 -10
  109. package/dist/Editor/Elements/TopBanner/TopBannerButton.js +1 -4
  110. package/dist/Editor/Elements/Variables/Style.js +2 -28
  111. package/dist/Editor/Elements/Variables/VariableButton.js +4 -17
  112. package/dist/Editor/MiniEditor.js +3 -9
  113. package/dist/Editor/Styles/EditorStyles.js +5 -5
  114. package/dist/Editor/Toolbar/Basic/index.js +1 -2
  115. package/dist/Editor/Toolbar/FormatTools/BlockButton.js +2 -6
  116. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  117. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  118. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +4 -8
  119. package/dist/Editor/Toolbar/FormatTools/TextSize.js +15 -7
  120. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +15 -20
  121. package/dist/Editor/Toolbar/PopupTool/AddTemplates.js +13 -19
  122. package/dist/Editor/Toolbar/PopupTool/ButtonTemplatesCard.js +4 -10
  123. package/dist/Editor/Toolbar/PopupTool/FullViewCard.js +4 -10
  124. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -6
  125. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectAlignment.js +35 -42
  126. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  127. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectList.js +51 -58
  128. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectSuperSubscript.js +22 -29
  129. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +87 -226
  130. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +7 -15
  131. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +4 -8
  132. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -16
  133. package/dist/Editor/Toolbar/PopupTool/TemplateCard.js +5 -11
  134. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +32 -84
  135. package/dist/Editor/Toolbar/PopupTool/index.js +8 -3
  136. package/dist/Editor/Toolbar/Toolbar.js +10 -20
  137. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  138. package/dist/Editor/assets/svg/CalenderIconTick.js +0 -1
  139. package/dist/Editor/common/ColorPickerButton.js +9 -35
  140. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  141. package/dist/Editor/common/DnD/Draggable.js +1 -0
  142. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  143. package/dist/Editor/common/Icon.js +0 -28
  144. package/dist/Editor/common/ImageSelector/ImageSelector.js +8 -10
  145. package/dist/Editor/common/ImageSelector/Options/AddLink.js +4 -6
  146. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  147. package/dist/Editor/common/ImageSelector/UploadStyles.js +1 -0
  148. package/dist/Editor/common/LinkSettings/NavComponents.js +10 -14
  149. package/dist/Editor/common/LinkSettings/index.js +14 -20
  150. package/dist/Editor/common/LinkSettings/navOptions.js +1 -1
  151. package/dist/Editor/common/MentionsPopup/Styles.js +71 -109
  152. package/dist/Editor/common/MentionsPopup/index.js +4 -8
  153. package/dist/Editor/common/RnD/ContextMenu/CMenus.js +22 -22
  154. package/dist/Editor/common/RnD/ContextMenu/index.js +2 -3
  155. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -7
  156. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js +3 -8
  157. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +3 -7
  158. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  159. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  160. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  161. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  162. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +4 -7
  163. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  164. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  165. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +2 -4
  166. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  167. package/dist/Editor/common/RnD/OptionsPopup/index.js +3 -4
  168. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +4 -11
  169. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +8 -20
  170. package/dist/Editor/common/RnD/Utils/gridDropItem.js +4 -5
  171. package/dist/Editor/common/RnD/Utils/index.js +0 -45
  172. package/dist/Editor/common/RnD/VirtualElement/index.js +2 -1
  173. package/dist/Editor/common/RnD/index.js +7 -34
  174. package/dist/Editor/common/Section/index.js +4 -7
  175. package/dist/Editor/common/Shorthands/elements.js +4 -75
  176. package/dist/Editor/common/StyleBuilder/appHeaderStyle.js +4 -4
  177. package/dist/Editor/common/StyleBuilder/boxStyle.js +2 -2
  178. package/dist/Editor/common/StyleBuilder/buttonStyle.js +4 -6
  179. package/dist/Editor/common/StyleBuilder/dividerStyles.js +2 -2
  180. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +6 -6
  181. package/dist/Editor/common/StyleBuilder/fieldStyle.js +2 -2
  182. package/dist/Editor/common/StyleBuilder/fieldTypes/alignment.js +9 -13
  183. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -11
  184. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +5 -19
  185. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +10 -22
  186. package/dist/Editor/common/StyleBuilder/fieldTypes/buttonLink.js +3 -6
  187. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +13 -27
  188. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +14 -41
  189. package/dist/Editor/common/StyleBuilder/fieldTypes/elementSize.js +6 -10
  190. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +6 -19
  191. package/dist/Editor/common/StyleBuilder/fieldTypes/gridSize.js +2 -6
  192. package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +2 -5
  193. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -9
  194. package/dist/Editor/common/StyleBuilder/fieldTypes/metaDataMapping.js +2 -8
  195. package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +11 -12
  196. package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -6
  197. package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -8
  198. package/dist/Editor/common/StyleBuilder/fieldTypes/textAlign.js +2 -6
  199. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +12 -21
  200. package/dist/Editor/common/StyleBuilder/formStyle.js +7 -7
  201. package/dist/Editor/common/StyleBuilder/gridItemStyle.js +6 -6
  202. package/dist/Editor/common/StyleBuilder/gridStyle.js +5 -5
  203. package/dist/Editor/common/StyleBuilder/index.js +5 -8
  204. package/dist/Editor/common/Uploader.js +5 -16
  205. package/dist/Editor/commonStyle.js +69 -114
  206. package/dist/Editor/helper/index.js +12 -8
  207. package/dist/Editor/helper/theme.js +2 -200
  208. package/dist/Editor/hooks/useDrag.js +10 -16
  209. package/dist/Editor/hooks/useEditorScroll.js +5 -10
  210. package/dist/Editor/hooks/useMouseMove.js +13 -25
  211. package/dist/Editor/hooks/useTable.js +1 -1
  212. package/dist/Editor/plugins/withEmbeds.js +1 -1
  213. package/dist/Editor/plugins/withHTML.js +14 -19
  214. package/dist/Editor/plugins/withLayout.js +2 -3
  215. package/dist/Editor/plugins/withTable.js +1 -1
  216. package/dist/Editor/theme/ThemeList.js +173 -50
  217. package/dist/Editor/utils/SlateUtilityFunctions.js +45 -162
  218. package/dist/Editor/utils/button.js +14 -0
  219. package/dist/Editor/utils/chatEditor/SlateUtilityFunctions.js +0 -23
  220. package/dist/Editor/utils/divider.js +0 -8
  221. package/dist/Editor/utils/draftToSlate.js +2 -3
  222. package/dist/Editor/utils/font.js +37 -40
  223. package/dist/Editor/utils/helper.js +19 -77
  224. package/dist/Editor/utils/link.js +1 -1
  225. package/dist/Editor/utils/table.js +9 -14
  226. package/package.json +2 -5
  227. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -438
  228. package/dist/Editor/assets/svg/ThemeIcons.js +0 -291
  229. package/dist/Editor/common/CustomColorPicker/index.js +0 -106
  230. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  231. package/dist/Editor/common/CustomDialog/index.js +0 -88
  232. package/dist/Editor/common/CustomDialog/styles.js +0 -80
  233. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  234. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  235. package/dist/Editor/common/CustomSelect.js +0 -33
  236. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  237. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  238. package/dist/Editor/theme/index.js +0 -144
  239. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  240. package/dist/Editor/themeSettings/buttons/index.js +0 -283
  241. package/dist/Editor/themeSettings/buttons/style.js +0 -21
  242. package/dist/Editor/themeSettings/colorTheme/index.js +0 -292
  243. package/dist/Editor/themeSettings/colorTheme/style.js +0 -77
  244. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  245. package/dist/Editor/themeSettings/fonts/index.js +0 -220
  246. package/dist/Editor/themeSettings/fonts/style.js +0 -44
  247. package/dist/Editor/themeSettings/icons.js +0 -60
  248. package/dist/Editor/themeSettings/index.js +0 -320
  249. package/dist/Editor/themeSettings/style.js +0 -152
  250. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  251. package/dist/Editor/themeSettingsAI/index.js +0 -356
  252. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -197
  253. package/dist/Editor/themeSettingsAI/style.js +0 -250
@@ -1,13 +1,13 @@
1
- import React, { useMemo } from "react";
1
+ import React from "react";
2
2
  import { FormControl, Grid, ListItemIcon, ListSubheader, MenuItem, Select, Typography } from "@mui/material";
3
- import { getBreakPointsValue, getElementStyle } from "../../../helper/theme";
3
+ import { getBreakPointsValue } 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";
@@ -21,8 +21,7 @@ const TextOptions = props => {
21
21
  customProps
22
22
  } = props;
23
23
  const {
24
- metaMappings,
25
- translation
24
+ metaMappings
26
25
  } = customProps;
27
26
  const {
28
27
  key,
@@ -31,22 +30,14 @@ const TextOptions = props => {
31
30
  renderOption,
32
31
  width,
33
32
  webFont = false,
34
- hideMetaDataOptions = false,
35
- themeEnabled
33
+ hideMetaDataOptions = false
36
34
  } = data;
37
35
  const {
38
36
  fontFamilies
39
37
  } = useEditorContext();
40
- const [size] = useWindowResize();
41
38
  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]);
39
+ const [size] = useWindowResize();
40
+ const value = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
50
41
  const metaDataMappingOptions = metaMappings?.boards || [];
51
42
  const updatedOption = !hideMetaDataOptions && elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
52
43
  const handleChange = (e, d) => {
@@ -80,7 +71,7 @@ const TextOptions = props => {
80
71
  fontWeight: "500",
81
72
  marginBottom: "4px"
82
73
  },
83
- children: translation(data?.label)
74
+ children: data?.label
84
75
  }), /*#__PURE__*/_jsx(FormControl, {
85
76
  sx: {
86
77
  "& .MuiSelect-select": {
@@ -93,7 +84,7 @@ const TextOptions = props => {
93
84
  children: !webFont ? /*#__PURE__*/_jsx(Select, {
94
85
  onChange: handleChange,
95
86
  value: value || updatedOption[0]?.value,
96
- placeholder: translation(data?.label),
87
+ placeholder: data?.label,
97
88
  fullWidth: true,
98
89
  size: "small",
99
90
  style: {
@@ -108,7 +99,7 @@ const TextOptions = props => {
108
99
  },
109
100
  children: updatedOption?.map((m, i) => {
110
101
  return m?.value === "listSubHeader" ? /*#__PURE__*/_jsx(ListSubheader, {
111
- children: translation(m?.label || m?.text)
102
+ children: m?.label
112
103
  }, `subHeader_${i}`) : /*#__PURE__*/_jsxs(MenuItem, {
113
104
  value: m?.value,
114
105
  item: m?.metaDataKey,
@@ -118,14 +109,14 @@ const TextOptions = props => {
118
109
  minWidth: "25px"
119
110
  },
120
111
  children: m?.icon
121
- }), renderOption ? renderOption(m, elementProps, translation) : translation(m?.label || m?.text)]
112
+ }), renderOption ? renderOption(m, elementProps) : m.label || m.text]
122
113
  }, `${key}_${i}`);
123
114
  })
124
115
  }) : /*#__PURE__*/_jsx(FontFamilyAutocomplete, {
125
116
  editor: editor,
126
117
  format: key,
127
118
  options: fontFamilies.options,
128
- width: "100%",
119
+ width: '100%',
129
120
  onChange: onChange,
130
121
  val: value,
131
122
  webFont: true
@@ -16,7 +16,7 @@ export const formStyle = [{
16
16
  label: "Send Form to Email",
17
17
  key: "email",
18
18
  type: "text",
19
- placeholder: "emailResponsePlaceHolder"
19
+ placeholder: "Enter Email to send the response..."
20
20
  }, {
21
21
  label: "Save Response",
22
22
  key: "saveResponse",
@@ -93,9 +93,9 @@ export const formStyle = [{
93
93
  text: "Dashed",
94
94
  value: "dashed"
95
95
  }],
96
- renderOption: (option, elementProps, translation) => {
96
+ renderOption: option => {
97
97
  return /*#__PURE__*/_jsx("span", {
98
- children: translation(option.text)
98
+ children: option.text
99
99
  });
100
100
  }
101
101
  }]
@@ -204,12 +204,12 @@ export const formStyle = [{
204
204
  width: 5,
205
205
  options: fontWeightOptions,
206
206
  hideMetaDataOptions: true,
207
- renderOption: (option, elementProps, translation) => {
207
+ renderOption: option => {
208
208
  return /*#__PURE__*/_jsx("span", {
209
209
  style: {
210
210
  fontWeight: option.value
211
211
  },
212
- children: translation(option.text)
212
+ children: option.text
213
213
  });
214
214
  }
215
215
  }]
@@ -277,9 +277,9 @@ export const formStyle = [{
277
277
  text: "Dashed",
278
278
  value: "dashed"
279
279
  }],
280
- renderOption: (option, elementProps, translation) => {
280
+ renderOption: option => {
281
281
  return /*#__PURE__*/_jsx("span", {
282
- children: translation(option.text)
282
+ children: option.text
283
283
  });
284
284
  }
285
285
  }]
@@ -66,9 +66,9 @@ const gridItemStyle = [{
66
66
  text: "Dashed",
67
67
  value: "dashed"
68
68
  }],
69
- renderOption: (option, elementProps, translation) => {
69
+ renderOption: option => {
70
70
  return /*#__PURE__*/_jsx("span", {
71
- children: translation(option.text)
71
+ children: option.text
72
72
  });
73
73
  }
74
74
  }]
@@ -96,9 +96,9 @@ const gridItemStyle = [{
96
96
  text: "Full",
97
97
  value: "100%"
98
98
  }],
99
- renderOption: (option, elementProps, translation) => {
99
+ renderOption: option => {
100
100
  return /*#__PURE__*/_jsx("span", {
101
- children: translation(option.text)
101
+ children: option.text
102
102
  });
103
103
  }
104
104
  }]
@@ -122,9 +122,9 @@ const gridItemStyle = [{
122
122
  text: "Bounce In Left",
123
123
  value: "animate__animated animate__bounceInLeft"
124
124
  }],
125
- renderOption: (option, elementProps, translation) => {
125
+ renderOption: option => {
126
126
  return /*#__PURE__*/_jsx("span", {
127
- children: translation(option.text)
127
+ children: option.text
128
128
  });
129
129
  }
130
130
  }]
@@ -6,7 +6,7 @@ const gridStyle = [{
6
6
  label: "Section Name",
7
7
  key: "id",
8
8
  type: "text",
9
- placeholder: "sectionNamePlaceHolder"
9
+ placeholder: "Id should be unique for the page..."
10
10
  }]
11
11
  }, {
12
12
  tab: "Colors",
@@ -85,9 +85,9 @@ const gridStyle = [{
85
85
  text: "Dashed",
86
86
  value: "dashed"
87
87
  }],
88
- renderOption: (option, elementProps, translation) => {
88
+ renderOption: option => {
89
89
  return /*#__PURE__*/_jsx("span", {
90
- children: translation(option.text)
90
+ children: option.text
91
91
  });
92
92
  }
93
93
  }]
@@ -113,9 +113,9 @@ const gridStyle = [{
113
113
  text: "No Wrap",
114
114
  value: "nowrap"
115
115
  }],
116
- renderOption: (option, elementProps, translation) => {
116
+ renderOption: option => {
117
117
  return /*#__PURE__*/_jsx("span", {
118
- children: translation(option.text)
118
+ children: option.text
119
119
  });
120
120
  }
121
121
  }]
@@ -21,8 +21,7 @@ export const StyleContent = props => {
21
21
  } = props;
22
22
  const element = customElement ? customElement : propsElement;
23
23
  const {
24
- hideTools,
25
- translation
24
+ hideTools
26
25
  } = customProps || {};
27
26
  const {
28
27
  theme
@@ -48,8 +47,7 @@ export const StyleContent = props => {
48
47
  elementProps: element,
49
48
  customProps: customProps,
50
49
  handleClose: handleClose,
51
- classes: classes,
52
- translation: translation
50
+ classes: classes
53
51
  }, `ei_stt_tab_${value}_${m.key}_${i}`) : null;
54
52
  })
55
53
  }, value);
@@ -79,8 +77,7 @@ const StyleBuilder = props => {
79
77
  needActions: true
80
78
  };
81
79
  const {
82
- hideTools,
83
- translation
80
+ hideTools
84
81
  } = customProps || {};
85
82
  const muiTheme = createTheme({
86
83
  components: {
@@ -245,12 +242,12 @@ const StyleBuilder = props => {
245
242
  onClick: onDelete,
246
243
  color: "error",
247
244
  className: "deleteBtn",
248
- children: translation("Delete")
245
+ children: "Delete"
249
246
  }) : null, /*#__PURE__*/_jsx(Button, {
250
247
  onClick: handleSave,
251
248
  disabled: saveDisable,
252
249
  className: "primaryBtn",
253
- children: translation("Save")
250
+ children: "Save"
254
251
  })]
255
252
  }) : null]
256
253
  });
@@ -4,7 +4,6 @@ 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";
8
7
  import { jsx as _jsx } from "react/jsx-runtime";
9
8
  import { Fragment as _Fragment } from "react/jsx-runtime";
10
9
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -19,9 +18,6 @@ const Uploader = props => {
19
18
  const [base64, setBase64] = useState(value?.url);
20
19
  const [fileName, setFileName] = useState("");
21
20
  const [uploading, setUploading] = useState(false);
22
- const {
23
- theme
24
- } = useEditorContext();
25
21
  const handleChange = async e => {
26
22
  const uFile = e.target.files[0];
27
23
  const strImage = await convertBase64(uFile);
@@ -41,9 +37,6 @@ const Uploader = props => {
41
37
  onUploaded(result?.imageURL[0]);
42
38
  }
43
39
  };
44
- const {
45
- translation
46
- } = customProps;
47
40
  const onRemoveBG = () => {
48
41
  setBase64(null);
49
42
  onUploaded("none");
@@ -75,14 +68,14 @@ const Uploader = props => {
75
68
  }), /*#__PURE__*/_jsx(Grid, {
76
69
  className: "removeImageText",
77
70
  onClick: onRemoveBG,
78
- children: translation("Remove")
71
+ children: "REMOVE"
79
72
  })]
80
73
  });
81
74
  default:
82
75
  return /*#__PURE__*/_jsx(Grid, {
83
76
  className: "removeImageText",
84
77
  onClick: onRemoveBG,
85
- children: translation("Remove")
78
+ children: "REMOVE"
86
79
  });
87
80
  }
88
81
  };
@@ -90,7 +83,7 @@ const Uploader = props => {
90
83
  children: [/*#__PURE__*/_jsx(Grid, {
91
84
  item: true,
92
85
  xs: 12,
93
- children: uploading ? translation("uploadingText") : ""
86
+ children: uploading ? "Uploading..." : ""
94
87
  }), /*#__PURE__*/_jsx(Grid, {
95
88
  container: true,
96
89
  sx: classes.uploadContainer,
@@ -106,10 +99,6 @@ const Uploader = props => {
106
99
  className: "uploadImageSection",
107
100
  children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
108
101
  className: "uploadImageText",
109
- sx: {
110
- background: `${theme?.palette?.editor?.inputFieldBgColor}`,
111
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
112
- },
113
102
  children: /*#__PURE__*/_jsxs(Button, {
114
103
  component: "label",
115
104
  variant: "text",
@@ -127,11 +116,11 @@ const Uploader = props => {
127
116
  onChange: handleChange
128
117
  }), /*#__PURE__*/_jsx(Icon, {
129
118
  icon: "fileUpload"
130
- }), /*#__PURE__*/_jsx("span", {
119
+ }), /*#__PURE__*/_jsxs("span", {
131
120
  style: {
132
121
  paddingLeft: "8px"
133
122
  },
134
- children: `${translation("upload")} ${translation(title) || translation("image")}`
123
+ children: ["upload ", title || "image"]
135
124
  })]
136
125
  })
137
126
  })
@@ -51,30 +51,40 @@ const useCommonStyle = theme => ({
51
51
  },
52
52
  "& .MuiPaper-root": {
53
53
  border: `unset !important`,
54
- borderRadius: "0px",
55
- height: "fit-content",
56
- padding: "2px"
54
+ borderRadius: '0px',
55
+ height: 'fit-content'
57
56
  },
58
57
  "& p": {
59
58
  marginBottom: "7px",
60
59
  marginTop: "4px"
61
60
  },
62
- "& p": {
63
- marginBottom: "7px",
64
- marginTop: "4px"
61
+ "& .MuiPaper-root": {
62
+ border: 'unset !important',
63
+ borderRadius: '0px',
64
+ height: 'fit-content',
65
+ padding: '2px'
65
66
  },
66
67
  "& .muiIconsListParent": {
67
68
  "& svg": {
68
69
  color: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`
69
70
  },
71
+ "&::-webkit-scrollbar-thumb": {
72
+ background: `none !important`
73
+ },
74
+ "&::-webkit-scrollbar-track": {
75
+ visibility: "hidden"
76
+ },
70
77
  "&::-webkit-scrollbar-thumb": {
71
78
  background: `${theme?.palette?.editor?.brainPopupScroll} !important`
79
+ },
80
+ "&::-webkit-scrollbar-track": {
81
+ visibility: "hidden"
72
82
  }
73
83
  },
74
84
  "& .MuiGrid-root>.MuiGrid-item": {
75
85
  paddingRight: "0px !important",
76
86
  fontFamily: "Inter, sans-serif",
77
- height: "fit-content"
87
+ height: 'fit-content'
78
88
  },
79
89
  "& .MuiInputBase-root": {
80
90
  borderRadius: "10px",
@@ -135,11 +145,11 @@ const useCommonStyle = theme => ({
135
145
  borderRadius: "10px",
136
146
  width: "46px !important",
137
147
  marginLeft: "10px",
138
- height: "36px !important"
148
+ height: '36px !important'
139
149
  }
140
150
  },
141
- "& .MuiFormHelperText-root": {
142
- margin: "4px 0px 0px 0px",
151
+ '& .MuiFormHelperText-root': {
152
+ margin: '4px 0px 0px 0px',
143
153
  color: theme?.palette?.editor?.closeButtonSvgStroke,
144
154
  fontFamily: "Inter, sans-serif"
145
155
  }
@@ -395,14 +405,14 @@ const useCommonStyle = theme => ({
395
405
  padding: "8px 12px",
396
406
  fontSize: "12px",
397
407
  color: theme?.palette?.editor?.menuOptionTextColor,
398
- fontWeight: "500",
408
+ fontWeight: '500',
399
409
  fontFamily: "Inter, sans-serif",
400
- minHeight: "36px",
410
+ minHeight: '36px',
401
411
  "&:hover": {
402
412
  backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground
403
413
  }
404
414
  },
405
- "& .Mui-selected": {
415
+ '& .Mui-selected': {
406
416
  background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
407
417
  },
408
418
  "& .MuiListSubheader-root": {
@@ -411,16 +421,16 @@ const useCommonStyle = theme => ({
411
421
  fontSize: "12px"
412
422
  },
413
423
  "& .MuiPaper-root": {
414
- borderRadius: "8px",
415
- padding: "0px",
424
+ borderRadius: '8px',
425
+ padding: '0px',
416
426
  background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`
417
427
  },
418
- "& .MuiButtonBase-root": {
419
- margin: "4px",
420
- borderRadius: "6px"
428
+ '& .MuiButtonBase-root': {
429
+ margin: '4px',
430
+ borderRadius: '6px'
421
431
  },
422
- "& .MuiList-root": {
423
- padding: "0px"
432
+ '& .MuiList-root': {
433
+ padding: '0px'
424
434
  }
425
435
  },
426
436
  datePicker: {
@@ -428,71 +438,16 @@ const useCommonStyle = theme => ({
428
438
  width: "100%",
429
439
  "& .react-datepicker__input-container": {
430
440
  "& .MuiInputBase-root": {
431
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
441
+ background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
432
442
  "& .MuiInputBase-input": {
433
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
434
- color: theme?.palette?.editor?.textColor + " !important"
443
+ background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
444
+ color: `${theme?.palette?.editor?.textColor} !important`
435
445
  },
436
446
  "& .MuiOutlinedInput-notchedOutline": {
437
- border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder || theme?.palette?.divider} !important`,
438
- borderRadius: "10px"
439
- },
440
- "&:hover .MuiOutlinedInput-notchedOutline": {
441
- borderColor: theme?.palette?.primary?.main
442
- },
443
- "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
444
- borderColor: theme?.palette?.primary?.dark
447
+ border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder} !important`
445
448
  }
446
449
  }
447
450
  }
448
- },
449
- "& .react-datepicker": {
450
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
451
- // borderRadius: "10px",
452
- border: `1px solid ${theme?.palette?.divider || "#ccc"}`,
453
- boxShadow: "2px 4px 8px rgba(0, 0, 0, 0.4)",
454
- color: theme?.palette?.editor?.textColor + " !important"
455
- },
456
- "& .react-datepicker__header": {
457
- backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
458
- borderBottom: `1px solid ${theme?.palette?.divider || "#ddd"}`,
459
- color: theme?.palette?.editor?.textColor + " !important"
460
- },
461
- "& .react-datepicker__day": {
462
- color: theme?.palette?.editor?.textColor,
463
- "&:hover": {
464
- backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground,
465
- color: theme?.palette?.editor?.textColor || "#fff"
466
- }
467
- },
468
- "& .react-datepicker__current-month": {
469
- color: theme?.palette?.editor?.textColor
470
- },
471
- "& .react-datepicker__day-name": {
472
- color: theme?.palette?.editor?.textColor
473
- },
474
- "& .react-datepicker__day--selected": {
475
- background: theme?.palette?.editor?.activeColor,
476
- color: "#fff",
477
- "&:hover": {
478
- background: theme?.palette?.editor?.activeColor,
479
- color: "#fff"
480
- }
481
- },
482
- "& .react-datepicker__day--keyboard-selected": {
483
- backgroundColor: "#bad9f1",
484
- color: "#000",
485
- "&:hover": {
486
- backgroundColor: "#bad9f1",
487
- color: "#000"
488
- }
489
- },
490
- "& .react-datepicker__day--today": {
491
- fontWeight: "bold",
492
- borderBottom: `2px solid ${theme?.palette?.editor?.activeColor}`
493
- },
494
- "& .react-datepicker__triangle": {
495
- display: "none"
496
451
  }
497
452
  },
498
453
  signaturePopUpNameField: {
@@ -520,27 +475,27 @@ const useCommonStyle = theme => ({
520
475
  }
521
476
  }
522
477
  },
478
+ pageSettingPopUpRoot: {
479
+ padding: "16px 8px 16px 10px!important",
480
+ height: "100%"
481
+ },
523
482
  buttonMoreOption: {
524
483
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
525
484
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
526
- padding: "4px !important",
527
- "& svg": {
528
- width: "18px !important",
529
- height: "18px !important",
530
- "& path": {
485
+ padding: '4px !important',
486
+ '& svg': {
487
+ width: '18px !important',
488
+ height: '18px !important',
489
+ '& path': {
531
490
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
532
491
  }
533
492
  }
534
493
  },
535
- pageSettingPopUpRoot: {
536
- padding: "16px 8px 16px 10px!important",
537
- height: "100%"
538
- },
539
494
  buttonMoreOption2: {
540
495
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
541
496
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
542
- "& svg": {
543
- "& path": {
497
+ '& svg': {
498
+ '& path': {
544
499
  fill: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
545
500
  }
546
501
  }
@@ -548,11 +503,11 @@ const useCommonStyle = theme => ({
548
503
  buttonMoreOption3: {
549
504
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
550
505
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
551
- padding: "5px !important",
552
- "& svg": {
553
- width: "16px !important",
554
- height: "16px !important",
555
- "& path": {
506
+ padding: '5px !important',
507
+ '& svg': {
508
+ width: '16px !important',
509
+ height: '16px !important',
510
+ '& path': {
556
511
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
557
512
  }
558
513
  }
@@ -560,37 +515,37 @@ const useCommonStyle = theme => ({
560
515
  resizeButton: {
561
516
  background: theme?.palette?.editor?.aiInputBackground,
562
517
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1}`,
563
- padding: "5px !important",
564
- borderRadius: "50% !important",
565
- "& svg": {
566
- width: "18px",
567
- height: "18px",
568
- "& path": {
518
+ padding: '5px !important',
519
+ borderRadius: '50% !important',
520
+ '& svg': {
521
+ width: '18px',
522
+ height: '18px',
523
+ '& path': {
569
524
  fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
570
525
  }
571
526
  },
572
- "&:hover": {
527
+ '&:hover': {
573
528
  background: theme?.palette?.editor?.aiInputBackground
574
529
  }
575
530
  },
576
531
  gradientFillBtn: {
577
532
  background: `linear-gradient(112.61deg, #2C63ED 19.3%, #8360FD 88.14%) !important`,
578
- textTransform: "math-auto !important",
579
- color: "#FFFFFF !important",
580
- padding: "0px 12px !important",
581
- height: "32px",
582
- borderRadius: "8px",
583
- fontWeight: "500",
584
- fontSize: "14px"
533
+ textTransform: 'math-auto !important',
534
+ color: '#FFFFFF !important',
535
+ padding: '0px 12px !important',
536
+ height: '32px',
537
+ borderRadius: '8px',
538
+ fontWeight: '500',
539
+ fontSize: '14px'
585
540
  },
586
541
  emptyThumbBtn: {
587
542
  background: `${theme?.palette?.editor?.sectionSettingIconHover} !important`,
588
543
  color: `${theme?.palette?.editor?.textColor} !important`,
589
- fontSize: "14px !important",
590
- "& svg": {
591
- width: "20px !important",
592
- height: "20px !important",
593
- "& path": {
544
+ fontSize: '14px !important',
545
+ '& svg': {
546
+ width: '20px !important',
547
+ height: '20px !important',
548
+ '& path': {
594
549
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
595
550
  }
596
551
  }
@@ -287,18 +287,22 @@ export const bringItemToFB = (editor, {
287
287
  };
288
288
  export const debounce = function (func, wait, immediate) {
289
289
  let timeout;
290
- return function () {
291
- const context = this,
292
- args = arguments,
293
- later = function () {
294
- timeout = null;
295
- if (!immediate) func.apply(context, args);
296
- },
297
- callNow = immediate && !timeout;
290
+ function debounced(...args) {
291
+ const context = this;
292
+ const later = function () {
293
+ timeout = null;
294
+ if (!immediate) func.apply(context, args);
295
+ };
296
+ const callNow = immediate && !timeout;
298
297
  clearTimeout(timeout);
299
298
  timeout = setTimeout(later, wait);
300
299
  if (callNow) func.apply(context, args);
300
+ }
301
+ debounced.cancel = function () {
302
+ clearTimeout(timeout);
303
+ timeout = null;
301
304
  };
305
+ return debounced;
302
306
  };
303
307
  export const getTextColor = (color = "") => {
304
308
  return color?.indexOf("gradient") >= 0 ? {