@flozy/editor 3.5.4 → 3.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -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,
|