@bigbinary/neeto-form-frontend 1.2.18 → 1.2.20

package/dist/index.js

@@ -7,18 +7,19 @@ import { Typography, Dropdown as Dropdown$2, Tooltip, Button as Button$1, Label,
 import { assoc, prop, isEmpty, path, values, compose as compose$1, trim, useWith, split, either, isNil, equals, difference, reject, pluck, keys, pick, omit, insert, not, pipe as pipe$1, toLower, map, includes, isNotNil, times } 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, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, MultipleChoice as MultipleChoice$2, ListDot, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Checkbox as Checkbox$2, Calendar, Upload, Check, Close, FileGeneric } from '@bigbinary/neeto-icons';
+import { Input, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Info, Delete, Plus, NeetoInvisible, MultipleChoice as MultipleChoice$2, ListDot, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Checkbox as Checkbox$2, Calendar, Upload, Check, Close, FileGeneric } from '@bigbinary/neeto-icons';
 import axios from 'axios';
 import ReactDOM, { unstable_batchedUpdates, flushSync as flushSync$1 } from 'react-dom';
 import { Input as Input$1, Textarea, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
 import { useTranslation, Trans } from 'react-i18next';
-import { withImmutableActions, withT, useDebounce, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { withImmutableActions, withT, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { create as create$1 } from 'zustand';
 import classnames from 'classnames';
 import * as yup from 'yup';
 import { object, array, string } from 'yup';
 import { Editor as Editor$1, isEditorEmpty, EditorContent } from '@bigbinary/neeto-editor';
 import { withEventTargetValue, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import useHotkeys from '@bigbinary/neeto-hotkeys';
 import dayjs from 'dayjs';
 import { validation, PhoneNumberInput, PhoneNumber as PhoneNumber$1 } from '@bigbinary/neeto-molecules/PhoneNumber';
 import path$1 from 'path';
@@ -93,6 +94,7 @@ var QUERY_KEYS = {
   FORMIK: "neetoFormFormik"
 };
 var DIRECT_UPLOAD_URL = "/api/direct_uploads";
+var FIELD_CODE_DOC = "https://help.neetocal.com/public/p-0ee1deebdb";
 
 function _objectWithoutPropertiesLoose$2(source, excluded) {
   if (source == null) return {};
@@ -10172,16 +10174,21 @@ var validateFieldCode = validateSchema(yup.string().trim().required(t$4("neetoFo
 var FieldCode = withT(function (_ref) {
   var t = _ref.t,
     name = _ref.name;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col space-y-3"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "mt-4",
-    style: "h4"
-  }, t("neetoForm.questions.common.advancedProperties")), /*#__PURE__*/React__default.createElement(InputWithMaxLength, {
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InputWithMaxLength, {
     required: true,
+    className: "mt-14",
     label: t("neetoForm.questions.common.questionFields.field.fieldCode"),
     name: "".concat(name, ".fieldCode"),
-    validate: validateFieldCode
+    validate: validateFieldCode,
+    labelProps: {
+      helpIconProps: {
+        icon: Info,
+        className: "cursor-pointer",
+        onClick: function onClick() {
+          return window.open(FIELD_CODE_DOC, "_blank", "noopener,noreferrer");
+        }
+      }
+    }
   }));
 });
 
@@ -11340,18 +11347,6 @@ var Question = function Question(_ref) {
   });
 };
 
-var moveItem = function moveItem(arr, sourceIndex, destinationIndex) {
-  if (sourceIndex === destinationIndex) return arr;
-  if (arr instanceof Array && arr[sourceIndex] !== undefined) {
-    var removedItem = arr.splice(sourceIndex, 1)[0];
-    arr.splice(destinationIndex, 0, removedItem);
-  }
-  return arr;
-};
-var arrayHelpers = {
-  moveItem: moveItem
-};
-
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
 // generators (like Math.random()).
@@ -11417,6 +11412,18 @@ function v4(options, buf, offset) {
   return unsafeStringify(rnds);
 }
 
+var moveItem = function moveItem(arr, sourceIndex, destinationIndex) {
+  if (sourceIndex === destinationIndex) return arr;
+  if (arr instanceof Array && arr[sourceIndex] !== undefined) {
+    var removedItem = arr.splice(sourceIndex, 1)[0];
+    arr.splice(destinationIndex, 0, removedItem);
+  }
+  return arr;
+};
+var arrayHelpers = {
+  moveItem: moveItem
+};
+
 function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateUniqueFieldCode = function generateUniqueFieldCode(type, questions) {
@@ -27114,7 +27121,7 @@ var ExternalForm = function ExternalForm(_ref) {
       questions: []
     } : _useForm$data,
     isLoading = _useForm.isLoading;
-  var keyPressRef = useHotKeys("command+enter", ((_formikInnerRef$curre = formikInnerRef.current) === null || _formikInnerRef$curre === void 0 ? void 0 : _formikInnerRef$curre.handleSubmit) || noop$4, {
+  var keyPressRef = useHotkeys("command+enter", ((_formikInnerRef$curre = formikInnerRef.current) === null || _formikInnerRef$curre === void 0 ? void 0 : _formikInnerRef$curre.handleSubmit) || noop$4, {
     mode: "scoped"
   });
   if (isLoading || form.isQuestionsLoading || !!submissionId && submission !== null && submission !== void 0 && submission.isLoading) {