@bigbinary/neeto-form-frontend 3.9.9 → 3.10.0

package/dist/cjs/BuildForm.js

@@ -9,9 +9,9 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var ramda = require('ramda');
-var useFormApi = require('../useFormApi-DAiOGCeD.js');
+var useFormApi = require('../useFormApi-CWHgrz3I.js');
 var constants$1 = require('../constants-D-XSuLo2.js');
-var constants = require('../constants-BCiFseWW.js');
+var constants = require('../constants-CCpt0hVT.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var dnd = require('@hello-pangea/dnd');
@@ -19,7 +19,7 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var reactI18next = require('react-i18next');
-var buildForm = require('../buildForm-CthgTgsm.js');
+var buildForm = require('../buildForm-12iKiorQ.js');
 var shallow = require('zustand/shallow');
 var Alert = require('@bigbinary/neetoui/Alert');
 var index = require('../index-2caW4Cx0.js');
@@ -28,9 +28,8 @@ var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
-var i18next = require('i18next');
-var Plus = require('@bigbinary/neeto-icons/Plus');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var i18next = require('i18next');
 var uuid = require('uuid');
 var NoData = require('@bigbinary/neetoui/NoData');
 var Pane = require('@bigbinary/neetoui/Pane');
@@ -55,10 +54,11 @@ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var Checkbox$1 = require('@bigbinary/neetoui/formik/Checkbox');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
-var Delete = require('@bigbinary/neeto-icons/Delete');
+var OptionFields = require('@bigbinary/neeto-molecules/OptionFields');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('axios');
 require('dompurify');
+require('@bigbinary/neeto-icons/Plus');
 require('zustand');
 require('@babel/runtime/helpers/typeof');
 
@@ -254,50 +254,8 @@ var Overview = function Overview(_ref) {
   });
 };
 
-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; }
-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; }
-var validateEditorContent = function validateEditorContent(editorRef) {
-  return function () {
-    var _editorRef$current, _editorRef$current$ed;
-    return (_editorRef$current = editorRef.current) !== null && _editorRef$current !== void 0 && (_editorRef$current$ed = _editorRef$current.editor) !== null && _editorRef$current$ed !== void 0 && _editorRef$current$ed.isEmpty ? i18next.t("neetoForm.common.thisFieldIsRequired") : "";
-  };
-};
-var buildReorderPayload = function buildReorderPayload(questions) {
-  return ramda.reduce(function (acc, _ref) {
-    var id = _ref.id,
-      displayOrder = _ref.displayOrder;
-    return ramda.assoc(id, displayOrder, acc);
-  }, {}, questions);
-};
-var isRichTextQuestion = ramda.includes(ramda.__, constants.RICH_TEXT_QUESTIONS);
-var isAutoGeneratedQuestion = ramda.includes(ramda.__, constants.AUTO_GENERATED_KINDS);
-var isImmutableField = function isImmutableField(field) {
-  return constants.IMMUTABLE_KINDS.includes(field.kind);
-};
-var buildAddQuestionButtonProps = function buildAddQuestionButtonProps(onAdd, isDisabled, tooltipProps) {
-  return _objectSpread$h({
-    "data-cy": "neeto-form-engine-add-question-button",
-    disabled: isDisabled,
-    label: i18next.t("neetoForm.questions.common.primaryPanel.addQuestion"),
-    icon: Plus,
-    iconPosition: "left",
-    style: "link",
-    onClick: onAdd
-  }, isDisabled && {
-    tooltipProps: tooltipProps
-  });
-};
-var buildDisabledAddButtonTooltipProps = function buildDisabledAddButtonTooltipProps(isDisabled) {
-  var disabledAddButtonTooltipProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _objectSpread$h({
-    disabled: !isDisabled,
-    position: "top",
-    content: i18next.t("neetoForm.questions.common.primaryPanel.noQuestionLeft")
-  }, disabledAddButtonTooltipProps);
-};
-
-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; }
-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; }
+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 Card = function Card(_ref) {
   var _ref$question = _ref.question,
     question = _ref$question === void 0 ? {} : _ref$question,
@@ -324,7 +282,7 @@ var Card = function Card(_ref) {
     isSingular = _getActiveKindDetails.isSingular;
   var isSmsReminderQuestion = kind === constants.QUESTION_TYPES.SMS_REMINDER;
   var label = index.fieldWithFallback(question, "label");
-  var questionLabel = isRichTextQuestion(kind) ? constants.htmlToPlainText(label) : label;
+  var questionLabel = constants.isRichTextQuestion(kind) ? constants.htmlToPlainText(label) : label;
   React.useEffect(function () {
     var element = questionLabelRef.current;
     if (neetoCist.isNotPresent(element)) return;
@@ -357,7 +315,7 @@ var Card = function Card(_ref) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex items-center gap-1",
-      children: [isSmsReminderQuestion && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$g({
+      children: [isSmsReminderQuestion && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$f({
         description: t("neetoForm.smsReminder.popoverDescription"),
         popoverProps: {
           position: "top"
@@ -396,8 +354,8 @@ var Card = function Card(_ref) {
   });
 };
 
-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; }
+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 Questions = function Questions(_ref) {
   var questions = _ref.questions,
     isDeletable = _ref.isDeletable,
@@ -414,7 +372,7 @@ var Questions = function Questions(_ref) {
       var droppableProps = _ref2.droppableProps,
         placeholder = _ref2.placeholder,
         innerRef = _ref2.innerRef;
-      return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$f(_objectSpread$f({}, droppableProps), {}, {
+      return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$e(_objectSpread$e({}, droppableProps), {}, {
         className: "space-y-2",
         ref: innerRef,
         children: [questions.map(function (question, index) {
@@ -427,7 +385,7 @@ var Questions = function Questions(_ref) {
             var draggableProps = _ref3.draggableProps,
               dragHandleProps = _ref3.dragHandleProps,
               innerRef = _ref3.innerRef;
-            return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f(_objectSpread$f({}, draggableProps), dragHandleProps), {}, {
+            return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$e(_objectSpread$e(_objectSpread$e({}, draggableProps), dragHandleProps), {}, {
               ref: innerRef,
               children: /*#__PURE__*/jsxRuntime.jsx(Card, {
                 allQuestionKinds: allQuestionKinds,
@@ -459,8 +417,8 @@ var arrayHelpers = {
   moveItem: moveItem
 };
 
-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$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 isChoiceQuestion = function isChoiceQuestion(question) {
   return ramda.includes(question === null || question === void 0 ? void 0 : question.kind, constants.SELECTABLE_KINDS);
 };
@@ -487,12 +445,24 @@ var generateFieldCodePrefix = function generateFieldCodePrefix(label, kind) {
   }
   return addSuffixForReservedFieldCode(prefix) || "";
 };
-var generateUniqueFieldCode = function generateUniqueFieldCode(_ref) {
-  var questions = _ref.questions,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    _ref$kind = _ref.kind,
-    kind = _ref$kind === void 0 ? "" : _ref$kind;
+var modifyDefaultValues = function modifyDefaultValues(_ref) {
+  var values = _ref.values,
+    kind = _ref.kind,
+    selectedLanguage = _ref.selectedLanguage,
+    isUsingDefaultQuestionKinds = _ref.isUsingDefaultQuestionKinds;
+  if (!ramda.includes(kind, constants.SELECTABLE_KINDS) || constants.isDefaultLanguage(selectedLanguage) || !isUsingDefaultQuestionKinds) {
+    return values;
+  }
+  return ramda.evolve({
+    optionsAttributes: ramda.map(ramda.assoc("label", ""))
+  }, values);
+};
+var generateUniqueFieldCode = function generateUniqueFieldCode(_ref2) {
+  var questions = _ref2.questions,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? "" : _ref2$label,
+    _ref2$kind = _ref2.kind,
+    kind = _ref2$kind === void 0 ? "" : _ref2$kind;
   var prefix = generateFieldCodePrefix(label, kind);
   var uniqueNumber = Math.max.apply(Math, [0].concat(_toConsumableArray(getUniqueNumbersFromExistingFieldCodes(prefix, questions))));
   var candidateFieldCode = "";
@@ -508,37 +478,45 @@ var generateUniqueFieldCode = function generateUniqueFieldCode(_ref) {
   }
   return candidateFieldCode;
 };
-var isQuestionKindAlreadyActive = function isQuestionKindAlreadyActive(_ref2) {
-  var activeQuestions = _ref2.activeQuestions,
-    kind = _ref2.kind;
+var isQuestionKindAlreadyActive = function isQuestionKindAlreadyActive(_ref3) {
+  var activeQuestions = _ref3.activeQuestions,
+    kind = _ref3.kind;
   return activeQuestions.some(function (activeQuestion) {
     return activeQuestion.kind === kind.type && activeQuestion._destroy !== true;
   });
 };
-var handleFieldDragEnd = function handleFieldDragEnd(_ref3) {
-  var items = _ref3.items,
-    setValue = _ref3.setValue,
-    source = _ref3.source,
-    destination = _ref3.destination;
+var handleFieldDragEnd = function handleFieldDragEnd(_ref4) {
+  var items = _ref4.items,
+    setValue = _ref4.setValue,
+    source = _ref4.source,
+    destination = _ref4.destination;
   if (!(destination && items instanceof Array)) return;
   var nextItems = _toConsumableArray(items);
   arrayHelpers.moveItem(nextItems, source.index, destination.index);
   var orderedItems = nextItems.map(function (item, index) {
-    return _objectSpread$e(_objectSpread$e({}, item), {}, {
+    return _objectSpread$d(_objectSpread$d({}, item), {}, {
       displayOrder: index
     });
   });
   setValue("questions", orderedItems);
 };
-var createFieldData = function createFieldData(_ref4) {
-  var _ref4$kind = _ref4.kind,
-    defaults = _ref4$kind.defaults,
-    type = _ref4$kind.type,
-    metadata = _ref4$kind.metadata,
-    _ref4$isRequired = _ref4.isRequired,
-    isRequired = _ref4$isRequired === void 0 ? undefined : _ref4$isRequired,
-    questions = _ref4.questions;
-  return _objectSpread$e(_objectSpread$e({}, defaults), {}, {
+var createFieldData = function createFieldData(_ref5) {
+  var _ref5$kind = _ref5.kind,
+    defaults = _ref5$kind.defaults,
+    type = _ref5$kind.type,
+    metadata = _ref5$kind.metadata,
+    _ref5$isRequired = _ref5.isRequired,
+    isRequired = _ref5$isRequired === void 0 ? undefined : _ref5$isRequired,
+    questions = _ref5.questions,
+    selectedLanguage = _ref5.selectedLanguage,
+    isUsingDefaultQuestionKinds = _ref5.isUsingDefaultQuestionKinds;
+  var modifiedDefaultValues = modifyDefaultValues({
+    values: defaults,
+    kind: type,
+    selectedLanguage: selectedLanguage,
+    isUsingDefaultQuestionKinds: isUsingDefaultQuestionKinds
+  });
+  return _objectSpread$d(_objectSpread$d({}, modifiedDefaultValues), {}, {
     metadata: metadata,
     isRequired: isRequired,
     kind: type,
@@ -550,10 +528,10 @@ var createFieldData = function createFieldData(_ref4) {
     })
   });
 };
-var duplicateFieldData = function duplicateFieldData(_ref5) {
-  var item = _ref5.item,
-    questionKinds = _ref5.questionKinds,
-    questions = _ref5.questions;
+var duplicateFieldData = function duplicateFieldData(_ref6) {
+  var item = _ref6.item,
+    questionKinds = _ref6.questionKinds,
+    questions = _ref6.questions;
   var isRequired = item.isRequired,
     kind = item.kind,
     optionsAttributes = item.optionsAttributes;
@@ -563,10 +541,10 @@ var duplicateFieldData = function duplicateFieldData(_ref5) {
   var label = index.fieldWithFallback(item, "label");
   var defaultAttributeNames = ramda.keys(questionKind.defaults || {});
   var defaultAttributes = ramda.pick(defaultAttributeNames, item);
-  var newQuestionLabel = isRichTextQuestion(kind) ? label : i18next.t("neetoForm.common.clonedElementLabel", {
+  var newQuestionLabel = constants.isRichTextQuestion(kind) ? label : i18next.t("neetoForm.common.clonedElementLabel", {
     label: label
   });
-  return _objectSpread$e(_objectSpread$e({}, defaultAttributes), {}, {
+  return _objectSpread$d(_objectSpread$d({}, defaultAttributes), {}, {
     isRequired: isRequired,
     kind: kind,
     label: newQuestionLabel,
@@ -580,15 +558,15 @@ var duplicateFieldData = function duplicateFieldData(_ref5) {
     displayOrder: item.displayOrder + 1
   });
 };
-var getAvailableQuestionKinds = function getAvailableQuestionKinds(_ref6) {
-  var allQuestionKinds = _ref6.allQuestionKinds,
-    _ref6$activeQuestions = _ref6.activeQuestions,
-    activeQuestions = _ref6$activeQuestions === void 0 ? [] : _ref6$activeQuestions,
-    isKindAlreadyActive = _ref6.isKindAlreadyActive;
+var getAvailableQuestionKinds = function getAvailableQuestionKinds(_ref7) {
+  var allQuestionKinds = _ref7.allQuestionKinds,
+    _ref7$activeQuestions = _ref7.activeQuestions,
+    activeQuestions = _ref7$activeQuestions === void 0 ? [] : _ref7$activeQuestions,
+    isKindAlreadyActive = _ref7.isKindAlreadyActive;
   if (ramda.isEmpty(activeQuestions)) return allQuestionKinds;
   return ramda.reject(function (kind) {
     var isSingularKind = kind.isSingular;
-    return isAutoGeneratedQuestion(kind.type) || isSingularKind && isKindAlreadyActive({
+    return constants.isAutoGeneratedQuestion(kind.type) || isSingularKind && isKindAlreadyActive({
       activeQuestions: activeQuestions,
       kind: kind
     });
@@ -602,14 +580,14 @@ var AddFirstQuestion = function AddFirstQuestion(_ref) {
     disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var tooltipProps = buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
+  var tooltipProps = constants.buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex h-full flex-col items-center justify-center py-8",
     children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
       showTooltipWhenButtonDisabled: true,
       className: "min-h-80",
       title: t("neetoForm.questions.common.noData"),
-      primaryButtonProps: buildAddQuestionButtonProps(onAdd, isDisabled, tooltipProps)
+      primaryButtonProps: constants.buildAddQuestionButtonProps(onAdd, isDisabled, tooltipProps)
     })
   });
 };
@@ -650,8 +628,8 @@ var INITIAL_VALUES = {
 var VALID_FIELD_CODE_REGEX = /^[a-z0-9]+(_[a-z0-9]+)*$/;
 
 var _excluded$8 = ["label", "name"];
-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$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 FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
   var label = _ref.label,
     name = _ref.name,
@@ -670,7 +648,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
     var end = element.value.length;
     element.setSelectionRange(end, end);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Textarea, _objectSpread$d({
+  return /*#__PURE__*/jsxRuntime.jsx(Textarea, _objectSpread$c({
     label: label,
     name: name,
     className: "neeto-form-nano-adaptive-input",
@@ -736,8 +714,8 @@ var useUpdateEditorContent = function useUpdateEditorContent(_ref) {
     return store.formState.richTextFieldsToReset.includes(fieldCode);
   });
   var setEditorContent = function setEditorContent(content) {
-    var _editorRef$current$ed, _editorRef$current$ed2;
-    return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 ? void 0 : (_editorRef$current$ed2 = _editorRef$current$ed.commands) === null || _editorRef$current$ed2 === void 0 ? void 0 : _editorRef$current$ed2.setContent(content);
+    var _editorRef$current$ed;
+    return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || (_editorRef$current$ed = _editorRef$current$ed.commands) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.setContent(content);
   };
   if (shouldReset) {
     setEditorContent(initialValue);
@@ -778,7 +756,7 @@ var Editor = function Editor() {
   var fieldName = "label";
   var _useField = formik.useField({
       name: fieldName,
-      validate: validateEditorContent(editorRef)
+      validate: constants.validateEditorContent(editorRef)
     }),
     _useField2 = _slicedToArray(_useField, 3),
     value = _useField2[0].value,
@@ -825,8 +803,8 @@ var RequiredSwitch = reactUtils.withT(function (_ref) {
 });
 
 var _excluded$7 = ["maxLength"];
-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$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 InputWithMaxLength = function InputWithMaxLength(_ref) {
   var maxLength = _ref.maxLength,
     props = _objectWithoutProperties(_ref, _excluded$7);
@@ -840,7 +818,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
     }
   }, [value, maxLength, setValue]);
   var shouldShowMaxLength = value && value.length > maxLength - 10;
-  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$c(_objectSpread$c({}, props), shouldShowMaxLength && {
+  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$b(_objectSpread$b({}, props), shouldShowMaxLength && {
     maxLength: maxLength
   }));
 };
@@ -897,14 +875,18 @@ var Form$1 = function Form(_ref) {
     setFieldValue = _useFormikContext.setFieldValue;
   var hideQuestionHelpDoc = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "hideQuestion"]));
   var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
-      var _store$formState, _store$formState2;
+      var _store$formState, _store$formState2, _store$formState3, _store$formState4;
       return {
         enableDomainWhitelisting: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["enableDomainWhitelisting"],
-        enableDomainBlacklisting: (_store$formState2 = store["formState"]) === null || _store$formState2 === void 0 ? void 0 : _store$formState2["enableDomainBlacklisting"]
+        enableDomainBlacklisting: (_store$formState2 = store["formState"]) === null || _store$formState2 === void 0 ? void 0 : _store$formState2["enableDomainBlacklisting"],
+        selectedLanguage: (_store$formState3 = store["formState"]) === null || _store$formState3 === void 0 ? void 0 : _store$formState3["selectedLanguage"],
+        isUsingDefaultQuestionKinds: (_store$formState4 = store["formState"]) === null || _store$formState4 === void 0 ? void 0 : _store$formState4["isUsingDefaultQuestionKinds"]
       };
     }, shallow.shallow),
     enableDomainWhitelisting = _useBuildFormStore.enableDomainWhitelisting,
-    enableDomainBlacklisting = _useBuildFormStore.enableDomainBlacklisting;
+    enableDomainBlacklisting = _useBuildFormStore.enableDomainBlacklisting,
+    selectedLanguage = _useBuildFormStore.selectedLanguage,
+    isUsingDefaultQuestionKinds = _useBuildFormStore.isUsingDefaultQuestionKinds;
   var kind = values.kind;
   var questionKinds = isEdit ? allQuestionKinds : availableQuestionKinds;
   var questionKindUniquenessPattern = ramda.mergeLeft(isEdit && additionalQuestionKindPattern ? additionalQuestionKindPattern(values) : {}, {
@@ -921,7 +903,7 @@ var Form$1 = function Form(_ref) {
     questionProps = _ref2$questionProps === void 0 ? {} : _ref2$questionProps;
   var isRequired = questionKind && isRequiredField(questionKind);
   var isLabelDisabled = questionKind && isDisabledFieldLabel(questionKind);
-  var isImmutable = questionKind && isImmutableField(questionKind);
+  var isImmutable = questionKind && constants.isImmutableField(questionKind);
   var shouldShowPlaceholder = ramda.includes(kind, QUESTIONS_WITH_PLACEHOLDERS);
   var hasAdditionalData = ramda.includes(kind, QUESTIONS_WITH_ADDITIONAL_DATA);
   var shouldShowFieldCode = enableFieldCode && !ramda.includes(kind, constants.QUESTIONS_WITHOUT_FIELD_CODE);
@@ -945,7 +927,9 @@ var Form$1 = function Form(_ref) {
     return createFieldData({
       kind: questionKind,
       isRequired: isRequired,
-      questions: questions
+      questions: questions,
+      selectedLanguage: selectedLanguage,
+      isUsingDefaultQuestionKinds: isUsingDefaultQuestionKinds
     });
   };
   var updateFormState = function updateFormState(data) {
@@ -976,7 +960,7 @@ var Form$1 = function Form(_ref) {
         options: buildKindOptions(questionKinds),
         label: t("neetoForm.questions.common.questionFields.field.questionType"),
         onChange: handleKindChange
-      }), isRichTextQuestion(kind) ? /*#__PURE__*/jsxRuntime.jsx(Editor, {
+      }), constants.isRichTextQuestion(kind) ? /*#__PURE__*/jsxRuntime.jsx(Editor, {
         isLabelDisabled: isLabelDisabled
       }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "space-y-6",
@@ -1045,15 +1029,13 @@ var formValidationSchema = function formValidationSchema() {
     fieldCode: yup__namespace.string().trim().notOneOf(constants.RESERVED_FIELD_CODES, i18next.t("neetoForm.error.invalidFieldCode")).when("kind", function (kind, schema) {
       return enableFieldCode && !ramda.includes(kind, constants.QUESTIONS_WITHOUT_FIELD_CODE) ? fieldCodeValidation(schema, i18next.t("neetoForm.questions.common.questionFields.field.fieldCode")) : schema.notRequired();
     }),
-    optionsAttributes: yup__namespace.array().when("_destroy", {
-      is: true,
-      otherwise: function otherwise(schema) {
-        return schema.when("kind", function (kind, schema) {
-          return ramda.includes(kind, constants.SELECTABLE_KINDS) ? schema.of(yup__namespace.object().shape({
-            label: requiredLabelValidation(yup__namespace.string(), i18next.t("neetoForm.questions.common.questionFields.field.option"))
-          })) : schema.notRequired();
-        });
-      }
+    optionsAttributes: yup__namespace.array().when("kind", function (kind, schema) {
+      return ramda.includes(kind, constants.SELECTABLE_KINDS) ? schema.of(yup__namespace.object().shape({
+        label: yup__namespace.string().when("_destroy", {
+          is: true,
+          otherwise: requiredLabelValidation(yup__namespace.string(), i18next.t("neetoForm.questions.common.questionFields.field.option"))
+        })
+      })) : schema.notRequired();
     }),
     highestRatingLabel: yup__namespace.string().nullable(),
     averageRatingLabel: yup__namespace.string().nullable(),
@@ -1062,8 +1044,8 @@ var formValidationSchema = function formValidationSchema() {
 };
 
 var _excluded$6 = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs", "isOpen"];
-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$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 Add = function Add(_ref) {
   var question = _ref.question,
     onClose = _ref.onClose,
@@ -1094,7 +1076,7 @@ var Add = function Add(_ref) {
   var handleSubmit = function handleSubmit(values) {
     if (isCreating || !isOpen) return;
     var displayOrder = question ? question.displayOrder + 1 : questions.length;
-    createQuestion(_objectSpread$b({
+    createQuestion(_objectSpread$a({
       language: language,
       neetoFormQuestion: ramda.mergeLeft({
         displayOrder: displayOrder
@@ -1123,7 +1105,7 @@ var Add = function Add(_ref) {
         onSubmit: handleSubmit
       },
       children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, props), {}, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, props), {}, {
           question: question,
           questions: questions
         }))), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
@@ -1140,8 +1122,8 @@ var Add = function Add(_ref) {
 };
 
 var _excluded$5 = ["question", "isOpen", "onClose"];
-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$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 Edit = function Edit(_ref) {
   var question = _ref.question,
     isOpen = _ref.isOpen,
@@ -1193,7 +1175,7 @@ var Edit = function Edit(_ref) {
         onSubmit: handleSubmit
       },
       children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$a(_objectSpread$a({}, _objectSpread$a({
+        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$9(_objectSpread$9({}, _objectSpread$9({
           question: question
         }, props)), {}, {
           isEdit: true
@@ -1229,8 +1211,8 @@ var Captcha = reactUtils.withT(function (_ref) {
 });
 
 var _excluded$4 = ["name", "title", "className"];
-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; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SwitchBlock = function SwitchBlock(_ref) {
   var name = _ref.name,
     title = _ref.title,
@@ -1240,7 +1222,7 @@ var SwitchBlock = function SwitchBlock(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(Label, {
     className: classnames("flex items-center justify-start gap-2 ", className),
     "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title && name), "-toggle-label"),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Switch, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, otherProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Switch, _objectSpread$8(_objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, otherProps), {}, {
       name: name
     })), {}, {
       "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title && name), "-switch")
@@ -1252,15 +1234,15 @@ var SwitchBlock = function SwitchBlock(_ref) {
   });
 };
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TitleWithHelpPopover = function TitleWithHelpPopover(_ref) {
   var title = _ref.title,
     description = _ref.description,
     helpLink = _ref.helpLink;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex gap-2",
-    children: [title, /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$8({
+    children: [title, /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread$7({
       description: description,
       popoverProps: {
         position: "top"
@@ -1287,8 +1269,8 @@ var DOMAIN_RESTRICTION_TRANSLATIONS = {
 };
 
 var _excluded$3 = ["children"];
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -1300,8 +1282,8 @@ var STYLES = {
   }
 };
 var MultiValueRemove = function MultiValueRemove(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$7(_objectSpread$7({}, props), {}, {
-    innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(utils.hyphenize(props.data.label), "-remove-icon"))),
+  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$6(_objectSpread$6({}, props), {}, {
+    innerProps: _objectSpread$6(_objectSpread$6({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(utils.hyphenize(props.data.label), "-remove-icon"))),
     children: /*#__PURE__*/jsxRuntime.jsx(Close, {
       size: 16
     })
@@ -1321,8 +1303,8 @@ var ValueContainer = function ValueContainer(_ref) {
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visibleDomainsCount;
-  return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$7(_objectSpread$7({}, props), {}, {
-    innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-domain-input-container")),
+  return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$6(_objectSpread$6({}, props), {}, {
+    innerProps: _objectSpread$6(_objectSpread$6({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-domain-input-container")),
     children: [shouldCollapse ? firstChild.slice(0, visibleDomainsCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag, {
       style: "secondary",
       label: t("neetoForm.common.remainingItemsCount", {
@@ -1332,8 +1314,8 @@ var ValueContainer = function ValueContainer(_ref) {
   }));
 };
 var ClearIndicator = function ClearIndicator(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$7(_objectSpread$7({}, props), {}, {
-    innerProps: _objectSpread$7(_objectSpread$7({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
+  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$6(_objectSpread$6({}, props), {}, {
+    innerProps: _objectSpread$6(_objectSpread$6({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
     children: /*#__PURE__*/jsxRuntime.jsx(Close, {
       className: "cursor-pointer",
       size: 16
@@ -1354,7 +1336,7 @@ var CUSTOM_STYLES = {
   input: ramda.assoc("overflow", "hidden"),
   multiValue: function multiValue(styles, _ref2) {
     var valid = _ref2.data.valid;
-    return _objectSpread$7(_objectSpread$7({}, styles), {}, {
+    return _objectSpread$6(_objectSpread$6({}, styles), {}, {
       border: valid ? STYLES.border["default"] : STYLES.border.error,
       color: valid ? STYLES.color["default"] : STYLES.color.error
     });
@@ -1397,8 +1379,8 @@ var formatErrorMessage = function formatErrorMessage(error) {
 };
 
 var _excluded$2 = ["label", "value", "onChange", "error", "onBlur"];
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiDomainInput = function MultiDomainInput(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -1457,7 +1439,7 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
         "data-cy": "".concat(utils.hyphenize(label), "-input-label"),
         children: label
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect, _objectSpread$6({
+    }), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect, _objectSpread$5({
       isMulti: true,
       required: true,
       classNamePrefix: "neeto-ui-react-select",
@@ -1467,7 +1449,7 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
       className: classnames("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
         "neeto-ui-react-select__container--error": !!error
       }),
-      styles: _objectSpread$6(_objectSpread$6({}, CUSTOM_STYLES), {}, {
+      styles: _objectSpread$5(_objectSpread$5({}, CUSTOM_STYLES), {}, {
         control: ramda.mergeLeft({
           maxHeight: "200px",
           overflowY: "auto"
@@ -1479,7 +1461,7 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
       },
       onInputChange: setInputValue,
       onKeyDown: handleKeyDown
-    }, _objectSpread$6({
+    }, _objectSpread$5({
       inputValue: inputValue,
       isFocused: isFocused,
       onChange: onChange,
@@ -1706,73 +1688,6 @@ var FileUpload = function FileUpload() {
   });
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var defaultConfig = {
-  strict: true,
-  matchKey: "value"
-};
-var findOptionByValue = function findOptionByValue(value) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var configObject = _objectSpread$5(_objectSpread$5({}, defaultConfig), config);
-  var matchKey = configObject.matchKey,
-    strict = configObject.strict;
-  return options.find(function (option) {
-    return (
-      // eslint-disable-next-line eqeqeq
-      strict ? option[matchKey] === value : option[matchKey] == value
-    );
-  });
-};
-var filterOptionsByValues = function filterOptionsByValues() {
-  var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var configObject = _objectSpread$5(_objectSpread$5({}, defaultConfig), config);
-  var matchKey = configObject.matchKey,
-    strict = configObject.strict;
-  return options.filter(function (option) {
-    return values.some(function (value) {
-      return (
-        // eslint-disable-next-line eqeqeq
-        strict ? option[matchKey] === value : option[matchKey] == value
-      );
-    });
-  });
-};
-var destroyFromList = function destroyFromList(items, index) {
-  var itemToRemove = items[index];
-  if (itemToRemove) {
-    var nextItems = _toConsumableArray(items);
-    nextItems.splice(index, 1);
-    if (itemToRemove.id) {
-      nextItems.push(_objectSpread$5(_objectSpread$5({}, itemToRemove), {}, {
-        _destroy: true
-      }));
-    }
-    return nextItems;
-  }
-  return items;
-};
-var insertToList = function insertToList(items, item, index) {
-  var nextItems = _toConsumableArray(items !== null && items !== void 0 ? items : []);
-  nextItems.splice(index, 0, item);
-  return nextItems;
-};
-var pushToList = function pushToList(items, item) {
-  var nextItems = _toConsumableArray(items !== null && items !== void 0 ? items : []);
-  nextItems.push(item);
-  return nextItems;
-};
-var formHelpers = {
-  findOptionByValue: findOptionByValue,
-  filterOptionsByValues: filterOptionsByValues,
-  destroyFromList: destroyFromList,
-  insertToList: insertToList,
-  pushToList: pushToList
-};
-
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Options = function Options(_ref) {
@@ -1786,9 +1701,10 @@ var Options = function Options(_ref) {
       };
     }, shallow.shallow),
     selectedLanguage = _useBuildFormStore.selectedLanguage;
-  var _useField = formik.useField("optionsAttributes"),
-    _useField2 = _slicedToArray(_useField, 3),
-    optionsAttributes = _useField2[0].value;
+  var name = "optionsAttributes";
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3);
+    _useField2[0];
     _useField2[1];
     var setOptionsAttributes = _useField2[2].setValue;
   var _ref2 = questionProps || {},
@@ -1800,73 +1716,28 @@ var Options = function Options(_ref) {
     disableAddOption = _ref2$disableAddOptio === void 0 ? false : _ref2$disableAddOptio,
     _ref2$disableRemoveOp = _ref2.disableRemoveOption,
     disableRemoveOption = _ref2$disableRemoveOp === void 0 ? false : _ref2$disableRemoveOp;
-  var handleRemoveOption = function handleRemoveOption(index) {
-    var nextOptions = formHelpers.destroyFromList(optionsAttributes, index);
-    setOptionsAttributes(nextOptions);
-  };
   var isManageOptionDisabled = index.isFunction(freezeOptions) ? freezeOptions(selectedLanguage) : freezeOptions;
   var isAddOptionDisabled = disableAddOption || isManageOptionDisabled;
   var isRemoveOptionDisabled = disableRemoveOption || isManageOptionDisabled;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "w-full",
-    children: /*#__PURE__*/jsxRuntime.jsx(formik.FieldArray, {
-      name: "optionsAttributes",
-      children: function children(_ref3) {
-        var handlePush = _ref3.handlePush;
-        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$4(_objectSpread$4({
-            className: "mb-1 block"
-          }, optionLabelProps), {}, {
-            children: t("neetoForm.questions.common.questionFields.field.options")
-          })), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "flex w-2/3 flex-col space-y-2",
-            children: optionsAttributes === null || optionsAttributes === void 0 ? void 0 : optionsAttributes.map(function (option, index) {
-              var _option$id;
-              return !option._destroy && /*#__PURE__*/jsxRuntime.jsxs("div", {
-                className: "flex items-start gap-1",
-                "data-cy": "neeto-form-engine-option-".concat(index),
-                children: [/*#__PURE__*/jsxRuntime.jsx(InputWithMaxLength, {
-                  required: true,
-                  disabled: isManageOptionDisabled,
-                  name: "optionsAttributes.".concat(index, ".label"),
-                  placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
-                    number: index + 1
-                  })
-                }), !isRemoveOptionDisabled && /*#__PURE__*/jsxRuntime.jsx(Button, {
-                  "data-cy": "neeto-form-engine-delete-option-button",
-                  icon: Delete,
-                  size: "small",
-                  style: "text",
-                  className: classnames({
-                    invisible: index < constants.MINIMUM_OPTIONS
-                  }),
-                  tooltipProps: {
-                    position: "top",
-                    content: t("neetoForm.common.delete")
-                  },
-                  onClick: function onClick() {
-                    return handleRemoveOption(index);
-                  }
-                })]
-              }, "question-option-".concat((_option$id = option.id) !== null && _option$id !== void 0 ? _option$id : index));
-            })
-          }), !isAddOptionDisabled && /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "mt-3 w-full",
-            children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-              "data-cy": "neeto-form-engine-add-option-button",
-              icon: Plus,
-              iconPosition: "left",
-              size: "small",
-              style: "text",
-              label: t("neetoForm.questions.common.questionFields.field.addOption"),
-              onClick: handlePush({
-                label: ""
-              })
-            })
-          })]
-        });
-      }
-    })
+    children: [/*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$4(_objectSpread$4({
+      className: "mb-2 block"
+    }, optionLabelProps), {}, {
+      children: t("neetoForm.questions.common.questionFields.field.options")
+    })), /*#__PURE__*/jsxRuntime.jsx(OptionFields, {
+      name: name,
+      shouldDestroy: true,
+      destroyFlagName: "_destroy",
+      disabled: isManageOptionDisabled,
+      draggable: !isManageOptionDisabled,
+      isAddOptionEnabled: !isAddOptionDisabled,
+      isDeleteOptionEnabled: !isRemoveOptionDisabled,
+      isNewItemsPrefilled: constants.isDefaultLanguage(selectedLanguage),
+      minOptions: constants.MINIMUM_OPTIONS,
+      shouldResetEmptyOptionOnBlur: false,
+      onChange: setOptionsAttributes
+    })]
   });
 };
 
@@ -2074,15 +1945,15 @@ var AddQuestion = function AddQuestion(_ref) {
   var onAdd = _ref.onAdd,
     disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
     isDisabled = _ref.isDisabled;
-  var tooltipProps = buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
+  var tooltipProps = constants.buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
   return /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread$2(_objectSpread$2({}, tooltipProps), {}, {
     children: /*#__PURE__*/jsxRuntime.jsx("span", {
-      children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$2({}, buildAddQuestionButtonProps(onAdd, isDisabled)))
+      children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$2({}, constants.buildAddQuestionButtonProps(onAdd, isDisabled)))
     })
   }));
 };
 
-var _excluded = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "buildRequestArgs", "enableDomainBlacklisting", "enableDomainWhitelisting", "helpDocUrls", "questionsHelpProps"];
+var _excluded = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "buildRequestArgs", "enableDomainBlacklisting", "enableDomainWhitelisting", "helpDocUrls", "questionsHelpProps", "isUsingDefaultQuestionKinds"];
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = function Form(_ref) {
@@ -2114,6 +1985,7 @@ var Form = function Form(_ref) {
     enableDomainWhitelisting = _ref.enableDomainWhitelisting,
     helpDocUrls = _ref.helpDocUrls,
     questionsHelpProps = _ref.questionsHelpProps,
+    isUsingDefaultQuestionKinds = _ref.isUsingDefaultQuestionKinds,
     formDomProps = _objectWithoutProperties(_ref, _excluded);
   var containerRef = React.useRef();
   var _useTranslation = reactI18next.useTranslation(),
@@ -2163,9 +2035,10 @@ var Form = function Form(_ref) {
       selectedLanguage: selectedLanguage,
       helpDocUrls: helpDocUrls,
       enableDomainBlacklisting: enableDomainBlacklisting,
-      enableDomainWhitelisting: enableDomainWhitelisting
+      enableDomainWhitelisting: enableDomainWhitelisting,
+      isUsingDefaultQuestionKinds: isUsingDefaultQuestionKinds
     });
-  }, [formId, isFormEnabled, savedTitle, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage, helpDocUrls, enableDomainBlacklisting, enableDomainWhitelisting]);
+  }, [formId, isFormEnabled, savedTitle, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage, helpDocUrls, enableDomainBlacklisting, enableDomainWhitelisting, isUsingDefaultQuestionKinds]);
   var questions = values.questions;
   var handleSelect = function handleSelect(question) {
     setSelectedQuestion(question);
@@ -2211,7 +2084,7 @@ var Form = function Form(_ref) {
     enabled: !(isDeleteAlertOpen || isManageQuestionPaneOpen)
   });
   React.useEffect(function () {
-    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(questions);
+    onValueChange === null || onValueChange === void 0 || onValueChange(questions);
   }, [questions]);
   var availableQuestionKinds = getAvailableQuestionKinds({
     allQuestionKinds: questionKinds,
@@ -2400,7 +2273,7 @@ var BuildForm = function BuildForm(_ref) {
     isQuestionsLoading = _ref2.isQuestionsLoading;
   React.useEffect(function () {
     if (data) {
-      onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(data);
+      onUpdate === null || onUpdate === void 0 || onUpdate(data);
     }
   }, [data]);
   if (isLoading || showLoader && isQuestionsLoading && !isQuestionsPending) {
@@ -2414,7 +2287,7 @@ var BuildForm = function BuildForm(_ref) {
     var setSubmitting = _ref4.setSubmitting;
     var payload = {
       neetoFormQuestions: {
-        questions: buildReorderPayload(questions)
+        questions: constants.buildReorderPayload(questions)
       }
     };
     reorderQuestions(payload, {
@@ -2438,11 +2311,12 @@ var BuildForm = function BuildForm(_ref) {
     return ramda.concat(constants.MANDATORY_KINDS, requiredFields).includes(kind);
   };
   var isDisabledFieldLabel = function isDisabledFieldLabel(field) {
-    return isImmutableField(field) || (isFieldLabelDisabled !== null && isFieldLabelDisabled !== void 0 ? isFieldLabelDisabled : ramda.F)(field);
+    return constants.isImmutableField(field) || (isFieldLabelDisabled !== null && isFieldLabelDisabled !== void 0 ? isFieldLabelDisabled : ramda.F)(field);
   };
   var defaultQuestionKinds = allowAdditionalGuests ? constants.QUESTION_KINDS : neetoCist.removeBy({
     type: constants$1.QUESTION_KIND.ADDITIONAL_GUESTS.value
   }, constants.QUESTION_KINDS);
+  var isUsingDefaultQuestionKinds = ramda.isNil(questionKinds);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: classnames("neeto-form-nano-form-outer-wrapper relative", className),
     children: [/*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
@@ -2474,6 +2348,7 @@ var BuildForm = function BuildForm(_ref) {
           isKindAlreadyActive: isKindAlreadyActive,
           isReordering: isReordering,
           isRequiredField: isRequiredField,
+          isUsingDefaultQuestionKinds: isUsingDefaultQuestionKinds,
           kindUniqueOn: kindUniqueOn,
           onLanguageChange: onLanguageChange,
           onValueChange: onValueChange,
@@ -2484,7 +2359,7 @@ var BuildForm = function BuildForm(_ref) {
           submitButtonProps: submitButtonProps
         })), {}, {
           formId: id,
-          questionKinds: ramda.isNil(questionKinds) ? defaultQuestionKinds : questionKinds,
+          questionKinds: isUsingDefaultQuestionKinds ? defaultQuestionKinds : questionKinds,
           onChange: function onChange(event) {
             if (ramda.isEmpty(errors)) return;
             setFieldError(event.target.name);