@bigbinary/neeto-form-frontend 1.0.24 → 1.0.26

package/dist/index.js

@@ -2,16 +2,16 @@ import * as React$2 from 'react';
 import React__default, { useLayoutEffect, useEffect, useMemo as useMemo$1, useContext, useReducer, useRef, useState, useCallback as useCallback$1, createContext, createElement, Fragment, forwardRef, Component } from 'react';
 import { useField, useFormikContext, FieldArray, Form as Form$1, Formik, Field } from 'formik';
 import PageLoader from 'neetomolecules/PageLoader';
-import { Toastr, Typography, Dropdown as Dropdown$1, Button as Button$1, Label, Alert, Spinner as Spinner$1 } from '@bigbinary/neetoui';
-import { assoc, prop, reject, omit, insert, isEmpty, compose as compose$1, trim as trim$1, either, isNil, values as values$1, equals, not, times } from 'ramda';
+import { Toastr, Typography, Dropdown as Dropdown$2, Button as Button$1, Label, Alert, Spinner as Spinner$1 } from '@bigbinary/neetoui';
+import { assoc, prop, isEmpty, reject, omit, insert, compose as compose$1, trim as trim$1, either, isNil, values as values$1, equals, not, times } from 'ramda';
 import ReactDOM, { unstable_batchedUpdates as unstable_batchedUpdates$1, createPortal } from 'react-dom';
 import axios from 'axios';
 import { Input as Input$2, Textarea as Textarea$1, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
-import { noop as noop$4, isPresent, findById, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
+import { noop as noop$4, findBy, isPresent, findById, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
 import { withImmutableActions } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { create as create$1 } from 'zustand';
 import classnames from 'classnames';
-import { Up, Down, MenuHorizontal, Delete, Plus, Email as Email$1, Phone as Phone$1, Input as Input$3, NeetoInvisible, MultipleChoice as MultipleChoice$1, ListDot, Dropdown as Dropdown$2, Rating as Rating$2, Smiley, Calendar, Check, Close } from '@bigbinary/neeto-icons';
+import { Up, Down, MenuHorizontal, Delete, Plus, Email as Email$2, Phone as Phone$2, Input as Input$3, NeetoInvisible, MultipleChoice as MultipleChoice$2, ListDot, Dropdown as Dropdown$3, Rating as Rating$3, Smiley, Calendar, Check, Close } from '@bigbinary/neeto-icons';
 import { Editor as Editor$1, EditorContent } from '@bigbinary/neeto-editor';
 import * as yup from 'yup';
 import { object, array, string } from 'yup';
@@ -19581,7 +19581,7 @@ var Accordion = function Accordion(_ref) {
     className: "outline-none flex items-center justify-center border-0 bg-transparent",
     type: "button",
     onClick: onToggle
-  }, isExpanded ? (cov_1ng1x1xde4().b[4][0]++, /*#__PURE__*/React__default.createElement(Up, null)) : (cov_1ng1x1xde4().b[4][1]++, /*#__PURE__*/React__default.createElement(Down, null))), ((cov_1ng1x1xde4().b[5][0]++, onDuplicate) || (cov_1ng1x1xde4().b[5][1]++, shouldShowDeleteOption)) && (cov_1ng1x1xde4().b[5][2]++, /*#__PURE__*/React__default.createElement(Dropdown$1, {
+  }, isExpanded ? (cov_1ng1x1xde4().b[4][0]++, /*#__PURE__*/React__default.createElement(Up, null)) : (cov_1ng1x1xde4().b[4][1]++, /*#__PURE__*/React__default.createElement(Down, null))), ((cov_1ng1x1xde4().b[5][0]++, onDuplicate) || (cov_1ng1x1xde4().b[5][1]++, shouldShowDeleteOption)) && (cov_1ng1x1xde4().b[5][2]++, /*#__PURE__*/React__default.createElement(Dropdown$2, {
     className: "w-full",
     position: "bottom-end",
     customTarget: function customTarget() {
@@ -19607,7 +19607,7 @@ var Accordion = function Accordion(_ref) {
     })
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-border-gray-800 neeto-form-engine-add-question-between__line w-full border-t border-dashed"
-  }), /*#__PURE__*/React__default.createElement(Dropdown$1, {
+  }), /*#__PURE__*/React__default.createElement(Dropdown$2, {
     isOpen: isAddQuestionOpen,
     position: "bottom-end",
     strategy: "fixed",
@@ -24519,7 +24519,7 @@ function cov_2dmleb6ptc() {
 }
 cov_2dmleb6ptc();
 cov_2dmleb6ptc().s[0]++;
-var Dropdown = function Dropdown(_ref) {
+var Dropdown$1 = function Dropdown(_ref) {
   var item = _ref.item,
     name = _ref.name,
     isRequired = _ref.isRequired;
@@ -24741,7 +24741,7 @@ function cov_27ckchp1ss() {
 }
 cov_27ckchp1ss();
 cov_27ckchp1ss().s[0]++;
-var Email = function Email(_ref) {
+var Email$1 = function Email(_ref) {
   var name = _ref.name,
     isRequired = _ref.isRequired;
   cov_27ckchp1ss().f[0]++;
@@ -24902,7 +24902,7 @@ function cov_1b2ulkh5av() {
 }
 cov_1b2ulkh5av();
 cov_1b2ulkh5av().s[0]++;
-var LongText = function LongText(_ref) {
+var LongText$1 = function LongText(_ref) {
   var name = _ref.name,
     isRequired = _ref.isRequired;
   cov_1b2ulkh5av().f[0]++;
@@ -25320,7 +25320,7 @@ function cov_ezislrxf8() {
 }
 cov_ezislrxf8();
 cov_ezislrxf8().s[0]++;
-var MultipleChoice = function MultipleChoice(_ref) {
+var MultipleChoice$1 = function MultipleChoice(_ref) {
   var item = _ref.item,
     name = _ref.name,
     isRequired = _ref.isRequired;
@@ -25533,7 +25533,7 @@ function cov_sj6n6ei6b() {
 }
 cov_sj6n6ei6b();
 cov_sj6n6ei6b().s[0]++;
-var Phone = function Phone(_ref) {
+var Phone$1 = function Phone(_ref) {
   var name = _ref.name,
     isRequired = _ref.isRequired;
   cov_sj6n6ei6b().f[0]++;
@@ -25750,7 +25750,7 @@ var RatingItem = function RatingItem(_ref) {
   }, children);
 };
 cov_2mbawiwhpy().s[2]++;
-var Rating$1 = function Rating(_ref2) {
+var Rating$2 = function Rating(_ref2) {
   var name = _ref2.name,
     isRequired = _ref2.isRequired;
   cov_2mbawiwhpy().f[1]++;
@@ -25925,7 +25925,7 @@ function cov_ahxbwc6e2() {
 }
 cov_ahxbwc6e2();
 cov_ahxbwc6e2().s[0]++;
-var ShortText = function ShortText(_ref) {
+var ShortText$1 = function ShortText(_ref) {
   var name = _ref.name,
     isRequired = _ref.isRequired;
   cov_ahxbwc6e2().f[0]++;
@@ -26342,7 +26342,7 @@ function cov_1p625a7ih4() {
 }
 cov_1p625a7ih4();
 cov_1p625a7ih4().s[0]++;
-var SingleChoice = function SingleChoice(_ref) {
+var SingleChoice$1 = function SingleChoice(_ref) {
   var item = _ref.item,
     name = _ref.name,
     isRequired = _ref.isRequired;
@@ -26649,7 +26649,7 @@ function cov_h8r08qzr() {
 }
 cov_h8r08qzr();
 cov_h8r08qzr().s[0]++;
-var StarRating$1 = function StarRating(_ref) {
+var StarRating$2 = function StarRating(_ref) {
   var name = _ref.name,
     isRequired = _ref.isRequired;
   cov_h8r08qzr().f[0]++;
@@ -26950,7 +26950,7 @@ function cov_12g0frjp3f() {
 }
 cov_12g0frjp3f();
 cov_12g0frjp3f().s[0]++;
-var Terms$2 = function Terms(_ref) {
+var Terms$3 = function Terms(_ref) {
   var name = _ref.name;
   cov_12g0frjp3f().f[0]++;
   var editorRef = (cov_12g0frjp3f().s[1]++, useRef(null));
@@ -26997,19 +26997,32 @@ var Terms$2 = function Terms(_ref) {
 
 function cov_2qk3dozy47() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/BuildForm/Questions/Fields/index.js";
-  var hash = "277d24c4aea3c5f3a20d3c5388d14f16bbb74179";
+  var hash = "f240b3dc3957b377c9acff43090e6d3d1fca5bb0";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
     path: "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/BuildForm/Questions/Fields/index.js",
-    statementMap: {},
+    statementMap: {
+      "0": {
+        start: {
+          line: 12,
+          column: 15
+        },
+        end: {
+          line: 23,
+          column: 1
+        }
+      }
+    },
     fnMap: {},
     branchMap: {},
-    s: {},
+    s: {
+      "0": 0
+    },
     f: {},
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "277d24c4aea3c5f3a20d3c5388d14f16bbb74179"
+    hash: "f240b3dc3957b377c9acff43090e6d3d1fca5bb0"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -27025,6 +27038,18 @@ function cov_2qk3dozy47() {
   return actualCoverage;
 }
 cov_2qk3dozy47();
+var Fields = (cov_2qk3dozy47().s[0]++, {
+  Email: Email$1,
+  Dropdown: Dropdown$1,
+  ShortText: ShortText$1,
+  LongText: LongText$1,
+  MultipleChoice: MultipleChoice$1,
+  SingleChoice: SingleChoice$1,
+  Phone: Phone$1,
+  Rating: Rating$2,
+  Terms: Terms$3,
+  StarRating: StarRating$2
+});
 
 function cov_2gcfk56wsh() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/BuildForm/Questions/Fields/Editor.jsx";
@@ -27357,7 +27382,7 @@ var Editor = function Editor(_ref) {
 
 function cov_2j8tlu2ul5() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/BuildForm/Questions/constants.js";
-  var hash = "4f6df693ca82c2555b57cb2705ed6d1f7c5ecb47";
+  var hash = "cf06aa225404e0ebe444d6f1219d393c9ffc9417";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -27366,50 +27391,60 @@ function cov_2j8tlu2ul5() {
       "0": {
         start: {
           line: 29,
-          column: 40
+          column: 4
         },
         end: {
           line: 29,
-          column: 41
+          column: 10
         }
       },
       "1": {
         start: {
-          line: 30,
-          column: 35
+          line: 31,
+          column: 40
         },
         end: {
-          line: 30,
-          column: 36
+          line: 31,
+          column: 41
         }
       },
       "2": {
         start: {
           line: 32,
-          column: 30
+          column: 35
         },
         end: {
-          line: 175,
-          column: 1
+          line: 32,
+          column: 36
         }
       },
       "3": {
         start: {
-          line: 178,
-          column: 38
+          line: 34,
+          column: 30
         },
         end: {
-          line: 181,
+          line: 177,
           column: 1
         }
       },
       "4": {
         start: {
+          line: 180,
+          column: 38
+        },
+        end: {
           line: 183,
+          column: 1
+        }
+      },
+      "5": {
+        start: {
+          line: 185,
           column: 29
         },
         end: {
-          line: 183,
+          line: 185,
           column: 62
         }
       }
@@ -27421,12 +27456,13 @@ function cov_2j8tlu2ul5() {
       "1": 0,
       "2": 0,
       "3": 0,
-      "4": 0
+      "4": 0,
+      "5": 0
     },
     f: {},
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "4f6df693ca82c2555b57cb2705ed6d1f7c5ecb47"
+    hash: "cf06aa225404e0ebe444d6f1219d393c9ffc9417"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -27442,178 +27478,175 @@ function cov_2j8tlu2ul5() {
   return actualCoverage;
 }
 cov_2j8tlu2ul5();
-var SINGLE_CHOICE_FIELD_MIN_OPTIONS = (cov_2j8tlu2ul5().s[0]++, 2);
-var DROPDOWN_FIELD_MIN_OPTIONS = (cov_2j8tlu2ul5().s[1]++, 2);
-var QUESTION_KINDS = (cov_2j8tlu2ul5().s[2]++, {
-  email: {
-    type: "email",
-    label: instance.t("fields.eif"),
-    isSingular: true,
-    labelPlaceholder: instance.t("common.email"),
-    icon: Email$1,
-    component: Email,
-    defaults: {
-      label: ""
-    }
-  },
-  phone: {
-    type: "phone",
-    label: instance.t("fields.pif"),
-    isSingular: true,
-    labelPlaceholder: instance.t("common.phNo"),
-    icon: Phone$1,
-    component: Phone,
-    defaults: {
-      label: ""
-    }
-  },
-  name: {
-    type: "name",
-    label: instance.t("fields.nif"),
-    isSingular: true,
-    labelPlaceholder: instance.t("common.name"),
-    icon: Input$3,
-    component: ShortText,
-    defaults: {
-      label: ""
-    }
-  },
-  text: {
-    type: "text",
-    label: instance.t("fields.tif"),
-    isSingular: false,
-    labelPlaceholder: instance.t("common.text"),
-    icon: Input$3,
-    component: ShortText,
-    defaults: {
+var _ref$1 = (cov_2j8tlu2ul5().s[0]++, Fields),
+  Email = _ref$1.Email,
+  Dropdown = _ref$1.Dropdown,
+  ShortText = _ref$1.ShortText,
+  LongText = _ref$1.LongText,
+  MultipleChoice = _ref$1.MultipleChoice,
+  SingleChoice = _ref$1.SingleChoice,
+  Phone = _ref$1.Phone,
+  Rating$1 = _ref$1.Rating,
+  Terms$2 = _ref$1.Terms,
+  StarRating$1 = _ref$1.StarRating;
+var SINGLE_CHOICE_FIELD_MIN_OPTIONS = (cov_2j8tlu2ul5().s[1]++, 2);
+var DROPDOWN_FIELD_MIN_OPTIONS = (cov_2j8tlu2ul5().s[2]++, 2);
+var QUESTION_KINDS = (cov_2j8tlu2ul5().s[3]++, [{
+  type: "email",
+  label: instance.t("fields.eif"),
+  isSingular: true,
+  labelPlaceholder: instance.t("common.email"),
+  icon: Email$2,
+  component: Email,
+  defaults: {
+    label: ""
+  }
+}, {
+  type: "phone",
+  label: instance.t("fields.pif"),
+  isSingular: true,
+  labelPlaceholder: instance.t("common.phNo"),
+  icon: Phone$2,
+  component: Phone,
+  defaults: {
+    label: ""
+  }
+}, {
+  type: "name",
+  label: instance.t("fields.nif"),
+  isSingular: true,
+  labelPlaceholder: instance.t("common.name"),
+  icon: Input$3,
+  component: ShortText,
+  defaults: {
+    label: ""
+  }
+}, {
+  type: "text",
+  label: instance.t("fields.tif"),
+  isSingular: false,
+  labelPlaceholder: instance.t("common.text"),
+  icon: Input$3,
+  component: ShortText,
+  defaults: {
+    label: ""
+  }
+}, {
+  type: "question",
+  label: instance.t("fields.qif"),
+  isSingular: false,
+  icon: Input$3,
+  component: LongText,
+  defaults: {
+    label: ""
+  }
+}, {
+  type: "textarea",
+  label: instance.t("fields.def"),
+  isSingular: false,
+  icon: NeetoInvisible,
+  component: Editor,
+  defaults: {
+    label: ""
+  }
+}, {
+  type: "checkbox",
+  label: instance.t("fields.mcf"),
+  isSingular: false,
+  icon: MultipleChoice$2,
+  component: MultipleChoice,
+  defaults: {
+    label: "",
+    isRequired: false,
+    optionsAttributes: [{
       label: ""
-    }
-  },
-  question: {
-    type: "question",
-    label: instance.t("fields.qif"),
-    isSingular: false,
-    icon: Input$3,
-    component: LongText,
-    defaults: {
+    }]
+  }
+}, {
+  type: "radio",
+  label: instance.t("fields.scf"),
+  isSingular: false,
+  icon: ListDot,
+  component: SingleChoice,
+  defaults: {
+    label: "",
+    isRequired: false,
+    optionsAttributes: new Array(SINGLE_CHOICE_FIELD_MIN_OPTIONS).fill({
       label: ""
-    }
-  },
-  textarea: {
-    type: "textarea",
-    label: instance.t("fields.def"),
-    isSingular: false,
-    icon: NeetoInvisible,
-    component: Editor,
-    defaults: {
+    })
+  }
+}, {
+  type: "dropdown",
+  label: instance.t("fields.drf"),
+  isSingular: false,
+  icon: Dropdown$3,
+  component: Dropdown,
+  defaults: {
+    label: "",
+    isRequired: false,
+    optionsAttributes: new Array(DROPDOWN_FIELD_MIN_OPTIONS).fill({
       label: ""
-    }
-  },
-  checkbox: {
-    type: "checkbox",
-    label: instance.t("fields.mcf"),
-    isSingular: false,
-    icon: MultipleChoice$1,
-    component: MultipleChoice,
-    defaults: {
-      label: "",
-      isRequired: false,
-      optionsAttributes: [{
-        label: ""
-      }]
-    }
-  },
-  radio: {
-    type: "radio",
-    label: instance.t("fields.scf"),
-    isSingular: false,
-    icon: ListDot,
-    component: SingleChoice,
-    defaults: {
-      label: "",
-      isRequired: false,
-      optionsAttributes: new Array(SINGLE_CHOICE_FIELD_MIN_OPTIONS).fill({
-        label: ""
-      })
-    }
-  },
-  dropdown: {
-    type: "dropdown",
-    label: instance.t("fields.drf"),
-    isSingular: false,
-    icon: Dropdown$2,
-    component: Dropdown,
-    defaults: {
-      label: "",
-      isRequired: false,
-      optionsAttributes: new Array(DROPDOWN_FIELD_MIN_OPTIONS).fill({
-        label: ""
-      })
-    }
-  },
-  star_rating: {
-    type: "star_rating",
-    label: instance.t("fields.rif"),
-    isSingular: false,
-    icon: Rating$2,
-    component: StarRating$1,
-    defaults: {
-      label: "",
-      isRequired: true,
-      count: 5,
-      shape: "star"
-    }
-  },
-  rating: {
-    type: "rating",
-    label: instance.t("fields.fbf"),
-    isSingular: false,
-    icon: Smiley,
-    component: Rating$1,
-    defaults: {
-      label: "",
-      isRequired: true,
-      highestRatingLabel: "",
-      averageRatingLabel: "",
-      lowestRatingLabel: ""
-    }
-  },
-  termsandcondition: {
-    type: "termsandcondition",
-    label: instance.t("fields.tcf"),
-    isSingular: true,
-    icon: NeetoInvisible,
-    component: Terms$2,
-    defaults: {
-      termsLink: "",
-      privacyPolicyLink: "",
-      isRequired: true,
-      label: instance.t("common.agreeTermsAndConditions")
-    }
-  },
-  date: {
-    type: "date",
-    label: instance.t("fields.date"),
-    isSingular: false,
-    icon: Calendar,
-    component: ShortText,
-    defaults: {
-      label: "",
-      isRequired: true
-    }
+    })
   }
-});
+}, {
+  type: "star_rating",
+  label: instance.t("fields.rif"),
+  isSingular: false,
+  icon: Rating$3,
+  component: StarRating$1,
+  defaults: {
+    label: "",
+    isRequired: true,
+    count: 5,
+    shape: "star"
+  }
+}, {
+  type: "rating",
+  label: instance.t("fields.fbf"),
+  isSingular: false,
+  icon: Smiley,
+  component: Rating$1,
+  defaults: {
+    label: "",
+    isRequired: true,
+    highestRatingLabel: "",
+    averageRatingLabel: "",
+    lowestRatingLabel: ""
+  }
+}, {
+  type: "termsandcondition",
+  label: instance.t("fields.tcf"),
+  isSingular: true,
+  icon: NeetoInvisible,
+  component: Terms$2,
+  defaults: {
+    termsLink: "",
+    privacyPolicyLink: "",
+    isRequired: true,
+    label: instance.t("common.agreeTermsAndConditions")
+  }
+}, {
+  type: "date",
+  label: instance.t("fields.date"),
+  isSingular: false,
+  icon: Calendar,
+  component: ShortText,
+  defaults: {
+    label: "",
+    isRequired: true
+  }
+}]);
 
 // To show the question type as label in accordion
-var INDEPENDENT_LABELS_MAP = (cov_2j8tlu2ul5().s[3]++, {
+var INDEPENDENT_LABELS_MAP = (cov_2j8tlu2ul5().s[4]++, {
   textarea: "Paragraph",
   termsandcondition: "Terms & conditions"
 });
-var PADDED_FIELDS = (cov_2j8tlu2ul5().s[4]++, ["textarea", "termsandcondition"]);
+var PADDED_FIELDS = (cov_2j8tlu2ul5().s[5]++, ["textarea", "termsandcondition"]);
 
 function cov_xwc6pppkl() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/BuildForm/Questions/FormField.jsx";
-  var hash = "cba680cb5d1feec4877d26f79a7d90373fc66039";
+  var hash = "c22b8999f9a44ff11944e9508195eb2aa07200ac";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -27621,61 +27654,61 @@ function cov_xwc6pppkl() {
     statementMap: {
       "0": {
         start: {
-          line: 10,
+          line: 12,
           column: 18
         },
         end: {
-          line: 48,
+          line: 50,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 22,
+          line: 24,
           column: 6
         },
         end: {
-          line: 22,
+          line: 24,
           column: 11
         }
       },
       "2": {
         start: {
-          line: 23,
+          line: 25,
           column: 26
         },
         end: {
-          line: 23,
+          line: 25,
           column: 30
         }
       },
       "3": {
         start: {
-          line: 29,
+          line: 31,
           column: 6
         },
         end: {
-          line: 29,
-          column: 26
+          line: 31,
+          column: 44
         }
       },
       "4": {
         start: {
-          line: 31,
+          line: 33,
           column: 2
         },
         end: {
-          line: 47,
+          line: 49,
           column: 4
         }
       },
       "5": {
         start: {
-          line: 43,
+          line: 45,
           column: 22
         },
         end: {
-          line: 43,
+          line: 45,
           column: 51
         }
       }
@@ -27685,141 +27718,141 @@ function cov_xwc6pppkl() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 10,
+            line: 12,
             column: 18
           },
           end: {
-            line: 10,
+            line: 12,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 10,
+            line: 12,
             column: 27
           },
           end: {
-            line: 48,
+            line: 50,
             column: 1
           }
         },
-        line: 10
+        line: 12
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 43,
+            line: 45,
             column: 16
           },
           end: {
-            line: 43,
+            line: 45,
             column: 17
           }
         },
         loc: {
           start: {
-            line: 43,
+            line: 45,
             column: 22
           },
           end: {
-            line: 43,
+            line: 45,
             column: 51
           }
         },
-        line: 43
+        line: 45
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 13,
+            line: 15,
             column: 4
           },
           end: {
-            line: 13,
+            line: 15,
             column: 21
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 13,
+            line: 15,
             column: 17
           },
           end: {
-            line: 13,
+            line: 15,
             column: 21
           }
         }],
-        line: 13
+        line: 15
       },
       "1": {
         loc: {
           start: {
-            line: 36,
+            line: 38,
             column: 13
           },
           end: {
-            line: 36,
+            line: 38,
             column: 50
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 36,
+            line: 38,
             column: 13
           },
           end: {
-            line: 36,
+            line: 38,
             column: 41
           }
         }, {
           start: {
-            line: 36,
+            line: 38,
             column: 45
           },
           end: {
-            line: 36,
+            line: 38,
             column: 50
           }
         }],
-        line: 36
+        line: 38
       },
       "2": {
         loc: {
           start: {
-            line: 42,
+            line: 44,
             column: 19
           },
           end: {
-            line: 42,
+            line: 44,
             column: 45
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 42,
+            line: 44,
             column: 19
           },
           end: {
-            line: 42,
+            line: 44,
             column: 30
           }
         }, {
           start: {
-            line: 42,
+            line: 44,
             column: 34
           },
           end: {
-            line: 42,
+            line: 44,
             column: 45
           }
         }],
-        line: 42
+        line: 44
       }
     },
     s: {
@@ -27840,7 +27873,7 @@ function cov_xwc6pppkl() {
       "2": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "cba680cb5d1feec4877d26f79a7d90373fc66039"
+    hash: "c22b8999f9a44ff11944e9508195eb2aa07200ac"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -27875,7 +27908,9 @@ var FormField = function FormField(props) {
   var _ref2 = (cov_xwc6pppkl().s[2]++, item),
     kind = _ref2.kind,
     label = _ref2.label;
-  var _ref3 = (cov_xwc6pppkl().s[3]++, QUESTION_KINDS[kind]),
+  var _ref3 = (cov_xwc6pppkl().s[3]++, findBy({
+      type: kind
+    }, QUESTION_KINDS)),
     FieldComponent = _ref3.component,
     FieldIcon = _ref3.icon,
     isSingular = _ref3.isSingular;
@@ -28998,7 +29033,7 @@ v35('v5', 0x50, sha1);
 
 function cov_1ia73x4fw3() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/BuildForm/Form/utils.js";
-  var hash = "a5c16942c6889823d2858787a6d7193997ba5931";
+  var hash = "c3927f25fb15841467e1e5e5d25d5fcc9ca03dd5";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -29087,7 +29122,7 @@ function cov_1ia73x4fw3() {
       "8": {
         start: {
           line: 22,
-          column: 67
+          column: 68
         },
         end: {
           line: 27,
@@ -29131,17 +29166,17 @@ function cov_1ia73x4fw3() {
         },
         end: {
           line: 46,
-          column: 70
+          column: 56
         }
       },
       "13": {
         start: {
           line: 46,
-          column: 31
+          column: 32
         },
         end: {
           line: 46,
-          column: 70
+          column: 56
         }
       },
       "14": {
@@ -29201,7 +29236,7 @@ function cov_1ia73x4fw3() {
         },
         end: {
           line: 58,
-          column: 38
+          column: 23
         }
       },
       "20": {
@@ -29309,7 +29344,7 @@ function cov_1ia73x4fw3() {
         loc: {
           start: {
             line: 22,
-            column: 67
+            column: 68
           },
           end: {
             line: 27,
@@ -29571,7 +29606,7 @@ function cov_1ia73x4fw3() {
           },
           end: {
             line: 46,
-            column: 70
+            column: 56
           }
         },
         type: "if",
@@ -29582,7 +29617,7 @@ function cov_1ia73x4fw3() {
           },
           end: {
             line: 46,
-            column: 70
+            column: 56
           }
         }, {
           start: {
@@ -29777,7 +29812,7 @@ function cov_1ia73x4fw3() {
       "8": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "a5c16942c6889823d2858787a6d7193997ba5931"
+    hash: "c3927f25fb15841467e1e5e5d25d5fcc9ca03dd5"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -29822,13 +29857,13 @@ var handleFieldDragEnd = function handleFieldDragEnd(_ref) {
   }
 };
 cov_1ia73x4fw3().s[7]++;
-var createFieldData = function createFieldData(_ref2, isRequied) {
+var createFieldData = function createFieldData(_ref2, isRequired) {
   var defaults = _ref2.defaults,
     type = _ref2.type;
   cov_1ia73x4fw3().f[2]++;
   cov_1ia73x4fw3().s[8]++;
   return _objectSpread$a(_objectSpread$a({}, defaults), {}, {
-    requird: isRequied,
+    isRequired: isRequired,
     kind: type,
     nodeId: v4()
   });
@@ -29854,10 +29889,10 @@ var getAvailableQuestionKinds = function getAvailableQuestionKinds(allQuestionKi
   var activeQuestions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (cov_1ia73x4fw3().b[3][0]++, []);
   cov_1ia73x4fw3().f[4]++;
   cov_1ia73x4fw3().s[12]++;
-  if (!activeQuestions.length) {
+  if (isEmpty(activeQuestions)) {
     cov_1ia73x4fw3().b[4][0]++;
     cov_1ia73x4fw3().s[13]++;
-    return Object.values(allQuestionKinds);
+    return allQuestionKinds;
   } else {
     cov_1ia73x4fw3().b[4][1]++;
   }
@@ -29873,7 +29908,7 @@ var getAvailableQuestionKinds = function getAvailableQuestionKinds(allQuestionKi
     return (cov_1ia73x4fw3().b[6][0]++, isSingularKind) && (cov_1ia73x4fw3().b[6][1]++, isKindAlreadyActive);
   }, allQuestionKinds));
   cov_1ia73x4fw3().s[19]++;
-  return Object.values(questionKinds);
+  return questionKinds;
 };
 cov_1ia73x4fw3().s[20]++;
 var sliceLabel = function sliceLabel(label) {
@@ -30217,7 +30252,7 @@ var List = function List(_ref) {
   cov_1bjdmkpcw3().s[2]++;
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames("flex", _defineProperty$a({}, className, className))
-  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
+  }, /*#__PURE__*/React__default.createElement(Dropdown$2, {
     label: t("questions.common.primaryPanel.addNewQuestion"),
     position: "bottom-start",
     strategy: "fixed",
@@ -36536,12 +36571,12 @@ var QUESTION_KIND = (cov_2qs8napxwn().s[0]++, {
     value: "name"
   },
   EMAIL: {
-    prefix: /*#__PURE__*/React__default.createElement(Email$1, null),
+    prefix: /*#__PURE__*/React__default.createElement(Email$2, null),
     type: "email",
     value: "email"
   },
   PHONE: {
-    prefix: /*#__PURE__*/React__default.createElement(Phone$1, null),
+    prefix: /*#__PURE__*/React__default.createElement(Phone$2, null),
     type: "tel",
     value: "phone"
   },
@@ -64797,7 +64832,7 @@ var linkifyDecorator = function linkifyDecorator(decoratedHref, decoratedText, k
 
 function cov_29xlle89ll() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/Submissions/Submission.jsx";
-  var hash = "5396a6e3a1a5ecf3060a0d611e84501852de5059";
+  var hash = "f309c9df1c79dbf4de7b84c18c2f39eed53b297f";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -64805,71 +64840,71 @@ function cov_29xlle89ll() {
     statementMap: {
       "0": {
         start: {
-          line: 14,
+          line: 13,
           column: 19
         },
         end: {
-          line: 59,
+          line: 56,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 21,
+          line: 20,
           column: 62
         },
         end: {
-          line: 25,
+          line: 24,
           column: 4
         }
       },
       "2": {
         start: {
-          line: 27,
+          line: 26,
           column: 24
         },
         end: {
-          line: 27,
+          line: 26,
           column: 34
         }
       },
       "3": {
         start: {
-          line: 29,
+          line: 28,
           column: 2
         },
         end: {
-          line: 35,
+          line: 34,
           column: 3
         }
       },
       "4": {
         start: {
-          line: 30,
+          line: 29,
           column: 4
         },
         end: {
-          line: 34,
+          line: 33,
           column: 6
         }
       },
       "5": {
         start: {
-          line: 37,
+          line: 36,
           column: 2
         },
         end: {
-          line: 58,
+          line: 55,
           column: 4
         }
       },
       "6": {
         start: {
-          line: 44,
+          line: 43,
           column: 8
         },
         end: {
-          line: 55,
+          line: 52,
           column: 14
         }
       }
@@ -64879,248 +64914,248 @@ function cov_29xlle89ll() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 14,
+            line: 13,
             column: 19
           },
           end: {
-            line: 14,
+            line: 13,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 20,
+            line: 19,
             column: 6
           },
           end: {
-            line: 59,
+            line: 56,
             column: 1
           }
         },
-        line: 20
+        line: 19
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 43,
+            line: 42,
             column: 21
           },
           end: {
-            line: 43,
+            line: 42,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 44,
+            line: 43,
             column: 8
           },
           end: {
-            line: 55,
+            line: 52,
             column: 14
           }
         },
-        line: 44
+        line: 43
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 15,
+            line: 14,
             column: 2
           },
           end: {
-            line: 15,
+            line: 14,
             column: 13
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 15,
+            line: 14,
             column: 11
           },
           end: {
-            line: 15,
+            line: 14,
             column: 13
           }
         }],
-        line: 15
+        line: 14
       },
       "1": {
         loc: {
           start: {
-            line: 16,
+            line: 15,
             column: 2
           },
           end: {
-            line: 16,
+            line: 15,
             column: 19
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 16,
+            line: 15,
             column: 17
           },
           end: {
-            line: 16,
+            line: 15,
             column: 19
           }
         }],
-        line: 16
+        line: 15
       },
       "2": {
         loc: {
           start: {
-            line: 17,
+            line: 16,
             column: 2
           },
           end: {
-            line: 17,
+            line: 16,
             column: 16
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 17,
+            line: 16,
             column: 14
           },
           end: {
-            line: 17,
+            line: 16,
             column: 16
           }
         }],
-        line: 17
+        line: 16
       },
       "3": {
         loc: {
           start: {
-            line: 18,
+            line: 17,
             column: 2
           },
           end: {
-            line: 18,
+            line: 17,
             column: 25
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 18,
+            line: 17,
             column: 23
           },
           end: {
-            line: 18,
+            line: 17,
             column: 25
           }
         }],
-        line: 18
+        line: 17
       },
       "4": {
         loc: {
           start: {
-            line: 19,
+            line: 18,
             column: 2
           },
           end: {
-            line: 19,
+            line: 18,
             column: 18
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 19,
+            line: 18,
             column: 16
           },
           end: {
-            line: 19,
+            line: 18,
             column: 18
           }
         }],
-        line: 19
+        line: 18
       },
       "5": {
         loc: {
           start: {
-            line: 21,
+            line: 20,
             column: 16
           },
           end: {
-            line: 21,
+            line: 20,
             column: 46
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 21,
+            line: 20,
             column: 29
           },
           end: {
-            line: 21,
+            line: 20,
             column: 46
           }
         }],
-        line: 21
+        line: 20
       },
       "6": {
         loc: {
           start: {
-            line: 24,
+            line: 23,
             column: 16
           },
           end: {
-            line: 24,
+            line: 23,
             column: 38
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 24,
+            line: 23,
             column: 16
           },
           end: {
-            line: 24,
+            line: 23,
             column: 22
           }
         }, {
           start: {
-            line: 24,
+            line: 23,
             column: 26
           },
           end: {
-            line: 24,
+            line: 23,
             column: 38
           }
         }],
-        line: 24
+        line: 23
       },
       "7": {
         loc: {
           start: {
-            line: 29,
+            line: 28,
             column: 2
           },
           end: {
-            line: 35,
+            line: 34,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 29,
+            line: 28,
             column: 2
           },
           end: {
-            line: 35,
+            line: 34,
             column: 3
           }
         }, {
@@ -65133,40 +65168,40 @@ function cov_29xlle89ll() {
             column: undefined
           }
         }],
-        line: 29
+        line: 28
       },
       "8": {
         loc: {
           start: {
-            line: 50,
+            line: 49,
             column: 15
           },
           end: {
-            line: 52,
-            column: 23
+            line: 49,
+            column: 63
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 51,
-            column: 18
+            line: 49,
+            column: 33
           },
           end: {
-            line: 51,
-            column: 40
+            line: 49,
+            column: 55
           }
         }, {
           start: {
-            line: 52,
-            column: 18
+            line: 49,
+            column: 58
           },
           end: {
-            line: 52,
-            column: 23
+            line: 49,
+            column: 63
           }
         }],
-        line: 50
+        line: 49
       }
     },
     s: {
@@ -65194,7 +65229,7 @@ function cov_29xlle89ll() {
       "8": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "5396a6e3a1a5ecf3060a0d611e84501852de5059"
+    hash: "f309c9df1c79dbf4de7b84c18c2f39eed53b297f"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -65264,7 +65299,7 @@ var Submission = function Submission(_ref) {
       weight: "semibold"
     }, answerProps), /*#__PURE__*/React__default.createElement(_default, {
       componentDecorator: linkifyDecorator
-    }, kind === QUESTION_KINDS.date.type ? (cov_29xlle89ll().b[8][0]++, dateFormat.date(value)) : (cov_29xlle89ll().b[8][1]++, value))));
+    }, kind === "date" ? (cov_29xlle89ll().b[8][0]++, dateFormat.date(value)) : (cov_29xlle89ll().b[8][1]++, value))));
   }));
 };
 
@@ -65498,5 +65533,5 @@ function cov_26ii2dyz6b() {
 }
 cov_26ii2dyz6b();
 
-export { BuildForm, ExternalForm, NeetoFormProvider, Submission, useBuildFormState, useCreateForm, useDeleteForm, useForm, useFormSubmission, useForms, useUpdateForm };
+export { BuildForm, ExternalForm, Fields, NeetoFormProvider, Submission, useBuildFormState, useCreateForm, useDeleteForm, useForm, useFormSubmission, useForms, useUpdateForm };
 //# sourceMappingURL=index.js.map