@bigbinary/neeto-form-frontend 3.8.1 → 3.8.3

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

@@ -56,7 +56,8 @@
       "mathCaptcha": "Match captcha",
       "remainingItemsCount": "{{count}} more",
       "domain": "Domain",
-      "domains": "Domains"
+      "domains": "Domains",
+      "viewHelpArticle": "View help article"
     },
     "fields": {
       "mcf": "Multiple choice",
@@ -128,7 +129,8 @@
             "fieldCodeTitle": "Advanced settings",
             "fieldCode": "Field code",
             "fieldCodeHelpDescription": "If you change the field code, any existing shared links containing the old field code as query parameter, will not work correctly. <Link>View help article</Link> for more information.",
-            "questionType": "Question type"
+            "questionType": "Question type",
+            "hideQuestionHelpDescription": "When enabled, this question will not be visible in the created form. It can be used for tracking UTM parameters."
           }
         }
       },

package/dist/BuildForm.js

@@ -7,9 +7,9 @@ import { isPresent, truncate, findBy, isNotPresent, slugify, filterBy, hyphenate
 import { showThumbsUpToastr, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 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-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 { e as useDeleteQuestion, f as useFetchQuestions, g as useCreateQuestion, h as useUpdateQuestion, i as useReorderQuestions, Q as QUERY_KEYS } from './useFormApi-e3476a20.js';
+import { Q as QUESTION_KIND } from './constants-75b78b3a.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-d9148acf.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
@@ -903,6 +903,7 @@ var Form$1 = function Form(_ref) {
     setValues = _useFormikContext.setValues,
     setErrors = _useFormikContext.setErrors,
     setTouched = _useFormikContext.setTouched;
+  var hideQuestionHelpDoc = useBuildFormStore(path(["formState", "helpDocUrls", "hideQuestion"]));
   var kind = values.kind;
   var questionKinds = isEdit ? allQuestionKinds : availableQuestionKinds;
   var questionKindUniquenessPattern = mergeLeft(isEdit && additionalQuestionKindPattern ? additionalQuestionKindPattern(values) : {}, {
@@ -989,6 +990,7 @@ var Form$1 = function Form(_ref) {
           title: t("neetoForm.common.settings"),
           children: [!isImmutable && /*#__PURE__*/jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsx(Switch, {
             label: t("neetoForm.common.hideQuestion"),
+            labelProps: hideSwitchLabelProps(hideQuestionHelpDoc),
             name: "isHidden"
           })]
         }), shouldShowFieldCode && /*#__PURE__*/jsx(FieldCode, {})]
@@ -1943,6 +1945,19 @@ var buildDefaultValueForKind = function buildDefaultValueForKind(questionKind) {
     value: transformValueForOption(questionKind)
   } : undefined;
 };
+var hideSwitchLabelProps = function hideSwitchLabelProps(helpUrl) {
+  return helpUrl ? {
+    helpIconProps: {
+      popoverProps: {
+        description: t("neetoForm.questions.common.questionFields.field.hideQuestionHelpDescription"),
+        helpLinkProps: {
+          href: helpUrl,
+          label: t("neetoForm.common.viewHelpArticle")
+        }
+      }
+    }
+  } : undefined;
+};
 
 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; }
@@ -2142,7 +2157,7 @@ var Form = function Form(_ref) {
         return setIsDeleteAlertOpen(false);
       }
     }), /*#__PURE__*/jsxs(Form$3, _objectSpread$1(_objectSpread$1({
-      className: "neeto-form-nano-form-wrapper flex h-full flex-col"
+      className: "flex flex-col h-full neeto-form-nano-form-wrapper"
     }, formDomProps), {}, {
       noValidate: true,
       children: [formTitle && /*#__PURE__*/jsx(Overview, {
@@ -2153,7 +2168,7 @@ var Form = function Form(_ref) {
         title: formTitle,
         onLanguageChange: handleLanguageChange
       }), /*#__PURE__*/jsx("div", {
-        className: "neeto-form-nano-form-wrapper__body min-h-0 w-full flex-grow space-y-6 overflow-y-auto px-6 pb-6",
+        className: "flex-grow w-full min-h-0 pb-6 space-y-6 overflow-y-auto neeto-form-nano-form-wrapper__body md:px-6",
         children: hasActiveQuestions ? /*#__PURE__*/jsxs("div", {
           className: "space-y-6",
           ref: containerRef,
@@ -2180,7 +2195,7 @@ var Form = function Form(_ref) {
               onSelect: handleSelect
             })
           }), /*#__PURE__*/jsx("div", {
-            className: "mb-8 w-full",
+            className: "w-full mb-8",
             children: /*#__PURE__*/jsx(AddQuestion, {
               disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
               isDisabled: isEmpty(availableQuestionKinds),
@@ -2193,7 +2208,7 @@ var Form = function Form(_ref) {
           onAdd: handleAdd
         })
       }), (showActionBlock || dirty) && /*#__PURE__*/jsx("div", {
-        className: "neeto-ui-border-gray-300 neeto-form-nano-form-wrapper__footer neeto-ui-bg-white sticky bottom-0 flex flex-shrink-0 justify-end border-t px-6 py-4",
+        className: "sticky bottom-0 flex justify-end flex-shrink-0 px-6 py-4 border-t neeto-ui-border-gray-300 neeto-form-nano-form-wrapper__footer neeto-ui-bg-white",
         children: /*#__PURE__*/jsx(ActionBlock, {
           submitButtonProps: submitButtonProps,
           isSubmitting: isReordering,