@bigbinary/neeto-form-frontend 4.4.6 → 4.4.8

package/dist/cjs/BuildForm.js

@@ -5,14 +5,14 @@ var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var ramda = require('ramda');
-var constants = require('../constants-CfUZ9B6N.js');
-var yup = require('../yup-CMEoabdy.js');
+var constants = require('../constants-D5JlvWws.js');
+var yup = require('../yup-DMlViLLB.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var dnd = require('@hello-pangea/dnd');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var buildForm = require('../buildForm-CgofRtEN.js');
+var buildForm = require('../buildForm-DfMpfuSp.js');
 var shallow = require('zustand/shallow');
 var Alert = require('@bigbinary/neetoui/Alert');
 var reactI18next = require('react-i18next');
@@ -23,7 +23,7 @@ var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var index = require('../index-0m1EzLFY.js');
+var index = require('../index-Beo6ztaM.js');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var i18next = require('i18next');
@@ -178,6 +178,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 = ramda.path(["spot", "deleteModal", "title"], hostSpecificData);
+  var description = ramda.path(["spot", "deleteModal", "description"], hostSpecificData);
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        "data-testid": "delete-spot-modal-header",
+        style: "h2",
+        weight: "medium",
+        children: title
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        "data-testid": "delete-spot-modal-description",
+        style: "body2",
+        children: description
+      })
+    })]
+  });
+};
+
 var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
   var _findBy;
   var availableLanguages = _ref.availableLanguages;
@@ -437,6 +464,9 @@ var getUniqueNumbersFromExistingFieldCodes = function getUniqueNumbersFromExisti
   });
 };
 var generateFieldCodePrefix = function generateFieldCodePrefix(label, kind) {
+  if (kind === constants.QUESTION_TYPES.SPOT) {
+    return yup.SPOT_QUESTION_FIELD_CODE;
+  }
   var prefix;
   if (index.isNameQuestion(kind) || yup.NON_BASIC_LATIN_CHARACTERS_REGEX.test(label) || ramda.isEmpty(label)) {
     prefix = kind;
@@ -1054,7 +1084,7 @@ var Form$1 = function Form(_ref) {
   var canRestrictResponseVisibilityToHost = restrictResponseVisibilityToHost && !ramda.includes(kind, yup.NON_HIDEABLE_FIELDS);
   var canMarkResponsesAsReadOnly = markResponsesAsReadOnly && !ramda.includes(kind, yup.NON_READ_ONLY_FIELDS);
   var isBasicSettingsVisible = !isRequired && (!isImmutable || shouldShowHideSwitch);
-  var isSettingsBlockVisible = isBasicSettingsVisible || canMarkResponsesAsReadOnly;
+  var isSettingsBlockVisible = kind !== constants.QUESTION_TYPES.SPOT && (isBasicSettingsVisible || canMarkResponsesAsReadOnly);
   var handleKindChange = function handleKindChange(option) {
     var data = buildQuestionData(option);
     updateFormState(data);
@@ -1120,7 +1150,7 @@ var Form$1 = function Form(_ref) {
           dataTestid: "settings-card",
           title: t("neetoForm.common.settings"),
           children: [isBasicSettingsVisible && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [!isImmutable && kind !== constants.QUESTION_TYPES.ADDRESS && /*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(Switch, {
+            children: [!isImmutable && kind !== constants.QUESTION_TYPES.ADDRESS && kind !== constants.QUESTION_TYPES.SPOT && /*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(Switch, {
               label: t("neetoForm.common.hideQuestion"),
               name: "isHidden",
               labelProps: hideSwitchLabelProps(hideQuestionHelpDocUrl)
@@ -2744,8 +2774,12 @@ var Form = function Form(_ref) {
     setIsDeleteSmsReminderModalOpen = _useState8[1];
   var _useState9 = React.useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    isManageQuestionPaneOpen = _useState10[0],
-    setIsManageQuestionPaneOpen = _useState10[1];
+    isDeleteSpotModalOpen = _useState10[0],
+    setIsDeleteSpotModalOpen = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isManageQuestionPaneOpen = _useState12[0],
+    setIsManageQuestionPaneOpen = _useState12[1];
   var setFormData = buildForm.useBuildFormStore(ramda.prop("setFormData"));
   var _useCreateQuestion = constants.useCreateQuestion(formId, selectedLanguage, {
       onSuccess: function onSuccess() {
@@ -2836,6 +2870,8 @@ var Form = function Form(_ref) {
   var handleDelete = function handleDelete(question) {
     if (question.kind === constants.QUESTION_TYPES.SMS_REMINDER) {
       setIsDeleteSmsReminderModalOpen(true);
+    } else if (question.kind === constants.QUESTION_TYPES.SPOT) {
+      setIsDeleteSpotModalOpen(true);
     } else {
       setIsDeleteAlertOpen(true);
     }
@@ -2843,7 +2879,7 @@ var Form = function Form(_ref) {
   reactUtils.useOnClickOutside(containerRef, function () {
     return handleSelect({});
   }, {
-    enabled: !(isDeleteAlertOpen || isManageQuestionPaneOpen)
+    enabled: !(isDeleteAlertOpen || isManageQuestionPaneOpen || isDeleteSmsReminderModalOpen || isDeleteSpotModalOpen)
   });
   React.useEffect(function () {
     onValueChange === null || onValueChange === void 0 || onValueChange(questions);
@@ -2868,6 +2904,12 @@ var Form = function Form(_ref) {
       onClose: function onClose() {
         return setIsDeleteSmsReminderModalOpen(false);
       }
+    }), /*#__PURE__*/jsxRuntime.jsx(DeleteSpotModal, {
+      hostSpecificData: hostSpecificData,
+      isOpen: isDeleteSpotModalOpen,
+      onClose: function onClose() {
+        return setIsDeleteSpotModalOpen(false);
+      }
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-form-nano-form-wrapper flex h-full flex-col",
       children: [formTitle && /*#__PURE__*/jsxRuntime.jsx(Overview, {