@bigbinary/neeto-form-frontend 3.13.0 → 3.13.2

package/dist/ExternalForm.js

@@ -26,8 +26,8 @@ import { a as isBlank, g as getComponentDisplayName, p as parseServerError } fro
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import Check from '@bigbinary/neeto-icons/Check';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { C as CALLOUT_STYLES, b as CALLOUT_POSITIONS } from './constants-T3w90EO4.js';
-import { c as clientI18nInstance, d as getWithExpiry, g as generateInitValues, F as FormikWrap, a as getFieldComponent, b as buildAutoCompleteAttribute, r as renderButtonsInOrder, m as mergeRefs, e as generateFormResponse, f as clearLocalStorageValues } from './utils-CtH5-JaK.js';
+import { C as CALLOUT_STYLES, b as CALLOUT_POSITIONS } from './constants-R6y-Scns.js';
+import { c as clientI18nInstance, d as getWithExpiry, g as generateInitValues, F as FormikWrap, a as getFieldComponent, b as buildAutoCompleteAttribute, r as renderButtonsInOrder, m as mergeRefs, e as generateFormResponse, f as clearLocalStorageValues } from './utils-sLnx21A2.js';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@bigbinary/neeto-commons-frontend/constants';

package/dist/UrlBuilder.js

@@ -10,10 +10,10 @@ import Button from '@bigbinary/neetoui/Button';
 import NoData from '@bigbinary/neetoui/NoData';
 import { map, mergeLeft, filter, pluck, isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { g as generateInitValues, F as FormikWrap, a as getFieldComponent, b as buildAutoCompleteAttribute, m as mergeRefs } from './utils-CtH5-JaK.js';
+import { g as generateInitValues, F as FormikWrap, a as getFieldComponent, b as buildAutoCompleteAttribute, m as mergeRefs } from './utils-sLnx21A2.js';
 import { b as usePublicForm } from './constants-DBuFEVFA.js';
 import { parsePhoneNumber } from 'libphonenumber-js';
-import { Q as QUESTIONS_WITHOUT_FIELD_CODE, a as QUESTION_KIND } from './constants-T3w90EO4.js';
+import { Q as QUESTIONS_WITHOUT_FIELD_CODE, a as QUESTION_KIND } from './constants-R6y-Scns.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import './index-BGEdOqsc.js';
 import '@babel/runtime/helpers/typeof';

package/dist/cjs/BuildForm.js

@@ -3,10 +3,10 @@
 var reactQuery = require('@tanstack/react-query');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
-var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var Spinner = require('@bigbinary/neetoui/Spinner');
 var ramda = require('ramda');
 var constants = require('../constants-Dq9-rvtB.js');
-var constants$1 = require('../constants-Bx5mJ_UK.js');
+var constants$1 = require('../constants-CDhYxmSQ.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var dnd = require('@hello-pangea/dnd');
@@ -28,6 +28,7 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var i18next = require('i18next');
 var uuid = require('uuid');
 var NoData = require('@bigbinary/neetoui/NoData');
+var Button = require('@bigbinary/neetoui/Button');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var Pane = require('@bigbinary/neetoui/Pane');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
@@ -38,7 +39,6 @@ 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 Button = require('@bigbinary/neetoui/Button');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var utils$1 = require('@bigbinary/neeto-editor/utils');
 var yup = require('yup');
@@ -570,20 +570,37 @@ var getAvailableQuestionKinds = function getAvailableQuestionKinds(_ref7) {
 };
 var formatQuestionAttributesForClone = ramda.when(isChoiceQuestion, ramda.assoc("isCloning", true));
 
+var HelpText = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    href = _ref.href;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [t("neetoForm.questions.common.helpText.learnAbout"), " ", /*#__PURE__*/jsxRuntime.jsx(Button, {
+      href: href,
+      label: t("neetoForm.questions.common.helpText.howToAddNewQuestions"),
+      style: "link",
+      target: "_blank"
+    })]
+  });
+});
+
 var AddFirstQuestion = function AddFirstQuestion(_ref) {
   var onAdd = _ref.onAdd,
     isDisabled = _ref.isDisabled,
-    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps;
+    disabledAddButtonHelpPopoverProps = _ref.disabledAddButtonHelpPopoverProps;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var tooltipProps = constants$1.buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
+  var _disabledAddButtonHel = disabledAddButtonHelpPopoverProps.helpLinkProps,
+    _disabledAddButtonHel2 = _disabledAddButtonHel === void 0 ? {} : _disabledAddButtonHel,
+    href = _disabledAddButtonHel2.href;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex h-full flex-col items-center justify-center py-8",
     children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
-      showTooltipWhenButtonDisabled: true,
       className: "min-h-80",
-      title: t("neetoForm.questions.common.noData"),
-      primaryButtonProps: constants$1.buildAddQuestionButtonProps(onAdd, isDisabled, tooltipProps)
+      helpText: neetoCist.isPresent(href) ? /*#__PURE__*/jsxRuntime.jsx(HelpText, {
+        href: href
+      }) : null,
+      primaryButtonProps: constants$1.buildAddQuestionButtonProps(onAdd, isDisabled),
+      title: t("neetoForm.questions.common.noData")
     })
   });
 };
@@ -2117,17 +2134,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AddQuestion = function AddQuestion(_ref) {
   var onAdd = _ref.onAdd,
-    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    disabledAddButtonHelpPopoverProps = _ref.disabledAddButtonHelpPopoverProps,
     isDisabled = _ref.isDisabled,
     addQuestionHelpProps = _ref.addQuestionHelpProps;
-  var tooltipProps = constants$1.buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
+  var helpPopoverProps = isDisabled ? constants$1.buildDisabledAddButtonHelpPopoverProps(disabledAddButtonHelpPopoverProps) : {};
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "mb-8 flex w-full items-center gap-x-1",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
-      children: /*#__PURE__*/jsxRuntime.jsx("span", {
-        children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({}, constants$1.buildAddQuestionButtonProps(onAdd, isDisabled)))
-      })
-    })), neetoCist.isPresent(addQuestionHelpProps) && /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({}, constants$1.buildAddQuestionButtonProps(onAdd, isDisabled))), isDisabled && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({}, helpPopoverProps)), neetoCist.isPresent(addQuestionHelpProps) && !isDisabled && /*#__PURE__*/jsxRuntime.jsx("span", {
       children: /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({}, addQuestionHelpProps))
     })]
   });
@@ -2142,7 +2155,7 @@ var Form = function Form(_ref) {
     isKindAlreadyActive = _ref.isKindAlreadyActive,
     getActiveKindDetails = _ref.getActiveKindDetails,
     isDisabledFieldLabel = _ref.isDisabledFieldLabel,
-    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    disabledAddButtonHelpPopoverProps = _ref.disabledAddButtonHelpPopoverProps,
     isFormEnabled = _ref.isFormEnabled,
     savedTitle = _ref.savedTitle,
     formTitle = _ref.formTitle,
@@ -2347,13 +2360,13 @@ var Form = function Form(_ref) {
             className: "mb-8 flex w-full items-center gap-x-1",
             children: /*#__PURE__*/jsxRuntime.jsx(AddQuestion, {
               addQuestionHelpProps: addQuestionHelpProps,
-              disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+              disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
               isDisabled: ramda.isEmpty(availableQuestionKinds),
               onAdd: handleAdd
             })
           })]
         }) : /*#__PURE__*/jsxRuntime.jsx(AddFirstQuestion, {
-          disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+          disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
           isDisabled: ramda.isEmpty(availableQuestionKinds),
           onAdd: handleAdd
         })
@@ -2401,7 +2414,8 @@ var BuildForm = function BuildForm(_ref) {
     onLanguageChange = _ref$onLanguageChange === void 0 ? neetoCist.noop : _ref$onLanguageChange,
     _ref$addQuestionHelpP = _ref.addQuestionHelpProps,
     addQuestionHelpProps = _ref$addQuestionHelpP === void 0 ? {} : _ref$addQuestionHelpP,
-    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    _ref$disabledAddButto = _ref.disabledAddButtonHelpPopoverProps,
+    disabledAddButtonHelpPopoverProps = _ref$disabledAddButto === void 0 ? {} : _ref$disabledAddButto,
     _ref$additionalAction = _ref.additionalActionOptions,
     additionalActionOptions = _ref$additionalAction === void 0 ? [] : _ref$additionalAction,
     _ref$allowAdditionalG = _ref.allowAdditionalGuests,
@@ -2431,7 +2445,7 @@ var BuildForm = function BuildForm(_ref) {
   if (isLoading || isQuestionsLoading && !isQuestionsPending) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center py-6",
-      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
   var onValueChange = function onValueChange(questions) {
@@ -2456,7 +2470,7 @@ var BuildForm = function BuildForm(_ref) {
       additionalActionOptions: additionalActionOptions,
       advancedFeatures: advancedFeatures,
       availableLanguages: availableLanguages,
-      disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+      disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
       formDescription: formDescription,
       formTitle: formTitle,
       getActiveKindDetails: getActiveKindDetails,