@bigbinary/neeto-form-frontend 4.4.10 → 4.4.11

package/README.md

@@ -7,7 +7,7 @@ nano exports `@bigbinary/neeto-form-frontend` NPM package and
 See
 [this page](https://github.com/search?q=org%3Abigbinary+%22neeto-form-engine+%28%22&type=code)
 to find host applications using this nano. Changes made in the nano should be
-rolled out to all of them, especially migrations.
+rolled out to all of them, especially migrations..
 
 # Contents
 
@@ -65,8 +65,6 @@ model. It also stores submissions.
    mount NeetoFormEngine::Engine, at: "/neeto_form"
    ```
 
-   **NOTE: The mount point must be `/neeto_form` and cannot be changed to any
-   other path.**
 
 6. Create file `neeto_form_engine.rb` under `config/initializers` to provide the
    `owner_class` information

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

@@ -144,7 +144,7 @@
             "questionType": "Question type",
             "hideQuestionHelpDescription": "When enabled, this question will not be visible in the created form. It can be used to track \"reference ids\" and UTM parameters.",
             "responseVisibleOnlyToHostHelpDescription": "When enabled, the response to this question will only be visible to the host",
-            "readOnlyHelpDescription": "When enabled, the client will only be able to see the answer of this question, but will not be able to change the answer of this question. Since you are marking this question as \"read-only\" you should pre-fill the question with an answer.",
+            "readOnlyHelpDescription": "When enabled, the client will only be able to see the answer of this question, but will not be able to change the answer of this question. Since you are marking this question as \"read-only\". You should pre-fill the question with an answer.",
             "fitImagesHelpDescription": "When enabled, images zoom to fill the entire space (some edges may get cut off). When disabled, the complete image is shown (may have empty space around it).",
             "verifyHuman": "Verify that you are a human",
             "pictureChoiceSettings": "Picture choice settings",
@@ -154,6 +154,14 @@
           }
         }
       },
+      "textarea": {
+        "minimumWords": "Minimum number of words",
+        "minimumWordsHelpDescription": "User must type specified number of words otherwise user will not be able to submit the form.",
+        "minimumWordsError_one": "Minimum {{count}} word is required.",
+        "minimumWordsError_other": "Minimum {{count}} words are required.",
+        "minimumWordsMinError": "Minimum number of words must be 1 or higher.",
+        "minimumWordsMaxError": "Number of words can't be higher than 10,000."
+      },
       "opinionScale": {
         "showLabels": "Show labels",
         "leftLabel": "Left label",

package/dist/.ready

@@ -0,0 +1 @@
+Built at 2026-03-26T11:40:05.395Z

package/dist/BuildForm.js

@@ -4,7 +4,7 @@ import { isPresent, truncate, findBy, isNotPresent, slugify, existsBy, findById,
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { equals, path, when, assoc, includes, isEmpty, reject, keys, pick, omit, evolve, map, mergeLeft, isNil, pipe, filter, isNotNil, values, uniq, join, pathSatisfies, assocPath, dissoc, append, pluck, test, paths, difference, prop, startsWith, split, last, either, F, T } from 'ramda';
 import { k as useDeleteQuestion, Q as QUESTION_TYPES, b as useForm, l as useCreateQuestion, m as useUpdateQuestion, C as CAPTCHA_TYPES, n as useReorderQuestions, i as QUERY_KEYS } from './constants-Cj0XxE8a.js';
-import { j as QUESTION_ACTIONS, k as INDEPENDENT_LABELS_MAP, l as buildDisplayLabel, m as isElementOverflowing, n as Drag, o as SELECTABLE_KINDS, p as isAutoGeneratedQuestion, q as isRichTextQuestion, r as SPOT_QUESTION_FIELD_CODE, N as NON_BASIC_LATIN_CHARACTERS_REGEX, s as RESERVED_FIELD_CODES, t as renameKey, f as LABEL_FIELDS, u as isDefaultLanguage, v as buildAddQuestionButtonProps, w as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, x as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, y as NON_HIDEABLE_FIELDS, z as NON_READ_ONLY_FIELDS, O as OPINION_LABEL_MAX_LENGTH, B as RICH_TEXT_QUESTIONS, e as ADDRESS_FIELD_WIDTHS, A as ADDRESS_FIELD_TYPES, G as generateDefaultOptions, M as MINIMUM_ADDRESS_FIELDS, H as getDeletedRecords, J as randomId, K as getActiveRecords, T as FILE_TYPES_MAP, U as FILE_GROUPS, V as OPINION_SCALE_MIN_VALUE_OPTIONS, W as OPINION_SCALE_MAX_VALUE_OPTIONS, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, X as MINIMUM_OPTIONS, Y as IMAGE_HEIGHT_SLIDER_DEFAULTS, Z as RATING_OPTIONS, _ as STAR_RATING_MIN_VALUE_OPTIONS, $ as STAR_RATING_MAX_VALUE_OPTIONS, a0 as STAR_RATING_ICONS_MAP, a1 as buildDisabledAddButtonHelpPopoverProps, a2 as buildReorderPayload, a3 as QUESTIONS_INITIAL_VALUE, a4 as isMandatoryField, a5 as QUESTION_KINDS, a as QUESTION_KIND, a6 as getActiveQuestionKindDetails, a7 as DEFAULT_AVAILABLE_LANGUAGES, a8 as DEFAULT_ADVANCED_FEATURES } from './yup-CSYHMEsr.js';
+import { j as QUESTION_ACTIONS, k as INDEPENDENT_LABELS_MAP, l as buildDisplayLabel, m as isElementOverflowing, n as Drag, o as SELECTABLE_KINDS, p as isAutoGeneratedQuestion, q as isRichTextQuestion, r as SPOT_QUESTION_FIELD_CODE, N as NON_BASIC_LATIN_CHARACTERS_REGEX, s as RESERVED_FIELD_CODES, t as renameKey, f as LABEL_FIELDS, u as isDefaultLanguage, v as buildAddQuestionButtonProps, w as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, M as MIN_WORDS_SWITCH_LABEL_PROPS, x as MIN_WORDS, y as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, z as NON_HIDEABLE_FIELDS, B as NON_READ_ONLY_FIELDS, O as OPINION_LABEL_MAX_LENGTH, G as RICH_TEXT_QUESTIONS, e as ADDRESS_FIELD_WIDTHS, A as ADDRESS_FIELD_TYPES, H as generateDefaultOptions, J as MINIMUM_ADDRESS_FIELDS, K as getDeletedRecords, T as randomId, U as getActiveRecords, V as FILE_TYPES_MAP, W as FILE_GROUPS, X as OPINION_SCALE_MIN_VALUE_OPTIONS, Y as OPINION_SCALE_MAX_VALUE_OPTIONS, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, Z as MINIMUM_OPTIONS, _ as IMAGE_HEIGHT_SLIDER_DEFAULTS, $ as RATING_OPTIONS, a0 as STAR_RATING_MIN_VALUE_OPTIONS, a1 as STAR_RATING_MAX_VALUE_OPTIONS, a2 as STAR_RATING_ICONS_MAP, a3 as buildDisabledAddButtonHelpPopoverProps, a4 as buildReorderPayload, a5 as QUESTIONS_INITIAL_VALUE, a6 as isMandatoryField, a7 as QUESTION_KINDS, a as QUESTION_KIND, a8 as getActiveQuestionKindDetails, a9 as DEFAULT_AVAILABLE_LANGUAGES, aa as DEFAULT_ADVANCED_FEATURES } from './yup-B3JGBWm7.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useRef, useEffect, createElement } from 'react';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
@@ -35,9 +35,10 @@ import { useFormikContext, useField } from 'formik';
 import Accordion from '@bigbinary/neetoui/Accordion';
 import Select from '@bigbinary/neetoui/formik/Select';
 import Switch from '@bigbinary/neetoui/formik/Switch';
-import Textarea from '@bigbinary/neetoui/formik/Textarea';
+import Textarea$1 from '@bigbinary/neetoui/formik/Textarea';
 import NeetoEditor from '@bigbinary/neeto-editor/Editor';
 import Input from '@bigbinary/neetoui/formik/Input';
+import Switch$1 from '@bigbinary/neetoui/Switch';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import * as yup from 'yup';
 import OptionFields from '@bigbinary/neeto-molecules/OptionFields';
@@ -661,7 +662,9 @@ var INITIAL_VALUES = {
   kind: "",
   label: "",
   fieldCode: "",
-  isSplitMode: false
+  isSplitMode: false,
+  minWords: null,
+  isMinWordsEnabled: false
 };
 var VALID_FIELD_CODE_REGEX = /^[a-z0-9]+(_[a-z0-9]+)*$/;
 var DRAFT_ID_PREFIX = "draft-";
@@ -691,7 +694,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
     var end = element.value.length;
     element.setSelectionRange(end, end);
   };
-  return /*#__PURE__*/jsx(Textarea, _objectSpread$g({
+  return /*#__PURE__*/jsx(Textarea$1, _objectSpread$g({
     label: label,
     name: name,
     className: "neeto-form-nano-adaptive-input",
@@ -992,6 +995,38 @@ var FieldCode = function FieldCode() {
   });
 };
 
+var Textarea = function Textarea() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useField = useField("minWords"),
+    _useField2 = _slicedToArray(_useField, 3),
+    setMinWords = _useField2[2].setValue;
+  var _useField3 = useField("isMinWordsEnabled"),
+    _useField4 = _slicedToArray(_useField3, 3),
+    isMinWordsEnabled = _useField4[0].value,
+    setIsMinWordsEnabled = _useField4[2].setValue;
+  var handleToggleChange = function handleToggleChange() {
+    var isEnabled = !isMinWordsEnabled;
+    setIsMinWordsEnabled(isEnabled);
+    setMinWords(isEnabled ? MIN_WORDS.DEFAULT : null);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col gap-2",
+    children: [/*#__PURE__*/jsx(Switch$1, {
+      checked: isMinWordsEnabled,
+      label: t("neetoForm.questions.textarea.minimumWords"),
+      labelProps: MIN_WORDS_SWITCH_LABEL_PROPS,
+      onChange: handleToggleChange
+    }), isMinWordsEnabled && /*#__PURE__*/jsx(Input, {
+      className: "w-42 ms-14",
+      max: MIN_WORDS.MAX,
+      min: MIN_WORDS.MIN,
+      name: "minWords",
+      type: "number"
+    })]
+  });
+};
+
 var Form$1 = function Form(_ref) {
   var questions = _ref.questions,
     initialFocusRef = _ref.initialFocusRef,
@@ -1035,7 +1070,8 @@ var Form$1 = function Form(_ref) {
     usesCustomSubmissionComponent = _useBuildFormStore.usesCustomSubmissionComponent;
   var isFieldCodeEnabled = advancedFeatures.fieldCode,
     markResponsesAsReadOnly = advancedFeatures.markResponsesAsReadOnly,
-    restrictResponseVisibilityToHost = advancedFeatures.restrictResponseVisibilityToHost;
+    restrictResponseVisibilityToHost = advancedFeatures.restrictResponseVisibilityToHost,
+    enforceMinWordsInMultiLineTexts = advancedFeatures.enforceMinWordsInMultiLineTexts;
   var kind = values.kind;
   var questionKinds = isEdit ? allQuestionKinds : availableQuestionKinds;
   var questionKindUniquenessPattern = mergeLeft(isEdit && kindUniqueOn ? kindUniqueOn(values) : {}, {
@@ -1062,8 +1098,9 @@ var Form$1 = function Form(_ref) {
   var shouldShowHideSwitch = isFieldCodeEnabled && !usesCustomSubmissionComponent && !includes(kind, NON_HIDEABLE_FIELDS);
   var canRestrictResponseVisibilityToHost = restrictResponseVisibilityToHost && !includes(kind, NON_HIDEABLE_FIELDS);
   var canMarkResponsesAsReadOnly = markResponsesAsReadOnly && !includes(kind, NON_READ_ONLY_FIELDS);
+  var isTextarea = kind === QUESTION_TYPES.TEXTAREA;
   var isBasicSettingsVisible = !isRequired && (!isImmutable || shouldShowHideSwitch);
-  var isSettingsBlockVisible = kind !== QUESTION_TYPES.SPOT && (isBasicSettingsVisible || canMarkResponsesAsReadOnly);
+  var isSettingsBlockVisible = kind !== QUESTION_TYPES.SPOT && (isBasicSettingsVisible || canMarkResponsesAsReadOnly || isTextarea);
   var handleKindChange = function handleKindChange(option) {
     var data = buildQuestionData(option);
     updateFormState(data);
@@ -1142,7 +1179,7 @@ var Form$1 = function Form(_ref) {
             label: t("neetoForm.common.readOnly"),
             labelProps: readOnlySwitchLabelProps(readOnlyHelpDocUrl),
             name: "isReadOnly"
-          })]
+          }), isTextarea && enforceMinWordsInMultiLineTexts && /*#__PURE__*/jsx(Textarea, {})]
         }), shouldShowFieldCode && /*#__PURE__*/jsx(Accordion, {
           className: "neeto-form-nano-advanced-properties-accordion",
           "data-testid": "advanced-properties-card",
@@ -1232,6 +1269,11 @@ var formValidationSchema = function formValidationSchema(question) {
         })
       })) : schema.notRequired();
     }),
+    minWords: yup.number().nullable().when(["kind", "isMinWordsEnabled"], function (kind, isMinWordsEnabled, schema) {
+      if (kind !== QUESTION_TYPES.TEXTAREA) return schema.notRequired();
+      if (!isMinWordsEnabled) return schema.notRequired();
+      return schema.typeError(t("neetoForm.questions.textarea.minimumWordsMinError")).required(t("neetoForm.questions.textarea.minimumWordsMinError")).min(MIN_WORDS.MIN, t("neetoForm.questions.textarea.minimumWordsMinError")).max(MIN_WORDS.MAX, t("neetoForm.questions.textarea.minimumWordsMaxError"));
+    }),
     highestRatingLabel: yup.string().nullable(),
     averageRatingLabel: yup.string().nullable(),
     lowestRatingLabel: yup.string().nullable(),
@@ -1380,7 +1422,9 @@ var Edit = function Edit(_ref) {
       })
     }), /*#__PURE__*/jsx(Form$2, {
       formikProps: {
-        initialValues: question,
+        initialValues: _objectSpread$b(_objectSpread$b({}, question), {}, {
+          isMinWordsEnabled: isPresent(question.minWords)
+        }),
         validationSchema: formValidationSchema(question, isFieldCodeEnabled),
         onSubmit: handleSubmit
       },
@@ -2523,7 +2567,8 @@ var StarRating = function StarRating() {
   });
 };
 
-var _excluded$1 = ["fields"];
+var _excluded$1 = ["minWords"],
+  _excluded2 = ["fields"];
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CHECKBOX = QUESTION_TYPES.CHECKBOX,
@@ -2643,19 +2688,24 @@ var readOnlySwitchLabelProps = function readOnlySwitchLabelProps(helpUrl) {
     }
   };
 };
-var transformValues = function transformValues(values) {
-  switch (values.kind) {
+var transformValues = function transformValues(_ref4) {
+  var minWords = _ref4.minWords,
+    values = _objectWithoutProperties(_ref4, _excluded$1);
+  var rest = omit(["isMinWordsEnabled"], values);
+  switch (rest.kind) {
     case QUESTION_TYPES.ADDRESS:
       {
-        var _values$fields = values.fields,
-          fields = _values$fields === void 0 ? [] : _values$fields,
-          rest = _objectWithoutProperties(values, _excluded$1);
-        return _objectSpread$2(_objectSpread$2({}, rest), {}, {
+        var _rest$fields = rest.fields,
+          fields = _rest$fields === void 0 ? [] : _rest$fields,
+          addressRest = _objectWithoutProperties(rest, _excluded2);
+        return _objectSpread$2(_objectSpread$2({}, addressRest), {}, {
           fieldsAttributes: map(renameKey("deleted", "_destroy"), omitDraftId(fields))
         });
       }
     default:
-      return values;
+      return _objectSpread$2(_objectSpread$2({}, rest), {}, {
+        minWords: minWords !== null && minWords !== void 0 ? minWords : ""
+      });
   }
 };