@bigbinary/neeto-form-frontend 3.9.1 → 3.9.2
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/BuildForm.js +5 -5
- package/dist/ExternalForm.js +6 -6
- package/dist/Submission.js +2 -2
- package/dist/Submission.js.map +1 -1
- package/dist/UrlBuilder.js +6 -6
- package/dist/{buildForm-b8eb931e.js → buildForm-CthgTgsm.js} +3 -7
- package/dist/{buildForm-b8eb931e.js.map → buildForm-CthgTgsm.js.map} +1 -1
- package/dist/{buildForm-dfd708c6.js → buildForm-GdQQ62ve.js} +2 -2
- package/dist/{buildForm-dfd708c6.js.map → buildForm-GdQQ62ve.js.map} +1 -1
- package/dist/cjs/BuildForm.js +136 -174
- package/dist/cjs/BuildForm.js.map +1 -1
- package/dist/cjs/ExternalForm.js +39 -60
- package/dist/cjs/ExternalForm.js.map +1 -1
- package/dist/cjs/Submission.js +11 -20
- package/dist/cjs/Submission.js.map +1 -1
- package/dist/cjs/UrlBuilder.js +15 -25
- package/dist/cjs/UrlBuilder.js.map +1 -1
- package/dist/cjs/hooks.js +4 -6
- package/dist/cjs/hooks.js.map +1 -1
- package/dist/cjs/index.js +7 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/{constants-771cca31.js → constants-CAupEAeQ.js} +10 -17
- package/dist/{constants-771cca31.js.map → constants-CAupEAeQ.js.map} +1 -1
- package/dist/{constants-4d9fc943.js → constants-D-XSuLo2.js} +10 -15
- package/dist/{constants-4d9fc943.js.map → constants-D-XSuLo2.js.map} +1 -1
- package/dist/{constants-75b78b3a.js → constants-DlRX5mcQ.js} +1 -1
- package/dist/{constants-75b78b3a.js.map → constants-DlRX5mcQ.js.map} +1 -1
- package/dist/{constants-9538731d.js → constants-pb1PsblC.js} +3 -3
- package/dist/{constants-9538731d.js.map → constants-pb1PsblC.js.map} +1 -1
- package/dist/hooks.js +4 -4
- package/dist/{index-b6bb805c.js → index-2caW4Cx0.js} +1 -1
- package/dist/{index-b6bb805c.js.map → index-2caW4Cx0.js.map} +1 -1
- package/dist/{index-2664c3e7.js → index-BL5SirYx.js} +1 -1
- package/dist/{index-2664c3e7.js.map → index-BL5SirYx.js.map} +1 -1
- package/dist/index.js +7 -7
- package/dist/{useFormApi-dee63a95.js → useFormApi-BS-TCKwR.js} +2 -2
- package/dist/{useFormApi-dee63a95.js.map → useFormApi-BS-TCKwR.js.map} +1 -1
- package/dist/{useFormApi-24e05ed2.js → useFormApi-DAiOGCeD.js} +34 -43
- package/dist/useFormApi-DAiOGCeD.js.map +1 -0
- package/dist/{useFormSubmission-c4e42402.js → useFormSubmission-B2aaxL1m.js} +2 -2
- package/dist/{useFormSubmission-c4e42402.js.map → useFormSubmission-B2aaxL1m.js.map} +1 -1
- package/dist/{useFormSubmission-8b23d7aa.js → useFormSubmission-DeaBHZs7.js} +2 -2
- package/dist/{useFormSubmission-8b23d7aa.js.map → useFormSubmission-DeaBHZs7.js.map} +1 -1
- package/dist/{utils-58566755.js → utils-BPSPfGM5.js} +5 -5
- package/dist/{utils-58566755.js.map → utils-BPSPfGM5.js.map} +1 -1
- package/dist/{utils-d5895099.js → utils-D-ZaPjZk.js} +70 -95
- package/dist/{utils-d5895099.js.map → utils-D-ZaPjZk.js.map} +1 -1
- package/package.json +11 -11
- package/dist/useFormApi-24e05ed2.js.map +0 -1
package/dist/cjs/BuildForm.js
CHANGED
|
@@ -9,19 +9,19 @@ var neetoCist = require('@bigbinary/neeto-cist');
|
|
|
9
9
|
var utils = require('@bigbinary/neeto-commons-frontend/utils');
|
|
10
10
|
var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
|
|
11
11
|
var ramda = require('ramda');
|
|
12
|
-
var useFormApi = require('../useFormApi-
|
|
13
|
-
var constants$1 = require('../constants-
|
|
14
|
-
var constants = require('../constants-
|
|
12
|
+
var useFormApi = require('../useFormApi-DAiOGCeD.js');
|
|
13
|
+
var constants$1 = require('../constants-D-XSuLo2.js');
|
|
14
|
+
var constants = require('../constants-CAupEAeQ.js');
|
|
15
15
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
16
16
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
17
17
|
var dnd = require('@hello-pangea/dnd');
|
|
18
18
|
var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
19
19
|
var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
|
|
20
20
|
var reactI18next = require('react-i18next');
|
|
21
|
-
var buildForm = require('../buildForm-
|
|
21
|
+
var buildForm = require('../buildForm-CthgTgsm.js');
|
|
22
22
|
var shallow = require('zustand/shallow');
|
|
23
23
|
var Alert = require('@bigbinary/neetoui/Alert');
|
|
24
|
-
var index = require('../index-
|
|
24
|
+
var index = require('../index-2caW4Cx0.js');
|
|
25
25
|
var jsxRuntime = require('react/jsx-runtime');
|
|
26
26
|
var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
|
|
27
27
|
var Typography = require('@bigbinary/neetoui/Typography');
|
|
@@ -62,10 +62,7 @@ require('dompurify');
|
|
|
62
62
|
require('zustand');
|
|
63
63
|
require('@babel/runtime/helpers/typeof');
|
|
64
64
|
|
|
65
|
-
function
|
|
66
|
-
|
|
67
|
-
function _interopNamespace(e) {
|
|
68
|
-
if (e && e.__esModule) return e;
|
|
65
|
+
function _interopNamespaceDefault(e) {
|
|
69
66
|
var n = Object.create(null);
|
|
70
67
|
if (e) {
|
|
71
68
|
Object.keys(e).forEach(function (k) {
|
|
@@ -78,46 +75,11 @@ function _interopNamespace(e) {
|
|
|
78
75
|
}
|
|
79
76
|
});
|
|
80
77
|
}
|
|
81
|
-
n
|
|
78
|
+
n.default = e;
|
|
82
79
|
return Object.freeze(n);
|
|
83
80
|
}
|
|
84
81
|
|
|
85
|
-
var
|
|
86
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
87
|
-
var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
|
|
88
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
89
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
90
|
-
var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
|
|
91
|
-
var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
|
|
92
|
-
var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
|
|
93
|
-
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
94
|
-
var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
|
|
95
|
-
var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
|
|
96
|
-
var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
|
|
97
|
-
var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
|
|
98
|
-
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
99
|
-
var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
|
|
100
|
-
var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
|
|
101
|
-
var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form$2);
|
|
102
|
-
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
103
|
-
var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
|
|
104
|
-
var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
|
|
105
|
-
var NeetoEditor__default = /*#__PURE__*/_interopDefaultLegacy(NeetoEditor);
|
|
106
|
-
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
107
|
-
var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
|
|
108
|
-
var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
|
|
109
|
-
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
110
|
-
var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
|
|
111
|
-
var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
|
|
112
|
-
var CreatableSelect__default = /*#__PURE__*/_interopDefaultLegacy(CreatableSelect);
|
|
113
|
-
var _toArray__default = /*#__PURE__*/_interopDefaultLegacy(_toArray);
|
|
114
|
-
var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
|
|
115
|
-
var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
|
|
116
|
-
var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
|
|
117
|
-
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
|
|
118
|
-
var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
|
|
119
|
-
var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
|
|
120
|
-
var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete);
|
|
82
|
+
var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
|
|
121
83
|
|
|
122
84
|
var DeleteAlert = function DeleteAlert(_ref) {
|
|
123
85
|
var selectedQuestion = _ref.selectedQuestion,
|
|
@@ -166,7 +128,7 @@ var DeleteAlert = function DeleteAlert(_ref) {
|
|
|
166
128
|
}
|
|
167
129
|
});
|
|
168
130
|
};
|
|
169
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
131
|
+
return /*#__PURE__*/jsxRuntime.jsx(Alert, {
|
|
170
132
|
isOpen: isOpen,
|
|
171
133
|
onClose: onClose,
|
|
172
134
|
isSubmitting: isDeleting,
|
|
@@ -189,11 +151,11 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
|
|
|
189
151
|
languages = _ref.languages,
|
|
190
152
|
onChange = _ref.onChange;
|
|
191
153
|
var _useState = React.useState(false),
|
|
192
|
-
_useState2 =
|
|
154
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
193
155
|
isUnsavedChangesAlertOpen = _useState2[0],
|
|
194
156
|
setIsUnsavedChangesAlertOpen = _useState2[1];
|
|
195
157
|
var _useState3 = React.useState(currentLanguage),
|
|
196
|
-
_useState4 =
|
|
158
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
197
159
|
selectedLanguage = _useState4[0],
|
|
198
160
|
setSelectedLanguage = _useState4[1];
|
|
199
161
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -212,17 +174,17 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
|
|
|
212
174
|
code: currentLanguage
|
|
213
175
|
}, languages)) === null || _findBy === void 0 ? void 0 : _findBy.name;
|
|
214
176
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
215
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
177
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip, {
|
|
216
178
|
content: t("neetoForm.questions.changeLanguage"),
|
|
217
179
|
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
218
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
180
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
|
|
219
181
|
buttonStyle: "secondary",
|
|
220
182
|
label: selectedLanguageName,
|
|
221
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
183
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Dropdown.Menu, {
|
|
222
184
|
children: languages.map(function (_ref2) {
|
|
223
185
|
var code = _ref2.code,
|
|
224
186
|
name = _ref2.name;
|
|
225
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
187
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown.MenuItem.Button, {
|
|
226
188
|
isActive: currentLanguage === code,
|
|
227
189
|
onClick: function onClick() {
|
|
228
190
|
return languageChangeHandler(code);
|
|
@@ -233,7 +195,7 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
|
|
|
233
195
|
})
|
|
234
196
|
})
|
|
235
197
|
})
|
|
236
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
198
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Alert, {
|
|
237
199
|
isOpen: isUnsavedChangesAlertOpen,
|
|
238
200
|
message: t("neetoForm.questions.unsavedChangesAlert.message"),
|
|
239
201
|
submitButtonLabel: t("neetoForm.questions.unsavedChangesAlert.discard"),
|
|
@@ -260,7 +222,7 @@ var Overview = function Overview(_ref) {
|
|
|
260
222
|
className: "neeto-form-nano-form-wrapper__overview mb-4 w-full flex-shrink-0 space-y-4 px-6 pt-6",
|
|
261
223
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
262
224
|
className: "flex items-center justify-between",
|
|
263
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
225
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
264
226
|
"data-cy": "neeto-form-engine-overview-title",
|
|
265
227
|
lineHeight: "neeto-ui-leading-normal",
|
|
266
228
|
style: "h2",
|
|
@@ -272,7 +234,7 @@ var Overview = function Overview(_ref) {
|
|
|
272
234
|
currentLanguage: selectedLanguage,
|
|
273
235
|
languages: availableLanguages,
|
|
274
236
|
onChange: onLanguageChange
|
|
275
|
-
}), neetoCist.isPresent(additionalActionOptions) && /*#__PURE__*/jsxRuntime.jsx(
|
|
237
|
+
}), neetoCist.isPresent(additionalActionOptions) && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
|
|
276
238
|
dropdownButtonProps: {
|
|
277
239
|
isRounded: true,
|
|
278
240
|
style: "tertiary"
|
|
@@ -284,7 +246,7 @@ var Overview = function Overview(_ref) {
|
|
|
284
246
|
menuItems: additionalActionOptions
|
|
285
247
|
})]
|
|
286
248
|
})]
|
|
287
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
249
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
288
250
|
"data-cy": "neeto-form-engine-overview-description",
|
|
289
251
|
style: "body2",
|
|
290
252
|
children: description
|
|
@@ -293,7 +255,7 @@ var Overview = function Overview(_ref) {
|
|
|
293
255
|
};
|
|
294
256
|
|
|
295
257
|
function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
296
|
-
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) {
|
|
258
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
297
259
|
var validateEditorContent = function validateEditorContent(editorRef) {
|
|
298
260
|
return function () {
|
|
299
261
|
var _editorRef$current, _editorRef$current$ed;
|
|
@@ -317,7 +279,7 @@ var buildAddQuestionButtonProps = function buildAddQuestionButtonProps(onAdd, is
|
|
|
317
279
|
"data-cy": "neeto-form-engine-add-question-button",
|
|
318
280
|
disabled: isDisabled,
|
|
319
281
|
label: i18next.t("neetoForm.questions.common.primaryPanel.addQuestion"),
|
|
320
|
-
icon:
|
|
282
|
+
icon: Plus,
|
|
321
283
|
iconPosition: "left",
|
|
322
284
|
style: "link",
|
|
323
285
|
onClick: onAdd
|
|
@@ -335,7 +297,7 @@ var buildDisabledAddButtonTooltipProps = function buildDisabledAddButtonTooltipP
|
|
|
335
297
|
};
|
|
336
298
|
|
|
337
299
|
function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
338
|
-
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) {
|
|
300
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
339
301
|
var Card = function Card(_ref) {
|
|
340
302
|
var _ref$question = _ref.question,
|
|
341
303
|
question = _ref$question === void 0 ? {} : _ref$question,
|
|
@@ -347,7 +309,7 @@ var Card = function Card(_ref) {
|
|
|
347
309
|
onClone = _ref.onClone,
|
|
348
310
|
onDelete = _ref.onDelete;
|
|
349
311
|
var _useState = React.useState(false),
|
|
350
|
-
_useState2 =
|
|
312
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
351
313
|
isTooltipEnabled = _useState2[0],
|
|
352
314
|
setIsTooltipEnabled = _useState2[1];
|
|
353
315
|
var questionLabelRef = React.useRef(null);
|
|
@@ -370,7 +332,7 @@ var Card = function Card(_ref) {
|
|
|
370
332
|
}, [questionLabel]);
|
|
371
333
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
372
334
|
"data-cy": "neeto-form-engine-".concat(neetoCist.slugify(questionLabel)),
|
|
373
|
-
className:
|
|
335
|
+
className: classnames("neeto-ui-rounded neeto-ui-border-gray-300 neeto-ui-bg-white neeto-form-nano-form__card flex h-10 w-full items-center justify-between gap-1 border p-2", {
|
|
374
336
|
"neeto-ui-border-primary-500 neeto-form-nano-form__card--active": isActive
|
|
375
337
|
}),
|
|
376
338
|
onClick: function onClick() {
|
|
@@ -380,11 +342,11 @@ var Card = function Card(_ref) {
|
|
|
380
342
|
className: "flex min-w-0 flex-grow items-center gap-1",
|
|
381
343
|
children: [/*#__PURE__*/jsxRuntime.jsx(constants.Drag, {
|
|
382
344
|
className: "neeto-ui-text-gray-600 flex-shrink-0"
|
|
383
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
345
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
|
|
384
346
|
content: questionLabel,
|
|
385
347
|
disabled: !isTooltipEnabled,
|
|
386
348
|
position: "top",
|
|
387
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
349
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
388
350
|
className: "line-clamp-2 min-w-0 flex-grow truncate break-words",
|
|
389
351
|
lineHeight: "snug",
|
|
390
352
|
ref: questionLabelRef,
|
|
@@ -395,7 +357,7 @@ var Card = function Card(_ref) {
|
|
|
395
357
|
})]
|
|
396
358
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
397
359
|
className: "flex items-center gap-1",
|
|
398
|
-
children: [isSmsReminderQuestion && /*#__PURE__*/jsxRuntime.jsx(
|
|
360
|
+
children: [isSmsReminderQuestion && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$g({
|
|
399
361
|
description: t("neetoForm.smsReminder.popoverDescription"),
|
|
400
362
|
popoverProps: {
|
|
401
363
|
position: "top"
|
|
@@ -404,7 +366,7 @@ var Card = function Card(_ref) {
|
|
|
404
366
|
helpLinkProps: {
|
|
405
367
|
href: smsReminderHelpDocUrl
|
|
406
368
|
}
|
|
407
|
-
})), /*#__PURE__*/jsxRuntime.jsx(
|
|
369
|
+
})), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
|
|
408
370
|
dropdownButtonProps: {
|
|
409
371
|
className: "shrink-0"
|
|
410
372
|
},
|
|
@@ -435,7 +397,7 @@ var Card = function Card(_ref) {
|
|
|
435
397
|
};
|
|
436
398
|
|
|
437
399
|
function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
438
|
-
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) {
|
|
400
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
439
401
|
var Questions = function Questions(_ref) {
|
|
440
402
|
var questions = _ref.questions,
|
|
441
403
|
isDeletable = _ref.isDeletable,
|
|
@@ -498,7 +460,7 @@ var arrayHelpers = {
|
|
|
498
460
|
};
|
|
499
461
|
|
|
500
462
|
function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
501
|
-
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) {
|
|
463
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
502
464
|
var isChoiceQuestion = function isChoiceQuestion(question) {
|
|
503
465
|
return ramda.includes(question === null || question === void 0 ? void 0 : question.kind, constants.SELECTABLE_KINDS);
|
|
504
466
|
};
|
|
@@ -534,7 +496,7 @@ var handleFieldDragEnd = function handleFieldDragEnd(_ref2) {
|
|
|
534
496
|
source = _ref2.source,
|
|
535
497
|
destination = _ref2.destination;
|
|
536
498
|
if (!(destination && items instanceof Array)) return;
|
|
537
|
-
var nextItems =
|
|
499
|
+
var nextItems = _toConsumableArray(items);
|
|
538
500
|
arrayHelpers.moveItem(nextItems, source.index, destination.index);
|
|
539
501
|
var orderedItems = nextItems.map(function (item, index) {
|
|
540
502
|
return _objectSpread$e(_objectSpread$e({}, item), {}, {
|
|
@@ -610,7 +572,7 @@ var AddFirstQuestion = function AddFirstQuestion(_ref) {
|
|
|
610
572
|
var tooltipProps = buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
|
|
611
573
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
612
574
|
className: "flex h-full flex-col items-center justify-center py-8",
|
|
613
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
575
|
+
children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
|
|
614
576
|
showTooltipWhenButtonDisabled: true,
|
|
615
577
|
className: "min-h-80",
|
|
616
578
|
title: t("neetoForm.questions.common.noData"),
|
|
@@ -634,7 +596,7 @@ var NAME = constants.QUESTION_TYPES.NAME,
|
|
|
634
596
|
FILE_UPLOAD$1 = constants.QUESTION_TYPES.FILE_UPLOAD,
|
|
635
597
|
CAPTCHA$1 = constants.QUESTION_TYPES.CAPTCHA,
|
|
636
598
|
SMS_REMINDER = constants.QUESTION_TYPES.SMS_REMINDER;
|
|
637
|
-
var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(
|
|
599
|
+
var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray(constants.SELECTABLE_KINDS), [STAR_RATING$1, RATING$1, FILE_UPLOAD$1, CAPTCHA$1, EMAIL$1]);
|
|
638
600
|
var QUESTIONS_WITH_PLACEHOLDERS = [NAME, PHONE, EMAIL$1, ADDITIONAL_GUESTS, TEXT, TEXTAREA, RICH_TEXT, INTEGER, DECIMAL, DATE, SMS_REMINDER];
|
|
639
601
|
var DEFAULT_PLACEHOLDERS = {
|
|
640
602
|
CHECKBOX: i18next.t("neetoForm.questions.common.questionFields.field.labelExample", {
|
|
@@ -655,11 +617,11 @@ var INITIAL_VALUES = {
|
|
|
655
617
|
|
|
656
618
|
var _excluded$8 = ["label", "name"];
|
|
657
619
|
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
658
|
-
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) {
|
|
620
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
659
621
|
var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
|
|
660
622
|
var label = _ref.label,
|
|
661
623
|
name = _ref.name,
|
|
662
|
-
otherProps =
|
|
624
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$8);
|
|
663
625
|
var _useFormikContext = formik.useFormikContext(),
|
|
664
626
|
dirty = _useFormikContext.dirty,
|
|
665
627
|
isValid = _useFormikContext.isValid,
|
|
@@ -674,7 +636,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
|
|
|
674
636
|
var end = element.value.length;
|
|
675
637
|
element.setSelectionRange(end, end);
|
|
676
638
|
};
|
|
677
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
639
|
+
return /*#__PURE__*/jsxRuntime.jsx(Textarea, _objectSpread$d({
|
|
678
640
|
label: label,
|
|
679
641
|
name: name,
|
|
680
642
|
className: "neeto-form-nano-adaptive-input",
|
|
@@ -698,7 +660,7 @@ var Block = function Block(_ref) {
|
|
|
698
660
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
699
661
|
className: "flex items-center justify-between",
|
|
700
662
|
"data-cy": "properties-header",
|
|
701
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
663
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
702
664
|
lineHeight: "normal",
|
|
703
665
|
style: "body1",
|
|
704
666
|
weight: "semibold",
|
|
@@ -784,7 +746,7 @@ var Editor = function Editor() {
|
|
|
784
746
|
name: fieldName,
|
|
785
747
|
validate: validateEditorContent(editorRef)
|
|
786
748
|
}),
|
|
787
|
-
_useField2 =
|
|
749
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
788
750
|
value = _useField2[0].value,
|
|
789
751
|
_useField2$ = _useField2[1],
|
|
790
752
|
touched = _useField2$.touched,
|
|
@@ -802,7 +764,7 @@ var Editor = function Editor() {
|
|
|
802
764
|
});
|
|
803
765
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
804
766
|
className: "w-full cursor-auto",
|
|
805
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
767
|
+
children: /*#__PURE__*/jsxRuntime.jsx(NeetoEditor, {
|
|
806
768
|
required: true,
|
|
807
769
|
error: touched ? error : "",
|
|
808
770
|
id: "editor",
|
|
@@ -821,7 +783,7 @@ var RequiredSwitch = reactUtils.withT(function (_ref) {
|
|
|
821
783
|
var t = _ref.t;
|
|
822
784
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
823
785
|
className: "w-full",
|
|
824
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
786
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Switch, {
|
|
825
787
|
label: t("neetoForm.common.required"),
|
|
826
788
|
name: "isRequired"
|
|
827
789
|
})
|
|
@@ -830,12 +792,12 @@ var RequiredSwitch = reactUtils.withT(function (_ref) {
|
|
|
830
792
|
|
|
831
793
|
var _excluded$7 = ["maxLength"];
|
|
832
794
|
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
833
|
-
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) {
|
|
795
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
834
796
|
var InputWithMaxLength = function InputWithMaxLength(_ref) {
|
|
835
797
|
var maxLength = _ref.maxLength,
|
|
836
|
-
props =
|
|
798
|
+
props = _objectWithoutProperties(_ref, _excluded$7);
|
|
837
799
|
var _useField = formik.useField(props),
|
|
838
|
-
_useField2 =
|
|
800
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
839
801
|
value = _useField2[0].value,
|
|
840
802
|
setValue = _useField2[2].setValue;
|
|
841
803
|
React.useEffect(function () {
|
|
@@ -844,7 +806,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
|
|
|
844
806
|
}
|
|
845
807
|
}, [value, maxLength, setValue]);
|
|
846
808
|
var shouldShowMaxLength = value && value.length > maxLength - 10;
|
|
847
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
809
|
+
return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$c(_objectSpread$c({}, props), shouldShowMaxLength && {
|
|
848
810
|
maxLength: maxLength
|
|
849
811
|
}));
|
|
850
812
|
};
|
|
@@ -853,10 +815,10 @@ var FieldCode = function FieldCode() {
|
|
|
853
815
|
var helpDocUrl = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "fieldCode"]));
|
|
854
816
|
var _useTranslation = reactI18next.useTranslation(),
|
|
855
817
|
t = _useTranslation.t;
|
|
856
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
818
|
+
return /*#__PURE__*/jsxRuntime.jsx(Accordion, {
|
|
857
819
|
className: "neeto-form-nano-advanced-properties-accordion",
|
|
858
820
|
"data-cy": "advanced-properties-card",
|
|
859
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
821
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Accordion.Item, {
|
|
860
822
|
title: t("neetoForm.common.advancedProperties"),
|
|
861
823
|
children: /*#__PURE__*/jsxRuntime.jsx(InputWithMaxLength, {
|
|
862
824
|
required: true,
|
|
@@ -865,7 +827,7 @@ var FieldCode = function FieldCode() {
|
|
|
865
827
|
helpText: helpDocUrl && /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
|
|
866
828
|
i18nKey: "neetoForm.questions.common.questionFields.field.fieldCodeHelpDescription",
|
|
867
829
|
components: {
|
|
868
|
-
Link: /*#__PURE__*/jsxRuntime.jsx(
|
|
830
|
+
Link: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
869
831
|
className: "text-xs",
|
|
870
832
|
href: helpDocUrl,
|
|
871
833
|
style: "link",
|
|
@@ -913,7 +875,7 @@ var Form$1 = function Form(_ref) {
|
|
|
913
875
|
type: kind
|
|
914
876
|
});
|
|
915
877
|
var _useStateWithDependen = reactUtils.useStateWithDependency(getQuestionKind(questionKinds, questionKindUniquenessPattern), [kind]),
|
|
916
|
-
_useStateWithDependen2 =
|
|
878
|
+
_useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 1),
|
|
917
879
|
questionKind = _useStateWithDependen2[0];
|
|
918
880
|
var _ref2 = questionKind ? getActiveKindDetails({
|
|
919
881
|
allQuestionKinds: allQuestionKinds,
|
|
@@ -955,10 +917,10 @@ var Form$1 = function Form(_ref) {
|
|
|
955
917
|
setErrors({});
|
|
956
918
|
setTouched({});
|
|
957
919
|
};
|
|
958
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
920
|
+
return /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
|
|
959
921
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
960
922
|
className: "w-full space-y-4",
|
|
961
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
923
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Select, {
|
|
962
924
|
isClearable: true,
|
|
963
925
|
isSearchable: true,
|
|
964
926
|
defaultValue: buildDefaultValueForKind(questionKind),
|
|
@@ -992,7 +954,7 @@ var Form$1 = function Form(_ref) {
|
|
|
992
954
|
}), isSettingsBlockVisible && /*#__PURE__*/jsxRuntime.jsxs(Block, {
|
|
993
955
|
dataCy: "settings-card",
|
|
994
956
|
title: t("neetoForm.common.settings"),
|
|
995
|
-
children: [!isImmutable && /*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(
|
|
957
|
+
children: [!isImmutable && /*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(Switch, {
|
|
996
958
|
label: t("neetoForm.common.hideQuestion"),
|
|
997
959
|
labelProps: hideSwitchLabelProps(hideQuestionHelpDoc),
|
|
998
960
|
name: "isHidden"
|
|
@@ -1044,7 +1006,7 @@ var formValidationSchema = yup__namespace.object().shape({
|
|
|
1044
1006
|
|
|
1045
1007
|
var _excluded$6 = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs", "isOpen"];
|
|
1046
1008
|
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1047
|
-
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) {
|
|
1009
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1048
1010
|
var Add = function Add(_ref) {
|
|
1049
1011
|
var question = _ref.question,
|
|
1050
1012
|
onClose = _ref.onClose,
|
|
@@ -1052,7 +1014,7 @@ var Add = function Add(_ref) {
|
|
|
1052
1014
|
handleSelect = _ref.handleSelect,
|
|
1053
1015
|
buildRequestArgs = _ref.buildRequestArgs,
|
|
1054
1016
|
isOpen = _ref.isOpen,
|
|
1055
|
-
props =
|
|
1017
|
+
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
1056
1018
|
var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
|
|
1057
1019
|
var _store$formState, _store$formState2;
|
|
1058
1020
|
return {
|
|
@@ -1091,13 +1053,13 @@ var Add = function Add(_ref) {
|
|
|
1091
1053
|
});
|
|
1092
1054
|
};
|
|
1093
1055
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1094
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1095
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1056
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
|
|
1057
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
1096
1058
|
"data-cy": "add-question-pane-header",
|
|
1097
1059
|
style: "h2",
|
|
1098
1060
|
children: t("neetoForm.questions.common.primaryPanel.addQuestion")
|
|
1099
1061
|
})
|
|
1100
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
1062
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Form$2, {
|
|
1101
1063
|
formikProps: {
|
|
1102
1064
|
initialValues: INITIAL_VALUES,
|
|
1103
1065
|
validationSchema: formValidationSchema,
|
|
@@ -1107,8 +1069,8 @@ var Add = function Add(_ref) {
|
|
|
1107
1069
|
children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, props), {}, {
|
|
1108
1070
|
question: question,
|
|
1109
1071
|
questions: questions
|
|
1110
|
-
}))), /*#__PURE__*/jsxRuntime.jsx(
|
|
1111
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1072
|
+
}))), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
|
|
1073
|
+
children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
|
|
1112
1074
|
cancelButtonProps: {
|
|
1113
1075
|
onClick: onClose
|
|
1114
1076
|
},
|
|
@@ -1122,12 +1084,12 @@ var Add = function Add(_ref) {
|
|
|
1122
1084
|
|
|
1123
1085
|
var _excluded$5 = ["question", "isOpen", "onClose"];
|
|
1124
1086
|
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1125
|
-
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) {
|
|
1087
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1126
1088
|
var Edit = function Edit(_ref) {
|
|
1127
1089
|
var question = _ref.question,
|
|
1128
1090
|
isOpen = _ref.isOpen,
|
|
1129
1091
|
onClose = _ref.onClose,
|
|
1130
|
-
props =
|
|
1092
|
+
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
1131
1093
|
var _useTranslation = reactI18next.useTranslation(),
|
|
1132
1094
|
t = _useTranslation.t;
|
|
1133
1095
|
var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
|
|
@@ -1161,13 +1123,13 @@ var Edit = function Edit(_ref) {
|
|
|
1161
1123
|
});
|
|
1162
1124
|
};
|
|
1163
1125
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1164
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1165
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1126
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
|
|
1127
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
1166
1128
|
"data-cy": "edit-question-pane-header",
|
|
1167
1129
|
style: "h2",
|
|
1168
1130
|
children: t("neetoForm.questions.common.editQuestion")
|
|
1169
1131
|
})
|
|
1170
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
1132
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Form$2, {
|
|
1171
1133
|
formikProps: {
|
|
1172
1134
|
initialValues: question,
|
|
1173
1135
|
validationSchema: formValidationSchema,
|
|
@@ -1178,8 +1140,8 @@ var Edit = function Edit(_ref) {
|
|
|
1178
1140
|
question: question
|
|
1179
1141
|
}, props)), {}, {
|
|
1180
1142
|
isEdit: true
|
|
1181
|
-
})), /*#__PURE__*/jsxRuntime.jsx(
|
|
1182
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1143
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
|
|
1144
|
+
children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
|
|
1183
1145
|
cancelButtonProps: {
|
|
1184
1146
|
onClick: onClose
|
|
1185
1147
|
},
|
|
@@ -1193,16 +1155,16 @@ var Edit = function Edit(_ref) {
|
|
|
1193
1155
|
|
|
1194
1156
|
var Captcha = reactUtils.withT(function (_ref) {
|
|
1195
1157
|
var t = _ref.t;
|
|
1196
|
-
return /*#__PURE__*/jsxRuntime.jsxs(
|
|
1158
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Radio, {
|
|
1197
1159
|
label: t("neetoForm.common.captchaType"),
|
|
1198
1160
|
labelProps: {
|
|
1199
1161
|
required: true
|
|
1200
1162
|
},
|
|
1201
1163
|
name: "variant",
|
|
1202
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1164
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Radio.Item, {
|
|
1203
1165
|
label: t("neetoForm.common.reCaptchaV2"),
|
|
1204
1166
|
value: constants.CAPTCHA_TYPES.RECAPTCHA_V2
|
|
1205
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
1167
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Radio.Item, {
|
|
1206
1168
|
label: t("neetoForm.common.mathCaptcha"),
|
|
1207
1169
|
value: constants.CAPTCHA_TYPES.MATH_CAPTCHA
|
|
1208
1170
|
})]
|
|
@@ -1211,21 +1173,21 @@ var Captcha = reactUtils.withT(function (_ref) {
|
|
|
1211
1173
|
|
|
1212
1174
|
var _excluded$4 = ["name", "title", "className"];
|
|
1213
1175
|
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1214
|
-
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) {
|
|
1176
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1215
1177
|
var SwitchBlock = function SwitchBlock(_ref) {
|
|
1216
1178
|
var name = _ref.name,
|
|
1217
1179
|
title = _ref.title,
|
|
1218
1180
|
_ref$className = _ref.className,
|
|
1219
1181
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
1220
|
-
otherProps =
|
|
1221
|
-
return /*#__PURE__*/jsxRuntime.jsxs(
|
|
1222
|
-
className:
|
|
1182
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$4);
|
|
1183
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Label, {
|
|
1184
|
+
className: classnames("flex items-center justify-start gap-2 ", className),
|
|
1223
1185
|
"data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title && name), "-toggle-label"),
|
|
1224
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1186
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Switch, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, otherProps), {}, {
|
|
1225
1187
|
name: name
|
|
1226
1188
|
})), {}, {
|
|
1227
1189
|
"data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title && name), "-switch")
|
|
1228
|
-
})), /*#__PURE__*/jsxRuntime.jsx(
|
|
1190
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
1229
1191
|
component: "span",
|
|
1230
1192
|
style: "body1",
|
|
1231
1193
|
children: title
|
|
@@ -1234,14 +1196,14 @@ var SwitchBlock = function SwitchBlock(_ref) {
|
|
|
1234
1196
|
};
|
|
1235
1197
|
|
|
1236
1198
|
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1237
|
-
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) {
|
|
1199
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1238
1200
|
var TitleWithHelpPopover = function TitleWithHelpPopover(_ref) {
|
|
1239
1201
|
var title = _ref.title,
|
|
1240
1202
|
description = _ref.description,
|
|
1241
1203
|
helpLink = _ref.helpLink;
|
|
1242
1204
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1243
1205
|
className: "flex gap-2",
|
|
1244
|
-
children: [title, /*#__PURE__*/jsxRuntime.jsx(
|
|
1206
|
+
children: [title, /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$8({
|
|
1245
1207
|
description: description,
|
|
1246
1208
|
popoverProps: {
|
|
1247
1209
|
position: "top"
|
|
@@ -1269,7 +1231,7 @@ var DOMAIN_RESTRICTION_TRANSLATIONS = {
|
|
|
1269
1231
|
|
|
1270
1232
|
var _excluded$3 = ["children"];
|
|
1271
1233
|
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1272
|
-
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) {
|
|
1234
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1273
1235
|
var STYLES = {
|
|
1274
1236
|
border: {
|
|
1275
1237
|
"default": "1px solid rgb(var(--neeto-ui-gray-400))",
|
|
@@ -1282,15 +1244,15 @@ var STYLES = {
|
|
|
1282
1244
|
};
|
|
1283
1245
|
var MultiValueRemove = function MultiValueRemove(props) {
|
|
1284
1246
|
return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$7(_objectSpread$7({}, props), {}, {
|
|
1285
|
-
innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {},
|
|
1286
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1247
|
+
innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(utils.hyphenize(props.data.label), "-remove-icon"))),
|
|
1248
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Close, {
|
|
1287
1249
|
size: 16
|
|
1288
1250
|
})
|
|
1289
1251
|
}));
|
|
1290
1252
|
};
|
|
1291
1253
|
var ValueContainer = function ValueContainer(_ref) {
|
|
1292
1254
|
var children = _ref.children,
|
|
1293
|
-
props =
|
|
1255
|
+
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
1294
1256
|
var _useTranslation = reactI18next.useTranslation(),
|
|
1295
1257
|
t = _useTranslation.t;
|
|
1296
1258
|
var getValue = props.getValue,
|
|
@@ -1298,13 +1260,13 @@ var ValueContainer = function ValueContainer(_ref) {
|
|
|
1298
1260
|
isFocused = _props$selectProps.isFocused,
|
|
1299
1261
|
visibleDomainsCount = _props$selectProps.visibleDomainsCount;
|
|
1300
1262
|
var value = getValue();
|
|
1301
|
-
var _children =
|
|
1263
|
+
var _children = _toArray(children),
|
|
1302
1264
|
firstChild = _children[0],
|
|
1303
1265
|
rest = _children.slice(1);
|
|
1304
1266
|
var shouldCollapse = !isFocused && value.length > visibleDomainsCount;
|
|
1305
1267
|
return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$7(_objectSpread$7({}, props), {}, {
|
|
1306
|
-
innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {},
|
|
1307
|
-
children: [shouldCollapse ? firstChild.slice(0, visibleDomainsCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(
|
|
1268
|
+
innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-domain-input-container")),
|
|
1269
|
+
children: [shouldCollapse ? firstChild.slice(0, visibleDomainsCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag, {
|
|
1308
1270
|
style: "secondary",
|
|
1309
1271
|
label: t("neetoForm.common.remainingItemsCount", {
|
|
1310
1272
|
count: value.length - visibleDomainsCount
|
|
@@ -1314,8 +1276,8 @@ var ValueContainer = function ValueContainer(_ref) {
|
|
|
1314
1276
|
};
|
|
1315
1277
|
var ClearIndicator = function ClearIndicator(props) {
|
|
1316
1278
|
return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$7(_objectSpread$7({}, props), {}, {
|
|
1317
|
-
innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {},
|
|
1318
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1279
|
+
innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
|
|
1280
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Close, {
|
|
1319
1281
|
className: "cursor-pointer",
|
|
1320
1282
|
size: 16
|
|
1321
1283
|
})
|
|
@@ -1379,7 +1341,7 @@ var formatErrorMessage = function formatErrorMessage(error) {
|
|
|
1379
1341
|
|
|
1380
1342
|
var _excluded$2 = ["label", "value", "onChange", "error", "onBlur"];
|
|
1381
1343
|
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1382
|
-
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) {
|
|
1344
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1383
1345
|
var MultiDomainInput = function MultiDomainInput(_ref) {
|
|
1384
1346
|
var _ref$label = _ref.label,
|
|
1385
1347
|
label = _ref$label === void 0 ? "" : _ref$label,
|
|
@@ -1391,13 +1353,13 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
|
|
|
1391
1353
|
error = _ref$error === void 0 ? "" : _ref$error,
|
|
1392
1354
|
_ref$onBlur = _ref.onBlur,
|
|
1393
1355
|
onBlur = _ref$onBlur === void 0 ? neetoCist.noop : _ref$onBlur,
|
|
1394
|
-
otherProps =
|
|
1356
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
1395
1357
|
var _useState = React.useState(""),
|
|
1396
|
-
_useState2 =
|
|
1358
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1397
1359
|
inputValue = _useState2[0],
|
|
1398
1360
|
setInputValue = _useState2[1];
|
|
1399
1361
|
var _useState3 = React.useState(false),
|
|
1400
|
-
_useState4 =
|
|
1362
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
1401
1363
|
isFocused = _useState4[0],
|
|
1402
1364
|
setIsFocused = _useState4[1];
|
|
1403
1365
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -1409,7 +1371,7 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
|
|
|
1409
1371
|
var inputValues = inputValue.match(DOMAIN_SEPARATION_REGEX) || [];
|
|
1410
1372
|
var domainMatches = ramda.filter(ramda.test(FLEXIBLE_DOMAIN_REGEX), inputValues);
|
|
1411
1373
|
var domains = domainMatches.map(formatDomainInputOptions);
|
|
1412
|
-
onChange(pruneDuplicates([].concat(
|
|
1374
|
+
onChange(pruneDuplicates([].concat(_toConsumableArray(value), _toConsumableArray(domains))));
|
|
1413
1375
|
setInputValue("");
|
|
1414
1376
|
};
|
|
1415
1377
|
var handleKeyDown = function handleKeyDown(event) {
|
|
@@ -1422,7 +1384,7 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
|
|
|
1422
1384
|
};
|
|
1423
1385
|
var onCreateOption = function onCreateOption(input) {
|
|
1424
1386
|
var domain = formatDomainInputOptions(input);
|
|
1425
|
-
onChange(pruneDuplicates([].concat(
|
|
1387
|
+
onChange(pruneDuplicates([].concat(_toConsumableArray(value), [domain])));
|
|
1426
1388
|
};
|
|
1427
1389
|
var handleBlur = function handleBlur(event) {
|
|
1428
1390
|
inputValue ? handleDomainChange() : onBlur(event);
|
|
@@ -1433,19 +1395,19 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
|
|
|
1433
1395
|
className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper",
|
|
1434
1396
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
1435
1397
|
className: "neeto-ui-email-input__label-wrapper",
|
|
1436
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1398
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Label, {
|
|
1437
1399
|
className: "neeto-ui-email-input__label",
|
|
1438
1400
|
"data-cy": "".concat(utils.hyphenize(label), "-input-label"),
|
|
1439
1401
|
children: label
|
|
1440
1402
|
})
|
|
1441
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
1403
|
+
}), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect, _objectSpread$6({
|
|
1442
1404
|
isMulti: true,
|
|
1443
1405
|
required: true,
|
|
1444
1406
|
classNamePrefix: "neeto-ui-react-select",
|
|
1445
1407
|
components: CUSTOM_COMPONENTS,
|
|
1446
1408
|
menuIsOpen: false,
|
|
1447
1409
|
visibleDomainsCount: 3,
|
|
1448
|
-
className:
|
|
1410
|
+
className: classnames("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
|
|
1449
1411
|
"neeto-ui-react-select__container--error": !!error
|
|
1450
1412
|
}),
|
|
1451
1413
|
styles: _objectSpread$6(_objectSpread$6({}, CUSTOM_STYLES), {}, {
|
|
@@ -1491,8 +1453,8 @@ var validateDomains = function validateDomains(value) {
|
|
|
1491
1453
|
|
|
1492
1454
|
// eslint-disable-next-line no-async-promise-executor
|
|
1493
1455
|
return new Promise(/*#__PURE__*/function () {
|
|
1494
|
-
var _ref =
|
|
1495
|
-
return
|
|
1456
|
+
var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
|
|
1457
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
1496
1458
|
while (1) switch (_context.prev = _context.next) {
|
|
1497
1459
|
case 0:
|
|
1498
1460
|
_context.prev = 0;
|
|
@@ -1527,7 +1489,7 @@ var EmailDomains = function EmailDomains(_ref) {
|
|
|
1527
1489
|
name: name,
|
|
1528
1490
|
validate: validateDomains
|
|
1529
1491
|
}),
|
|
1530
|
-
_useField2 =
|
|
1492
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
1531
1493
|
_useField2$0$value = _useField2[0].value,
|
|
1532
1494
|
domains = _useField2$0$value === void 0 ? [] : _useField2$0$value,
|
|
1533
1495
|
meta = _useField2[1],
|
|
@@ -1608,7 +1570,7 @@ var FileGroup = function FileGroup(_ref) {
|
|
|
1608
1570
|
label = _ref.label,
|
|
1609
1571
|
checked = _ref.checked,
|
|
1610
1572
|
handleAllowedFileTypesChange = _ref.handleAllowedFileTypesChange;
|
|
1611
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
1573
|
+
return /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
1612
1574
|
checked: checked,
|
|
1613
1575
|
label: label,
|
|
1614
1576
|
name: name,
|
|
@@ -1627,7 +1589,7 @@ var getAllowedFileTypes = function getAllowedFileTypes(_ref) {
|
|
|
1627
1589
|
allowedFileTypes = _ref.allowedFileTypes;
|
|
1628
1590
|
var fileTypes = buildFileTypesList(allowedFileTypes);
|
|
1629
1591
|
if (isChecked) {
|
|
1630
|
-
var fileTypesSet = new Set([].concat(
|
|
1592
|
+
var fileTypesSet = new Set([].concat(_toConsumableArray(constants.FILE_TYPES_MAP[type]), _toConsumableArray(fileTypes)));
|
|
1631
1593
|
return Array.from(fileTypesSet).join(", ");
|
|
1632
1594
|
}
|
|
1633
1595
|
var newFileTypes = ramda.difference(fileTypes, constants.FILE_TYPES_MAP[type]);
|
|
@@ -1658,14 +1620,14 @@ var FileUpload = function FileUpload() {
|
|
|
1658
1620
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1659
1621
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
1660
1622
|
className: "w-full",
|
|
1661
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1623
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Checkbox$1, {
|
|
1662
1624
|
id: "multipleFilesAllowed",
|
|
1663
1625
|
label: t("neetoForm.fileUpload.enableMultipleFilesUpload"),
|
|
1664
1626
|
name: "multipleFilesAllowed"
|
|
1665
1627
|
})
|
|
1666
1628
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1667
1629
|
className: "flex flex-col space-y-3",
|
|
1668
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1630
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
1669
1631
|
style: "body1",
|
|
1670
1632
|
weight: "semibold",
|
|
1671
1633
|
children: t("neetoForm.fileUpload.fileTypes")
|
|
@@ -1688,7 +1650,7 @@ var FileUpload = function FileUpload() {
|
|
|
1688
1650
|
};
|
|
1689
1651
|
|
|
1690
1652
|
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1691
|
-
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) {
|
|
1653
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1692
1654
|
var defaultConfig = {
|
|
1693
1655
|
strict: true,
|
|
1694
1656
|
matchKey: "value"
|
|
@@ -1725,7 +1687,7 @@ var filterOptionsByValues = function filterOptionsByValues() {
|
|
|
1725
1687
|
var destroyFromList = function destroyFromList(items, index) {
|
|
1726
1688
|
var itemToRemove = items[index];
|
|
1727
1689
|
if (itemToRemove) {
|
|
1728
|
-
var nextItems =
|
|
1690
|
+
var nextItems = _toConsumableArray(items);
|
|
1729
1691
|
nextItems.splice(index, 1);
|
|
1730
1692
|
if (itemToRemove.id) {
|
|
1731
1693
|
nextItems.push(_objectSpread$5(_objectSpread$5({}, itemToRemove), {}, {
|
|
@@ -1737,12 +1699,12 @@ var destroyFromList = function destroyFromList(items, index) {
|
|
|
1737
1699
|
return items;
|
|
1738
1700
|
};
|
|
1739
1701
|
var insertToList = function insertToList(items, item, index) {
|
|
1740
|
-
var nextItems =
|
|
1702
|
+
var nextItems = _toConsumableArray(items !== null && items !== void 0 ? items : []);
|
|
1741
1703
|
nextItems.splice(index, 0, item);
|
|
1742
1704
|
return nextItems;
|
|
1743
1705
|
};
|
|
1744
1706
|
var pushToList = function pushToList(items, item) {
|
|
1745
|
-
var nextItems =
|
|
1707
|
+
var nextItems = _toConsumableArray(items !== null && items !== void 0 ? items : []);
|
|
1746
1708
|
nextItems.push(item);
|
|
1747
1709
|
return nextItems;
|
|
1748
1710
|
};
|
|
@@ -1755,7 +1717,7 @@ var formHelpers = {
|
|
|
1755
1717
|
};
|
|
1756
1718
|
|
|
1757
1719
|
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1758
|
-
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) {
|
|
1720
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1759
1721
|
var Options = function Options(_ref) {
|
|
1760
1722
|
var questionProps = _ref.questionProps;
|
|
1761
1723
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -1768,7 +1730,7 @@ var Options = function Options(_ref) {
|
|
|
1768
1730
|
}, shallow.shallow),
|
|
1769
1731
|
selectedLanguage = _useBuildFormStore.selectedLanguage;
|
|
1770
1732
|
var _useField = formik.useField("optionsAttributes"),
|
|
1771
|
-
_useField2 =
|
|
1733
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
1772
1734
|
optionsAttributes = _useField2[0].value;
|
|
1773
1735
|
_useField2[1];
|
|
1774
1736
|
var setOptionsAttributes = _useField2[2].setValue;
|
|
@@ -1795,7 +1757,7 @@ var Options = function Options(_ref) {
|
|
|
1795
1757
|
children: function children(_ref3) {
|
|
1796
1758
|
var handlePush = _ref3.handlePush;
|
|
1797
1759
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1798
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1760
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$4(_objectSpread$4({
|
|
1799
1761
|
className: "mb-1 block"
|
|
1800
1762
|
}, optionLabelProps), {}, {
|
|
1801
1763
|
children: t("neetoForm.questions.common.questionFields.field.options")
|
|
@@ -1813,12 +1775,12 @@ var Options = function Options(_ref) {
|
|
|
1813
1775
|
placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
|
|
1814
1776
|
number: index + 1
|
|
1815
1777
|
})
|
|
1816
|
-
}), !isRemoveOptionDisabled && /*#__PURE__*/jsxRuntime.jsx(
|
|
1778
|
+
}), !isRemoveOptionDisabled && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
1817
1779
|
"data-cy": "neeto-form-engine-delete-option-button",
|
|
1818
|
-
icon:
|
|
1780
|
+
icon: Delete,
|
|
1819
1781
|
size: "small",
|
|
1820
1782
|
style: "text",
|
|
1821
|
-
className:
|
|
1783
|
+
className: classnames({
|
|
1822
1784
|
invisible: index < constants.MINIMUM_OPTIONS
|
|
1823
1785
|
}),
|
|
1824
1786
|
tooltipProps: {
|
|
@@ -1833,9 +1795,9 @@ var Options = function Options(_ref) {
|
|
|
1833
1795
|
})
|
|
1834
1796
|
}), !isAddOptionDisabled && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
1835
1797
|
className: "mt-3 w-full",
|
|
1836
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1798
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
1837
1799
|
"data-cy": "neeto-form-engine-add-option-button",
|
|
1838
|
-
icon:
|
|
1800
|
+
icon: Plus,
|
|
1839
1801
|
iconPosition: "left",
|
|
1840
1802
|
size: "small",
|
|
1841
1803
|
style: "text",
|
|
@@ -1890,14 +1852,14 @@ var StarRating = function StarRating() {
|
|
|
1890
1852
|
var _useFormikContext = formik.useFormikContext(),
|
|
1891
1853
|
setFieldValue = _useFormikContext.setFieldValue;
|
|
1892
1854
|
var _useField = formik.useField("iconType"),
|
|
1893
|
-
_useField2 =
|
|
1855
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
1894
1856
|
iconType = _useField2[0].value;
|
|
1895
1857
|
_useField2[1];
|
|
1896
1858
|
var setIconType = _useField2[2].setValue;
|
|
1897
1859
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1898
1860
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1899
1861
|
className: "flex space-x-4",
|
|
1900
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1862
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Select, {
|
|
1901
1863
|
className: "w-1/2",
|
|
1902
1864
|
"data-cy": "neeto-form-engine-star-rating-min-value",
|
|
1903
1865
|
label: t("neetoForm.common.start"),
|
|
@@ -1906,7 +1868,7 @@ var StarRating = function StarRating() {
|
|
|
1906
1868
|
onChange: function onChange(option) {
|
|
1907
1869
|
return setFieldValue("minValue", option === null || option === void 0 ? void 0 : option.value);
|
|
1908
1870
|
}
|
|
1909
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
1871
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Select, {
|
|
1910
1872
|
className: "w-1/2",
|
|
1911
1873
|
"data-cy": "neeto-form-engine-star-rating-max-value",
|
|
1912
1874
|
label: t("neetoForm.common.end"),
|
|
@@ -1916,18 +1878,18 @@ var StarRating = function StarRating() {
|
|
|
1916
1878
|
return setFieldValue("maxValue", option === null || option === void 0 ? void 0 : option.value);
|
|
1917
1879
|
}
|
|
1918
1880
|
})]
|
|
1919
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
1881
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Label, {
|
|
1920
1882
|
children: t("neetoForm.common.shape")
|
|
1921
1883
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
1922
1884
|
className: "flex gap-2",
|
|
1923
1885
|
children: Object.entries(constants.STAR_RATING_ICONS_MAP).map(function (_ref) {
|
|
1924
|
-
var _ref2 =
|
|
1886
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
1925
1887
|
name = _ref2[0],
|
|
1926
1888
|
IconType = _ref2[1];
|
|
1927
1889
|
var isActive = name === iconType;
|
|
1928
1890
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
1929
1891
|
"data-cy": "neeto-form-engine-rating-icon-".concat(name),
|
|
1930
|
-
className:
|
|
1892
|
+
className: classnames("flex h-10 w-10 items-center justify-center gap-2", "neeto-ui-border-gray-800 neeto-ui-rounded-full cursor-pointer border", "transition-all duration-300 ease-in-out", {
|
|
1931
1893
|
"neeto-ui-text-gray-800 neeto-ui-bg-gray-200": !isActive,
|
|
1932
1894
|
"neeto-ui-text-white neeto-ui-bg-gray-800": isActive
|
|
1933
1895
|
}),
|
|
@@ -2025,17 +1987,17 @@ var hideSwitchLabelProps = function hideSwitchLabelProps(helpUrl) {
|
|
|
2025
1987
|
|
|
2026
1988
|
var _excluded$1 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds"];
|
|
2027
1989
|
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2028
|
-
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) {
|
|
1990
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2029
1991
|
var ManageQuestionPane = function ManageQuestionPane(_ref) {
|
|
2030
1992
|
var isOpen = _ref.isOpen,
|
|
2031
1993
|
onClose = _ref.onClose,
|
|
2032
1994
|
action = _ref.action,
|
|
2033
1995
|
question = _ref.question,
|
|
2034
1996
|
availableQuestionKinds = _ref.availableQuestionKinds,
|
|
2035
|
-
props =
|
|
1997
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
2036
1998
|
var initialFocusRef = React.useRef(null);
|
|
2037
1999
|
var Component = resolveActionComponent(action);
|
|
2038
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
2000
|
+
return /*#__PURE__*/jsxRuntime.jsx(Pane, {
|
|
2039
2001
|
initialFocusRef: initialFocusRef,
|
|
2040
2002
|
isOpen: isOpen,
|
|
2041
2003
|
onClose: onClose,
|
|
@@ -2050,22 +2012,22 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
|
|
|
2050
2012
|
};
|
|
2051
2013
|
|
|
2052
2014
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2053
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) {
|
|
2015
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2054
2016
|
var AddQuestion = function AddQuestion(_ref) {
|
|
2055
2017
|
var onAdd = _ref.onAdd,
|
|
2056
2018
|
disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
|
|
2057
2019
|
isDisabled = _ref.isDisabled;
|
|
2058
2020
|
var tooltipProps = buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
|
|
2059
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
2021
|
+
return /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread$2(_objectSpread$2({}, tooltipProps), {}, {
|
|
2060
2022
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
2061
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
2023
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$2({}, buildAddQuestionButtonProps(onAdd, isDisabled)))
|
|
2062
2024
|
})
|
|
2063
2025
|
}));
|
|
2064
2026
|
};
|
|
2065
2027
|
|
|
2066
2028
|
var _excluded = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "buildRequestArgs", "enableDomainBlacklisting", "enableDomainWhitelisting", "helpDocUrls"];
|
|
2067
2029
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2068
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
|
|
2030
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2069
2031
|
var Form = function Form(_ref) {
|
|
2070
2032
|
var questionKinds = _ref.questionKinds,
|
|
2071
2033
|
onValueChange = _ref.onValueChange,
|
|
@@ -2094,25 +2056,25 @@ var Form = function Form(_ref) {
|
|
|
2094
2056
|
enableDomainBlacklisting = _ref.enableDomainBlacklisting,
|
|
2095
2057
|
enableDomainWhitelisting = _ref.enableDomainWhitelisting,
|
|
2096
2058
|
helpDocUrls = _ref.helpDocUrls,
|
|
2097
|
-
formDomProps =
|
|
2059
|
+
formDomProps = _objectWithoutProperties(_ref, _excluded);
|
|
2098
2060
|
var containerRef = React.useRef();
|
|
2099
2061
|
var _useTranslation = reactI18next.useTranslation(),
|
|
2100
2062
|
t = _useTranslation.t;
|
|
2101
2063
|
var formikContext = formik.useFormikContext();
|
|
2102
2064
|
var _useState = React.useState(null),
|
|
2103
|
-
_useState2 =
|
|
2065
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2104
2066
|
selectedQuestion = _useState2[0],
|
|
2105
2067
|
setSelectedQuestion = _useState2[1];
|
|
2106
2068
|
var _useState3 = React.useState(""),
|
|
2107
|
-
_useState4 =
|
|
2069
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
2108
2070
|
selectedAction = _useState4[0],
|
|
2109
2071
|
setSelectedAction = _useState4[1];
|
|
2110
2072
|
var _useState5 = React.useState(false),
|
|
2111
|
-
_useState6 =
|
|
2073
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
2112
2074
|
isDeleteAlertOpen = _useState6[0],
|
|
2113
2075
|
setIsDeleteAlertOpen = _useState6[1];
|
|
2114
2076
|
var _useState7 = React.useState(false),
|
|
2115
|
-
_useState8 =
|
|
2077
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
2116
2078
|
isManageQuestionPaneOpen = _useState8[0],
|
|
2117
2079
|
setIsManageQuestionPaneOpen = _useState8[1];
|
|
2118
2080
|
var values = formikContext.values,
|
|
@@ -2276,7 +2238,7 @@ var Form = function Form(_ref) {
|
|
|
2276
2238
|
})
|
|
2277
2239
|
}), (showActionBlock || dirty) && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
2278
2240
|
className: "sticky bottom-0 flex justify-end flex-shrink-0 px-6 py-4 border-t neeto-ui-border-gray-300 neeto-form-nano-form-wrapper__footer neeto-ui-bg-white",
|
|
2279
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
2241
|
+
children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
|
|
2280
2242
|
submitButtonProps: submitButtonProps,
|
|
2281
2243
|
isSubmitting: isReordering,
|
|
2282
2244
|
cancelButtonProps: _objectSpread$1({
|
|
@@ -2307,7 +2269,7 @@ var Form = function Form(_ref) {
|
|
|
2307
2269
|
};
|
|
2308
2270
|
|
|
2309
2271
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2310
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
2272
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2311
2273
|
var BuildForm = function BuildForm(_ref) {
|
|
2312
2274
|
var id = _ref.id,
|
|
2313
2275
|
onUpdate = _ref.onUpdate,
|
|
@@ -2382,7 +2344,7 @@ var BuildForm = function BuildForm(_ref) {
|
|
|
2382
2344
|
if (isLoading || showLoader && isQuestionsLoading && !isQuestionsPending) {
|
|
2383
2345
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
2384
2346
|
className: "flex h-full w-full items-center justify-center py-6",
|
|
2385
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
2347
|
+
children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
|
|
2386
2348
|
});
|
|
2387
2349
|
}
|
|
2388
2350
|
var handleSubmit = function handleSubmit(_ref3, _ref4) {
|
|
@@ -2420,7 +2382,7 @@ var BuildForm = function BuildForm(_ref) {
|
|
|
2420
2382
|
type: constants$1.QUESTION_KIND.ADDITIONAL_GUESTS.value
|
|
2421
2383
|
}, constants.QUESTION_KINDS);
|
|
2422
2384
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
2423
|
-
className:
|
|
2385
|
+
className: classnames("neeto-form-nano-form-outer-wrapper relative", className),
|
|
2424
2386
|
children: [/*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
|
|
2425
2387
|
enableReinitialize: true,
|
|
2426
2388
|
initialValues: {
|
|
@@ -2468,7 +2430,7 @@ var BuildForm = function BuildForm(_ref) {
|
|
|
2468
2430
|
}
|
|
2469
2431
|
}), isQuestionsLoading && !isQuestionsPending && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
2470
2432
|
className: "neeto-ui-bg-white absolute inset-0 flex items-center justify-center",
|
|
2471
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
2433
|
+
children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
|
|
2472
2434
|
})]
|
|
2473
2435
|
});
|
|
2474
2436
|
};
|