@bigbinary/neeto-form-frontend 1.2.22 → 1.2.24

package/dist/index.js

@@ -1,13 +1,13 @@
 import * as React$2 from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useLayoutEffect as useLayoutEffect$1, memo, forwardRef, useImperativeHandle, Fragment, useReducer, useCallback as useCallback$1, useMemo as useMemo$1, createContext, createElement } from 'react';
 import { useField, useFormikContext, FieldArray, Form as Form$1, Formik, Field, FastField } from 'formik';
-import { noop as noop$4, slugify, findBy, filterBy, removeBy, isPresent as isPresent$1, isNotEmpty, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
+import { noop as noop$4, slugify, filterBy, findBy, removeBy, isPresent as isPresent$1, isNotEmpty, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { Typography, Dropdown as Dropdown$2, Tooltip, Button as Button$1, Label, Checkbox as Checkbox$1, Alert, Toastr, MultiEmailInput, DatePicker, Radio, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
+import { Typography, Dropdown as Dropdown$2, Tooltip, Button as Button$1, Label, Checkbox as Checkbox$1, Alert, Toastr, MultiEmailInput, DatePicker, Radio as Radio$1, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
 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, 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 { Input, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Info, Delete, Plus, NeetoInvisible, Checkbox as Checkbox$2, Radio, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, 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';
@@ -15,9 +15,9 @@ import { useTranslation, Trans } from 'react-i18next';
 import { withImmutableActions, withT, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { create as create$1 } from 'zustand';
 import classnames from 'classnames';
+import { Editor as Editor$1, isEditorEmpty, EditorContent } from '@bigbinary/neeto-editor';
 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';
@@ -806,6 +806,7 @@ var THUMBS_UP = {
   icon: "👍",
   className: "w-20"
 };
+var QUESTIONS_WITH_FIELD_CODE = ["paragraph", "termsandcondition", "condition", "file_upload"];
 var RESERVED_FIELD_CODES = ["month", "date", "time"];
 
 function _arrayWithHoles$3(arr) {
@@ -10136,41 +10137,6 @@ var TextAreaWithMaxLength = function TextAreaWithMaxLength(_ref) {
   }));
 };
 
-var validateSchema = function validateSchema(schema) {
-  return function (values) {
-    try {
-      schema.validateSync(values, {
-        abortEarly: true
-      });
-      return undefined;
-    } catch (err) {
-      return err.errors[0];
-    }
-  };
-};
-var getActiveQuestionKindDetails = function getActiveQuestionKindDetails(_ref) {
-  var allQuestionKinds = _ref.allQuestionKinds,
-    item = _ref.item;
-  var kind = item.kind,
-    label = item.label;
-  var _findBy = findBy({
-      type: kind
-    }, allQuestionKinds),
-    FieldComponent = _findBy.component,
-    FieldIcon = _findBy.icon,
-    isSingular = _findBy.isSingular;
-  return {
-    kind: kind,
-    label: label,
-    FieldComponent: FieldComponent,
-    FieldIcon: FieldIcon,
-    isSingular: isSingular
-  };
-};
-var validateFieldCode = validateSchema(yup.string().trim().required(t$4("neetoForm.common.fieldReq", {
-  field: t$4("neetoForm.questions.common.questionFields.field.fieldCode")
-})).notOneOf(RESERVED_FIELD_CODES, t$4("neetoForm.error.invalidFieldCode")));
-
 var FieldCode = withT(function (_ref) {
   var t = _ref.t,
     name = _ref.name;
@@ -10179,7 +10145,6 @@ var FieldCode = withT(function (_ref) {
     className: "mt-14",
     label: t("neetoForm.questions.common.questionFields.field.fieldCode"),
     name: "".concat(name, ".fieldCode"),
-    validate: validateFieldCode,
     labelProps: {
       helpIconProps: {
         icon: Info,
@@ -11144,7 +11109,7 @@ var QUESTION_KINDS = [{
   type: "checkbox",
   label: t$4("neetoForm.fields.mcf"),
   isSingular: false,
-  icon: MultipleChoice$2,
+  icon: Checkbox$2,
   component: MultipleChoice,
   defaults: {
     label: "",
@@ -11157,7 +11122,7 @@ var QUESTION_KINDS = [{
   type: "radio",
   label: t$4("neetoForm.fields.scf"),
   isSingular: false,
-  icon: ListDot,
+  icon: Radio,
   component: SingleChoice,
   defaults: {
     label: "",
@@ -11802,6 +11767,26 @@ var Form = function Form(_ref) {
   }))));
 };
 
+var getActiveQuestionKindDetails = function getActiveQuestionKindDetails(_ref) {
+  var allQuestionKinds = _ref.allQuestionKinds,
+    item = _ref.item;
+  var kind = item.kind,
+    label = item.label;
+  var _findBy = findBy({
+      type: kind
+    }, allQuestionKinds),
+    FieldComponent = _findBy.component,
+    FieldIcon = _findBy.icon,
+    isSingular = _findBy.isSingular;
+  return {
+    kind: kind,
+    label: label,
+    FieldComponent: FieldComponent,
+    FieldIcon: FieldIcon,
+    isSingular: isSingular
+  };
+};
+
 /* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
 var requiredLabel = function requiredLabel() {
   var errorMessage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : i18next.t("neetoForm.common.fieldReq", {
@@ -11816,6 +11801,11 @@ var formValidationSchema = object().shape({
       then: requiredLabel(i18next.t("neetoForm.common.paragraphCantBeEmpty"))
     }),
     kind: string().required(),
+    fieldCode: string().trim().notOneOf(RESERVED_FIELD_CODES, i18next.t("neetoForm.error.invalidFieldCode")).when("kind", function (kind, schema) {
+      return QUESTIONS_WITH_FIELD_CODE.includes(kind) ? schema.notRequired() : schema.required(i18next.t("neetoForm.common.fieldReq", {
+        field: i18next.t("neetoForm.questions.common.questionFields.field.fieldCode")
+      }));
+    }),
     optionsAttributes: array().when("kind", function (kind, schema) {
       return ["radio", "checkbox", "dropdown"].includes(kind) ? schema.of(object().shape({
         label: requiredLabel(i18next.t("neetoForm.common.fieldReq", {
@@ -26301,8 +26291,8 @@ var Choices = function Choices(_ref) {
     onChange = _ref.onChange,
     error = _ref.error;
   var isCheckBox = type === "checkbox";
-  var ChoiceWrapper = isCheckBox ? "div" : Radio;
-  var Component = isCheckBox ? Checkbox$1 : Radio.Item;
+  var ChoiceWrapper = isCheckBox ? "div" : Radio$1;
+  var Component = isCheckBox ? Checkbox$1 : Radio$1.Item;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-form-engine-choices__wrapper"
   }, /*#__PURE__*/React__default.createElement("label", {