@bigbinary/neeto-form-frontend 3.11.1 → 3.12.0

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

@@ -27,6 +27,7 @@
       "required": "Required",
       "hideQuestion": "Hide question",
       "readOnly": "Read-only",
+      "responseVisibleOnlyToHost": "Response visible only to host",
       "invalidURL": "Invalid URL",
       "generateLink": "Generate link",
       "paragraphCantBeEmpty": "Paragraph can't be empty",
@@ -89,7 +90,8 @@
     },
     "callouts": {
       "submitError": "Couldn't submit the form",
-      "hiddenQuestion": "This field is hidden to the public. However you can still edit it."
+      "hiddenQuestion": "This field is hidden to the public. However you can still edit it.",
+      "responseVisibleOnlyToHost": "This field is visible to everyone. But its response will only be visible to the host."
     },
     "successPage": {
       "title1": "Thank You.",
@@ -137,6 +139,7 @@
             "fieldCodeHelpDescription": "If you change the field code, any existing shared links containing the old field code as query parameter, will not work correctly. <Link>View help article</Link> for more information.",
             "questionType": "Question type",
             "hideQuestionHelpDescription": "When enabled, this question will not be visible in the created form. It can be used to track \"reference ids\" and UTM parameters.",
+            "responseVisibleOnlyToHostHelpDescription": "When enabled, the response to this question will only be visible to the host",
             "readOnlyHelpDescription": "When enabled, the client will only be able to see the answer of this question, but will not be able to change the answer of this question. Since you are marking this question as \"read-only\" you should pre-fill the question with an answer.",
             "verifyHuman": "Verify that you are a human"
           }

package/dist/BuildForm.js

@@ -17,7 +17,7 @@ import { isMetaKeyPressed, withT, useStateWithDependency, useOnClickOutside } fr
 import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { useTranslation, Trans } from 'react-i18next';
-import { a as useBuildFormStore } from './buildForm-CuAJYr6B.js';
+import { a as useBuildFormStore } from './buildForm-C8ATbuv6.js';
 import { shallow } from 'zustand/shallow';
 import Alert from '@bigbinary/neetoui/Alert';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -991,15 +991,18 @@ var Form$1 = function Form(_ref) {
     setFieldValue = _useFormikContext.setFieldValue;
   var hideQuestionHelpDoc = useBuildFormStore(path(["formState", "helpDocUrls", "hideQuestion"]));
   var readOnlyHelpDoc = useBuildFormStore(path(["formState", "helpDocUrls", "readOnly"]));
+  var responseVisibleOnlyToHostHelpDoc = useBuildFormStore(path(["formState", "helpDocUrls", "responseVisibleOnlyToHost"]));
   var _useBuildFormStore = useBuildFormStore(function (store) {
-      var _store$formState, _store$formState2, _store$formState3;
+      var _store$formState, _store$formState2, _store$formState3, _store$formState4;
       return {
         showReadOnlySwitch: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["showReadOnlySwitch"],
-        selectedLanguage: (_store$formState2 = store["formState"]) === null || _store$formState2 === void 0 ? void 0 : _store$formState2["selectedLanguage"],
-        isUsingDefaultQuestionKinds: (_store$formState3 = store["formState"]) === null || _store$formState3 === void 0 ? void 0 : _store$formState3["isUsingDefaultQuestionKinds"]
+        showResponseVisibleOnlyToHostSwitch: (_store$formState2 = store["formState"]) === null || _store$formState2 === void 0 ? void 0 : _store$formState2["showResponseVisibleOnlyToHostSwitch"],
+        selectedLanguage: (_store$formState3 = store["formState"]) === null || _store$formState3 === void 0 ? void 0 : _store$formState3["selectedLanguage"],
+        isUsingDefaultQuestionKinds: (_store$formState4 = store["formState"]) === null || _store$formState4 === void 0 ? void 0 : _store$formState4["isUsingDefaultQuestionKinds"]
       };
     }, shallow),
     showReadOnlySwitch = _useBuildFormStore.showReadOnlySwitch,
+    showResponseVisibleOnlyToHostSwitch = _useBuildFormStore.showResponseVisibleOnlyToHostSwitch,
     selectedLanguage = _useBuildFormStore.selectedLanguage,
     isUsingDefaultQuestionKinds = _useBuildFormStore.isUsingDefaultQuestionKinds;
   var kind = values.kind;
@@ -1021,6 +1024,7 @@ var Form$1 = function Form(_ref) {
   var isImmutable = questionKind && isImmutableField(questionKind);
   var shouldShowFieldCode = enableFieldCode && !includes(kind, QUESTIONS_WITHOUT_FIELD_CODE);
   var shouldShowHideSwitch = !includes(kind, NON_HIDEABLE_FIELDS);
+  var shouldShowResponseVisibleOnlyToHostSwitch = showResponseVisibleOnlyToHostSwitch && !includes(kind, NON_HIDEABLE_FIELDS);
   var shouldShowReadOnlySwitch = showReadOnlySwitch && !includes(kind, NON_READ_ONLY_FIELDS);
   var isSettingsBlockVisible = !isRequired && (!isImmutable || shouldShowHideSwitch);
   var handleKindChange = function handleKindChange(option) {
@@ -1091,6 +1095,10 @@ var Form$1 = function Form(_ref) {
             label: t("neetoForm.common.hideQuestion"),
             labelProps: hideSwitchLabelProps(hideQuestionHelpDoc),
             name: "isHidden"
+          }), shouldShowResponseVisibleOnlyToHostSwitch && /*#__PURE__*/jsx(Switch, {
+            label: t("neetoForm.common.responseVisibleOnlyToHost"),
+            name: "isResponseVisibleOnlyToHost",
+            labelProps: responseVisibleOnlyToHostSwitchLabelProps(responseVisibleOnlyToHostHelpDoc)
           })]
         }), (shouldShowFieldCode || shouldShowReadOnlySwitch) && /*#__PURE__*/jsx(Accordion, {
           className: "neeto-form-nano-advanced-properties-accordion",
@@ -2041,6 +2049,19 @@ var hideSwitchLabelProps = function hideSwitchLabelProps(helpUrl) {
     }
   } : undefined;
 };
+var responseVisibleOnlyToHostSwitchLabelProps = function responseVisibleOnlyToHostSwitchLabelProps(helpUrl) {
+  return {
+    helpIconProps: {
+      popoverProps: {
+        description: t("neetoForm.questions.common.questionFields.field.responseVisibleOnlyToHostHelpDescription"),
+        helpLinkProps: {
+          href: helpUrl,
+          label: t("neetoForm.common.viewHelpArticle")
+        }
+      }
+    }
+  };
+};
 var readOnlySwitchLabelProps = function readOnlySwitchLabelProps(helpUrl) {
   return {
     helpIconProps: {
@@ -2095,7 +2116,7 @@ var AddQuestion = function AddQuestion(_ref) {
   }));
 };
 
-var _excluded = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "showReadOnlySwitch", "buildRequestArgs", "enableDomainBlacklisting", "enableDomainWhitelisting", "helpDocUrls", "hostSpecificData", "questionsHelpProps", "isUsingDefaultQuestionKinds", "usesCustomSubmissionComponent"];
+var _excluded = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "showReadOnlySwitch", "showResponseVisibleOnlyToHostSwitch", "buildRequestArgs", "enableDomainBlacklisting", "enableDomainWhitelisting", "helpDocUrls", "hostSpecificData", "questionsHelpProps", "isUsingDefaultQuestionKinds", "usesCustomSubmissionComponent"];
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = function Form(_ref) {
@@ -2123,6 +2144,7 @@ var Form = function Form(_ref) {
     additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
     showActionBlock = _ref.showActionBlock,
     showReadOnlySwitch = _ref.showReadOnlySwitch,
+    showResponseVisibleOnlyToHostSwitch = _ref.showResponseVisibleOnlyToHostSwitch,
     buildRequestArgs = _ref.buildRequestArgs,
     enableDomainBlacklisting = _ref.enableDomainBlacklisting,
     enableDomainWhitelisting = _ref.enableDomainWhitelisting,
@@ -2187,9 +2209,10 @@ var Form = function Form(_ref) {
       enableDomainWhitelisting: enableDomainWhitelisting,
       isUsingDefaultQuestionKinds: isUsingDefaultQuestionKinds,
       showReadOnlySwitch: showReadOnlySwitch,
+      showResponseVisibleOnlyToHostSwitch: showResponseVisibleOnlyToHostSwitch,
       usesCustomSubmissionComponent: usesCustomSubmissionComponent
     });
-  }, [formId, isFormEnabled, savedTitle, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage, helpDocUrls, enableDomainBlacklisting, enableDomainWhitelisting, isUsingDefaultQuestionKinds, showReadOnlySwitch, usesCustomSubmissionComponent]);
+  }, [formId, isFormEnabled, savedTitle, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage, helpDocUrls, enableDomainBlacklisting, enableDomainWhitelisting, isUsingDefaultQuestionKinds, showReadOnlySwitch, showResponseVisibleOnlyToHostSwitch, usesCustomSubmissionComponent]);
   var questions = values.questions;
   var handleSelect = function handleSelect(question) {
     setSelectedQuestion(question);
@@ -2418,6 +2441,8 @@ var BuildForm = function BuildForm(_ref) {
     hostSpecificData = _ref$hostSpecificData === void 0 ? {} : _ref$hostSpecificData,
     _ref$showReadOnlySwit = _ref.showReadOnlySwitch,
     showReadOnlySwitch = _ref$showReadOnlySwit === void 0 ? false : _ref$showReadOnlySwit,
+    _ref$showResponseVisi = _ref.showResponseVisibleOnlyToHostSwitch,
+    showResponseVisibleOnlyToHostSwitch = _ref$showResponseVisi === void 0 ? false : _ref$showResponseVisi,
     _ref$usesCustomSubmis = _ref.usesCustomSubmissionComponent,
     usesCustomSubmissionComponent = _ref$usesCustomSubmis === void 0 ? false : _ref$usesCustomSubmis;
   var queryClient = useQueryClient();
@@ -2525,6 +2550,7 @@ var BuildForm = function BuildForm(_ref) {
           selectedLanguage: selectedLanguage,
           showActionBlock: showActionBlock,
           showReadOnlySwitch: showReadOnlySwitch,
+          showResponseVisibleOnlyToHostSwitch: showResponseVisibleOnlyToHostSwitch,
           submitButtonProps: submitButtonProps,
           usesCustomSubmissionComponent: usesCustomSubmissionComponent
         })), {}, {