@flozy/editor 1.7.4 → 1.7.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Editor/CommonEditor.js +30 -12
- package/dist/Editor/DialogWrapper.js +2 -10
- package/dist/Editor/Editor.css +105 -0
- package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -4
- package/dist/Editor/Elements/Color Picker/ColorPicker.js +9 -6
- package/dist/Editor/Elements/Color Picker/LogoIcon.js +15 -49
- package/dist/Editor/Elements/Color Picker/Styles.js +25 -4
- package/dist/Editor/Elements/Color Picker/defaultColors.js +1 -1
- package/dist/Editor/Elements/Embed/Image.js +25 -31
- package/dist/Editor/Elements/Embed/Video.js +49 -40
- package/dist/Editor/Elements/Form/Workflow/FormWorkflow.js +49 -3
- package/dist/Editor/Elements/Form/Workflow/ListWorkflow.js +92 -75
- package/dist/Editor/Elements/Form/Workflow/MoreOptions.js +0 -1
- package/dist/Editor/Elements/Form/Workflow/Styles.js +19 -5
- package/dist/Editor/Elements/Form/Workflow/UserInputs.js +2 -4
- package/dist/Editor/Elements/Grid/Grid.js +67 -114
- package/dist/Editor/Elements/Grid/GridItem.js +9 -23
- package/dist/Editor/Elements/Grid/templates/default_grid.js +0 -23
- package/dist/Editor/Elements/Link/Link.js +58 -20
- package/dist/Editor/Elements/Link/LinkButton.js +37 -97
- package/dist/Editor/Elements/Link/LinkPopup.js +106 -0
- package/dist/Editor/Elements/List/CheckList.js +28 -22
- package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +11 -5
- package/dist/Editor/Elements/Signature/SignaturePopup.js +15 -4
- package/dist/Editor/Elements/SimpleText.js +30 -26
- package/dist/Editor/MiniEditor.js +4 -6
- package/dist/Editor/Styles/EditorStyles.js +72 -1
- package/dist/Editor/Toolbar/FormatTools/TextSize.js +2 -1
- package/dist/Editor/Toolbar/Mini/MiniToolbar.js +5 -1
- package/dist/Editor/Toolbar/PopupTool/AddTemplates.js +3 -1
- package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +4 -0
- package/dist/Editor/Toolbar/PopupTool/TextFormat.js +96 -19
- package/dist/Editor/Toolbar/toolbarGroups.js +1 -1
- package/dist/Editor/common/Section/index.js +118 -0
- package/dist/Editor/common/Shorthands/elements.js +1 -1
- package/dist/Editor/common/StyleBuilder/appHeaderStyle.js +5 -1
- package/dist/Editor/common/StyleBuilder/buttonStyle.js +44 -51
- package/dist/Editor/common/StyleBuilder/embedImageStyle.js +2 -24
- package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -3
- package/dist/Editor/common/StyleBuilder/fieldStyle.js +0 -3
- package/dist/Editor/common/StyleBuilder/fieldTypes/alignment.js +52 -62
- package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +2 -1
- package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +100 -74
- package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +41 -10
- package/dist/Editor/common/StyleBuilder/fieldTypes/buttonLink.js +3 -3
- package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +27 -77
- package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -5
- package/dist/Editor/common/StyleBuilder/fieldTypes/gridSize.js +19 -15
- package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +2 -2
- package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +2 -2
- package/dist/Editor/common/StyleBuilder/fieldTypes/radiusStyle.js +67 -8
- package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +2 -3
- package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +21 -32
- package/dist/Editor/common/StyleBuilder/fieldTypes/textAlign.js +37 -41
- package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +26 -24
- package/dist/Editor/common/StyleBuilder/formStyle.js +0 -6
- package/dist/Editor/common/StyleBuilder/gridItemStyle.js +38 -54
- package/dist/Editor/common/StyleBuilder/gridStyle.js +20 -26
- package/dist/Editor/common/StyleBuilder/index.js +14 -58
- package/dist/Editor/common/StyleBuilder/sectionStyle.js +16 -0
- package/dist/Editor/common/Uploader.js +0 -4
- package/dist/Editor/helper/index.js +63 -1
- package/dist/Editor/utils/Decorators/index.js +5 -0
- package/dist/Editor/utils/Decorators/link.js +26 -0
- package/dist/Editor/utils/SlateUtilityFunctions.js +36 -8
- package/dist/Editor/utils/accordion.js +17 -4
- package/dist/Editor/utils/button.js +15 -1
- package/dist/Editor/utils/customHooks/useElement.js +28 -0
- package/dist/Editor/utils/embed.js +1 -7
- package/dist/Editor/utils/events.js +92 -43
- package/dist/Editor/utils/gridItem.js +1 -1
- package/dist/Editor/utils/link.js +10 -9
- package/package.json +1 -1
@@ -1,14 +1,15 @@
|
|
1
1
|
import React, { useState, useEffect } from "react";
|
2
|
-
import {
|
2
|
+
import { useSlateStatic, ReactEditor } from "slate-react";
|
3
3
|
import { Node, Transforms } from "slate";
|
4
|
+
import { IconButton, Tooltip, Box } from "@mui/material";
|
5
|
+
import DeleteIcon from "@mui/icons-material/Delete";
|
4
6
|
import AspectRatioIcon from "@mui/icons-material/AspectRatio";
|
5
7
|
import Icon from "../../common/Icon";
|
6
8
|
import useResize from "../../utils/customHooks/useResize";
|
7
|
-
import { IconButton, Tooltip } from "@mui/material";
|
8
|
-
import DeleteIcon from "@mui/icons-material/Delete";
|
9
9
|
import EmbedPopup from "./EmbedPopup";
|
10
10
|
import { GridSettingsIcon } from "../../common/iconslist";
|
11
11
|
import { gradientBorder } from "../../utils/helper";
|
12
|
+
import { getEmbedURL } from "../../helper";
|
12
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
13
14
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
14
15
|
const Video = ({
|
@@ -18,18 +19,16 @@ const Video = ({
|
|
18
19
|
customProps
|
19
20
|
}) => {
|
20
21
|
const {
|
21
|
-
url,
|
22
22
|
alt,
|
23
23
|
alignment,
|
24
24
|
bannerSpacing,
|
25
25
|
borderRadius,
|
26
26
|
borderWidth,
|
27
27
|
borderColor,
|
28
|
-
borderStyle
|
28
|
+
borderStyle,
|
29
|
+
url
|
29
30
|
} = element;
|
30
31
|
const editor = useSlateStatic();
|
31
|
-
const selected = useSelected();
|
32
|
-
const focused = useFocused();
|
33
32
|
const [openSetttings, setOpenSettings] = useState(false);
|
34
33
|
const [parentDOM, setParentDOM] = useState(null);
|
35
34
|
const {
|
@@ -116,13 +115,53 @@ const Video = ({
|
|
116
115
|
};
|
117
116
|
const totalMinus = parseInt(left || 0) + parseInt(right || 0);
|
118
117
|
const width = resizing ? `${size.width}px` : `${size.widthInPercent || 100}%`;
|
118
|
+
const embedURL = getEmbedURL(element);
|
119
|
+
const VideoContent = () => {
|
120
|
+
return resizing ? /*#__PURE__*/_jsx("div", {
|
121
|
+
style: {
|
122
|
+
width: "100%",
|
123
|
+
height: "100%",
|
124
|
+
border: "2px dashed black",
|
125
|
+
display: "flex",
|
126
|
+
justifyContent: "center",
|
127
|
+
alignItems: "center"
|
128
|
+
},
|
129
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
130
|
+
icon: "videoPlayer"
|
131
|
+
})
|
132
|
+
}) : /*#__PURE__*/_jsx("iframe", {
|
133
|
+
className: "embedd-iframe",
|
134
|
+
style: {
|
135
|
+
border: "none",
|
136
|
+
position: "absolute",
|
137
|
+
width: "100%",
|
138
|
+
height: "100%",
|
139
|
+
left: "0px",
|
140
|
+
...(gradientBorder(borderColor) || {}),
|
141
|
+
borderWidth: borderWidth || "1px",
|
142
|
+
borderRadius: `${topLeft}px ${topRight}px ${bottomLeft}px ${bottomRight}px`,
|
143
|
+
borderStyle: borderStyle || "solid"
|
144
|
+
},
|
145
|
+
src: embedURL,
|
146
|
+
title: alt
|
147
|
+
});
|
148
|
+
};
|
149
|
+
const VideoPlaceholder = () => {
|
150
|
+
return !url && !readOnly ? /*#__PURE__*/_jsxs(Box, {
|
151
|
+
component: "button",
|
152
|
+
className: "element-empty-btn",
|
153
|
+
onClick: onSettings,
|
154
|
+
children: [/*#__PURE__*/_jsx(Icon, {
|
155
|
+
icon: "video"
|
156
|
+
}), "Embed Video or Other"]
|
157
|
+
}) : /*#__PURE__*/_jsx(VideoContent, {});
|
158
|
+
};
|
119
159
|
return /*#__PURE__*/_jsxs("div", {
|
120
160
|
...attributes,
|
121
161
|
className: "embed has-hover video",
|
122
162
|
style: {
|
123
163
|
display: "flex",
|
124
164
|
width: `calc(100% - ${totalMinus}px)`,
|
125
|
-
boxShadow: selected && focused && "0 0 3px 3px lightgray",
|
126
165
|
justifyContent: horizantal,
|
127
166
|
alignContent: vertical
|
128
167
|
},
|
@@ -139,39 +178,9 @@ const Video = ({
|
|
139
178
|
style: {
|
140
179
|
position: "relative",
|
141
180
|
width: `${width}`,
|
142
|
-
height: `${size.height}px`
|
181
|
+
height: url ? `${size.height}px` : "auto"
|
143
182
|
},
|
144
|
-
children: [!readOnly && /*#__PURE__*/_jsx(ToolBar, {}),
|
145
|
-
// The iframe reloads on each re-render and hence it stutters and the document doesn't detect mouse-up event leading to unwanted behaviour
|
146
|
-
// So during resize replace the iframe with a simple div
|
147
|
-
resizing ? /*#__PURE__*/_jsx("div", {
|
148
|
-
style: {
|
149
|
-
width: "100%",
|
150
|
-
height: "100%",
|
151
|
-
border: "2px dashed black",
|
152
|
-
display: "flex",
|
153
|
-
justifyContent: "center",
|
154
|
-
alignItems: "center"
|
155
|
-
},
|
156
|
-
children: /*#__PURE__*/_jsx(Icon, {
|
157
|
-
icon: "videoPlayer"
|
158
|
-
})
|
159
|
-
}) : /*#__PURE__*/_jsx("iframe", {
|
160
|
-
className: "embedd-iframe",
|
161
|
-
style: {
|
162
|
-
border: "none",
|
163
|
-
position: "absolute",
|
164
|
-
width: "100%",
|
165
|
-
height: "100%",
|
166
|
-
left: "0px",
|
167
|
-
...(gradientBorder(borderColor) || {}),
|
168
|
-
borderWidth: borderWidth || "1px",
|
169
|
-
borderRadius: `${topLeft}px ${topRight}px ${bottomLeft}px ${bottomRight}px`,
|
170
|
-
borderStyle: borderStyle || "solid"
|
171
|
-
},
|
172
|
-
src: url,
|
173
|
-
title: alt
|
174
|
-
}), !readOnly ? /*#__PURE__*/_jsx(IconButton, {
|
183
|
+
children: [!readOnly && url && /*#__PURE__*/_jsx(ToolBar, {}), /*#__PURE__*/_jsx(VideoPlaceholder, {}), !readOnly && url ? /*#__PURE__*/_jsx(IconButton, {
|
175
184
|
onPointerDown: onMouseDown,
|
176
185
|
style: {
|
177
186
|
background: "#FFF"
|
@@ -1,10 +1,11 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import { Grid, Radio, RadioGroup, Typography, FormControlLabel, Select, MenuItem, FormControl, TextField } from "@mui/material";
|
1
|
+
import React, { useState } from "react";
|
2
|
+
import { Grid, Radio, RadioGroup, Typography, FormControlLabel, Select, MenuItem, FormControl, TextField, Button, Menu } from "@mui/material";
|
3
3
|
import FormStyles from "./Styles";
|
4
4
|
import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
|
5
5
|
import UserInputs from "./UserInputs";
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
7
7
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
8
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
8
9
|
const FormWorkflow = props => {
|
9
10
|
const {
|
10
11
|
schedule,
|
@@ -23,6 +24,9 @@ const FormWorkflow = props => {
|
|
23
24
|
handleInputReset
|
24
25
|
} = props;
|
25
26
|
const classes = FormStyles();
|
27
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
28
|
+
const variables = element?.children;
|
29
|
+
const type = 1;
|
26
30
|
const handleBodyField = event => {
|
27
31
|
setBodyData(event.target.value);
|
28
32
|
};
|
@@ -35,6 +39,14 @@ const FormWorkflow = props => {
|
|
35
39
|
const onSubjectChange = event => {
|
36
40
|
setSubject(event.target.value);
|
37
41
|
};
|
42
|
+
const handleVariables = event => {
|
43
|
+
event.stopPropagation();
|
44
|
+
setAnchorEl(event.currentTarget);
|
45
|
+
};
|
46
|
+
const handleClose = event => {
|
47
|
+
event.stopPropagation();
|
48
|
+
setAnchorEl(null);
|
49
|
+
};
|
38
50
|
return /*#__PURE__*/_jsxs(Grid, {
|
39
51
|
container: true,
|
40
52
|
children: [/*#__PURE__*/_jsxs(Grid, {
|
@@ -154,13 +166,47 @@ const FormWorkflow = props => {
|
|
154
166
|
},
|
155
167
|
"& textarea": {
|
156
168
|
fontSize: "16px",
|
157
|
-
fontWeight: 500
|
169
|
+
fontWeight: 500,
|
170
|
+
width: "410px"
|
158
171
|
},
|
159
172
|
"& textarea:focus-visible": {
|
160
173
|
outline: "none",
|
161
174
|
borderRadius: "none",
|
162
175
|
border: "none"
|
176
|
+
},
|
177
|
+
"& .MuiOutlinedInput-root": {
|
178
|
+
padding: "8px 10px"
|
163
179
|
}
|
180
|
+
},
|
181
|
+
InputProps: {
|
182
|
+
endAdornment: /*#__PURE__*/_jsxs(_Fragment, {
|
183
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
184
|
+
sx: classes.variableBtn,
|
185
|
+
onClick: handleVariables,
|
186
|
+
endIcon: /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {}),
|
187
|
+
children: "Variables"
|
188
|
+
}), /*#__PURE__*/_jsx(Menu, {
|
189
|
+
id: "basic-menu",
|
190
|
+
open: Boolean(anchorEl),
|
191
|
+
anchorEl: anchorEl,
|
192
|
+
onClose: handleClose,
|
193
|
+
anchorOrigin: {
|
194
|
+
vertical: "bottom",
|
195
|
+
horizontal: "right"
|
196
|
+
},
|
197
|
+
transformOrigin: {
|
198
|
+
vertical: "top",
|
199
|
+
horizontal: "right"
|
200
|
+
},
|
201
|
+
children: variables?.map((m, i) => /*#__PURE__*/_jsx(MenuItem, {
|
202
|
+
sx: {
|
203
|
+
color: "#64748B"
|
204
|
+
},
|
205
|
+
onClick: handleSelectedVariables(m, type),
|
206
|
+
children: m.name
|
207
|
+
}, `menu_${i}_${m.name}`))
|
208
|
+
})]
|
209
|
+
})
|
164
210
|
}
|
165
211
|
})]
|
166
212
|
}), /*#__PURE__*/_jsxs(Grid, {
|
@@ -2,8 +2,8 @@ import React from "react";
|
|
2
2
|
import { Grid, Typography } from "@mui/material";
|
3
3
|
import FormStyles from "./Styles";
|
4
4
|
import MoreOptions from "./MoreOptions";
|
5
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
6
5
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
7
7
|
const ListWorkflow = props => {
|
8
8
|
const {
|
9
9
|
workflow,
|
@@ -27,110 +27,127 @@ const ListWorkflow = props => {
|
|
27
27
|
xs: 12,
|
28
28
|
children: /*#__PURE__*/_jsxs(Grid, {
|
29
29
|
container: true,
|
30
|
-
sx: classes.flowListCard,
|
31
|
-
alignItems: "center",
|
32
|
-
justifyContent: "space-between",
|
33
30
|
children: [/*#__PURE__*/_jsx(Grid, {
|
34
31
|
item: true,
|
35
|
-
|
32
|
+
sx: classes.emailIndexCard,
|
33
|
+
children: /*#__PURE__*/_jsxs(Typography, {
|
34
|
+
sx: {
|
35
|
+
fontSize: "12px",
|
36
|
+
fontWeight: 600
|
37
|
+
},
|
38
|
+
children: ["Email ", index + 1]
|
39
|
+
})
|
40
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
41
|
+
item: true,
|
42
|
+
xs: 12,
|
36
43
|
children: /*#__PURE__*/_jsxs(Grid, {
|
37
44
|
container: true,
|
38
|
-
|
45
|
+
sx: classes.flowListCard,
|
46
|
+
alignItems: "center",
|
47
|
+
justifyContent: "space-between",
|
39
48
|
children: [/*#__PURE__*/_jsx(Grid, {
|
40
49
|
item: true,
|
41
|
-
xs:
|
42
|
-
children: /*#__PURE__*/_jsxs(Grid, {
|
43
|
-
container: true,
|
44
|
-
alignItems: "center",
|
45
|
-
children: [/*#__PURE__*/_jsx(Grid, {
|
46
|
-
item: true,
|
47
|
-
children: /*#__PURE__*/_jsx(Typography, {
|
48
|
-
sx: classes.listHeading,
|
49
|
-
children: "Subject:"
|
50
|
-
})
|
51
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
52
|
-
item: true,
|
53
|
-
children: /*#__PURE__*/_jsx(Typography, {
|
54
|
-
sx: classes.listSubHeading,
|
55
|
-
style: {
|
56
|
-
paddingLeft: '24px'
|
57
|
-
},
|
58
|
-
children: flow.subject_data
|
59
|
-
})
|
60
|
-
})]
|
61
|
-
})
|
62
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
63
|
-
item: true,
|
64
|
-
xs: 12,
|
65
|
-
children: /*#__PURE__*/_jsxs(Grid, {
|
66
|
-
container: true,
|
67
|
-
alignItems: "center",
|
68
|
-
children: [/*#__PURE__*/_jsx(Grid, {
|
69
|
-
item: true,
|
70
|
-
children: /*#__PURE__*/_jsx(Typography, {
|
71
|
-
sx: classes.listHeading,
|
72
|
-
children: "Body:"
|
73
|
-
})
|
74
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
75
|
-
item: true,
|
76
|
-
children: /*#__PURE__*/_jsx(Typography, {
|
77
|
-
sx: classes.listSubHeading,
|
78
|
-
style: {
|
79
|
-
paddingLeft: '40px'
|
80
|
-
},
|
81
|
-
children: flow.body_data
|
82
|
-
})
|
83
|
-
})]
|
84
|
-
})
|
85
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
86
|
-
item: true,
|
87
|
-
xs: 12,
|
50
|
+
xs: 11,
|
88
51
|
children: /*#__PURE__*/_jsxs(Grid, {
|
89
52
|
container: true,
|
90
|
-
|
53
|
+
gap: 1,
|
91
54
|
children: [/*#__PURE__*/_jsx(Grid, {
|
92
55
|
item: true,
|
93
|
-
|
94
|
-
sx: classes.listHeading,
|
95
|
-
children: "Scheduled:"
|
96
|
-
})
|
97
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
98
|
-
item: true,
|
56
|
+
xs: 12,
|
99
57
|
children: /*#__PURE__*/_jsxs(Grid, {
|
100
58
|
container: true,
|
59
|
+
alignItems: "center",
|
101
60
|
children: [/*#__PURE__*/_jsx(Grid, {
|
61
|
+
item: true,
|
62
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
63
|
+
sx: classes.listHeading,
|
64
|
+
children: "Subject:"
|
65
|
+
})
|
66
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
102
67
|
item: true,
|
103
68
|
children: /*#__PURE__*/_jsx(Typography, {
|
104
69
|
sx: classes.listSubHeading,
|
105
70
|
style: {
|
106
|
-
paddingLeft: '
|
71
|
+
paddingLeft: '24px'
|
107
72
|
},
|
108
|
-
children: flow.
|
73
|
+
children: flow.subject_data
|
74
|
+
})
|
75
|
+
})]
|
76
|
+
})
|
77
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
78
|
+
item: true,
|
79
|
+
xs: 12,
|
80
|
+
children: /*#__PURE__*/_jsxs(Grid, {
|
81
|
+
container: true,
|
82
|
+
alignItems: "center",
|
83
|
+
children: [/*#__PURE__*/_jsx(Grid, {
|
84
|
+
item: true,
|
85
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
86
|
+
sx: classes.listHeading,
|
87
|
+
children: "Body:"
|
109
88
|
})
|
110
|
-
}),
|
89
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
111
90
|
item: true,
|
112
|
-
children: /*#__PURE__*/
|
91
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
113
92
|
sx: classes.listSubHeading,
|
114
93
|
style: {
|
115
|
-
paddingLeft: '
|
94
|
+
paddingLeft: '40px'
|
116
95
|
},
|
117
|
-
children:
|
96
|
+
children: flow.body_data
|
97
|
+
})
|
98
|
+
})]
|
99
|
+
})
|
100
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
101
|
+
item: true,
|
102
|
+
xs: 12,
|
103
|
+
children: /*#__PURE__*/_jsxs(Grid, {
|
104
|
+
container: true,
|
105
|
+
alignItems: "center",
|
106
|
+
children: [/*#__PURE__*/_jsx(Grid, {
|
107
|
+
item: true,
|
108
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
109
|
+
sx: classes.listHeading,
|
110
|
+
children: "Scheduled:"
|
111
|
+
})
|
112
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
113
|
+
item: true,
|
114
|
+
children: /*#__PURE__*/_jsxs(Grid, {
|
115
|
+
container: true,
|
116
|
+
children: [/*#__PURE__*/_jsx(Grid, {
|
117
|
+
item: true,
|
118
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
119
|
+
sx: classes.listSubHeading,
|
120
|
+
style: {
|
121
|
+
paddingLeft: '5px'
|
122
|
+
},
|
123
|
+
children: flow.schedule_type
|
124
|
+
})
|
125
|
+
}), flow.schedule_type === 'after' && /*#__PURE__*/_jsx(Grid, {
|
126
|
+
item: true,
|
127
|
+
children: /*#__PURE__*/_jsxs(Typography, {
|
128
|
+
sx: classes.listSubHeading,
|
129
|
+
style: {
|
130
|
+
paddingLeft: '5px'
|
131
|
+
},
|
132
|
+
children: [flow.schedule_on, flow.schedule_every]
|
133
|
+
})
|
134
|
+
})]
|
118
135
|
})
|
119
136
|
})]
|
120
137
|
})
|
121
138
|
})]
|
122
139
|
})
|
140
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
141
|
+
item: true,
|
142
|
+
xs: 1,
|
143
|
+
children: /*#__PURE__*/_jsx(MoreOptions, {
|
144
|
+
classes: classes,
|
145
|
+
menus: optionsList,
|
146
|
+
selectedFlow: index,
|
147
|
+
onMenuClick: onMenuClick
|
148
|
+
})
|
123
149
|
})]
|
124
150
|
})
|
125
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
126
|
-
item: true,
|
127
|
-
xs: 1,
|
128
|
-
children: /*#__PURE__*/_jsx(MoreOptions, {
|
129
|
-
classes: classes,
|
130
|
-
menus: optionsList,
|
131
|
-
selectedFlow: index,
|
132
|
-
onMenuClick: onMenuClick
|
133
|
-
})
|
134
151
|
})]
|
135
152
|
})
|
136
153
|
}, `workflow_list_${index}`))
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
2
|
import { IconButton, Menu, MenuItem, Tooltip } from "@mui/material";
|
3
|
-
import { MoreHorizontal } from "../../../common/iconslist";
|
4
3
|
import Icon from "../../../common/Icon";
|
5
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
6
5
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
@@ -11,10 +11,11 @@ const FormStyles = () => ({
|
|
11
11
|
bodyTextArea: {
|
12
12
|
"& textarea": {
|
13
13
|
border: "none",
|
14
|
-
width: "
|
15
|
-
maxWidth: "
|
14
|
+
width: "95%",
|
15
|
+
maxWidth: "95%",
|
16
16
|
outline: "none",
|
17
|
-
padding: "12px"
|
17
|
+
padding: "12px",
|
18
|
+
resize: "none"
|
18
19
|
},
|
19
20
|
"& textarea:focus-visible": {
|
20
21
|
outline: "none",
|
@@ -149,7 +150,7 @@ const FormStyles = () => ({
|
|
149
150
|
borderRadius: "10px"
|
150
151
|
},
|
151
152
|
toolBar: {
|
152
|
-
padding: "5px"
|
153
|
+
padding: "8px 10px 5px 5px"
|
153
154
|
},
|
154
155
|
colorButtons: {
|
155
156
|
"& .buttonsWrpr": {
|
@@ -204,12 +205,25 @@ const FormStyles = () => ({
|
|
204
205
|
},
|
205
206
|
dialogFooter: {
|
206
207
|
"&.MuiDialogActions-root": {
|
207
|
-
padding: "
|
208
|
+
padding: "12px 24px"
|
209
|
+
},
|
210
|
+
"& .secondaryBtn": {
|
211
|
+
marginRight: "0px !important"
|
212
|
+
},
|
213
|
+
"& .primaryBtn": {
|
214
|
+
marginLeft: "15px !important"
|
208
215
|
}
|
209
216
|
},
|
210
217
|
toolButtons: {
|
211
218
|
width: "36px",
|
212
219
|
height: "36px"
|
220
|
+
},
|
221
|
+
emailIndexCard: {
|
222
|
+
borderRadius: "5px 5px 0 0",
|
223
|
+
background: "#2563EB",
|
224
|
+
color: "#fff",
|
225
|
+
padding: "8px",
|
226
|
+
marginLeft: "8px"
|
213
227
|
}
|
214
228
|
});
|
215
229
|
export default FormStyles;
|
@@ -2,7 +2,7 @@ import { Button, Divider, Grid, IconButton, Menu, MenuItem, TextareaAutosize, To
|
|
2
2
|
import React, { useState } from "react";
|
3
3
|
import FormStyles from "./Styles";
|
4
4
|
import Icon from "../../../common/Icon";
|
5
|
-
import {
|
5
|
+
import { RestRight } from "../../../common/iconslist";
|
6
6
|
import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
|
7
7
|
import { AllColors } from "../../Color Picker/ColorButtons";
|
8
8
|
import PopupToolStyle from "../../../Toolbar/PopupTool/PopupToolStyle";
|
@@ -156,10 +156,8 @@ const UserInputs = props => {
|
|
156
156
|
item: true,
|
157
157
|
children: [/*#__PURE__*/_jsx(Button, {
|
158
158
|
sx: classes.variableBtn,
|
159
|
-
variant: "outlined",
|
160
|
-
size: "small",
|
161
159
|
onClick: handleVariables,
|
162
|
-
|
160
|
+
endIcon: /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {}),
|
163
161
|
children: "Variables"
|
164
162
|
}), /*#__PURE__*/_jsx(Menu, {
|
165
163
|
id: "basic-menu",
|