@flozy/editor 10.0.2 → 10.0.3

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 (269) hide show
  1. package/dist/Editor/ChatEditor.js +20 -28
  2. package/dist/Editor/CommonEditor.js +25 -142
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +9 -17
  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 +5 -15
  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 +14 -61
  26. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  27. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  28. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  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 +2 -4
  33. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
  34. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +12 -13
  35. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +4 -7
  36. package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +5 -7
  37. package/dist/Editor/Elements/DataView/Layouts/FilterView.js +7 -9
  38. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +3 -8
  39. package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +3 -5
  40. package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +5 -6
  41. package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +3 -5
  42. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +7 -9
  43. package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +12 -15
  44. package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +2 -3
  45. package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +2 -3
  46. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +6 -23
  47. package/dist/Editor/Elements/DataView/Layouts/TableView.js +4 -6
  48. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  49. package/dist/Editor/Elements/DataView/Layouts/index.js +1 -3
  50. package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +2 -5
  51. package/dist/Editor/Elements/Divider/Divider.js +3 -5
  52. package/dist/Editor/Elements/Divider/DividerButton.js +2 -6
  53. package/dist/Editor/Elements/Divider/DividerPopup.js +2 -3
  54. package/dist/Editor/Elements/Embed/Embed.js +1 -4
  55. package/dist/Editor/Elements/Embed/EmbedPopup.js +1 -4
  56. package/dist/Editor/Elements/Embed/Image.js +11 -16
  57. package/dist/Editor/Elements/Embed/Video.js +7 -10
  58. package/dist/Editor/Elements/EmbedScript/Code.js +6 -21
  59. package/dist/Editor/Elements/EmbedScript/EmbedScript.js +2 -6
  60. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +30 -62
  61. package/dist/Editor/Elements/Emoji/EmojiButton.js +2 -6
  62. package/dist/Editor/Elements/Form/FieldPopup.js +1 -4
  63. package/dist/Editor/Elements/Form/Form.js +171 -185
  64. package/dist/Editor/Elements/Form/FormButton.js +2 -6
  65. package/dist/Editor/Elements/Form/FormField.js +4 -10
  66. package/dist/Editor/Elements/Form/FormPopup.js +2 -3
  67. package/dist/Editor/Elements/Form/Workflow/FormWorkflow.js +12 -18
  68. package/dist/Editor/Elements/Form/Workflow/ListWorkflow.js +8 -13
  69. package/dist/Editor/Elements/Form/Workflow/MoreOptions.js +2 -3
  70. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  71. package/dist/Editor/Elements/Form/Workflow/UserInputs.js +2 -4
  72. package/dist/Editor/Elements/Form/Workflow/index.js +9 -15
  73. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +112 -173
  74. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +6 -31
  75. package/dist/Editor/Elements/FreeGrid/FreeGridButton.js +2 -6
  76. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +7 -55
  77. package/dist/Editor/Elements/FreeGrid/Options/AddElement.js +2 -3
  78. package/dist/Editor/Elements/FreeGrid/Options/More.js +5 -11
  79. package/dist/Editor/Elements/FreeGrid/styles.js +7 -70
  80. package/dist/Editor/Elements/Grid/Grid.js +10 -13
  81. package/dist/Editor/Elements/Grid/GridButton.js +5 -9
  82. package/dist/Editor/Elements/Grid/GridItem.js +8 -14
  83. package/dist/Editor/Elements/Grid/GridItemPopup.js +1 -4
  84. package/dist/Editor/Elements/Grid/GridPopup.js +1 -4
  85. package/dist/Editor/Elements/Grid/SectionPopup.js +1 -4
  86. package/dist/Editor/Elements/Link/Link.js +5 -8
  87. package/dist/Editor/Elements/Link/LinkButton.js +1 -4
  88. package/dist/Editor/Elements/List/CheckList.js +10 -18
  89. package/dist/Editor/Elements/NewLine/NewLineButton.js +2 -6
  90. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +1 -4
  91. package/dist/Editor/Elements/PageSettings/PageSettingsPopup.js +1 -4
  92. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  93. package/dist/Editor/Elements/Search/SearchButton.js +11 -15
  94. package/dist/Editor/Elements/Search/SearchList.js +10 -16
  95. package/dist/Editor/Elements/Signature/SignatureButton.js +2 -6
  96. package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -6
  97. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +1 -4
  98. package/dist/Editor/Elements/Signature/SignaturePopup.js +16 -17
  99. package/dist/Editor/Elements/SimpleText/index.js +5 -11
  100. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  101. package/dist/Editor/Elements/Table/DragButton.js +2 -4
  102. package/dist/Editor/Elements/Table/Table.js +11 -23
  103. package/dist/Editor/Elements/Table/TablePopup.js +1 -4
  104. package/dist/Editor/Elements/Table/TableSelector.js +6 -10
  105. package/dist/Editor/Elements/Table/TableTool.js +4 -8
  106. package/dist/Editor/Elements/Title/title.js +6 -6
  107. package/dist/Editor/Elements/TopBanner/TopBannerButton.js +1 -4
  108. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  109. package/dist/Editor/MiniEditor.js +3 -10
  110. package/dist/Editor/Styles/EditorStyles.js +5 -5
  111. package/dist/Editor/Toolbar/Basic/index.js +1 -2
  112. package/dist/Editor/Toolbar/FormatTools/BlockButton.js +2 -6
  113. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  114. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  115. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +4 -8
  116. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  117. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +6 -19
  118. package/dist/Editor/Toolbar/PopupTool/AddTemplates.js +5 -10
  119. package/dist/Editor/Toolbar/PopupTool/ButtonTemplatesCard.js +4 -10
  120. package/dist/Editor/Toolbar/PopupTool/FullViewCard.js +4 -10
  121. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +3 -9
  122. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectAlignment.js +35 -42
  123. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  124. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectList.js +51 -58
  125. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectSuperSubscript.js +22 -29
  126. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +87 -226
  127. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +10 -20
  128. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +5 -10
  129. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  130. package/dist/Editor/Toolbar/PopupTool/TemplateCard.js +5 -11
  131. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +45 -123
  132. package/dist/Editor/Toolbar/PopupTool/index.js +2 -18
  133. package/dist/Editor/Toolbar/Toolbar.js +10 -20
  134. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  135. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  136. package/dist/Editor/common/ColorPickerButton.js +16 -38
  137. package/dist/Editor/common/CustomDialog/index.js +10 -8
  138. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  139. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  140. package/dist/Editor/common/Icon.js +1 -31
  141. package/dist/Editor/common/ImageSelector/ImageSelector.js +8 -10
  142. package/dist/Editor/common/ImageSelector/Options/AddLink.js +4 -6
  143. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  144. package/dist/Editor/common/LinkSettings/NavComponents.js +15 -45
  145. package/dist/Editor/common/LinkSettings/index.js +74 -96
  146. package/dist/Editor/common/LinkSettings/navOptions.js +1 -1
  147. package/dist/Editor/common/LinkSettings/style.js +30 -245
  148. package/dist/Editor/common/MentionsPopup/index.js +2 -6
  149. package/dist/Editor/common/RnD/ContextMenu/CMenus.js +22 -46
  150. package/dist/Editor/common/RnD/ContextMenu/index.js +2 -3
  151. package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
  152. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  153. package/dist/Editor/common/RnD/ElementOptions/index.js +4 -9
  154. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  155. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js +3 -8
  156. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +7 -11
  157. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  158. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  159. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  160. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  161. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +4 -7
  162. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  163. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  164. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +2 -6
  165. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  166. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
  167. package/dist/Editor/common/RnD/OptionsPopup/index.js +8 -12
  168. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
  169. package/dist/Editor/common/RnD/ShadowElement.js +1 -2
  170. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +7 -11
  171. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  172. package/dist/Editor/common/RnD/Utils/gridDropItem.js +9 -73
  173. package/dist/Editor/common/RnD/Utils/index.js +0 -3
  174. package/dist/Editor/common/RnD/VirtualElement/index.js +103 -187
  175. package/dist/Editor/common/RnD/VirtualElement/styles.js +7 -169
  176. package/dist/Editor/common/RnD/VirtualElement/updateAutoProps.js +3 -5
  177. package/dist/Editor/common/RnD/index.js +8 -76
  178. package/dist/Editor/common/Section/index.js +4 -7
  179. package/dist/Editor/common/Select/index.js +0 -2
  180. package/dist/Editor/common/Shorthands/elements.js +3 -72
  181. package/dist/Editor/common/StyleBuilder/appHeaderStyle.js +4 -4
  182. package/dist/Editor/common/StyleBuilder/boxStyle.js +2 -2
  183. package/dist/Editor/common/StyleBuilder/buttonStyle.js +4 -6
  184. package/dist/Editor/common/StyleBuilder/dividerStyles.js +2 -2
  185. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +6 -6
  186. package/dist/Editor/common/StyleBuilder/fieldStyle.js +2 -2
  187. package/dist/Editor/common/StyleBuilder/fieldTypes/alignment.js +9 -13
  188. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -11
  189. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +5 -19
  190. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +10 -22
  191. package/dist/Editor/common/StyleBuilder/fieldTypes/buttonLink.js +3 -6
  192. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +13 -27
  193. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +14 -44
  194. package/dist/Editor/common/StyleBuilder/fieldTypes/elementSize.js +6 -10
  195. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +6 -19
  196. package/dist/Editor/common/StyleBuilder/fieldTypes/gridSize.js +2 -6
  197. package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +2 -5
  198. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  199. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +12 -22
  200. package/dist/Editor/common/StyleBuilder/fieldTypes/metaDataMapping.js +2 -8
  201. package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +11 -12
  202. package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -6
  203. package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -8
  204. package/dist/Editor/common/StyleBuilder/fieldTypes/textAlign.js +2 -6
  205. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +12 -21
  206. package/dist/Editor/common/StyleBuilder/formStyle.js +7 -7
  207. package/dist/Editor/common/StyleBuilder/gridItemStyle.js +6 -6
  208. package/dist/Editor/common/StyleBuilder/gridStyle.js +5 -5
  209. package/dist/Editor/common/StyleBuilder/index.js +5 -8
  210. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  211. package/dist/Editor/common/Uploader.js +5 -16
  212. package/dist/Editor/common/iconListV2.js +6 -101
  213. package/dist/Editor/common/iconslist.js +0 -24
  214. package/dist/Editor/commonStyle.js +61 -174
  215. package/dist/Editor/helper/index.js +3 -27
  216. package/dist/Editor/helper/theme.js +2 -203
  217. package/dist/Editor/hooks/useMouseMove.js +5 -8
  218. package/dist/Editor/plugins/withEmbeds.js +1 -1
  219. package/dist/Editor/plugins/withHTML.js +7 -10
  220. package/dist/Editor/plugins/withLayout.js +2 -3
  221. package/dist/Editor/plugins/withLinks.js +0 -9
  222. package/dist/Editor/plugins/withTable.js +1 -1
  223. package/dist/Editor/theme/ThemeList.js +173 -50
  224. package/dist/Editor/utils/SlateUtilityFunctions.js +54 -186
  225. package/dist/Editor/utils/brains.js +2 -1
  226. package/dist/Editor/utils/button.js +17 -1
  227. package/dist/Editor/utils/draftToSlate.js +2 -3
  228. package/dist/Editor/utils/font.js +37 -40
  229. package/dist/Editor/utils/freegrid.js +4 -3
  230. package/dist/Editor/utils/helper.js +21 -92
  231. package/package.json +4 -4
  232. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  233. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  234. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  235. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  236. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  237. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  238. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  239. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  240. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  241. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  242. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  243. package/dist/Editor/common/CustomSelect.js +0 -43
  244. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  245. package/dist/Editor/common/RnD/VirtualElement/BoxHeaderAutoAlignment.js +0 -43
  246. package/dist/Editor/common/RnD/VirtualElement/ForceAutoAlignment.js +0 -44
  247. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +0 -134
  248. package/dist/Editor/common/RnD/VirtualElement/helper.js +0 -382
  249. package/dist/Editor/common/SnackBar/index.js +0 -43
  250. package/dist/Editor/helper/textIndeces.js +0 -58
  251. package/dist/Editor/hooks/useAutoScroll.js +0 -38
  252. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  253. package/dist/Editor/hooks/useThemeValues.js +0 -63
  254. package/dist/Editor/theme/index.js +0 -149
  255. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  256. package/dist/Editor/themeSettings/buttons/index.js +0 -290
  257. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  258. package/dist/Editor/themeSettings/colorTheme/index.js +0 -309
  259. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  260. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  261. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  262. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  263. package/dist/Editor/themeSettings/icons.js +0 -60
  264. package/dist/Editor/themeSettings/index.js +0 -361
  265. package/dist/Editor/themeSettings/style.js +0 -292
  266. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  267. package/dist/Editor/themeSettingsAI/index.js +0 -355
  268. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  269. package/dist/Editor/themeSettingsAI/style.js +0 -324
@@ -15,9 +15,6 @@ import Workflow from "./Workflow";
15
15
  import { getTRBLBreakPoints, getBreakPointsValue, groupByBreakpoint } from "../../helper/theme";
16
16
  import { validation } from "./FormElements/validations";
17
17
  import Icon from "../../common/Icon";
18
- import useCommonStyle from "../../commonStyle";
19
- import { useEditorContext } from "../../hooks/useMouseMove";
20
- import { UploadIconCloud } from "../../common/iconListV2";
21
18
  import { jsx as _jsx } from "react/jsx-runtime";
22
19
  import { jsxs as _jsxs } from "react/jsx-runtime";
23
20
  const Form = props => {
@@ -35,8 +32,7 @@ const Form = props => {
35
32
  page_id,
36
33
  onFormSubmit = () => {},
37
34
  tagName = "Pages",
38
- isIframe = false,
39
- translation
35
+ isIframe = false
40
36
  } = customProps;
41
37
  const {
42
38
  buttonProps,
@@ -79,10 +75,6 @@ const Form = props => {
79
75
  const [formHeight, setFormHeight] = useState();
80
76
  const [formWidth, setFormWidth] = useState();
81
77
  const path = ReactEditor.findPath(editor, element);
82
- const {
83
- theme: appTheme
84
- } = useEditorContext();
85
- const classes = useCommonStyle(appTheme);
86
78
  useEffect(() => {
87
79
  setFormHeight(formEle?.current?.clientHeight);
88
80
  setFormWidth(formEle?.current?.clientWidth);
@@ -321,7 +313,7 @@ const Form = props => {
321
313
  textAlign: "left"
322
314
  },
323
315
  children: [/*#__PURE__*/_jsx(Tooltip, {
324
- title: translation("Form Settings"),
316
+ title: "Form Settings",
325
317
  arrow: true,
326
318
  children: /*#__PURE__*/_jsx(IconButton, {
327
319
  onClick: onSettings,
@@ -329,7 +321,7 @@ const Form = props => {
329
321
  children: /*#__PURE__*/_jsx(GridSettingsIcon, {})
330
322
  })
331
323
  }), /*#__PURE__*/_jsx(Tooltip, {
332
- title: translation("Add Form Field"),
324
+ title: "Add Form Field",
333
325
  arrow: true,
334
326
  children: /*#__PURE__*/_jsx(IconButton, {
335
327
  onClick: onAddFormField,
@@ -337,7 +329,7 @@ const Form = props => {
337
329
  children: /*#__PURE__*/_jsx(GridAddSectionIcon, {})
338
330
  })
339
331
  }), /*#__PURE__*/_jsx(Tooltip, {
340
- title: translation("Delete Form"),
332
+ title: "Delete Form",
341
333
  arrow: true,
342
334
  children: /*#__PURE__*/_jsx(IconButton, {
343
335
  onClick: onDelete,
@@ -345,7 +337,7 @@ const Form = props => {
345
337
  children: /*#__PURE__*/_jsx(DeleteIcon, {})
346
338
  })
347
339
  }), /*#__PURE__*/_jsx(Tooltip, {
348
- title: translation("Workflow"),
340
+ title: "Workflow",
349
341
  arrow: true,
350
342
  children: /*#__PURE__*/_jsx(IconButton, {
351
343
  className: "svg-big-btn",
@@ -388,192 +380,186 @@ const Form = props => {
388
380
  }
389
381
  }, theme)
390
382
  };
391
- return /*#__PURE__*/_jsx(Grid, {
392
- sx: classes?.formStyles,
393
- children: /*#__PURE__*/_jsxs("div", {
394
- ...attributes,
395
- className: "form-wrapper element-root",
396
- style: {
397
- border: !readOnly ? "none" : "none",
398
- padding: "10px",
399
- width: "100%"
383
+ return /*#__PURE__*/_jsxs("div", {
384
+ ...attributes,
385
+ className: "form-wrapper element-root",
386
+ style: {
387
+ border: !readOnly ? "none" : "none",
388
+ padding: "10px",
389
+ width: "100%"
390
+ },
391
+ onMouseOver: onMouseOver,
392
+ onMouseLeave: onMouseLeave,
393
+ children: [/*#__PURE__*/_jsxs(Box, {
394
+ component: "form",
395
+ id: `${formName}`,
396
+ onSubmit: handleSubmit,
397
+ sx: {
398
+ color: textColor || "#FFF",
399
+ borderColor: borderColor || "transparent",
400
+ borderWidth: borderWidth || "1px",
401
+ display: submittedSuccessfully ? "none" : "block",
402
+ borderStyle: borderStyle || "solid",
403
+ background: bgColor || "transparent",
404
+ position: "relative",
405
+ lineHeight: 1.43,
406
+ ...formSX
400
407
  },
401
- onMouseOver: onMouseOver,
402
- onMouseLeave: onMouseLeave,
403
- children: [/*#__PURE__*/_jsxs(Box, {
404
- component: "form",
405
- id: `${formName}`,
406
- onSubmit: handleSubmit,
407
- sx: {
408
- color: textColor || "#FFF",
409
- borderColor: borderColor || "transparent",
410
- borderWidth: borderWidth || "1px",
411
- display: submittedSuccessfully ? "none" : "block",
412
- borderStyle: borderStyle || "solid",
413
- background: bgColor || "transparent",
414
- position: "relative",
415
- lineHeight: 1.43,
416
- ...formSX
417
- },
418
- ref: formEle,
419
- children: [/*#__PURE__*/_jsx(Grid, {
420
- className: "form-grid",
421
- item: true,
422
- xs: 12,
423
- children: /*#__PURE__*/_jsxs(Grid, {
424
- container: true,
425
- spacing: 2,
426
- sx: {
427
- justifyContent: alignment?.horizantal || "start"
408
+ ref: formEle,
409
+ children: [/*#__PURE__*/_jsx(Grid, {
410
+ className: "form-grid",
411
+ item: true,
412
+ xs: 12,
413
+ children: /*#__PURE__*/_jsxs(Grid, {
414
+ container: true,
415
+ spacing: 2,
416
+ sx: {
417
+ justifyContent: alignment?.horizantal || "start"
418
+ },
419
+ children: [/*#__PURE__*/_jsx("legend", {
420
+ style: {
421
+ fontSize: `${textSize}px` || "inherit",
422
+ fontFamily: fontFamily || "PoppinsRegular",
423
+ textAlign: textAlign || "left",
424
+ width: "100%"
428
425
  },
429
- children: [/*#__PURE__*/_jsx("legend", {
430
- style: {
431
- fontSize: `${textSize}px` || "inherit",
432
- fontFamily: fontFamily || "PoppinsRegular",
433
- textAlign: textAlign || "left",
434
- width: "100%"
435
- },
436
- children: formTitle
437
- }), children, /*#__PURE__*/_jsx(Grid, {
438
- item: true,
439
- ...buttonProps?.grid,
440
- className: "form-btn-wrpr",
441
- contentEditable: false,
442
- style: {
443
- display: "flex",
444
- justifyContent: btnAlign?.horizantal || "start",
445
- alignItems: btnAlign?.vertical || "start"
426
+ children: formTitle
427
+ }), children, /*#__PURE__*/_jsx(Grid, {
428
+ item: true,
429
+ ...buttonProps?.grid,
430
+ className: "form-btn-wrpr",
431
+ contentEditable: false,
432
+ style: {
433
+ display: "flex",
434
+ justifyContent: btnAlign?.horizantal || "start",
435
+ alignItems: btnAlign?.vertical || "start"
436
+ },
437
+ children: /*#__PURE__*/_jsx(Box, {
438
+ component: "button",
439
+ onClick: onSubmitClick,
440
+ disabled: loading,
441
+ sx: {
442
+ background: buttonProps?.bgColor || "rgb(30, 75, 122)",
443
+ borderWidth: "1px",
444
+ borderBlockStyle: "solid",
445
+ ...btnBorderStyle,
446
+ ...buttonSX,
447
+ color: `${buttonProps?.textColor || "#FFFFFF"}`,
448
+ fontSize: buttonProps?.textSize || "inherit",
449
+ height: "fit-content",
450
+ fontFamily: buttonProps?.fontFamily || "PoppinsRegular",
451
+ width: buttonProps?.fullWidth ? "100%" : "auto"
446
452
  },
447
- children: /*#__PURE__*/_jsx(Box, {
448
- component: "button",
449
- onClick: onSubmitClick,
450
- disabled: loading,
451
- sx: {
452
- background: buttonProps?.bgColor || "rgb(30, 75, 122)",
453
- borderWidth: "1px",
454
- borderBlockStyle: "solid",
455
- ...btnBorderStyle,
456
- ...buttonSX,
457
- color: `${buttonProps?.textColor || "#FFFFFF"}`,
458
- fontSize: buttonProps?.textSize || "inherit",
459
- height: "fit-content",
460
- fontFamily: buttonProps?.fontFamily || "PoppinsRegular",
461
- width: buttonProps?.fullWidth ? "100%" : "auto"
462
- },
463
- children: buttonProps?.label || "Submit"
464
- })
465
- })]
466
- })
467
- }), !readOnly && showOptions && /*#__PURE__*/_jsx(FormToolbar, {}), loading && /*#__PURE__*/_jsx("div", {
453
+ children: buttonProps?.label || "Submit"
454
+ })
455
+ })]
456
+ })
457
+ }), !readOnly && showOptions && /*#__PURE__*/_jsx(FormToolbar, {}), loading && /*#__PURE__*/_jsx("div", {
458
+ style: {
459
+ position: "absolute",
460
+ top: 0,
461
+ left: 0,
462
+ width: "100%",
463
+ height: "100%",
464
+ background: "rgba(255,255,255,0.5)"
465
+ },
466
+ children: /*#__PURE__*/_jsx(CircularProgress, {
468
467
  style: {
469
468
  position: "absolute",
470
- top: 0,
471
469
  left: 0,
472
- width: "100%",
473
- height: "100%",
474
- background: "rgba(255,255,255,0.5)"
475
- },
476
- children: /*#__PURE__*/_jsx(CircularProgress, {
477
- style: {
478
- position: "absolute",
479
- left: 0,
480
- right: 0,
481
- top: 0,
482
- bottom: 0,
483
- margin: "auto"
484
- }
485
- })
486
- })]
487
- }), /*#__PURE__*/_jsx(Grid, {
488
- item: true,
489
- sx: {
490
- display: submittedSuccessfully ? "flex" : "none"
491
- },
492
- contentEditable: false,
470
+ right: 0,
471
+ top: 0,
472
+ bottom: 0,
473
+ margin: "auto"
474
+ }
475
+ })
476
+ })]
477
+ }), /*#__PURE__*/_jsx(Grid, {
478
+ item: true,
479
+ sx: {
480
+ display: submittedSuccessfully ? "flex" : "none"
481
+ },
482
+ contentEditable: false,
483
+ children: /*#__PURE__*/_jsx(Grid, {
484
+ container: true,
485
+ alignItems: "center",
486
+ justifyContent: "center",
487
+ spacing: 2,
493
488
  children: /*#__PURE__*/_jsx(Grid, {
494
- container: true,
495
- alignItems: "center",
496
- justifyContent: "center",
497
- spacing: 2,
498
- children: /*#__PURE__*/_jsx(Grid, {
499
- item: true,
500
- children: /*#__PURE__*/_jsxs(Typography, {
501
- sx: {
502
- color: textColor || "#A2A9B4",
503
- borderColor: borderColor || "transparent",
504
- borderWidth: borderWidth || "1px",
505
- borderStyle: borderStyle || "solid",
506
- background: bgColor || "transparent",
507
- minHeight: `${formHeight}px`,
508
- minWidth: `${formWidth}px`,
509
- display: "flex",
510
- alignItems: "center",
511
- justifyContent: "center",
512
- textAlign: "center",
513
- position: "relative",
514
- ...formTypoSX
489
+ item: true,
490
+ children: /*#__PURE__*/_jsxs(Typography, {
491
+ sx: {
492
+ color: textColor || "#A2A9B4",
493
+ borderColor: borderColor || "transparent",
494
+ borderWidth: borderWidth || "1px",
495
+ borderStyle: borderStyle || "solid",
496
+ background: bgColor || "transparent",
497
+ minHeight: `${formHeight}px`,
498
+ minWidth: `${formWidth}px`,
499
+ display: "flex",
500
+ alignItems: "center",
501
+ justifyContent: "center",
502
+ textAlign: "center",
503
+ position: "relative",
504
+ ...formTypoSX
505
+ },
506
+ children: ["Form Submitted Successfully...!", /*#__PURE__*/_jsx("span", {
507
+ style: {
508
+ paddingLeft: "10px"
515
509
  },
516
- children: ["Form Submitted Successfully...!", /*#__PURE__*/_jsx("span", {
517
- style: {
518
- paddingLeft: "10px"
519
- },
520
- children: /*#__PURE__*/_jsx(IconButton, {
521
- onClick: handleCloseMessage,
522
- children: /*#__PURE__*/_jsx(Icon, {
523
- icon: "closeIcon"
524
- })
510
+ children: /*#__PURE__*/_jsx(IconButton, {
511
+ onClick: handleCloseMessage,
512
+ children: /*#__PURE__*/_jsx(Icon, {
513
+ icon: "closeIcon"
525
514
  })
526
- })]
527
- })
515
+ })
516
+ })]
528
517
  })
529
518
  })
530
- }), openSetttings ? /*#__PURE__*/_jsx(FormPopup, {
531
- element: element,
532
- onSave: onSave,
533
- onClose: onClose,
534
- customProps: customProps,
535
- translation: translation
536
- }) : null, /*#__PURE__*/_jsx(Workflow, {
537
- openWorkflow: openWorkflow,
538
- element: element,
539
- closeWorkflow: closeWorkflow,
540
- onSave: onSave,
541
- customProps: customProps
542
- }), !readOnly && !isIframe ? /*#__PURE__*/_jsxs(Menu, {
543
- className: "editor-btn-options",
544
- open: anchorEl !== null,
545
- anchorEl: anchorEl,
546
- onClose: handleClose,
547
- contentEditable: false,
548
- sx: classes?.formMenuStyle,
549
- children: [/*#__PURE__*/_jsx(MenuItem, {
550
- onClick: onMenuClick("edit"),
551
- children: /*#__PURE__*/_jsx(Tooltip, {
552
- title: translation("Button Settings"),
553
- arrow: true,
554
- children: /*#__PURE__*/_jsx(IconButton, {
555
- children: /*#__PURE__*/_jsx(GridSettingsIcon, {})
556
- })
519
+ })
520
+ }), openSetttings ? /*#__PURE__*/_jsx(FormPopup, {
521
+ element: element,
522
+ onSave: onSave,
523
+ onClose: onClose,
524
+ customProps: customProps
525
+ }) : null, /*#__PURE__*/_jsx(Workflow, {
526
+ openWorkflow: openWorkflow,
527
+ element: element,
528
+ closeWorkflow: closeWorkflow,
529
+ onSave: onSave
530
+ }), !readOnly && !isIframe ? /*#__PURE__*/_jsxs(Menu, {
531
+ className: "editor-btn-options",
532
+ open: anchorEl !== null,
533
+ anchorEl: anchorEl,
534
+ onClose: handleClose,
535
+ contentEditable: false,
536
+ children: [/*#__PURE__*/_jsx(MenuItem, {
537
+ onClick: onMenuClick("edit"),
538
+ children: /*#__PURE__*/_jsx(Tooltip, {
539
+ title: "Button Settings",
540
+ arrow: true,
541
+ children: /*#__PURE__*/_jsx(IconButton, {
542
+ children: /*#__PURE__*/_jsx(GridSettingsIcon, {})
557
543
  })
558
- }), /*#__PURE__*/_jsx(MenuItem, {
559
- onClick: onMenuClick("test"),
560
- children: /*#__PURE__*/_jsx(Tooltip, {
561
- title: translation("Test Submit"),
562
- arrow: true,
563
- children: /*#__PURE__*/_jsx(IconButton, {
564
- children: /*#__PURE__*/_jsx(UploadIconCloud, {})
565
- })
544
+ })
545
+ }), /*#__PURE__*/_jsx(MenuItem, {
546
+ onClick: onMenuClick("test"),
547
+ children: /*#__PURE__*/_jsx(Tooltip, {
548
+ title: "Test Submit",
549
+ arrow: true,
550
+ children: /*#__PURE__*/_jsx(IconButton, {
551
+ children: /*#__PURE__*/_jsx(BackupIcon, {})
566
552
  })
567
- })]
568
- }) : null, editButton && /*#__PURE__*/_jsx(ButtonPopup, {
569
- element: buttonProps || {},
570
- onSave: onSaveButtonSettings,
571
- onClose: onCloseButtonSettings,
572
- customProps: customProps,
573
- style: formButtonStyle,
574
- styleName: "formButtonStyle"
553
+ })
575
554
  })]
576
- })
555
+ }) : null, editButton && /*#__PURE__*/_jsx(ButtonPopup, {
556
+ element: buttonProps || {},
557
+ onSave: onSaveButtonSettings,
558
+ onClose: onCloseButtonSettings,
559
+ customProps: customProps,
560
+ style: formButtonStyle,
561
+ styleName: "formButtonStyle"
562
+ })]
577
563
  });
578
564
  };
579
565
  export default Form;
@@ -5,18 +5,14 @@ import ToolbarIcon from "../../common/ToolbarIcon";
5
5
  import Icon from "../../common/Icon";
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
7
  const FormButton = ({
8
- icoBtnType,
9
- customProps
8
+ icoBtnType
10
9
  }) => {
11
- const {
12
- translation
13
- } = customProps;
14
10
  const editor = useSlateStatic();
15
11
  const onClick = () => {
16
12
  insertForm(editor);
17
13
  };
18
14
  return /*#__PURE__*/_jsx(ToolbarIcon, {
19
- title: translation("Form"),
15
+ title: "Form",
20
16
  onClick: onClick,
21
17
  icon: /*#__PURE__*/_jsx(Icon, {
22
18
  icon: "form"
@@ -2,13 +2,11 @@ import React, { useState } from "react";
2
2
  import { Transforms, Node } from "slate";
3
3
  import { useSlateStatic, ReactEditor } from "slate-react";
4
4
  import { IconButton, Tooltip, Grid, useTheme } from "@mui/material";
5
+ import DeleteIcon from "@mui/icons-material/Delete";
6
+ import SettingsIcon from "@mui/icons-material/Settings";
5
7
  import FormElements from "./FormElements";
6
8
  import FieldPopup from "./FieldPopup";
7
9
  import { getBreakPointsValue, groupByBreakpoint } from "../../helper/theme";
8
- import { DeleteIcon } from "../../assets/svg/AIIcons";
9
- import { SettingsIcon } from "../../assets/svg/TableIcons";
10
- import { useEditorContext } from "../../hooks/useMouseMove";
11
- import useCommonStyle from "../../commonStyle";
12
10
  import { jsx as _jsx } from "react/jsx-runtime";
13
11
  import { jsxs as _jsxs } from "react/jsx-runtime";
14
12
  const FormField = props => {
@@ -40,10 +38,6 @@ const FormField = props => {
40
38
  ...element,
41
39
  metadatamapping
42
40
  };
43
- const {
44
- theme: appTheme
45
- } = useEditorContext();
46
- const classes = useCommonStyle(appTheme);
47
41
  const [openSetttings, setOpenSettings] = useState(false);
48
42
  const onSettings = () => {
49
43
  setOpenSettings(true);
@@ -83,6 +77,7 @@ const FormField = props => {
83
77
  top: "24px",
84
78
  bottom: 0,
85
79
  margin: "auto",
80
+ height: "42px",
86
81
  zIndex: 101
87
82
  },
88
83
  children: [/*#__PURE__*/_jsx(Tooltip, {
@@ -115,8 +110,7 @@ const FormField = props => {
115
110
  className: "form-field",
116
111
  sx: {
117
112
  position: "relative",
118
- ...fieldSX,
119
- ...classes?.fieldBtnSettings
113
+ ...fieldSX
120
114
  },
121
115
  children: [!readOnly && /*#__PURE__*/_jsx(FieldToolbar, {}), /*#__PURE__*/_jsx(FormElement, {
122
116
  fieldProps: elementProps
@@ -8,12 +8,11 @@ const FormPopup = props => {
8
8
  element,
9
9
  onSave,
10
10
  onClose,
11
- customProps,
12
- translation
11
+ customProps
13
12
  } = props;
14
13
  return /*#__PURE__*/_jsx(_Fragment, {
15
14
  children: /*#__PURE__*/_jsx(StyleBuilder, {
16
- title: translation("Form"),
15
+ title: "Form",
17
16
  type: "formStyle",
18
17
  element: element,
19
18
  onSave: onSave,
@@ -22,12 +22,8 @@ const FormWorkflow = props => {
22
22
  setBodyData,
23
23
  handleSelectedVariables,
24
24
  handleInputReset,
25
- classes,
26
- customProps
25
+ classes
27
26
  } = props;
28
- const {
29
- translation
30
- } = customProps;
31
27
  const [anchorEl, setAnchorEl] = useState(null);
32
28
  const variables = element?.children;
33
29
  const type = 1;
@@ -64,10 +60,10 @@ const FormWorkflow = props => {
64
60
  xs: 12,
65
61
  children: [/*#__PURE__*/_jsx(Typography, {
66
62
  sx: classes.subHeadings,
67
- children: translation("setTimingText")
63
+ children: "Set Timings *"
68
64
  }), /*#__PURE__*/_jsx(Typography, {
69
65
  sx: classes.infoText,
70
- children: translation("setTimingHelperText")
66
+ children: "Invitees will receive reminder emails at specified times before scheduled events"
71
67
  })]
72
68
  }), /*#__PURE__*/_jsx(Grid, {
73
69
  item: true,
@@ -84,7 +80,7 @@ const FormWorkflow = props => {
84
80
  defaultValue: 1,
85
81
  children: [/*#__PURE__*/_jsx(FormControlLabel, {
86
82
  value: "immediately",
87
- label: translation("Immediately"),
83
+ label: "Immediately",
88
84
  onChange: () => {
89
85
  setSchedule("immediately");
90
86
  },
@@ -93,7 +89,7 @@ const FormWorkflow = props => {
93
89
  })
94
90
  }), /*#__PURE__*/_jsx(FormControlLabel, {
95
91
  value: "after",
96
- label: translation("After"),
92
+ label: "After",
97
93
  onChange: () => {
98
94
  setSchedule("after");
99
95
  },
@@ -140,15 +136,15 @@ const FormWorkflow = props => {
140
136
  children: [/*#__PURE__*/_jsx(MenuItem, {
141
137
  sx: classes.selectList,
142
138
  value: "minutes",
143
- children: translation("Minutes")
139
+ children: "Minutes"
144
140
  }), /*#__PURE__*/_jsx(MenuItem, {
145
141
  sx: classes.selectList,
146
142
  value: "hours",
147
- children: translation("Hours")
143
+ children: "Hours"
148
144
  }), /*#__PURE__*/_jsx(MenuItem, {
149
145
  sx: classes.selectList,
150
146
  value: "days",
151
- children: translation("Day")
147
+ children: "Day"
152
148
  })]
153
149
  })
154
150
  })
@@ -161,7 +157,7 @@ const FormWorkflow = props => {
161
157
  xs: 12,
162
158
  children: [/*#__PURE__*/_jsx(Typography, {
163
159
  sx: classes.formHeadings,
164
- children: translation("subjectText")
160
+ children: "Subject *"
165
161
  }), /*#__PURE__*/_jsx(TextField, {
166
162
  multiline: true,
167
163
  margin: "none",
@@ -196,7 +192,7 @@ const FormWorkflow = props => {
196
192
  sx: classes.variableBtn,
197
193
  onClick: handleVariables,
198
194
  endIcon: /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {}),
199
- children: translation("Variables")
195
+ children: "Variables"
200
196
  }), /*#__PURE__*/_jsx(Menu, {
201
197
  id: "basic-menu",
202
198
  open: Boolean(anchorEl),
@@ -226,7 +222,7 @@ const FormWorkflow = props => {
226
222
  xs: 12,
227
223
  children: [/*#__PURE__*/_jsx(Typography, {
228
224
  sx: classes.formHeadings,
229
- children: translation("bodyText")
225
+ children: "Body *"
230
226
  }), /*#__PURE__*/_jsx(UserInputs, {
231
227
  element: element,
232
228
  type: 2,
@@ -234,9 +230,7 @@ const FormWorkflow = props => {
234
230
  handleField: handleBodyField,
235
231
  onSave: onSaveBodyField,
236
232
  handleSelectedVariables: handleSelectedVariables,
237
- handleInputReset: handleInputReset,
238
- customProps: customProps,
239
- translation: translation
233
+ handleInputReset: handleInputReset
240
234
  })]
241
235
  })]
242
236
  });