@bigbinary/neeto-form-frontend 3.5.0 → 3.7.1

package/dist/{buildForm-77b32f08.js → buildForm-354c6d6d.js}

@@ -26,7 +26,8 @@ var useBuildFormStore = zustand.create(reactUtils.withImmutableActions(function
       formId: null,
       enabled: false,
       title: "",
-      richTextFieldsToReset: []
+      richTextFieldsToReset: [],
+      helpDocUrls: {}
     },
     setFormData: function setFormData(arg) {
       return set(ramda.modify("formState", index.isFunction(arg) ? arg : ramda.mergeLeft(arg)));
@@ -39,4 +40,4 @@ var useBuildFormState = function useBuildFormState() {
 
 exports.useBuildFormState = useBuildFormState;
 exports.useBuildFormStore = useBuildFormStore;
-//# sourceMappingURL=buildForm-77b32f08.js.map
+//# sourceMappingURL=buildForm-354c6d6d.js.map

package/dist/buildForm-354c6d6d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildForm-354c6d6d.js","sources":["../app/javascript/src/stores/buildForm.js"],"sourcesContent":["import i18next from \"i18next\";\nimport { noop } from \"neetocist\";\nimport { withImmutableActions } from \"neetocommons/react-utils\";\nimport { mergeLeft, modify, prop } from \"ramda\";\nimport { create } from \"zustand\";\n\nimport { isFunction } from \"utils\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useBuildFormStore = create(\n  withImmutableActions(set => ({\n    formState: {\n      values: {},\n      dirty: false,\n      isSubmitting: false,\n      isValid: true,\n      errors: [],\n      submitForm: noop,\n      resetForm: noop,\n      selectedLanguage: i18next.resolvedLanguage,\n      formId: null,\n      enabled: false,\n      title: \"\",\n      richTextFieldsToReset: [],\n      helpDocUrls: {},\n    },\n\n    setFormData: arg =>\n      set(modify(\"formState\", isFunction(arg) ? arg : mergeLeft(arg))),\n  }))\n);\n\nexport const useBuildFormState = () => useBuildFormStore(prop(\"formState\"));\n\nexport default useBuildFormStore;\n"],"names":["useBuildFormStore","create","withImmutableActions","set","formState","values","dirty","isSubmitting","isValid","errors","submitForm","noop","resetForm","selectedLanguage","i18next","resolvedLanguage","formId","enabled","title","richTextFieldsToReset","helpDocUrls","setFormData","arg","modify","isFunction","mergeLeft","useBuildFormState","prop"],"mappings":";;;;;;;;;;;;;AAQA;AACA,IAAMA,iBAAiB,GAAGC,cAAM,CAC9BC,+BAAoB,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAK;AAC3BC,IAAAA,SAAS,EAAE;MACTC,MAAM,EAAE,EAAE;AACVC,MAAAA,KAAK,EAAE,KAAK;AACZC,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,UAAU,EAAEC,cAAI;AAChBC,MAAAA,SAAS,EAAED,cAAI;MACfE,gBAAgB,EAAEC,2BAAO,CAACC,gBAAgB;AAC1CC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,OAAO,EAAE,KAAK;AACdC,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,qBAAqB,EAAE,EAAE;AACzBC,MAAAA,WAAW,EAAE,EAAC;KACf;IAEDC,WAAW,EAAE,SAAAA,WAAAA,CAAAC,GAAG,EAAA;AAAA,MAAA,OACdnB,GAAG,CAACoB,YAAM,CAAC,WAAW,EAAEC,gBAAU,CAACF,GAAG,CAAC,GAAGA,GAAG,GAAGG,eAAS,CAACH,GAAG,CAAC,CAAC,CAAC,CAAA;AAAA,KAAA;GACnE,CAAA;AAAA,CAAC,CACJ,EAAC;AAEYI,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,OAAS1B,iBAAiB,CAAC2B,UAAI,CAAC,WAAW,CAAC,CAAC,CAAA;AAAA;;;;;"}

package/dist/cjs/BuildForm.js

@@ -10,15 +10,15 @@ var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var ramda = require('ramda');
 var useFormApi = require('../useFormApi-ca36173e.js');
-var constants$1 = require('../constants-f0f38e6f.js');
-var constants = require('../constants-25c02c05.js');
+var constants$1 = require('../constants-43eac775.js');
+var constants = require('../constants-ca5ca2b1.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var dnd = require('@hello-pangea/dnd');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var reactI18next = require('react-i18next');
-var buildForm = require('../buildForm-77b32f08.js');
+var buildForm = require('../buildForm-354c6d6d.js');
 var shallow = require('zustand/shallow');
 var Alert = require('@bigbinary/neetoui/Alert');
 var index = require('../index-b6bb805c.js');
@@ -27,6 +27,7 @@ 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 HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
 var i18next = require('i18next');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -43,7 +44,6 @@ var Input = require('@bigbinary/neetoui/formik/Input');
 var utils$1 = require('@bigbinary/neeto-editor/utils');
 var yup = require('yup');
 var Radio = require('@bigbinary/neetoui/formik/Radio');
-var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
 var Label = require('@bigbinary/neetoui/Label');
 var CreatableSelect = require('react-select/creatable');
 var _toArray = require('@babel/runtime/helpers/toArray');
@@ -92,6 +92,7 @@ var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
 var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
@@ -106,7 +107,6 @@ var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
-var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 var CreatableSelect__default = /*#__PURE__*/_interopDefaultLegacy(CreatableSelect);
 var _toArray__default = /*#__PURE__*/_interopDefaultLegacy(_toArray);
@@ -291,8 +291,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__default["default"](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__default["default"](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;
@@ -307,8 +307,12 @@ var buildReorderPayload = function buildReorderPayload(questions) {
   }, {}, 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$g({
+  return _objectSpread$h({
     "data-cy": "neeto-form-engine-add-question-button",
     disabled: isDisabled,
     label: i18next.t("neetoForm.questions.common.primaryPanel.addQuestion"),
@@ -322,13 +326,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: 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__default["default"](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,
@@ -339,19 +345,31 @@ var Card = function Card(_ref) {
     onEdit = _ref.onEdit,
     onClone = _ref.onClone,
     onDelete = _ref.onDelete;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    isTooltipEnabled = _useState2[0],
+    setIsTooltipEnabled = _useState2[1];
+  var questionLabelRef = React.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var smsReminderHelpDocUrl = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "smsReminder"]));
   var _getActiveKindDetails = getActiveKindDetails({
       allQuestionKinds: allQuestionKinds,
       item: question
     }),
     kind = _getActiveKindDetails.kind,
     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;
+  React.useEffect(function () {
+    var element = questionLabelRef.current;
+    if (neetoCist.isNotPresent(element)) return;
+    setIsTooltipEnabled(constants.isElementOverflowing(element));
+  }, [questionLabel]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     "data-cy": "neeto-form-engine-".concat(neetoCist.slugify(questionLabel)),
-    className: classnames__default["default"]("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__default["default"]("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() {
@@ -361,38 +379,56 @@ var Card = function Card(_ref) {
       className: "flex min-w-0 flex-grow items-center gap-1",
       children: [/*#__PURE__*/jsxRuntime.jsx(constants.Drag, {
         className: "neeto-ui-text-gray-600 flex-shrink-0"
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        className: "line-clamp-2 min-w-0 flex-grow truncate break-words",
-        lineHeight: "snug",
-        style: "body2",
-        weight: "medium",
-        children: questionLabel
+      }), /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+        content: questionLabel,
+        disabled: !isTooltipEnabled,
+        position: "top",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "line-clamp-2 min-w-0 flex-grow truncate break-words",
+          lineHeight: "snug",
+          ref: questionLabelRef,
+          style: "body2",
+          weight: "medium",
+          children: questionLabel
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center gap-1",
+      children: [isSmsReminderQuestion && /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], _objectSpread$g({
+        description: t("neetoForm.smsReminder.popoverDescription"),
+        popoverProps: {
+          position: "top"
+        }
+      }, smsReminderHelpDocUrl && {
+        helpLinkProps: {
+          href: smsReminderHelpDocUrl
+        }
+      })), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+        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 && index.isFunction(onClone),
+          onClick: onClone
+        }, {
+          "data-cy": "delete-question",
+          key: "delete",
+          label: t("neetoForm.common.delete"),
+          isVisible: index.isFunction(onDelete),
+          onClick: onDelete
+        }]
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
-      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 && index.isFunction(onClone),
-        onClick: onClone
-      }, {
-        "data-cy": "delete-question",
-        key: "delete",
-        label: t("neetoForm.common.delete"),
-        isVisible: index.isFunction(onDelete),
-        onClick: onDelete
-      }]
     })]
   });
 };
@@ -621,7 +657,7 @@ var getAvailableQuestionKinds = function getAvailableQuestionKinds(_ref5) {
   if (ramda.isEmpty(activeQuestions)) return allQuestionKinds;
   return ramda.reject(function (kind) {
     var isSingularKind = kind.isSingular;
-    return isSingularKind && isKindAlreadyActive({
+    return isAutoGeneratedQuestion(kind.type) || isSingularKind && isKindAlreadyActive({
       activeQuestions: activeQuestions,
       kind: kind
     });
@@ -660,9 +696,10 @@ var NAME = constants.QUESTION_TYPES.NAME,
   RATING$1 = constants.QUESTION_TYPES.RATING,
   DATE = constants.QUESTION_TYPES.DATE,
   FILE_UPLOAD$1 = constants.QUESTION_TYPES.FILE_UPLOAD,
-  CAPTCHA$1 = constants.QUESTION_TYPES.CAPTCHA;
+  CAPTCHA$1 = constants.QUESTION_TYPES.CAPTCHA,
+  SMS_REMINDER = constants.QUESTION_TYPES.SMS_REMINDER;
 var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray__default["default"](constants.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: i18next.t("neetoForm.questions.common.questionFields.field.labelExample", {
     what: i18next.t("neetoForm.common.hobbies")
@@ -876,9 +913,10 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
   }));
 };
 
-var FieldCode = reactUtils.withT(function (_ref) {
-  var helpDocUrl = _ref.helpDocUrl,
-    t = _ref.t;
+var FieldCode = function FieldCode() {
+  var helpDocUrl = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "fieldCode"]));
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   return /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"], {
     className: "neeto-form-nano-advanced-properties-accordion",
     "data-cy": "advanced-properties-card",
@@ -902,7 +940,7 @@ var FieldCode = reactUtils.withT(function (_ref) {
       })
     })
   });
-});
+};
 
 var Form$1 = function Form(_ref) {
   var questions = _ref.questions,
@@ -914,9 +952,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 = reactI18next.useTranslation(),
@@ -942,10 +978,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 = 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);
-  var shouldShowHideSwitch = !ramda.includes(kind, constants.QUESTIONS_WITHOUT_FIELD_CODE);
+  var shouldShowHideSwitch = !ramda.includes(kind, constants.NON_HIDEABLE_FIELDS);
+  var isSettingsBlockVisible = !isRequired && (!isImmutable || shouldShowHideSwitch);
   var handleKindChange = function handleKindChange(option) {
     var data = buildQuestionData(option);
     updateFormState(data);
@@ -1003,19 +1041,16 @@ var Form$1 = function Form(_ref) {
           }), hasAdditionalData && renderAdditionalData({
             kind: kind,
             questionProps: questionProps,
-            domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
             enableDomainRestriction: enableDomainRestriction
           })]
-        }), !isRequired && /*#__PURE__*/jsxRuntime.jsxs(Block, {
+        }), isSettingsBlockVisible && /*#__PURE__*/jsxRuntime.jsxs(Block, {
           dataCy: "settings-card",
           title: t("neetoForm.common.settings"),
-          children: [/*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+          children: [!isImmutable && /*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
             label: t("neetoForm.common.hideQuestion"),
             name: "isHidden"
           })]
-        }), shouldShowFieldCode && /*#__PURE__*/jsxRuntime.jsx(FieldCode, {
-          helpDocUrl: fieldCodeHelpDocUrl
-        })]
+        }), shouldShowFieldCode && /*#__PURE__*/jsxRuntime.jsx(FieldCode, {})]
       })]
     })
   });
@@ -1060,7 +1095,7 @@ var formValidationSchema = yup__namespace.object().shape({
   lowestRatingLabel: yup__namespace.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__default["default"](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) {
@@ -1070,8 +1105,6 @@ var Add = function Add(_ref) {
     handleSelect = _ref.handleSelect,
     buildRequestArgs = _ref.buildRequestArgs,
     isOpen = _ref.isOpen,
-    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
-    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
   var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
       var _store$formState, _store$formState2;
@@ -1125,8 +1158,6 @@ var Add = function Add(_ref) {
       },
       children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, props), {}, {
-          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
-          fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           question: question,
           questions: questions
         }))), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
@@ -1142,15 +1173,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__default["default"](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__default["default"](_ref, _excluded$5);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -1199,8 +1228,6 @@ var Edit = function Edit(_ref) {
       },
       children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$a(_objectSpread$a({}, _objectSpread$a({
-          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
-          fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           question: question
         }, props)), {}, {
           isEdit: true
@@ -1544,12 +1571,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__default["default"](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 = formik.useFormikContext(),
     _useFormikContext$val = _useFormikContext.values.isDomainRestrictionEnabled,
     isDomainRestrictionEnabled = _useFormikContext$val === void 0 ? false : _useFormikContext$val;
+  var helpDocUrl = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "domainRestriction"]));
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -1564,9 +1590,9 @@ var Email = function Email(_ref) {
           popoverProps: {
             position: "top"
           }
-        }, domainRestrictionHelpDocUrl && {
+        }, helpDocUrl && {
           helpLinkProps: {
-            href: domainRestrictionHelpDocUrl
+            href: helpDocUrl
           }
         }))]
       })
@@ -1928,7 +1954,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:
@@ -1946,9 +1971,7 @@ var renderAdditionalData = function renderAdditionalData(_ref2) {
     case CAPTCHA:
       return /*#__PURE__*/jsxRuntime.jsx(Captcha, {});
     case EMAIL:
-      return enableDomainRestriction ? /*#__PURE__*/jsxRuntime.jsx(Email, {
-        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl
-      }) : null;
+      return enableDomainRestriction ? /*#__PURE__*/jsxRuntime.jsx(Email, {}) : null;
     default:
       return null;
   }
@@ -1980,7 +2003,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__default["default"](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) {
@@ -1989,8 +2012,6 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     action = _ref.action,
     question = _ref.question,
     availableQuestionKinds = _ref.availableQuestionKinds,
-    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
-    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
   var initialFocusRef = React.useRef(null);
   var Component = resolveActionComponent(action);
@@ -2000,8 +2021,6 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     onClose: onClose,
     children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$3({}, _objectSpread$3({
       availableQuestionKinds: availableQuestionKinds,
-      domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
-      fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
       initialFocusRef: initialFocusRef,
       isOpen: isOpen,
       onClose: onClose,
@@ -2024,7 +2043,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__default["default"](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) {
@@ -2052,9 +2071,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__default["default"](_ref, _excluded);
   var containerRef = React.useRef();
   var _useTranslation = reactI18next.useTranslation(),
@@ -2101,9 +2119,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);
@@ -2246,10 +2265,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,
@@ -2311,10 +2328,9 @@ 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,
+    helpDocUrls = _ref.helpDocUrls,
     className = _ref.className;
   var queryClient = reactQuery.useQueryClient();
   var _useReorderQuestions = useFormApi.useReorderQuestions(id, {
@@ -2367,14 +2383,14 @@ var BuildForm = function BuildForm(_ref) {
     }
   };
   var isDeletable = isQuestionDeletable !== null && isQuestionDeletable !== void 0 ? isQuestionDeletable : function (question) {
-    return !nonRemovableFields.includes(question.kind);
+    return !ramda.concat(constants.IMMUTABLE_KINDS, nonRemovableFields).includes(question.kind);
   };
   var isRequiredField = isFieldRequired !== null && isFieldRequired !== void 0 ? isFieldRequired : function (_ref5) {
     var kind = _ref5.kind;
     return ramda.concat(constants.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 : ramda.F)(field);
   };
   var defaultQuestionKinds = allowAdditionalGuests ? constants.QUESTION_KINDS : neetoCist.removeBy({
     type: constants$1.QUESTION_KIND.ADDITIONAL_GUESTS.value
@@ -2397,13 +2413,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,