@bigbinary/neeto-form-frontend 3.10.26 → 3.11.0

package/dist/{useFormSubmission-Bf6ryXlB.js.map → useFormSubmission-CqQgBLsl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormSubmission-Bf6ryXlB.js","sources":["../app/javascript/src/hooks/useFormSubmission.js"],"sourcesContent":["import { useSubmission } from \"./useFormApi\";\n\nconst useFormSubmission = ({ formId = \"\", submissionId = \"\" }) => {\n  const { data: submission, isLoading } = useSubmission({\n    formId,\n    submissionId,\n    enabled: !!(formId && submissionId),\n  });\n\n  return { submission, isLoading };\n};\n\nexport default useFormSubmission;\n"],"names":["useFormSubmission","_ref","_ref$formId","formId","_ref$submissionId","submissionId","_useSubmission","useSubmission","enabled","submission","data","isLoading"],"mappings":";;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA2C;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAArCE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAAE,iBAAA,GAAAH,IAAA,CAAEI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,iBAAA;EACzD,IAAAE,cAAA,GAAwCC,aAAa,CAAC;AACpDJ,MAAAA,MAAM,EAANA,MAAM;AACNE,MAAAA,YAAY,EAAZA,YAAY;AACZG,MAAAA,OAAO,EAAE,CAAC,EAAEL,MAAM,IAAIE,YAAY;AACpC,KAAC,CAAC;IAJYI,UAAU,GAAAH,cAAA,CAAhBI,IAAI;IAAcC,SAAS,GAAAL,cAAA,CAATK,SAAS;EAMnC,OAAO;AAAEF,IAAAA,UAAU,EAAVA,UAAU;AAAEE,IAAAA,SAAS,EAATA;GAAW;AAClC;;;;"}
+{"version":3,"file":"useFormSubmission-CqQgBLsl.js","sources":["../app/javascript/src/hooks/useFormSubmission.js"],"sourcesContent":["import { useSubmission } from \"./useFormApi\";\n\nconst useFormSubmission = ({ formId = \"\", submissionId = \"\" }) => {\n  const { data: submission, isLoading } = useSubmission({\n    formId,\n    submissionId,\n    enabled: !!(formId && submissionId),\n  });\n\n  return { submission, isLoading };\n};\n\nexport default useFormSubmission;\n"],"names":["useFormSubmission","_ref","_ref$formId","formId","_ref$submissionId","submissionId","_useSubmission","useSubmission","enabled","submission","data","isLoading"],"mappings":";;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA2C;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAArCE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAAE,iBAAA,GAAAH,IAAA,CAAEI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,iBAAA;EACzD,IAAAE,cAAA,GAAwCC,aAAa,CAAC;AACpDJ,MAAAA,MAAM,EAANA,MAAM;AACNE,MAAAA,YAAY,EAAZA,YAAY;AACZG,MAAAA,OAAO,EAAE,CAAC,EAAEL,MAAM,IAAIE,YAAY;AACpC,KAAC,CAAC;IAJYI,UAAU,GAAAH,cAAA,CAAhBI,IAAI;IAAcC,SAAS,GAAAL,cAAA,CAATK,SAAS;EAMnC,OAAO;AAAEF,IAAAA,UAAU,EAAVA,UAAU;AAAEE,IAAAA,SAAS,EAATA;GAAW;AAClC;;;;"}

package/dist/{utils-DYmocaoL.js → utils-BGQM3KyH.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var formik = require('formik');
 var neetoCist = require('@bigbinary/neeto-cist');
-var index = require('./index-2caW4Cx0.js');
+var index = require('./index-qEhecRV2.js');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var libphonenumberJs = require('libphonenumber-js');
 var ramda = require('ramda');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
-var constants$1 = require('./constants-DWy8qlgB.js');
+var constants$1 = require('./constants-CkGU4abB.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var Button = require('@bigbinary/neetoui/Button');
@@ -35,6 +35,7 @@ var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var DatePicker = require('@bigbinary/neetoui/DatePicker');
 var FileUpload = require('@bigbinary/neeto-molecules/FileUpload');
 var Label = require('@bigbinary/neetoui/Label');
+var constants$2 = require('./constants-CIKOBOUZ.js');
 var Select = require('@bigbinary/neetoui/Select');
 var Radio = require('@bigbinary/neetoui/Radio');
 var NeetoEditor = require('@bigbinary/neeto-editor/Editor');
@@ -170,8 +171,8 @@ var getInvalidTypeError = function getInvalidTypeError(label, type) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var toEmailValues = function toEmailValues() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return values.map(function (value) {
@@ -249,22 +250,35 @@ var getNumberFromUrl = function getNumberFromUrl(_ref6) {
   var parsedValue = kind === constants.QUESTION_KIND.INTEGER.value ? parseInt(fieldCodeValue) : parseFloat(fieldCodeValue);
   return parsedValue || "";
 };
+var getNameFromUrl = function getNameFromUrl(_ref7, fieldCodes) {
+  var isSplitMode = _ref7.isSplitMode,
+    fieldCode = _ref7.fieldCode;
+  if (isSplitMode) {
+    return {
+      firstName: fieldCodes["".concat(fieldCode, ".first_name")] || "",
+      lastName: fieldCodes["".concat(fieldCode, ".last_name")] || ""
+    };
+  }
+  return {
+    fullName: fieldCodes[fieldCode] || ""
+  };
+};
 var getLabel = function getLabel(label, isRequired) {
   return isRequired ? "".concat(label, "*") : label;
 };
-var generateInitValues = function generateInitValues(_ref7) {
-  var questions = _ref7.questions,
-    _ref7$initialValues = _ref7.initialValues,
-    initialValues = _ref7$initialValues === void 0 ? [] : _ref7$initialValues,
-    _ref7$localValues = _ref7.localValues,
-    localValues = _ref7$localValues === void 0 ? {} : _ref7$localValues,
-    _ref7$fieldCodes = _ref7.fieldCodes,
-    fieldCodes = _ref7$fieldCodes === void 0 ? {} : _ref7$fieldCodes;
+var generateInitValues = function generateInitValues(_ref8) {
+  var questions = _ref8.questions,
+    _ref8$initialValues = _ref8.initialValues,
+    initialValues = _ref8$initialValues === void 0 ? [] : _ref8$initialValues,
+    _ref8$localValues = _ref8.localValues,
+    localValues = _ref8$localValues === void 0 ? {} : _ref8$localValues,
+    _ref8$fieldCodes = _ref8.fieldCodes,
+    fieldCodes = _ref8$fieldCodes === void 0 ? {} : _ref8$fieldCodes;
   var initValues = {};
   var valuesMap = {};
   if (initialValues) {
     valuesMap = initialValues.reduce(function (acc, answer) {
-      return _objectSpread$e(_objectSpread$e({}, acc), {}, _defineProperty({}, answer.questionId, {
+      return _objectSpread$f(_objectSpread$f({}, acc), {}, _defineProperty({}, answer.questionId, {
         value: answer.value,
         optionIds: answer.optionIds
       }));
@@ -372,10 +386,16 @@ var generateInitValues = function generateInitValues(_ref7) {
           });
           return;
         }
-      default:
+      case constants.QUESTION_KIND.NAME.value:
         {
           var _valuesMap$id$value5, _valuesMap8;
-          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] || "";
+          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);
+          return;
+        }
+      default:
+        {
+          var _valuesMap$id$value6, _valuesMap9;
+          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] || "";
           return;
         }
     }
@@ -478,8 +498,8 @@ var isPhoneNumberField = ramda.includes(ramda.__, [constants.QUESTION_KIND.PHONE
 
 var _excluded$4 = ["kind", "customValidator"];
 var _fieldKindValidatorMa;
-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; }
-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; }
+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; }
+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; }
 var t = clientI18nInstance.t;
 yup__namespace.addMethod(yup__namespace.array, "unique", function () {
   var field, message;
@@ -658,7 +678,7 @@ var validateFieldValue = function validateFieldValue(_ref16) {
   return function (value) {
     if (!(kind in fieldKindValidatorMap)) return;
     var validator = fieldKindValidatorMap[kind];
-    var schema = customValidator || validator(_objectSpread$d({
+    var schema = customValidator || validator(_objectSpread$e({
       kind: kind
     }, otherProps));
 
@@ -929,8 +949,8 @@ var Recaptcha = function Recaptcha(_ref) {
   }, clientI18nInstance.language);
 };
 
-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; }
-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; }
+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; }
+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; }
 var ConditionField = function ConditionField(_ref) {
   var question = _ref.question,
     customValidator = _ref.customValidator;
@@ -950,7 +970,7 @@ var ConditionField = function ConditionField(_ref) {
     children: function children(_ref2) {
       var meta = _ref2.meta,
         field = _ref2.field;
-      return /*#__PURE__*/jsxRuntime.jsx(Checkbox, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, field), {}, {
+      return /*#__PURE__*/jsxRuntime.jsx(Checkbox, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, field), {}, {
         label: label,
         name: name
       })), {}, {
@@ -963,8 +983,8 @@ var ConditionField = function ConditionField(_ref) {
 };
 
 var _excluded$3 = ["value"];
-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; }
-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; }
+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; }
+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; }
 var DateField = function DateField(_ref) {
   var question = _ref.question,
     customValidator = _ref.customValidator;
@@ -1001,7 +1021,7 @@ var DateField = function DateField(_ref) {
             value = _ref2$field.value,
             field = _objectWithoutProperties(_ref2$field, _excluded$3),
             form = _ref2.form;
-          return /*#__PURE__*/jsxRuntime.jsx(DatePicker, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, field), {}, {
+          return /*#__PURE__*/jsxRuntime.jsx(DatePicker, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, field), {}, {
             type: type
           })), {}, {
             "data-cy": "".concat(neetoCist.hyphenate(label), "-input-field"),
@@ -1023,8 +1043,8 @@ var DateField = function DateField(_ref) {
   });
 };
 
-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; }
-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; }
+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; }
+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; }
 var EmailField = function EmailField(_ref) {
   var question = _ref.question,
     customValidator = _ref.customValidator,
@@ -1060,7 +1080,7 @@ var EmailField = function EmailField(_ref) {
     setValue = _useField2$2.setValue,
     setTouched = _useField2$2.setTouched;
   var handleFieldChange = utils.withEventTargetValue(setValue);
-  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({
+  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({
     type: type
   }, field), {}, {
     autoComplete: autoComplete,
@@ -1139,20 +1159,21 @@ var FileUploadField = function FileUploadField(_ref) {
   });
 };
 
-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; }
-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; }
-var NameField = function NameField(_ref) {
+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; }
+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; }
+var Field = function Field(_ref) {
   var question = _ref.question,
+    name = _ref.name,
+    labelField = _ref.labelField,
+    placeholderField = _ref.placeholderField,
     customValidator = _ref.customValidator,
     autoComplete = _ref.autoComplete;
-  var name = question.id,
-    kind = question.kind,
+  var kind = question.kind,
     isRequired = question.isRequired,
     nodeId = question.nodeId,
     isReadOnly = question.isReadOnly;
-  var label = index.fieldWithFallback(question, "label");
-  var _QUESTION_KIND$kind$t = constants.QUESTION_KIND[kind.toUpperCase()].type,
-    type = _QUESTION_KIND$kind$t === void 0 ? "text" : _QUESTION_KIND$kind$t;
+  var label = index.fieldWithFallback(question, labelField);
+  var type = constants.QUESTION_KIND.NAME.type;
   var _useField = formik.useField({
       name: name || nodeId,
       validate: validateFieldValue({
@@ -1170,22 +1191,48 @@ var NameField = function NameField(_ref) {
     _useField2$2 = _useField2[2],
     setValue = _useField2$2.setValue,
     setTouched = _useField2$2.setTouched;
-  var handleFieldChange = utils.withEventTargetValue(setValue);
-  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({
+  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({
     type: type
   }, field), {}, {
     autoComplete: autoComplete,
-    label: label
+    label: label,
+    name: name
   })), {}, {
     disabled: isReadOnly,
     error: touched ? error : "",
-    name: kind,
-    placeholder: index.fieldWithFallback(question, "placeholder"),
+    placeholder: index.fieldWithFallback(question, placeholderField),
     required: isRequired,
     onBlur: function onBlur() {
       return setTouched(true);
     },
-    onChange: handleFieldChange
+    onChange: utils.withEventTargetValue(setValue)
+  }));
+};
+
+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; }
+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; }
+var NameField = function NameField(props) {
+  var _props$question = props.question,
+    id = _props$question.id,
+    isSplitMode = _props$question.isSplitMode;
+  if (isSplitMode) {
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex w-full justify-between space-x-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+        labelField: constants$2.LABEL_FIELDS.FIRST_NAME,
+        name: "".concat(id, ".firstName"),
+        placeholderField: "firstNamePlaceholder"
+      })), /*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+        labelField: constants$2.LABEL_FIELDS.LAST_NAME,
+        name: "".concat(id, ".lastName"),
+        placeholderField: "lastNamePlaceholder"
+      }))]
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+    labelField: constants$2.LABEL_FIELDS.FULL_NAME,
+    name: "".concat(id, ".fullName"),
+    placeholderField: "fullNamePlaceholder"
   }));
 };
 
@@ -1590,7 +1637,7 @@ var StarRating = function StarRating(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-form-engine-star-rating__row",
       "data-cy": "star-rating-input-field",
-      children: constants$1.generateArray(minValue, maxValue).map(function (index) {
+      children: constants$2.generateArray(minValue, maxValue).map(function (index) {
         return /*#__PURE__*/jsxRuntime.jsx(RatingButton$1, _objectSpread$3({
           label: index,
           rating: index
@@ -1781,4 +1828,4 @@ exports.getFieldComponent = getFieldComponent;
 exports.getWithExpiry = getWithExpiry;
 exports.mergeRefs = mergeRefs;
 exports.renderButtonsInOrder = renderButtonsInOrder;
-//# sourceMappingURL=utils-DYmocaoL.js.map
+//# sourceMappingURL=utils-BGQM3KyH.js.map