@flozy/editor 4.0.3 → 4.0.5

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 +124 -133
  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
@@ -1,19 +1,17 @@
1
1
  import React, { useState } from "react";
2
- import { Button, ButtonGroup, Grid, Typography } from "@mui/material";
3
- import FormatColorResetIcon from "@mui/icons-material/FormatColorReset";
4
- import WidthFullIcon from "@mui/icons-material/WidthFull";
5
- import WidthNormalIcon from "@mui/icons-material/WidthNormal";
2
+ import { Button, ButtonGroup, Divider, Grid, Typography } from "@mui/material";
6
3
  import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
7
- import FormatClearIcon from "@mui/icons-material/FormatClear";
8
4
  import { Dropdown, MarkButton, TextSize, BlockButton, AccordionButton } from "../FormatTools";
9
5
  import { toolbarGroups } from "../toolbarGroups";
10
6
  import ColorPicker from "../../Elements/Color Picker/ColorPicker";
11
7
  import { activeMark, isBlockActive, toggleBlock, getBlockActive, upateBlockActive, addMarkData } from "../../utils/SlateUtilityFunctions";
12
8
  import LinkButton from "../../Elements/Link/LinkButton";
13
- import { getPageSettings, updatePageSettings } from "../../utils/pageSettings";
14
9
  import { AllColors } from "../../Elements/Color Picker/ColorButtons";
15
10
  import { fontFamilyMap } from "../../utils/font";
16
11
  import { getBorderColor } from "../../utils/helper";
12
+ import SelectTypography from "./MiniTextFormat/SelectTypography";
13
+ import SelectSuperSubscript from "./MiniTextFormat/SelectSuperSubscript";
14
+ import { ColorResetIcon, TextDefaultStyleIcon } from "../../common/iconListV2";
17
15
  import { jsx as _jsx } from "react/jsx-runtime";
18
16
  import { jsxs as _jsxs } from "react/jsx-runtime";
19
17
  const allTools = toolbarGroups.flat();
@@ -23,24 +21,20 @@ const ButtonComp = {
23
21
  const TextFormat = props => {
24
22
  const {
25
23
  classes,
26
- editor
24
+ editor,
25
+ onClose,
26
+ closeMainPopup
27
27
  } = props;
28
+ console.log("PROPS:", props);
28
29
  const [anchorEl, setAnchorEl] = useState(null);
29
30
  const [type, setType] = useState(null);
30
31
  const open = Boolean(anchorEl);
31
32
  const fontFamily = allTools.find(f => f.format === "fontFamily");
32
33
  const fontWeight = allTools.find(f => f.format === "fontWeight");
33
- const fontStyle = allTools.filter(f => f.type === "mark");
34
+ const fontStyle = allTools.filter(f => f.type === "mark" && f.format !== "strikethrough" && f.format !== "superscript" && f.format !== "subscript");
34
35
  const fontAlign = allTools.filter(f => f.format?.indexOf("align") >= 0);
35
36
  const link = allTools.find(f => f.format?.indexOf("link") >= 0);
36
37
  const lists = allTools.filter(f => f.group?.indexOf("list") >= 0);
37
- const typo = allTools.filter(f => f.group?.indexOf("typography") >= 0);
38
- const {
39
- pageProps
40
- } = getPageSettings(editor)?.element || {};
41
- const {
42
- pageWidth
43
- } = pageProps;
44
38
  const {
45
39
  isActive: isBlockQuoteActive,
46
40
  props: bqProps
@@ -52,12 +46,6 @@ const TextFormat = props => {
52
46
  color: "",
53
47
  bgColor: ""
54
48
  };
55
- const handlePageWidth = width => () => {
56
- updatePageSettings(editor, {
57
- ...(pageProps || {}),
58
- pageWidth: width
59
- });
60
- };
61
49
  const handleColorPicker = type => e => {
62
50
  setType(type);
63
51
  setAnchorEl(e.currentTarget);
@@ -100,6 +88,7 @@ const TextFormat = props => {
100
88
  return /*#__PURE__*/_jsxs(Grid, {
101
89
  container: true,
102
90
  sx: classes.textFormatWrapper,
91
+ className: "text-formatter-popup",
103
92
  children: [/*#__PURE__*/_jsxs(Grid, {
104
93
  item: true,
105
94
  xs: 12,
@@ -118,19 +107,19 @@ const TextFormat = props => {
118
107
  }), /*#__PURE__*/_jsx(Grid, {
119
108
  item: true,
120
109
  children: /*#__PURE__*/_jsx(Button, {
121
- sx: classes.defaultBtn,
122
- startIcon: /*#__PURE__*/_jsx(FormatClearIcon, {}),
110
+ sx: classes.defaultBtn1,
111
+ startIcon: /*#__PURE__*/_jsx(TextDefaultStyleIcon, {}),
123
112
  onClick: handleDefault({
124
113
  format: "fontFamily",
125
114
  val: Object.values(fontFamilyMap)[0]
126
115
  }),
127
- children: "Default"
116
+ children: "Default Text"
128
117
  })
129
118
  })]
130
119
  }), /*#__PURE__*/_jsx(Grid, {
131
120
  item: true,
132
121
  xs: 12,
133
- sx: classes.textFormatField,
122
+ sx: classes.textFormatField1,
134
123
  children: /*#__PURE__*/_jsx(Dropdown, {
135
124
  classes: classes,
136
125
  ...fontFamily,
@@ -180,10 +169,15 @@ const TextFormat = props => {
180
169
  })
181
170
  })]
182
171
  })]
172
+ }), /*#__PURE__*/_jsx(Grid, {
173
+ item: true,
174
+ xs: 12,
175
+ sx: classes.dividerGrid,
176
+ children: /*#__PURE__*/_jsx(Divider, {})
183
177
  }), /*#__PURE__*/_jsxs(Grid, {
184
178
  item: true,
185
179
  xs: 12,
186
- sx: classes.textFormatField,
180
+ sx: classes.textFormatField2,
187
181
  children: [/*#__PURE__*/_jsxs(Grid, {
188
182
  container: true,
189
183
  justifyContent: "space-between",
@@ -199,12 +193,12 @@ const TextFormat = props => {
199
193
  }), /*#__PURE__*/_jsx(Grid, {
200
194
  item: true,
201
195
  children: /*#__PURE__*/_jsx(Button, {
202
- sx: classes.defaultBtn,
203
- startIcon: /*#__PURE__*/_jsx(FormatColorResetIcon, {}),
196
+ sx: classes.defaultBtn1,
197
+ startIcon: /*#__PURE__*/_jsx(ColorResetIcon, {}),
204
198
  onClick: handleDefault({
205
199
  format: "color"
206
200
  }),
207
- children: "Default"
201
+ children: "Default Color"
208
202
  })
209
203
  })]
210
204
  }), /*#__PURE__*/_jsx(Grid, {
@@ -223,7 +217,7 @@ const TextFormat = props => {
223
217
  }), /*#__PURE__*/_jsxs(Grid, {
224
218
  item: true,
225
219
  xs: 12,
226
- sx: classes.textFormatField,
220
+ sx: classes.textFormatField2,
227
221
  children: [/*#__PURE__*/_jsxs(Grid, {
228
222
  container: true,
229
223
  justifyContent: "space-between",
@@ -234,19 +228,21 @@ const TextFormat = props => {
234
228
  variant: "body1",
235
229
  color: "primary",
236
230
  sx: classes.typoLabel,
237
- children: "Text Background Color"
231
+ children: "Background Color"
238
232
  })
239
233
  }), /*#__PURE__*/_jsx(Grid, {
240
234
  item: true,
241
235
  children: /*#__PURE__*/_jsx(Grid, {
242
236
  item: true,
243
237
  children: /*#__PURE__*/_jsx(Button, {
244
- sx: classes.defaultBtn,
245
- startIcon: /*#__PURE__*/_jsx(FormatColorResetIcon, {}),
238
+ sx: classes.defaultBtn2,
239
+ startIcon: /*#__PURE__*/_jsx(ColorResetIcon, {
240
+ stroke: "#A2B0B9"
241
+ }),
246
242
  onClick: handleDefault({
247
243
  format: "bgColor"
248
244
  }),
249
- children: "Default"
245
+ children: "Default Color"
250
246
  })
251
247
  })
252
248
  })]
@@ -265,6 +261,11 @@ const TextFormat = props => {
265
261
  id: "12_cc"
266
262
  }, "12_cc")
267
263
  })]
264
+ }), /*#__PURE__*/_jsx(Grid, {
265
+ item: true,
266
+ xs: 12,
267
+ sx: classes.dividerGrid,
268
+ children: /*#__PURE__*/_jsx(Divider, {})
268
269
  }), /*#__PURE__*/_jsxs(Grid, {
269
270
  item: true,
270
271
  xs: 6,
@@ -272,8 +273,8 @@ const TextFormat = props => {
272
273
  children: [/*#__PURE__*/_jsx(Typography, {
273
274
  variant: "body1",
274
275
  color: "primary",
275
- sx: classes.typoLabel,
276
- children: "Text Alignment"
276
+ sx: classes.typoLabel2,
277
+ children: "Alignment"
277
278
  }), /*#__PURE__*/_jsx(Grid, {
278
279
  item: true,
279
280
  xs: 12,
@@ -292,7 +293,7 @@ const TextFormat = props => {
292
293
  children: [/*#__PURE__*/_jsx(Typography, {
293
294
  variant: "body1",
294
295
  color: "primary",
295
- sx: classes.typoLabel,
296
+ sx: classes.typoLabel2,
296
297
  children: "Lists"
297
298
  }), /*#__PURE__*/_jsx(Grid, {
298
299
  item: true,
@@ -306,6 +307,11 @@ const TextFormat = props => {
306
307
  }, `pptool_block_${i}_${m.id}`);
307
308
  })
308
309
  })]
310
+ }), /*#__PURE__*/_jsx(Grid, {
311
+ item: true,
312
+ xs: 12,
313
+ sx: classes.dividerGrid,
314
+ children: /*#__PURE__*/_jsx(Divider, {})
309
315
  }), /*#__PURE__*/_jsxs(Grid, {
310
316
  item: true,
311
317
  xs: 12,
@@ -319,21 +325,29 @@ const TextFormat = props => {
319
325
  xs: 12,
320
326
  className: "typo-icons",
321
327
  sx: classes.evenSpace,
322
- children: [typo?.map((m, i) => {
323
- return /*#__PURE__*/_jsx(BlockButton, {
324
- editor: editor,
325
- ...m
326
- }, `pptool_mark_${i}_${m.id}`);
328
+ children: [/*#__PURE__*/_jsx(SelectTypography, {
329
+ classes: classes,
330
+ editor: editor,
331
+ closeMainPopup: closeMainPopup || onClose
327
332
  }), fontStyle?.map((m, i) => {
328
333
  return /*#__PURE__*/_jsx(MarkButton, {
329
334
  editor: editor,
330
335
  ...m
331
336
  }, `pptool_mark_${i}_${m.id}`);
337
+ }), /*#__PURE__*/_jsx(SelectSuperSubscript, {
338
+ classes: classes,
339
+ editor: editor,
340
+ closeMainPopup: closeMainPopup || onClose
332
341
  }), /*#__PURE__*/_jsx(LinkButton, {
333
342
  active: isBlockActive(editor, link.format),
334
343
  editor: editor
335
344
  }, link.id)]
336
345
  })]
346
+ }), /*#__PURE__*/_jsx(Grid, {
347
+ item: true,
348
+ xs: 12,
349
+ sx: classes.dividerGrid,
350
+ children: /*#__PURE__*/_jsx(Divider, {})
337
351
  }), /*#__PURE__*/_jsx(Grid, {
338
352
  item: true,
339
353
  xs: 12,
@@ -371,7 +385,7 @@ const TextFormat = props => {
371
385
  children: /*#__PURE__*/_jsx(ArrowDropDownIcon, {})
372
386
  })]
373
387
  }), /*#__PURE__*/_jsxs(ButtonGroup, {
374
- sx: classes.btnGroup,
388
+ sx: classes.btnGroup2,
375
389
  children: [/*#__PURE__*/_jsx(Button, {
376
390
  className: `no-hover ${bqColor ? "active" : ""}`,
377
391
  onClick: handleQuote({
@@ -389,24 +403,6 @@ const TextFormat = props => {
389
403
  onClick: handleColorPicker("color"),
390
404
  children: /*#__PURE__*/_jsx(ArrowDropDownIcon, {})
391
405
  })]
392
- }), /*#__PURE__*/_jsx(Button, {
393
- onClick: handlePageWidth("fixed"),
394
- startIcon: /*#__PURE__*/_jsx(WidthNormalIcon, {}),
395
- sx: classes.pageWidthBtn,
396
- className: pageWidth === "fixed" || !pageWidth ? "active" : "",
397
- style: {
398
- width: "45%"
399
- },
400
- children: "Centered"
401
- }), /*#__PURE__*/_jsx(Button, {
402
- sx: classes.pageWidthBtn,
403
- className: pageWidth === "full" ? "active" : "",
404
- onClick: handlePageWidth("full"),
405
- startIcon: /*#__PURE__*/_jsx(WidthFullIcon, {}),
406
- style: {
407
- width: "45%"
408
- },
409
- children: "Full width"
410
406
  })]
411
407
  }), /*#__PURE__*/_jsx(AllColors, {
412
408
  open: open,
@@ -30,8 +30,13 @@ const PopupTool = props => {
30
30
  const id = open ? "popup-edit-tool" : "";
31
31
  const table = new TableUtil(editor);
32
32
  const [size] = useWindowResize();
33
+ const {
34
+ selectedElement
35
+ } = useEditorContext();
33
36
  useEffect(() => {
34
- if (event === "end" && anchorEl && !open) {
37
+ const userStoppedSelection = size?.device === "xs" ? true : event === "end"; // for mobile, when user starts the selection, we are gonna show the popup tool
38
+
39
+ if (userStoppedSelection && anchorEl && !open) {
35
40
  // for table cell selection
36
41
  const isCellsSelected = table.isCellSelected(editor.selection);
37
42
  if (!isCellsSelected) {
@@ -52,6 +57,11 @@ const PopupTool = props => {
52
57
  updateAnchorEl();
53
58
  }
54
59
  }, [selection]);
60
+ useEffect(() => {
61
+ if (selectedElement?.enable === 1) {
62
+ setAnchorEl(null);
63
+ }
64
+ }, [selection, selectedElement?.path, selectedElement?.enable]);
55
65
  const updateAnchorEl = () => {
56
66
  try {
57
67
  const domSelection = window.getSelection();
@@ -100,14 +110,14 @@ const PopupTool = props => {
100
110
  transition: true,
101
111
  placement: "auto-end",
102
112
  sx: classes.popupWrapper,
103
- className: `tools-drawer ${size?.device}`,
104
113
  children: ({
105
114
  TransitionProps
106
115
  }) => /*#__PURE__*/_jsx(Fade, {
107
116
  ...TransitionProps,
108
117
  children: /*#__PURE__*/_jsx(Paper, {
109
118
  style: {
110
- borderRadius: "10px"
119
+ borderRadius: "6px",
120
+ border: "1px solid #8360FD"
111
121
  },
112
122
  children: /*#__PURE__*/_jsx(MiniTextFormat, {
113
123
  editor: editor,
@@ -31,6 +31,7 @@ import AttachmentsButton from "../Elements/Attachments/AttachmentsButton";
31
31
  import ColorboxButton from "../Elements/Colorbox/ColorboxButton.js";
32
32
  import DividerButton from "../Elements/Divider/DividerButton.js";
33
33
  import EmbedScript from "../Elements/EmbedScript/EmbedScript.js";
34
+ import FreeGridButton from "../Elements/FreeGrid/FreeGridButton.js";
34
35
  import { jsx as _jsx } from "react/jsx-runtime";
35
36
  import { jsxs as _jsxs } from "react/jsx-runtime";
36
37
  export const RenderToolbarIcon = props => {
@@ -133,6 +134,12 @@ export const RenderToolbarIcon = props => {
133
134
  customProps: customProps,
134
135
  icoBtnType: icoBtnType
135
136
  }, element.id);
137
+ case "freegrid":
138
+ return /*#__PURE__*/_jsx(FreeGridButton, {
139
+ editor: editor,
140
+ customProps: customProps,
141
+ icoBtnType: icoBtnType
142
+ }, element.id);
136
143
  case "newLine":
137
144
  return /*#__PURE__*/_jsx(NewLineButton, {
138
145
  editor: editor,
@@ -47,17 +47,17 @@ export const toolbarGroups = [[{
47
47
  type: "mark",
48
48
  title: "Bold",
49
49
  basic: true
50
+ }, {
51
+ id: 5,
52
+ format: "underline",
53
+ type: "mark",
54
+ title: "Underline"
50
55
  }, {
51
56
  id: 4,
52
57
  format: "italic",
53
58
  type: "mark",
54
59
  title: "Italic",
55
60
  basic: true
56
- }, {
57
- id: 5,
58
- format: "underline",
59
- type: "mark",
60
- title: "Underline"
61
61
  }, {
62
62
  id: 6,
63
63
  format: "strikethrough",
@@ -140,6 +140,11 @@ export const toolbarGroups = [[{
140
140
  format: "alignRight",
141
141
  type: "block",
142
142
  title: "Right Align"
143
+ }, {
144
+ id: 39,
145
+ format: "alignJustify",
146
+ type: "block",
147
+ title: "Justify"
143
148
  }], [{
144
149
  id: 20,
145
150
  format: "link",
@@ -196,6 +201,11 @@ export const toolbarGroups = [[{
196
201
  format: "grid",
197
202
  type: "grid",
198
203
  group: "elements"
204
+ }, {
205
+ id: 50,
206
+ format: "freegrid",
207
+ type: "freegrid",
208
+ group: "elements"
199
209
  }, {
200
210
  id: 41,
201
211
  format: "emoji",
@@ -435,4 +435,156 @@ export function DeleteIcon(props) {
435
435
  strokeLinejoin: "round"
436
436
  })]
437
437
  });
438
- }
438
+ }
439
+ export const PauseRecordingIcon = () => /*#__PURE__*/_jsxs("svg", {
440
+ width: "30",
441
+ height: "30",
442
+ viewBox: "0 0 30 30",
443
+ fill: "none",
444
+ xmlns: "http://www.w3.org/2000/svg",
445
+ children: [/*#__PURE__*/_jsx("circle", {
446
+ cx: "15",
447
+ cy: "15",
448
+ r: "14.5",
449
+ fill: "white",
450
+ stroke: "url(#paint0_linear_29403_449555)"
451
+ }), /*#__PURE__*/_jsx("path", {
452
+ d: "M13.6916 21.125H10.8817C10.5953 21.125 10.3447 20.8744 10.3447 20.5881V9.84943C10.3447 9.54517 10.5953 9.3125 10.8817 9.3125H13.6916C13.932 9.3125 14.2285 9.54517 14.2285 9.84943V20.5881C14.2285 20.8744 13.932 21.125 13.6916 21.125Z",
453
+ fill: "url(#paint1_linear_29403_449555)"
454
+ }), /*#__PURE__*/_jsx("path", {
455
+ d: "M20.1346 21.125H17.3426C17.0383 21.125 16.8057 20.8744 16.8057 20.5881V9.84943C16.8057 9.54517 17.0383 9.3125 17.3426 9.3125H20.1525C20.4568 9.3125 20.6895 9.54517 20.6895 9.84943V20.5881C20.6716 20.8744 20.4389 21.125 20.1346 21.125Z",
456
+ fill: "url(#paint2_linear_29403_449555)"
457
+ }), /*#__PURE__*/_jsxs("defs", {
458
+ children: [/*#__PURE__*/_jsxs("linearGradient", {
459
+ id: "paint0_linear_29403_449555",
460
+ x1: "15",
461
+ y1: "0",
462
+ x2: "15",
463
+ y2: "30",
464
+ gradientUnits: "userSpaceOnUse",
465
+ children: [/*#__PURE__*/_jsx("stop", {
466
+ stopColor: "#8061FD"
467
+ }), /*#__PURE__*/_jsx("stop", {
468
+ offset: "1",
469
+ stopColor: "#2C64ED"
470
+ })]
471
+ }), /*#__PURE__*/_jsxs("linearGradient", {
472
+ id: "paint1_linear_29403_449555",
473
+ x1: "12.2866",
474
+ y1: "9.3125",
475
+ x2: "12.2866",
476
+ y2: "21.125",
477
+ gradientUnits: "userSpaceOnUse",
478
+ children: [/*#__PURE__*/_jsx("stop", {
479
+ stopColor: "#8161FD"
480
+ }), /*#__PURE__*/_jsx("stop", {
481
+ offset: "1",
482
+ stopColor: "#2A64EC"
483
+ })]
484
+ }), /*#__PURE__*/_jsxs("linearGradient", {
485
+ id: "paint2_linear_29403_449555",
486
+ x1: "18.7476",
487
+ y1: "9.3125",
488
+ x2: "18.7476",
489
+ y2: "21.125",
490
+ gradientUnits: "userSpaceOnUse",
491
+ children: [/*#__PURE__*/_jsx("stop", {
492
+ stopColor: "#8161FD"
493
+ }), /*#__PURE__*/_jsx("stop", {
494
+ offset: "1",
495
+ stopColor: "#2A64EC"
496
+ })]
497
+ })]
498
+ })]
499
+ });
500
+ export const CloseGreyCircle = () => /*#__PURE__*/_jsxs("svg", {
501
+ width: "30",
502
+ height: "30",
503
+ viewBox: "0 0 30 30",
504
+ fill: "none",
505
+ xmlns: "http://www.w3.org/2000/svg",
506
+ children: [/*#__PURE__*/_jsx("rect", {
507
+ width: "30",
508
+ height: "30",
509
+ rx: "15",
510
+ fill: "#DAE4ED"
511
+ }), /*#__PURE__*/_jsx("path", {
512
+ d: "M19.1245 10.875L10.8749 19.1246",
513
+ stroke: "#2563EB",
514
+ strokeWidth: "1.5",
515
+ strokeLinecap: "round",
516
+ strokeLinejoin: "round"
517
+ }), /*#__PURE__*/_jsx("path", {
518
+ d: "M10.875 10.875L19.1246 19.1246",
519
+ stroke: "#2563EB",
520
+ strokeWidth: "1.5",
521
+ strokeLinecap: "round",
522
+ strokeLinejoin: "round"
523
+ })]
524
+ });
525
+ export const TickBlueCircle = () => /*#__PURE__*/_jsxs("svg", {
526
+ width: "30",
527
+ height: "30",
528
+ viewBox: "0 0 30 30",
529
+ fill: "none",
530
+ xmlns: "http://www.w3.org/2000/svg",
531
+ children: [/*#__PURE__*/_jsx("rect", {
532
+ width: "30",
533
+ height: "30",
534
+ rx: "15",
535
+ fill: "url(#paint0_linear_30220_64249)"
536
+ }), /*#__PURE__*/_jsx("path", {
537
+ d: "M9 15L13.0011 19L21 11",
538
+ stroke: "white",
539
+ strokeWidth: "1.5",
540
+ strokeLinecap: "round",
541
+ strokeLinejoin: "round"
542
+ }), /*#__PURE__*/_jsx("defs", {
543
+ children: /*#__PURE__*/_jsxs("linearGradient", {
544
+ id: "paint0_linear_30220_64249",
545
+ x1: "15",
546
+ y1: "0",
547
+ x2: "15",
548
+ y2: "30",
549
+ gradientUnits: "userSpaceOnUse",
550
+ children: [/*#__PURE__*/_jsx("stop", {
551
+ stopColor: "#8360FD"
552
+ }), /*#__PURE__*/_jsx("stop", {
553
+ offset: "1",
554
+ stopColor: "#2563EB"
555
+ })]
556
+ })
557
+ })]
558
+ });
559
+ export const ChatMicIcon = props => /*#__PURE__*/_jsxs("svg", {
560
+ width: "26",
561
+ height: "26",
562
+ viewBox: "0 0 26 26",
563
+ fill: "none",
564
+ xmlns: "http://www.w3.org/2000/svg",
565
+ children: [/*#__PURE__*/_jsx("path", {
566
+ d: "M13 19.3194C15.9882 19.3194 18.4166 16.8909 18.4166 13.9028V9.38887C18.4166 6.40067 15.9882 3.9722 13 3.9722C10.0118 3.9722 7.58331 6.40067 7.58331 9.38887V13.9028C7.58331 16.8909 10.0118 19.3194 13 19.3194Z",
567
+ stroke: "#94A3B8",
568
+ strokeWidth: "1.4",
569
+ strokeLinecap: "round",
570
+ strokeLinejoin: "round"
571
+ }), /*#__PURE__*/_jsx("path", {
572
+ d: "M4.875 12.0972V13.9028C4.875 18.3896 8.51319 22.0278 13 22.0278C17.4868 22.0278 21.125 18.3896 21.125 13.9028V12.0972",
573
+ stroke: "#94A3B8",
574
+ strokeWidth: "1.4",
575
+ strokeLinecap: "round",
576
+ strokeLinejoin: "round"
577
+ }), /*#__PURE__*/_jsx("path", {
578
+ d: "M10.3913 8.91914C11.9982 8.33233 13.7496 8.33233 15.3565 8.91914",
579
+ stroke: "#94A3B8",
580
+ strokeWidth: "1.4",
581
+ strokeLinecap: "round",
582
+ strokeLinejoin: "round"
583
+ }), /*#__PURE__*/_jsx("path", {
584
+ d: "M11.2218 11.6295C12.3051 11.3316 13.4516 11.3316 14.535 11.6295",
585
+ stroke: "#94A3B8",
586
+ strokeWidth: "1.4",
587
+ strokeLinecap: "round",
588
+ strokeLinejoin: "round"
589
+ })]
590
+ });
@@ -7,9 +7,6 @@ const selectAll = (event, {
7
7
  if (needLayout) {
8
8
  event.preventDefault();
9
9
  // Select the entire document
10
- const {
11
- selection
12
- } = editor;
13
10
  const [firstNode] = Editor.nodes(editor, {
14
11
  at: [0]
15
12
  }); // First node
@@ -9,23 +9,23 @@ export const DrawSignature = props => /*#__PURE__*/_jsxs("svg", {
9
9
  children: [/*#__PURE__*/_jsx("path", {
10
10
  className: "fillPath",
11
11
  d: "M21.3748 1.49609L12.1426 10.7274C11.6087 11.2606 11.6087 12.126 12.1426 12.6598L12.6527 13.17C13.1859 13.7031 14.052 13.7031 14.5851 13.17L23.8183 3.93768L21.3748 1.49609Z",
12
- fill: "#A2B0B9"
12
+ fill: props.fill
13
13
  }), /*#__PURE__*/_jsx("path", {
14
14
  className: "fillPath",
15
15
  d: "M11.7399 13.0617C11.4885 12.8102 11.3279 12.5025 11.2544 12.1797L11.2125 12.2944C11.1271 12.5293 10.9854 12.9153 10.8993 13.1501L10.3267 14.7154C10.3236 14.7233 10.3227 14.7313 10.3203 14.7367L11.0133 14.0446C11.0837 13.9751 11.1975 13.9751 11.268 14.0446C11.3385 14.1158 11.3385 14.2298 11.268 14.2994L10.5759 14.9931C10.5837 14.99 10.5901 14.9883 10.5981 14.9852L12.1634 14.4133C12.3983 14.327 12.7836 14.1863 13.0192 14.1002L13.1339 14.0583C12.8103 13.984 12.5026 13.8234 12.2511 13.5734L11.7399 13.0617Z",
16
- fill: "#A2B0B9"
16
+ fill: props.fill
17
17
  }), /*#__PURE__*/_jsx("path", {
18
18
  className: "fillPath",
19
19
  d: "M24.9119 0.911237L24.4018 0.401078C23.8679 -0.133693 23.0025 -0.133693 22.4694 0.401078L21.7852 1.08533L24.2277 3.52785L24.9119 2.8436C25.4451 2.30976 25.4451 1.44433 24.9119 0.911237Z",
20
- fill: "#A2B0B9"
20
+ fill: props.fill
21
21
  }), /*#__PURE__*/_jsx("path", {
22
22
  className: "fillPath",
23
23
  d: "M23.8386 4.55868L19.678 8.71929C19.511 8.88625 19.511 9.15663 19.678 9.3236C19.8449 9.49056 20.1153 9.49056 20.2823 9.3236L24.4419 5.16299C24.6089 4.99603 24.6089 4.72565 24.4419 4.55868C24.2752 4.3919 24.0046 4.3919 23.8386 4.55868Z",
24
- fill: "#A2B0B9"
24
+ fill: props.fill
25
25
  }), /*#__PURE__*/_jsx("path", {
26
26
  className: "fillPath",
27
27
  d: "M12.3531 15.8358H9.24616C8.12385 15.8358 7.46165 16.0692 7.02266 16.2235C6.5125 16.4046 6.4706 16.4181 5.99284 15.9839C5.84645 15.8493 5.7088 15.669 5.56332 15.4768C5.20573 15.007 4.75821 14.4169 3.98619 14.4635C2.88281 14.5253 2.78539 15.6729 2.72768 16.3587C2.71822 16.4742 2.70711 16.6031 2.69218 16.7296C2.61698 16.4948 2.54433 16.2384 2.48898 16.0423C2.39886 15.7211 2.30545 15.3905 2.20494 15.1121C1.9961 14.5371 1.63139 14.4588 1.41311 14.4635C1.19717 14.4683 0.622914 14.4801 0.0266173 16.3713C-0.0682457 16.671 0.0985384 16.9907 0.398416 17.0863C0.699748 17.1805 1.01928 17.0135 1.11432 16.7138C1.17604 16.5177 1.25196 16.3136 1.32862 16.1301C1.3492 16.2029 1.3705 16.2772 1.39107 16.3508C1.68458 17.3933 1.91638 18.215 2.54596 18.3655C2.59421 18.3766 2.65429 18.3853 2.72384 18.3853C2.9041 18.3853 3.14462 18.3219 3.37803 18.0658C3.7633 17.6443 3.81701 17.0121 3.86363 16.456C3.88584 16.1902 3.92772 15.6942 4.0488 15.6018C4.21339 15.5954 4.39128 15.8193 4.65549 16.1673C4.81772 16.3809 5.00198 16.6228 5.22503 16.8253C6.14103 17.6597 6.65833 17.5609 7.40173 17.2983C7.80994 17.1543 8.31848 16.9757 9.24543 16.9757H12.3523C12.6672 16.9757 12.9226 16.7193 12.9226 16.4054C12.9233 16.0914 12.6688 15.8359 12.353 15.8359L12.3531 15.8358Z",
28
- fill: "#A2B0B9"
28
+ fill: props.fill
29
29
  })]
30
30
  });
31
31
  export const TypeSignature = props => /*#__PURE__*/_jsx("svg", {
@@ -37,7 +37,7 @@ export const TypeSignature = props => /*#__PURE__*/_jsx("svg", {
37
37
  children: /*#__PURE__*/_jsx("path", {
38
38
  className: "fillPath",
39
39
  d: "M20.6332 10.8976H13.0855V10.1307C13.0855 10.0886 13.0811 10.0476 13.0728 10.008H13.0736C13.0726 10.0021 13.0687 9.99736 13.0674 9.99145C13.0567 9.9473 13.0404 9.9056 13.0203 9.86571C12.9221 9.65741 12.7112 9.51065 12.4594 9.51065H11.3456V9.48406C11.3456 9.04891 11.7123 8.69365 12.1615 8.69365H16.9192C17.7488 8.69365 18.4225 8.03654 18.4225 7.23285C18.4225 6.42917 17.7488 5.77205 16.9192 5.77205H4.06291C3.39377 5.77205 2.84834 5.24366 2.84834 4.59541C2.84834 3.94276 3.39377 3.41436 4.06291 3.41436H17.5286C18.5781 3.41436 19.4306 2.58853 19.4306 1.57174V0H18.7432V1.57174C18.7432 2.21999 18.1978 2.74838 17.5286 2.74838H4.06291C3.01339 2.74838 2.16089 3.57867 2.16089 4.59541C2.16089 5.61216 3.01334 6.43803 4.06291 6.43803H16.9192C17.3683 6.43803 17.7351 6.79326 17.7351 7.23285C17.7351 7.668 17.3684 8.02767 16.9192 8.02767H12.1615C11.3319 8.02767 10.6582 8.68033 10.6582 9.48402V9.51061H9.86996C9.62477 9.51061 9.41974 9.64932 9.31945 9.84877C9.27336 9.9333 9.24473 10.0282 9.24473 10.1304V10.8974L1.36692 10.8975C0.612058 10.8975 0 11.4904 0 12.2218V19.6758C0 20.4071 0.612015 21 1.36692 21L20.6331 20.9998C21.3879 20.9998 22 20.4069 22 19.6756V12.2216C22 11.4905 21.388 10.8975 20.6331 10.8975L20.6332 10.8976ZM15.62 12.4314C15.62 12.2068 15.808 12.0248 16.0398 12.0248H17.2884C17.5202 12.0248 17.7081 12.2068 17.7081 12.4314V13.641C17.7081 13.8656 17.5202 14.0476 17.2884 14.0476H16.0398C15.808 14.0476 15.62 13.8656 15.62 13.641V12.4314ZM11.6247 14.0477H10.3761C10.1443 14.0477 9.95641 13.8656 9.95641 13.641V12.4314C9.95641 12.2069 10.1443 12.0248 10.3761 12.0248H11.6247C11.8566 12.0248 12.0445 12.2069 12.0445 12.4314V13.641C12.0445 13.8656 11.8566 14.0477 11.6247 14.0477ZM12.0445 15.2478V16.4574C12.0445 16.682 11.8566 16.864 11.6247 16.864H10.3761C10.1443 16.864 9.95641 16.682 9.95641 16.4574V15.2478C9.95641 15.0232 10.1443 14.8412 10.3761 14.8412H11.6247C11.8566 14.841 12.0445 15.0232 12.0445 15.2478ZM7.12457 12.4314C7.12457 12.2068 7.31249 12.0248 7.54429 12.0248H8.79291C9.02471 12.0248 9.21263 12.2068 9.21263 12.4314V13.641C9.21263 13.8656 9.02471 14.0476 8.79291 14.0476H7.54429C7.31249 14.0476 7.12457 13.8656 7.12457 13.641V12.4314ZM7.12457 15.2478C7.12457 15.0232 7.31249 14.8412 7.54429 14.8412H8.79291C9.02471 14.8412 9.21263 15.0232 9.21263 15.2478V16.4574C9.21263 16.682 9.02471 16.864 8.79291 16.864H7.54429C7.31249 16.864 7.12457 16.682 7.12457 16.4574V15.2478ZM3.54896 19.2736C3.54896 19.4982 3.36104 19.6802 3.12924 19.6802H1.88062C1.64882 19.6802 1.4609 19.4982 1.4609 19.2736V18.064C1.4609 17.8394 1.64882 17.6574 1.88062 17.6574H3.12924C3.36104 17.6574 3.54896 17.8394 3.54896 18.064V19.2736ZM3.54896 16.4574C3.54896 16.682 3.36104 16.864 3.12924 16.864H1.88062C1.64882 16.864 1.4609 16.682 1.4609 16.4574V15.2478C1.4609 15.0232 1.64882 14.8412 1.88062 14.8412H3.12924C3.36104 14.8412 3.54896 15.0232 3.54896 15.2478V16.4574ZM3.54896 13.641C3.54896 13.8656 3.36104 14.0476 3.12924 14.0476H1.88062C1.64882 14.0476 1.4609 13.8656 1.4609 13.641V12.4314C1.4609 12.2068 1.64882 12.0248 1.88062 12.0248H3.12924C3.36104 12.0248 3.54896 12.2068 3.54896 12.4314V13.641ZM6.38069 19.2738C6.38069 19.4983 6.19278 19.6804 5.96098 19.6804H4.71235C4.48055 19.6804 4.29264 19.4983 4.29264 19.2738V18.0642C4.29264 17.8396 4.48055 17.6576 4.71235 17.6576H5.96098C6.19278 17.6576 6.38069 17.8396 6.38069 18.0642V19.2738ZM6.38069 16.4576C6.38069 16.6821 6.19278 16.8642 5.96098 16.8642H4.71235C4.48055 16.8642 4.29264 16.6821 4.29264 16.4576V15.248C4.29264 15.0234 4.48055 14.8413 4.71235 14.8413H5.96098C6.19278 14.8413 6.38069 15.0234 6.38069 15.248V16.4576ZM6.38069 13.6412C6.38069 13.8658 6.19278 14.0478 5.96098 14.0478H4.71235C4.48055 14.0478 4.29264 13.8658 4.29264 13.6412V12.4316C4.29264 12.207 4.48055 12.025 4.71235 12.025H5.96098C6.19278 12.025 6.38069 12.207 6.38069 12.4316V13.6412ZM14.8762 19.274C14.8762 19.4985 14.6883 19.6806 14.4565 19.6806H7.54426C7.31246 19.6806 7.12455 19.4985 7.12455 19.274V18.0643C7.12455 17.8398 7.31246 17.6577 7.54426 17.6577H14.4565C14.6883 17.6577 14.8762 17.8398 14.8762 18.0643V19.274ZM14.8762 16.4577C14.8762 16.6823 14.6883 16.8644 14.4565 16.8644H13.2079C12.9761 16.8644 12.7881 16.6823 12.7881 16.4577V15.2481C12.7881 15.0236 12.9761 14.8415 13.2079 14.8415H14.4565C14.6883 14.8415 14.8762 15.0236 14.8762 15.2481V16.4577ZM14.8762 13.6414C14.8762 13.8659 14.6883 14.048 14.4565 14.048H13.2079C12.9761 14.048 12.7881 13.8659 12.7881 13.6414V12.4317C12.7881 12.2072 12.9761 12.0251 13.2079 12.0251H14.4565C14.6883 12.0251 14.8762 12.2072 14.8762 12.4317V13.6414ZM17.7081 19.2741C17.7081 19.4987 17.5202 19.6807 17.2884 19.6807H16.0398C15.808 19.6807 15.6201 19.4987 15.6201 19.2741V18.0645C15.6201 17.8399 15.808 17.6579 16.0398 17.6579H17.2884C17.5202 17.6579 17.7081 17.8399 17.7081 18.0645V19.2741ZM20.5398 19.2741C20.5398 19.4987 20.3519 19.6807 20.1201 19.6807H18.8715C18.6397 19.6807 18.4518 19.4987 18.4518 19.2741V18.0645C18.4518 17.8399 18.6397 17.6579 18.8715 17.6579H20.1201C20.3519 17.6579 20.5398 17.8399 20.5398 18.0645V19.2741ZM20.5398 16.4579C20.5398 16.6825 20.3519 16.8645 20.1201 16.8645H16.0398C15.808 16.8645 15.6201 16.6825 15.6201 16.4579V15.2483C15.6201 15.0237 15.808 14.8417 16.0398 14.8417H20.1201C20.3519 14.8417 20.5398 15.0237 20.5398 15.2483V16.4579ZM20.5398 13.6415C20.5398 13.8661 20.3519 14.0481 20.1201 14.0481H18.8715C18.6397 14.0481 18.4518 13.8661 18.4518 13.6415V12.4319C18.4518 12.2074 18.6397 12.0253 18.8715 12.0253H20.1201C20.3519 12.0253 20.5398 12.2074 20.5398 12.4319V13.6415Z",
40
- fill: "#A2B0B9"
40
+ fill: props.fill
41
41
  })
42
42
  });
43
43
  export const UploadSignature = props => /*#__PURE__*/_jsx("svg", {
@@ -51,7 +51,7 @@ export const UploadSignature = props => /*#__PURE__*/_jsx("svg", {
51
51
  fillRule: "evenodd",
52
52
  clipRule: "evenodd",
53
53
  d: "M9.11105 6.94403V12H3.90249C1.74708 12 0 10.3115 0 8.22877C0 6.2095 1.64226 4.56091 3.70654 4.46225C3.89348 1.96767 6.04701 0 8.67605 0C10.7426 0 12.5153 1.21592 13.2701 2.94791C13.5384 2.87841 13.8204 2.84119 14.1116 2.84119C15.9012 2.84119 17.3519 4.24319 17.3519 5.97277C17.3519 6.01559 17.351 6.05819 17.3494 6.10079C18.8463 6.29676 20 7.53667 20 9.03682C20 10.6734 18.6273 12 16.9338 12H10.8892V6.94403L12.4098 8.24737C12.7768 8.56172 13.3385 8.52988 13.6647 8.17607C13.9907 7.82226 13.9577 7.28055 13.5908 6.966L10.5909 4.39451L10.0003 3.88847L9.40974 4.39451L6.40986 6.966C6.04295 7.28057 6.00994 7.82227 6.33592 8.17607C6.66214 8.52988 7.2239 8.56172 7.5908 8.24737L9.11105 6.94403Z",
54
- fill: "#A2B0B9"
54
+ fill: props.fill
55
55
  })
56
56
  });
57
57
  export const PencilIcon = props => /*#__PURE__*/_jsx("svg", {