@bigbinary/neeto-form-frontend 3.10.26 → 3.11.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.
Files changed (57) hide show
  1. package/app/javascript/src/translations/en.json +6 -1
  2. package/dist/BuildForm.js +197 -67
  3. package/dist/BuildForm.js.map +1 -1
  4. package/dist/ExternalForm.js +6 -15
  5. package/dist/ExternalForm.js.map +1 -1
  6. package/dist/Submission.js +45 -12
  7. package/dist/Submission.js.map +1 -1
  8. package/dist/UrlBuilder.js +16 -5
  9. package/dist/UrlBuilder.js.map +1 -1
  10. package/dist/{buildForm-D5-1L1Je.js → buildForm-CuAJYr6B.js} +4 -3
  11. package/dist/buildForm-CuAJYr6B.js.map +1 -0
  12. package/dist/{buildForm-ZqO8kJoo.js → buildForm-nKLcTFON.js} +4 -3
  13. package/dist/buildForm-nKLcTFON.js.map +1 -0
  14. package/dist/cjs/BuildForm.js +252 -122
  15. package/dist/cjs/BuildForm.js.map +1 -1
  16. package/dist/cjs/ExternalForm.js +19 -28
  17. package/dist/cjs/ExternalForm.js.map +1 -1
  18. package/dist/cjs/Submission.js +44 -11
  19. package/dist/cjs/Submission.js.map +1 -1
  20. package/dist/cjs/UrlBuilder.js +17 -6
  21. package/dist/cjs/UrlBuilder.js.map +1 -1
  22. package/dist/cjs/hooks.js +9 -9
  23. package/dist/cjs/index.js +13 -13
  24. package/dist/{constants-DWy8qlgB.js → constants-CIKOBOUZ.js} +131 -129
  25. package/dist/constants-CIKOBOUZ.js.map +1 -0
  26. package/dist/{useFormApi-JO7ZX1kT.js → constants-CkGU4abB.js} +31 -1
  27. package/dist/constants-CkGU4abB.js.map +1 -0
  28. package/dist/{constants-C0I-orlh.js → constants-DdGn1rF4.js} +91 -90
  29. package/dist/constants-DdGn1rF4.js.map +1 -0
  30. package/dist/{useFormApi-Bp5eA5dg.js → constants-LQk7jxH9.js} +30 -2
  31. package/dist/constants-LQk7jxH9.js.map +1 -0
  32. package/dist/hooks.js +4 -4
  33. package/dist/{index-BL5SirYx.js → index-OmmVAj8-.js} +6 -2
  34. package/dist/index-OmmVAj8-.js.map +1 -0
  35. package/dist/{index-2caW4Cx0.js → index-qEhecRV2.js} +6 -1
  36. package/dist/index-qEhecRV2.js.map +1 -0
  37. package/dist/index.js +8 -8
  38. package/dist/{useFormSubmission-w1MbJv37.js → useFormSubmission-Cab-hFHR.js} +3 -3
  39. package/dist/{useFormSubmission-w1MbJv37.js.map → useFormSubmission-Cab-hFHR.js.map} +1 -1
  40. package/dist/{useFormSubmission-Bf6ryXlB.js → useFormSubmission-CqQgBLsl.js} +2 -2
  41. package/dist/{useFormSubmission-Bf6ryXlB.js.map → useFormSubmission-CqQgBLsl.js.map} +1 -1
  42. package/dist/{utils-DYmocaoL.js → utils-BGQM3KyH.js} +90 -43
  43. package/dist/utils-BGQM3KyH.js.map +1 -0
  44. package/dist/{utils-Dq-MY0vG.js → utils-DNSCC4Jb.js} +96 -49
  45. package/dist/utils-DNSCC4Jb.js.map +1 -0
  46. package/package.json +3 -3
  47. package/types.d.ts +3 -1
  48. package/dist/buildForm-D5-1L1Je.js.map +0 -1
  49. package/dist/buildForm-ZqO8kJoo.js.map +0 -1
  50. package/dist/constants-C0I-orlh.js.map +0 -1
  51. package/dist/constants-DWy8qlgB.js.map +0 -1
  52. package/dist/index-2caW4Cx0.js.map +0 -1
  53. package/dist/index-BL5SirYx.js.map +0 -1
  54. package/dist/useFormApi-Bp5eA5dg.js.map +0 -1
  55. package/dist/useFormApi-JO7ZX1kT.js.map +0 -1
  56. package/dist/utils-DYmocaoL.js.map +0 -1
  57. package/dist/utils-Dq-MY0vG.js.map +0 -1
@@ -1,13 +1,13 @@
1
1
  import { useEffect, useState, useImperativeHandle, memo, Fragment } from 'react';
2
- import { useFormikContext, useField, Field, FastField } from 'formik';
2
+ import { useFormikContext, useField, Field as Field$1, FastField } from 'formik';
3
3
  import { isPresent, isNotEmpty, findBy, findById, isNotPresent, getRandomInt, randomPick, noop, hyphenate, slugify, notEqualsDeep } from '@bigbinary/neeto-cist';
4
- import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-BL5SirYx.js';
4
+ import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-OmmVAj8-.js';
5
5
  import { dayjs, withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
6
6
  import { parsePhoneNumber } from 'libphonenumber-js';
7
7
  import { includes, __, isNil, clamp, prop, map, identity, pluck, pipe, toLower, reject, isEmpty, values, equals, pick } from 'ramda';
8
8
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
9
9
  import EditorContent from '@bigbinary/neeto-editor/EditorContent';
10
- import { C as CAPTCHA_TYPES, g as generateArray } from './constants-C0I-orlh.js';
10
+ import { C as CAPTCHA_TYPES } from './constants-LQk7jxH9.js';
11
11
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
12
12
  import Plus from '@bigbinary/neeto-icons/Plus';
13
13
  import Button from '@bigbinary/neetoui/Button';
@@ -33,6 +33,7 @@ import Checkbox from '@bigbinary/neetoui/Checkbox';
33
33
  import DatePicker from '@bigbinary/neetoui/DatePicker';
34
34
  import { FileUpload } from '@bigbinary/neeto-molecules/FileUpload';
35
35
  import Label from '@bigbinary/neetoui/Label';
36
+ import { L as LABEL_FIELDS, g as generateArray } from './constants-DdGn1rF4.js';
36
37
  import Select from '@bigbinary/neetoui/Select';
37
38
  import Radio from '@bigbinary/neetoui/Radio';
38
39
  import NeetoEditor from '@bigbinary/neeto-editor/Editor';
@@ -149,8 +150,8 @@ var getInvalidTypeError = function getInvalidTypeError(label, type) {
149
150
  });
150
151
  };
151
152
 
152
- 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; }
153
- 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; }
153
+ 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; }
154
+ 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; }
154
155
  var toEmailValues = function toEmailValues() {
155
156
  var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
156
157
  return values.map(function (value) {
@@ -228,22 +229,35 @@ var getNumberFromUrl = function getNumberFromUrl(_ref6) {
228
229
  var parsedValue = kind === QUESTION_KIND.INTEGER.value ? parseInt(fieldCodeValue) : parseFloat(fieldCodeValue);
229
230
  return parsedValue || "";
230
231
  };
232
+ var getNameFromUrl = function getNameFromUrl(_ref7, fieldCodes) {
233
+ var isSplitMode = _ref7.isSplitMode,
234
+ fieldCode = _ref7.fieldCode;
235
+ if (isSplitMode) {
236
+ return {
237
+ firstName: fieldCodes["".concat(fieldCode, ".first_name")] || "",
238
+ lastName: fieldCodes["".concat(fieldCode, ".last_name")] || ""
239
+ };
240
+ }
241
+ return {
242
+ fullName: fieldCodes[fieldCode] || ""
243
+ };
244
+ };
231
245
  var getLabel = function getLabel(label, isRequired) {
232
246
  return isRequired ? "".concat(label, "*") : label;
233
247
  };
234
- var generateInitValues = function generateInitValues(_ref7) {
235
- var questions = _ref7.questions,
236
- _ref7$initialValues = _ref7.initialValues,
237
- initialValues = _ref7$initialValues === void 0 ? [] : _ref7$initialValues,
238
- _ref7$localValues = _ref7.localValues,
239
- localValues = _ref7$localValues === void 0 ? {} : _ref7$localValues,
240
- _ref7$fieldCodes = _ref7.fieldCodes,
241
- fieldCodes = _ref7$fieldCodes === void 0 ? {} : _ref7$fieldCodes;
248
+ var generateInitValues = function generateInitValues(_ref8) {
249
+ var questions = _ref8.questions,
250
+ _ref8$initialValues = _ref8.initialValues,
251
+ initialValues = _ref8$initialValues === void 0 ? [] : _ref8$initialValues,
252
+ _ref8$localValues = _ref8.localValues,
253
+ localValues = _ref8$localValues === void 0 ? {} : _ref8$localValues,
254
+ _ref8$fieldCodes = _ref8.fieldCodes,
255
+ fieldCodes = _ref8$fieldCodes === void 0 ? {} : _ref8$fieldCodes;
242
256
  var initValues = {};
243
257
  var valuesMap = {};
244
258
  if (initialValues) {
245
259
  valuesMap = initialValues.reduce(function (acc, answer) {
246
- return _objectSpread$e(_objectSpread$e({}, acc), {}, _defineProperty({}, answer.questionId, {
260
+ return _objectSpread$f(_objectSpread$f({}, acc), {}, _defineProperty({}, answer.questionId, {
247
261
  value: answer.value,
248
262
  optionIds: answer.optionIds
249
263
  }));
@@ -351,10 +365,16 @@ var generateInitValues = function generateInitValues(_ref7) {
351
365
  });
352
366
  return;
353
367
  }
354
- default:
368
+ case QUESTION_KIND.NAME.value:
355
369
  {
356
370
  var _valuesMap$id$value5, _valuesMap8;
357
- 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 : fieldCodes[fieldCode] || "";
371
+ 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);
372
+ return;
373
+ }
374
+ default:
375
+ {
376
+ var _valuesMap$id$value6, _valuesMap9;
377
+ 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 : fieldCodes[fieldCode] || "";
358
378
  return;
359
379
  }
360
380
  }
@@ -457,8 +477,8 @@ var isPhoneNumberField = includes(__, [QUESTION_KIND.PHONE.value, QUESTION_KIND.
457
477
 
458
478
  var _excluded$4 = ["kind", "customValidator"];
459
479
  var _fieldKindValidatorMa;
460
- 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; }
461
- 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; }
480
+ 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; }
481
+ 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; }
462
482
  var t = clientI18nInstance.t;
463
483
  yup.addMethod(yup.array, "unique", function () {
464
484
  var field, message;
@@ -637,7 +657,7 @@ var validateFieldValue = function validateFieldValue(_ref16) {
637
657
  return function (value) {
638
658
  if (!(kind in fieldKindValidatorMap)) return;
639
659
  var validator = fieldKindValidatorMap[kind];
640
- var schema = customValidator || validator(_objectSpread$d({
660
+ var schema = customValidator || validator(_objectSpread$e({
641
661
  kind: kind
642
662
  }, otherProps));
643
663
 
@@ -908,8 +928,8 @@ var Recaptcha = function Recaptcha(_ref) {
908
928
  }, clientI18nInstance.language);
909
929
  };
910
930
 
911
- 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; }
912
- 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; }
931
+ 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; }
932
+ 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; }
913
933
  var ConditionField = function ConditionField(_ref) {
914
934
  var question = _ref.question,
915
935
  customValidator = _ref.customValidator;
@@ -918,7 +938,7 @@ var ConditionField = function ConditionField(_ref) {
918
938
  isRequired = question.isRequired,
919
939
  nodeId = question.nodeId;
920
940
  var label = fieldWithFallback(question, "label");
921
- return /*#__PURE__*/jsx(Field, {
941
+ return /*#__PURE__*/jsx(Field$1, {
922
942
  name: name || nodeId,
923
943
  validate: validateFieldValue({
924
944
  kind: kind,
@@ -929,7 +949,7 @@ var ConditionField = function ConditionField(_ref) {
929
949
  children: function children(_ref2) {
930
950
  var meta = _ref2.meta,
931
951
  field = _ref2.field;
932
- return /*#__PURE__*/jsx(Checkbox, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, field), {}, {
952
+ return /*#__PURE__*/jsx(Checkbox, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, field), {}, {
933
953
  label: label,
934
954
  name: name
935
955
  })), {}, {
@@ -942,8 +962,8 @@ var ConditionField = function ConditionField(_ref) {
942
962
  };
943
963
 
944
964
  var _excluded$3 = ["value"];
945
- 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; }
946
- 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; }
965
+ 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; }
966
+ 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; }
947
967
  var DateField = function DateField(_ref) {
948
968
  var question = _ref.question,
949
969
  customValidator = _ref.customValidator;
@@ -966,7 +986,7 @@ var DateField = function DateField(_ref) {
966
986
  })
967
987
  }), /*#__PURE__*/jsx("div", {
968
988
  className: "neeto-form-engine-date-picker",
969
- children: /*#__PURE__*/jsx(Field, {
989
+ children: /*#__PURE__*/jsx(Field$1, {
970
990
  name: name || nodeId,
971
991
  validate: validateFieldValue({
972
992
  kind: kind,
@@ -980,7 +1000,7 @@ var DateField = function DateField(_ref) {
980
1000
  value = _ref2$field.value,
981
1001
  field = _objectWithoutProperties(_ref2$field, _excluded$3),
982
1002
  form = _ref2.form;
983
- return /*#__PURE__*/jsx(DatePicker, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, field), {}, {
1003
+ return /*#__PURE__*/jsx(DatePicker, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, field), {}, {
984
1004
  type: type
985
1005
  })), {}, {
986
1006
  "data-cy": "".concat(hyphenate(label), "-input-field"),
@@ -1002,8 +1022,8 @@ var DateField = function DateField(_ref) {
1002
1022
  });
1003
1023
  };
1004
1024
 
1005
- 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; }
1006
- 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; }
1025
+ 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; }
1026
+ 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; }
1007
1027
  var EmailField = function EmailField(_ref) {
1008
1028
  var question = _ref.question,
1009
1029
  customValidator = _ref.customValidator,
@@ -1039,7 +1059,7 @@ var EmailField = function EmailField(_ref) {
1039
1059
  setValue = _useField2$2.setValue,
1040
1060
  setTouched = _useField2$2.setTouched;
1041
1061
  var handleFieldChange = withEventTargetValue(setValue);
1042
- return /*#__PURE__*/jsx(Input, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({
1062
+ return /*#__PURE__*/jsx(Input, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({
1043
1063
  type: type
1044
1064
  }, field), {}, {
1045
1065
  autoComplete: autoComplete,
@@ -1118,20 +1138,21 @@ var FileUploadField = function FileUploadField(_ref) {
1118
1138
  });
1119
1139
  };
1120
1140
 
1121
- 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; }
1122
- 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; }
1123
- var NameField = function NameField(_ref) {
1141
+ 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; }
1142
+ 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; }
1143
+ var Field = function Field(_ref) {
1124
1144
  var question = _ref.question,
1145
+ name = _ref.name,
1146
+ labelField = _ref.labelField,
1147
+ placeholderField = _ref.placeholderField,
1125
1148
  customValidator = _ref.customValidator,
1126
1149
  autoComplete = _ref.autoComplete;
1127
- var name = question.id,
1128
- kind = question.kind,
1150
+ var kind = question.kind,
1129
1151
  isRequired = question.isRequired,
1130
1152
  nodeId = question.nodeId,
1131
1153
  isReadOnly = question.isReadOnly;
1132
- var label = fieldWithFallback(question, "label");
1133
- var _QUESTION_KIND$kind$t = QUESTION_KIND[kind.toUpperCase()].type,
1134
- type = _QUESTION_KIND$kind$t === void 0 ? "text" : _QUESTION_KIND$kind$t;
1154
+ var label = fieldWithFallback(question, labelField);
1155
+ var type = QUESTION_KIND.NAME.type;
1135
1156
  var _useField = useField({
1136
1157
  name: name || nodeId,
1137
1158
  validate: validateFieldValue({
@@ -1149,22 +1170,48 @@ var NameField = function NameField(_ref) {
1149
1170
  _useField2$2 = _useField2[2],
1150
1171
  setValue = _useField2$2.setValue,
1151
1172
  setTouched = _useField2$2.setTouched;
1152
- var handleFieldChange = withEventTargetValue(setValue);
1153
- return /*#__PURE__*/jsx(Input, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({
1173
+ return /*#__PURE__*/jsx(Input, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({
1154
1174
  type: type
1155
1175
  }, field), {}, {
1156
1176
  autoComplete: autoComplete,
1157
- label: label
1177
+ label: label,
1178
+ name: name
1158
1179
  })), {}, {
1159
1180
  disabled: isReadOnly,
1160
1181
  error: touched ? error : "",
1161
- name: kind,
1162
- placeholder: fieldWithFallback(question, "placeholder"),
1182
+ placeholder: fieldWithFallback(question, placeholderField),
1163
1183
  required: isRequired,
1164
1184
  onBlur: function onBlur() {
1165
1185
  return setTouched(true);
1166
1186
  },
1167
- onChange: handleFieldChange
1187
+ onChange: withEventTargetValue(setValue)
1188
+ }));
1189
+ };
1190
+
1191
+ 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; }
1192
+ 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; }
1193
+ var NameField = function NameField(props) {
1194
+ var _props$question = props.question,
1195
+ id = _props$question.id,
1196
+ isSplitMode = _props$question.isSplitMode;
1197
+ if (isSplitMode) {
1198
+ return /*#__PURE__*/jsxs("div", {
1199
+ className: "flex w-full justify-between space-x-4",
1200
+ children: [/*#__PURE__*/jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
1201
+ labelField: LABEL_FIELDS.FIRST_NAME,
1202
+ name: "".concat(id, ".firstName"),
1203
+ placeholderField: "firstNamePlaceholder"
1204
+ })), /*#__PURE__*/jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
1205
+ labelField: LABEL_FIELDS.LAST_NAME,
1206
+ name: "".concat(id, ".lastName"),
1207
+ placeholderField: "lastNamePlaceholder"
1208
+ }))]
1209
+ });
1210
+ }
1211
+ return /*#__PURE__*/jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
1212
+ labelField: LABEL_FIELDS.FULL_NAME,
1213
+ name: "".concat(id, ".fullName"),
1214
+ placeholderField: "fullNamePlaceholder"
1168
1215
  }));
1169
1216
  };
1170
1217
 
@@ -1261,7 +1308,7 @@ var OptionsField = function OptionsField(_ref) {
1261
1308
  if (!option) return false;
1262
1309
  return containsIgnoreCase(option.label, inputValue);
1263
1310
  };
1264
- return /*#__PURE__*/jsx(Field, {
1311
+ return /*#__PURE__*/jsx(Field$1, {
1265
1312
  name: name,
1266
1313
  validate: validateFieldValue({
1267
1314
  kind: kind,
@@ -1414,7 +1461,7 @@ var RatingField = function RatingField(_ref) {
1414
1461
  isRequired = question.isRequired,
1415
1462
  isReadOnly = question.isReadOnly;
1416
1463
  var label = fieldWithFallback(question, "label");
1417
- return /*#__PURE__*/jsx(Field, {
1464
+ return /*#__PURE__*/jsx(Field$1, {
1418
1465
  name: name,
1419
1466
  validate: validateFieldValue({
1420
1467
  kind: kind,
@@ -1597,7 +1644,7 @@ var StarRatingField = function StarRatingField(_ref) {
1597
1644
  iconType = question.iconType,
1598
1645
  isReadOnly = question.isReadOnly;
1599
1646
  var label = fieldWithFallback(question, "label");
1600
- return /*#__PURE__*/jsx(Field, {
1647
+ return /*#__PURE__*/jsx(Field$1, {
1601
1648
  name: name,
1602
1649
  validate: validateFieldValue({
1603
1650
  kind: kind,
@@ -1631,7 +1678,7 @@ var TermsField = function TermsField(_ref) {
1631
1678
  isRequired = question.isRequired,
1632
1679
  nodeId = question.nodeId;
1633
1680
  var label = fieldWithFallback(question, "label", true);
1634
- return /*#__PURE__*/jsx(Field, {
1681
+ return /*#__PURE__*/jsx(Field$1, {
1635
1682
  name: name || nodeId,
1636
1683
  validate: validateFieldValue({
1637
1684
  kind: kind,
@@ -1751,4 +1798,4 @@ var containsIgnoreCase = function containsIgnoreCase(string, substring) {
1751
1798
  };
1752
1799
 
1753
1800
  export { FormikWrap as F, getFieldComponent as a, buildAutoCompleteAttribute as b, clientI18nInstance as c, getWithExpiry as d, generateFormResponse as e, clearLocalStorageValues as f, generateInitValues as g, mergeRefs as m, renderButtonsInOrder as r };
1754
- //# sourceMappingURL=utils-Dq-MY0vG.js.map
1801
+ //# sourceMappingURL=utils-DNSCC4Jb.js.map