@bigbinary/neeto-form-frontend 1.2.47 → 1.2.49

package/dist/index.js

@@ -5,7 +5,7 @@ import { noop as noop$4, findBy, slugify, filterBy, isNotEmpty, truncate, humani
 import { withEventTargetValue, showThumbsUpToastr, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { Tooltip, Dropdown as Dropdown$2, Alert, Typography, Button as Button$1, Label, Checkbox as Checkbox$1, Toastr, MultiEmailInput, DatePicker, Radio as Radio$1, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
-import { assoc, mergeLeft, prop, isEmpty, path, values, compose as compose$1, trim, useWith, split, either, isNil, equals, difference, reject, pluck, keys, pick, omit, insert, isNotNil, not, pipe as pipe$1, toLower, map, includes, identity, times, clamp as clamp$2, filter as filter$1 } from 'ramda';
+import { assoc, mergeLeft, prop, isEmpty, path, values, compose as compose$1, trim, useWith, split, either, isNil, equals, difference, reject, pluck, keys, pick, omit, isNotNil, insert, not, pipe as pipe$1, toLower, map, includes, identity, times, clamp as clamp$2, filter as filter$1 } from 'ramda';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import i18next, { t as t$4 } from 'i18next';
 import { Input, Email as Email$2, Phone as Phone$2, Globe, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, Checkbox as Checkbox$2, Radio, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Calendar, Upload, Check, Close, FileGeneric } from '@bigbinary/neeto-icons';
@@ -677,19 +677,22 @@ var useDeleteForm = function useDeleteForm(options) {
     var id = _ref6.id;
     return neetoFormApi.destroyForm(id);
   }, _objectSpread$j(_objectSpread$j({}, options), {}, {
-    keysToInvalidate: function keysToInvalidate(_, _ref7) {
+    keysToInvalidate: [[QUERY_KEYS.FORMS], function (_, _ref7) {
       var id = _ref7.id;
-      return [QUERY_KEYS.FORMS, [QUERY_KEYS.QUESTIONS, id], [QUERY_KEYS.QUESTIONS, "preview/".concat(id)]];
-    },
+      return [QUERY_KEYS.QUESTIONS, id];
+    }, function (_, _ref8) {
+      var id = _ref8.id;
+      return [QUERY_KEYS.QUESTIONS, "preview/".concat(id)];
+    }],
     onSuccess: function onSuccess() {
       options.onSuccess && options.onSuccess.apply(options, arguments);
     }
   }));
 };
-var useSubmission = function useSubmission(_ref9) {
-  var formId = _ref9.formId,
-    submissionId = _ref9.submissionId,
-    options = _objectWithoutProperties$1(_ref9, _excluded4$1);
+var useSubmission = function useSubmission(_ref10) {
+  var formId = _ref10.formId,
+    submissionId = _ref10.submissionId,
+    options = _objectWithoutProperties$1(_ref10, _excluded4$1);
   return useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], function () {
     return neetoFormApi.getPublicSubmission(formId, submissionId);
   }, _objectSpread$j(_objectSpread$j({}, options), {}, {
@@ -698,9 +701,9 @@ var useSubmission = function useSubmission(_ref9) {
 };
 var useCreateSubmission = function useCreateSubmission(options) {
   var queryClient = useQueryClient();
-  return useMutation(function (_ref10) {
-    var formId = _ref10.formId,
-      values = _ref10.values;
+  return useMutation(function (_ref11) {
+    var formId = _ref11.formId,
+      values = _ref11.values;
     return neetoFormApi.submitPublicForm(formId, values);
   }, _objectSpread$j(_objectSpread$j({}, options), {}, {
     onSuccess: function onSuccess() {
@@ -719,9 +722,9 @@ var useCreateSubmission = function useCreateSubmission(options) {
 };
 var useUpdateSubmission = function useUpdateSubmission(options) {
   var queryClient = useQueryClient();
-  return useMutation(function (_ref11) {
-    var formId = _ref11.formId,
-      values = _ref11.values;
+  return useMutation(function (_ref12) {
+    var formId = _ref12.formId,
+      values = _ref12.values;
     return neetoFormApi.updatePublicSubmission(formId, values);
   }, _objectSpread$j(_objectSpread$j({}, options), {}, {
     onSuccess: function onSuccess() {
@@ -744,6 +747,11 @@ var DEFAULT_AVAILABLE_LANGUAGES = [{
   name: "English"
 }];
 var QUESTIONS_WITHOUT_FIELD_CODE = ["paragraph", "termsandcondition", "condition", "file_upload"];
+var QUESTIONS_INITIAL_VALUE = {
+  enabled: false,
+  questions: [],
+  title: ""
+};
 var RESERVED_FIELD_CODES = ["month", "date", "time"];
 
 function _arrayWithHoles$3(arr) {
@@ -9792,7 +9800,9 @@ var useBuildFormStore = create$1(withImmutableActions(function (set) {
       submitForm: noop$4,
       resetForm: noop$4,
       selectedLanguage: i18next.resolvedLanguage,
-      formId: null
+      formId: null,
+      enabled: false,
+      title: ""
     },
     setFormData: function setFormData(payload) {
       return set(assoc("formState", payload));
@@ -10028,6 +10038,7 @@ var Accordion = function Accordion(_ref) {
       "pr-4 md:pr-8": showAddQuestionDivider
     })
   }, /*#__PURE__*/React__default.createElement("div", {
+    "data-cy": "neeto-form-engine-question-accordion-header",
     className: classnames({
       "neeto-form-engine-question-accordion__header flex h-10 cursor-pointer select-none items-center justify-between px-3 py-2": true,
       "neeto-ui-text-gray-700 border": !isExpanded,
@@ -10061,6 +10072,7 @@ var Accordion = function Accordion(_ref) {
     customTarget: function customTarget() {
       return /*#__PURE__*/React__default.createElement("button", {
         className: "flex items-center justify-center border-0 bg-transparent outline-none",
+        "data-cy": "neeto-form-engine-question-accordion-more-dropdown",
         type: "button"
       }, /*#__PURE__*/React__default.createElement(MenuHorizontal, null));
     }
@@ -10321,6 +10333,7 @@ var Dropdown$1 = function Dropdown(_ref) {
           number: index + 1
         })
       }), !freezeOptions && /*#__PURE__*/React__default.createElement(Button$1, {
+        "data-cy": "neeto-form-engine-delete-option-button",
         icon: Delete,
         size: "small",
         style: "text",
@@ -10594,6 +10607,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
           number: index + 1
         })
       }), !freezeOptions && /*#__PURE__*/React__default.createElement(Button$1, {
+        "data-cy": "neeto-form-engine-delete-option-button",
         icon: Delete,
         size: "small",
         style: "text",
@@ -10842,6 +10856,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
           number: index + 1
         })
       }), !freezeOptions && /*#__PURE__*/React__default.createElement(Button$1, {
+        "data-cy": "neeto-form-engine-delete-option-button",
         icon: Delete,
         size: "small",
         style: "text",
@@ -11649,7 +11664,7 @@ var List = function List(_ref) {
   })))));
 };
 
-var _excluded$6 = ["questionKinds", "showAddQuestionDivider", "onValueChange", "showActionBlock", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "kindUniqueOn", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange"];
+var _excluded$6 = ["questionKinds", "showAddQuestionDivider", "onValueChange", "showActionBlock", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "kindUniqueOn", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange"];
 function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = function Form(_ref) {
@@ -11668,6 +11683,8 @@ var Form = function Form(_ref) {
     isDisabledFieldLabel = _ref.isDisabledFieldLabel,
     disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
     enableFieldCode = _ref.enableFieldCode,
+    isFormEnabled = _ref.isFormEnabled,
+    savedTitle = _ref.savedTitle,
     formTitle = _ref.formTitle,
     formDescription = _ref.formDescription,
     selectedLanguage = _ref.selectedLanguage,
@@ -11697,6 +11714,8 @@ var Form = function Form(_ref) {
   useEffect(function () {
     setFormData({
       formId: formId,
+      enabled: isFormEnabled,
+      title: savedTitle,
       values: values,
       dirty: dirty,
       isSubmitting: isSubmitting,
@@ -11706,7 +11725,7 @@ var Form = function Form(_ref) {
       resetForm: resetForm,
       selectedLanguage: selectedLanguage
     });
-  }, [formId, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage]);
+  }, [formId, isFormEnabled, savedTitle, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage]);
   var questions = values.questions;
   useEffect(function () {
     onValueChange === null || onValueChange === void 0 || onValueChange(questions);
@@ -11775,10 +11794,10 @@ var Form = function Form(_ref) {
     return humanize(questionKind);
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Alert, {
-    isOpen: deleteQuestionIndex !== null,
+    isOpen: isNotNil(deleteQuestionIndex),
     submitButtonLabel: t("neetoForm.common.delete"),
     title: t("neetoForm.questions.deleteAlert.title"),
-    message: deleteQuestionIndex && /*#__PURE__*/React__default.createElement(Trans, {
+    message: isNotNil(deleteQuestionIndex) && /*#__PURE__*/React__default.createElement(Trans, {
       i18nKey: "neetoForm.questions.deleteAlert.message",
       values: {
         count: availableLanguages.length,
@@ -12004,12 +12023,11 @@ var BuildForm = function BuildForm(_ref) {
       }
     }),
     _useFetchQuestions$da = _useFetchQuestions.data,
-    _useFetchQuestions$da2 = _useFetchQuestions$da === void 0 ? {
-      title: "",
-      questions: []
-    } : _useFetchQuestions$da,
-    questions = _useFetchQuestions$da2.questions,
+    _useFetchQuestions$da2 = _useFetchQuestions$da === void 0 ? QUESTIONS_INITIAL_VALUE : _useFetchQuestions$da,
+    isFormEnabled = _useFetchQuestions$da2.enabled,
+    savedTitle = _useFetchQuestions$da2.title,
     isQuestionsLoading = _useFetchQuestions$da2.isQuestionsLoading,
+    questions = _useFetchQuestions$da2.questions,
     isLoading = _useFetchQuestions.isLoading,
     refetch = _useFetchQuestions.refetch;
   if (isLoading || showLoader && isQuestionsLoading) {
@@ -12074,11 +12092,13 @@ var BuildForm = function BuildForm(_ref) {
       getActiveKindDetails: getActiveKindDetails,
       isDeletable: isDeletable,
       isDisabledFieldLabel: isDisabledFieldLabel,
+      isFormEnabled: isFormEnabled,
       isKindAlreadyActive: isKindAlreadyActive,
       isRequiredField: isRequiredField,
       kindUniqueOn: kindUniqueOn,
       onLanguageChange: onLanguageChange,
       onValueChange: onValueChange,
+      savedTitle: savedTitle,
       selectedLanguage: selectedLanguage,
       showActionBlock: showActionBlock,
       showAddQuestionDivider: showAddQuestionDivider,
@@ -27231,7 +27251,8 @@ var ExternalForm = function ExternalForm(_ref) {
     }, /*#__PURE__*/React__default.createElement(PageLoader, null));
   }
   var title = form.title,
-    questions = form.questions;
+    _form$questions = form.questions,
+    questions = _form$questions === void 0 ? [] : _form$questions;
   var renderedQuestions = preview ? questions.filter(function (_ref4) {
     var _destroy = _ref4._destroy;
     return !_destroy;