@bigbinary/neeto-form-frontend 3.5.0 → 3.7.0

package/app/javascript/src/translations/ar.json

@@ -2,6 +2,7 @@
   "neetoForm": {
     "common": {
       "addGuests": "اضافة ضيوف",
+      "addGuestsHelper": "أدخل رسائل البريد الإلكتروني مفصولة بفاصلة.",
       "phoneNumberValidation": "رقم الهاتف يبدأ برمز البلد",
       "mustAcceptTermsAndConditions": "يجب أن توافق على الشروط والأحكام",
       "mustAcceptCondition": "يجب أن تقبل الشرط للاستمرار",

package/app/javascript/src/translations/de.json

@@ -2,6 +2,7 @@
   "neetoForm": {
     "common": {
       "addGuests": "Gäste hinzufügen",
+      "addGuestsHelper": "Geben Sie E-Mails durch Komma getrennt ein.",
       "phoneNumberValidation": "Telefonnummer beginnend mit der Landesvorwahl",
       "mustAcceptTermsAndConditions": "Du musst die Geschäftsbedingungen akzeptieren",
       "mustAcceptCondition": "Sie müssen die Bedingung akzeptieren, um fortfahren zu können",

package/app/javascript/src/translations/en.json

@@ -78,7 +78,8 @@
       "iif": "Integer",
       "dif": "Decimal",
       "fileUpload": "File upload",
-      "captcha": "Captcha"
+      "captcha": "Captcha",
+      "smsReminder": "SMS reminder"
     },
     "toasts": {
       "formSubmitted": "Form has been submitted successfully!"
@@ -116,7 +117,7 @@
         "questionFields": {
           "field": {
             "question": "Question",
-            "placeholder": "Placeholder",
+            "placeholder": "Placeholder text",
             "required": "Required",
             "addOption": "Add new option",
             "option": "Option",
@@ -181,6 +182,9 @@
       "popoverDescription": "Enter domains that should be restricted. Emails with these domains will not be accepted.",
       "helpText": "Press space, tab or enter key after adding a domain.",
       "removeInvalidDomains": "Click here to remove invalid domains."
+    },
+    "smsReminder": {
+      "popoverDescription": "This question is displayed because SMS reminders are enabled. To remove this question, please disable SMS reminders."
     }
   }
 }

package/app/javascript/src/translations/es.json

@@ -2,6 +2,7 @@
   "neetoForm": {
     "common": {
       "addGuests": "Agregar invitados",
+      "addGuestsHelper": "Introduzca los correos electrónicos separados por coma.",
       "phoneNumberValidation": "Número de teléfono que comienza con el código de país",
       "mustAcceptTermsAndConditions": "Debe aceptar los Términos y Condiciones",
       "mustAcceptCondition": "Debes aceptar la condición para continuar",

package/app/javascript/src/translations/fr.json

@@ -2,6 +2,7 @@
   "neetoForm": {
     "common": {
       "addGuests": "Ajouter des invités",
+      "addGuestsHelper": "Saisissez les e-mails séparés par une virgule.",
       "phoneNumberValidation": "Numéro de téléphone commençant par l'indicatif du pays",
       "mustAcceptTermsAndConditions": "Vous devez accepter les Termes et Conditions",
       "mustAcceptCondition": "Vous devez accepter la condition pour continuer",

package/app/javascript/src/translations/nl.json

@@ -2,6 +2,7 @@
   "neetoForm": {
     "common": {
       "addGuests": "Voeg gasten toe",
+      "addGuestsHelper": "Voer e-mailadressen in, gescheiden door een komma.",
       "phoneNumberValidation": "Telefoonnummer beginnend met landcode",
       "mustAcceptTermsAndConditions": "U moet de voorwaarden accepteren",
       "mustAcceptCondition": "U moet de voorwaarde accepteren om door te gaan",

package/app/javascript/src/translations/pl.json

@@ -2,6 +2,7 @@
   "neetoForm": {
     "common": {
       "addGuests": "Dodaj gości",
+      "addGuestsHelper": "Wpisz adresy e-mail oddzielone przecinkami.",
       "phoneNumberValidation": "Numer telefonu zaczynający się od numeru kierunkowego kraju",
       "mustAcceptTermsAndConditions": "Musisz zaakceptować warunki",
       "mustAcceptCondition": "Aby kontynuować, musisz zaakceptować warunek",

package/app/javascript/src/translations/pt.json

@@ -2,6 +2,7 @@
   "neetoForm": {
     "common": {
       "addGuests": "Adicionar convidados",
+      "addGuestsHelper": "Insira os e-mails separados por vírgula.",
       "phoneNumberValidation": "Número de telefone começando com o código do país",
       "mustAcceptTermsAndConditions": "Você deve aceitar os Termos e Condições",
       "mustAcceptCondition": "Você deve aceitar a condição para prosseguir",

package/dist/BuildForm.js

@@ -1,22 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useState, createElement, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect, createElement } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 import classnames from 'classnames';
 import { useFormikContext, useField, FieldArray, Form as Form$3, Formik } from 'formik';
-import { isPresent, truncate, findBy, slugify, filterBy, hyphenate, noop, nullSafe, removeBy } from '@bigbinary/neeto-cist';
+import { isPresent, truncate, findBy, isNotPresent, slugify, filterBy, hyphenate, noop, nullSafe, removeBy } from '@bigbinary/neeto-cist';
 import { showThumbsUpToastr, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { equals, includes, __, reduce, assoc, when, isEmpty, reject, keys, pick, omit, pluck, modify, without, path, mergeLeft, isNil, pipe, filter, isNotNil, uniq, join, map, test, difference, prop, split, last, concat } from 'ramda';
+import { equals, includes, __, reduce, assoc, path, when, isEmpty, reject, keys, pick, omit, pluck, modify, without, mergeLeft, isNil, pipe, filter, isNotNil, uniq, join, map, test, difference, prop, split, last, concat, F } from 'ramda';
 import { e as useDeleteQuestion, f as useFetchQuestions, g as useCreateQuestion, h as useUpdateQuestion, i as useReorderQuestions, Q as QUERY_KEYS } from './useFormApi-d733cb8d.js';
-import { Q as QUESTION_KIND } from './constants-9310a7c2.js';
-import { I as INDEPENDENT_LABELS_MAP, R as RICH_TEXT_QUESTIONS, h as htmlToPlainText, D as Drag, S as SELECTABLE_KINDS, a as RESERVED_FIELD_CODES, Q as QUESTION_TYPES, b as QUESTIONS_WITHOUT_FIELD_CODE, C as CAPTCHA_TYPES, F as FILE_TYPES_MAP, c as FILE_GROUPS, M as MINIMUM_OPTIONS, d as RATING_OPTIONS, e as STAR_RATING_MIN_VALUE_OPTIONS, f as STAR_RATING_MAX_VALUE_OPTIONS, g as STAR_RATING_ICONS_MAP, i as QUESTION_ACTIONS, j as QUESTION_KINDS, k as getActiveQuestionKindDetails, l as DEFAULT_AVAILABLE_LANGUAGES, m as QUESTIONS_INITIAL_VALUE, n as MANDATORY_KINDS } from './constants-8afd221a.js';
+import { Q as QUESTION_KIND } from './constants-3d8a5374.js';
+import { I as INDEPENDENT_LABELS_MAP, R as RICH_TEXT_QUESTIONS, A as AUTO_GENERATED_KINDS, a as IMMUTABLE_KINDS, h as htmlToPlainText, i as isElementOverflowing, D as Drag, Q as QUESTION_TYPES, S as SELECTABLE_KINDS, b as RESERVED_FIELD_CODES, c as QUESTIONS_WITHOUT_FIELD_CODE, N as NON_HIDEABLE_FIELDS, C as CAPTCHA_TYPES, F as FILE_TYPES_MAP, d as FILE_GROUPS, M as MINIMUM_OPTIONS, e as RATING_OPTIONS, f as STAR_RATING_MIN_VALUE_OPTIONS, g as STAR_RATING_MAX_VALUE_OPTIONS, j as STAR_RATING_ICONS_MAP, k as QUESTION_ACTIONS, l as QUESTION_KINDS, m as getActiveQuestionKindDetails, n as DEFAULT_AVAILABLE_LANGUAGES, o as QUESTIONS_INITIAL_VALUE, p as MANDATORY_KINDS } from './constants-669f203a.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
 import { isMetaKeyPressed, withT, useStateWithDependency, useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { useTranslation, Trans } from 'react-i18next';
-import { a as useBuildFormStore } from './buildForm-4a5a5251.js';
+import { a as useBuildFormStore } from './buildForm-042737cb.js';
 import { shallow } from 'zustand/shallow';
 import Alert from '@bigbinary/neetoui/Alert';
 import { f as fieldWithFallback, i as isFunction } from './index-2664c3e7.js';
@@ -25,6 +25,7 @@ import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Typography from '@bigbinary/neetoui/Typography';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
+import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
 import { t } from 'i18next';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -41,7 +42,6 @@ import Input from '@bigbinary/neetoui/formik/Input';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import * as yup from 'yup';
 import Radio from '@bigbinary/neetoui/formik/Radio';
-import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
 import Label from '@bigbinary/neetoui/Label';
 import CreatableSelect from 'react-select/creatable';
 import _toArray from '@babel/runtime/helpers/toArray';
@@ -232,8 +232,8 @@ var Overview = function Overview(_ref) {
   });
 };
 
-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$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;
@@ -248,8 +248,12 @@ var buildReorderPayload = function buildReorderPayload(questions) {
   }, {}, questions);
 };
 var isRichTextQuestion = includes(__, RICH_TEXT_QUESTIONS);
+var isAutoGeneratedQuestion = includes(__, AUTO_GENERATED_KINDS);
+var isImmutableField = function isImmutableField(field) {
+  return IMMUTABLE_KINDS.includes(field.kind);
+};
 var buildAddQuestionButtonProps = function buildAddQuestionButtonProps(onAdd, isDisabled, tooltipProps) {
-  return _objectSpread$g({
+  return _objectSpread$h({
     "data-cy": "neeto-form-engine-add-question-button",
     disabled: isDisabled,
     label: t("neetoForm.questions.common.primaryPanel.addQuestion"),
@@ -263,13 +267,15 @@ var buildAddQuestionButtonProps = function buildAddQuestionButtonProps(onAdd, is
 };
 var buildDisabledAddButtonTooltipProps = function buildDisabledAddButtonTooltipProps(isDisabled) {
   var disabledAddButtonTooltipProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _objectSpread$g({
+  return _objectSpread$h({
     disabled: !isDisabled,
     position: "top",
     content: 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; }
 var Card = function Card(_ref) {
   var _ref$question = _ref.question,
     question = _ref$question === void 0 ? {} : _ref$question,
@@ -280,19 +286,31 @@ var Card = function Card(_ref) {
     onEdit = _ref.onEdit,
     onClone = _ref.onClone,
     onDelete = _ref.onDelete;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTooltipEnabled = _useState2[0],
+    setIsTooltipEnabled = _useState2[1];
+  var questionLabelRef = useRef(null);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var smsReminderHelpDocUrl = useBuildFormStore(path(["formState", "helpDocUrls", "smsReminder"]));
   var _getActiveKindDetails = getActiveKindDetails({
       allQuestionKinds: allQuestionKinds,
       item: question
     }),
     kind = _getActiveKindDetails.kind,
     isSingular = _getActiveKindDetails.isSingular;
+  var isSmsReminderQuestion = kind === QUESTION_TYPES.SMS_REMINDER;
   var label = fieldWithFallback(question, "label");
   var questionLabel = isRichTextQuestion(kind) ? htmlToPlainText(label) : label;
+  useEffect(function () {
+    var element = questionLabelRef.current;
+    if (isNotPresent(element)) return;
+    setIsTooltipEnabled(isElementOverflowing(element));
+  }, [questionLabel]);
   return /*#__PURE__*/jsxs("div", {
     "data-cy": "neeto-form-engine-".concat(slugify(questionLabel)),
-    className: classnames("neeto-ui-rounded neeto-ui-border-gray-300 neeto-ui-bg-white neeto-form-nano-form__card flex h-10 w-full items-center justify-between border p-2", {
+    className: classnames("neeto-ui-rounded neeto-ui-border-gray-300 neeto-ui-bg-white neeto-form-nano-form__card flex h-10 w-full items-center justify-between gap-1 border p-2", {
       "neeto-ui-border-primary-500 neeto-form-nano-form__card--active": isActive
     }),
     onClick: function onClick() {
@@ -302,38 +320,56 @@ var Card = function Card(_ref) {
       className: "flex min-w-0 flex-grow items-center gap-1",
       children: [/*#__PURE__*/jsx(Drag, {
         className: "neeto-ui-text-gray-600 flex-shrink-0"
-      }), /*#__PURE__*/jsx(Typography, {
-        className: "line-clamp-2 min-w-0 flex-grow truncate break-words",
-        lineHeight: "snug",
-        style: "body2",
-        weight: "medium",
-        children: questionLabel
+      }), /*#__PURE__*/jsx(Tooltip, {
+        content: questionLabel,
+        disabled: !isTooltipEnabled,
+        position: "top",
+        children: /*#__PURE__*/jsx(Typography, {
+          className: "line-clamp-2 min-w-0 flex-grow truncate break-words",
+          lineHeight: "snug",
+          ref: questionLabelRef,
+          style: "body2",
+          weight: "medium",
+          children: questionLabel
+        })
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: "flex items-center gap-1",
+      children: [isSmsReminderQuestion && /*#__PURE__*/jsx(HelpPopover, _objectSpread$g({
+        description: t("neetoForm.smsReminder.popoverDescription"),
+        popoverProps: {
+          position: "top"
+        }
+      }, smsReminderHelpDocUrl && {
+        helpLinkProps: {
+          href: smsReminderHelpDocUrl
+        }
+      })), /*#__PURE__*/jsx(MoreDropdown, {
+        dropdownButtonProps: {
+          className: "shrink-0"
+        },
+        dropdownProps: {
+          strategy: "fixed"
+        },
+        menuItems: [{
+          "data-cy": "edit-question",
+          key: "edit",
+          label: t("neetoForm.common.edit"),
+          onClick: onEdit
+        }, {
+          "data-cy": "clone-question",
+          key: "clone",
+          label: t("neetoForm.common.clone"),
+          isVisible: !isSingular && isFunction(onClone),
+          onClick: onClone
+        }, {
+          "data-cy": "delete-question",
+          key: "delete",
+          label: t("neetoForm.common.delete"),
+          isVisible: isFunction(onDelete),
+          onClick: onDelete
+        }]
       })]
-    }), /*#__PURE__*/jsx(MoreDropdown, {
-      dropdownButtonProps: {
-        className: "shrink-0"
-      },
-      dropdownProps: {
-        strategy: "fixed"
-      },
-      menuItems: [{
-        "data-cy": "edit-question",
-        key: "edit",
-        label: t("neetoForm.common.edit"),
-        onClick: onEdit
-      }, {
-        "data-cy": "clone-question",
-        key: "clone",
-        label: t("neetoForm.common.clone"),
-        isVisible: !isSingular && isFunction(onClone),
-        onClick: onClone
-      }, {
-        "data-cy": "delete-question",
-        key: "delete",
-        label: t("neetoForm.common.delete"),
-        isVisible: isFunction(onDelete),
-        onClick: onDelete
-      }]
     })]
   });
 };
@@ -562,7 +598,7 @@ var getAvailableQuestionKinds = function getAvailableQuestionKinds(_ref5) {
   if (isEmpty(activeQuestions)) return allQuestionKinds;
   return reject(function (kind) {
     var isSingularKind = kind.isSingular;
-    return isSingularKind && isKindAlreadyActive({
+    return isAutoGeneratedQuestion(kind.type) || isSingularKind && isKindAlreadyActive({
       activeQuestions: activeQuestions,
       kind: kind
     });
@@ -601,9 +637,10 @@ var NAME = QUESTION_TYPES.NAME,
   RATING$1 = QUESTION_TYPES.RATING,
   DATE = QUESTION_TYPES.DATE,
   FILE_UPLOAD$1 = QUESTION_TYPES.FILE_UPLOAD,
-  CAPTCHA$1 = QUESTION_TYPES.CAPTCHA;
+  CAPTCHA$1 = QUESTION_TYPES.CAPTCHA,
+  SMS_REMINDER = QUESTION_TYPES.SMS_REMINDER;
 var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray(SELECTABLE_KINDS), [STAR_RATING$1, RATING$1, FILE_UPLOAD$1, CAPTCHA$1, EMAIL$1]);
-var QUESTIONS_WITH_PLACEHOLDERS = [NAME, PHONE, EMAIL$1, ADDITIONAL_GUESTS, TEXT, TEXTAREA, RICH_TEXT, INTEGER, DECIMAL, DATE];
+var QUESTIONS_WITH_PLACEHOLDERS = [NAME, PHONE, EMAIL$1, ADDITIONAL_GUESTS, TEXT, TEXTAREA, RICH_TEXT, INTEGER, DECIMAL, DATE, SMS_REMINDER];
 var DEFAULT_PLACEHOLDERS = {
   CHECKBOX: t("neetoForm.questions.common.questionFields.field.labelExample", {
     what: t("neetoForm.common.hobbies")
@@ -817,9 +854,10 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
   }));
 };
 
-var FieldCode = withT(function (_ref) {
-  var helpDocUrl = _ref.helpDocUrl,
-    t = _ref.t;
+var FieldCode = function FieldCode() {
+  var helpDocUrl = useBuildFormStore(path(["formState", "helpDocUrls", "fieldCode"]));
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   return /*#__PURE__*/jsx(Accordion, {
     className: "neeto-form-nano-advanced-properties-accordion",
     "data-cy": "advanced-properties-card",
@@ -843,7 +881,7 @@ var FieldCode = withT(function (_ref) {
       })
     })
   });
-});
+};
 
 var Form$1 = function Form(_ref) {
   var questions = _ref.questions,
@@ -855,9 +893,7 @@ var Form$1 = function Form(_ref) {
     availableQuestionKinds = _ref.availableQuestionKinds,
     getActiveKindDetails = _ref.getActiveKindDetails,
     additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
-    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
     enableDomainRestriction = _ref.enableDomainRestriction,
-    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     _ref$isEdit = _ref.isEdit,
     isEdit = _ref$isEdit === void 0 ? false : _ref$isEdit;
   var _useTranslation = useTranslation(),
@@ -883,10 +919,12 @@ 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 shouldShowPlaceholder = includes(kind, QUESTIONS_WITH_PLACEHOLDERS);
   var hasAdditionalData = includes(kind, QUESTIONS_WITH_ADDITIONAL_DATA);
   var shouldShowFieldCode = enableFieldCode && !includes(kind, QUESTIONS_WITHOUT_FIELD_CODE);
-  var shouldShowHideSwitch = !includes(kind, QUESTIONS_WITHOUT_FIELD_CODE);
+  var shouldShowHideSwitch = !includes(kind, NON_HIDEABLE_FIELDS);
+  var isSettingsBlockVisible = !isRequired && (!isImmutable || shouldShowHideSwitch);
   var handleKindChange = function handleKindChange(option) {
     var data = buildQuestionData(option);
     updateFormState(data);
@@ -944,19 +982,16 @@ var Form$1 = function Form(_ref) {
           }), hasAdditionalData && renderAdditionalData({
             kind: kind,
             questionProps: questionProps,
-            domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
             enableDomainRestriction: enableDomainRestriction
           })]
-        }), !isRequired && /*#__PURE__*/jsxs(Block, {
+        }), isSettingsBlockVisible && /*#__PURE__*/jsxs(Block, {
           dataCy: "settings-card",
           title: t("neetoForm.common.settings"),
-          children: [/*#__PURE__*/jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsx(Switch, {
+          children: [!isImmutable && /*#__PURE__*/jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsx(Switch, {
             label: t("neetoForm.common.hideQuestion"),
             name: "isHidden"
           })]
-        }), shouldShowFieldCode && /*#__PURE__*/jsx(FieldCode, {
-          helpDocUrl: fieldCodeHelpDocUrl
-        })]
+        }), shouldShowFieldCode && /*#__PURE__*/jsx(FieldCode, {})]
       })]
     })
   });
@@ -1001,7 +1036,7 @@ var formValidationSchema = yup.object().shape({
   lowestRatingLabel: yup.string().nullable()
 });
 
-var _excluded$6 = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs", "isOpen", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
+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; }
 var Add = function Add(_ref) {
@@ -1011,8 +1046,6 @@ var Add = function Add(_ref) {
     handleSelect = _ref.handleSelect,
     buildRequestArgs = _ref.buildRequestArgs,
     isOpen = _ref.isOpen,
-    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
-    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     props = _objectWithoutProperties(_ref, _excluded$6);
   var _useBuildFormStore = useBuildFormStore(function (store) {
       var _store$formState, _store$formState2;
@@ -1066,8 +1099,6 @@ var Add = function Add(_ref) {
       },
       children: /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Form$1, _objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, props), {}, {
-          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
-          fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           question: question,
           questions: questions
         }))), /*#__PURE__*/jsx(Pane.Footer, {
@@ -1083,15 +1114,13 @@ var Add = function Add(_ref) {
   });
 };
 
-var _excluded$5 = ["question", "isOpen", "onClose", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
+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; }
 var Edit = function Edit(_ref) {
   var question = _ref.question,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
-    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
-    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     props = _objectWithoutProperties(_ref, _excluded$5);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -1140,8 +1169,6 @@ var Edit = function Edit(_ref) {
       },
       children: /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Form$1, _objectSpread$a(_objectSpread$a({}, _objectSpread$a({
-          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
-          fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           question: question
         }, props)), {}, {
           isEdit: true
@@ -1485,12 +1512,11 @@ var RestrictedDomains = function RestrictedDomains() {
 
 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 Email = function Email(_ref) {
-  var _ref$domainRestrictio = _ref.domainRestrictionHelpDocUrl,
-    domainRestrictionHelpDocUrl = _ref$domainRestrictio === void 0 ? "" : _ref$domainRestrictio;
+var Email = function Email() {
   var _useFormikContext = useFormikContext(),
     _useFormikContext$val = _useFormikContext.values.isDomainRestrictionEnabled,
     isDomainRestrictionEnabled = _useFormikContext$val === void 0 ? false : _useFormikContext$val;
+  var helpDocUrl = useBuildFormStore(path(["formState", "helpDocUrls", "domainRestriction"]));
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxs("div", {
@@ -1505,9 +1531,9 @@ var Email = function Email(_ref) {
           popoverProps: {
             position: "top"
           }
-        }, domainRestrictionHelpDocUrl && {
+        }, helpDocUrl && {
           helpLinkProps: {
-            href: domainRestrictionHelpDocUrl
+            href: helpDocUrl
           }
         }))]
       })
@@ -1869,7 +1895,6 @@ var transformValueForOption = function transformValueForOption(_ref) {
 var renderAdditionalData = function renderAdditionalData(_ref2) {
   var kind = _ref2.kind,
     questionProps = _ref2.questionProps,
-    domainRestrictionHelpDocUrl = _ref2.domainRestrictionHelpDocUrl,
     enableDomainRestriction = _ref2.enableDomainRestriction;
   switch (kind) {
     case CHECKBOX:
@@ -1887,9 +1912,7 @@ var renderAdditionalData = function renderAdditionalData(_ref2) {
     case CAPTCHA:
       return /*#__PURE__*/jsx(Captcha, {});
     case EMAIL:
-      return enableDomainRestriction ? /*#__PURE__*/jsx(Email, {
-        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl
-      }) : null;
+      return enableDomainRestriction ? /*#__PURE__*/jsx(Email, {}) : null;
     default:
       return null;
   }
@@ -1921,7 +1944,7 @@ var buildDefaultValueForKind = function buildDefaultValueForKind(questionKind) {
   } : undefined;
 };
 
-var _excluded$1 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
+var _excluded$1 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds"];
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ManageQuestionPane = function ManageQuestionPane(_ref) {
@@ -1930,8 +1953,6 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     action = _ref.action,
     question = _ref.question,
     availableQuestionKinds = _ref.availableQuestionKinds,
-    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
-    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var initialFocusRef = useRef(null);
   var Component = resolveActionComponent(action);
@@ -1941,8 +1962,6 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     onClose: onClose,
     children: /*#__PURE__*/jsx(Component, _objectSpread$3({}, _objectSpread$3({
       availableQuestionKinds: availableQuestionKinds,
-      domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
-      fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
       initialFocusRef: initialFocusRef,
       isOpen: isOpen,
       onClose: onClose,
@@ -1965,7 +1984,7 @@ var AddQuestion = function AddQuestion(_ref) {
   }));
 };
 
-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", "fieldCodeHelpDocUrl", "enableDomainRestriction", "domainRestrictionHelpDocUrl"];
+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", "enableDomainRestriction", "helpDocUrls"];
 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) {
@@ -1993,9 +2012,8 @@ var Form = function Form(_ref) {
     additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
     showActionBlock = _ref.showActionBlock,
     buildRequestArgs = _ref.buildRequestArgs,
-    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
     enableDomainRestriction = _ref.enableDomainRestriction,
-    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    helpDocUrls = _ref.helpDocUrls,
     formDomProps = _objectWithoutProperties(_ref, _excluded);
   var containerRef = useRef();
   var _useTranslation = useTranslation(),
@@ -2042,9 +2060,10 @@ var Form = function Form(_ref) {
       errors: errors,
       submitForm: submitForm,
       resetForm: resetForm,
-      selectedLanguage: selectedLanguage
+      selectedLanguage: selectedLanguage,
+      helpDocUrls: helpDocUrls
     });
-  }, [formId, isFormEnabled, savedTitle, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage]);
+  }, [formId, isFormEnabled, savedTitle, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage, helpDocUrls]);
   var questions = values.questions;
   var handleSelect = function handleSelect(question) {
     setSelectedQuestion(question);
@@ -2187,10 +2206,8 @@ var Form = function Form(_ref) {
         additionalQuestionKindPattern: additionalQuestionKindPattern,
         availableQuestionKinds: availableQuestionKinds,
         buildRequestArgs: buildRequestArgs,
-        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
         enableDomainRestriction: enableDomainRestriction,
         enableFieldCode: enableFieldCode,
-        fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
         getActiveKindDetails: getActiveKindDetails,
         handleSelect: handleSelect,
         isDisabledFieldLabel: isDisabledFieldLabel,
@@ -2252,10 +2269,10 @@ var BuildForm = function BuildForm(_ref) {
     _ref$additionalAction = _ref.additionalActionOptions,
     additionalActionOptions = _ref$additionalAction === void 0 ? [] : _ref$additionalAction,
     additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
-    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
     _ref$enableDomainRest = _ref.enableDomainRestriction,
     enableDomainRestriction = _ref$enableDomainRest === void 0 ? true : _ref$enableDomainRest,
-    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    _ref$helpDocUrls = _ref.helpDocUrls,
+    helpDocUrls = _ref$helpDocUrls === void 0 ? {} : _ref$helpDocUrls,
     className = _ref.className;
   var queryClient = useQueryClient();
   var _useReorderQuestions = useReorderQuestions(id, {
@@ -2308,14 +2325,14 @@ var BuildForm = function BuildForm(_ref) {
     }
   };
   var isDeletable = isQuestionDeletable !== null && isQuestionDeletable !== void 0 ? isQuestionDeletable : function (question) {
-    return !nonRemovableFields.includes(question.kind);
+    return !concat(IMMUTABLE_KINDS, nonRemovableFields).includes(question.kind);
   };
   var isRequiredField = isFieldRequired !== null && isFieldRequired !== void 0 ? isFieldRequired : function (_ref5) {
     var kind = _ref5.kind;
     return concat(MANDATORY_KINDS, requiredFields).includes(kind);
   };
-  var isDisabledFieldLabel = isFieldLabelDisabled !== null && isFieldLabelDisabled !== void 0 ? isFieldLabelDisabled : function () {
-    return false;
+  var isDisabledFieldLabel = function isDisabledFieldLabel(field) {
+    return isImmutableField(field) || (isFieldLabelDisabled !== null && isFieldLabelDisabled !== void 0 ? isFieldLabelDisabled : F)(field);
   };
   var defaultQuestionKinds = allowAdditionalGuests ? QUESTION_KINDS : removeBy({
     type: QUESTION_KIND.ADDITIONAL_GUESTS.value
@@ -2338,13 +2355,12 @@ var BuildForm = function BuildForm(_ref) {
           buildRequestArgs: buildRequestArgs,
           cancelButtonProps: cancelButtonProps,
           disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
-          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
           enableDomainRestriction: enableDomainRestriction,
           enableFieldCode: enableFieldCode,
-          fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           formDescription: formDescription,
           formTitle: formTitle,
           getActiveKindDetails: getActiveKindDetails,
+          helpDocUrls: helpDocUrls,
           isDeletable: isDeletable,
           isDisabledFieldLabel: isDisabledFieldLabel,
           isFormEnabled: isFormEnabled,