@bigbinary/neeto-form-frontend 4.3.0 → 4.4.0
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/app/javascript/src/translations/en.json +39 -3
- package/dist/BuildForm.js +480 -86
- package/dist/BuildForm.js.map +1 -1
- package/dist/ExternalForm.js +7 -7
- package/dist/Submission.js +32 -1
- package/dist/Submission.js.map +1 -1
- package/dist/UrlBuilder.js +8 -8
- package/dist/UrlBuilder.js.map +1 -1
- package/dist/{buildForm-vzjjarhs.js → buildForm-Bdc3ubm4.js} +2 -2
- package/dist/{buildForm-vzjjarhs.js.map → buildForm-Bdc3ubm4.js.map} +1 -1
- package/dist/{buildForm-DA1LRDwr.js → buildForm-CkVmGF-A.js} +2 -2
- package/dist/{buildForm-DA1LRDwr.js.map → buildForm-CkVmGF-A.js.map} +1 -1
- package/dist/cjs/BuildForm.js +552 -158
- package/dist/cjs/BuildForm.js.map +1 -1
- package/dist/cjs/ExternalForm.js +21 -21
- package/dist/cjs/ExternalForm.js.map +1 -1
- package/dist/cjs/Submission.js +32 -1
- package/dist/cjs/Submission.js.map +1 -1
- package/dist/cjs/UrlBuilder.js +19 -19
- package/dist/cjs/UrlBuilder.js.map +1 -1
- package/dist/cjs/hooks.js +4 -4
- package/dist/cjs/index.js +11 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/{constants-B_OEW8Yc.js → constants-30230o5k.js} +3 -2
- package/dist/constants-30230o5k.js.map +1 -0
- package/dist/{constants-DcN-Mvx7.js → constants-DNNZYQ9X.js} +3 -2
- package/dist/constants-DNNZYQ9X.js.map +1 -0
- package/dist/hooks.js +4 -4
- package/dist/{index-DGvqFcqA.js → index-BfavwyMH.js} +2 -2
- package/dist/{index-DGvqFcqA.js.map → index-BfavwyMH.js.map} +1 -1
- package/dist/{index-BQf-XQOv.js → index-Dz5Yvk3n.js} +2 -2
- package/dist/{index-BQf-XQOv.js.map → index-Dz5Yvk3n.js.map} +1 -1
- package/dist/index.js +11 -10
- package/dist/index.js.map +1 -1
- package/dist/main.css +1 -1
- package/dist/main.css.map +1 -1
- package/dist/{useFormSubmission-C7RL4Doz.js → useFormSubmission-CdKlP6De.js} +2 -2
- package/dist/{useFormSubmission-C7RL4Doz.js.map → useFormSubmission-CdKlP6De.js.map} +1 -1
- package/dist/{useFormSubmission-CzjIcsVB.js → useFormSubmission-zyh3tA0H.js} +2 -2
- package/dist/{useFormSubmission-CzjIcsVB.js.map → useFormSubmission-zyh3tA0H.js.map} +1 -1
- package/dist/{utils-BgH6USlj.js → utils-CDyve_0y.js} +147 -61
- package/dist/utils-CDyve_0y.js.map +1 -0
- package/dist/{utils-CjySOwOO.js → utils-DfujkkDT.js} +198 -112
- package/dist/utils-DfujkkDT.js.map +1 -0
- package/dist/{constants-BEKfDeAd.js → yup-DcJey7xZ.js} +99 -4
- package/dist/yup-DcJey7xZ.js.map +1 -0
- package/dist/{constants-Dcy0vCkf.js → yup-SHH_PrTm.js} +92 -6
- package/dist/yup-SHH_PrTm.js.map +1 -0
- package/package.json +3 -1
- package/dist/constants-BEKfDeAd.js.map +0 -1
- package/dist/constants-B_OEW8Yc.js.map +0 -1
- package/dist/constants-DcN-Mvx7.js.map +0 -1
- package/dist/constants-Dcy0vCkf.js.map +0 -1
- package/dist/utils-BgH6USlj.js.map +0 -1
- package/dist/utils-CjySOwOO.js.map +0 -1
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var formik = require('formik');
|
|
5
5
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-Dz5Yvk3n.js');
|
|
7
7
|
var utils = require('@bigbinary/neeto-commons-frontend/utils');
|
|
8
8
|
var libphonenumberJs = require('libphonenumber-js');
|
|
9
9
|
var ramda = require('ramda');
|
|
10
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
11
|
var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
|
|
12
|
-
var constants
|
|
12
|
+
var constants = require('./constants-DNNZYQ9X.js');
|
|
13
13
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
14
14
|
var Plus = require('@bigbinary/neeto-icons/Plus');
|
|
15
15
|
var Button = require('@bigbinary/neetoui/Button');
|
|
@@ -20,15 +20,16 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
20
20
|
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
21
21
|
var utils$1 = require('@bigbinary/neeto-editor/utils');
|
|
22
22
|
var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
|
|
23
|
-
var yup = require('yup');
|
|
24
23
|
var i18next = require('i18next');
|
|
25
24
|
var jsxRuntime = require('react/jsx-runtime');
|
|
25
|
+
var yup = require('./yup-DcJey7xZ.js');
|
|
26
26
|
var _toArray = require('@babel/runtime/helpers/toArray');
|
|
27
|
-
var
|
|
27
|
+
var yup$1 = require('yup');
|
|
28
28
|
var classnames = require('classnames');
|
|
29
|
+
var Select = require('@bigbinary/neetoui/Select');
|
|
30
|
+
var Input = require('@bigbinary/neetoui/Input');
|
|
29
31
|
var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
30
32
|
var Refresh = require('@bigbinary/neeto-icons/Refresh');
|
|
31
|
-
var Input = require('@bigbinary/neetoui/Input');
|
|
32
33
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
33
34
|
var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
|
|
34
35
|
var ReCAPTCHA = require('react-google-recaptcha');
|
|
@@ -42,7 +43,6 @@ var Spinner = require('@bigbinary/neetoui/Spinner');
|
|
|
42
43
|
var NeetoUICallout = require('@bigbinary/neetoui/Callout');
|
|
43
44
|
var FileUpload = require('@bigbinary/neeto-molecules/FileUpload');
|
|
44
45
|
var Label = require('@bigbinary/neetoui/Label');
|
|
45
|
-
var Select = require('@bigbinary/neetoui/Select');
|
|
46
46
|
var Radio = require('@bigbinary/neetoui/Radio');
|
|
47
47
|
var Image = require('@bigbinary/neeto-icons/Image');
|
|
48
48
|
var NeetoEditor = require('@bigbinary/neeto-editor/Editor');
|
|
@@ -65,7 +65,7 @@ function _interopNamespaceDefault(e) {
|
|
|
65
65
|
return Object.freeze(n);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
|
|
68
|
+
var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup$1);
|
|
69
69
|
|
|
70
70
|
var clientI18nInstance = i18next.cloneInstance();
|
|
71
71
|
|
|
@@ -247,8 +247,8 @@ var getInvalidTypeError = function getInvalidTypeError(label, type) {
|
|
|
247
247
|
});
|
|
248
248
|
};
|
|
249
249
|
|
|
250
|
-
function ownKeys$
|
|
251
|
-
function _objectSpread$
|
|
250
|
+
function ownKeys$i(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; }
|
|
251
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
252
252
|
var resolveQueryParamValue = ramda.when(ramda.is(Array), ramda.last);
|
|
253
253
|
var toEmailValues = function toEmailValues() {
|
|
254
254
|
var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
@@ -264,7 +264,7 @@ var getPhoneNumberFromUrl = function getPhoneNumberFromUrl(fieldCodes, fieldCode
|
|
|
264
264
|
var _resolveQueryParamVal;
|
|
265
265
|
var countryCode = resolveQueryParamValue(fieldCodes["".concat(fieldCode, ".country")]);
|
|
266
266
|
var phoneNumber = resolveQueryParamValue(fieldCodes["".concat(fieldCode, ".number")]);
|
|
267
|
-
var phoneNumberWithCountryCode = (_resolveQueryParamVal = resolveQueryParamValue(fieldCodes[fieldCode])) === null || _resolveQueryParamVal === void 0 ? void 0 : _resolveQueryParamVal.replace(
|
|
267
|
+
var phoneNumberWithCountryCode = (_resolveQueryParamVal = resolveQueryParamValue(fieldCodes[fieldCode])) === null || _resolveQueryParamVal === void 0 ? void 0 : _resolveQueryParamVal.replace(yup.PARENTHESES_REGEX, "");
|
|
268
268
|
if (phoneNumberWithCountryCode) return phoneNumberWithCountryCode;
|
|
269
269
|
if (!countryCode || !phoneNumber) return undefined;
|
|
270
270
|
var formattedValue = getPhoneData(phoneNumber, countryCode);
|
|
@@ -311,7 +311,7 @@ var getAdditionalGuestsFromUrl = function getAdditionalGuestsFromUrl(_ref4) {
|
|
|
311
311
|
return {
|
|
312
312
|
label: email.trim(),
|
|
313
313
|
value: email.trim(),
|
|
314
|
-
valid:
|
|
314
|
+
valid: yup.EMAIL_REGEX.test(email.trim())
|
|
315
315
|
};
|
|
316
316
|
});
|
|
317
317
|
};
|
|
@@ -319,7 +319,7 @@ var getRatingFromUrl = function getRatingFromUrl(_ref5) {
|
|
|
319
319
|
var fieldCodes = _ref5.fieldCodes,
|
|
320
320
|
fieldCode = _ref5.fieldCode;
|
|
321
321
|
var fieldCodeValue = resolveQueryParamValue(fieldCodes[fieldCode]);
|
|
322
|
-
var allowedValues = Object.values(
|
|
322
|
+
var allowedValues = Object.values(yup.RATING_VALUES).map(ramda.prop("value"));
|
|
323
323
|
return allowedValues.includes(fieldCodeValue) ? fieldCodeValue : "";
|
|
324
324
|
};
|
|
325
325
|
var getNumberFromUrl = function getNumberFromUrl(_ref6) {
|
|
@@ -327,7 +327,7 @@ var getNumberFromUrl = function getNumberFromUrl(_ref6) {
|
|
|
327
327
|
fieldCode = _ref6.fieldCode,
|
|
328
328
|
kind = _ref6.kind;
|
|
329
329
|
var fieldCodeValue = resolveQueryParamValue(fieldCodes[fieldCode]);
|
|
330
|
-
var parsedValue = kind ===
|
|
330
|
+
var parsedValue = kind === yup.QUESTION_KIND.INTEGER.value ? parseInt(fieldCodeValue) : parseFloat(fieldCodeValue);
|
|
331
331
|
return parsedValue || "";
|
|
332
332
|
};
|
|
333
333
|
var getNameFromUrl = function getNameFromUrl(_ref7, fieldCodes) {
|
|
@@ -363,7 +363,7 @@ var getNameFromUrl = function getNameFromUrl(_ref7, fieldCodes) {
|
|
|
363
363
|
var buildEmailVerificationEntries = function buildEmailVerificationEntries() {
|
|
364
364
|
var questions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
365
365
|
var emailQuestionsRequiringVerification = neetoCist.filterBy({
|
|
366
|
-
kind: constants
|
|
366
|
+
kind: constants.QUESTION_TYPES.EMAIL,
|
|
367
367
|
isVerificationEnabled: true
|
|
368
368
|
}, questions);
|
|
369
369
|
var fieldNames = ramda.map(function (_ref8) {
|
|
@@ -387,7 +387,7 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
387
387
|
var valuesMap = {};
|
|
388
388
|
if (initialValues) {
|
|
389
389
|
valuesMap = initialValues.reduce(function (acc, answer) {
|
|
390
|
-
return _objectSpread$
|
|
390
|
+
return _objectSpread$i(_objectSpread$i({}, acc), {}, _defineProperty({}, answer.questionId, {
|
|
391
391
|
value: answer.value,
|
|
392
392
|
optionIds: answer.optionIds
|
|
393
393
|
}));
|
|
@@ -399,15 +399,16 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
399
399
|
optionsAttributes = question.optionsAttributes,
|
|
400
400
|
fieldCode = question.fieldCode,
|
|
401
401
|
minValue = question.minValue,
|
|
402
|
-
maxValue = question.maxValue
|
|
402
|
+
maxValue = question.maxValue,
|
|
403
|
+
fields = question.fields;
|
|
403
404
|
switch (kind) {
|
|
404
|
-
case
|
|
405
|
+
case yup.QUESTION_KIND.CONDITION.value:
|
|
405
406
|
{
|
|
406
407
|
var _valuesMap$id$value, _valuesMap;
|
|
407
408
|
initValues[id] = (_valuesMap$id$value = (_valuesMap = valuesMap) === null || _valuesMap === void 0 || (_valuesMap = _valuesMap[id]) === null || _valuesMap === void 0 ? void 0 : _valuesMap.value) !== null && _valuesMap$id$value !== void 0 ? _valuesMap$id$value : false;
|
|
408
409
|
return;
|
|
409
410
|
}
|
|
410
|
-
case
|
|
411
|
+
case yup.QUESTION_KIND.ADDITIONAL_GUESTS.value:
|
|
411
412
|
{
|
|
412
413
|
var _valuesMap2;
|
|
413
414
|
var emailsFromSubmission = toEmailValues((_valuesMap2 = valuesMap) === null || _valuesMap2 === void 0 || (_valuesMap2 = _valuesMap2[id]) === null || _valuesMap2 === void 0 ? void 0 : _valuesMap2.value);
|
|
@@ -417,7 +418,7 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
417
418
|
});
|
|
418
419
|
return;
|
|
419
420
|
}
|
|
420
|
-
case
|
|
421
|
+
case yup.QUESTION_KIND.CHECKBOX.value:
|
|
421
422
|
{
|
|
422
423
|
var _valuesMap$id;
|
|
423
424
|
initValues[id] = (_valuesMap$id = valuesMap[id]) !== null && _valuesMap$id !== void 0 && (_valuesMap$id = _valuesMap$id.optionIds) !== null && _valuesMap$id !== void 0 && _valuesMap$id.length ? optionsAttributes.map(function (option) {
|
|
@@ -430,8 +431,8 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
430
431
|
});
|
|
431
432
|
return;
|
|
432
433
|
}
|
|
433
|
-
case
|
|
434
|
-
case
|
|
434
|
+
case yup.QUESTION_KIND.RADIO.value:
|
|
435
|
+
case yup.QUESTION_KIND.DROPDOWN.value:
|
|
435
436
|
{
|
|
436
437
|
var _optionsAttributes$fi;
|
|
437
438
|
initValues[id] = ((_optionsAttributes$fi = optionsAttributes.find(function (option) {
|
|
@@ -444,8 +445,8 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
444
445
|
});
|
|
445
446
|
return;
|
|
446
447
|
}
|
|
447
|
-
case
|
|
448
|
-
case
|
|
448
|
+
case yup.QUESTION_KIND.INTEGER.value:
|
|
449
|
+
case yup.QUESTION_KIND.DECIMAL.value:
|
|
449
450
|
{
|
|
450
451
|
var _valuesMap3;
|
|
451
452
|
initValues[id] = ((_valuesMap3 = valuesMap) === null || _valuesMap3 === void 0 || (_valuesMap3 = _valuesMap3[id]) === null || _valuesMap3 === void 0 ? void 0 : _valuesMap3.value) || getNumberFromUrl({
|
|
@@ -455,7 +456,7 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
455
456
|
});
|
|
456
457
|
return;
|
|
457
458
|
}
|
|
458
|
-
case
|
|
459
|
+
case yup.QUESTION_KIND.RATING.value:
|
|
459
460
|
{
|
|
460
461
|
var _valuesMap4;
|
|
461
462
|
initValues[id] = ((_valuesMap4 = valuesMap) === null || _valuesMap4 === void 0 || (_valuesMap4 = _valuesMap4[id]) === null || _valuesMap4 === void 0 ? void 0 : _valuesMap4.value) || getRatingFromUrl({
|
|
@@ -464,12 +465,12 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
464
465
|
});
|
|
465
466
|
return;
|
|
466
467
|
}
|
|
467
|
-
case
|
|
468
|
+
case yup.QUESTION_KIND.TERMS.value:
|
|
468
469
|
{
|
|
469
470
|
initValues[id] = false;
|
|
470
471
|
return;
|
|
471
472
|
}
|
|
472
|
-
case
|
|
473
|
+
case yup.QUESTION_KIND.FILE_UPLOAD.value:
|
|
473
474
|
{
|
|
474
475
|
var _valuesMap$id$value2, _valuesMap5;
|
|
475
476
|
initValues[id] = {
|
|
@@ -477,15 +478,15 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
477
478
|
};
|
|
478
479
|
return;
|
|
479
480
|
}
|
|
480
|
-
case
|
|
481
|
-
case
|
|
481
|
+
case yup.QUESTION_KIND.PHONE.value:
|
|
482
|
+
case yup.QUESTION_KIND.SMS_REMINDER.value:
|
|
482
483
|
{
|
|
483
484
|
var _valuesMap$id$value3, _valuesMap6;
|
|
484
485
|
initValues[id] = (_valuesMap$id$value3 = (_valuesMap6 = valuesMap) === null || _valuesMap6 === void 0 || (_valuesMap6 = _valuesMap6[id]) === null || _valuesMap6 === void 0 ? void 0 : _valuesMap6.value) !== null && _valuesMap$id$value3 !== void 0 ? _valuesMap$id$value3 : getPhoneNumberFromUrl(fieldCodes, fieldCode);
|
|
485
486
|
return;
|
|
486
487
|
}
|
|
487
|
-
case
|
|
488
|
-
case
|
|
488
|
+
case yup.QUESTION_KIND.STAR_RATING.value:
|
|
489
|
+
case yup.QUESTION_KIND.OPINION_SCALE.value:
|
|
489
490
|
{
|
|
490
491
|
var _valuesMap$id$value4, _valuesMap7;
|
|
491
492
|
initValues[id] = (_valuesMap$id$value4 = (_valuesMap7 = valuesMap) === null || _valuesMap7 === void 0 || (_valuesMap7 = _valuesMap7[id]) === null || _valuesMap7 === void 0 ? void 0 : _valuesMap7.value) !== null && _valuesMap$id$value4 !== void 0 ? _valuesMap$id$value4 : getStarRatingOrOpinionScaleFromUrl({
|
|
@@ -496,16 +497,25 @@ var generateInitValues = function generateInitValues(_ref9) {
|
|
|
496
497
|
});
|
|
497
498
|
return;
|
|
498
499
|
}
|
|
499
|
-
case
|
|
500
|
+
case yup.QUESTION_KIND.NAME.value:
|
|
500
501
|
{
|
|
501
502
|
var _valuesMap$id$value5, _valuesMap8;
|
|
502
503
|
initValues[id] = (_valuesMap$id$value5 = (_valuesMap8 = valuesMap) === null || _valuesMap8 === void 0 || (_valuesMap8 = _valuesMap8[id]) === null || _valuesMap8 === void 0 ? void 0 : _valuesMap8.value) !== null && _valuesMap$id$value5 !== void 0 ? _valuesMap$id$value5 : getNameFromUrl(question, fieldCodes);
|
|
503
504
|
return;
|
|
504
505
|
}
|
|
505
|
-
|
|
506
|
+
case yup.QUESTION_KIND.ADDRESS.value:
|
|
506
507
|
{
|
|
507
508
|
var _valuesMap$id$value6, _valuesMap9;
|
|
508
|
-
initValues[id] = (_valuesMap$id$value6 = (_valuesMap9 = valuesMap) === null || _valuesMap9 === void 0 || (_valuesMap9 = _valuesMap9[id]) === null || _valuesMap9 === void 0 ? void 0 : _valuesMap9.value) !== null && _valuesMap$id$value6 !== void 0 ? _valuesMap$id$value6 :
|
|
509
|
+
initValues[id] = (_valuesMap$id$value6 = (_valuesMap9 = valuesMap) === null || _valuesMap9 === void 0 || (_valuesMap9 = _valuesMap9[id]) === null || _valuesMap9 === void 0 ? void 0 : _valuesMap9.value) !== null && _valuesMap$id$value6 !== void 0 ? _valuesMap$id$value6 : fields.reduce(function (values, field) {
|
|
510
|
+
values[field.id] = "";
|
|
511
|
+
return values;
|
|
512
|
+
}, {});
|
|
513
|
+
return;
|
|
514
|
+
}
|
|
515
|
+
default:
|
|
516
|
+
{
|
|
517
|
+
var _valuesMap$id$value7, _valuesMap10;
|
|
518
|
+
initValues[id] = (_valuesMap$id$value7 = (_valuesMap10 = valuesMap) === null || _valuesMap10 === void 0 || (_valuesMap10 = _valuesMap10[id]) === null || _valuesMap10 === void 0 ? void 0 : _valuesMap10.value) !== null && _valuesMap$id$value7 !== void 0 ? _valuesMap$id$value7 : resolveQueryParamValue(fieldCodes[fieldCode] || "");
|
|
509
519
|
return;
|
|
510
520
|
}
|
|
511
521
|
}
|
|
@@ -519,9 +529,9 @@ var generateFormResponse = function generateFormResponse(response, questions) {
|
|
|
519
529
|
var id = question.id,
|
|
520
530
|
kind = question.kind,
|
|
521
531
|
optionsAttributes = question.optionsAttributes;
|
|
522
|
-
if (!
|
|
532
|
+
if (!yup.SCHEMA_LESS_QUESTION_KINDS.includes(kind)) {
|
|
523
533
|
var responseValue = response[id];
|
|
524
|
-
if (kind ===
|
|
534
|
+
if (kind === yup.QUESTION_KIND.RADIO.value || kind === yup.QUESTION_KIND.DROPDOWN.value) {
|
|
525
535
|
var option = neetoCist.findById(responseValue, optionsAttributes);
|
|
526
536
|
if (option) {
|
|
527
537
|
formResponse.push({
|
|
@@ -531,7 +541,7 @@ var generateFormResponse = function generateFormResponse(response, questions) {
|
|
|
531
541
|
kind: kind
|
|
532
542
|
});
|
|
533
543
|
}
|
|
534
|
-
} else if (kind ===
|
|
544
|
+
} else if (kind === yup.QUESTION_KIND.CHECKBOX.value) {
|
|
535
545
|
responseValue.forEach(function (isChecked, index) {
|
|
536
546
|
if (!isChecked) return;
|
|
537
547
|
var option = optionsAttributes[index];
|
|
@@ -548,19 +558,19 @@ var generateFormResponse = function generateFormResponse(response, questions) {
|
|
|
548
558
|
value: responseValue ? libphonenumberJs.parsePhoneNumber(responseValue).formatInternational() : "",
|
|
549
559
|
kind: kind
|
|
550
560
|
});
|
|
551
|
-
} else if (kind ===
|
|
561
|
+
} else if (kind === yup.QUESTION_KIND.ADDITIONAL_GUESTS.value) {
|
|
552
562
|
formResponse.push({
|
|
553
563
|
questionId: id,
|
|
554
564
|
value: responseValue ? ramda.pluck("value", responseValue) : null,
|
|
555
565
|
kind: kind
|
|
556
566
|
});
|
|
557
|
-
} else if (kind ===
|
|
567
|
+
} else if (kind === yup.QUESTION_KIND.FILE_UPLOAD.value) {
|
|
558
568
|
formResponse.push({
|
|
559
569
|
questionId: id,
|
|
560
570
|
files: neetoCist.isPresent(responseValue) ? responseValue.files : null,
|
|
561
571
|
kind: kind
|
|
562
572
|
});
|
|
563
|
-
} else if (kind ===
|
|
573
|
+
} else if (kind === yup.QUESTION_KIND.DATE.value) {
|
|
564
574
|
formResponse.push({
|
|
565
575
|
questionId: id,
|
|
566
576
|
value: utils.dayjs(responseValue).isValid() ?
|
|
@@ -605,39 +615,13 @@ var getSelectedRating = function getSelectedRating(value) {
|
|
|
605
615
|
var parsedValue = parseInt(value);
|
|
606
616
|
return isNaN(parsedValue) ? -1 : parsedValue;
|
|
607
617
|
};
|
|
608
|
-
var isPhoneNumberField = ramda.includes(ramda.__, [
|
|
618
|
+
var isPhoneNumberField = ramda.includes(ramda.__, [yup.QUESTION_KIND.PHONE.value, yup.QUESTION_KIND.SMS_REMINDER.value]);
|
|
609
619
|
|
|
610
620
|
var _excluded$4 = ["kind", "customValidator"];
|
|
611
621
|
var _fieldKindValidatorMa;
|
|
612
|
-
function ownKeys$
|
|
613
|
-
function _objectSpread$
|
|
622
|
+
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; }
|
|
623
|
+
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; }
|
|
614
624
|
var t = clientI18nInstance.t;
|
|
615
|
-
yup__namespace.addMethod(yup__namespace.array, "unique", function () {
|
|
616
|
-
var field, message;
|
|
617
|
-
if (arguments.length > 1) {
|
|
618
|
-
field = arguments[0];
|
|
619
|
-
message = arguments[1];
|
|
620
|
-
} else {
|
|
621
|
-
message = arguments[0];
|
|
622
|
-
}
|
|
623
|
-
var getValue = function getValue(item) {
|
|
624
|
-
return field ? item[field] : item;
|
|
625
|
-
};
|
|
626
|
-
var valueInLowerCase = ramda.pipe(getValue, ramda.toLower);
|
|
627
|
-
return this.test("unique", message, function () {
|
|
628
|
-
var array = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
629
|
-
// ignore destroyed items in the array
|
|
630
|
-
var validItems = ramda.reject(ramda.prop("_destroy"), array);
|
|
631
|
-
var uniqueItems = new Set(ramda.map(valueInLowerCase, validItems));
|
|
632
|
-
|
|
633
|
-
// all items are unique
|
|
634
|
-
if (validItems.length === uniqueItems.size) return true;
|
|
635
|
-
return this.createError({
|
|
636
|
-
path: this.path,
|
|
637
|
-
message: message
|
|
638
|
-
});
|
|
639
|
-
});
|
|
640
|
-
});
|
|
641
625
|
var isValidDate = function isValidDate(date) {
|
|
642
626
|
return date && utils.dayjs(date).isValid();
|
|
643
627
|
};
|
|
@@ -756,20 +740,27 @@ var validateMultiEmailField = function validateMultiEmailField(_ref13) {
|
|
|
756
740
|
}
|
|
757
741
|
return schema;
|
|
758
742
|
};
|
|
743
|
+
var validateAddressField = function validateAddressField(_ref14) {
|
|
744
|
+
var label = _ref14.label,
|
|
745
|
+
isRequired = _ref14.isRequired;
|
|
746
|
+
var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string"));
|
|
747
|
+
if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
|
|
748
|
+
return schema.trim();
|
|
749
|
+
};
|
|
759
750
|
var editorHasValue = function editorHasValue(content) {
|
|
760
751
|
return !utils$1.isEditorEmpty(content);
|
|
761
752
|
};
|
|
762
|
-
var validateRichTextField = function validateRichTextField(
|
|
763
|
-
var isRequired =
|
|
753
|
+
var validateRichTextField = function validateRichTextField(_ref15) {
|
|
754
|
+
var isRequired = _ref15.isRequired;
|
|
764
755
|
var schema = yup__namespace.string();
|
|
765
756
|
if (isRequired) {
|
|
766
757
|
schema = schema.test("required", getRequiredFieldError("content"), editorHasValue);
|
|
767
758
|
}
|
|
768
759
|
return schema.trim();
|
|
769
760
|
};
|
|
770
|
-
var validateFileUploadField = function validateFileUploadField(
|
|
771
|
-
var isRequired =
|
|
772
|
-
multipleFilesAllowed =
|
|
761
|
+
var validateFileUploadField = function validateFileUploadField(_ref16) {
|
|
762
|
+
var isRequired = _ref16.isRequired,
|
|
763
|
+
multipleFilesAllowed = _ref16.multipleFilesAllowed;
|
|
773
764
|
var files_schema = yup__namespace.array();
|
|
774
765
|
if (isRequired) {
|
|
775
766
|
files_schema = files_schema.of(yup__namespace.object().shape({
|
|
@@ -782,29 +773,29 @@ var validateFileUploadField = function validateFileUploadField(_ref15) {
|
|
|
782
773
|
files: files_schema
|
|
783
774
|
});
|
|
784
775
|
};
|
|
785
|
-
var validateCaptchaField = function validateCaptchaField(
|
|
786
|
-
var variant =
|
|
787
|
-
return variant === constants
|
|
776
|
+
var validateCaptchaField = function validateCaptchaField(_ref17) {
|
|
777
|
+
var variant = _ref17.variant;
|
|
778
|
+
return variant === constants.CAPTCHA_TYPES.MATH_CAPTCHA ? yup__namespace.mixed().test("verification failed", t("neetoForm.error.captchaVerificationFailed"), function (value) {
|
|
788
779
|
return neetoCist.isNotPresent(value) || value;
|
|
789
780
|
}).transform(function (value) {
|
|
790
781
|
return value === "" ? null : value;
|
|
791
782
|
}).required(t("neetoForm.error.incompleteCaptcha")) : yup__namespace.string().trim().required(t("neetoForm.error.incompleteCaptcha"));
|
|
792
783
|
};
|
|
793
|
-
var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa,
|
|
794
|
-
var validateFieldValue = function validateFieldValue(
|
|
795
|
-
var kind =
|
|
796
|
-
customValidator =
|
|
797
|
-
otherProps = _objectWithoutProperties(
|
|
784
|
+
var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, yup.QUESTION_KIND.EMAIL.value, validateEmailField), yup.QUESTION_KIND.NAME.value, validateNameField), yup.QUESTION_KIND.PHONE.value, validateTextField), yup.QUESTION_KIND.TEXT.value, validateTextField), yup.QUESTION_KIND.QUESTION.value, validateTextField), yup.QUESTION_KIND.TEXTAREA.value, validateTextField), yup.QUESTION_KIND.DECIMAL.value, validateTextField), yup.QUESTION_KIND.INTEGER.value, validateTextField), yup.QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), yup.QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, yup.QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), yup.QUESTION_KIND.RATING.value, validateRatingField), yup.QUESTION_KIND.TERMS.value, validateTermsField), yup.QUESTION_KIND.DATE.value, validateDateField), yup.QUESTION_KIND.STAR_RATING.value, validateStarRatingField), yup.QUESTION_KIND.OPINION_SCALE.value, validateOpinionScaleField), yup.QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), yup.QUESTION_KIND.RICH_TEXT.value, validateRichTextField), yup.QUESTION_KIND.CONDITION.value, validateConditionField), yup.QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, yup.QUESTION_KIND.CAPTCHA.value, validateCaptchaField), yup.QUESTION_KIND.SMS_REMINDER.value, validateTextField), yup.QUESTION_KIND.ADDRESS.value, validateAddressField));
|
|
785
|
+
var validateFieldValue = function validateFieldValue(_ref18) {
|
|
786
|
+
var kind = _ref18.kind,
|
|
787
|
+
customValidator = _ref18.customValidator,
|
|
788
|
+
otherProps = _objectWithoutProperties(_ref18, _excluded$4);
|
|
798
789
|
return function (value) {
|
|
799
790
|
if (!(kind in fieldKindValidatorMap)) return;
|
|
800
791
|
var validator = fieldKindValidatorMap[kind];
|
|
801
|
-
var schema = customValidator || validator(_objectSpread$
|
|
792
|
+
var schema = customValidator || validator(_objectSpread$h({
|
|
802
793
|
kind: kind
|
|
803
794
|
}, otherProps));
|
|
804
795
|
|
|
805
796
|
// eslint-disable-next-line consistent-return, no-async-promise-executor
|
|
806
797
|
return new Promise(/*#__PURE__*/function () {
|
|
807
|
-
var
|
|
798
|
+
var _ref19 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
|
|
808
799
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
809
800
|
while (1) switch (_context.prev = _context.next) {
|
|
810
801
|
case 0:
|
|
@@ -826,7 +817,7 @@ var validateFieldValue = function validateFieldValue(_ref17) {
|
|
|
826
817
|
}, _callee, null, [[0, 6]]);
|
|
827
818
|
}));
|
|
828
819
|
return function (_x) {
|
|
829
|
-
return
|
|
820
|
+
return _ref19.apply(this, arguments);
|
|
830
821
|
};
|
|
831
822
|
}());
|
|
832
823
|
};
|
|
@@ -850,7 +841,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
|
|
|
850
841
|
}).test("is-6-digit-number", t("neetoForm.error.mustBeASixDigitNumber", {
|
|
851
842
|
entity: entity
|
|
852
843
|
}), function (value) {
|
|
853
|
-
return neetoCist.isNotPresent(value) ||
|
|
844
|
+
return neetoCist.isNotPresent(value) || yup.SIX_DIGIT_NUMBER_REGEX.test(value);
|
|
854
845
|
}).test("verify code", t("neetoForm.error.emailNotVerified"), function () {
|
|
855
846
|
var _this$options;
|
|
856
847
|
return this === null || this === void 0 || (_this$options = this.options) === null || _this$options === void 0 || (_this$options = _this$options.context) === null || _this$options === void 0 ? void 0 : _this$options.isCodeVerified;
|
|
@@ -860,7 +851,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
|
|
|
860
851
|
|
|
861
852
|
// eslint-disable-next-line no-async-promise-executor
|
|
862
853
|
return new Promise(/*#__PURE__*/function () {
|
|
863
|
-
var
|
|
854
|
+
var _ref20 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resolve) {
|
|
864
855
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
865
856
|
while (1) switch (_context2.prev = _context2.next) {
|
|
866
857
|
case 0:
|
|
@@ -884,7 +875,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
|
|
|
884
875
|
}, _callee2, null, [[0, 6]]);
|
|
885
876
|
}));
|
|
886
877
|
return function (_x2) {
|
|
887
|
-
return
|
|
878
|
+
return _ref20.apply(this, arguments);
|
|
888
879
|
};
|
|
889
880
|
}());
|
|
890
881
|
};
|
|
@@ -958,6 +949,94 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
958
949
|
});
|
|
959
950
|
};
|
|
960
951
|
|
|
952
|
+
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; }
|
|
953
|
+
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; }
|
|
954
|
+
var AddressField = function AddressField(_ref) {
|
|
955
|
+
var question = _ref.question,
|
|
956
|
+
customValidator = _ref.customValidator;
|
|
957
|
+
var name = question.id,
|
|
958
|
+
kind = question.kind,
|
|
959
|
+
isAddressRequired = question.isRequired,
|
|
960
|
+
isReadOnly = question.isReadOnly,
|
|
961
|
+
_question$fields = question.fields,
|
|
962
|
+
fields = _question$fields === void 0 ? [] : _question$fields;
|
|
963
|
+
var label = index.fieldWithFallback(question, "label");
|
|
964
|
+
var transformedFields = fields.map(function (field) {
|
|
965
|
+
return _objectSpread$g(_objectSpread$g({}, field), {}, {
|
|
966
|
+
label: index.fieldWithFallback(field, "label")
|
|
967
|
+
});
|
|
968
|
+
});
|
|
969
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
970
|
+
className: "neeto-form-engine-address-wrapper",
|
|
971
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
972
|
+
className: "neeto-form-engine-input__label-wrapper",
|
|
973
|
+
children: label && /*#__PURE__*/jsxRuntime.jsx("label", {
|
|
974
|
+
className: "neeto-form-engine-label",
|
|
975
|
+
"data-testid": "".concat(neetoCist.hyphenate(label), "-input-label"),
|
|
976
|
+
children: label
|
|
977
|
+
})
|
|
978
|
+
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
979
|
+
className: "neeto-form-engine-address pb-1",
|
|
980
|
+
children: getVisibleOptions(transformedFields).map(function (_ref2) {
|
|
981
|
+
var id = _ref2.id,
|
|
982
|
+
label = _ref2.label,
|
|
983
|
+
width = _ref2.width,
|
|
984
|
+
fieldType = _ref2.fieldType,
|
|
985
|
+
properties = _ref2.properties,
|
|
986
|
+
isRequired = _ref2.isRequired;
|
|
987
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
988
|
+
"data-testid": "neeto-form-engine-address-fields",
|
|
989
|
+
className: classnames("neeto-form-engine-address__field", {
|
|
990
|
+
"neeto-form-engine-address__field--width-full": width === yup.ADDRESS_FIELD_WIDTHS.FULL,
|
|
991
|
+
"neeto-form-engine-address__field--width-half": width === yup.ADDRESS_FIELD_WIDTHS.HALF,
|
|
992
|
+
"neeto-form-engine-address__field--width-one-forth": width === yup.ADDRESS_FIELD_WIDTHS.ONE_FOURTH,
|
|
993
|
+
"neeto-form-engine-address__field--width-three-forth": width === yup.ADDRESS_FIELD_WIDTHS.THREE_FOURTH
|
|
994
|
+
}),
|
|
995
|
+
children: /*#__PURE__*/jsxRuntime.jsx(formik.Field, {
|
|
996
|
+
name: "".concat(name, ".").concat(id),
|
|
997
|
+
validate: isAddressRequired ? validateFieldValue({
|
|
998
|
+
kind: kind,
|
|
999
|
+
label: label,
|
|
1000
|
+
isRequired: isRequired,
|
|
1001
|
+
customValidator: customValidator
|
|
1002
|
+
}) : neetoCist.noop,
|
|
1003
|
+
children: function children(_ref3) {
|
|
1004
|
+
var _properties$options;
|
|
1005
|
+
var field = _ref3.field,
|
|
1006
|
+
meta = _ref3.meta,
|
|
1007
|
+
form = _ref3.form;
|
|
1008
|
+
return fieldType === yup.ADDRESS_FIELD_TYPES.SELECT ? /*#__PURE__*/jsxRuntime.jsx(Select, _objectSpread$g(_objectSpread$g({
|
|
1009
|
+
label: label,
|
|
1010
|
+
size: "large"
|
|
1011
|
+
}, field), {}, {
|
|
1012
|
+
error: meta.touched && meta.error,
|
|
1013
|
+
isDisabled: isReadOnly,
|
|
1014
|
+
menuPosition: "absolute",
|
|
1015
|
+
required: isRequired,
|
|
1016
|
+
value: neetoCist.toLabelAndValue(field.value),
|
|
1017
|
+
options: properties === null || properties === void 0 || (_properties$options = properties.options) === null || _properties$options === void 0 ? void 0 : _properties$options.map(function (_ref4) {
|
|
1018
|
+
var label = _ref4.label;
|
|
1019
|
+
return neetoCist.toLabelAndValue(label);
|
|
1020
|
+
}),
|
|
1021
|
+
onChange: function onChange(_ref5) {
|
|
1022
|
+
var value = _ref5.value;
|
|
1023
|
+
return !isReadOnly && form.setFieldValue("".concat(name, ".").concat(id), value);
|
|
1024
|
+
}
|
|
1025
|
+
})) : /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, field), {}, {
|
|
1026
|
+
label: label
|
|
1027
|
+
})), {}, {
|
|
1028
|
+
disabled: isReadOnly,
|
|
1029
|
+
error: meta.touched && meta.error,
|
|
1030
|
+
required: isRequired
|
|
1031
|
+
}));
|
|
1032
|
+
}
|
|
1033
|
+
})
|
|
1034
|
+
}, id);
|
|
1035
|
+
})
|
|
1036
|
+
})]
|
|
1037
|
+
});
|
|
1038
|
+
};
|
|
1039
|
+
|
|
961
1040
|
var CaptchaField = function CaptchaField(_ref) {
|
|
962
1041
|
var question = _ref.question,
|
|
963
1042
|
preview = _ref.preview,
|
|
@@ -1180,7 +1259,7 @@ var DateField = function DateField(_ref) {
|
|
|
1180
1259
|
nodeId = question.nodeId,
|
|
1181
1260
|
isReadOnly = question.isReadOnly;
|
|
1182
1261
|
var label = index.fieldWithFallback(question, "label");
|
|
1183
|
-
var _QUESTION_KIND$kind$t =
|
|
1262
|
+
var _QUESTION_KIND$kind$t = yup.QUESTION_KIND[kind.toUpperCase()].type,
|
|
1184
1263
|
type = _QUESTION_KIND$kind$t === void 0 ? "date" : _QUESTION_KIND$kind$t;
|
|
1185
1264
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1186
1265
|
className: "neeto-form-engine-input__wrapper",
|
|
@@ -1238,7 +1317,7 @@ var create = function create(_ref) {
|
|
|
1238
1317
|
var formId = _ref.formId,
|
|
1239
1318
|
questionId = _ref.questionId,
|
|
1240
1319
|
payload = _ref.payload;
|
|
1241
|
-
return axios.post(utils.buildUrl(constants
|
|
1320
|
+
return axios.post(utils.buildUrl(constants.EMAIL_VERIFICATIONS_CREATE_URL, {
|
|
1242
1321
|
formId: formId,
|
|
1243
1322
|
questionId: questionId
|
|
1244
1323
|
}), payload, {
|
|
@@ -1249,7 +1328,7 @@ var verify = function verify(_ref2) {
|
|
|
1249
1328
|
var formId = _ref2.formId,
|
|
1250
1329
|
questionId = _ref2.questionId,
|
|
1251
1330
|
payload = _ref2.payload;
|
|
1252
|
-
return axios.post(utils.buildUrl(constants
|
|
1331
|
+
return axios.post(utils.buildUrl(constants.EMAIL_VERIFICATIONS_VERIFY_URL, {
|
|
1253
1332
|
formId: formId,
|
|
1254
1333
|
questionId: questionId
|
|
1255
1334
|
}), payload, {
|
|
@@ -1488,7 +1567,7 @@ var EmailField = function EmailField(_ref) {
|
|
|
1488
1567
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1489
1568
|
calloutDetails = _useState2[0],
|
|
1490
1569
|
setCalloutDetails = _useState2[1];
|
|
1491
|
-
var type =
|
|
1570
|
+
var type = yup.QUESTION_KIND[kind.toUpperCase()].type;
|
|
1492
1571
|
var _useState3 = React.useState(getLastVerificationCodeSentAt(questionId) > 0),
|
|
1493
1572
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
1494
1573
|
hasSentVerificationCode = _useState4[0],
|
|
@@ -1694,7 +1773,7 @@ var Field = function Field(_ref) {
|
|
|
1694
1773
|
nodeId = question.nodeId,
|
|
1695
1774
|
isReadOnly = question.isReadOnly;
|
|
1696
1775
|
var label = index.fieldWithFallback(question, labelField);
|
|
1697
|
-
var type =
|
|
1776
|
+
var type = yup.QUESTION_KIND.NAME.type;
|
|
1698
1777
|
var _useField = formik.useField({
|
|
1699
1778
|
name: name || nodeId,
|
|
1700
1779
|
validate: validateFieldValue({
|
|
@@ -1740,18 +1819,18 @@ var NameField = function NameField(props) {
|
|
|
1740
1819
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1741
1820
|
className: "flex w-full justify-between space-x-4",
|
|
1742
1821
|
children: [/*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
1743
|
-
labelField:
|
|
1822
|
+
labelField: yup.LABEL_FIELDS.FIRST_NAME,
|
|
1744
1823
|
name: "".concat(id, ".firstName"),
|
|
1745
1824
|
placeholderField: "firstNamePlaceholder"
|
|
1746
1825
|
})), /*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
1747
|
-
labelField:
|
|
1826
|
+
labelField: yup.LABEL_FIELDS.LAST_NAME,
|
|
1748
1827
|
name: "".concat(id, ".lastName"),
|
|
1749
1828
|
placeholderField: "lastNamePlaceholder"
|
|
1750
1829
|
}))]
|
|
1751
1830
|
});
|
|
1752
1831
|
}
|
|
1753
1832
|
return /*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
1754
|
-
labelField:
|
|
1833
|
+
labelField: yup.LABEL_FIELDS.FULL_NAME,
|
|
1755
1834
|
name: "".concat(id, ".fullName"),
|
|
1756
1835
|
placeholderField: "fullNamePlaceholder"
|
|
1757
1836
|
}));
|
|
@@ -1790,7 +1869,7 @@ var OpinionScaleField = function OpinionScaleField(_ref) {
|
|
|
1790
1869
|
event.preventDefault();
|
|
1791
1870
|
setValue("");
|
|
1792
1871
|
};
|
|
1793
|
-
var opinionScaleOptions =
|
|
1872
|
+
var opinionScaleOptions = yup.generateArray(minValue, maxValue);
|
|
1794
1873
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1795
1874
|
className: "neeto-form-engine-input__wrapper neeto-form-engine-opinion-scale",
|
|
1796
1875
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
@@ -1922,11 +2001,11 @@ var Choices = function Choices(_ref) {
|
|
|
1922
2001
|
error = _ref.error,
|
|
1923
2002
|
disabled = _ref.isDisabled,
|
|
1924
2003
|
_ref$isPictureChoice = _ref.isPictureChoice,
|
|
1925
|
-
isPictureChoice = _ref$isPictureChoice === void 0 ?
|
|
2004
|
+
isPictureChoice = _ref$isPictureChoice === void 0 ? yup.DEFAULT_CHOICE_QUESTION_ATTRIBUTES.isPictureChoice : _ref$isPictureChoice,
|
|
1926
2005
|
_ref$imageHeight = _ref.imageHeight,
|
|
1927
|
-
imageHeight = _ref$imageHeight === void 0 ?
|
|
2006
|
+
imageHeight = _ref$imageHeight === void 0 ? yup.DEFAULT_CHOICE_QUESTION_ATTRIBUTES.imageHeight : _ref$imageHeight,
|
|
1928
2007
|
_ref$shouldFitImages = _ref.shouldFitImages,
|
|
1929
|
-
shouldFitImages = _ref$shouldFitImages === void 0 ?
|
|
2008
|
+
shouldFitImages = _ref$shouldFitImages === void 0 ? yup.DEFAULT_CHOICE_QUESTION_ATTRIBUTES.shouldFitImages : _ref$shouldFitImages;
|
|
1930
2009
|
var isCheckBox = type === "checkbox";
|
|
1931
2010
|
var ChoiceWrapper = isCheckBox ? "div" : Radio;
|
|
1932
2011
|
var Component = isCheckBox ? Checkbox : Radio.Item;
|
|
@@ -2006,7 +2085,7 @@ var OptionsField = function OptionsField(_ref) {
|
|
|
2006
2085
|
_question$optionsAttr = question.optionsAttributes,
|
|
2007
2086
|
options = _question$optionsAttr === void 0 ? [] : _question$optionsAttr;
|
|
2008
2087
|
var isPictureChoice = isPictureChoiceFromQuestion;
|
|
2009
|
-
var isDropdown = kind ===
|
|
2088
|
+
var isDropdown = kind === yup.QUESTION_KIND.DROPDOWN.value;
|
|
2010
2089
|
var label = index.fieldWithFallback(question, "label");
|
|
2011
2090
|
var Component = isDropdown ? Select : Choices$1;
|
|
2012
2091
|
var transformedOptions = isDropdown ? options.map(function (option) {
|
|
@@ -2143,7 +2222,7 @@ var Rating = function Rating(_ref) {
|
|
|
2143
2222
|
};
|
|
2144
2223
|
var render = function render() {
|
|
2145
2224
|
var labels = [highestRatingLabel, averageRatingLabel, lowestRatingLabel];
|
|
2146
|
-
return
|
|
2225
|
+
return yup.RATING_OPTIONS.map(function (_ref2, index) {
|
|
2147
2226
|
var Icon = _ref2.icon,
|
|
2148
2227
|
modifier = _ref2.modifier,
|
|
2149
2228
|
rating = _ref2.value;
|
|
@@ -2213,9 +2292,9 @@ var RatingField = function RatingField(_ref) {
|
|
|
2213
2292
|
disabled: isReadOnly,
|
|
2214
2293
|
error: meta.touched ? meta.error : "",
|
|
2215
2294
|
label: getLabel(label, isRequired),
|
|
2216
|
-
averageRatingLabel: index.fieldWithFallback(question, "averageRatingLabel") ||
|
|
2217
|
-
highestRatingLabel: index.fieldWithFallback(question, "highestRatingLabel") ||
|
|
2218
|
-
lowestRatingLabel: index.fieldWithFallback(question, "lowestRatingLabel") ||
|
|
2295
|
+
averageRatingLabel: index.fieldWithFallback(question, "averageRatingLabel") || yup.RATING_VALUES.AVERAGE.label,
|
|
2296
|
+
highestRatingLabel: index.fieldWithFallback(question, "highestRatingLabel") || yup.RATING_VALUES.GOOD.label,
|
|
2297
|
+
lowestRatingLabel: index.fieldWithFallback(question, "lowestRatingLabel") || yup.RATING_VALUES.BAD.label
|
|
2219
2298
|
}));
|
|
2220
2299
|
}
|
|
2221
2300
|
});
|
|
@@ -2304,7 +2383,7 @@ var RatingButton = function RatingButton(_ref) {
|
|
|
2304
2383
|
var handleClick = function handleClick(e) {
|
|
2305
2384
|
return e.currentTarget.nextElementSibling.click();
|
|
2306
2385
|
};
|
|
2307
|
-
var Icon =
|
|
2386
|
+
var Icon = yup.ICONS_MAP[iconType];
|
|
2308
2387
|
var selectedRating = getSelectedRating(value);
|
|
2309
2388
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2310
2389
|
children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
|
|
@@ -2354,7 +2433,7 @@ var StarRating = function StarRating(_ref) {
|
|
|
2354
2433
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
2355
2434
|
className: "neeto-form-engine-star-rating__row",
|
|
2356
2435
|
"data-testid": "star-rating-input-field",
|
|
2357
|
-
children:
|
|
2436
|
+
children: yup.generateArray(minValue, maxValue).map(function (index) {
|
|
2358
2437
|
return /*#__PURE__*/jsxRuntime.jsx(RatingButton$1, _objectSpread$3({
|
|
2359
2438
|
label: index,
|
|
2360
2439
|
rating: index
|
|
@@ -2456,12 +2535,12 @@ var TextField = function TextField(_ref) {
|
|
|
2456
2535
|
isReadOnly = question.isReadOnly,
|
|
2457
2536
|
nodeId = question.nodeId;
|
|
2458
2537
|
var label = index.fieldWithFallback(question, "label");
|
|
2459
|
-
var _QUESTION_KIND$kind$t =
|
|
2538
|
+
var _QUESTION_KIND$kind$t = yup.QUESTION_KIND[kind.toUpperCase()],
|
|
2460
2539
|
_QUESTION_KIND$kind$t2 = _QUESTION_KIND$kind$t.type,
|
|
2461
2540
|
type = _QUESTION_KIND$kind$t2 === void 0 ? "text" : _QUESTION_KIND$kind$t2,
|
|
2462
2541
|
onKeyDown = _QUESTION_KIND$kind$t.onKeyDown,
|
|
2463
2542
|
otherProps = _QUESTION_KIND$kind$t.otherProps;
|
|
2464
|
-
var Component = kind ===
|
|
2543
|
+
var Component = kind === yup.QUESTION_KIND.TEXTAREA.value ? Textarea : Input;
|
|
2465
2544
|
var _useField = formik.useField({
|
|
2466
2545
|
name: name || nodeId,
|
|
2467
2546
|
validate: validateFieldValue({
|
|
@@ -2500,13 +2579,13 @@ var TextField = function TextField(_ref) {
|
|
|
2500
2579
|
};
|
|
2501
2580
|
|
|
2502
2581
|
var _QUESTION_TO_COMPONEN;
|
|
2503
|
-
var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN,
|
|
2582
|
+
var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, yup.QUESTION_KIND.TEXT.value, TextField), yup.QUESTION_KIND.NAME.value, NameField), yup.QUESTION_KIND.EMAIL.value, EmailField), yup.QUESTION_KIND.INTEGER.value, TextField), yup.QUESTION_KIND.DECIMAL.value, TextField), yup.QUESTION_KIND.PHONE.value, PhoneNumberField), yup.QUESTION_KIND.QUESTION.value, TextField), yup.QUESTION_KIND.TEXTAREA.value, TextField), yup.QUESTION_KIND.CHECKBOX.value, OptionsField), yup.QUESTION_KIND.RADIO.value, OptionsField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, yup.QUESTION_KIND.DROPDOWN.value, OptionsField), yup.QUESTION_KIND.RATING.value, RatingField), yup.QUESTION_KIND.PARAGRAPH.value, function (_ref) {
|
|
2504
2583
|
var question = _ref.question;
|
|
2505
2584
|
return /*#__PURE__*/jsxRuntime.jsx(EditorContent, {
|
|
2506
2585
|
content: index.fieldWithFallback(question, "label", true)
|
|
2507
2586
|
});
|
|
2508
|
-
}),
|
|
2509
|
-
var CAPTCHA_COMPONENT_MAP = _defineProperty(_defineProperty({}, constants
|
|
2587
|
+
}), yup.QUESTION_KIND.TERMS.value, TermsField), yup.QUESTION_KIND.DATE.value, DateField), yup.QUESTION_KIND.STAR_RATING.value, StarRatingField), yup.QUESTION_KIND.OPINION_SCALE.value, OpinionScaleField), yup.QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), yup.QUESTION_KIND.RICH_TEXT.value, RichTextEditor), yup.QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, yup.QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), yup.QUESTION_KIND.CAPTCHA.value, CaptchaField), yup.QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField), yup.QUESTION_KIND.ADDRESS.value, AddressField));
|
|
2588
|
+
var CAPTCHA_COMPONENT_MAP = _defineProperty(_defineProperty({}, constants.CAPTCHA_TYPES.RECAPTCHA_V2, Recaptcha), constants.CAPTCHA_TYPES.MATH_CAPTCHA, MathCaptcha);
|
|
2510
2589
|
|
|
2511
2590
|
var getFieldComponent = function getFieldComponent(_ref) {
|
|
2512
2591
|
var kind = _ref.kind;
|
|
@@ -2534,6 +2613,13 @@ var getPhoneData = function getPhoneData(value, countryCode) {
|
|
|
2534
2613
|
var containsIgnoreCase = function containsIgnoreCase(string, substring) {
|
|
2535
2614
|
return string.toLowerCase().includes(substring.toLowerCase());
|
|
2536
2615
|
};
|
|
2616
|
+
var getVisibleOptions = function getVisibleOptions(options) {
|
|
2617
|
+
return Array.isArray(options) ? options.filter(function (option) {
|
|
2618
|
+
return !option.deleted;
|
|
2619
|
+
}).sort(function (a, b) {
|
|
2620
|
+
return a.position - b.position;
|
|
2621
|
+
}) : [];
|
|
2622
|
+
};
|
|
2537
2623
|
|
|
2538
2624
|
exports.FormikWrap = FormikWrap;
|
|
2539
2625
|
exports.buildAutoCompleteAttribute = buildAutoCompleteAttribute;
|
|
@@ -2546,4 +2632,4 @@ exports.getFieldComponent = getFieldComponent;
|
|
|
2546
2632
|
exports.getWithExpiry = getWithExpiry;
|
|
2547
2633
|
exports.mergeRefs = mergeRefs;
|
|
2548
2634
|
exports.renderButtonsInOrder = renderButtonsInOrder;
|
|
2549
|
-
//# sourceMappingURL=utils-
|
|
2635
|
+
//# sourceMappingURL=utils-DfujkkDT.js.map
|