@flozy/editor 3.5.4 → 3.5.6
Sign up to get free protection for your applications and to get access to all the features.
@@ -13,6 +13,7 @@ import formButtonStyle from "../../common/StyleBuilder/formButtonStyle";
|
|
13
13
|
import Workflow from "./Workflow";
|
14
14
|
import { getTRBLBreakPoints, getBreakPointsValue } from "../../helper/theme";
|
15
15
|
import { validation } from "./FormElements/validations";
|
16
|
+
import Icon from "../../common/Icon";
|
16
17
|
import { jsx as _jsx } from "react/jsx-runtime";
|
17
18
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
18
19
|
const Form = props => {
|
@@ -256,6 +257,9 @@ const Form = props => {
|
|
256
257
|
const onMouseOver = () => {
|
257
258
|
setShowOptions(true);
|
258
259
|
};
|
260
|
+
const handleCloseMessage = () => {
|
261
|
+
setSubmittedSuccessfully(false);
|
262
|
+
};
|
259
263
|
const onMouseLeave = () => {
|
260
264
|
setShowOptions(false);
|
261
265
|
};
|
@@ -408,27 +412,47 @@ const Form = props => {
|
|
408
412
|
}
|
409
413
|
})
|
410
414
|
})]
|
411
|
-
}) : /*#__PURE__*/_jsx(
|
412
|
-
|
413
|
-
|
414
|
-
|
415
|
-
borderWidth: borderWidth || "1px",
|
416
|
-
borderRadius: {
|
417
|
-
...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
|
418
|
-
},
|
419
|
-
borderStyle: borderStyle || "solid",
|
420
|
-
background: bgColor || "transparent",
|
421
|
-
padding: {
|
422
|
-
...getTRBLBreakPoints(bannerSpacing)
|
423
|
-
},
|
424
|
-
minHeight: `${formHeight}px`,
|
425
|
-
display: 'flex',
|
415
|
+
}) : /*#__PURE__*/_jsx(Grid, {
|
416
|
+
item: true,
|
417
|
+
children: /*#__PURE__*/_jsxs(Grid, {
|
418
|
+
container: true,
|
426
419
|
alignItems: "center",
|
427
420
|
justifyContent: "center",
|
428
|
-
|
429
|
-
|
430
|
-
|
431
|
-
|
421
|
+
spacing: 2,
|
422
|
+
children: [/*#__PURE__*/_jsx(Grid, {
|
423
|
+
item: true,
|
424
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
425
|
+
sx: {
|
426
|
+
color: textColor || "#A2A9B4",
|
427
|
+
borderColor: borderColor || "transparent",
|
428
|
+
borderWidth: borderWidth || "1px",
|
429
|
+
borderRadius: {
|
430
|
+
...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
|
431
|
+
},
|
432
|
+
borderStyle: borderStyle || "solid",
|
433
|
+
background: bgColor || "transparent",
|
434
|
+
padding: {
|
435
|
+
...getTRBLBreakPoints(bannerSpacing)
|
436
|
+
},
|
437
|
+
minHeight: `${formHeight}px`,
|
438
|
+
display: 'flex',
|
439
|
+
alignItems: "center",
|
440
|
+
justifyContent: "center",
|
441
|
+
textAlign: "center",
|
442
|
+
position: 'relative'
|
443
|
+
},
|
444
|
+
children: "Form Submitted Successfully...!"
|
445
|
+
})
|
446
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
447
|
+
item: true,
|
448
|
+
children: /*#__PURE__*/_jsx(IconButton, {
|
449
|
+
onClick: handleCloseMessage,
|
450
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
451
|
+
icon: "closeIcon"
|
452
|
+
})
|
453
|
+
})
|
454
|
+
})]
|
455
|
+
})
|
432
456
|
}), openSetttings ? /*#__PURE__*/_jsx(FormPopup, {
|
433
457
|
element: element,
|
434
458
|
onSave: onSave,
|
@@ -71,11 +71,11 @@ const FormWorkflow = props => {
|
|
71
71
|
children: [/*#__PURE__*/_jsx(Grid, {
|
72
72
|
item: true,
|
73
73
|
sx: classes.radioBtn,
|
74
|
-
children: /*#__PURE__*/
|
74
|
+
children: /*#__PURE__*/_jsxs(RadioGroup, {
|
75
75
|
name: "set timing",
|
76
76
|
value: schedule,
|
77
77
|
defaultValue: 1,
|
78
|
-
children: /*#__PURE__*/_jsx(FormControlLabel, {
|
78
|
+
children: [/*#__PURE__*/_jsx(FormControlLabel, {
|
79
79
|
value: "immediately",
|
80
80
|
label: "Immediately",
|
81
81
|
onChange: () => {
|
@@ -84,7 +84,16 @@ const FormWorkflow = props => {
|
|
84
84
|
control: /*#__PURE__*/_jsx(Radio, {
|
85
85
|
size: "small"
|
86
86
|
})
|
87
|
-
})
|
87
|
+
}), /*#__PURE__*/_jsx(FormControlLabel, {
|
88
|
+
value: "after",
|
89
|
+
label: "After",
|
90
|
+
onChange: () => {
|
91
|
+
setSchedule("after");
|
92
|
+
},
|
93
|
+
control: /*#__PURE__*/_jsx(Radio, {
|
94
|
+
size: "small"
|
95
|
+
})
|
96
|
+
})]
|
88
97
|
})
|
89
98
|
}), schedule === "after" && /*#__PURE__*/_jsx(Grid, {
|
90
99
|
item: true,
|
@@ -129,32 +129,31 @@ const formStyle = [{
|
|
129
129
|
key: "backgroundImage",
|
130
130
|
type: "backgroundImage"
|
131
131
|
}]
|
132
|
-
},
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
{
|
132
|
+
}, {
|
133
|
+
tab: "Add to Boards",
|
134
|
+
value: "metadatamapping",
|
135
|
+
fields: [{
|
136
|
+
label: "Add response to contacts board",
|
137
|
+
key: "metadatamapping",
|
138
|
+
type: "metadatamapping",
|
139
|
+
compType: "card",
|
140
|
+
content: "By default, form responses are added as separate cards on the default contact board.",
|
141
|
+
value: "mappingToContactBoard",
|
142
|
+
infoIcon: /*#__PURE__*/_jsx(Icon, {
|
143
|
+
icon: "info"
|
144
|
+
})
|
145
|
+
}, {
|
146
|
+
label: "Create a separate board",
|
147
|
+
key: "metadatamapping",
|
148
|
+
type: "metadatamapping",
|
149
|
+
compType: "card",
|
150
|
+
content: "By default, form responses are added as separate cards on a new board (Contact Us).",
|
151
|
+
value: "mappingToSeparateBoard",
|
152
|
+
infoIcon: /*#__PURE__*/_jsx(Icon, {
|
153
|
+
icon: "info"
|
154
|
+
})
|
155
|
+
}]
|
156
|
+
}, {
|
158
157
|
tab: "Save As Template",
|
159
158
|
value: "saveAsTemplate",
|
160
159
|
needActions: false,
|