@bigbinary/neeto-form-frontend 3.0.4 → 3.0.5

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

@@ -25,6 +25,7 @@
       "select": "Select",
       "selectOne": "Select one",
       "required": "Required",
+      "hideQuestion": "Hide question",
       "invalidURL": "Invalid URL",
       "generateLink": "Generate link",
       "paragraphCantBeEmpty": "Paragraph can't be empty",
@@ -76,7 +77,8 @@
       "formSubmitted": "Form has been submitted successfully!"
     },
     "callouts": {
-      "submitError": "Couldn't submit the form"
+      "submitError": "Couldn't submit the form",
+      "hiddenQuestion": "This field is hidden to the public. However you can still edit it."
     },
     "successPage": {
       "title1": "Thanks for completing this form.",

package/dist/index.cjs.js

@@ -35,9 +35,9 @@ var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Form$2 = require('@bigbinary/neetoui/formik/Form');
 var Select = require('@bigbinary/neetoui/formik/Select');
+var Switch = require('@bigbinary/neetoui/formik/Switch');
 var Textarea = require('@bigbinary/neetoui/formik/Textarea');
 var NeetoEditor = require('@bigbinary/neeto-editor/Editor');
-var Switch = require('@bigbinary/neetoui/formik/Switch');
 var Button$1 = require('@bigbinary/neetoui/Button');
 var Accordion = require('@bigbinary/neetoui/Accordion');
 var Input = require('@bigbinary/neetoui/formik/Input');
@@ -50,8 +50,10 @@ var Label = require('@bigbinary/neetoui/Label');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var Warning = require('@bigbinary/neeto-icons/Warning');
 var Toastr = require('@bigbinary/neetoui/Toastr');
 var Spinner$2 = require('@bigbinary/neetoui/Spinner');
+var NeetoUICallout = require('@bigbinary/neetoui/Callout');
 var Close = require('@bigbinary/neeto-icons/Close');
 var Check = require('@bigbinary/neeto-icons/Check');
 var dayjs = require('dayjs');
@@ -115,9 +117,9 @@ var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
 var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form$2);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 var NeetoEditor__default = /*#__PURE__*/_interopDefaultLegacy(NeetoEditor);
-var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$1);
 var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
@@ -130,8 +132,10 @@ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
+var Warning__default = /*#__PURE__*/_interopDefaultLegacy(Warning);
 var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
 var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner$2);
+var NeetoUICallout__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUICallout);
 var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
@@ -652,7 +656,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__default["default"](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) {
@@ -865,11 +869,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__default["default"](_ref11, _excluded5);
   return reactQuery.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: reactQuery.keepPreviousData
   }, options));
@@ -2137,7 +2143,7 @@ var RequiredSwitch = reactUtils.withT(function (_ref) {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "w-full",
     children: /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
-      label: t("neetoForm.questions.common.questionFields.field.required"),
+      label: t("neetoForm.common.required"),
       name: "isRequired"
     })
   });
@@ -2231,6 +2237,7 @@ var Form$1 = function Form(_ref) {
   var shouldShowPlaceholder = ramda.includes(kind, QUESTIONS_WITH_PLACEHOLDERS);
   var hasAdditionalData = ramda.includes(kind, QUESTIONS_WITH_ADDITIONAL_DATA);
   var shouldShowFieldCode = enableFieldCode && !ramda.includes(kind, QUESTIONS_WITHOUT_FIELD_CODE);
+  var shouldShowHideSwitch = !ramda.includes(kind, QUESTIONS_WITHOUT_FIELD_CODE);
   var handleKindChange = function handleKindChange(option) {
     var data = buildQuestionData(option);
     updateFormState(data);
@@ -2289,10 +2296,13 @@ var Form$1 = function Form(_ref) {
             kind: kind,
             questionProps: questionProps
           })]
-        }), !isRequired && /*#__PURE__*/jsxRuntime.jsx(Block, {
+        }), !isRequired && /*#__PURE__*/jsxRuntime.jsxs(Block, {
           dataCy: "settings-card",
           title: t("neetoForm.common.settings"),
-          children: /*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {})
+          children: [/*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+            label: t("neetoForm.common.hideQuestion"),
+            name: "isHidden"
+          })]
         }), shouldShowFieldCode && /*#__PURE__*/jsxRuntime.jsx(FieldCode, {
           helpDocUrl: fieldCodeHelpDocUrl
         })]
@@ -5711,7 +5721,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__*/jsxRuntime.jsx(Success$1, {});
   }
@@ -5737,11 +5750,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__*/jsxRuntime.jsxs(FormikWrap, {
           dataUpdateCount: dataUpdateCount,
           formId: formId,
@@ -5766,15 +5779,23 @@ var ExternalForm = function ExternalForm(_ref) {
             }), renderedQuestions.map(function (question) {
               var _question$id;
               var FieldComponent = getFieldComponent(question);
-              return /*#__PURE__*/React$2.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__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
+                children: [/*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(NeetoUICallout__default["default"], {
+                  icon: Warning__default["default"],
+                  style: "warning",
+                  children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                    style: "body2",
+                    children: t("neetoForm.callouts.hiddenQuestion")
+                  })
+                })]
+              }, (_question$id = question.id) !== null && _question$id !== void 0 ? _question$id : question.nodeId);
             }), showEmptyState && ramda.isEmpty(renderedQuestions) && /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "flex flex-col items-center justify-center gap-y-4 py-8",
               children: [/*#__PURE__*/jsxRuntime.jsx(SvgNoQuestions, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
@@ -8409,6 +8430,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,
@@ -8416,6 +8439,7 @@ var Submission = function Submission(_ref2) {
   var _useSubmission = useSubmission({
       formId: formId,
       submissionId: submissionId,
+      fetchPublicSubmission: fetchPublicSubmission,
       enabled: !!(formId && submissionId)
     }),
     _useSubmission$data = _useSubmission.data,