@flozy/editor 3.8.7 → 3.8.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (117) hide show
  1. package/dist/Editor/ChatEditor.js +55 -29
  2. package/dist/Editor/CommonEditor.js +109 -166
  3. package/dist/Editor/Editor.css +12 -8
  4. package/dist/Editor/Elements/AI/AIInput.js +5 -16
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +17 -31
  6. package/dist/Editor/Elements/AI/Styles.js +1 -2
  7. package/dist/Editor/Elements/Accordion/Accordion.js +1 -1
  8. package/dist/Editor/Elements/Accordion/AccordionSummary.js +20 -6
  9. package/dist/Editor/Elements/AppHeader/AppHeader.js +4 -26
  10. package/dist/Editor/Elements/Button/EditorButton.js +16 -28
  11. package/dist/Editor/Elements/Color Picker/ColorButtons.js +17 -60
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  13. package/dist/Editor/Elements/Color Picker/ColorPicker.js +4 -4
  14. package/dist/Editor/Elements/Color Picker/Styles.js +1 -2
  15. package/dist/Editor/Elements/Emoji/EmojiPicker.js +4 -2
  16. package/dist/Editor/Elements/Form/Form.js +1 -1
  17. package/dist/Editor/Elements/Form/Workflow/FormWorkflow.js +3 -12
  18. package/dist/Editor/Elements/Form/Workflow/UserInputs.js +1 -2
  19. package/dist/Editor/Elements/Grid/Grid.js +3 -27
  20. package/dist/Editor/Elements/Grid/GridItem.js +1 -3
  21. package/dist/Editor/Elements/Link/Link.js +1 -6
  22. package/dist/Editor/Elements/Link/LinkButton.js +2 -4
  23. package/dist/Editor/Elements/Link/LinkPopup.js +3 -10
  24. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +8 -4
  25. package/dist/Editor/Elements/Signature/SignaturePopup.js +3 -14
  26. package/dist/Editor/Elements/Table/Styles.js +1 -23
  27. package/dist/Editor/Elements/Table/Table.js +1 -2
  28. package/dist/Editor/Elements/Table/TableCell.js +7 -69
  29. package/dist/Editor/Elements/TableContextMenu/TableContextMenu.js +0 -1
  30. package/dist/Editor/MiniEditor.js +1 -3
  31. package/dist/Editor/Toolbar/Basic/index.js +2 -4
  32. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +2 -26
  33. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  34. package/dist/Editor/Toolbar/FormatTools/TextSize.js +18 -29
  35. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +27 -5
  36. package/dist/Editor/Toolbar/Mini/Options/Options.js +0 -10
  37. package/dist/Editor/Toolbar/Mini/Styles.js +0 -7
  38. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +11 -4
  39. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +86 -213
  40. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +1 -2
  41. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +13 -20
  42. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +7 -52
  43. package/dist/Editor/Toolbar/PopupTool/index.js +5 -6
  44. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  45. package/dist/Editor/assets/svg/AIIcons.js +1 -153
  46. package/dist/Editor/assets/svg/AddTemplateIcon.js +10 -13
  47. package/dist/Editor/assets/svg/TextIcon.js +5 -8
  48. package/dist/Editor/common/ColorPickerButton.js +9 -25
  49. package/dist/Editor/common/DnD/DragHandleButton.js +47 -56
  50. package/dist/Editor/common/Icon.js +3 -43
  51. package/dist/Editor/common/LinkSettings/NavComponents.js +2 -5
  52. package/dist/Editor/common/LinkSettings/index.js +2 -4
  53. package/dist/Editor/common/LinkSettings/navOptions.js +2 -7
  54. package/dist/Editor/common/LinkSettings/style.js +8 -11
  55. package/dist/Editor/common/MentionsPopup/MentionsListCard.js +6 -1
  56. package/dist/Editor/common/Section/index.js +7 -57
  57. package/dist/Editor/common/Section/styles.js +0 -11
  58. package/dist/Editor/common/Shorthands/elements.js +0 -54
  59. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  60. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +29 -33
  61. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +25 -31
  62. package/dist/Editor/common/StyleBuilder/fieldTypes/buttonLink.js +1 -1
  63. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +7 -31
  64. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +4 -13
  65. package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +14 -3
  66. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +4 -14
  67. package/dist/Editor/common/StyleBuilder/index.js +1 -1
  68. package/dist/Editor/common/iconslist.js +31 -0
  69. package/dist/Editor/helper/index.js +22 -0
  70. package/dist/Editor/helper/theme.js +4 -189
  71. package/dist/Editor/hooks/useMouseMove.js +1 -4
  72. package/dist/Editor/hooks/useWindowMessage.js +7 -10
  73. package/dist/Editor/plugins/withEmbeds.js +1 -1
  74. package/dist/Editor/plugins/withHTML.js +1 -1
  75. package/dist/Editor/plugins/withTable.js +1 -1
  76. package/dist/Editor/theme/ThemeList.js +173 -50
  77. package/dist/Editor/utils/SlateUtilityFunctions.js +27 -169
  78. package/dist/Editor/utils/button.js +17 -1
  79. package/dist/Editor/utils/draftToSlate.js +1 -1
  80. package/dist/Editor/utils/events.js +2 -54
  81. package/dist/Editor/utils/font.js +37 -40
  82. package/dist/Editor/utils/helper.js +2 -31
  83. package/dist/Editor/utils/table.js +43 -51
  84. package/package.json +2 -3
  85. package/dist/Editor/Elements/AI/VoiceToText/AudioWave.js +0 -73
  86. package/dist/Editor/Elements/AI/VoiceToText/index.js +0 -167
  87. package/dist/Editor/Elements/AI/VoiceToText/style.js +0 -40
  88. package/dist/Editor/Elements/Link/LinkPopupStyles.js +0 -28
  89. package/dist/Editor/Elements/Redo/RedoButton.js +0 -14
  90. package/dist/Editor/Elements/Undo/UndoButton.js +0 -14
  91. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -438
  92. package/dist/Editor/assets/svg/RedoIcon.js +0 -27
  93. package/dist/Editor/assets/svg/SettingsIcon.js +0 -28
  94. package/dist/Editor/assets/svg/ThemeIcons.js +0 -291
  95. package/dist/Editor/assets/svg/UndoIcon.js +0 -27
  96. package/dist/Editor/common/CustomColorPicker/index.js +0 -106
  97. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  98. package/dist/Editor/common/CustomDialog/index.js +0 -94
  99. package/dist/Editor/common/CustomDialog/style.js +0 -67
  100. package/dist/Editor/common/CustomSelect.js +0 -33
  101. package/dist/Editor/hooks/useEditorTheme.js +0 -139
  102. package/dist/Editor/theme/index.js +0 -144
  103. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  104. package/dist/Editor/themeSettings/buttons/index.js +0 -290
  105. package/dist/Editor/themeSettings/buttons/style.js +0 -21
  106. package/dist/Editor/themeSettings/colorTheme/index.js +0 -290
  107. package/dist/Editor/themeSettings/colorTheme/style.js +0 -77
  108. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -123
  109. package/dist/Editor/themeSettings/fonts/index.js +0 -213
  110. package/dist/Editor/themeSettings/fonts/style.js +0 -44
  111. package/dist/Editor/themeSettings/icons.js +0 -60
  112. package/dist/Editor/themeSettings/index.js +0 -320
  113. package/dist/Editor/themeSettings/style.js +0 -152
  114. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  115. package/dist/Editor/themeSettingsAI/index.js +0 -356
  116. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -190
  117. package/dist/Editor/themeSettingsAI/style.js +0 -247
@@ -435,156 +435,4 @@ export function DeleteIcon(props) {
435
435
  strokeLinejoin: "round"
436
436
  })]
437
437
  });
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
- });
438
+ }
@@ -1,32 +1,29 @@
1
1
  import React from "react";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import { jsxs as _jsxs } from "react/jsx-runtime";
4
- const AddTemplateIcon = () => {
4
+ const AddElementIcon = () => {
5
5
  return /*#__PURE__*/_jsxs("svg", {
6
6
  width: "17",
7
- height: "18",
8
- viewBox: "0 0 17 18",
7
+ height: "16",
8
+ viewBox: "0 0 17 16",
9
9
  fill: "none",
10
10
  xmlns: "http://www.w3.org/2000/svg",
11
11
  children: [/*#__PURE__*/_jsx("path", {
12
- d: "M9.21541 2.18999L13.3946 4.15499C14.5987 4.71749 14.5987 5.64749 13.3946 6.20999L9.21541 8.17499C8.74083 8.39999 7.96166 8.39999 7.48708 8.17499L3.30791 6.20999C2.10374 5.64749 2.10374 4.71749 3.30791 4.15499L7.48708 2.18999C7.96166 1.96499 8.74083 1.96499 9.21541 2.18999Z",
13
- stroke: "#64748B",
14
- strokeWidth: "1.5",
12
+ d: "M9.17334 1.94688L13.1067 3.69354C14.24 4.19354 14.24 5.02021 13.1067 5.52021L9.17334 7.26688C8.72667 7.46688 7.99334 7.46688 7.54667 7.26688L3.61334 5.52021C2.48 5.02021 2.48 4.19354 3.61334 3.69354L7.54667 1.94688C7.99334 1.74687 8.72667 1.74687 9.17334 1.94688Z",
13
+ strokeWidth: "1.2",
15
14
  strokeLinecap: "round",
16
15
  strokeLinejoin: "round"
17
16
  }), /*#__PURE__*/_jsx("path", {
18
- d: "M2.125 8.25C2.125 8.88 2.57125 9.6075 3.11667 9.8625L7.92625 12.1275C8.29458 12.3 8.7125 12.3 9.07375 12.1275L13.8833 9.8625C14.4287 9.6075 14.875 8.88 14.875 8.25",
19
- stroke: "#64748B",
20
- strokeWidth: "1.5",
17
+ d: "M2.5 7.3335C2.5 7.8935 2.92 8.54016 3.43333 8.76683L7.96 10.7802C8.30667 10.9335 8.7 10.9335 9.04 10.7802L13.5667 8.76683C14.08 8.54016 14.5 7.8935 14.5 7.3335",
18
+ strokeWidth: "1.2",
21
19
  strokeLinecap: "round",
22
20
  strokeLinejoin: "round"
23
21
  }), /*#__PURE__*/_jsx("path", {
24
- d: "M2.125 12C2.125 12.6975 2.51458 13.3275 3.11667 13.6125L7.92625 15.8775C8.29458 16.05 8.7125 16.05 9.07375 15.8775L13.8833 13.6125C14.4854 13.3275 14.875 12.6975 14.875 12",
25
- stroke: "#64748B",
26
- strokeWidth: "1.5",
22
+ d: "M2.5 10.6665C2.5 11.2865 2.86667 11.8465 3.43333 12.0998L7.96 14.1132C8.30667 14.2665 8.7 14.2665 9.04 14.1132L13.5667 12.0998C14.1333 11.8465 14.5 11.2865 14.5 10.6665",
23
+ strokeWidth: "1.2",
27
24
  strokeLinecap: "round",
28
25
  strokeLinejoin: "round"
29
26
  })]
30
27
  });
31
28
  };
32
- export default AddTemplateIcon;
29
+ export default AddElementIcon;
@@ -4,25 +4,22 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
4
4
  const TextIcon = () => {
5
5
  return /*#__PURE__*/_jsxs("svg", {
6
6
  width: "15",
7
- height: "16",
8
- viewBox: "0 0 15 16",
7
+ height: "14",
8
+ viewBox: "0 0 15 14",
9
9
  fill: "none",
10
10
  xmlns: "http://www.w3.org/2000/svg",
11
11
  children: [/*#__PURE__*/_jsx("path", {
12
- d: "M1.66895 4.9813V3.8438C1.66895 3.12505 2.2502 2.55005 2.9627 2.55005H12.0377C12.7564 2.55005 13.3314 3.1313 13.3314 3.8438V4.9813",
13
- stroke: "#64748B",
12
+ d: "M2.0575 4.18274V3.12107C2.0575 2.45024 2.59999 1.91357 3.265 1.91357H11.735C12.4058 1.91357 12.9425 2.45607 12.9425 3.12107V4.18274",
14
13
  strokeWidth: "1.5",
15
14
  strokeLinecap: "round",
16
15
  strokeLinejoin: "round"
17
16
  }), /*#__PURE__*/_jsx("path", {
18
- d: "M7.5 13.4501V3.06885",
19
- stroke: "#64748B",
17
+ d: "M7.5 12.0866V2.39746",
20
18
  strokeWidth: "1.5",
21
19
  strokeLinecap: "round",
22
20
  strokeLinejoin: "round"
23
21
  }), /*#__PURE__*/_jsx("path", {
24
- d: "M5.0376 13.45H9.9626",
25
- stroke: "#64748B",
22
+ d: "M5.20166 12.0864H9.79833",
26
23
  strokeWidth: "1.5",
27
24
  strokeLinecap: "round",
28
25
  strokeLinejoin: "round"
@@ -1,7 +1,7 @@
1
1
  import React, { useState } from "react";
2
2
  import { Grid, Button, Popover } from "@mui/material";
3
+ import ColorPickerTool from "react-gcolor-picker";
3
4
  import { colors } from "../Elements/Color Picker/defaultColors";
4
- import CustomColorPicker from "./CustomColorPicker";
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
7
  import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -9,12 +9,9 @@ const ColorPickerButton = props => {
9
9
  const {
10
10
  value,
11
11
  onSave,
12
+ defaultColors = [],
12
13
  classes = {},
13
- recentColors = [],
14
- children,
15
- handleClose: closeDrawer,
16
- hideThemeColors,
17
- disableEditTheme
14
+ recentColors = []
18
15
  } = props;
19
16
  const [anchorEl, setAnchorEl] = useState(null);
20
17
  const [color, setColor] = useState(value);
@@ -33,13 +30,7 @@ const ColorPickerButton = props => {
33
30
  setColor(color);
34
31
  };
35
32
  return /*#__PURE__*/_jsxs(_Fragment, {
36
- children: [children ? /*#__PURE__*/_jsx("div", {
37
- onClick: handleColorPicker,
38
- style: {
39
- cursor: "pointer"
40
- },
41
- children: children
42
- }) : /*#__PURE__*/_jsx(Button, {
33
+ children: [/*#__PURE__*/_jsx(Button, {
43
34
  style: {
44
35
  background: value,
45
36
  height: "22px",
@@ -69,24 +60,17 @@ const ColorPickerButton = props => {
69
60
  item: true,
70
61
  xs: 12,
71
62
  children: [/*#__PURE__*/_jsx("div", {
72
- children: /*#__PURE__*/_jsx(CustomColorPicker, {
63
+ children: /*#__PURE__*/_jsx(ColorPickerTool, {
73
64
  gradient: true,
74
- color: color,
65
+ value: color,
75
66
  onChange: handleColorChange,
76
- recentColors: recentColors,
77
- closeDrawer: closeDrawer,
78
- hideThemeColors: hideThemeColors,
79
- disableEditTheme: disableEditTheme
67
+ defaultColors: [...recentColors, ...defaultColors] || []
80
68
  })
81
69
  }), /*#__PURE__*/_jsxs("div", {
82
70
  style: {
83
71
  display: "flex",
84
- justifyContent: "flex-end",
85
- padding: "8px",
86
- background: "white",
87
- position: "sticky",
88
- bottom: 0,
89
- boxShadow: "0 -1px 5px rgba(0,0,0,0.1)"
72
+ justifyContent: "end",
73
+ margin: "8px"
90
74
  },
91
75
  children: [/*#__PURE__*/_jsx(Button, {
92
76
  onClick: handleClose,
@@ -7,68 +7,59 @@ import { useEditorContext } from "../../hooks/useMouseMove";
7
7
  import { Transforms } from "slate";
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
9
  import { jsxs as _jsxs } from "react/jsx-runtime";
10
- const DRAGGABLE_TYPES = ["paragraph", "headingOne", "headingTwo", "headingThree", "headingFour", "headingFive", "headingSix", "paragraphOne", "paragraphTwo", "paragraphThree", "grid"];
11
- const DragHandleStyle = fromPopper => {
12
- const handleDragStyle = fromPopper ? {
13
- position: "absolute",
14
- top: "6px",
15
- left: "4px"
16
- } : {
10
+ const DRAGGABLE_TYPES = ["paragraph", "headingOne", "headingTwo", "headingThree", "grid"];
11
+ const DragHandleStyle = () => ({
12
+ dragHandle: {
13
+ opacity: 0,
14
+ content: '" "',
17
15
  position: "absolute",
18
16
  top: "3px",
19
- left: "-52px"
20
- };
21
- return {
22
- dragHandle: {
23
- opacity: 0,
24
- content: '" "',
25
- ...handleDragStyle,
26
- borderRadius: "0px",
27
- padding: "0px",
28
- width: "20px",
29
- height: "20px",
30
- border: 0,
31
- display: "flex",
32
- alignItems: "center",
33
- justifyContent: "center",
34
- cursor: "grab",
35
- color: "#D7D7D6",
36
- background: "rgb(221, 221, 221, 0.1)",
37
- "& svg": {
38
- width: "20px"
39
- },
40
- "&:hover": {
41
- opacity: 1,
42
- background: "rgb(221, 221, 221, 0.8)"
43
- },
44
- "&.active": {
45
- opacity: 1,
46
- cursor: "grabbing"
47
- }
17
+ left: "-52px",
18
+ borderRadius: "0px",
19
+ padding: "0px",
20
+ width: "20px",
21
+ height: "20px",
22
+ border: 0,
23
+ display: "flex",
24
+ alignItems: "center",
25
+ justifyContent: "center",
26
+ cursor: "grab",
27
+ color: "#D7D7D6",
28
+ background: "rgb(221, 221, 221, 0.1)",
29
+ "& svg": {
30
+ width: "20px"
48
31
  },
49
- dropArea: {
50
- position: "absolute",
51
- left: 0,
52
- top: 0,
53
- width: "100%",
54
- height: "100%",
55
- pointerEvents: "none",
56
- zIndex: -1,
57
- "&.dragging": {
58
- backgroundColor: "#def4ff"
59
- }
32
+ "&:hover": {
33
+ opacity: 1,
34
+ background: "rgb(221, 221, 221, 0.8)"
60
35
  },
61
- dropAreaOver: {
62
- position: "absolute",
63
- left: 0,
64
- top: 0,
65
- width: "100%",
66
- height: "4px"
36
+ "&.active": {
37
+ opacity: 1,
38
+ cursor: "grabbing"
67
39
  }
68
- };
69
- };
40
+ },
41
+ dropArea: {
42
+ position: "absolute",
43
+ left: 0,
44
+ top: 0,
45
+ width: "100%",
46
+ height: "100%",
47
+ pointerEvents: "none",
48
+ zIndex: -1,
49
+ "&.dragging": {
50
+ backgroundColor: "#def4ff"
51
+ }
52
+ },
53
+ dropAreaOver: {
54
+ position: "absolute",
55
+ left: 0,
56
+ top: 0,
57
+ width: "100%",
58
+ height: "4px"
59
+ }
60
+ });
70
61
  const DragHandle = props => {
71
- const classes = DragHandleStyle(props.fromPopper);
62
+ const classes = DragHandleStyle();
72
63
  const editor = useSlateStatic();
73
64
  const [dragging, setDragging] = useState(false);
74
65
  const {
@@ -10,26 +10,10 @@ import { IoIosImage } from "react-icons/io";
10
10
  import { GridIcon, AccordionIcon, SignatureIcon, ButtonIcon, Carousal, FormIcon, BoldIcon, FontFamilyIcon, FontSizeIcon, ImageIcon, ItalicIcon, LinkIcon, StrikethroughIcon, TableIcon, UnderLineIcon, VideoIcon, CheckboxIcon, AppHeader, MoreHorizontal, UploadImage, DocsUpload, LeftArrow, RightArrow, CheckListButton, CheckListButtonActive, ExcelIcon, CsvIcon, DividerIcon, CloseIcon, SearchIcon, ExpandIcon, CalendarIconNew, Text, TextAreaIcon, Phone, BriefCase, Bank, CalendarTick, DollarSquare, Checkbox, Description, RadioButtonIcon, CheckedIcon, UncheckedIcon, InfinityIcon, ResetIcon } from "./iconslist";
11
11
  import ArrowRightIcon from "@mui/icons-material/ArrowRight";
12
12
  import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
13
- import EmailRoundedIcon from "@mui/icons-material/EmailRounded";
14
- import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
15
- import SettingsIcon from "../assets/svg/SettingsIcon";
16
- import UndoIcon from "../assets/svg/UndoIcon";
17
- import RedoIcon from "../assets/svg/RedoIcon";
18
- import TextIcon from "../assets/svg/TextIcon";
19
- import AddElementIcon from "../assets/svg/AddElementIcon";
20
- import AddTemplateIcon from "../assets/svg/AddTemplateIcon";
13
+ import EmailRoundedIcon from '@mui/icons-material/EmailRounded';
14
+ import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
21
15
  import { jsx as _jsx } from "react/jsx-runtime";
22
16
  import { jsxs as _jsxs } from "react/jsx-runtime";
23
- const HeadingIcon = ({
24
- variant
25
- }) => {
26
- return /*#__PURE__*/_jsx("div", {
27
- style: {
28
- color: "#64748B"
29
- },
30
- children: variant
31
- });
32
- };
33
17
  const iconList = {
34
18
  fontFamily: /*#__PURE__*/_jsx(FontFamilyIcon, {
35
19
  size: 20
@@ -65,24 +49,6 @@ const iconList = {
65
49
  size: 18,
66
50
  fill: "#64748B"
67
51
  }),
68
- headingFour: /*#__PURE__*/_jsx(HeadingIcon, {
69
- variant: "H4"
70
- }),
71
- headingFive: /*#__PURE__*/_jsx(HeadingIcon, {
72
- variant: "H5"
73
- }),
74
- headingSix: /*#__PURE__*/_jsx(HeadingIcon, {
75
- variant: "H6"
76
- }),
77
- paragraphOne: /*#__PURE__*/_jsx(HeadingIcon, {
78
- variant: "P1"
79
- }),
80
- paragraphTwo: /*#__PURE__*/_jsx(HeadingIcon, {
81
- variant: "P2"
82
- }),
83
- paragraphThree: /*#__PURE__*/_jsx(HeadingIcon, {
84
- variant: "P3"
85
- }),
86
52
  blockquote: /*#__PURE__*/_jsx(MdFormatQuote, {
87
53
  size: 20,
88
54
  fill: "#64748B"
@@ -278,13 +244,7 @@ const iconList = {
278
244
  checkedIcon: /*#__PURE__*/_jsx(CheckedIcon, {}),
279
245
  uncheckedIcon: /*#__PURE__*/_jsx(UncheckedIcon, {}),
280
246
  infinityIcon: /*#__PURE__*/_jsx(InfinityIcon, {}),
281
- resetIcon: /*#__PURE__*/_jsx(ResetIcon, {}),
282
- pagesSettings: /*#__PURE__*/_jsx(SettingsIcon, {}),
283
- undoIcon: /*#__PURE__*/_jsx(UndoIcon, {}),
284
- redoIcon: /*#__PURE__*/_jsx(RedoIcon, {}),
285
- textIcon: /*#__PURE__*/_jsx(TextIcon, {}),
286
- addElement: /*#__PURE__*/_jsx(AddElementIcon, {}),
287
- addTemplate: /*#__PURE__*/_jsx(AddTemplateIcon, {})
247
+ resetIcon: /*#__PURE__*/_jsx(ResetIcon, {})
288
248
  };
289
249
  const Icon = props => {
290
250
  const {
@@ -134,13 +134,10 @@ export const SelectPage = props => {
134
134
  });
135
135
  };
136
136
  export const Trigger = props => {
137
- const {
138
- nav
139
- } = props;
140
- return /*#__PURE__*/_jsxs(Typography, {
137
+ return /*#__PURE__*/_jsx(Typography, {
141
138
  variant: "subtitle1",
142
139
  gutterBottom: true,
143
- children: ["Choosing this will trigger the ", nav.type, " step"]
140
+ children: "Choosing this will trigger the next step"
144
141
  });
145
142
  };
146
143
  const scrollToOptions = [{
@@ -18,8 +18,7 @@ const MAP_COMPONENT = {
18
18
  webAddress: TextInput,
19
19
  email: TextInput,
20
20
  phone: TextInput,
21
- nextTrigger: Trigger,
22
- prevTrigger: Trigger,
21
+ actionTrigger: Trigger,
23
22
  scrollTopOrBottom: ScrollTopBottom,
24
23
  page: SelectPage
25
24
  };
@@ -36,12 +35,11 @@ export default function LinkSettings(props) {
36
35
  customProps,
37
36
  navType
38
37
  } = props;
39
- const themeType = localStorage.getItem("themeType");
40
38
  const {
41
39
  isMobile
42
40
  } = customProps;
43
41
  const navOptions = getNavOptions(customProps.hideTools);
44
- const classes = LinkSettingsStyles(themeType);
42
+ const classes = LinkSettingsStyles();
45
43
  const [nav, setNav] = useState(getNav(navType, navOptions));
46
44
  const [navValue, setNavValue] = useState(props?.navValue || "");
47
45
  const [openInNewTab, setOpenInNewTab] = useState(props.openInNewTab || false);
@@ -3,13 +3,8 @@ export const getNavOptions = (hideTools = []) => {
3
3
  label: "None",
4
4
  value: ""
5
5
  }, {
6
- label: "Next Trigger",
7
- value: "nextTrigger",
8
- type: "next"
9
- }, {
10
- label: "Previous Trigger",
11
- value: "prevTrigger",
12
- type: "previous"
6
+ label: "Trigger",
7
+ value: "actionTrigger"
13
8
  }, {
14
9
  label: "Web Address",
15
10
  value: "webAddress",
@@ -1,35 +1,32 @@
1
- const ButtonNavSettingsStyles = themeType => ({
1
+ const ButtonNavSettingsStyles = () => ({
2
2
  dialogContainer: {
3
- "& .MuiPaper-root": {
4
- background: themeType === "dark" ? "#141720 !important" : "#ffffff !important"
5
- },
6
- "& .MuiDialogContent-root": {
3
+ '& .MuiDialogContent-root': {
7
4
  padding: "0px 20px"
8
5
  },
9
- "& .MuiDialogActions-root": {
6
+ '& .MuiDialogActions-root': {
10
7
  padding: "10px"
11
8
  },
12
- "& .MuiTypography-h6": {
9
+ '& .MuiTypography-h6': {
13
10
  fontWeight: 600,
14
11
  fontSize: "16px",
15
12
  paddingRight: "20px"
16
13
  },
17
14
  "& .MuiGrid-container": {
18
- marginTop: "0px"
15
+ marginTop: '0px'
19
16
  },
20
17
  "& .MuiGrid-item": {
21
18
  padding: "14px"
22
19
  }
23
20
  },
24
21
  saveBtn: {
25
- color: "#fff",
22
+ color: '#fff',
26
23
  background: "#2563EB",
27
24
  fontSize: "14px",
28
25
  fontWeight: 500,
29
26
  padding: "4px 24px",
30
27
  textTransform: "none",
31
28
  "&:hover": {
32
- color: "#fff",
29
+ color: '#fff',
33
30
  background: "#2563EB"
34
31
  }
35
32
  },
@@ -46,7 +43,7 @@ const ButtonNavSettingsStyles = themeType => ({
46
43
  }
47
44
  },
48
45
  closeIcon: {
49
- position: "absolute",
46
+ position: 'absolute',
50
47
  right: 8,
51
48
  top: 8,
52
49
  color: theme => theme.palette.grey[500]
@@ -39,7 +39,12 @@ const MentionsListCard = props => {
39
39
  },
40
40
  alt: name,
41
41
  children: /*#__PURE__*/_jsx(Avatar, {
42
- src: avatar_filename
42
+ sx: {
43
+ background: 'linear-gradient(90deg, #5351FC 0%, #19A9FC 100%)'
44
+ },
45
+ alt: name,
46
+ src: avatar_filename,
47
+ children: !avatar_filename && name && name.charAt(0).toUpperCase()
43
48
  })
44
49
  }), /*#__PURE__*/_jsx(Box, {
45
50
  sx: {