@bigbinary/neeto-form-frontend 3.14.8 → 4.0.0-beta

package/README.md

@@ -56,13 +56,15 @@ model. It also stores submissions.
    bundle exec rails db:migrate
    ```
 
-5. Add this line to your application's `config/routes.rb` file (replace `at` to
-   your desired route):
+5. Add this line to your application's `config/routes.rb` file.
 
    ```ruby
-   mount NeetoFormEngine::Engine, at: "/neeto_form_engine"
+   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/dist/BuildForm.js

@@ -3,14 +3,14 @@ import classnames from 'classnames';
 import { isPresent, truncate, findBy, isNotPresent, slugify, existsBy, hyphenate, noop, nullSafe, removeBy } from '@bigbinary/neeto-cist';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { equals, path, curry, assoc, prop, dissoc, when, includes, isEmpty, reject, keys, pick, omit, evolve, map, mergeLeft, isNil, pipe, filter, isNotNil, uniq, join, pluck, test, paths, difference, split, last, either, T, F } from 'ramda';
-import { k as useDeleteQuestion, Q as QUESTION_TYPES, a as useForm, l as useCreateQuestion, m as useUpdateQuestion, C as CAPTCHA_TYPES, n as useReorderQuestions, i as QUERY_KEYS } from './constants-b1EQ6-AS.js';
-import { e as buildDisplayLabel, f as INDEPENDENT_LABELS_MAP, h as QUESTION_ACTIONS, i as isElementOverflowing, D as Drag, j as SELECTABLE_KINDS, k as isAutoGeneratedQuestion, l as isRichTextQuestion, N as NON_BASIC_LATIN_CHARACTERS_REGEX, m as RESERVED_FIELD_CODES, L as LABEL_FIELDS, n as isDefaultLanguage, o as buildAddQuestionButtonProps, v as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, p as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, q as NON_HIDEABLE_FIELDS, r as NON_READ_ONLY_FIELDS, s as RICH_TEXT_QUESTIONS, t as FILE_TYPES_MAP, u as FILE_GROUPS, M as MINIMUM_OPTIONS, w as RATING_OPTIONS, x as STAR_RATING_MIN_VALUE_OPTIONS, y as STAR_RATING_MAX_VALUE_OPTIONS, z as STAR_RATING_ICONS_MAP, A as buildDisabledAddButtonHelpPopoverProps, B as buildReorderPayload, G as isMandatoryField, H as QUESTION_KINDS, a as QUESTION_KIND, J as getActiveQuestionKindDetails, K as DEFAULT_AVAILABLE_LANGUAGES, O as DEFAULT_ADVANCED_FEATURES, P as QUESTIONS_INITIAL_VALUE } from './constants-CuzR2B5C.js';
+import { k as useDeleteQuestion, Q as QUESTION_TYPES, a as useForm, l as useCreateQuestion, m as useUpdateQuestion, C as CAPTCHA_TYPES, n as useReorderQuestions, i as QUERY_KEYS } from './constants-51SEJjzI.js';
+import { e as buildDisplayLabel, f as INDEPENDENT_LABELS_MAP, h as QUESTION_ACTIONS, i as isElementOverflowing, D as Drag, j as SELECTABLE_KINDS, k as isAutoGeneratedQuestion, l as isRichTextQuestion, N as NON_BASIC_LATIN_CHARACTERS_REGEX, m as RESERVED_FIELD_CODES, L as LABEL_FIELDS, n as isDefaultLanguage, o as buildAddQuestionButtonProps, v as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, p as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, q as NON_HIDEABLE_FIELDS, r as NON_READ_ONLY_FIELDS, s as RICH_TEXT_QUESTIONS, t as FILE_TYPES_MAP, u as FILE_GROUPS, M as MINIMUM_OPTIONS, w as RATING_OPTIONS, x as STAR_RATING_MIN_VALUE_OPTIONS, y as STAR_RATING_MAX_VALUE_OPTIONS, z as STAR_RATING_ICONS_MAP, A as buildDisabledAddButtonHelpPopoverProps, B as buildReorderPayload, G as isMandatoryField, H as QUESTION_KINDS, a as QUESTION_KIND, J as getActiveQuestionKindDetails, K as DEFAULT_AVAILABLE_LANGUAGES, O as DEFAULT_ADVANCED_FEATURES, P as QUESTIONS_INITIAL_VALUE } from './constants-gYwz1n9Z.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useRef, useEffect, createElement } from 'react';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
 import { withT, isMetaKeyPressed, useStateWithDependency, useFuncDebounce, useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { showThumbsUpToastr, withEventTargetValue, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
-import { a as useBuildFormStore } from './buildForm-DNCW7prR.js';
+import { a as useBuildFormStore } from './buildForm-CsVQHcC7.js';
 import { shallow } from 'zustand/shallow';
 import Alert from '@bigbinary/neetoui/Alert';
 import { useTranslation, Trans } from 'react-i18next';
@@ -21,7 +21,7 @@ import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { i as isFunction, f as fieldWithFallback, c as isNameQuestion } from './index-BkNaYmLc.js';
+import { i as isFunction, f as fieldWithFallback, c as isNameQuestion } from './index-DnHrq-hl.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { t } from 'i18next';
 import { v4 } from 'uuid';
@@ -205,7 +205,7 @@ var Overview = function Overview(_ref) {
     availableLanguages = _ref.availableLanguages,
     additionalActionOptions = _ref.additionalActionOptions;
   return /*#__PURE__*/jsxs("div", {
-    className: "neeto-form-nano-form-wrapper__overview mb-4 w-full flex-shrink-0 space-y-4 pt-6",
+    className: "neeto-form-nano-form-wrapper__overview mb-4 w-full shrink-0 space-y-4 pt-6",
     children: [/*#__PURE__*/jsxs("div", {
       className: "flex items-center justify-between",
       children: [/*#__PURE__*/jsx(Typography, {
@@ -215,7 +215,7 @@ var Overview = function Overview(_ref) {
         weight: "neeto-ui-font-semibold",
         children: title
       }), /*#__PURE__*/jsxs("div", {
-        className: "flex flex-shrink-0 items-center justify-between space-x-1",
+        className: "flex shrink-0 items-center justify-between space-x-1",
         children: [availableLanguages.length > 1 && /*#__PURE__*/jsx(ChangeLanguageDropdown, {
           availableLanguages: availableLanguages
         }), isPresent(additionalActionOptions) && /*#__PURE__*/jsx(MoreDropdown, {
@@ -247,7 +247,8 @@ var Card = function Card(_ref) {
     onSelect = _ref.onSelect,
     onEdit = _ref.onEdit,
     onClone = _ref.onClone,
-    onDelete = _ref.onDelete;
+    onDelete = _ref.onDelete,
+    canManageQuestions = _ref.canManageQuestions;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isTooltipEnabled = _useState2[0],
@@ -275,15 +276,15 @@ var Card = function Card(_ref) {
       return onSelect(question);
     },
     children: [/*#__PURE__*/jsxs("div", {
-      className: "flex min-w-0 flex-grow items-center gap-1",
-      children: [/*#__PURE__*/jsx(Drag, {
-        className: "neeto-ui-text-gray-600 flex-shrink-0"
+      className: "flex min-w-0 grow items-center gap-1",
+      children: [canManageQuestions && /*#__PURE__*/jsx(Drag, {
+        className: "neeto-ui-text-gray-600 shrink-0"
       }), /*#__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",
+          className: "line-clamp-2 min-w-0 grow truncate break-words",
           "data-cy": "".concat(slugify(questionLabel), "-question-card-label"),
           lineHeight: "snug",
           ref: questionLabelRef,
@@ -292,7 +293,7 @@ var Card = function Card(_ref) {
           children: questionLabel
         })
       })]
-    }), /*#__PURE__*/jsx(MoreDropdown, {
+    }), canManageQuestions && /*#__PURE__*/jsx(MoreDropdown, {
       dropdownButtonProps: {
         className: "shrink-0"
       },
@@ -334,9 +335,11 @@ var Questions = function Questions(_ref) {
     onEdit = _ref.onEdit,
     onClone = _ref.onClone,
     onDelete = _ref.onDelete,
-    onSelect = _ref.onSelect;
+    onSelect = _ref.onSelect,
+    canManageQuestions = _ref.canManageQuestions;
   return /*#__PURE__*/jsx(Droppable, {
     droppableId: "droppable",
+    isDropDisabled: !canManageQuestions,
     children: function children(_ref2) {
       var droppableProps = _ref2.droppableProps,
         placeholder = _ref2.placeholder,
@@ -349,6 +352,7 @@ var Questions = function Questions(_ref) {
           return /*#__PURE__*/createElement(Draggable, {
             index: index,
             draggableId: "question-".concat((_question$id = question.id) !== null && _question$id !== void 0 ? _question$id : question.nodeId),
+            isDragDisabled: !canManageQuestions,
             key: "question-".concat((_question$id2 = question.id) !== null && _question$id2 !== void 0 ? _question$id2 : question.nodeId)
           }, function (_ref3) {
             var draggableProps = _ref3.draggableProps,
@@ -358,6 +362,7 @@ var Questions = function Questions(_ref) {
               ref: innerRef,
               children: /*#__PURE__*/jsx(Card, {
                 allQuestionKinds: allQuestionKinds,
+                canManageQuestions: canManageQuestions,
                 getActiveKindDetails: getActiveKindDetails,
                 onClone: onClone,
                 onEdit: onEdit,
@@ -2164,6 +2169,7 @@ var Form = function Form(_ref) {
     isDisabledFieldLabel = _ref.isDisabledFieldLabel,
     disabledAddButtonHelpPopoverProps = _ref.disabledAddButtonHelpPopoverProps,
     isFormEnabled = _ref.isFormEnabled,
+    canManageQuestions = _ref.canManageQuestions,
     savedTitle = _ref.savedTitle,
     formTitle = _ref.formTitle,
     formDescription = _ref.formDescription,
@@ -2334,7 +2340,7 @@ var Form = function Form(_ref) {
         description: formDescription,
         title: formTitle
       }), /*#__PURE__*/jsx("div", {
-        className: "neeto-form-nano-form-wrapper__body min-h-0 w-full flex-grow space-y-6 overflow-y-auto pb-6",
+        className: "neeto-form-nano-form-wrapper__body min-h-0 w-full grow space-y-6 overflow-y-auto pb-6",
         children: isPresent(questions) ? /*#__PURE__*/jsxs("div", {
           className: "space-y-6",
           ref: containerRef,
@@ -2353,6 +2359,7 @@ var Form = function Form(_ref) {
               });
             },
             children: /*#__PURE__*/jsx(Questions, {
+              canManageQuestions: canManageQuestions,
               getActiveKindDetails: getActiveKindDetails,
               isDeletable: isDeletable,
               questions: questions,
@@ -2363,7 +2370,7 @@ var Form = function Form(_ref) {
               onEdit: handleEdit,
               onSelect: handleSelect
             })
-          }), /*#__PURE__*/jsx("div", {
+          }), canManageQuestions && /*#__PURE__*/jsx("div", {
             className: "mb-8 flex w-full items-center gap-x-1",
             children: /*#__PURE__*/jsx(AddQuestion, {
               addQuestionHelpProps: addQuestionHelpProps,
@@ -2374,7 +2381,7 @@ var Form = function Form(_ref) {
           })]
         }) : /*#__PURE__*/jsx(AddFirstQuestion, {
           disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
-          isDisabled: isEmpty(availableQuestionKinds),
+          isDisabled: isEmpty(availableQuestionKinds) || !canManageQuestions,
           onAdd: handleAdd
         })
       }), /*#__PURE__*/jsx(ManageQuestionPane, {
@@ -2435,7 +2442,9 @@ var BuildForm = function BuildForm(_ref) {
     usesCustomSubmissionComponent = _ref$usesCustomSubmis === void 0 ? false : _ref$usesCustomSubmis,
     _ref$onMutateSuccess = _ref.onMutateSuccess,
     onMutateSuccess = _ref$onMutateSuccess === void 0 ? noop : _ref$onMutateSuccess,
-    hostSpecificData = _ref.hostSpecificData;
+    hostSpecificData = _ref.hostSpecificData,
+    _ref$canManageQuestio = _ref.canManageQuestions,
+    canManageQuestions = _ref$canManageQuestio === void 0 ? false : _ref$canManageQuestio;
   var queryClient = useQueryClient();
   var _useForm = useForm({
       formId: id,
@@ -2477,6 +2486,7 @@ var BuildForm = function BuildForm(_ref) {
       additionalActionOptions: additionalActionOptions,
       advancedFeatures: advancedFeatures,
       availableLanguages: availableLanguages,
+      canManageQuestions: canManageQuestions,
       disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
       formDescription: formDescription,
       formTitle: formTitle,