@bigbinary/neeto-form-frontend 4.4.6 → 4.4.8

package/README.md

@@ -35,6 +35,9 @@ model. It also stores submissions.
      # ...existing gems
 
      gem 'neeto-form-engine'
+
+     # Use this for development:
+     # gem 'neeto-form-engine', path: "../neeto-form-nano"
    end
    ```
 
@@ -217,7 +220,7 @@ The frontend package allows us to create forms across neeto products.
 ### Instructions for development
 
 Check the
-[Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0)
+[Frontend package development guide](https://neetozone.neetokb.com/p/a-d34cb4b0)
 for step-by-step instructions to develop the frontend package.
 
 ### Usage

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

@@ -86,6 +86,7 @@
       "fileUpload": "File upload",
       "captcha": "Captcha",
       "smsReminder": "SMS reminder",
+      "spot": "Number of group booking spots",
       "opinionScale": "Opinion scale",
       "address": "Address"
     },
@@ -191,7 +192,15 @@
           "postalZipCode": "Postal/Zip Code"
         }
       },
-      "changeLanguage": "Change language"
+      "changeLanguage": "Change language",
+      "spot": {
+        "defaultLabel": "How many spots would you like to book?",
+        "numberOfSpotsRequired": "Number of spots is required",
+        "mustBeInteger": "Must be a whole number",
+        "exceedsRemainingSpots": "Maximum number of spots remaining is {{count}}",
+        "remainingSlotsCount_one": "{{count}} spot remaining",
+        "remainingSlotsCount_other": "{{count}} spots remaining"
+      }
     },
     "error": {
       "invalidField": "{{label}} is invalid",

package/dist/BuildForm.js

@@ -3,14 +3,14 @@ import classnames from 'classnames';
 import { isPresent, truncate, findBy, isNotPresent, slugify, existsBy, findById, findIndexById, hyphenate, noop, nullSafe, modifyBy, removeBy } from '@bigbinary/neeto-cist';
 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-BNfHPNOx.js';
-import { i as QUESTION_ACTIONS, j as INDEPENDENT_LABELS_MAP, k as buildDisplayLabel, l as isElementOverflowing, m as Drag, n as SELECTABLE_KINDS, o as isAutoGeneratedQuestion, p as isRichTextQuestion, N as NON_BASIC_LATIN_CHARACTERS_REGEX, q as RESERVED_FIELD_CODES, r as renameKey, e as LABEL_FIELDS, s as isDefaultLanguage, t as buildAddQuestionButtonProps, v as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, u as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, w as NON_HIDEABLE_FIELDS, x as NON_READ_ONLY_FIELDS, O as OPINION_LABEL_MAX_LENGTH, y as RICH_TEXT_QUESTIONS, d as ADDRESS_FIELD_WIDTHS, A as ADDRESS_FIELD_TYPES, z as generateDefaultOptions, M as MINIMUM_ADDRESS_FIELDS, B as getDeletedRecords, G as randomId, H as getActiveRecords, J as FILE_TYPES_MAP, K as FILE_GROUPS, T as OPINION_SCALE_MIN_VALUE_OPTIONS, U as OPINION_SCALE_MAX_VALUE_OPTIONS, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, V as MINIMUM_OPTIONS, W as IMAGE_HEIGHT_SLIDER_DEFAULTS, X as RATING_OPTIONS, Y as STAR_RATING_MIN_VALUE_OPTIONS, Z as STAR_RATING_MAX_VALUE_OPTIONS, _ as STAR_RATING_ICONS_MAP, $ as buildDisabledAddButtonHelpPopoverProps, a0 as buildReorderPayload, a1 as QUESTIONS_INITIAL_VALUE, a2 as isMandatoryField, a3 as QUESTION_KINDS, a as QUESTION_KIND, a4 as getActiveQuestionKindDetails, a5 as DEFAULT_AVAILABLE_LANGUAGES, a6 as DEFAULT_ADVANCED_FEATURES } from './yup-Dx1WK2_p.js';
+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 _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-D-epUrZG.js';
+import { a as useBuildFormStore } from './buildForm-CrOWLvLE.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-y4GiXx7o.js';
+import { i as isFunction, f as fieldWithFallback, c as isNameQuestion } from './index-DhtQJpD_.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { t } from 'i18next';
@@ -157,6 +157,33 @@ var DeleteSmsReminderModal = function DeleteSmsReminderModal(_ref) {
   });
 };
 
+var DeleteSpotModal = function DeleteSpotModal(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    _ref$hostSpecificData = _ref.hostSpecificData,
+    hostSpecificData = _ref$hostSpecificData === void 0 ? {} : _ref$hostSpecificData;
+  var title = path(["spot", "deleteModal", "title"], hostSpecificData);
+  var description = path(["spot", "deleteModal", "description"], hostSpecificData);
+  return /*#__PURE__*/jsxs(Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-testid": "delete-spot-modal-header",
+        style: "h2",
+        weight: "medium",
+        children: title
+      })
+    }), /*#__PURE__*/jsx(Modal.Body, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-testid": "delete-spot-modal-description",
+        style: "body2",
+        children: description
+      })
+    })]
+  });
+};
+
 var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
   var _findBy;
   var availableLanguages = _ref.availableLanguages;
@@ -416,6 +443,9 @@ var getUniqueNumbersFromExistingFieldCodes = function getUniqueNumbersFromExisti
   });
 };
 var generateFieldCodePrefix = function generateFieldCodePrefix(label, kind) {
+  if (kind === QUESTION_TYPES.SPOT) {
+    return SPOT_QUESTION_FIELD_CODE;
+  }
   var prefix;
   if (isNameQuestion(kind) || NON_BASIC_LATIN_CHARACTERS_REGEX.test(label) || isEmpty(label)) {
     prefix = kind;
@@ -1033,7 +1063,7 @@ var Form$1 = function Form(_ref) {
   var canRestrictResponseVisibilityToHost = restrictResponseVisibilityToHost && !includes(kind, NON_HIDEABLE_FIELDS);
   var canMarkResponsesAsReadOnly = markResponsesAsReadOnly && !includes(kind, NON_READ_ONLY_FIELDS);
   var isBasicSettingsVisible = !isRequired && (!isImmutable || shouldShowHideSwitch);
-  var isSettingsBlockVisible = isBasicSettingsVisible || canMarkResponsesAsReadOnly;
+  var isSettingsBlockVisible = kind !== QUESTION_TYPES.SPOT && (isBasicSettingsVisible || canMarkResponsesAsReadOnly);
   var handleKindChange = function handleKindChange(option) {
     var data = buildQuestionData(option);
     updateFormState(data);
@@ -1099,7 +1129,7 @@ var Form$1 = function Form(_ref) {
           dataTestid: "settings-card",
           title: t("neetoForm.common.settings"),
           children: [isBasicSettingsVisible && /*#__PURE__*/jsxs(Fragment, {
-            children: [!isImmutable && kind !== QUESTION_TYPES.ADDRESS && /*#__PURE__*/jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsx(Switch, {
+            children: [!isImmutable && kind !== QUESTION_TYPES.ADDRESS && kind !== QUESTION_TYPES.SPOT && /*#__PURE__*/jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsx(Switch, {
               label: t("neetoForm.common.hideQuestion"),
               name: "isHidden",
               labelProps: hideSwitchLabelProps(hideQuestionHelpDocUrl)
@@ -2723,8 +2753,12 @@ var Form = function Form(_ref) {
     setIsDeleteSmsReminderModalOpen = _useState8[1];
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    isManageQuestionPaneOpen = _useState10[0],
-    setIsManageQuestionPaneOpen = _useState10[1];
+    isDeleteSpotModalOpen = _useState10[0],
+    setIsDeleteSpotModalOpen = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isManageQuestionPaneOpen = _useState12[0],
+    setIsManageQuestionPaneOpen = _useState12[1];
   var setFormData = useBuildFormStore(prop("setFormData"));
   var _useCreateQuestion = useCreateQuestion(formId, selectedLanguage, {
       onSuccess: function onSuccess() {
@@ -2815,6 +2849,8 @@ var Form = function Form(_ref) {
   var handleDelete = function handleDelete(question) {
     if (question.kind === QUESTION_TYPES.SMS_REMINDER) {
       setIsDeleteSmsReminderModalOpen(true);
+    } else if (question.kind === QUESTION_TYPES.SPOT) {
+      setIsDeleteSpotModalOpen(true);
     } else {
       setIsDeleteAlertOpen(true);
     }
@@ -2822,7 +2858,7 @@ var Form = function Form(_ref) {
   useOnClickOutside(containerRef, function () {
     return handleSelect({});
   }, {
-    enabled: !(isDeleteAlertOpen || isManageQuestionPaneOpen)
+    enabled: !(isDeleteAlertOpen || isManageQuestionPaneOpen || isDeleteSmsReminderModalOpen || isDeleteSpotModalOpen)
   });
   useEffect(function () {
     onValueChange === null || onValueChange === void 0 || onValueChange(questions);
@@ -2847,6 +2883,12 @@ var Form = function Form(_ref) {
       onClose: function onClose() {
         return setIsDeleteSmsReminderModalOpen(false);
       }
+    }), /*#__PURE__*/jsx(DeleteSpotModal, {
+      hostSpecificData: hostSpecificData,
+      isOpen: isDeleteSpotModalOpen,
+      onClose: function onClose() {
+        return setIsDeleteSpotModalOpen(false);
+      }
     }), /*#__PURE__*/jsxs("div", {
       className: "neeto-form-nano-form-wrapper flex h-full flex-col",
       children: [formTitle && /*#__PURE__*/jsx(Overview, {