@bigbinary/neeto-form-frontend 3.0.4 → 3.0.6

package/dist/index.js

@@ -32,9 +32,9 @@ import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Pane from '@bigbinary/neetoui/Pane';
 import Form$2 from '@bigbinary/neetoui/formik/Form';
 import Select from '@bigbinary/neetoui/formik/Select';
+import Switch from '@bigbinary/neetoui/formik/Switch';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import NeetoEditor from '@bigbinary/neeto-editor/Editor';
-import Switch from '@bigbinary/neetoui/formik/Switch';
 import Button$1 from '@bigbinary/neetoui/Button';
 import Accordion from '@bigbinary/neetoui/Accordion';
 import Input from '@bigbinary/neetoui/formik/Input';
@@ -47,8 +47,10 @@ import Label from '@bigbinary/neetoui/Label';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
+import Warning from '@bigbinary/neeto-icons/Warning';
 import Toastr from '@bigbinary/neetoui/Toastr';
 import Spinner$2 from '@bigbinary/neetoui/Spinner';
+import NeetoUICallout from '@bigbinary/neetoui/Callout';
 import Close from '@bigbinary/neeto-icons/Close';
 import Check from '@bigbinary/neeto-icons/Check';
 import dayjs from 'dayjs';
@@ -575,7 +577,7 @@ var handleQuestionMutationSuccess = function handleQuestionMutationSuccess(_ref)
 var _excluded$d = ["formId", "preview", "language"],
   _excluded2$1 = ["formId", "language"],
   _excluded3$1 = ["page", "pageSize"],
-  _excluded5 = ["formId", "submissionId"];
+  _excluded5 = ["formId", "submissionId", "fetchPublicSubmission"];
 function ownKeys$y(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$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useForm = function useForm(_ref) {
@@ -788,11 +790,13 @@ var useDeleteForm = function useDeleteForm(options) {
 var useSubmission = function useSubmission(_ref11) {
   var formId = _ref11.formId,
     submissionId = _ref11.submissionId,
+    _ref11$fetchPublicSub = _ref11.fetchPublicSubmission,
+    fetchPublicSubmission = _ref11$fetchPublicSub === void 0 ? true : _ref11$fetchPublicSub,
     options = _objectWithoutProperties(_ref11, _excluded5);
   return useQuery(_objectSpread$y({
     queryKey: [QUERY_KEYS.SUBMISSION, formId, submissionId],
     queryFn: function queryFn() {
-      return neetoFormApi.getPublicSubmission(formId, submissionId);
+      return fetchPublicSubmission ? neetoFormApi.getPublicSubmission(formId, submissionId) : neetoFormApi.getSubmission(formId, submissionId);
     },
     placeholderData: keepPreviousData
   }, options));
@@ -2060,7 +2064,7 @@ var RequiredSwitch = withT(function (_ref) {
   return /*#__PURE__*/jsx("div", {
     className: "w-full",
     children: /*#__PURE__*/jsx(Switch, {
-      label: t("neetoForm.questions.common.questionFields.field.required"),
+      label: t("neetoForm.common.required"),
       name: "isRequired"
     })
   });
@@ -2154,6 +2158,7 @@ var Form$1 = function Form(_ref) {
   var shouldShowPlaceholder = includes(kind, QUESTIONS_WITH_PLACEHOLDERS);
   var hasAdditionalData = includes(kind, QUESTIONS_WITH_ADDITIONAL_DATA);
   var shouldShowFieldCode = enableFieldCode && !includes(kind, QUESTIONS_WITHOUT_FIELD_CODE);
+  var shouldShowHideSwitch = !includes(kind, QUESTIONS_WITHOUT_FIELD_CODE);
   var handleKindChange = function handleKindChange(option) {
     var data = buildQuestionData(option);
     updateFormState(data);
@@ -2212,10 +2217,13 @@ var Form$1 = function Form(_ref) {
             kind: kind,
             questionProps: questionProps
           })]
-        }), !isRequired && /*#__PURE__*/jsx(Block, {
+        }), !isRequired && /*#__PURE__*/jsxs(Block, {
           dataCy: "settings-card",
           title: t("neetoForm.common.settings"),
-          children: /*#__PURE__*/jsx(RequiredSwitch, {})
+          children: [/*#__PURE__*/jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsx(Switch, {
+            label: t("neetoForm.common.hideQuestion"),
+            name: "isHidden"
+          })]
         }), shouldShowFieldCode && /*#__PURE__*/jsx(FieldCode, {
           helpDocUrl: fieldCodeHelpDocUrl
         })]
@@ -5634,7 +5642,10 @@ var ExternalForm = function ExternalForm(_ref) {
   var renderedQuestions = preview ? questions.filter(function (_ref4) {
     var _destroy = _ref4._destroy;
     return !_destroy;
-  }) : questions;
+  }) : questions.filter(function (_ref5) {
+    var isHidden = _ref5.isHidden;
+    return !isHidden;
+  });
   if (displayThankYou && showSuccess) {
     return /*#__PURE__*/jsx(Success$1, {});
   }
@@ -5660,11 +5671,11 @@ var ExternalForm = function ExternalForm(_ref) {
           toCamelCase: false
         }) : {}
       }),
-      children: function children(_ref5) {
-        var isSubmitting = _ref5.isSubmitting,
-          errors = _ref5.errors,
-          setFieldError = _ref5.setFieldError,
-          handleReset = _ref5.handleReset;
+      children: function children(_ref6) {
+        var isSubmitting = _ref6.isSubmitting,
+          errors = _ref6.errors,
+          setFieldError = _ref6.setFieldError,
+          handleReset = _ref6.handleReset;
         return /*#__PURE__*/jsxs(FormikWrap, {
           dataUpdateCount: dataUpdateCount,
           formId: formId,
@@ -5689,15 +5700,23 @@ var ExternalForm = function ExternalForm(_ref) {
             }), renderedQuestions.map(function (question) {
               var _question$id;
               var FieldComponent = getFieldComponent(question);
-              return /*#__PURE__*/createElement(FieldComponent, {
-                editorProps: editorProps,
-                editorRef: editorRef,
-                preview: preview,
-                question: question,
-                customValidator: customValidator === null || customValidator === void 0 ? void 0 : customValidator(question),
-                key: (_question$id = question.id) !== null && _question$id !== void 0 ? _question$id : question.nodeId,
-                autoComplete: buildAutoCompleteAttribute(question.kind, autoCompleteKinds, formDomProps)
-              });
+              return /*#__PURE__*/jsxs(React__default.Fragment, {
+                children: [/*#__PURE__*/jsx(FieldComponent, {
+                  editorProps: editorProps,
+                  editorRef: editorRef,
+                  preview: preview,
+                  question: question,
+                  customValidator: customValidator === null || customValidator === void 0 ? void 0 : customValidator(question),
+                  autoComplete: buildAutoCompleteAttribute(question.kind, autoCompleteKinds, formDomProps)
+                }), question.isHidden && /*#__PURE__*/jsx(NeetoUICallout, {
+                  icon: Warning,
+                  style: "warning",
+                  children: /*#__PURE__*/jsx(Typography, {
+                    style: "body2",
+                    children: t("neetoForm.callouts.hiddenQuestion")
+                  })
+                })]
+              }, (_question$id = question.id) !== null && _question$id !== void 0 ? _question$id : question.nodeId);
             }), showEmptyState && isEmpty(renderedQuestions) && /*#__PURE__*/jsxs("div", {
               className: "flex flex-col items-center justify-center gap-y-4 py-8",
               children: [/*#__PURE__*/jsx(SvgNoQuestions, {}), /*#__PURE__*/jsx(Typography, {
@@ -8332,6 +8351,8 @@ var Submission = function Submission(_ref2) {
     submissionId = _ref2$submissionId === void 0 ? "" : _ref2$submissionId,
     _ref2$className = _ref2.className,
     className = _ref2$className === void 0 ? "" : _ref2$className,
+    _ref2$fetchPublicSubm = _ref2.fetchPublicSubmission,
+    fetchPublicSubmission = _ref2$fetchPublicSubm === void 0 ? true : _ref2$fetchPublicSubm,
     _ref2$questionLabelPr = _ref2.questionLabelProps,
     questionLabelProps = _ref2$questionLabelPr === void 0 ? {} : _ref2$questionLabelPr,
     _ref2$answerProps = _ref2.answerProps,
@@ -8339,6 +8360,7 @@ var Submission = function Submission(_ref2) {
   var _useSubmission = useSubmission({
       formId: formId,
       submissionId: submissionId,
+      fetchPublicSubmission: fetchPublicSubmission,
       enabled: !!(formId && submissionId)
     }),
     _useSubmission$data = _useSubmission.data,