@bigbinary/neeto-form-frontend 1.3.0 → 1.3.3
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.
- package/dist/index.cjs.js +229 -129
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +122 -42
- package/dist/index.js.map +1 -1
- package/package.json +13 -12
package/dist/index.cjs.js
CHANGED
|
@@ -7,7 +7,7 @@ var formik = require('formik');
|
|
|
7
7
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
8
8
|
var utils = require('@bigbinary/neeto-commons-frontend/utils');
|
|
9
9
|
var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
|
|
10
|
-
var
|
|
10
|
+
var Toastr = require('@bigbinary/neetoui/Toastr');
|
|
11
11
|
var ramda = require('ramda');
|
|
12
12
|
var reactQuery = require('react-query');
|
|
13
13
|
var i18next = require('i18next');
|
|
@@ -16,20 +16,39 @@ var constants = require('@bigbinary/neeto-commons-frontend/constants');
|
|
|
16
16
|
var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
17
17
|
var axios = require('axios');
|
|
18
18
|
var ReactDOM = require('react-dom');
|
|
19
|
-
var
|
|
19
|
+
var Alert = require('@bigbinary/neetoui/Alert');
|
|
20
|
+
var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
|
|
20
21
|
var reactI18next = require('react-i18next');
|
|
21
22
|
var zustand = require('zustand');
|
|
23
|
+
var Typography = require('@bigbinary/neetoui/Typography');
|
|
24
|
+
var Dropdown$2 = require('@bigbinary/neetoui/Dropdown');
|
|
25
|
+
var Tooltip = require('@bigbinary/neetoui/Tooltip');
|
|
22
26
|
var classnames = require('classnames');
|
|
27
|
+
var Button$1 = require('@bigbinary/neetoui/Button');
|
|
28
|
+
var Input = require('@bigbinary/neetoui/formik/Input');
|
|
29
|
+
var Textarea = require('@bigbinary/neetoui/formik/Textarea');
|
|
30
|
+
var Checkbox = require('@bigbinary/neetoui/formik/Checkbox');
|
|
31
|
+
var Label = require('@bigbinary/neetoui/Label');
|
|
32
|
+
var Checkbox$1 = require('@bigbinary/neetoui/Checkbox');
|
|
33
|
+
var Select = require('@bigbinary/neetoui/formik/Select');
|
|
23
34
|
var neetoEditor = require('@bigbinary/neeto-editor');
|
|
35
|
+
var shallow = require('zustand/shallow');
|
|
24
36
|
var yup = require('yup');
|
|
25
37
|
var useHotkeys = require('@bigbinary/neeto-hotkeys');
|
|
38
|
+
var Spinner$2 = require('@bigbinary/neetoui/Spinner');
|
|
26
39
|
var dayjs = require('dayjs');
|
|
40
|
+
var NeetoUIMultiEmailInput = require('@bigbinary/neetoui/MultiEmailInput');
|
|
27
41
|
var PhoneNumber$1 = require('@bigbinary/neeto-molecules/PhoneNumber');
|
|
28
42
|
var localeData = require('dayjs/plugin/localeData');
|
|
29
43
|
var utc = require('dayjs/plugin/utc');
|
|
30
44
|
var weekday = require('dayjs/plugin/weekday');
|
|
31
45
|
var weekOfYear = require('dayjs/plugin/weekOfYear');
|
|
46
|
+
var DatePicker = require('@bigbinary/neetoui/DatePicker');
|
|
32
47
|
var path = require('path');
|
|
48
|
+
var Input$1 = require('@bigbinary/neetoui/Input');
|
|
49
|
+
var Select$1 = require('@bigbinary/neetoui/Select');
|
|
50
|
+
var Radio = require('@bigbinary/neetoui/Radio');
|
|
51
|
+
var Textarea$1 = require('@bigbinary/neetoui/Textarea');
|
|
33
52
|
var server = require('react-dom/server');
|
|
34
53
|
|
|
35
54
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -55,18 +74,38 @@ function _interopNamespace(e) {
|
|
|
55
74
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
|
|
56
75
|
var React__namespace = /*#__PURE__*/_interopNamespace(React$2);
|
|
57
76
|
var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
|
|
77
|
+
var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
|
|
58
78
|
var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
|
|
59
79
|
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
|
60
80
|
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
81
|
+
var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
|
|
82
|
+
var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
|
|
83
|
+
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
84
|
+
var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$2);
|
|
85
|
+
var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
|
|
61
86
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
87
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$1);
|
|
88
|
+
var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
|
|
89
|
+
var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
|
|
90
|
+
var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
|
|
91
|
+
var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
|
|
92
|
+
var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
|
|
93
|
+
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
62
94
|
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
63
95
|
var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
|
|
96
|
+
var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner$2);
|
|
64
97
|
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
98
|
+
var NeetoUIMultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIMultiEmailInput);
|
|
65
99
|
var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
|
|
66
100
|
var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
|
|
67
101
|
var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
|
|
68
102
|
var weekOfYear__default = /*#__PURE__*/_interopDefaultLegacy(weekOfYear);
|
|
103
|
+
var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
|
|
69
104
|
var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
|
|
105
|
+
var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
|
|
106
|
+
var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
|
|
107
|
+
var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
|
|
108
|
+
var Textarea__default$1 = /*#__PURE__*/_interopDefaultLegacy(Textarea$1);
|
|
70
109
|
|
|
71
110
|
function _extends$8() {
|
|
72
111
|
_extends$8 = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -807,6 +846,7 @@ var QUESTIONS_INITIAL_VALUE = {
|
|
|
807
846
|
};
|
|
808
847
|
var RESERVED_FIELD_CODES = ["month", "date", "time"];
|
|
809
848
|
var SELECTABLE_KINDS = ["radio", "checkbox", "dropdown"];
|
|
849
|
+
var RICH_TEXT_QUESTIONS = ["paragraph", "termsandcondition"];
|
|
810
850
|
|
|
811
851
|
function _arrayWithHoles$3(arr) {
|
|
812
852
|
if (Array.isArray(arr)) return arr;
|
|
@@ -9842,6 +9882,28 @@ var formHelpers = {
|
|
|
9842
9882
|
pushToList: pushToList
|
|
9843
9883
|
};
|
|
9844
9884
|
|
|
9885
|
+
var isBlank = ramda.compose(ramda.isEmpty, ramda.trim);
|
|
9886
|
+
var parseServerError = function parseServerError(error) {
|
|
9887
|
+
var _error$notice;
|
|
9888
|
+
return (_error$notice = error.notice) !== null && _error$notice !== void 0 ? _error$notice : i18next.t("neetoForm.common.somethingWentWrong");
|
|
9889
|
+
};
|
|
9890
|
+
var isEmptyValues = function isEmptyValues(obj) {
|
|
9891
|
+
return ramda.either(ramda.isNil, ramda.isEmpty)(obj) ? true : ramda.values(obj).every(function (value) {
|
|
9892
|
+
if (ramda.isEmpty(value)) {
|
|
9893
|
+
return true;
|
|
9894
|
+
} else if (Array.isArray(value)) {
|
|
9895
|
+
return ramda.equals([false, false, false], value);
|
|
9896
|
+
}
|
|
9897
|
+
return !value;
|
|
9898
|
+
});
|
|
9899
|
+
};
|
|
9900
|
+
|
|
9901
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
9902
|
+
var dotPath = ramda.useWith(ramda.path, [ramda.split(".")]);
|
|
9903
|
+
var isFunction$1 = function isFunction(obj) {
|
|
9904
|
+
return typeof obj === "function";
|
|
9905
|
+
};
|
|
9906
|
+
|
|
9845
9907
|
/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
|
|
9846
9908
|
var useBuildFormStore = zustand.create(reactUtils.withImmutableActions(function (set) {
|
|
9847
9909
|
return {
|
|
@@ -9856,10 +9918,11 @@ var useBuildFormStore = zustand.create(reactUtils.withImmutableActions(function
|
|
|
9856
9918
|
selectedLanguage: i18next__default["default"].resolvedLanguage,
|
|
9857
9919
|
formId: null,
|
|
9858
9920
|
enabled: false,
|
|
9859
|
-
title: ""
|
|
9921
|
+
title: "",
|
|
9922
|
+
richTextFieldsToReset: []
|
|
9860
9923
|
},
|
|
9861
|
-
setFormData: function setFormData(
|
|
9862
|
-
return set(ramda.
|
|
9924
|
+
setFormData: function setFormData(arg) {
|
|
9925
|
+
return set(ramda.modify("formState", isFunction$1(arg) ? arg : ramda.mergeLeft(arg)));
|
|
9863
9926
|
}
|
|
9864
9927
|
};
|
|
9865
9928
|
}));
|
|
@@ -9895,9 +9958,9 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
|
|
|
9895
9958
|
var selectedLanguageName = (_findBy = neetoCist.findBy({
|
|
9896
9959
|
code: currentLanguage
|
|
9897
9960
|
}, languages)) === null || _findBy === void 0 ? void 0 : _findBy.name;
|
|
9898
|
-
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(
|
|
9961
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
|
|
9899
9962
|
content: t("neetoForm.questions.changeLanguage")
|
|
9900
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(
|
|
9963
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
|
|
9901
9964
|
buttonProps: {
|
|
9902
9965
|
iconPosition: "left"
|
|
9903
9966
|
},
|
|
@@ -9905,17 +9968,17 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
|
|
|
9905
9968
|
icon: neetoIcons.Globe,
|
|
9906
9969
|
label: selectedLanguageName,
|
|
9907
9970
|
position: "top-start"
|
|
9908
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
9971
|
+
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, languages.map(function (_ref2) {
|
|
9909
9972
|
var code = _ref2.code,
|
|
9910
9973
|
name = _ref2.name;
|
|
9911
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
9974
|
+
return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].MenuItem.Button, {
|
|
9912
9975
|
isActive: currentLanguage === code,
|
|
9913
9976
|
key: code,
|
|
9914
9977
|
onClick: function onClick() {
|
|
9915
9978
|
return languageChangeHandler(code);
|
|
9916
9979
|
}
|
|
9917
9980
|
}, name);
|
|
9918
|
-
}))))), /*#__PURE__*/React__default["default"].createElement(
|
|
9981
|
+
}))))), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
|
|
9919
9982
|
isOpen: isUnsavedChangesAlertOpen,
|
|
9920
9983
|
message: t("neetoForm.questions.unsavedChangesAlert.message"),
|
|
9921
9984
|
submitButtonLabel: t("neetoForm.questions.unsavedChangesAlert.discard"),
|
|
@@ -9940,7 +10003,7 @@ var Overview = function Overview(_ref) {
|
|
|
9940
10003
|
className: "mb-4 flex-shrink-0"
|
|
9941
10004
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
9942
10005
|
className: "flex items-center justify-between"
|
|
9943
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10006
|
+
}, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
9944
10007
|
"data-cy": "neeto-form-engine-overview-title",
|
|
9945
10008
|
lineHeight: "normal",
|
|
9946
10009
|
style: "h4",
|
|
@@ -9961,7 +10024,7 @@ var ListItem = function ListItem(_ref) {
|
|
|
9961
10024
|
onClick: onClick,
|
|
9962
10025
|
className: "flex items-center gap-x-2",
|
|
9963
10026
|
"data-cy": "neeto-form-engine-".concat(neetoCist.slugify(label))
|
|
9964
|
-
}, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), /*#__PURE__*/React__default["default"].createElement(
|
|
10027
|
+
}, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
9965
10028
|
style: "body2"
|
|
9966
10029
|
}, label));
|
|
9967
10030
|
};
|
|
@@ -10107,7 +10170,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
10107
10170
|
className: "neeto-form-engine-question-accordion__icon"
|
|
10108
10171
|
}), /*#__PURE__*/React__default["default"].createElement(Drag, {
|
|
10109
10172
|
className: "neeto-form-engine-question-accordion__drag-icon cursor-move"
|
|
10110
|
-
})), /*#__PURE__*/React__default["default"].createElement(
|
|
10173
|
+
})), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
10111
10174
|
style: "h5",
|
|
10112
10175
|
weight: "semibold",
|
|
10113
10176
|
className: classnames__default["default"]({
|
|
@@ -10121,7 +10184,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
10121
10184
|
className: "flex items-center justify-center border-0 bg-transparent outline-none",
|
|
10122
10185
|
type: "button",
|
|
10123
10186
|
onClick: onToggle
|
|
10124
|
-
}, isExpanded ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Up, null) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, null)), (onDuplicate || shouldShowDeleteOption) && /*#__PURE__*/React__default["default"].createElement(
|
|
10187
|
+
}, isExpanded ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Up, null) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, null)), (onDuplicate || shouldShowDeleteOption) && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
|
|
10125
10188
|
className: "w-full",
|
|
10126
10189
|
position: "bottom-end",
|
|
10127
10190
|
customTarget: function customTarget() {
|
|
@@ -10145,16 +10208,16 @@ var Accordion = function Accordion(_ref) {
|
|
|
10145
10208
|
})
|
|
10146
10209
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10147
10210
|
className: "neeto-ui-border-gray-800 neeto-form-engine-add-question-between__line w-full border-t border-dashed"
|
|
10148
|
-
}), /*#__PURE__*/React__default["default"].createElement(
|
|
10211
|
+
}), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
|
|
10149
10212
|
isOpen: isAddQuestionOpen,
|
|
10150
10213
|
position: "bottom-end",
|
|
10151
10214
|
strategy: "fixed",
|
|
10152
10215
|
customTarget: function customTarget() {
|
|
10153
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
10216
|
+
return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
|
|
10154
10217
|
disabled: !disableAddNewQuestion,
|
|
10155
10218
|
position: "top",
|
|
10156
10219
|
content: (disabledAddButtonTooltipProps === null || disabledAddButtonTooltipProps === void 0 ? void 0 : disabledAddButtonTooltipProps.content) || t("neetoForm.questions.common.primaryPanel.noQuestionLeft")
|
|
10157
|
-
}, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(
|
|
10220
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
10158
10221
|
className: "neeto-form-engine-add-question-between__btn neeto-ui-rounded-full absolute left-full top-1/2 -translate-y-1/2 transform",
|
|
10159
10222
|
disabled: disableAddNewQuestion,
|
|
10160
10223
|
icon: null,
|
|
@@ -10203,7 +10266,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
|
|
|
10203
10266
|
}
|
|
10204
10267
|
}, [value, maxLength, setValue]);
|
|
10205
10268
|
var shouldShowMaxLength = value && value.length > maxLength - 10;
|
|
10206
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
10269
|
+
return /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends$8({}, props, shouldShowMaxLength && {
|
|
10207
10270
|
maxLength: maxLength
|
|
10208
10271
|
}));
|
|
10209
10272
|
};
|
|
@@ -10222,7 +10285,7 @@ var TextAreaWithMaxLength = function TextAreaWithMaxLength(_ref) {
|
|
|
10222
10285
|
}
|
|
10223
10286
|
}, [value, maxLength, setValue]);
|
|
10224
10287
|
var shouldShowMaxLength = value && value.length > maxLength - 10;
|
|
10225
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
10288
|
+
return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], _extends$8({}, props, shouldShowMaxLength && {
|
|
10226
10289
|
maxLength: maxLength
|
|
10227
10290
|
}));
|
|
10228
10291
|
};
|
|
@@ -10238,7 +10301,7 @@ var FieldCode = reactUtils.withT(function (_ref) {
|
|
|
10238
10301
|
helpText: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
|
|
10239
10302
|
i18nKey: "neetoForm.questions.common.questionFields.field.fieldCodeHelpDescription",
|
|
10240
10303
|
components: {
|
|
10241
|
-
Link: /*#__PURE__*/React__default["default"].createElement(
|
|
10304
|
+
Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
10242
10305
|
className: "text-xs",
|
|
10243
10306
|
href: FIELD_CODE_DOC,
|
|
10244
10307
|
style: "link",
|
|
@@ -10296,7 +10359,7 @@ var Condition$1 = function Condition(_ref) {
|
|
|
10296
10359
|
label: t("neetoForm.questions.common.questionFields.field.question")
|
|
10297
10360
|
}))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10298
10361
|
className: "w-full"
|
|
10299
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10362
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10300
10363
|
id: "".concat(name, ".isRequired"),
|
|
10301
10364
|
name: "".concat(name, ".isRequired"),
|
|
10302
10365
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -10401,7 +10464,7 @@ var Dropdown$1 = function Dropdown(_ref) {
|
|
|
10401
10464
|
})
|
|
10402
10465
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10403
10466
|
className: "w-full"
|
|
10404
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10467
|
+
}, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
|
|
10405
10468
|
className: "mb-1 block"
|
|
10406
10469
|
}, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
|
|
10407
10470
|
name: "".concat(name, ".optionsAttributes")
|
|
@@ -10420,7 +10483,7 @@ var Dropdown$1 = function Dropdown(_ref) {
|
|
|
10420
10483
|
placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
|
|
10421
10484
|
number: index + 1
|
|
10422
10485
|
})
|
|
10423
|
-
}), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(
|
|
10486
|
+
}), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
10424
10487
|
"data-cy": "neeto-form-engine-delete-option-button",
|
|
10425
10488
|
icon: neetoIcons.Delete,
|
|
10426
10489
|
size: "small",
|
|
@@ -10438,7 +10501,7 @@ var Dropdown$1 = function Dropdown(_ref) {
|
|
|
10438
10501
|
}));
|
|
10439
10502
|
})), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10440
10503
|
className: "mt-3 w-full"
|
|
10441
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10504
|
+
}, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
10442
10505
|
icon: neetoIcons.Plus,
|
|
10443
10506
|
iconPosition: "left",
|
|
10444
10507
|
size: "small",
|
|
@@ -10450,7 +10513,7 @@ var Dropdown$1 = function Dropdown(_ref) {
|
|
|
10450
10513
|
})));
|
|
10451
10514
|
})), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10452
10515
|
className: "w-full"
|
|
10453
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10516
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10454
10517
|
id: "".concat(name, ".isRequired"),
|
|
10455
10518
|
label: t("neetoForm.common.required"),
|
|
10456
10519
|
name: "".concat(name, ".isRequired")
|
|
@@ -10484,7 +10547,7 @@ var Email$1 = reactUtils.withT(function (_ref) {
|
|
|
10484
10547
|
label: t("neetoForm.questions.common.questionFields.field.placeholder")
|
|
10485
10548
|
}))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10486
10549
|
className: "w-full"
|
|
10487
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10550
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10488
10551
|
id: "".concat(name, ".isRequired"),
|
|
10489
10552
|
name: "".concat(name, ".isRequired"),
|
|
10490
10553
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -10493,31 +10556,12 @@ var Email$1 = reactUtils.withT(function (_ref) {
|
|
|
10493
10556
|
}));
|
|
10494
10557
|
});
|
|
10495
10558
|
|
|
10496
|
-
var isBlank = ramda.compose(ramda.isEmpty, ramda.trim);
|
|
10497
|
-
var parseServerError = function parseServerError(error) {
|
|
10498
|
-
var _error$notice;
|
|
10499
|
-
return (_error$notice = error.notice) !== null && _error$notice !== void 0 ? _error$notice : i18next.t("neetoForm.common.somethingWentWrong");
|
|
10500
|
-
};
|
|
10501
|
-
var isEmptyValues = function isEmptyValues(obj) {
|
|
10502
|
-
return ramda.either(ramda.isNil, ramda.isEmpty)(obj) ? true : ramda.values(obj).every(function (value) {
|
|
10503
|
-
if (ramda.isEmpty(value)) {
|
|
10504
|
-
return true;
|
|
10505
|
-
} else if (Array.isArray(value)) {
|
|
10506
|
-
return ramda.equals([false, false, false], value);
|
|
10507
|
-
}
|
|
10508
|
-
return !value;
|
|
10509
|
-
});
|
|
10510
|
-
};
|
|
10511
|
-
|
|
10512
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
10513
|
-
var dotPath = ramda.useWith(ramda.path, [ramda.split(".")]);
|
|
10514
|
-
|
|
10515
10559
|
var FileGroup = function FileGroup(_ref) {
|
|
10516
10560
|
var name = _ref.name,
|
|
10517
10561
|
label = _ref.label,
|
|
10518
10562
|
checked = _ref.checked,
|
|
10519
10563
|
handleAllowedFileTypesChange = _ref.handleAllowedFileTypesChange;
|
|
10520
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
10564
|
+
return /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], {
|
|
10521
10565
|
checked: checked,
|
|
10522
10566
|
label: label,
|
|
10523
10567
|
name: name,
|
|
@@ -10575,19 +10619,19 @@ var FileUpload$2 = function FileUpload(_ref) {
|
|
|
10575
10619
|
rows: 1
|
|
10576
10620
|
})), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10577
10621
|
className: "w-full"
|
|
10578
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10622
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10579
10623
|
id: "".concat(name, ".isRequired"),
|
|
10580
10624
|
name: "".concat(name, ".isRequired"),
|
|
10581
10625
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
10582
10626
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10583
10627
|
className: "w-full"
|
|
10584
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10628
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10585
10629
|
id: "".concat(name, ".multipleFilesAllowed"),
|
|
10586
10630
|
label: t("neetoForm.fileUpload.enableMultipleFilesUpload"),
|
|
10587
10631
|
name: "".concat(name, ".multipleFilesAllowed")
|
|
10588
10632
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10589
10633
|
className: "flex flex-col space-y-3"
|
|
10590
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10634
|
+
}, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
10591
10635
|
style: "body1",
|
|
10592
10636
|
weight: "semibold"
|
|
10593
10637
|
}, t("neetoForm.fileUpload.fileTypes")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -10631,7 +10675,7 @@ var LongText$1 = reactUtils.withT(function (_ref) {
|
|
|
10631
10675
|
label: t("neetoForm.questions.common.questionFields.field.placeholder")
|
|
10632
10676
|
}))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10633
10677
|
className: "w-full"
|
|
10634
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10678
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10635
10679
|
id: "".concat(name, ".isRequired"),
|
|
10636
10680
|
name: "".concat(name, ".isRequired"),
|
|
10637
10681
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -10678,7 +10722,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
|
|
|
10678
10722
|
name: "".concat(name, ".optionsAttributes")
|
|
10679
10723
|
}, function (_ref2) {
|
|
10680
10724
|
var handlePush = _ref2.handlePush;
|
|
10681
|
-
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(
|
|
10725
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
|
|
10682
10726
|
className: "mb-1 block"
|
|
10683
10727
|
}, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10684
10728
|
className: "flex w-2/3 flex-col space-y-2"
|
|
@@ -10694,7 +10738,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
|
|
|
10694
10738
|
placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
|
|
10695
10739
|
number: index + 1
|
|
10696
10740
|
})
|
|
10697
|
-
}), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(
|
|
10741
|
+
}), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
10698
10742
|
"data-cy": "neeto-form-engine-delete-option-button",
|
|
10699
10743
|
icon: neetoIcons.Delete,
|
|
10700
10744
|
size: "small",
|
|
@@ -10712,7 +10756,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
|
|
|
10712
10756
|
}));
|
|
10713
10757
|
})), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10714
10758
|
className: "mt-3 w-full"
|
|
10715
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10759
|
+
}, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
10716
10760
|
icon: neetoIcons.Plus,
|
|
10717
10761
|
iconPosition: "left",
|
|
10718
10762
|
size: "small",
|
|
@@ -10724,7 +10768,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
|
|
|
10724
10768
|
})));
|
|
10725
10769
|
})), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10726
10770
|
className: "w-full"
|
|
10727
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10771
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10728
10772
|
id: "".concat(name, ".isRequired"),
|
|
10729
10773
|
label: t("neetoForm.common.required"),
|
|
10730
10774
|
name: "".concat(name, ".isRequired")
|
|
@@ -10758,7 +10802,7 @@ var Name$1 = reactUtils.withT(function (_ref) {
|
|
|
10758
10802
|
label: t("neetoForm.questions.common.questionFields.field.placeholder")
|
|
10759
10803
|
}))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10760
10804
|
className: "w-full"
|
|
10761
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10805
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10762
10806
|
id: "".concat(name, ".isRequired"),
|
|
10763
10807
|
name: "".concat(name, ".isRequired"),
|
|
10764
10808
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -10792,7 +10836,7 @@ var Phone$1 = reactUtils.withT(function (_ref) {
|
|
|
10792
10836
|
label: t("neetoForm.questions.common.questionFields.field.placeholder")
|
|
10793
10837
|
}))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10794
10838
|
className: "w-full"
|
|
10795
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10839
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10796
10840
|
id: "".concat(name, ".isRequired"),
|
|
10797
10841
|
name: "".concat(name, ".isRequired"),
|
|
10798
10842
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -10846,7 +10890,7 @@ var Rating$3 = reactUtils.withT(function (_ref2) {
|
|
|
10846
10890
|
name: "".concat(name, ".lowestRatingLabel")
|
|
10847
10891
|
}))))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10848
10892
|
className: "w-full"
|
|
10849
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10893
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10850
10894
|
id: "".concat(name, ".isRequired"),
|
|
10851
10895
|
name: "".concat(name, ".isRequired"),
|
|
10852
10896
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -10881,7 +10925,7 @@ var RichText$1 = reactUtils.withT(function (_ref) {
|
|
|
10881
10925
|
label: t("neetoForm.questions.common.questionFields.field.placeholder")
|
|
10882
10926
|
}))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10883
10927
|
className: "w-full"
|
|
10884
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10928
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10885
10929
|
id: "".concat(name, ".isRequired"),
|
|
10886
10930
|
name: "".concat(name, ".isRequired"),
|
|
10887
10931
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -10915,7 +10959,7 @@ var ShortText$1 = reactUtils.withT(function (_ref) {
|
|
|
10915
10959
|
label: t("neetoForm.questions.common.questionFields.field.placeholder")
|
|
10916
10960
|
}))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10917
10961
|
className: "w-full"
|
|
10918
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
10962
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
10919
10963
|
id: "".concat(name, ".isRequired"),
|
|
10920
10964
|
name: "".concat(name, ".isRequired"),
|
|
10921
10965
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -10962,7 +11006,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
|
|
|
10962
11006
|
name: "".concat(name, ".optionsAttributes")
|
|
10963
11007
|
}, function (_ref2) {
|
|
10964
11008
|
var handlePush = _ref2.handlePush;
|
|
10965
|
-
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(
|
|
11009
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
|
|
10966
11010
|
className: "mb-1 block"
|
|
10967
11011
|
}, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10968
11012
|
className: "flex w-2/3 flex-col space-y-2"
|
|
@@ -10977,7 +11021,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
|
|
|
10977
11021
|
placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
|
|
10978
11022
|
number: index + 1
|
|
10979
11023
|
})
|
|
10980
|
-
}), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(
|
|
11024
|
+
}), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
10981
11025
|
"data-cy": "neeto-form-engine-delete-option-button",
|
|
10982
11026
|
icon: neetoIcons.Delete,
|
|
10983
11027
|
size: "small",
|
|
@@ -10995,7 +11039,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
|
|
|
10995
11039
|
}));
|
|
10996
11040
|
})), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
10997
11041
|
className: "mt-3 w-full"
|
|
10998
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
11042
|
+
}, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
10999
11043
|
icon: neetoIcons.Plus,
|
|
11000
11044
|
iconPosition: "left",
|
|
11001
11045
|
size: "small",
|
|
@@ -11007,7 +11051,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
|
|
|
11007
11051
|
})));
|
|
11008
11052
|
})), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
11009
11053
|
className: "w-full"
|
|
11010
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
11054
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
11011
11055
|
id: "".concat(name, ".isRequired"),
|
|
11012
11056
|
name: "".concat(name, ".isRequired"),
|
|
11013
11057
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -11042,7 +11086,7 @@ var StarRating$3 = function StarRating(_ref) {
|
|
|
11042
11086
|
rows: 1
|
|
11043
11087
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
11044
11088
|
className: "flex space-x-4"
|
|
11045
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
11089
|
+
}, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
|
|
11046
11090
|
className: "w-1/2",
|
|
11047
11091
|
label: t("neetoForm.common.start"),
|
|
11048
11092
|
name: "".concat(name, ".minValue"),
|
|
@@ -11050,7 +11094,7 @@ var StarRating$3 = function StarRating(_ref) {
|
|
|
11050
11094
|
onChange: function onChange(option) {
|
|
11051
11095
|
return setFieldValue("".concat(name, ".minValue"), option === null || option === void 0 ? void 0 : option.value);
|
|
11052
11096
|
}
|
|
11053
|
-
}), /*#__PURE__*/React__default["default"].createElement(
|
|
11097
|
+
}), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
|
|
11054
11098
|
className: "w-1/2",
|
|
11055
11099
|
label: t("neetoForm.common.end"),
|
|
11056
11100
|
name: "".concat(name, ".maxValue"),
|
|
@@ -11058,7 +11102,7 @@ var StarRating$3 = function StarRating(_ref) {
|
|
|
11058
11102
|
onChange: function onChange(option) {
|
|
11059
11103
|
return setFieldValue("".concat(name, ".maxValue"), option === null || option === void 0 ? void 0 : option.value);
|
|
11060
11104
|
}
|
|
11061
|
-
})), /*#__PURE__*/React__default["default"].createElement(
|
|
11105
|
+
})), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, t("neetoForm.common.shape")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
11062
11106
|
className: "flex gap-2"
|
|
11063
11107
|
}, Object.entries(STAR_RATING_ICONS_MAP).map(function (_ref2) {
|
|
11064
11108
|
var _ref3 = _slicedToArray$3(_ref2, 2),
|
|
@@ -11077,7 +11121,7 @@ var StarRating$3 = function StarRating(_ref) {
|
|
|
11077
11121
|
}, /*#__PURE__*/React__default["default"].createElement(IconType, null));
|
|
11078
11122
|
})), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
11079
11123
|
className: "w-full"
|
|
11080
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
11124
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
|
|
11081
11125
|
id: "".concat(name, ".isRequired"),
|
|
11082
11126
|
name: "".concat(name, ".isRequired"),
|
|
11083
11127
|
label: t("neetoForm.questions.common.questionFields.field.required")
|
|
@@ -11086,18 +11130,42 @@ var StarRating$3 = function StarRating(_ref) {
|
|
|
11086
11130
|
}));
|
|
11087
11131
|
};
|
|
11088
11132
|
|
|
11089
|
-
var useUpdateEditorContent = function useUpdateEditorContent(
|
|
11133
|
+
var useUpdateEditorContent = function useUpdateEditorContent(_ref) {
|
|
11134
|
+
var editorRef = _ref.editorRef,
|
|
11135
|
+
fieldName = _ref.fieldName,
|
|
11136
|
+
value = _ref.value,
|
|
11137
|
+
initialValue = _ref.initialValue,
|
|
11138
|
+
fieldCode = _ref.fieldCode;
|
|
11090
11139
|
var initialStateRef = React$2.useRef({
|
|
11091
11140
|
language: "",
|
|
11092
11141
|
value: null
|
|
11093
11142
|
});
|
|
11094
|
-
var
|
|
11095
|
-
|
|
11096
|
-
|
|
11143
|
+
var _useBuildFormStore = useBuildFormStore(function (store) {
|
|
11144
|
+
return {
|
|
11145
|
+
setFormData: store["setFormData"]
|
|
11146
|
+
};
|
|
11147
|
+
}, shallow.shallow),
|
|
11148
|
+
setFormData = _useBuildFormStore.setFormData;
|
|
11149
|
+
var _useBuildFormStore2 = useBuildFormStore(function (store) {
|
|
11150
|
+
var _store$formState, _store$formState2;
|
|
11151
|
+
return {
|
|
11152
|
+
formId: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["formId"],
|
|
11153
|
+
selectedLanguage: (_store$formState2 = store["formState"]) === null || _store$formState2 === void 0 ? void 0 : _store$formState2["selectedLanguage"]
|
|
11154
|
+
};
|
|
11155
|
+
}, shallow.shallow),
|
|
11156
|
+
formId = _useBuildFormStore2.formId,
|
|
11157
|
+
language = _useBuildFormStore2.selectedLanguage;
|
|
11158
|
+
var shouldReset = useBuildFormStore(function (store) {
|
|
11159
|
+
return store.formState.richTextFieldsToReset.includes(fieldCode);
|
|
11160
|
+
});
|
|
11097
11161
|
var setEditorContent = function setEditorContent(content) {
|
|
11098
11162
|
var _editorRef$current$ed;
|
|
11099
11163
|
return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || (_editorRef$current$ed = _editorRef$current$ed.commands) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.setContent(content);
|
|
11100
11164
|
};
|
|
11165
|
+
if (shouldReset) {
|
|
11166
|
+
setEditorContent(initialValue);
|
|
11167
|
+
setFormData(ramda.modify("richTextFieldsToReset", ramda.without([fieldCode])));
|
|
11168
|
+
}
|
|
11101
11169
|
React$2.useEffect(function () {
|
|
11102
11170
|
if (initialStateRef.current["language"] !== language) {
|
|
11103
11171
|
initialStateRef.current["language"] = language;
|
|
@@ -11124,11 +11192,13 @@ var useUpdateEditorContent = function useUpdateEditorContent(editorRef, fieldNam
|
|
|
11124
11192
|
|
|
11125
11193
|
var Terms$1 = function Terms(_ref) {
|
|
11126
11194
|
var name = _ref.name,
|
|
11195
|
+
item = _ref.item,
|
|
11127
11196
|
isLabelDisabled = _ref.isLabelDisabled;
|
|
11128
11197
|
var editorRef = React$2.useRef({
|
|
11129
11198
|
editor: {}
|
|
11130
11199
|
});
|
|
11131
11200
|
var fieldName = "".concat(name, ".label");
|
|
11201
|
+
var fieldCode = item.fieldCode;
|
|
11132
11202
|
var _useField = formik.useField({
|
|
11133
11203
|
name: fieldName,
|
|
11134
11204
|
validate: validateEditorContent(editorRef)
|
|
@@ -11138,10 +11208,17 @@ var Terms$1 = function Terms(_ref) {
|
|
|
11138
11208
|
_useField2$ = _useField2[1],
|
|
11139
11209
|
touched = _useField2$.touched,
|
|
11140
11210
|
error = _useField2$.error,
|
|
11211
|
+
initialValue = _useField2$.initialValue,
|
|
11141
11212
|
_useField2$2 = _useField2[2],
|
|
11142
11213
|
setTouched = _useField2$2.setTouched,
|
|
11143
11214
|
setValue = _useField2$2.setValue;
|
|
11144
|
-
useUpdateEditorContent(
|
|
11215
|
+
useUpdateEditorContent({
|
|
11216
|
+
editorRef: editorRef,
|
|
11217
|
+
fieldName: fieldName,
|
|
11218
|
+
value: value,
|
|
11219
|
+
initialValue: initialValue,
|
|
11220
|
+
fieldCode: fieldCode
|
|
11221
|
+
});
|
|
11145
11222
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
11146
11223
|
className: "w-full cursor-auto"
|
|
11147
11224
|
}, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
|
|
@@ -11183,11 +11260,13 @@ var Fields = {
|
|
|
11183
11260
|
|
|
11184
11261
|
var Editor = function Editor(_ref) {
|
|
11185
11262
|
var name = _ref.name,
|
|
11263
|
+
item = _ref.item,
|
|
11186
11264
|
isLabelDisabled = _ref.isLabelDisabled;
|
|
11187
11265
|
var editorRef = React$2.useRef({
|
|
11188
11266
|
editor: {}
|
|
11189
11267
|
});
|
|
11190
11268
|
var fieldName = "".concat(name, ".label");
|
|
11269
|
+
var fieldCode = item.fieldCode;
|
|
11191
11270
|
var _useField = formik.useField({
|
|
11192
11271
|
name: fieldName,
|
|
11193
11272
|
validate: validateEditorContent(editorRef)
|
|
@@ -11197,10 +11276,17 @@ var Editor = function Editor(_ref) {
|
|
|
11197
11276
|
_useField2$ = _useField2[1],
|
|
11198
11277
|
touched = _useField2$.touched,
|
|
11199
11278
|
error = _useField2$.error,
|
|
11279
|
+
initialValue = _useField2$.initialValue,
|
|
11200
11280
|
_useField2$2 = _useField2[2],
|
|
11201
11281
|
setTouched = _useField2$2.setTouched,
|
|
11202
11282
|
setValue = _useField2$2.setValue;
|
|
11203
|
-
useUpdateEditorContent(
|
|
11283
|
+
useUpdateEditorContent({
|
|
11284
|
+
editorRef: editorRef,
|
|
11285
|
+
fieldName: fieldName,
|
|
11286
|
+
value: value,
|
|
11287
|
+
initialValue: initialValue,
|
|
11288
|
+
fieldCode: fieldCode
|
|
11289
|
+
});
|
|
11204
11290
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
11205
11291
|
className: "w-full cursor-auto"
|
|
11206
11292
|
}, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
|
|
@@ -11771,11 +11857,11 @@ var List = function List(_ref) {
|
|
|
11771
11857
|
var disableAddNewQuestion = ramda.isEmpty(questionKinds);
|
|
11772
11858
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
11773
11859
|
className: classnames__default["default"]("flex", _defineProperty$6({}, className, className))
|
|
11774
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
11860
|
+
}, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
|
|
11775
11861
|
disabled: !disableAddNewQuestion,
|
|
11776
11862
|
position: "top",
|
|
11777
11863
|
content: (disabledAddButtonTooltipProps === null || disabledAddButtonTooltipProps === void 0 ? void 0 : disabledAddButtonTooltipProps.content) || t("neetoForm.questions.common.primaryPanel.noQuestionLeft")
|
|
11778
|
-
}, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(
|
|
11864
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
|
|
11779
11865
|
disabled: disableAddNewQuestion,
|
|
11780
11866
|
label: t("neetoForm.questions.common.primaryPanel.addNewQuestion"),
|
|
11781
11867
|
position: "bottom-start",
|
|
@@ -11925,7 +12011,16 @@ var Form = function Form(_ref) {
|
|
|
11925
12011
|
if (neetoCist.isNotEmpty(questionLabel)) return neetoCist.truncate(questionLabel, 40);
|
|
11926
12012
|
return neetoCist.humanize(questionKind);
|
|
11927
12013
|
};
|
|
11928
|
-
|
|
12014
|
+
var richTextQuestions = neetoCist.filterBy({
|
|
12015
|
+
kind: ramda.includes(ramda.__, RICH_TEXT_QUESTIONS)
|
|
12016
|
+
}, questions);
|
|
12017
|
+
var resetFormData = function resetFormData() {
|
|
12018
|
+
resetForm();
|
|
12019
|
+
setFormData({
|
|
12020
|
+
richTextFieldsToReset: ramda.pluck("fieldCode", richTextQuestions)
|
|
12021
|
+
});
|
|
12022
|
+
};
|
|
12023
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
|
|
11929
12024
|
isOpen: ramda.isNotNil(deleteQuestionIndex),
|
|
11930
12025
|
submitButtonLabel: t("neetoForm.common.delete"),
|
|
11931
12026
|
title: t("neetoForm.questions.deleteAlert.title"),
|
|
@@ -12013,14 +12108,12 @@ var Form = function Form(_ref) {
|
|
|
12013
12108
|
}
|
|
12014
12109
|
}))), showActionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
12015
12110
|
className: "neeto-ui-border-gray-300 flex-shrink-0 border-t py-4"
|
|
12016
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
12017
|
-
|
|
12111
|
+
}, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
|
|
12112
|
+
submitButtonProps: submitButtonProps,
|
|
12018
12113
|
cancelButtonProps: _objectSpread$h({
|
|
12019
|
-
label: t("neetoForm.common.reset")
|
|
12020
|
-
|
|
12021
|
-
|
|
12022
|
-
disabled: isSubmitting || !dirty
|
|
12023
|
-
}, submitButtonProps)
|
|
12114
|
+
label: t("neetoForm.common.reset"),
|
|
12115
|
+
onClick: resetFormData
|
|
12116
|
+
}, cancelButtonProps)
|
|
12024
12117
|
}))));
|
|
12025
12118
|
};
|
|
12026
12119
|
|
|
@@ -12121,7 +12214,7 @@ var BuildForm = function BuildForm(_ref) {
|
|
|
12121
12214
|
var _useUpdateQuestions = useUpdateQuestions({
|
|
12122
12215
|
formId: id,
|
|
12123
12216
|
language: selectedLanguage,
|
|
12124
|
-
onError:
|
|
12217
|
+
onError: Toastr__default["default"].error,
|
|
12125
12218
|
onSuccess: utils.showThumbsUpToastr
|
|
12126
12219
|
}),
|
|
12127
12220
|
updateQuestions = _useUpdateQuestions.mutateAsync;
|
|
@@ -16087,7 +16180,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
16087
16180
|
className: "neeto-form-engine-input__wrapper"
|
|
16088
16181
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16089
16182
|
className: "neeto-ui-w-full"
|
|
16090
|
-
}, isInputVisible ? /*#__PURE__*/React__default["default"].createElement(
|
|
16183
|
+
}, isInputVisible ? /*#__PURE__*/React__default["default"].createElement(NeetoUIMultiEmailInput__default["default"], {
|
|
16091
16184
|
isRequired: isRequired,
|
|
16092
16185
|
label: label,
|
|
16093
16186
|
error: meta.touched ? meta.error : "",
|
|
@@ -16099,7 +16192,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
16099
16192
|
return setTouched(true);
|
|
16100
16193
|
},
|
|
16101
16194
|
onChange: setValue
|
|
16102
|
-
}) : /*#__PURE__*/React__default["default"].createElement(
|
|
16195
|
+
}) : /*#__PURE__*/React__default["default"].createElement(Button__default["default"], (_React$createElement = {
|
|
16103
16196
|
label: label
|
|
16104
16197
|
}, _defineProperty$6(_React$createElement, "label", t("neetoForm.common.addGuests")), _defineProperty$6(_React$createElement, "style", "secondary"), _defineProperty$6(_React$createElement, "onClick", function onClick() {
|
|
16105
16198
|
return setIsInputVisible(true);
|
|
@@ -16127,7 +16220,7 @@ var ConditionField = function ConditionField(_ref) {
|
|
|
16127
16220
|
}, function (_ref2) {
|
|
16128
16221
|
var meta = _ref2.meta,
|
|
16129
16222
|
field = _ref2.field;
|
|
16130
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
16223
|
+
return /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], _extends$8({}, _objectSpread$a(_objectSpread$a({}, field), {}, {
|
|
16131
16224
|
label: label,
|
|
16132
16225
|
name: name
|
|
16133
16226
|
}), {
|
|
@@ -16505,7 +16598,7 @@ var DateField = function DateField(_ref) {
|
|
|
16505
16598
|
value = _ref2$field.value,
|
|
16506
16599
|
field = _objectWithoutProperties$1(_ref2$field, _excluded$3),
|
|
16507
16600
|
form = _ref2.form;
|
|
16508
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
16601
|
+
return /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], _extends$8({}, _objectSpread$8(_objectSpread$8({}, field), {}, {
|
|
16509
16602
|
type: type
|
|
16510
16603
|
}), {
|
|
16511
16604
|
dateFormat: "MMM D, YYYY",
|
|
@@ -16556,7 +16649,7 @@ var EmailField = function EmailField(_ref) {
|
|
|
16556
16649
|
setValue = _useField2$2.setValue,
|
|
16557
16650
|
setTouched = _useField2$2.setTouched;
|
|
16558
16651
|
var handleFieldChange = utils.withEventTargetValue(setValue);
|
|
16559
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
16652
|
+
return /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], _extends$8({}, _objectSpread$7(_objectSpread$7({
|
|
16560
16653
|
type: type
|
|
16561
16654
|
}, field), {}, {
|
|
16562
16655
|
autoComplete: autoComplete,
|
|
@@ -19058,11 +19151,11 @@ var DropZone = function DropZone(_ref) {
|
|
|
19058
19151
|
}, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
|
|
19059
19152
|
i18nKey: "neetoForm.fileUpload.dropzone.chooseOrDragFile",
|
|
19060
19153
|
components: {
|
|
19061
|
-
typography: /*#__PURE__*/React__default["default"].createElement(
|
|
19154
|
+
typography: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
19062
19155
|
component: "span",
|
|
19063
19156
|
weight: "semibold"
|
|
19064
19157
|
}),
|
|
19065
|
-
span: /*#__PURE__*/React__default["default"].createElement(
|
|
19158
|
+
span: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
19066
19159
|
component: "span",
|
|
19067
19160
|
weight: "normal"
|
|
19068
19161
|
})
|
|
@@ -19071,18 +19164,18 @@ var DropZone = function DropZone(_ref) {
|
|
|
19071
19164
|
"data-cy": "file-browse-button"
|
|
19072
19165
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19073
19166
|
className: "neeto-form-engine-file-upload__dropzone-helper-block"
|
|
19074
|
-
}, !multipleFilesAllowed && /*#__PURE__*/React__default["default"].createElement(
|
|
19167
|
+
}, !multipleFilesAllowed && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
19075
19168
|
className: "neeto-form-engine-file-upload__dropzone-helper-text",
|
|
19076
19169
|
"data-cy": "upload-only-one-file-text",
|
|
19077
19170
|
style: "body3"
|
|
19078
|
-
}, t("neetoForm.fileUpload.dropzone.oneFileAllowed")), shouldShowFileSizeLimit && /*#__PURE__*/React__default["default"].createElement(
|
|
19171
|
+
}, t("neetoForm.fileUpload.dropzone.oneFileAllowed")), shouldShowFileSizeLimit && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
19079
19172
|
className: "neeto-form-engine-file-upload__dropzone-helper-text",
|
|
19080
19173
|
"data-cy": "maximum-allowed-size-text",
|
|
19081
19174
|
style: "body3"
|
|
19082
19175
|
}, t("neetoForm.fileUpload.dropzone.maxFileSize", {
|
|
19083
19176
|
size: maxFileSize,
|
|
19084
19177
|
unit: t("neetoForm.fileUpload.mb")
|
|
19085
|
-
})), allowedFileTypes && /*#__PURE__*/React__default["default"].createElement(
|
|
19178
|
+
})), allowedFileTypes && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
19086
19179
|
className: "neeto-form-engine-file-upload__dropzone-helper-text",
|
|
19087
19180
|
"data-cy": "allowed-files-types-text",
|
|
19088
19181
|
style: "body3"
|
|
@@ -26499,7 +26592,7 @@ var FilePreview = reactUtils.withT(function (_ref) {
|
|
|
26499
26592
|
key: file.url
|
|
26500
26593
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26501
26594
|
className: "neeto-form-engine-file-upload__file-preview"
|
|
26502
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
26595
|
+
}, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
26503
26596
|
className: classnames__default["default"]("p-0", {
|
|
26504
26597
|
invisible: isUploading
|
|
26505
26598
|
}),
|
|
@@ -26517,10 +26610,10 @@ var FilePreview = reactUtils.withT(function (_ref) {
|
|
|
26517
26610
|
size: 20
|
|
26518
26611
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26519
26612
|
className: "flex min-w-0 grow flex-col break-words"
|
|
26520
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
26613
|
+
}, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
26521
26614
|
className: "neeto-form-engine-file-upload__file-info-name",
|
|
26522
26615
|
style: "body2"
|
|
26523
|
-
}, file.name), /*#__PURE__*/React__default["default"].createElement(
|
|
26616
|
+
}, file.name), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
26524
26617
|
className: "neeto-form-engine-file-upload__file-info-size",
|
|
26525
26618
|
style: "body3"
|
|
26526
26619
|
}, file.size ? t("neetoForm.fileUpload.fileSizeInMb", {
|
|
@@ -26589,7 +26682,7 @@ var FileUploadField = function FileUploadField(_ref) {
|
|
|
26589
26682
|
className: "neeto-form-engine-input__wrapper"
|
|
26590
26683
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26591
26684
|
className: "neeto-form-engine-input__label-wrapper"
|
|
26592
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
26685
|
+
}, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
|
|
26593
26686
|
className: "neeto-form-engine-label",
|
|
26594
26687
|
required: isRequired
|
|
26595
26688
|
}, label)), /*#__PURE__*/React__default["default"].createElement(DropZone, {
|
|
@@ -26610,11 +26703,11 @@ var FileUploadField = function FileUploadField(_ref) {
|
|
|
26610
26703
|
progress: progress[file.name]
|
|
26611
26704
|
});
|
|
26612
26705
|
})), neetoCist.isNotEmpty(fileRejections) && fileRejections.map(function (file, index) {
|
|
26613
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
26706
|
+
return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
26614
26707
|
className: "neeto-ui-text-error-800 neeto-ui-bg-pastel-red neeto-ui-rounded-sm mt-2 inline-block w-full p-1 text-sm",
|
|
26615
26708
|
key: index
|
|
26616
26709
|
}, renderErrorMessage(file, maxFileSizeInBytes, false));
|
|
26617
|
-
}), shouldShowError && /*#__PURE__*/React__default["default"].createElement(
|
|
26710
|
+
}), shouldShowError && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
26618
26711
|
className: "neeto-ui-text-error-800 neeto-ui-bg-pastel-red neeto-ui-rounded-sm mt-2 inline-block w-full p-1 text-sm"
|
|
26619
26712
|
}, error));
|
|
26620
26713
|
};
|
|
@@ -26653,7 +26746,7 @@ var NameField = function NameField(_ref) {
|
|
|
26653
26746
|
setValue = _useField2$2.setValue,
|
|
26654
26747
|
setTouched = _useField2$2.setTouched;
|
|
26655
26748
|
var handleFieldChange = utils.withEventTargetValue(setValue);
|
|
26656
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
26749
|
+
return /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], _extends$8({}, _objectSpread$4(_objectSpread$4({
|
|
26657
26750
|
type: type
|
|
26658
26751
|
}, field), {}, {
|
|
26659
26752
|
autoComplete: autoComplete,
|
|
@@ -26680,8 +26773,8 @@ var Choices = function Choices(_ref) {
|
|
|
26680
26773
|
onChange = _ref.onChange,
|
|
26681
26774
|
error = _ref.error;
|
|
26682
26775
|
var isCheckBox = type === "checkbox";
|
|
26683
|
-
var ChoiceWrapper = isCheckBox ? "div" :
|
|
26684
|
-
var Component = isCheckBox ?
|
|
26776
|
+
var ChoiceWrapper = isCheckBox ? "div" : Radio__default["default"];
|
|
26777
|
+
var Component = isCheckBox ? Checkbox__default$1["default"] : Radio__default["default"].Item;
|
|
26685
26778
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26686
26779
|
className: "neeto-form-engine-choices__wrapper"
|
|
26687
26780
|
}, /*#__PURE__*/React__default["default"].createElement("label", {
|
|
@@ -26729,7 +26822,7 @@ var OptionsField = function OptionsField(_ref) {
|
|
|
26729
26822
|
options = _question$optionsAttr === void 0 ? [] : _question$optionsAttr;
|
|
26730
26823
|
var isDropdown = kind === QUESTION_KIND.DROPDOWN.value;
|
|
26731
26824
|
var label = fieldWithFallback(question, "label");
|
|
26732
|
-
var Component = isDropdown ?
|
|
26825
|
+
var Component = isDropdown ? Select__default$1["default"] : Choices$1;
|
|
26733
26826
|
var transformedOptions = isDropdown ? options.map(function (option) {
|
|
26734
26827
|
return {
|
|
26735
26828
|
label: fieldWithFallback(option, "label"),
|
|
@@ -27053,7 +27146,7 @@ var TermsField = function TermsField(_ref) {
|
|
|
27053
27146
|
kind = question.kind,
|
|
27054
27147
|
isRequired = question.isRequired,
|
|
27055
27148
|
nodeId = question.nodeId;
|
|
27056
|
-
var label = fieldWithFallback(question, "label");
|
|
27149
|
+
var label = fieldWithFallback(question, "label", true);
|
|
27057
27150
|
return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
|
|
27058
27151
|
name: name || nodeId,
|
|
27059
27152
|
validate: validateFieldValue({
|
|
@@ -27067,7 +27160,7 @@ var TermsField = function TermsField(_ref) {
|
|
|
27067
27160
|
field = _ref2.field;
|
|
27068
27161
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27069
27162
|
className: "neeto-form-engine-terms"
|
|
27070
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
27163
|
+
}, /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], _extends$8({}, _objectSpread$2(_objectSpread$2({}, field), {}, {
|
|
27071
27164
|
name: name
|
|
27072
27165
|
}), {
|
|
27073
27166
|
checked: field.value,
|
|
@@ -27097,7 +27190,7 @@ var TextField = function TextField(_ref) {
|
|
|
27097
27190
|
type = _QUESTION_KIND$kind$t2 === void 0 ? "text" : _QUESTION_KIND$kind$t2,
|
|
27098
27191
|
onKeyDown = _QUESTION_KIND$kind$t.onKeyDown,
|
|
27099
27192
|
otherProps = _QUESTION_KIND$kind$t.otherProps;
|
|
27100
|
-
var Component = kind === QUESTION_KIND.TEXTAREA.value ?
|
|
27193
|
+
var Component = kind === QUESTION_KIND.TEXTAREA.value ? Textarea__default$1["default"] : Input__default$1["default"];
|
|
27101
27194
|
var _useField = formik.useField({
|
|
27102
27195
|
name: name || nodeId,
|
|
27103
27196
|
validate: validateFieldValue({
|
|
@@ -27139,14 +27232,16 @@ var _QUESTION_TO_COMPONEN;
|
|
|
27139
27232
|
var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXT.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.NAME.value, NameField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.EMAIL.value, EmailField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.INTEGER.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.DECIMAL.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.PHONE.value, PhoneNumberField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.QUESTION.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXTAREA.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.CHECKBOX.value, OptionsField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.RADIO.value, OptionsField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.DROPDOWN.value, OptionsField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.RATING.value, RatingField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.PARAGRAPH.value, function (_ref) {
|
|
27140
27233
|
var question = _ref.question;
|
|
27141
27234
|
return /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
|
|
27142
|
-
content:
|
|
27235
|
+
content: fieldWithFallback(question, "label", true)
|
|
27143
27236
|
});
|
|
27144
27237
|
}), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.TERMS.value, TermsField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.DATE.value, DateField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.STAR_RATING.value, StarRatingField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.RICH_TEXT.value, RichTextEditor), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _QUESTION_TO_COMPONEN);
|
|
27145
27238
|
|
|
27146
27239
|
var fieldWithFallback = function fieldWithFallback(question, fieldName) {
|
|
27240
|
+
var hasRichContent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
27147
27241
|
var fallback = question["".concat(fieldName, "Fallback")];
|
|
27148
27242
|
var field = question[fieldName];
|
|
27149
|
-
|
|
27243
|
+
var isFieldEmpty = hasRichContent ? neetoEditor.isEditorEmpty(field) : ramda.isEmpty(field);
|
|
27244
|
+
return isFieldEmpty && ramda.isNotNil(fallback) ? fallback : field;
|
|
27150
27245
|
};
|
|
27151
27246
|
var getFieldComponent = function getFieldComponent(_ref) {
|
|
27152
27247
|
var kind = _ref.kind;
|
|
@@ -27203,9 +27298,9 @@ var Success = function Success() {
|
|
|
27203
27298
|
t = _useTranslation.t;
|
|
27204
27299
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27205
27300
|
className: "flex h-full w-full flex-col items-center justify-center space-y-4"
|
|
27206
|
-
}, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(
|
|
27301
|
+
}, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
27207
27302
|
style: "h1"
|
|
27208
|
-
}, t("neetoForm.successPage.title1")), /*#__PURE__*/React__default["default"].createElement(
|
|
27303
|
+
}, t("neetoForm.successPage.title1")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
27209
27304
|
style: "h1"
|
|
27210
27305
|
}, t("neetoForm.successPage.title2")));
|
|
27211
27306
|
};
|
|
@@ -27395,7 +27490,7 @@ var ExternalForm = function ExternalForm(_ref) {
|
|
|
27395
27490
|
case 29:
|
|
27396
27491
|
data = _context.sent;
|
|
27397
27492
|
case 30:
|
|
27398
|
-
showSuccessToastr &&
|
|
27493
|
+
showSuccessToastr && Toastr__default["default"].success(t("neetoForm.toasts.formSubmitted"));
|
|
27399
27494
|
clearValuesOnSubmit && clearLocalFormValues();
|
|
27400
27495
|
onSubmitSuccess === null || onSubmitSuccess === void 0 || onSubmitSuccess({
|
|
27401
27496
|
values: values,
|
|
@@ -27473,7 +27568,7 @@ var ExternalForm = function ExternalForm(_ref) {
|
|
|
27473
27568
|
formId: formId,
|
|
27474
27569
|
preview: preview,
|
|
27475
27570
|
language: language,
|
|
27476
|
-
onError:
|
|
27571
|
+
onError: Toastr__default["default"].error,
|
|
27477
27572
|
enabled: !preview,
|
|
27478
27573
|
placeholderData: {
|
|
27479
27574
|
isQuestionsLoading: true
|
|
@@ -27505,7 +27600,7 @@ var ExternalForm = function ExternalForm(_ref) {
|
|
|
27505
27600
|
}
|
|
27506
27601
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showTitle && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27507
27602
|
className: "py-6 text-center"
|
|
27508
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
27603
|
+
}, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
|
|
27509
27604
|
className: "neeto-ui-text-gray-800",
|
|
27510
27605
|
style: "h4",
|
|
27511
27606
|
weight: "semibold"
|
|
@@ -27545,7 +27640,7 @@ var ExternalForm = function ExternalForm(_ref) {
|
|
|
27545
27640
|
}
|
|
27546
27641
|
}), (submission === null || submission === void 0 ? void 0 : submission.isLoading) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27547
27642
|
className: "neeto-ui-bg-gray-100 absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center opacity-75"
|
|
27548
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
27643
|
+
}, /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null)), renderedQuestions.map(function (question) {
|
|
27549
27644
|
var _question$id;
|
|
27550
27645
|
var FieldComponent = getFieldComponent(question);
|
|
27551
27646
|
return /*#__PURE__*/React__default["default"].createElement(FieldComponent, {
|
|
@@ -27560,23 +27655,23 @@ var ExternalForm = function ExternalForm(_ref) {
|
|
|
27560
27655
|
});
|
|
27561
27656
|
}), showEmptyState && ramda.isEmpty(renderedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27562
27657
|
className: "flex flex-col items-center justify-center gap-y-4 py-8"
|
|
27563
|
-
}, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(
|
|
27658
|
+
}, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
27564
27659
|
style: "h3",
|
|
27565
27660
|
weight: "semibold"
|
|
27566
27661
|
}, t("neetoForm.questions.common.notFound"))), footer, !ramda.isEmpty(renderedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27567
27662
|
className: "mt-8 flex items-center justify-between"
|
|
27568
|
-
}, cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(
|
|
27663
|
+
}, cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
|
|
27569
27664
|
label: t("neetoForm.common.cancel"),
|
|
27570
27665
|
style: "secondary"
|
|
27571
27666
|
}, cancelButtonProps)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27572
27667
|
className: "flex gap-x-2"
|
|
27573
|
-
}, renderButtonsInOrder([/*#__PURE__*/React__default["default"].createElement(
|
|
27668
|
+
}, renderButtonsInOrder([/*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
|
|
27574
27669
|
disabled: isSubmitting || isSubmitted,
|
|
27575
27670
|
key: "submit",
|
|
27576
27671
|
label: t("neetoForm.common.submit"),
|
|
27577
27672
|
loading: isSubmitting,
|
|
27578
27673
|
type: "submit"
|
|
27579
|
-
}, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(
|
|
27674
|
+
}, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
|
|
27580
27675
|
key: "reset",
|
|
27581
27676
|
label: t("neetoForm.common.reset"),
|
|
27582
27677
|
style: "secondary",
|
|
@@ -30127,6 +30222,10 @@ var linkifyDecorator = function linkifyDecorator(decoratedHref, decoratedText, k
|
|
|
30127
30222
|
target: "_blank"
|
|
30128
30223
|
}, decoratedText);
|
|
30129
30224
|
};
|
|
30225
|
+
var filterResponses = neetoCist.removeBy({
|
|
30226
|
+
kind: QUESTION_KIND.ADDITIONAL_GUESTS.value,
|
|
30227
|
+
value: neetoCist.isNotPresent
|
|
30228
|
+
});
|
|
30130
30229
|
|
|
30131
30230
|
var FileUpload = function FileUpload(_ref) {
|
|
30132
30231
|
var files = _ref.files;
|
|
@@ -30135,7 +30234,7 @@ var FileUpload = function FileUpload(_ref) {
|
|
|
30135
30234
|
}, files === null || files === void 0 ? void 0 : files.map(function (_ref2, index) {
|
|
30136
30235
|
var url = _ref2.url,
|
|
30137
30236
|
name = _ref2.name;
|
|
30138
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
30237
|
+
return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
30139
30238
|
className: "break-all",
|
|
30140
30239
|
key: index,
|
|
30141
30240
|
style: "body2"
|
|
@@ -30190,6 +30289,7 @@ var Submission = function Submission(_ref2) {
|
|
|
30190
30289
|
} : _useSubmission$data,
|
|
30191
30290
|
isLoading = _useSubmission.isLoading;
|
|
30192
30291
|
var responses = submission.responses;
|
|
30292
|
+
var filteredResponses = filterResponses(responses);
|
|
30193
30293
|
var renderSubmittedValue = function renderSubmittedValue(kind, value) {
|
|
30194
30294
|
switch (kind) {
|
|
30195
30295
|
case QUESTION_KIND.RICH_TEXT.value:
|
|
@@ -30209,7 +30309,7 @@ var Submission = function Submission(_ref2) {
|
|
|
30209
30309
|
files: value
|
|
30210
30310
|
}) : "-";
|
|
30211
30311
|
default:
|
|
30212
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
30312
|
+
return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
|
|
30213
30313
|
weight: "semibold"
|
|
30214
30314
|
}, answerProps), /*#__PURE__*/React__default["default"].createElement(_default, {
|
|
30215
30315
|
componentDecorator: linkifyDecorator
|
|
@@ -30226,14 +30326,14 @@ var Submission = function Submission(_ref2) {
|
|
|
30226
30326
|
}
|
|
30227
30327
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
30228
30328
|
className: classnames__default["default"]("mx-auto flex h-full w-full flex-col items-start", _defineProperty$6({}, className, className))
|
|
30229
|
-
},
|
|
30329
|
+
}, filteredResponses.map(function (_ref3) {
|
|
30230
30330
|
var kind = _ref3.kind,
|
|
30231
30331
|
label = _ref3.label,
|
|
30232
30332
|
value = _ref3.value;
|
|
30233
30333
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
30234
30334
|
className: "mb-4",
|
|
30235
30335
|
key: label
|
|
30236
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
30336
|
+
}, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
|
|
30237
30337
|
style: "h5",
|
|
30238
30338
|
weight: "light"
|
|
30239
30339
|
}, questionLabelProps), label), renderSubmittedValue(kind, value));
|
|
@@ -30372,7 +30472,7 @@ var UrlBuilder = function UrlBuilder(_ref) {
|
|
|
30372
30472
|
var _useForm = useForm({
|
|
30373
30473
|
formId: formId,
|
|
30374
30474
|
preview: false,
|
|
30375
|
-
onError:
|
|
30475
|
+
onError: Toastr__default["default"].error,
|
|
30376
30476
|
placeholderData: {
|
|
30377
30477
|
isQuestionsLoading: true
|
|
30378
30478
|
}
|
|
@@ -30396,7 +30496,7 @@ var UrlBuilder = function UrlBuilder(_ref) {
|
|
|
30396
30496
|
var modifiedQuestions = getPreFillableQuestions(questions);
|
|
30397
30497
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showTitle && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
30398
30498
|
className: "py-6 text-center"
|
|
30399
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
30499
|
+
}, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
|
|
30400
30500
|
className: "neeto-ui-text-gray-800",
|
|
30401
30501
|
style: "h4",
|
|
30402
30502
|
weight: "semibold"
|
|
@@ -30445,21 +30545,21 @@ var UrlBuilder = function UrlBuilder(_ref) {
|
|
|
30445
30545
|
});
|
|
30446
30546
|
}), showEmptyState && ramda.isEmpty(modifiedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
30447
30547
|
className: "flex flex-col items-center justify-center gap-y-4 py-8"
|
|
30448
|
-
}, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(
|
|
30548
|
+
}, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
|
|
30449
30549
|
style: "h3",
|
|
30450
30550
|
weight: "semibold"
|
|
30451
30551
|
}, t("neetoForm.questions.common.notFound")))), !ramda.isEmpty(modifiedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
30452
30552
|
className: "mt-8 flex items-center justify-start gap-x-2"
|
|
30453
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
30553
|
+
}, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
|
|
30454
30554
|
disabled: isSubmitting,
|
|
30455
30555
|
label: t("neetoForm.common.generateLink"),
|
|
30456
30556
|
loading: isSubmitting,
|
|
30457
30557
|
type: "submit"
|
|
30458
|
-
}, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default["default"].createElement(
|
|
30558
|
+
}, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
|
|
30459
30559
|
label: t("neetoForm.common.reset"),
|
|
30460
30560
|
style: "secondary",
|
|
30461
30561
|
type: "reset"
|
|
30462
|
-
}, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(
|
|
30562
|
+
}, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
|
|
30463
30563
|
label: t("neetoForm.common.cancel")
|
|
30464
30564
|
}, cancelButtonProps)))));
|
|
30465
30565
|
}));
|