@flozy/editor 10.3.8 → 10.4.0

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 (189) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +18 -134
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +8 -46
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
  6. package/dist/Editor/Elements/Accordion/Accordion.js +9 -46
  7. package/dist/Editor/Elements/Accordion/AccordionSummary.js +23 -1
  8. package/dist/Editor/Elements/AppHeader/AppHeader.js +5 -10
  9. package/dist/Editor/Elements/Button/EditorButton.js +9 -27
  10. package/dist/Editor/Elements/Carousel/CarouselItem.js +1 -2
  11. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  13. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  14. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  15. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  16. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +8 -23
  17. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +2 -5
  18. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
  19. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
  20. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  21. package/dist/Editor/Elements/Embed/Image.js +2 -3
  22. package/dist/Editor/Elements/Embed/Video.js +1 -1
  23. package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
  24. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
  25. package/dist/Editor/Elements/Form/Form.js +171 -184
  26. package/dist/Editor/Elements/Form/FormElements/FormText.js +6 -23
  27. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -2
  28. package/dist/Editor/Elements/Form/FormField.js +6 -13
  29. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  30. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +32 -40
  31. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  32. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +0 -1
  33. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  34. package/dist/Editor/Elements/FreeGrid/styles.js +7 -75
  35. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  36. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  37. package/dist/Editor/Elements/List/CheckList.js +2 -3
  38. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  39. package/dist/Editor/Elements/Search/SearchButton.js +8 -9
  40. package/dist/Editor/Elements/Search/SearchList.js +7 -9
  41. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  42. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  43. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  44. package/dist/Editor/Elements/SimpleText/index.js +1 -6
  45. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  46. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  47. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  48. package/dist/Editor/Elements/Table/Styles.js +0 -7
  49. package/dist/Editor/Elements/Table/Table.js +3 -3
  50. package/dist/Editor/Elements/Table/TableCell.js +8 -31
  51. package/dist/Editor/Elements/Title/title.js +6 -6
  52. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  53. package/dist/Editor/MiniEditor.js +1 -2
  54. package/dist/Editor/Styles/EditorStyles.js +5 -5
  55. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  56. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  57. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  58. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  59. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  60. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  61. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  62. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  63. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  64. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  65. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  66. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
  67. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  68. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  69. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  70. package/dist/Editor/common/ColorPickerButton.js +16 -41
  71. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  72. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  73. package/dist/Editor/common/Icon.js +1 -31
  74. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  75. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  76. package/dist/Editor/common/LinkSettings/NavComponents.js +56 -61
  77. package/dist/Editor/common/LinkSettings/index.js +81 -82
  78. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  79. package/dist/Editor/common/LinkSettings/style.js +74 -209
  80. package/dist/Editor/common/RnD/ElementOptions/Actions.js +15 -13
  81. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  82. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  83. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  84. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
  85. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  86. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  87. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  88. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  89. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  90. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  91. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  92. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  93. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  94. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  95. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -146
  96. package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
  97. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -120
  98. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
  99. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  100. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  101. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  102. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
  103. package/dist/Editor/common/RnD/VirtualElement/helper.js +132 -323
  104. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  105. package/dist/Editor/common/RnD/index.js +39 -68
  106. package/dist/Editor/common/Select/index.js +5 -44
  107. package/dist/Editor/common/Select/styles.js +2 -30
  108. package/dist/Editor/common/Shorthands/elements.js +11 -65
  109. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  110. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
  111. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  112. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -4
  113. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  114. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  115. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  116. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  117. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  118. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  119. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  120. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  121. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
  122. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  123. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  124. package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
  125. package/dist/Editor/common/Uploader.js +0 -16
  126. package/dist/Editor/common/iconListV2.js +6 -177
  127. package/dist/Editor/common/iconslist.js +0 -24
  128. package/dist/Editor/commonStyle.js +62 -186
  129. package/dist/Editor/helper/index.js +1 -5
  130. package/dist/Editor/helper/theme.js +2 -203
  131. package/dist/Editor/hooks/useMouseMove.js +5 -8
  132. package/dist/Editor/hooks/useTable.js +4 -5
  133. package/dist/Editor/plugins/withEmbeds.js +1 -1
  134. package/dist/Editor/plugins/withHTML.js +1 -3
  135. package/dist/Editor/plugins/withTable.js +1 -1
  136. package/dist/Editor/theme/ThemeList.js +173 -50
  137. package/dist/Editor/utils/SlateUtilityFunctions.js +46 -172
  138. package/dist/Editor/utils/accordion.js +4 -14
  139. package/dist/Editor/utils/button.js +17 -1
  140. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  141. package/dist/Editor/utils/draftToSlate.js +2 -3
  142. package/dist/Editor/utils/events.js +6 -50
  143. package/dist/Editor/utils/font.js +37 -40
  144. package/dist/Editor/utils/form.js +4 -4
  145. package/dist/Editor/utils/formfield.js +2 -9
  146. package/dist/Editor/utils/helper.js +26 -188
  147. package/dist/Editor/utils/insertAppHeader.js +1 -1
  148. package/dist/Editor/utils/signature.js +9 -2
  149. package/package.json +4 -4
  150. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  151. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  152. package/dist/Editor/Elements/FreeGrid/helper.js +0 -115
  153. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  154. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  155. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  156. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  157. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  158. package/dist/Editor/common/Checkbox/index.js +0 -46
  159. package/dist/Editor/common/Checkbox/styles.js +0 -45
  160. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  161. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  162. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  163. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  164. package/dist/Editor/common/CustomSelect.js +0 -43
  165. package/dist/Editor/common/RadioGroup/index.js +0 -48
  166. package/dist/Editor/common/RadioGroup/styles.js +0 -29
  167. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  168. package/dist/Editor/common/SnackBar/index.js +0 -43
  169. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
  170. package/dist/Editor/helper/textIndeces.js +0 -58
  171. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  172. package/dist/Editor/hooks/useThemeValues.js +0 -63
  173. package/dist/Editor/theme/index.js +0 -149
  174. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  175. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  176. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  177. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  178. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  179. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  180. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  181. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  182. package/dist/Editor/themeSettings/icons.js +0 -60
  183. package/dist/Editor/themeSettings/index.js +0 -380
  184. package/dist/Editor/themeSettings/style.js +0 -299
  185. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  186. package/dist/Editor/themeSettingsAI/index.js +0 -355
  187. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  188. package/dist/Editor/themeSettingsAI/style.js +0 -332
  189. package/dist/Editor/utils/updateFormName.js +0 -22
@@ -4,11 +4,7 @@ import { colors } from "../../../Color Picker/defaultColors";
4
4
  import Icon from "../../../../common/Icon";
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
- const EXCLUDED_COLORS = new Set(["#000000", "#0F172A", "#2563EB", "#FFFFFF", "#64748B"]);
8
- const DEFAULT_COLORS = colors?.filter(f => !f?.includes("linear") && !EXCLUDED_COLORS?.has(f));
9
-
10
- // const DEFAULT_COLORS = colors?.filter((f) => !(f.includes("linear") || f === "#000000"));
11
-
7
+ const DEFAULT_COLORS = colors?.filter(f => !(f.includes("linear") || f === "#000000"));
12
8
  const AddOptions = props => {
13
9
  const {
14
10
  edit,
@@ -60,6 +56,7 @@ const AddOptions = props => {
60
56
  };
61
57
  const onBlur = () => {
62
58
  setValue("");
59
+ setAddBox(false);
63
60
  setError("");
64
61
  };
65
62
  return edit?.type === "select" || edit?.type === "multi-select" ? /*#__PURE__*/_jsxs(Box, {
@@ -30,7 +30,6 @@ const EditOption = props => {
30
30
  } = edit;
31
31
  const selectedOption = edit?.options[optionIndex] || {};
32
32
  const pickerStyles = ColorPickerStyles(theme);
33
- const hideBackButton = edit?.hideBackButton || false;
34
33
  useEffect(() => {
35
34
  return () => {
36
35
  // on un-mount update the option change
@@ -105,14 +104,14 @@ const EditOption = props => {
105
104
  children: [/*#__PURE__*/_jsxs(Box, {
106
105
  className: "fe-dv-ap-title",
107
106
  children: [/*#__PURE__*/_jsxs("span", {
108
- children: [!hideBackButton ? /*#__PURE__*/_jsx(IconButton, {
107
+ children: [/*#__PURE__*/_jsx(IconButton, {
109
108
  className: "tv-act-ico",
110
109
  size: "small",
111
110
  onClick: onBack,
112
111
  children: /*#__PURE__*/_jsx(Icon, {
113
112
  icon: 'leftArrow'
114
113
  })
115
- }) : null, translation("Edit Option")]
114
+ }), translation("Edit Option")]
116
115
  }), /*#__PURE__*/_jsx(IconButton, {
117
116
  className: "tv-act-ico bg br1",
118
117
  size: "small",
@@ -29,16 +29,6 @@ const POSITIONS = {
29
29
  vertical: "top",
30
30
  horizontal: "right"
31
31
  }
32
- },
33
- editOptionMulti: {
34
- anchorOrigin: {
35
- vertical: "top",
36
- horizontal: "left"
37
- },
38
- transformOrigin: {
39
- vertical: "top",
40
- horizontal: "left"
41
- }
42
32
  }
43
33
  };
44
34
  const PropertySettings = props => {
@@ -92,7 +82,6 @@ const PropertySettings = props => {
92
82
  translation: translation
93
83
  });
94
84
  case "editOption":
95
- case "editOptionMulti":
96
85
  return /*#__PURE__*/_jsx(EditOption, {
97
86
  classes: classes,
98
87
  onClose: onClose,
@@ -11,8 +11,7 @@ const RenderRow = props => {
11
11
  properties,
12
12
  onSelect,
13
13
  selected,
14
- readOnly,
15
- translation
14
+ readOnly
16
15
  } = props;
17
16
  const showProperties = properties?.filter(f => f.visible);
18
17
  return showProperties?.map((property, i) => {
@@ -23,8 +22,7 @@ const RenderRow = props => {
23
22
  property: property,
24
23
  onSelect: onSelect,
25
24
  selected: selected,
26
- readOnly: readOnly,
27
- translation: translation
25
+ readOnly: readOnly
28
26
  }, `${property.key}_${i}`);
29
27
  });
30
28
  };
@@ -35,8 +33,7 @@ const ViewData = props => {
35
33
  customProps
36
34
  } = props;
37
35
  const {
38
- readOnly,
39
- translation
36
+ readOnly
40
37
  } = customProps || {};
41
38
  const {
42
39
  properties,
@@ -70,8 +67,7 @@ const ViewData = props => {
70
67
  properties: properties,
71
68
  onSelect: onSelect,
72
69
  selected: selectedRows?.includes(row?.id),
73
- readOnly: readOnly,
74
- translation: translation
70
+ readOnly: readOnly
75
71
  }), /*#__PURE__*/_jsx("td", {}), /*#__PURE__*/_jsx("td", {})]
76
72
  }, i);
77
73
  }), /*#__PURE__*/_jsx("tr", {
@@ -4,7 +4,7 @@ import { Node, Transforms, Editor } from "slate";
4
4
  import AspectRatioIcon from "@mui/icons-material/AspectRatio";
5
5
  import useResize from "../../utils/customHooks/useResize";
6
6
  import EmbedPopup from "./EmbedPopup";
7
- import { IconButton, Tooltip, Box, useTheme, useMediaQuery } from "@mui/material";
7
+ import { IconButton, Tooltip, Box, useTheme } from "@mui/material";
8
8
  import { LinkIcon } from "../../common/iconslist";
9
9
  import { useEditorContext } from "../../hooks/useMouseMove";
10
10
  import { getTRBLBreakPoints, getBreakPointsValue, groupByBreakpoint } from "../../helper/theme";
@@ -200,7 +200,6 @@ const Image = props => {
200
200
  theme: appTheme
201
201
  } = useEditorContext();
202
202
  const classes = useCommonStyle(appTheme);
203
- const isMobile = useMediaQuery("(max-width:599px)");
204
203
  const handleImageClick = () => {
205
204
  try {
206
205
  Transforms.select(editor, {
@@ -281,7 +280,7 @@ const Image = props => {
281
280
  sx: {
282
281
  display: {
283
282
  lg: "flex",
284
- xs: xsHidden && isMobile ? "none" : "flex"
283
+ xs: xsHidden ? "none" : "flex"
285
284
  },
286
285
  width: `100%`,
287
286
  maxWidth: "100%",
@@ -89,7 +89,7 @@ const VideoPlaceholder = props => {
89
89
  },
90
90
  children: [/*#__PURE__*/_jsx(Icon, {
91
91
  icon: "video"
92
- }), translation(TYPE_LABELS[type] || "Embed Video or Other")]
92
+ }), TYPE_LABELS[type] || translation("Embed Video or Other")]
93
93
  }) : /*#__PURE__*/_jsxs(Box, {
94
94
  sx: {
95
95
  color: "#64748B !important",
@@ -5,7 +5,6 @@ import { IconButton, Tooltip } from "@mui/material";
5
5
  import { DeleteIcon } from "../../assets/svg/AIIcons";
6
6
  import { ReactEditor, useSlateStatic } from "slate-react";
7
7
  import { Transforms } from "slate";
8
- import { CodeElementIcon } from "../../common/iconListV2";
9
8
 
10
9
  // const sanitize = (input) => {
11
10
  // const doc = new DOMParser().parseFromString(input, "text/html");
@@ -19,7 +18,6 @@ import { CodeElementIcon } from "../../common/iconListV2";
19
18
  // return doc.body.innerHTML;
20
19
  // };
21
20
  import { jsx as _jsx } from "react/jsx-runtime";
22
- import { jsxs as _jsxs } from "react/jsx-runtime";
23
21
  import { createElement as _createElement } from "react";
24
22
  const getCode = (embedData, isEncoded) => {
25
23
  if (isEncoded) {
@@ -63,7 +61,6 @@ const Code = props => {
63
61
  } = customProps;
64
62
  const editor = useSlateStatic();
65
63
  const path = ReactEditor.findPath(editor, element);
66
- const hasCode = embedData && getCode(embedData, isEncoded);
67
64
  const onDelete = () => {
68
65
  Transforms.removeNodes(editor, {
69
66
  at: path
@@ -88,20 +85,11 @@ const Code = props => {
88
85
  }
89
86
  }, [embedData]);
90
87
  return /*#__PURE__*/_createElement("div", {
91
- className: `embed-code has-hover ${hasCode ? "has-code" : ""}`,
88
+ className: "embed-code has-hover",
92
89
  contentEditable: false,
93
90
  ...attributes,
94
91
  key: element?.updatedOn
95
- }, !hasCode && /*#__PURE__*/_jsxs("div", {
96
- className: "empty-code",
97
- children: [/*#__PURE__*/_jsx("span", {
98
- className: "code-icon",
99
- children: /*#__PURE__*/_jsx(CodeElementIcon, {})
100
- }), /*#__PURE__*/_jsx("span", {
101
- className: "code-name",
102
- children: translation("Embed Code")
103
- })]
104
- }), /*#__PURE__*/_jsx("div", {
92
+ }, /*#__PURE__*/_jsx("div", {
105
93
  ref: codeRef
106
94
  }), children, !readOnly && /*#__PURE__*/_jsx(ToolBar, {
107
95
  onDelete: onDelete,
@@ -1,10 +1,7 @@
1
1
  import React, { useEffect, useState } from "react";
2
- import { Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, Divider, IconButton, Tooltip, Typography } from "@mui/material";
2
+ import { Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, Tooltip } from "@mui/material";
3
3
  import { insertEmbedScript, updateEmbedScript } from "../../utils/embedScript";
4
4
  import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
5
- import { useEditorContext } from "../../hooks/useMouseMove";
6
- import Styles from "./styles";
7
- import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
8
5
  import { jsx as _jsx } from "react/jsx-runtime";
9
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
10
7
  import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -23,10 +20,6 @@ const EmbedScriptPopup = props => {
23
20
  error: false
24
21
  });
25
22
  const [allowedDomains, setAllowedDomains] = useState([]);
26
- const {
27
- theme
28
- } = useEditorContext();
29
- const classes = Styles(theme);
30
23
  const {
31
24
  loading,
32
25
  error
@@ -76,70 +69,50 @@ const EmbedScriptPopup = props => {
76
69
  }
77
70
  onClose();
78
71
  };
79
- const handleClear = () => {
80
- setCode("");
81
- };
82
72
  return /*#__PURE__*/_jsx(_Fragment, {
83
73
  children: /*#__PURE__*/_jsxs(Dialog, {
84
74
  open: open,
85
75
  fullWidth: true,
86
- sx: classes.root,
87
76
  children: [/*#__PURE__*/_jsx(DialogTitle, {
88
77
  children: /*#__PURE__*/_jsxs(Box, {
89
78
  component: "div",
90
79
  sx: {
91
80
  display: "flex",
92
81
  alignItems: "center",
93
- justifyContent: "space-between",
94
- width: "100%"
82
+ gap: "6px"
95
83
  },
96
- children: [/*#__PURE__*/_jsxs(Box, {
97
- sx: {
98
- display: "flex",
99
- alignItems: "center",
100
- gap: "6px"
101
- },
102
- children: [/*#__PURE__*/_jsx(Typography, {
103
- className: "title",
104
- variant: "h6",
105
- children: translation("Embed Code")
106
- }), allowedDomains?.length ? /*#__PURE__*/_jsx(Tooltip, {
107
- title: /*#__PURE__*/_jsxs(Box, {
108
- sx: {
109
- textTransform: "none"
84
+ children: [translation("Embed Code"), allowedDomains?.length ? /*#__PURE__*/_jsx(Tooltip, {
85
+ title: /*#__PURE__*/_jsxs(Box, {
86
+ sx: {
87
+ textTransform: "none"
88
+ },
89
+ children: [/*#__PURE__*/_jsx("span", {
90
+ style: {
91
+ fontWeight: "bold"
110
92
  },
111
- children: [/*#__PURE__*/_jsx("span", {
112
- style: {
113
- fontWeight: "bold"
114
- },
115
- children: translation("Allowed Domains")
116
- }), /*#__PURE__*/_jsx("br", {}), allowedDomains.join(", ")]
117
- }),
118
- children: /*#__PURE__*/_jsx(InfoOutlinedIcon, {
119
- sx: {
120
- fill: "#94A3B8",
121
- cursor: "pointer",
122
- fontSize: "18px"
123
- }
124
- })
125
- }) : null]
126
- }), /*#__PURE__*/_jsx(IconButton, {
127
- className: "close-popupbtn",
128
- onClick: onClose,
129
- children: /*#__PURE__*/_jsx(CloseRoundedIcon, {})
130
- })]
93
+ children: translation("Allowed Domains")
94
+ }), /*#__PURE__*/_jsx("br", {}), allowedDomains.join(", ")]
95
+ }),
96
+ children: /*#__PURE__*/_jsx(InfoOutlinedIcon, {
97
+ color: "gray",
98
+ fontSize: "14px",
99
+ style: {
100
+ fill: "#94A3B8",
101
+ cursor: "pointer"
102
+ }
103
+ })
104
+ }) : null]
131
105
  })
132
- }), /*#__PURE__*/_jsx(Divider, {
133
- className: "divider"
134
106
  }), /*#__PURE__*/_jsxs(DialogContent, {
135
107
  children: [/*#__PURE__*/_jsx("textarea", {
136
108
  value: code,
137
109
  onChange: handleChange,
138
110
  style: {
139
- minHeight: "260px",
111
+ minHeight: "200px",
140
112
  width: "100%",
141
113
  resize: "none",
142
- padding: "4px"
114
+ padding: "4px",
115
+ boxSizing: "border-box"
143
116
  }
144
117
  }), /*#__PURE__*/_jsx(Box, {
145
118
  component: "div",
@@ -148,14 +121,12 @@ const EmbedScriptPopup = props => {
148
121
  })]
149
122
  }), /*#__PURE__*/_jsxs(DialogActions, {
150
123
  children: [/*#__PURE__*/_jsx(Button, {
151
- onClick: handleClear,
152
- className: "clear-btn",
153
- children: translation("Clear")
154
- }), /*#__PURE__*/_jsx(Button, {
155
124
  onClick: onSubmit,
156
125
  disabled: loading,
157
- className: "save-btn",
158
126
  children: loading ? translation("Validating") : translation("Save")
127
+ }), /*#__PURE__*/_jsx(Button, {
128
+ onClick: onClose,
129
+ children: translation("Cancel")
159
130
  })]
160
131
  })]
161
132
  })