@flozy/editor 4.0.3 → 4.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (148) hide show
  1. package/dist/Editor/CommonEditor.js +85 -13
  2. package/dist/Editor/DialogWrapper.js +4 -3
  3. package/dist/Editor/Editor.css +28 -2
  4. package/dist/Editor/Elements/AI/AIInput.js +31 -33
  5. package/dist/Editor/Elements/AI/CustomSelect.js +19 -12
  6. package/dist/Editor/Elements/AI/PopoverAIInput.js +119 -132
  7. package/dist/Editor/Elements/AI/Styles.js +2 -2
  8. package/dist/Editor/Elements/AI/VoiceToText/AudioWave.js +73 -0
  9. package/dist/Editor/Elements/AI/VoiceToText/index.js +184 -0
  10. package/dist/Editor/Elements/AI/VoiceToText/style.js +40 -0
  11. package/dist/Editor/Elements/AI/helper.js +5 -3
  12. package/dist/Editor/Elements/AppHeader/AppHeader.js +36 -23
  13. package/dist/Editor/Elements/Button/EditorButton.js +23 -16
  14. package/dist/Editor/Elements/Carousel/CarouselButton.js +2 -2
  15. package/dist/Editor/Elements/Color Picker/ColorButtons.js +1 -1
  16. package/dist/Editor/Elements/Color Picker/Styles.js +1 -0
  17. package/dist/Editor/Elements/Embed/Image.js +15 -14
  18. package/dist/Editor/Elements/Embed/Video.js +12 -8
  19. package/dist/Editor/Elements/Emoji/EmojiButton.js +11 -7
  20. package/dist/Editor/Elements/Form/Form.js +43 -27
  21. package/dist/Editor/Elements/Form/FormField.js +21 -10
  22. package/dist/Editor/Elements/Form/Workflow/index.js +5 -2
  23. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +437 -0
  24. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +206 -0
  25. package/dist/Editor/Elements/FreeGrid/FreeGridButton.js +23 -0
  26. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +236 -0
  27. package/dist/Editor/Elements/FreeGrid/Options/AddElement.js +44 -0
  28. package/dist/Editor/Elements/FreeGrid/Options/More.js +24 -0
  29. package/dist/Editor/Elements/FreeGrid/Options/SectionSettings.js +47 -0
  30. package/dist/Editor/Elements/FreeGrid/Options/sectionItemOptions.js +19 -0
  31. package/dist/Editor/Elements/FreeGrid/breakpointConstants.js +75 -0
  32. package/dist/Editor/Elements/FreeGrid/styles.js +214 -0
  33. package/dist/Editor/Elements/Grid/Grid.js +12 -8
  34. package/dist/Editor/Elements/Grid/GridItem.js +31 -21
  35. package/dist/Editor/Elements/Link/LinkPopup.js +69 -13
  36. package/dist/Editor/Elements/Link/LinkPopupStyles.js +28 -0
  37. package/dist/Editor/Elements/NewLine/NewLineButton.js +2 -2
  38. package/dist/Editor/Elements/Signature/Signature.css +13 -6
  39. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +2 -1
  40. package/dist/Editor/Elements/Signature/SignaturePopup.js +186 -31
  41. package/dist/Editor/Elements/SimpleText/index.js +19 -7
  42. package/dist/Editor/Elements/SimpleText/style.js +44 -1
  43. package/dist/Editor/ErrorBoundary.js +30 -0
  44. package/dist/Editor/Styles/EditorStyles.js +28 -0
  45. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +1 -1
  46. package/dist/Editor/Toolbar/FormatTools/TextSize.js +2 -2
  47. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +33 -5
  48. package/dist/Editor/Toolbar/PopupTool/ButtonTemplatesCard.js +12 -13
  49. package/dist/Editor/Toolbar/PopupTool/FullViewCard.js +12 -13
  50. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/CustomSelectTool.js +3 -0
  51. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectSuperSubscript.js +59 -0
  52. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +2 -1
  53. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +107 -40
  54. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +57 -61
  55. package/dist/Editor/Toolbar/PopupTool/index.js +13 -3
  56. package/dist/Editor/Toolbar/Toolbar.js +7 -0
  57. package/dist/Editor/Toolbar/toolbarGroups.js +15 -5
  58. package/dist/Editor/assets/svg/AIIcons.js +153 -1
  59. package/dist/Editor/common/EditorCmds.js +0 -3
  60. package/dist/Editor/common/EditorIcons.js +7 -7
  61. package/dist/Editor/common/Icon.js +39 -30
  62. package/dist/Editor/common/ImageList.js +16 -3
  63. package/dist/Editor/common/ImageSelector/ImageSelector.js +30 -9
  64. package/dist/Editor/common/ImageSelector/Styles.js +2 -1
  65. package/dist/Editor/common/LinkSettings/index.js +2 -1
  66. package/dist/Editor/common/LinkSettings/style.js +11 -8
  67. package/dist/Editor/common/MentionsPopup/Styles.js +1 -1
  68. package/dist/Editor/common/MentionsPopup/index.js +12 -8
  69. package/dist/Editor/common/RnD/ContextMenu/CMenus.js +142 -0
  70. package/dist/Editor/common/RnD/ContextMenu/index.js +38 -0
  71. package/dist/Editor/common/RnD/ContextMenu/styles.js +21 -0
  72. package/dist/Editor/common/RnD/DragInfo/index.js +31 -0
  73. package/dist/Editor/common/RnD/DragInfo/styles.js +15 -0
  74. package/dist/Editor/common/RnD/DragOver/index.js +55 -0
  75. package/dist/Editor/common/RnD/DragOver/styles.js +23 -0
  76. package/dist/Editor/common/RnD/ElementOptions/Actions.js +102 -0
  77. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +26 -0
  78. package/dist/Editor/common/RnD/ElementOptions/index.js +95 -0
  79. package/dist/Editor/common/RnD/ElementOptions/styles.js +41 -0
  80. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Link.js +153 -0
  81. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js +36 -0
  82. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +60 -0
  83. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/index.js +9 -0
  84. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +47 -0
  85. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +47 -0
  86. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +47 -0
  87. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +48 -0
  88. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +47 -0
  89. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +30 -0
  90. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +47 -0
  91. package/dist/Editor/common/RnD/ElementSettings/Settings/index.js +17 -0
  92. package/dist/Editor/common/RnD/ElementSettings/index.js +17 -0
  93. package/dist/Editor/common/RnD/ElementSettings/settingsConstants.js +18 -0
  94. package/dist/Editor/common/RnD/ElementSettings/styles.js +94 -0
  95. package/dist/Editor/common/RnD/GuideLines/BoundaryLine.js +52 -0
  96. package/dist/Editor/common/RnD/GuideLines/index.js +33 -0
  97. package/dist/Editor/common/RnD/GuideLines/styles.js +62 -0
  98. package/dist/Editor/common/RnD/OptionsPopup/index.js +50 -0
  99. package/dist/Editor/common/RnD/OptionsPopup/style.js +36 -0
  100. package/dist/Editor/common/RnD/RnDCopy.js +23 -0
  101. package/dist/Editor/common/RnD/ShadowElement.js +34 -0
  102. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +40 -0
  103. package/dist/Editor/common/RnD/SwitchViewport/styles.js +24 -0
  104. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +63 -0
  105. package/dist/Editor/common/RnD/TransformHandles/CornerHandle.js +19 -0
  106. package/dist/Editor/common/RnD/TransformHandles/Icons/BottomRightIcon.js +13 -0
  107. package/dist/Editor/common/RnD/TransformHandles/SizeHandle.js +20 -0
  108. package/dist/Editor/common/RnD/TransformHandles/index.js +67 -0
  109. package/dist/Editor/common/RnD/Utils/alignmentDetection.js +26 -0
  110. package/dist/Editor/common/RnD/Utils/calculateDropItem.js +98 -0
  111. package/dist/Editor/common/RnD/Utils/collisionDetection.js +52 -0
  112. package/dist/Editor/common/RnD/Utils/gridDropItem.js +181 -0
  113. package/dist/Editor/common/RnD/Utils/index.js +251 -0
  114. package/dist/Editor/common/RnD/VirtualElement/index.js +77 -0
  115. package/dist/Editor/common/RnD/VirtualElement/styles.js +27 -0
  116. package/dist/Editor/common/RnD/VirtualElement/updateAutoProps.js +28 -0
  117. package/dist/Editor/common/RnD/index.js +567 -0
  118. package/dist/Editor/common/RnD/styles.js +4 -0
  119. package/dist/Editor/common/Section/index.js +21 -12
  120. package/dist/Editor/common/Section/styles.js +7 -4
  121. package/dist/Editor/common/Shorthands/elements.js +21 -9
  122. package/dist/Editor/common/StyleBuilder/boxStyle.js +30 -0
  123. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +18 -10
  124. package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +18 -5
  125. package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -2
  126. package/dist/Editor/common/StyleBuilder/index.js +6 -4
  127. package/dist/Editor/common/StyleBuilder/sectionStyle.js +13 -2
  128. package/dist/Editor/common/iconListV2.js +843 -0
  129. package/dist/Editor/commonStyle.js +6 -0
  130. package/dist/Editor/helper/RnD/focusOnNewItem.js +39 -0
  131. package/dist/Editor/helper/RnD/scrollToNewSection.js +24 -0
  132. package/dist/Editor/helper/breakpoint.js +5 -0
  133. package/dist/Editor/helper/index.js +139 -0
  134. package/dist/Editor/helper/theme.js +50 -1
  135. package/dist/Editor/hooks/useBreakpoints.js +34 -0
  136. package/dist/Editor/hooks/useMouseMove.js +36 -8
  137. package/dist/Editor/hooks/useWindowMessage.js +10 -7
  138. package/dist/Editor/hooks/withCommon.js +2 -1
  139. package/dist/Editor/hooks/withErrorHandling.js +14 -0
  140. package/dist/Editor/utils/RnD/RnDCtrlCmds.js +197 -0
  141. package/dist/Editor/utils/SlateUtilityFunctions.js +36 -4
  142. package/dist/Editor/utils/events.js +5 -0
  143. package/dist/Editor/utils/form.js +7 -2
  144. package/dist/Editor/utils/formfield.js +1 -1
  145. package/dist/Editor/utils/freegrid.js +91 -0
  146. package/dist/Editor/utils/helper.js +43 -0
  147. package/dist/Editor/utils/insertAppHeader.js +47 -40
  148. package/package.json +6 -2
@@ -2,7 +2,7 @@
2
2
  import React, { useState } from "react";
3
3
  import { Transforms, Path, Node } from "slate";
4
4
  import { useSlateStatic, ReactEditor } from "slate-react";
5
- import { IconButton, Tooltip, Grid as GridContainer } from "@mui/material";
5
+ import { IconButton, Tooltip, Grid as GridContainer, useTheme } from "@mui/material";
6
6
  import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
7
7
  import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
8
8
  import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn";
@@ -13,7 +13,7 @@ import GridPopup from "./GridPopup";
13
13
  import SectionPopup from "./SectionPopup";
14
14
  import { gridItem } from "../../utils/gridItem";
15
15
  import { useEditorContext, useEditorSelection } from "../../hooks/useMouseMove";
16
- import { getTRBLBreakPoints, getBreakPointsValue } from "../../helper/theme";
16
+ import { getTRBLBreakPoints, getBreakPointsValue, groupByBreakpoint } from "../../helper/theme";
17
17
  import useWindowResize from "../../hooks/useWindowResize";
18
18
  import { jsx as _jsx } from "react/jsx-runtime";
19
19
  import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -91,6 +91,7 @@ const getParentEl = (editor, path) => {
91
91
  }
92
92
  };
93
93
  const Grid = props => {
94
+ const theme = useTheme();
94
95
  const {
95
96
  attributes,
96
97
  children,
@@ -296,6 +297,14 @@ const Grid = props => {
296
297
  bottomLeft,
297
298
  bottomRight
298
299
  } = getBreakPointsValue(borderRadius, size?.device) || {};
300
+ const gridcwrprProps = groupByBreakpoint({
301
+ padding: {
302
+ ...getTRBLBreakPoints(bannerSpacing)
303
+ },
304
+ flexWrap: {
305
+ ...getBreakPointsValue(flexWrap || "wrap")
306
+ }
307
+ }, theme);
299
308
  return /*#__PURE__*/_jsxs(GridContainer, {
300
309
  container: true,
301
310
  className: `grid-container ${grid} has-hover element-root dpath`,
@@ -362,16 +371,11 @@ const Grid = props => {
362
371
  className: "grid-c-wrpr",
363
372
  sx: {
364
373
  display: "flex",
365
- padding: {
366
- ...getTRBLBreakPoints(bannerSpacing)
367
- },
374
+ ...gridcwrprProps,
368
375
  alignItems: vertical || "start",
369
376
  justifyContent: horizantal || "start",
370
377
  flexDirection: flexDirection || "row",
371
378
  width: "100%",
372
- flexWrap: {
373
- ...getBreakPointsValue(flexWrap || "wrap")
374
- },
375
379
  height: "auto"
376
380
  },
377
381
  "data-path": path.join(","),
@@ -1,13 +1,15 @@
1
1
  /* eslint-disable no-unused-vars */
2
2
  import React, { useState } from "react";
3
- import { Transforms, Node } from "slate";
3
+ import { useTheme } from "@mui/material";
4
+ import { Transforms } from "slate";
4
5
  import { useSlateStatic, ReactEditor } from "slate-react";
5
6
  import GridItemPopup from "./GridItemPopup";
6
7
  import { IconButton, Tooltip, Box, Grid as Item } from "@mui/material";
7
8
  import { GridSettingsIcon } from "../../common/iconslist";
8
9
  import { useEditorContext, useEditorSelection } from "../../hooks/useMouseMove";
9
- import { getBreakPointsValue, getTRBLBreakPoints } from "../../helper/theme";
10
+ import { groupByBreakpoint, getBreakPointsValue, getBRValue, getTRBLBreakPoints } from "../../helper/theme";
10
11
  import { isEmptyNode } from "../../utils/helper";
12
+ import { wrapThemeBreakpoints } from "../FreeGrid/breakpointConstants";
11
13
  import { jsx as _jsx } from "react/jsx-runtime";
12
14
  import { jsxs as _jsxs } from "react/jsx-runtime";
13
15
  const GridItemToolbar = ({
@@ -34,6 +36,7 @@ const GridItemToolbar = ({
34
36
  }) : null;
35
37
  };
36
38
  const GridItem = props => {
39
+ const theme = useTheme();
37
40
  const {
38
41
  attributes,
39
42
  children,
@@ -102,35 +105,44 @@ const GridItem = props => {
102
105
  const getBorderColor = () => {
103
106
  return borderColor || "transparent";
104
107
  };
108
+ const getBRProps = groupByBreakpoint({
109
+ display: {
110
+ xs: xsHidden ? "none" : "inline-block",
111
+ lg: "inline-block"
112
+ },
113
+ width: {
114
+ ...getBreakPointsValue(grid, null, "overrideGridSize", true)
115
+ },
116
+ height: {
117
+ ...getBreakPointsValue(cellGHeight || "auto")
118
+ },
119
+ borderRadius: {
120
+ ...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
121
+ },
122
+ margin: {
123
+ ...getTRBLBreakPoints(margin)
124
+ }
125
+ }, theme);
126
+ const giInProps = groupByBreakpoint({
127
+ padding: {
128
+ ...getTRBLBreakPoints(bannerSpacing)
129
+ }
130
+ }, theme);
105
131
  return /*#__PURE__*/_jsxs(Item, {
106
132
  item: true,
107
133
  component: "div",
108
134
  className: `grid-item element-root gi-top-wrpr dpath`,
109
135
  ...attributes,
110
136
  sx: {
111
- width: {
112
- ...getBreakPointsValue(grid, null, "overrideGridSize", true)
113
- },
114
- height: {
115
- ...getBreakPointsValue(cellGHeight || "auto")
116
- },
117
- display: {
118
- lg: "flex",
119
- xs: xsHidden ? "none" : "flex"
120
- },
137
+ ...getBRProps,
138
+ display: "flex",
121
139
  flexDirection: flexDirection || "column",
122
140
  background: bgColor || "transparent",
123
141
  borderColor: getBorderColor(),
124
142
  borderWidth: borderWidth || "1px",
125
- borderRadius: {
126
- ...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
127
- },
128
143
  borderStyle: borderStyle || "solid",
129
144
  alignItems: horizantal,
130
145
  justifyContent: vertical,
131
- margin: {
132
- ...getTRBLBreakPoints(margin)
133
- },
134
146
  "&:hover": {
135
147
  background: `${bgColorHover || bgColor || "transparent"}`
136
148
  }
@@ -169,9 +181,7 @@ const GridItem = props => {
169
181
  sx: {
170
182
  display: "flex",
171
183
  flexDirection: flexDirection || "column",
172
- padding: {
173
- ...getTRBLBreakPoints(bannerSpacing)
174
- },
184
+ ...giInProps,
175
185
  width: "100%",
176
186
  height: "100%",
177
187
  color: textColor || "#000",
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { Dialog, DialogActions, DialogContent, DialogTitle, FormControl, FormControlLabel, Grid, TextField, Button, IconButton, Typography, Checkbox } from "@mui/material";
2
+ import { Dialog, DialogActions, DialogContent, DialogTitle, FormControl, FormControlLabel, Grid, TextField, Button, IconButton, Typography, Checkbox, Divider } from "@mui/material";
3
3
  import CloseIcon from "@mui/icons-material/Close";
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
5
5
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -11,11 +11,15 @@ const LinkPopup = props => {
11
11
  handleInputChange,
12
12
  handleInsertLink
13
13
  } = props;
14
+ const themeType = localStorage.getItem("themeType");
14
15
  return /*#__PURE__*/_jsxs(Dialog, {
15
16
  fullWidth: true,
16
17
  open: open,
17
18
  className: `dialogComp`,
18
19
  children: [/*#__PURE__*/_jsx(DialogTitle, {
20
+ sx: {
21
+ padding: "13px 19px 9px 19px"
22
+ },
19
23
  children: /*#__PURE__*/_jsxs("div", {
20
24
  style: {
21
25
  display: "flex",
@@ -24,8 +28,10 @@ const LinkPopup = props => {
24
28
  children: [/*#__PURE__*/_jsx(Typography, {
25
29
  variant: "h6",
26
30
  className: "popupTitle",
27
- color: "primary",
28
- children: "LINK"
31
+ sx: {
32
+ textTransform: "none"
33
+ },
34
+ children: "Link"
29
35
  }), /*#__PURE__*/_jsx("div", {
30
36
  style: {
31
37
  display: "flex"
@@ -37,35 +43,84 @@ const LinkPopup = props => {
37
43
  })
38
44
  })]
39
45
  })
46
+ }), /*#__PURE__*/_jsx(Divider, {
47
+ sx: {
48
+ width: "auto",
49
+ // Or set a fixed width like "90%"
50
+ margin: "0px 20px" // Horizontal margin
51
+ }
40
52
  }), /*#__PURE__*/_jsxs(DialogContent, {
41
- children: [/*#__PURE__*/_jsx(Grid, {
53
+ sx: {
54
+ padding: "5px 19px 0px 19px"
55
+ },
56
+ children: [/*#__PURE__*/_jsxs(Grid, {
42
57
  item: true,
43
58
  xs: 12,
44
59
  style: {
45
60
  paddingTop: "12px"
46
61
  },
47
- children: /*#__PURE__*/_jsx(TextField, {
62
+ children: [/*#__PURE__*/_jsx(Typography, {
63
+ sx: {
64
+ fontFamily: "Inter, sans-serif",
65
+ fontSize: "14px",
66
+ marginBottom: "6px"
67
+ },
68
+ children: "Title"
69
+ }), /*#__PURE__*/_jsx(TextField, {
48
70
  size: "small",
49
71
  fullWidth: true,
50
72
  value: linkData?.name,
51
73
  name: "name",
52
74
  placeholder: "Link Title",
53
- onChange: handleInputChange
54
- })
55
- }), /*#__PURE__*/_jsx(Grid, {
75
+ onChange: handleInputChange,
76
+ sx: {
77
+ "& .MuiOutlinedInput-root": {
78
+ borderRadius: "8px"
79
+ },
80
+ "& .MuiInputBase-input": {
81
+ color: themeType === "dark" ? "#FFFFFF" : "#000"
82
+ },
83
+ "& .MuiInputBase-input::placeholder": {
84
+ color: "#94A3B8",
85
+ fontFamily: '"Inter", sans-serif'
86
+ }
87
+ }
88
+ // sx={classes.addLinkField}
89
+ })]
90
+ }), /*#__PURE__*/_jsxs(Grid, {
56
91
  item: true,
57
92
  xs: 12,
58
93
  style: {
59
94
  paddingTop: "12px"
60
95
  },
61
- children: /*#__PURE__*/_jsx(TextField, {
96
+ children: [/*#__PURE__*/_jsx(Typography, {
97
+ sx: {
98
+ fontFamily: "Inter, sans-serif",
99
+ fontSize: "14px",
100
+ marginBottom: "6px"
101
+ },
102
+ children: "URL"
103
+ }), /*#__PURE__*/_jsx(TextField, {
62
104
  size: "small",
63
105
  fullWidth: true,
64
106
  name: "url",
65
107
  value: linkData?.url,
66
108
  placeholder: "https://google.com",
67
- onChange: handleInputChange
68
- })
109
+ onChange: handleInputChange,
110
+ sx: {
111
+ "& .MuiOutlinedInput-root": {
112
+ borderRadius: "8px"
113
+ },
114
+ "& .MuiInputBase-input": {
115
+ color: themeType === "dark" ? "#FFFFFF" : "#000"
116
+ },
117
+ "& .MuiInputBase-input::placeholder": {
118
+ color: "#94A3B8",
119
+ fontFamily: '"Inter", sans-serif'
120
+ }
121
+ }
122
+ // sx={classes.addLinkField}
123
+ })]
69
124
  }), /*#__PURE__*/_jsx(Grid, {
70
125
  item: true,
71
126
  xs: 12,
@@ -81,9 +136,10 @@ const LinkPopup = props => {
81
136
  }),
82
137
  label: /*#__PURE__*/_jsx(Typography, {
83
138
  variant: "body1",
84
- color: "primary",
85
139
  sx: {
86
- pl: 1
140
+ paddingLeft: "0px",
141
+ fontSize: "14px",
142
+ fontFamily: '"Inter", sans-serif'
87
143
  },
88
144
  children: "Open in new tab"
89
145
  })
@@ -0,0 +1,28 @@
1
+ const LinkPopupStyles = themeType => ({
2
+ addLinkField: {
3
+ "& .MuiOutlinedInput-input": {
4
+ fontSize: "12px",
5
+ fontWeight: 500,
6
+ color: themeType === "dark" ? "#FFFFFF !important" : "#000000 !important"
7
+ },
8
+ "& .MuiFormHelperText-root": {
9
+ color: themeType === "dark" ? "#FFFFFF !important" : "#000000 !important"
10
+ },
11
+ "& .MuiOutlinedInput-root": {
12
+ boxShadow: "0px 4px 10px rgba(0, 0, 0, 0.16)",
13
+ color: themeType === "dark" ? "#FFFFFF !important" : "#000000 !important",
14
+ borderRadius: "7px",
15
+ "& fieldset": {
16
+ borderColor: "#D8DDE1"
17
+ },
18
+ "&:hover fieldset": {
19
+ borderColor: "#64748B"
20
+ },
21
+ "&.Mui-focused fieldset": {
22
+ borderColor: "#2563EB"
23
+ },
24
+ "& .MuiFormLabel-root": {}
25
+ }
26
+ }
27
+ });
28
+ export default LinkPopupStyles;
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
- import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn";
3
2
  import { Transforms } from "slate";
4
3
  import { ReactEditor, useSlateStatic } from "slate-react";
5
4
  import ToolbarIcon from "../../common/ToolbarIcon";
5
+ import { NewLineElementIcon } from "../../common/iconListV2";
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
7
  const NewLineButton = ({
8
8
  icoBtnType
@@ -23,7 +23,7 @@ const NewLineButton = ({
23
23
  return /*#__PURE__*/_jsx(ToolbarIcon, {
24
24
  title: "New Line",
25
25
  onClick: onAddNewLine,
26
- icon: /*#__PURE__*/_jsx(KeyboardReturnIcon, {
26
+ icon: /*#__PURE__*/_jsx(NewLineElementIcon, {
27
27
  sx: {
28
28
  fill: "#64748B",
29
29
  width: "18px",
@@ -1,6 +1,6 @@
1
1
  .af-signature-popup .MuiTab-root {
2
2
  background: #ffffff;
3
- border: 1px solid #d3d3d3 !important;
3
+ border: 1px solid #D3D3D3 !important;
4
4
  border-radius: 7px;
5
5
  height: 37px;
6
6
  min-height: 37px;
@@ -15,10 +15,10 @@
15
15
  }
16
16
  .af-signature-popup .MuiTab-root.Mui-selected {
17
17
  background: #ffffff;
18
- border: 1px solid #2563eb !important;
18
+ border: 1.5px solid #2563EB !important;
19
19
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
20
20
  border-radius: 7px;
21
- color: #0f172a !important;
21
+ color: #000000 !important;
22
22
  }
23
23
  .af-signature-popup .MuiTabs-indicator {
24
24
  display: none;
@@ -60,16 +60,23 @@
60
60
  cursor: pointer;
61
61
  }
62
62
  .upload-wrapper-ui {
63
- border: 1px solid #2563eb !important;
64
- box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17) !important;
63
+ border: 1px dashed #92B1F5 !important;
64
+ /* box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17) !important; */
65
65
  border-radius: 7px;
66
66
  display: flex;
67
67
  align-items: center;
68
68
  justify-content: center;
69
69
  position: absolute;
70
70
  width: 100%;
71
- height: 100px;
71
+ height: 187px;
72
72
  top: 0px;
73
73
  left: 0px;
74
74
  cursor: pointer;
75
+ background-color: #F8F9FF;
76
+ }
77
+
78
+ .upload-wrapper-ui-text {
79
+ font-size: 16px !important;
80
+ font-weight: 600 !important;
81
+ font-family: 'Wavehaus';
75
82
  }
@@ -28,7 +28,7 @@ const UploadSignature = props => {
28
28
  });
29
29
  };
30
30
  return /*#__PURE__*/_jsxs("div", {
31
- className: "signature-tab",
31
+ className: "signature-tab2",
32
32
  children: [uploading ? "Uploading..." : "", base64 ? /*#__PURE__*/_jsx("div", {
33
33
  className: "upload-sign-img-wrapper",
34
34
  children: /*#__PURE__*/_jsx("img", {
@@ -48,6 +48,7 @@ const UploadSignature = props => {
48
48
  justifyContent: "center",
49
49
  alignItems: "center",
50
50
  children: [/*#__PURE__*/_jsx(CloudUpload, {}), /*#__PURE__*/_jsx(Typography, {
51
+ className: "upload-wrapper-ui-text",
51
52
  variant: "h6",
52
53
  color: "textSecondary",
53
54
  sx: {