@bigbinary/neeto-form-frontend 1.0.3 → 1.0.5

package/dist/index.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import React__default, { useLayoutEffect, useEffect, useMemo as useMemo$1, useContext, useReducer, useRef, useState, createContext, createElement, useCallback as useCallback$1, Fragment, forwardRef, Component } from 'react';
+import React__default, { useLayoutEffect, useEffect, useMemo as useMemo$1, useContext, useReducer, useRef, useState, createContext, useCallback as useCallback$1, createElement, Fragment, forwardRef, Component } from 'react';
 import ReactDOM, { unstable_batchedUpdates as unstable_batchedUpdates$1, createPortal } from 'react-dom';
-import { Toastr, Typography, Dropdown as Dropdown$1, Button as Button$1, Label, Alert, Input as Input$4, PageLoader, Spinner as Spinner$1, Modal, Table } from '@bigbinary/neetoui';
-import { useField, useFormikContext, FieldArray, Form as Form$1, Field, Formik } from 'formik';
+import { Toastr, Typography, Dropdown as Dropdown$1, Button as Button$1, Label, Alert, PageLoader, Spinner as Spinner$1 } from '@bigbinary/neetoui';
+import { useField, useFormikContext, FieldArray, Form as Form$1, Formik, Field } from 'formik';
 import require$$1$1 from 'http';
 import require$$2 from 'https';
 import require$$0$3 from 'url';
@@ -14,14 +14,13 @@ import require$$0$1 from 'os';
 import require$$8 from 'zlib';
 import require$$1$2 from 'path';
 import require$$6 from 'fs';
-import { Container, Header, Scrollable } from '@bigbinary/neetoui/layouts';
-import { reject, omit, insert, compose as compose$1, isEmpty, trim as trim$2, either, isNil, values as values$1, equals, not, times } from 'ramda';
-import { useParams, useHistory, BrowserRouter, Switch, Route } from 'react-router-dom';
+import { reject, omit, insert, isEmpty, compose as compose$1, trim as trim$2, either, isNil, values as values$1, equals, not, times } from 'ramda';
 import { Input as Input$2, Textarea as Textarea$1, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
 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 { Editor as Editor$1, EditorContent } from '@bigbinary/neeto-editor';
-import { useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
+import * as yup from 'yup';
+import { object, array, string } from 'yup';
 import { isPresent } from '@bigbinary/neeto-commons-frontend/pure';
 import dayjs$1 from 'dayjs';
 import require$$4$1 from 'dayjs/plugin/localeData';
@@ -32,10 +31,7 @@ import generatePicker from 'antd/es/date-picker/generatePicker';
 import require$$6$1 from 'dayjs/plugin/weekYear';
 import require$$7 from 'dayjs/plugin/advancedFormat';
 import require$$8$1 from 'dayjs/plugin/customParseFormat';
-import * as yup from 'yup';
-import { object, array, string } from 'yup';
 import { dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
-import { ToastContainer } from 'react-toastify';
 
 function _setPrototypeOf$1(o, p) {
   _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
@@ -89,8 +85,8 @@ var Subscribable = /*#__PURE__*/function () {
   return Subscribable;
 }();
 
-function _extends$6() {
-  _extends$6 = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$5() {
+  _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -101,7 +97,7 @@ function _extends$6() {
     }
     return target;
   };
-  return _extends$6.apply(this, arguments);
+  return _extends$5.apply(this, arguments);
 }
 
 // TYPES
@@ -128,40 +124,40 @@ function parseQueryArgs(arg1, arg2, arg3) {
   }
 
   if (typeof arg2 === 'function') {
-    return _extends$6({}, arg3, {
+    return _extends$5({}, arg3, {
       queryKey: arg1,
       queryFn: arg2
     });
   }
 
-  return _extends$6({}, arg2, {
+  return _extends$5({}, arg2, {
     queryKey: arg1
   });
 }
 function parseMutationArgs(arg1, arg2, arg3) {
   if (isQueryKey(arg1)) {
     if (typeof arg2 === 'function') {
-      return _extends$6({}, arg3, {
+      return _extends$5({}, arg3, {
         mutationKey: arg1,
         mutationFn: arg2
       });
     }
 
-    return _extends$6({}, arg2, {
+    return _extends$5({}, arg2, {
       mutationKey: arg1
     });
   }
 
   if (typeof arg1 === 'function') {
-    return _extends$6({}, arg2, {
+    return _extends$5({}, arg2, {
       mutationFn: arg1
     });
   }
 
-  return _extends$6({}, arg1);
+  return _extends$5({}, arg1);
 }
 function parseFilterArgs(arg1, arg2, arg3) {
-  return isQueryKey(arg1) ? [_extends$6({}, arg2, {
+  return isQueryKey(arg1) ? [_extends$5({}, arg2, {
     queryKey: arg1
   }), arg3] : [arg1 || {}, arg2];
 }
@@ -893,7 +889,7 @@ var Query = /*#__PURE__*/function () {
   _proto.setOptions = function setOptions(options) {
     var _this$options$cacheTi;
 
-    this.options = _extends$6({}, this.defaultOptions, options);
+    this.options = _extends$5({}, this.defaultOptions, options);
     this.meta = options == null ? void 0 : options.meta; // Default to 5 minutes if not cache time is set
 
     this.cacheTime = Math.max(this.cacheTime || 0, (_this$options$cacheTi = this.options.cacheTime) != null ? _this$options$cacheTi : 5 * 60 * 1000);
@@ -1295,22 +1291,22 @@ var Query = /*#__PURE__*/function () {
 
     switch (action.type) {
       case 'failed':
-        return _extends$6({}, state, {
+        return _extends$5({}, state, {
           fetchFailureCount: state.fetchFailureCount + 1
         });
 
       case 'pause':
-        return _extends$6({}, state, {
+        return _extends$5({}, state, {
           isPaused: true
         });
 
       case 'continue':
-        return _extends$6({}, state, {
+        return _extends$5({}, state, {
           isPaused: false
         });
 
       case 'fetch':
-        return _extends$6({}, state, {
+        return _extends$5({}, state, {
           fetchFailureCount: 0,
           fetchMeta: (_action$meta = action.meta) != null ? _action$meta : null,
           isFetching: true,
@@ -1321,7 +1317,7 @@ var Query = /*#__PURE__*/function () {
         });
 
       case 'success':
-        return _extends$6({}, state, {
+        return _extends$5({}, state, {
           data: action.data,
           dataUpdateCount: state.dataUpdateCount + 1,
           dataUpdatedAt: (_action$dataUpdatedAt = action.dataUpdatedAt) != null ? _action$dataUpdatedAt : Date.now(),
@@ -1337,10 +1333,10 @@ var Query = /*#__PURE__*/function () {
         var error = action.error;
 
         if (isCancelledError(error) && error.revert && this.revertState) {
-          return _extends$6({}, this.revertState);
+          return _extends$5({}, this.revertState);
         }
 
-        return _extends$6({}, state, {
+        return _extends$5({}, state, {
           error: error,
           errorUpdateCount: state.errorUpdateCount + 1,
           errorUpdatedAt: Date.now(),
@@ -1351,12 +1347,12 @@ var Query = /*#__PURE__*/function () {
         });
 
       case 'invalidate':
-        return _extends$6({}, state, {
+        return _extends$5({}, state, {
           isInvalidated: true
         });
 
       case 'setState':
-        return _extends$6({}, state, action.state);
+        return _extends$5({}, state, action.state);
 
       default:
         return state;
@@ -1512,7 +1508,7 @@ var QueryCache = /*#__PURE__*/function (_Subscribable) {
 // CLASS
 var Mutation = /*#__PURE__*/function () {
   function Mutation(config) {
-    this.options = _extends$6({}, config.defaultOptions, config.options);
+    this.options = _extends$5({}, config.defaultOptions, config.options);
     this.mutationId = config.mutationId;
     this.mutationCache = config.mutationCache;
     this.observers = [];
@@ -1687,22 +1683,22 @@ function getDefaultState() {
 function reducer$1(state, action) {
   switch (action.type) {
     case 'failed':
-      return _extends$6({}, state, {
+      return _extends$5({}, state, {
         failureCount: state.failureCount + 1
       });
 
     case 'pause':
-      return _extends$6({}, state, {
+      return _extends$5({}, state, {
         isPaused: true
       });
 
     case 'continue':
-      return _extends$6({}, state, {
+      return _extends$5({}, state, {
         isPaused: false
       });
 
     case 'loading':
-      return _extends$6({}, state, {
+      return _extends$5({}, state, {
         context: action.context,
         data: undefined,
         error: null,
@@ -1712,7 +1708,7 @@ function reducer$1(state, action) {
       });
 
     case 'success':
-      return _extends$6({}, state, {
+      return _extends$5({}, state, {
         data: action.data,
         error: null,
         status: 'success',
@@ -1720,7 +1716,7 @@ function reducer$1(state, action) {
       });
 
     case 'error':
-      return _extends$6({}, state, {
+      return _extends$5({}, state, {
         data: undefined,
         error: action.error,
         failureCount: state.failureCount + 1,
@@ -1729,7 +1725,7 @@ function reducer$1(state, action) {
       });
 
     case 'setState':
-      return _extends$6({}, state, action.state);
+      return _extends$5({}, state, action.state);
 
     default:
       return state;
@@ -2023,7 +2019,7 @@ var QueryClient = /*#__PURE__*/function () {
   };
 
   _proto.isMutating = function isMutating(filters) {
-    return this.mutationCache.findAll(_extends$6({}, filters, {
+    return this.mutationCache.findAll(_extends$5({}, filters, {
       fetching: true
     })).length;
   };
@@ -2087,7 +2083,7 @@ var QueryClient = /*#__PURE__*/function () {
 
     var queryCache = this.queryCache;
 
-    var refetchFilters = _extends$6({}, filters, {
+    var refetchFilters = _extends$5({}, filters, {
       active: true
     });
 
@@ -2129,7 +2125,7 @@ var QueryClient = /*#__PURE__*/function () {
         filters = _parseFilterArgs5[0],
         options = _parseFilterArgs5[1];
 
-    var refetchFilters = _extends$6({}, filters, {
+    var refetchFilters = _extends$5({}, filters, {
       // if filters.refetchActive is not provided and filters.active is explicitly false,
       // e.g. invalidateQueries({ active: false }), we don't want to refetch active queries
       active: (_ref3 = (_filters$refetchActiv = filters.refetchActive) != null ? _filters$refetchActiv : filters.active) != null ? _ref3 : true,
@@ -2154,7 +2150,7 @@ var QueryClient = /*#__PURE__*/function () {
 
     var promises = notifyManager.batch(function () {
       return _this6.queryCache.findAll(filters).map(function (query) {
-        return query.fetch(undefined, _extends$6({}, options, {
+        return query.fetch(undefined, _extends$5({}, options, {
           meta: {
             refetchPage: filters == null ? void 0 : filters.refetchPage
           }
@@ -2282,7 +2278,7 @@ var QueryClient = /*#__PURE__*/function () {
       return options;
     }
 
-    var defaultedOptions = _extends$6({}, this.defaultOptions.queries, this.getQueryDefaults(options == null ? void 0 : options.queryKey), options, {
+    var defaultedOptions = _extends$5({}, this.defaultOptions.queries, this.getQueryDefaults(options == null ? void 0 : options.queryKey), options, {
       _defaulted: true
     });
 
@@ -2302,7 +2298,7 @@ var QueryClient = /*#__PURE__*/function () {
       return options;
     }
 
-    return _extends$6({}, this.defaultOptions.mutations, this.getMutationDefaults(options == null ? void 0 : options.mutationKey), options, {
+    return _extends$5({}, this.defaultOptions.mutations, this.getMutationDefaults(options == null ? void 0 : options.mutationKey), options, {
       _defaulted: true
     });
   };
@@ -2474,7 +2470,7 @@ var QueryObserver = /*#__PURE__*/function (_Subscribable) {
   };
 
   _proto.refetch = function refetch(options) {
-    return this.fetch(_extends$6({}, options, {
+    return this.fetch(_extends$5({}, options, {
       meta: {
         refetchPage: options == null ? void 0 : options.refetchPage
       }
@@ -2762,7 +2758,7 @@ var QueryObserver = /*#__PURE__*/function (_Subscribable) {
       defaultNotifyOptions.listeners = true;
     }
 
-    this.notify(_extends$6({}, defaultNotifyOptions, notifyOptions));
+    this.notify(_extends$5({}, defaultNotifyOptions, notifyOptions));
   };
 
   _proto.updateQuery = function updateQuery() {
@@ -2930,7 +2926,7 @@ var MutationObserver = /*#__PURE__*/function (_Subscribable) {
       this.currentMutation.removeObserver(this);
     }
 
-    this.currentMutation = this.client.getMutationCache().build(this.client, _extends$6({}, this.options, {
+    this.currentMutation = this.client.getMutationCache().build(this.client, _extends$5({}, this.options, {
       variables: typeof variables !== 'undefined' ? variables : this.options.variables
     }));
     this.currentMutation.addObserver(this);
@@ -2940,7 +2936,7 @@ var MutationObserver = /*#__PURE__*/function (_Subscribable) {
   _proto.updateResult = function updateResult() {
     var state = this.currentMutation ? this.currentMutation.state : getDefaultState();
 
-    var result = _extends$6({}, state, {
+    var result = _extends$5({}, state, {
       isLoading: state.status === 'loading',
       isSuccess: state.status === 'success',
       isError: state.status === 'error',
@@ -3107,7 +3103,7 @@ function useMutation(arg1, arg2, arg3) {
     throw currentResult.error;
   }
 
-  return _extends$6({}, currentResult, {
+  return _extends$5({}, currentResult, {
     mutate: mutate,
     mutateAsync: currentResult.mutate
   });
@@ -3423,10 +3419,6 @@ function _objectWithoutProperties(source, excluded) {
 }
 
 const ADMIN_URL = "/form";
-const FORM_LIST_URL = "/form";
-const FORM_URL = "/form/:id";
-const PUBLIC_FORM_URL = "/form/:id/public";
-const FORM_RESULTS_URL = "/form/:id/results";
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -20248,96 +20240,44 @@ var neetoFormApi = {
   updatePublicSubmission
 };
 
-const _excluded$l = ["formId", "preview"],
-  _excluded2$4 = ["formId"],
+const _excluded$j = ["formId", "preview"],
   _excluded3$2 = ["formId", "submissionId"];
-function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const useForm = _ref => {
   let formId = _ref.formId,
     preview = _ref.preview,
-    options = _objectWithoutProperties(_ref, _excluded$l);
-  return useQuery([QUERY_KEYS.QUESTIONS, preview ? `preview/${formId}` : formId], () => neetoFormApi.getPublicQuestions(formId), _objectSpread$g({
+    options = _objectWithoutProperties(_ref, _excluded$j);
+  return useQuery([QUERY_KEYS.QUESTIONS, preview ? `preview/${formId}` : formId], () => neetoFormApi.getPublicQuestions(formId), _objectSpread$f({
     keepPreviousData: true,
     staleTime: DEFAULT_STALE_TIME
   }, options));
 };
-const useCreateForm = options => useMutation(neetoFormApi.createForm, _objectSpread$g(_objectSpread$g({}, options), {}, {
-  onSuccess: form => {
-    queryClient.setQueryData(QUERY_KEYS.QUESTIONS, forms => forms && [...forms, form]);
-    queryClient.setQueryData([QUERY_KEYS.QUESTIONS, form.id], form);
-    queryClient.setQueryData([QUERY_KEYS.QUESTIONS, `preview/${form.id}`], form);
-    options?.onSuccess?.(form);
-  }
-}));
-const useUpdateForm = options => useMutation(_ref2 => {
-  let id = _ref2.id,
-    values = _ref2.values;
-  return neetoFormApi.updateForm(id, values);
-}, _objectSpread$g(_objectSpread$g({}, options), {}, {
-  onSuccess: (data, _ref3) => {
-    let id = _ref3.id;
-    queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id], form => _objectSpread$g(_objectSpread$g({}, form), {}, {
-      title: data.title
-    }));
-    queryClient.setQueryData([QUERY_KEYS.QUESTIONS, `preview/${id}`], form => _objectSpread$g(_objectSpread$g({}, form), {}, {
-      title: data.title
-    }));
-    options.onSuccess && options.onSuccess(data);
-  }
-}));
 const useUpdateQuestions = options => useMutation(_ref4 => {
   let id = _ref4.id,
     values = _ref4.values;
   return neetoFormApi.updateQuestions(id, values);
-}, _objectSpread$g(_objectSpread$g({}, options), {}, {
+}, _objectSpread$f(_objectSpread$f({}, options), {}, {
   onSuccess: function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
     const data = args[0],
       id = args[1].id;
-    queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id], form => _objectSpread$g(_objectSpread$g({}, form), {}, {
+    queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id], form => _objectSpread$f(_objectSpread$f({}, form), {}, {
       questions: data.questions
     }));
-    queryClient.setQueryData([QUERY_KEYS.QUESTIONS, `preview/${id}`], form => _objectSpread$g(_objectSpread$g({}, form), {}, {
+    queryClient.setQueryData([QUERY_KEYS.QUESTIONS, `preview/${id}`], form => _objectSpread$f(_objectSpread$f({}, form), {}, {
       questions: data.questions
     }));
     options.onSuccess && options.onSuccess(...args);
   }
 }));
-const useForms = options => useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$g({
-  keepPreviousData: true,
-  staleTime: DEFAULT_STALE_TIME
-}, options));
-const useDeleteForm = options => useMutation(_ref5 => {
-  let id = _ref5.id;
-  return neetoFormApi.destroyForm(id);
-}, _objectSpread$g(_objectSpread$g({}, options), {}, {
-  onSuccess: function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    const id = args[1].id;
-    queryClient.invalidateQueries([QUERY_KEYS.FORMS]);
-    queryClient.invalidateQueries([QUERY_KEYS.QUESTIONS, id]);
-    queryClient.invalidateQueries([QUERY_KEYS.QUESTIONS, `preview/${id}`]);
-    options.onSuccess && options.onSuccess(...args);
-  }
-}));
-const useSubmissions = _ref6 => {
-  let formId = _ref6.formId,
-    options = _objectWithoutProperties(_ref6, _excluded2$4);
-  return useQuery([QUERY_KEYS.SUBMISSIONS, formId], () => neetoFormApi.getSubmissions(formId), _objectSpread$g({
-    keepPreviousData: true,
-    staleTime: DEFAULT_STALE_TIME
-  }, options));
-};
 const useSubmission = _ref7 => {
   let formId = _ref7.formId,
     submissionId = _ref7.submissionId,
     options = _objectWithoutProperties(_ref7, _excluded3$2);
-  return useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], () => neetoFormApi.getPublicSubmission(formId, submissionId), _objectSpread$g(_objectSpread$g({}, options), {}, {
+  return useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], () => neetoFormApi.getPublicSubmission(formId, submissionId), _objectSpread$f(_objectSpread$f({}, options), {}, {
     keepPreviousData: true,
     staleTime: DEFAULT_STALE_TIME
   }));
@@ -20346,7 +20286,7 @@ const useCreateSubmission = options => useMutation(_ref8 => {
   let formId = _ref8.formId,
     values = _ref8.values;
   return neetoFormApi.submitPublicForm(formId, values);
-}, _objectSpread$g(_objectSpread$g({}, options), {}, {
+}, _objectSpread$f(_objectSpread$f({}, options), {}, {
   onSuccess: function () {
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
@@ -20363,7 +20303,7 @@ const useUpdateSubmission = options => useMutation(_ref9 => {
   let formId = _ref9.formId,
     values = _ref9.values;
   return neetoFormApi.updatePublicSubmission(formId, values);
-}, _objectSpread$g(_objectSpread$g({}, options), {}, {
+}, _objectSpread$f(_objectSpread$f({}, options), {}, {
   onSuccess: function () {
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       args[_key4] = arguments[_key4];
@@ -20377,8 +20317,8 @@ const useUpdateSubmission = options => useMutation(_ref9 => {
   }
 }));
 
-function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const defaultConfig = {
   strict: true,
   matchKey: "value"
@@ -20386,7 +20326,7 @@ const defaultConfig = {
 const findOptionByValue = function (value) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   let config = arguments.length > 2 ? arguments[2] : undefined;
-  const configObject = config ? _objectSpread$f(_objectSpread$f({}, defaultConfig), config) : defaultConfig;
+  const configObject = config ? _objectSpread$e(_objectSpread$e({}, defaultConfig), config) : defaultConfig;
   const matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.find(option =>
@@ -20397,7 +20337,7 @@ const filterOptionsByValues = function () {
   let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   let config = arguments.length > 2 ? arguments[2] : undefined;
-  const configObject = config ? _objectSpread$f(_objectSpread$f({}, defaultConfig), config) : defaultConfig;
+  const configObject = config ? _objectSpread$e(_objectSpread$e({}, defaultConfig), config) : defaultConfig;
   const matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.filter(option => values.some(value =>
@@ -20410,7 +20350,7 @@ const destroyFromList = (items, index) => {
     const nextItems = [...items];
     nextItems.splice(index, 1);
     if (itemToRemove.id) {
-      nextItems.push(_objectSpread$f(_objectSpread$f({}, itemToRemove), {}, {
+      nextItems.push(_objectSpread$e(_objectSpread$e({}, itemToRemove), {}, {
         _destroy: true
       }));
     }
@@ -20441,7 +20381,7 @@ const formHelpers = {
   pushToList
 };
 
-function ownKeys$f(object, enumerableOnly) {
+function ownKeys$e(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -20454,9 +20394,9 @@ function ownKeys$f(object, enumerableOnly) {
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) {
+    i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) {
       _defineProperty$6(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -21342,7 +21282,7 @@ reactIs_production_min.typeOf=y;
 	}
 } (reactIs));
 
-var _excluded$k = ["getDisplayName", "methodName", "renderCountProp", "shouldHandleStateChanges", "storeKey", "withRef", "forwardRef", "context"],
+var _excluded$i = ["getDisplayName", "methodName", "renderCountProp", "shouldHandleStateChanges", "storeKey", "withRef", "forwardRef", "context"],
     _excluded2$3 = ["reactReduxForwardedRef"];
 
 var EMPTY_ARRAY = [];
@@ -21492,7 +21432,7 @@ _ref) {
       forwardRef = _ref2$forwardRef === void 0 ? false : _ref2$forwardRef,
       _ref2$context = _ref2.context,
       context = _ref2$context === void 0 ? ReactReduxContext : _ref2$context,
-      connectOptions = _objectWithoutPropertiesLoose(_ref2, _excluded$k);
+      connectOptions = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
 
   var Context = context;
   return function wrapWithConnect(WrappedComponent) {
@@ -21500,7 +21440,7 @@ _ref) {
     var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
     var displayName = getDisplayName(wrappedComponentName);
 
-    var selectorFactoryOptions = _extends$6({}, connectOptions, {
+    var selectorFactoryOptions = _extends$5({}, connectOptions, {
       getDisplayName: getDisplayName,
       methodName: methodName,
       renderCountProp: renderCountProp,
@@ -21592,7 +21532,7 @@ _ref) {
         // connected descendants won't update until after this component is done
 
 
-        return _extends$6({}, contextValue, {
+        return _extends$5({}, contextValue, {
           subscription: subscription
         });
       }, [didStoreComeFromProps, contextValue, subscription]); // We need to force this wrapper component to re-render whenever a Redux store update
@@ -21639,7 +21579,7 @@ _ref) {
       // We memoize the elements for the rendered child component as an optimization.
 
       var renderedWrappedComponent = useMemo$1(function () {
-        return /*#__PURE__*/React__default.createElement(WrappedComponent, _extends$6({}, actualChildProps, {
+        return /*#__PURE__*/React__default.createElement(WrappedComponent, _extends$5({}, actualChildProps, {
           ref: reactReduxForwardedRef
         }));
       }, [reactReduxForwardedRef, WrappedComponent, actualChildProps]); // If React sees the exact same element reference as last time, it bails out of re-rendering
@@ -21667,7 +21607,7 @@ _ref) {
 
     if (forwardRef) {
       var forwarded = React__default.forwardRef(function forwardConnectRef(props, ref) {
-        return /*#__PURE__*/React__default.createElement(Connect, _extends$6({}, props, {
+        return /*#__PURE__*/React__default.createElement(Connect, _extends$5({}, props, {
           reactReduxForwardedRef: ref
         }));
       });
@@ -21818,7 +21758,7 @@ function whenMapStateToPropsIsMissing(mapStateToProps) {
 var defaultMapStateToPropsFactories = [whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing];
 
 function defaultMergeProps(stateProps, dispatchProps, ownProps) {
-  return _extends$6({}, ownProps, stateProps, dispatchProps);
+  return _extends$5({}, ownProps, stateProps, dispatchProps);
 }
 function wrapMergePropsFunc(mergeProps) {
   return function initMergePropsProxy(dispatch, _ref) {
@@ -21851,7 +21791,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 }
 var defaultMergePropsFactories = [whenMergePropsIsFunction, whenMergePropsIsOmitted];
 
-var _excluded$j = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
+var _excluded$h = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
 function impureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch) {
   return function impureFinalPropsSelector(state, ownProps) {
     return mergeProps(mapStateToProps(state, ownProps), mapDispatchToProps(dispatch, ownProps), ownProps);
@@ -21924,7 +21864,7 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
   var initMapStateToProps = _ref2.initMapStateToProps,
       initMapDispatchToProps = _ref2.initMapDispatchToProps,
       initMergeProps = _ref2.initMergeProps,
-      options = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
+      options = _objectWithoutPropertiesLoose(_ref2, _excluded$h);
 
   var mapStateToProps = initMapStateToProps(dispatch, options);
   var mapDispatchToProps = initMapDispatchToProps(dispatch, options);
@@ -21934,7 +21874,7 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
   return selectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch, options);
 }
 
-var _excluded$i = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
+var _excluded$g = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
 /*
   connect is a facade over connectAdvanced. It turns its args into a compatible
   selectorFactory, which has the signature:
@@ -21998,12 +21938,12 @@ function createConnect(_temp) {
         areStatePropsEqual = _ref3$areStatePropsEq === void 0 ? shallowEqual : _ref3$areStatePropsEq,
         _ref3$areMergedPropsE = _ref3.areMergedPropsEqual,
         areMergedPropsEqual = _ref3$areMergedPropsE === void 0 ? shallowEqual : _ref3$areMergedPropsE,
-        extraOptions = _objectWithoutPropertiesLoose(_ref3, _excluded$i);
+        extraOptions = _objectWithoutPropertiesLoose(_ref3, _excluded$g);
 
     var initMapStateToProps = match$1(mapStateToProps, mapStateToPropsFactories, 'mapStateToProps');
     var initMapDispatchToProps = match$1(mapDispatchToProps, mapDispatchToPropsFactories, 'mapDispatchToProps');
     var initMergeProps = match$1(mergeProps, mergePropsFactories, 'mergeProps');
-    return connectHOC(selectorFactory, _extends$6({
+    return connectHOC(selectorFactory, _extends$5({
       // used in error messages
       methodName: 'connect',
       // used to compute Connect's displayName from the wrapped component's displayName.
@@ -22324,7 +22264,7 @@ log.bind(null, 'error');
 function noop$2() {}
 
 function getOptions(shared, fromBinding) {
-  return _extends$6({}, shared, {}, fromBinding);
+  return _extends$5({}, shared, {}, fromBinding);
 }
 
 function bindEvents(el, bindings, sharedOptions) {
@@ -22619,7 +22559,7 @@ var increase = function increase(target, axis, withPlaceholder) {
   if (withPlaceholder && withPlaceholder.increasedBy) {
     var _extends2;
 
-    return _extends$6({}, target, (_extends2 = {}, _extends2[axis.end] = target[axis.end] + withPlaceholder.increasedBy[axis.line], _extends2));
+    return _extends$5({}, target, (_extends2 = {}, _extends2[axis.end] = target[axis.end] + withPlaceholder.increasedBy[axis.line], _extends2));
   }
 
   return target;
@@ -22654,7 +22594,7 @@ var scrollDroppable = (function (droppable, newScroll) {
   var scrollDiff = subtract(newScroll, scrollable.scroll.initial);
   var scrollDisplacement = negate(scrollDiff);
 
-  var frame = _extends$6({}, scrollable, {
+  var frame = _extends$5({}, scrollable, {
     scroll: {
       initial: scrollable.scroll.initial,
       current: newScroll,
@@ -22673,7 +22613,7 @@ var scrollDroppable = (function (droppable, newScroll) {
     frame: frame
   });
 
-  var result = _extends$6({}, droppable, {
+  var result = _extends$5({}, droppable, {
     frame: frame,
     subject: subject
   });
@@ -22793,7 +22733,7 @@ var moveToNextCombine = (function (_ref) {
         droppableId: destination.descriptor.id
       }
     };
-    return _extends$6({}, previousImpact, {
+    return _extends$5({}, previousImpact, {
       at: at
     });
   }
@@ -22960,17 +22900,17 @@ var isVisible = function isVisible(_ref) {
 };
 
 var isPartiallyVisible = function isPartiallyVisible(args) {
-  return isVisible(_extends$6({}, args, {
+  return isVisible(_extends$5({}, args, {
     isVisibleThroughFrameFn: isPartiallyVisibleThroughFrame
   }));
 };
 var isTotallyVisible = function isTotallyVisible(args) {
-  return isVisible(_extends$6({}, args, {
+  return isVisible(_extends$5({}, args, {
     isVisibleThroughFrameFn: isTotallyVisibleThroughFrame
   }));
 };
 var isTotallyVisibleOnAxis = function isTotallyVisibleOnAxis(args) {
-  return isVisible(_extends$6({}, args, {
+  return isVisible(_extends$5({}, args, {
     isVisibleThroughFrameFn: isTotallyVisibleThroughFrameOnAxis(args.destination.axis)
   }));
 };
@@ -23509,7 +23449,7 @@ var speculativelyIncrease = (function (_ref) {
     invisible[id] = true;
   });
 
-  var newImpact = _extends$6({}, impact, {
+  var newImpact = _extends$5({}, impact, {
     displaced: {
       all: last.all,
       invisible: invisible,
@@ -23793,8 +23733,8 @@ var getRequiredGrowthForPlaceholder = function getRequiredGrowthForPlaceholder(d
 };
 
 var withMaxScroll = function withMaxScroll(frame, max) {
-  return _extends$6({}, frame, {
-    scroll: _extends$6({}, frame.scroll, {
+  return _extends$5({}, frame, {
+    scroll: _extends$5({}, frame.scroll, {
       max: max
     })
   });
@@ -23820,7 +23760,7 @@ var addPlaceholder = function addPlaceholder(droppable, draggable, draggables) {
       frame: droppable.frame
     });
 
-    return _extends$6({}, droppable, {
+    return _extends$5({}, droppable, {
       subject: _subject
     });
   }
@@ -23833,7 +23773,7 @@ var addPlaceholder = function addPlaceholder(droppable, draggable, draggables) {
     axis: droppable.axis,
     frame: newFrame
   });
-  return _extends$6({}, droppable, {
+  return _extends$5({}, droppable, {
     subject: subject,
     frame: newFrame
   });
@@ -23851,7 +23791,7 @@ var removePlaceholder = function removePlaceholder(droppable) {
       withPlaceholder: null
     });
 
-    return _extends$6({}, droppable, {
+    return _extends$5({}, droppable, {
       subject: _subject2
     });
   }
@@ -23865,7 +23805,7 @@ var removePlaceholder = function removePlaceholder(droppable) {
     frame: newFrame,
     withPlaceholder: null
   });
-  return _extends$6({}, droppable, {
+  return _extends$5({}, droppable, {
     subject: subject,
     frame: newFrame
   });
@@ -24358,7 +24298,7 @@ var getDragImpact = (function (_ref) {
 var patchDroppableMap = (function (droppables, updated) {
   var _extends2;
 
-  return _extends$6({}, droppables, (_extends2 = {}, _extends2[updated.descriptor.id] = updated, _extends2));
+  return _extends$5({}, droppables, (_extends2 = {}, _extends2[updated.descriptor.id] = updated, _extends2));
 });
 
 var clearUnusedPlaceholder = function clearUnusedPlaceholder(_ref) {
@@ -24444,7 +24384,7 @@ var update = (function (_ref) {
   };
 
   if (state.phase === 'COLLECTING') {
-    return _extends$6({
+    return _extends$5({
       phase: 'COLLECTING'
     }, state, {
       dimensions: dimensions,
@@ -24471,7 +24411,7 @@ var update = (function (_ref) {
     droppables: dimensions.droppables
   });
 
-  var result = _extends$6({}, state, {
+  var result = _extends$5({}, state, {
     current: current,
     dimensions: {
       draggables: dimensions.draggables,
@@ -24508,7 +24448,7 @@ var recompute = (function (_ref) {
     forceShouldAnimate: forceShouldAnimate,
     last: last
   });
-  return _extends$6({}, impact, {
+  return _extends$5({}, impact, {
     displaced: displaced
   });
 });
@@ -24633,8 +24573,8 @@ var offsetDraggable = (function (_ref) {
   var client = offset(draggable.client, offset$1);
   var page = withScroll(client, initialWindowScroll);
 
-  var moved = _extends$6({}, draggable, {
-    placeholder: _extends$6({}, draggable.placeholder, {
+  var moved = _extends$5({}, draggable, {
+    placeholder: _extends$5({}, draggable.placeholder, {
       client: client
     }),
     client: client,
@@ -24679,7 +24619,7 @@ var publishWhileDraggingInVirtual = (function (_ref) {
     return scrolled;
   });
 
-  var droppables = _extends$6({}, state.dimensions.droppables, {}, toDroppableMap(withScrollChange));
+  var droppables = _extends$5({}, state.dimensions.droppables, {}, toDroppableMap(withScrollChange));
 
   var updatedAdditions = toDraggableMap(adjustAdditionsForScrollChanges({
     additions: published.additions,
@@ -24687,7 +24627,7 @@ var publishWhileDraggingInVirtual = (function (_ref) {
     viewport: state.viewport
   }));
 
-  var draggables = _extends$6({}, state.dimensions.draggables, {}, updatedAdditions);
+  var draggables = _extends$5({}, state.dimensions.draggables, {}, updatedAdditions);
 
   published.removals.forEach(function (id) {
     delete draggables[id];
@@ -24721,7 +24661,7 @@ var publishWhileDraggingInVirtual = (function (_ref) {
     afterCritical: afterCritical
   });
 
-  var draggingState = _extends$6({
+  var draggingState = _extends$5({
     phase: 'DRAGGING'
   }, state, {
     phase: 'DRAGGING',
@@ -24736,7 +24676,7 @@ var publishWhileDraggingInVirtual = (function (_ref) {
     return draggingState;
   }
 
-  var dropPending = _extends$6({
+  var dropPending = _extends$5({
     phase: 'DROP_PENDING'
   }, draggingState, {
     phase: 'DROP_PENDING',
@@ -24769,7 +24709,7 @@ var postDroppableChange = function postDroppableChange(state, updated, isEnabled
 
 function removeScrollJumpRequest(state) {
   if (state.isDragging && state.movementMode === 'SNAP') {
-    return _extends$6({
+    return _extends$5({
       phase: 'DRAGGING'
     }, state, {
       scrollJumpRequest: null
@@ -24790,7 +24730,7 @@ var reducer = (function (state, action) {
   }
 
   if (action.type === 'FLUSH') {
-    return _extends$6({}, idle, {
+    return _extends$5({}, idle, {
       shouldFlush: true
     });
   }
@@ -24857,7 +24797,7 @@ var reducer = (function (state, action) {
 
     !(state.phase === 'DRAGGING') ? invariant(false) : void 0;
 
-    var _result = _extends$6({
+    var _result = _extends$5({
       phase: 'COLLECTING'
     }, state, {
       phase: 'COLLECTING'
@@ -24929,7 +24869,7 @@ var reducer = (function (state, action) {
     !_target ? invariant(false) : void 0;
     !(_target.isEnabled !== isEnabled) ? invariant(false) : void 0;
 
-    var updated = _extends$6({}, _target, {
+    var updated = _extends$5({}, _target, {
       isEnabled: isEnabled
     });
 
@@ -24949,7 +24889,7 @@ var reducer = (function (state, action) {
     !_target2 ? invariant(false) : void 0;
     !(_target2.isCombineEnabled !== isCombineEnabled) ? invariant(false) : void 0;
 
-    var _updated = _extends$6({}, _target2, {
+    var _updated = _extends$5({}, _target2, {
       isCombineEnabled: isCombineEnabled
     });
 
@@ -24995,13 +24935,13 @@ var reducer = (function (state, action) {
       return state;
     }
 
-    var withMaxScroll = _extends$6({}, state.viewport, {
-      scroll: _extends$6({}, state.viewport.scroll, {
+    var withMaxScroll = _extends$5({}, state.viewport, {
+      scroll: _extends$5({}, state.viewport.scroll, {
         max: maxScroll
       })
     });
 
-    return _extends$6({
+    return _extends$5({
       phase: 'DRAGGING'
     }, state, {
       viewport: withMaxScroll
@@ -25036,7 +24976,7 @@ var reducer = (function (state, action) {
     var reason = action.payload.reason;
     !(state.phase === 'COLLECTING') ? invariant(false) : void 0;
 
-    var newState = _extends$6({
+    var newState = _extends$5({
       phase: 'DROP_PENDING'
     }, state, {
       phase: 'DROP_PENDING',
@@ -25405,7 +25345,7 @@ var getDropImpact = (function (_ref) {
     };
   }
 
-  var withoutMovement = _extends$6({}, lastImpact, {
+  var withoutMovement = _extends$5({}, lastImpact, {
     displaced: emptyGroups
   });
 
@@ -25805,7 +25745,7 @@ var getPublisher = (function (getResponders, announce) {
       return;
     }
 
-    var data = _extends$6({}, getDragStart(critical, dragging.mode), {
+    var data = _extends$5({}, getDragStart(critical, dragging.mode), {
       combine: combine,
       destination: location
     });
@@ -25835,7 +25775,7 @@ var getPublisher = (function (getResponders, announce) {
       return;
     }
 
-    var result = _extends$6({}, getDragStart(dragging.lastCritical, dragging.mode), {
+    var result = _extends$5({}, getDragStart(dragging.lastCritical, dragging.mode), {
       combine: null,
       destination: null,
       reason: 'CANCEL'
@@ -27545,7 +27485,7 @@ function useAnnouncer(contextId) {
     el.setAttribute('aria-live', 'assertive');
     el.setAttribute('aria-atomic', 'true');
 
-    _extends$6(el.style, visuallyHidden);
+    _extends$5(el.style, visuallyHidden);
 
     getBodyElement().appendChild(el);
     return function cleanup() {
@@ -28698,7 +28638,7 @@ function tryStart(_ref3) {
       }));
     }
 
-    return _extends$6({
+    return _extends$5({
       isActive: function isActive() {
         return _isActive({
           expected: 'DRAGGING',
@@ -28738,7 +28678,7 @@ function tryStart(_ref3) {
         move: move$1
       }
     });
-    return _extends$6({}, api, {
+    return _extends$5({}, api, {
       move: move$1
     });
   }
@@ -28896,7 +28836,7 @@ function getStore(lazyRef) {
   return lazyRef.current;
 }
 
-function App$1(props) {
+function App(props) {
   var contextId = props.contextId,
       setCallbacks = props.setCallbacks,
       sensors = props.sensors,
@@ -28930,7 +28870,7 @@ function App$1(props) {
     return createDimensionMarshal(registry, marshalCallbacks);
   }, [registry, marshalCallbacks]);
   var autoScroller = useMemo(function () {
-    return createAutoScroller(_extends$6({
+    return createAutoScroller(_extends$5({
       scrollWindow: scrollWindow,
       scrollDroppable: dimensionMarshal.scrollDroppable
     }, bindActionCreators$1({
@@ -29014,7 +28954,7 @@ function DragDropContext(props) {
   var contextId = useInstanceCount();
   var dragHandleUsageInstructions = props.dragHandleUsageInstructions || preset.dragHandleUsageInstructions;
   return React__default.createElement(ErrorBoundary, null, function (setCallbacks) {
-    return React__default.createElement(App$1, {
+    return React__default.createElement(App, {
       nonce: props.nonce,
       contextId: contextId,
       setCallbacks: setCallbacks,
@@ -30136,7 +30076,7 @@ function PublicDraggable(props) {
   var isEnabled = typeof props.isDragDisabled === 'boolean' ? !props.isDragDisabled : true;
   var canDragInteractiveElements = Boolean(props.disableInteractiveElementBlocking);
   var shouldRespectForcePress = Boolean(props.shouldRespectForcePress);
-  return React__default.createElement(PrivateDraggable, _extends$6({}, props, {
+  return React__default.createElement(PrivateDraggable, _extends$5({}, props, {
     isClone: false,
     isEnabled: isEnabled,
     canDragInteractiveElements: canDragInteractiveElements,
@@ -30273,7 +30213,7 @@ var makeMapStateToProps$1 = function makeMapStateToProps() {
     useClone: null
   };
 
-  var idleWithoutAnimation = _extends$6({}, idleWithAnimation, {
+  var idleWithoutAnimation = _extends$5({}, idleWithAnimation, {
     shouldAnimatePlaceholder: false
   });
 
@@ -30471,9 +30411,9 @@ var unescape$1 = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -30488,7 +30428,7 @@ var i18nInstance;
 var I18nContext = createContext();
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$e(_objectSpread$e({}, defaultOptions), options);
+  defaultOptions = _objectSpread$d(_objectSpread$d({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -30612,9 +30552,9 @@ function hasLoadedNamespace(ns, i18n) {
   });
 }
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = useRef();
@@ -30651,7 +30591,7 @@ function useTranslation(ns) {
 
   if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
 
-  var i18nOptions = _objectSpread$d(_objectSpread$d(_objectSpread$d({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$c(_objectSpread$c(_objectSpread$c({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -30726,21 +30666,6 @@ function useTranslation(ns) {
   });
 }
 
-function I18nextProvider(_ref) {
-  var i18n = _ref.i18n,
-      defaultNS = _ref.defaultNS,
-      children = _ref.children;
-  var value = useMemo$1(function () {
-    return {
-      i18n: i18n,
-      defaultNS: defaultNS
-    };
-  }, [i18n, defaultNS]);
-  return createElement(I18nContext.Provider, {
-    value: value
-  }, children);
-}
-
 const ListItem = _ref => {
   let _ref$icon = _ref.icon,
     Icon = _ref$icon === void 0 ? null : _ref$icon,
@@ -30754,15 +30679,15 @@ const ListItem = _ref => {
   }, label));
 };
 
-const _excluded$h = ["size", "color"],
+const _excluded$f = ["size", "color"],
   _excluded2$2 = ["size", "color"],
   _excluded3$1 = ["size", "color"],
   _excluded4$1 = ["size", "color"];
 function BadSmiley(props) {
   const size = props.size,
     color = props.color,
-    other = _objectWithoutProperties(props, _excluded$h);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+    other = _objectWithoutProperties(props, _excluded$f);
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     viewBox: "0 0 48 48",
     fill: "none",
     height: size,
@@ -30784,7 +30709,7 @@ function OkaySmiley(props) {
   const size = props.size,
     color = props.color,
     other = _objectWithoutProperties(props, _excluded2$2);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     viewBox: "0 0 48 48",
     fill: "none",
     height: size,
@@ -30806,7 +30731,7 @@ function GoodSmiley(props) {
   const size = props.size,
     color = props.color,
     other = _objectWithoutProperties(props, _excluded3$1);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     viewBox: "0 0 48 48",
     fill: "none",
     height: size,
@@ -30828,7 +30753,7 @@ function Drag(props) {
   const size = props.size,
     color = props.color,
     other = _objectWithoutProperties(props, _excluded4$1);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     viewBox: "0 0 24 24",
     fill: "none",
     height: size,
@@ -30997,9 +30922,9 @@ function _toArray(arr) {
   return _arrayWithHoles$4(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$f(arr) || _nonIterableRest$4();
 }
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var consoleLogger = {
   type: 'logger',
@@ -31086,7 +31011,7 @@ var Logger = function () {
   }, {
     key: "create",
     value: function create(moduleName) {
-      return new Logger(this.logger, _objectSpread$c(_objectSpread$c({}, {
+      return new Logger(this.logger, _objectSpread$b(_objectSpread$b({}, {
         prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
       }), this.options));
     }
@@ -33959,10 +33884,10 @@ instance.use(initReactI18next).init({
   }
 });
 
-const _excluded$g = ["maxLength"];
+const _excluded$e = ["maxLength"];
 const InputWithMaxLength = _ref => {
   let maxLength = _ref.maxLength,
-    props = _objectWithoutProperties(_ref, _excluded$g);
+    props = _objectWithoutProperties(_ref, _excluded$e);
   const _useField = useField(props),
     _useField2 = _slicedToArray$4(_useField, 3),
     value = _useField2[0].value,
@@ -33973,15 +33898,15 @@ const InputWithMaxLength = _ref => {
     }
   }, [value, maxLength, setValue]);
   const shouldShowMaxLength = value && value.length > maxLength - 10;
-  return /*#__PURE__*/React__default.createElement(Input$2, _extends$6({}, props, shouldShowMaxLength && {
+  return /*#__PURE__*/React__default.createElement(Input$2, _extends$5({}, props, shouldShowMaxLength && {
     maxLength
   }));
 };
 
-const _excluded$f = ["maxLength"];
+const _excluded$d = ["maxLength"];
 const TextAreaWithMaxLength = _ref => {
   let maxLength = _ref.maxLength,
-    props = _objectWithoutProperties(_ref, _excluded$f);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   const _useField = useField(props),
     _useField2 = _slicedToArray$4(_useField, 3),
     value = _useField2[0].value,
@@ -33992,12 +33917,12 @@ const TextAreaWithMaxLength = _ref => {
     }
   }, [value, maxLength, setValue]);
   const shouldShowMaxLength = value && value.length > maxLength - 10;
-  return /*#__PURE__*/React__default.createElement(Textarea$1, _extends$6({}, props, shouldShowMaxLength && {
+  return /*#__PURE__*/React__default.createElement(Textarea$1, _extends$5({}, props, shouldShowMaxLength && {
     maxLength
   }));
 };
 
-const _excluded$e = ["size"],
+const _excluded$c = ["size"],
   _excluded2$1 = ["size"],
   _excluded3 = ["size"],
   _excluded4 = ["size"],
@@ -34005,8 +33930,8 @@ const _excluded$e = ["size"],
 const Star = props => {
   const _props$size = props.size,
     size = _props$size === void 0 ? 20 : _props$size,
-    other = _objectWithoutProperties(props, _excluded$e);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+    other = _objectWithoutProperties(props, _excluded$c);
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -34024,7 +33949,7 @@ const Heart = props => {
   const _props$size2 = props.size,
     size = _props$size2 === void 0 ? 20 : _props$size2,
     other = _objectWithoutProperties(props, _excluded2$1);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -34042,7 +33967,7 @@ const Zap = props => {
   const _props$size3 = props.size,
     size = _props$size3 === void 0 ? 20 : _props$size3,
     other = _objectWithoutProperties(props, _excluded3);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -34060,7 +33985,7 @@ const Crown = _ref => {
   let _ref$size = _ref.size,
     size = _ref$size === void 0 ? 20 : _ref$size,
     otherProps = _objectWithoutProperties(_ref, _excluded4);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     height: size,
@@ -34082,7 +34007,7 @@ const Trophy = _ref2 => {
   let _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 20 : _ref2$size,
     otherProps = _objectWithoutProperties(_ref2, _excluded5);
-  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     height: size,
@@ -34825,7 +34750,7 @@ const FormField = props => {
     isDeletable: isDeletable,
     onDelete: onRemove,
     showAddQuestionDivider: showAddQuestionDivider
-  }, /*#__PURE__*/React__default.createElement(FieldComponent, _extends$6({
+  }, /*#__PURE__*/React__default.createElement(FieldComponent, _extends$5({
     isRequired: isRequired
   }, props)));
 };
@@ -34842,7 +34767,7 @@ const Question = _ref => {
     let droppableProps = _ref2.droppableProps,
       placeholder = _ref2.placeholder,
       innerRef = _ref2.innerRef;
-    return /*#__PURE__*/React__default.createElement("div", _extends$6({}, droppableProps, {
+    return /*#__PURE__*/React__default.createElement("div", _extends$5({}, droppableProps, {
       ref: innerRef
     }), questions.map((item, index) => !item._destroy && /*#__PURE__*/React__default.createElement(PublicDraggable, {
       key: `question-${item.id ?? item.node_id}`,
@@ -34852,9 +34777,9 @@ const Question = _ref => {
       let draggableProps = _ref3.draggableProps,
         dragHandleProps = _ref3.dragHandleProps,
         innerRef = _ref3.innerRef;
-      return /*#__PURE__*/React__default.createElement("div", _extends$6({}, draggableProps, dragHandleProps, {
+      return /*#__PURE__*/React__default.createElement("div", _extends$5({}, draggableProps, dragHandleProps, {
         ref: innerRef
-      }), /*#__PURE__*/React__default.createElement(FormField, _extends$6({
+      }), /*#__PURE__*/React__default.createElement(FormField, _extends$5({
         isDeletable: !nonRemovableFields.includes(item.kind),
         isRequired: isRequiredField(item.kind)
       }, formProps(item, index, insert))));
@@ -35354,8 +35279,8 @@ function sha1(bytes) {
 
 v35('v5', 0x50, sha1);
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const handleFieldDragEnd = _ref => {
   let items = _ref.items,
     setValue = _ref.setValue,
@@ -35364,7 +35289,7 @@ const handleFieldDragEnd = _ref => {
   if (destination && items instanceof Array) {
     const nextItems = [...items];
     arrayHelpers.moveItem(nextItems, source.index, destination.index);
-    const orderedItems = nextItems.map((item, index) => _objectSpread$b(_objectSpread$b({}, item), {}, {
+    const orderedItems = nextItems.map((item, index) => _objectSpread$a(_objectSpread$a({}, item), {}, {
       display_order: index
     }));
     setValue("questions", orderedItems);
@@ -35373,7 +35298,7 @@ const handleFieldDragEnd = _ref => {
 const createFieldData = (_ref2, isRequied) => {
   let defaults = _ref2.defaults,
     type = _ref2.type;
-  return _objectSpread$b(_objectSpread$b({}, defaults), {}, {
+  return _objectSpread$a(_objectSpread$a({}, defaults), {}, {
     requird: isRequied,
     kind: type,
     node_id: v4()
@@ -35409,33 +35334,33 @@ const sliceLabel = label => {
   return label;
 };
 
-var _path$5, _path2$4, _path3$2, _path4$1, _path5$1, _path6$1, _path7$1;
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
-const SvgNoQuestions = props => /*#__PURE__*/React.createElement("svg", _extends$5({
+var _path$4, _path2$3, _path3$1, _path4, _path5, _path6, _path7;
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+const SvgNoQuestions = props => /*#__PURE__*/React.createElement("svg", _extends$4({
   width: 230,
   height: 230,
   viewBox: "0 0 231 230",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+}, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
   d: "M28.368 19.756c25.954-.415 20.404-.23 58.363-1.413a.749.749 0 0 0-.074-1.495c-42.758.892-44.715 1.007-58.289 1.539a.688.688 0 0 0-.713.968.69.69 0 0 0 .713.401ZM28.74 31.569c7.073.25 15.13-.075 27.354-.675a.749.749 0 0 0-.074-1.495c-12.433.048-20.634.196-27.28.805a.69.69 0 1 0 0 1.368v-.003ZM94.11 192.305c6.439.032 12.87-.44 19.234-1.414a.749.749 0 0 0-.143-1.487 122.71 122.71 0 0 0-19.16 1.539.693.693 0 0 0-.548.711.689.689 0 0 0 .618.651ZM94.887 199.57a80.383 80.383 0 0 0 15.542-1.174.732.732 0 0 0 .7-.805.755.755 0 0 0-.805-.69 81.072 81.072 0 0 0-15.542 1.301.69.69 0 0 0-.628.737.689.689 0 0 0 .733.631ZM176.881 128.551c-2.164-10.26-.031-20.764 8.158-27.518a21.284 21.284 0 0 1 9.044-3.948c11.409-2.44 23.279 3.182 26.989 14.696 3.384 10.512-.6 22.655-6.349 27.668-9.242 8.058-25.461 7.857-32.633-2.452a17.727 17.727 0 0 1-14.471-5.167.71.71 0 0 1-.427-.787.706.706 0 0 1 .685-.575 19.36 19.36 0 0 0 9.004-1.917Zm-7.052 3.262a15.95 15.95 0 0 0 12.478 3.437.823.823 0 0 1 .849.359c6.451 9.736 21.839 9.798 30.233 2.307 7.883-7.034 11.558-28.679-3.949-36.807a23.285 23.285 0 0 0-19.27-.713c-8.51 3.389-14.701 14.461-11.667 28.393a.766.766 0 0 1-.369.842 19.609 19.609 0 0 1-8.305 2.182Z",
   fill: "#2F3941"
-})), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
+})), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
   d: "M191.423 127.973c-.247-3.456-5.482-3.462-5.648 0a2.82 2.82 0 0 0 .785 2.056 2.825 2.825 0 0 0 2.02.873 2.808 2.808 0 0 0 2.056-.849 2.807 2.807 0 0 0 .787-2.08ZM202.501 127.973c-.247-3.456-5.482-3.462-5.648 0a2.82 2.82 0 0 0 1.707 2.697c.347.15.72.229 1.098.232a2.808 2.808 0 0 0 2.056-.849 2.799 2.799 0 0 0 .787-2.08ZM213.204 127.602c-.247-3.45-5.482-3.462-5.648 0a2.83 2.83 0 0 0 2.805 2.929 2.805 2.805 0 0 0 2.665-1.808c.135-.358.196-.739.178-1.121ZM47.578 77.475c.057.485.402 2.215 1.188 2.143.721-.066.69-.707.906-2.23.044-.805-.104-3.112-.913-3.202-1.012-.115-1.388 2.277-1.18 3.289ZM46.041 81.459a2.99 2.99 0 0 0 5.575-.696.731.731 0 0 0-.443-.963.754.754 0 0 0-.96.44 1.937 1.937 0 0 1-1.402.671 3.018 3.018 0 0 1-1.662-.269.68.68 0 0 0-.96-.141.698.698 0 0 0-.148.958ZM50.309 75.093a.96.96 0 0 0 .256.657.85.85 0 0 0 .619.273.85.85 0 0 0 .619-.273.96.96 0 0 0 .256-.657.96.96 0 0 0-.256-.657.85.85 0 0 0-.62-.272.85.85 0 0 0-.618.272.96.96 0 0 0-.256.657ZM45.258 75.177a.98.98 0 0 0 .066.356.937.937 0 0 0 .19.301.875.875 0 0 0 .284.202.83.83 0 0 0 .67 0 .876.876 0 0 0 .284-.202.937.937 0 0 0 .19-.301.979.979 0 0 0-.19-1.013.875.875 0 0 0-.284-.201.833.833 0 0 0-.954.201.937.937 0 0 0-.19.302.981.981 0 0 0-.066.355Z",
   fill: "#2F3941"
-})), _path3$2 || (_path3$2 = /*#__PURE__*/React.createElement("path", {
+})), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
   d: "M55.98 73.945c.846-6.109-1.72-12.316-7.603-11.385-5.46.891-8.22 7.28-6.67 11.98a3.23 3.23 0 0 0 .353 6.031c.23 2.607 1.219 5.377 3.505 6.606.016.559.07 1.249.07 1.993-.116.039-2.351.853-2.468.92a.742.742 0 0 0-.442.97.77.77 0 0 0 .996.423l2.798-.763a1.084 1.084 0 0 0 .848-1.123 50.07 50.07 0 0 0-.217-1.823c3.279.765 2.514-1.09 2.514 1.725a1.096 1.096 0 0 0 1.035 1.113l2.916.327a.744.744 0 0 0 .92-.514.755.755 0 0 0-.48-.92 17 17 0 0 0-2.252-.881 6.761 6.761 0 0 0-.242-1.339c2.561-1.338 3.151-4.424 3.06-7.331 3.134-.583 3.824-4.648 1.359-6.009Zm-2.176 4.157a.958.958 0 0 0-1.108.953c0 3.608-.542 6.89-4.172 6.72-2.172-.1-3.28-1.265-3.986-3.292-.34-.87-.54-1.79-.59-2.722a.947.947 0 0 0-.886-.92c-2.11-.108-2.029-2.325-.537-3.1.181.076.38.1.575.072.427-.066 1.753-.51 1.809-1.238.096-.731.232-1.457.406-2.174.449-.035.898.063 1.291.284.95.525 1.577-.44.997-1.122a3.126 3.126 0 0 0-1.628-1.099 9.972 9.972 0 0 1 1.035-1.807 8.52 8.52 0 0 0 5.98 4.918c.53.92.831 1.488 1.733 1.488.335.119.63.33.85.61a1.684 1.684 0 0 1-1.77 2.43ZM110.025 74.42a11.71 11.71 0 0 0 .628-5.543.756.756 0 0 0-1.513.063 13.53 13.53 0 0 1-.775 3.795c-1.567 4.657-3.256 5.667-2.326 6.373 1.108.839 3.43-3.289 3.986-4.688ZM111.503 76.793c.07.794.045 1.594-.073 2.383-.1 1.278-.792 1.93 0 2.364 1.007.553 1.796-1.495 2.104-2.56a5.151 5.151 0 0 0 0-2.563c-.271-.905-1.242-2.692-2.031-2.16-.644.389-.14.482 0 2.536ZM120.877 66.66c-.968-1.527-8.745 4.466-7.346 5.735.754.779 7.942-4.797 7.346-5.736ZM123.463 70.632c-.545-1.935-8.336 2.53-7.236 4.04.68.932 7.525-3.274 7.236-4.04ZM123.757 75.318c-.373-2.044-7.668 1.242-6.497 2.86.571.791 6.651-2.007 6.497-2.86ZM112.831 86.437c.678-.477 6.474-4.07 9.007-5.358a.767.767 0 0 0 .407-.975.773.773 0 0 0-.993-.41c-5.078 1.63-6.871 3.002-9.34 5.715a.704.704 0 0 0-.074.967.72.72 0 0 0 .993.061Z",
   fill: "#2F3941"
-})), _path4$1 || (_path4$1 = /*#__PURE__*/React.createElement("path", {
+})), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
   d: "M165.88 26.397c-17.383-11.1-38.831-12.638-57.227-.69-.123 1.647-.271 3.294-.398 4.945-.195 2.542-.065 4.818-1.698 6.829-2.836 3.496-8.264 3.45-12.662 3.463l3.655 9.744a.947.947 0 0 1-1.219 1.213 38.787 38.787 0 0 1-8.07-4.156c-6.004 10.888-8.656 23.275-6.733 35.233a1.025 1.025 0 0 0 1.035.758c.222 0 9.302-.129 14.73-.297a.89.89 0 0 0 .738-.451c3.328-5.31 3.248-6.483 4.319-6.736.879-.208 1.707.046 2.694-.873a7.761 7.761 0 0 0 1.699-3.08c.7-2.23.714-4.987 2.103-6.531 1.102-1.225 1.955-.374 2.364-1.41 2.511-6.343 6.221-12.609 12.106-16.174 12.109-7.313 29.485-1.24 31.932 13.562a24.549 24.549 0 0 1-7.863 21.994c-4.661 4.315-10.305 7.315-14.101 12.84-9.23 13.26-9.967 29.568-8.492 45.54a1.059 1.059 0 0 0 1.071.961l27.908-.445a1.1 1.1 0 0 0 .999-.709c.052-.135.076-.279.072-.424-.207-8.268-2.928-20.791 1.035-28.74 4.078-8.066 13.791-11.922 19.566-18.908 14.565-17.61 16.305-50.936-9.563-67.458Z",
   fill: "#2F3941"
-})), _path5$1 || (_path5$1 = /*#__PURE__*/React.createElement("path", {
+})), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
   d: "M82.152 42.888c-57.582 1.535-62.383 2.633-66.815 1.366-5.014-1.415-6.08-5.555-6.348-10.444-.328-5.964-.333-9.988-.259-13.083.136-5.67.345-11.92 5.908-13.372 8.51-2.22 82.5-2.5 90.808 1.485.833.4 2.353.831 3.105 6.19.744 5.245.107 10.398-.294 15.63-.196 2.541-.066 4.817-1.699 6.828-2.836 3.496-8.264 3.45-12.661 3.463l3.654 9.744a.947.947 0 0 1-1.219 1.213 42.048 42.048 0 0 1-14.18-9.02Zm12.92 6.467-3.322-8.957a.888.888 0 0 1 .812-1.224 43.68 43.68 0 0 0 8.269-.423c5.855-1.24 5.462-4.765 5.758-8.22.453-5.273 1.116-10.089.406-15.288-.193-1.415-.363-4.407-2.361-5.265-8.272-3.557-81.73-2.594-89.447-.563-4.29 1.128-4.213 6.932-4.32 11.369-.085 3.613.085 9.315.296 12.901.374 6.337 1.875 8.958 8.934 8.95 20.24-.021 41.76-1.264 62.424-1.724a.97.97 0 0 1 .701.277 40.104 40.104 0 0 0 11.854 8.167h-.004ZM42.636 144.643c3.984.36 7.984.51 11.983.448 1.116-21.99.24-53.732.621-54.855-3.231 3.026-2.29 2.3-7.195 6.785-3.736-2.976-5.123-5.16-6.161-5.91.166 1.324-.708 18.735.752 53.532Z",
   fill: "#2F3941"
-})), _path6$1 || (_path6$1 = /*#__PURE__*/React.createElement("path", {
+})), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
   d: "M111.393 88.064c-1.275-1.83-4.562-5.775-6.423-8.395a1.09 1.09 0 0 0-1.426-.312 1.096 1.096 0 0 0-.383.363c-3.496 5.635-9.271 10.208-15.209 13.164-16.03 8.05-21.411-.905-31.489-3.335a1.049 1.049 0 0 0-1.292.905c-.188 1.89.473 34.472-.55 54.636-4 .062-8-.088-11.983-.448-.744-17.71-1.075-35.528-.72-53.393a1.013 1.013 0 0 0-1.255-1.02A38.517 38.517 0 0 0 24.2 99.348c-6.505 6.033-12.42 13.756-14.249 22.359-2.684 12.598 4.175 25.607 13.696 34.131a.986.986 0 0 0 1.329-.022c.337-.331.676-.661 1.018-.99.644 1.286 1.486 1.924 3.362 3.385a26.25 26.25 0 0 1-.874 1.071 1.107 1.107 0 0 0-.115 1.249c3.978 6.686 3.21 15.453 2.584 23.152-.957 10.846-1.363 20.01-1.661 30.13a1.109 1.109 0 0 0 .46.899c-4.025 3.024-11.45 2.572-13.816 4.503a1.883 1.883 0 0 0-.53 2.478c1.429 2.623 5.486 2.248 8.31 2.12 3.111-.163 11.743-.254 13.646-2.493a5.257 5.257 0 0 0 .981-4.152c.67-.713.012-.105 8.08-54.946.7.067 1.404.057 2.102-.03 1.873 10.032 11.944 48.319 12.88 53.09a.764.764 0 0 0 .609.615c-.551 4.331-.093 6.7 4.795 7.67 2.834.534 5.717.76 8.599.673 5.658-.084 6.06.054 7.184-1.394 1.495-2.008.056-3.557-2.098-4.81-3.842-2.238-8.673-1.495-11.5-4.285a.828.828 0 0 0 .421-.786c-2.828-24.368-5.405-44.548-6.605-66.182 4.184-.046 8.082-.171 8.082-.171v-.064a.747.747 0 0 0 .738-.678c-.25 0 .275-5.679-.257-25.086a77.173 77.173 0 0 0 7.825-1.035c15.41-3.073 25.29-16.412 32.263-30.584.091-.172.132-.365.12-.56a1.06 1.06 0 0 0-.185-.54ZM36.078 220.181c-1.33 1.445-9.877 1.428-12.46 1.504-1.426.054-5.259.394-6.194-.852 2.319-1.538 9.94-1.534 13.859-5.55 1.846.623 3.818 1.29 5.514 1.987a4.026 4.026 0 0 1-.719 2.911Zm.303-74.227a1.13 1.13 0 0 0-.96.664 51.451 51.451 0 0 1-5.046 10.179c-1.858-2.027-1.822-2.172-3.017-3.279a137.917 137.917 0 0 1 7.103-6.279.885.885 0 0 0 .222-1.124c-1.295-2.2-.92-.759-5.7-8.702.453-14.267.201-15.065-.909-14.459-3.506 1.893-4.318 4.515-3.875 7.346.744 4.674 7.202 13.905 8.565 16.048-2.408 1.943-5.56 4.692-8.454 7.455a43.808 43.808 0 0 1-10.007-14.067c-4.724-10.777-3.257-19.932 2.92-29.108 5.235-7.773 13.39-15.304 22.628-18.055-.217 17.342.38 36.278 1.265 53.162l-4.735.219Zm-9.17-11.664c-1.631-3.193-2.66-6.574-.04-9.018a34.623 34.623 0 0 0 .04 9.018Zm40.416 80.209c3.112 3.68 8.214 2.99 11.853 5.267.33.211 1.631 1.048 1.584 1.464.316 1.495-13.622.895-15.895-.115-1.396-.593-1.685-1.46-1.76-2.949-.022-.858.005-1.716.083-2.57 4.631-1.302 3.774-1.506 4.135-1.097Zm11.244-96.511c-2.768.587-5.61.871-8.454 1.186a.868.868 0 0 0-.775.875c.207 8.02.555 10.17.555 25.078-3.836.078-10.053.15-13.916 0 1.134-19.658.813-52.273.85-53.268 9.237 2.844 15.331 11.106 31.784 2.955a40.557 40.557 0 0 0 15.203-12.62c.025.025 4.286 5.437 5.131 6.604-6.511 13.283-15.865 26.077-30.378 29.19ZM154.954 155.082a18.691 18.691 0 0 0-13.226-5.386 18.69 18.69 0 0 0-13.169 5.521 18.405 18.405 0 0 0-5.132 15.548c.075.594.19 1.182.345 1.761a65.231 65.231 0 0 1 5.635-4.242.842.842 0 0 1 .969.102.835.835 0 0 1 .214.949c-.51 1.15-1.901 6.526-3.105 10.904a18.651 18.651 0 0 0 13.071 6.673 18.634 18.634 0 0 0 18.245-10.918 18.638 18.638 0 0 0-3.85-20.912h.003Z",
   fill: "#2F3941"
-})), _path7$1 || (_path7$1 = /*#__PURE__*/React.createElement("path", {
+})), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
   d: "M116.743 178.27c2.381-1.961 10.782-8.954 12.661-9.987a.842.842 0 0 1 .969.102.835.835 0 0 1 .214.95c-.746 1.689-3.379 12.401-4.542 15.827a79.12 79.12 0 0 1 .702 12.61c-.077 2.506-.287 4.925-1.772 6.857-3.91 5.082-25.126 6.347-30.899 6.44-3.772.062-7.81.165-10.373-2.605-1.767-1.91-1.985-4.479-2.288-6.971a67.876 67.876 0 0 1-.517-13.427c.295-3.861 1.577-6.808 5.316-7.688 9.223-2.167 21.075-2.293 30.529-2.108Zm11.592-7.167c-2.917 2.261-10.39 8.669-10.522 8.782a1.253 1.253 0 0 1-.738.311c-9.092-.081-21.484.191-30.382 2.3-2.704.644-3.412 2.941-3.618 5.728a64.207 64.207 0 0 0 1.108 16.839 4.975 4.975 0 0 0 4.06 3.591c5.594 1.362 28.355-1.189 32.524-2.977a6.176 6.176 0 0 0 3.838-4.193c.69-2.285.548-7.667.444-10.037-.278-6.325-.863-6.493-.222-6.943.924-2.943 2.51-9.691 3.508-13.401Z",
   fill: "#2F3941"
 })));
@@ -35476,9 +35401,9 @@ const List = _ref => {
   }))));
 };
 
-const _excluded$d = ["questionKinds", "showAddQuestionDivider", "onValueChange", "showActionBlock", "formId", "setShouldValidate", "nonRemovableFields", "requiredFields", "submitButtonProps", "cancelButtonProps"];
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const _excluded$b = ["questionKinds", "showAddQuestionDivider", "onValueChange", "showActionBlock", "formId", "setShouldValidate", "nonRemovableFields", "requiredFields", "submitButtonProps", "cancelButtonProps"];
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Form = _ref => {
   let questionKinds = _ref.questionKinds,
     showAddQuestionDivider = _ref.showAddQuestionDivider,
@@ -35490,7 +35415,7 @@ const Form = _ref => {
     requiredFields = _ref.requiredFields,
     submitButtonProps = _ref.submitButtonProps,
     cancelButtonProps = _ref.cancelButtonProps,
-    formDomProps = _objectWithoutProperties(_ref, _excluded$d);
+    formDomProps = _objectWithoutProperties(_ref, _excluded$b);
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const _useState = useState({}),
@@ -35535,7 +35460,7 @@ const Form = _ref => {
   const handleChangeExpanded = (id, isExpanded) => {
     const nextFieldState = formFieldState[id] ?? {};
     nextFieldState.isExpanded = isExpanded;
-    setFormFieldState(previousState => _objectSpread$a(_objectSpread$a({}, previousState), {}, {
+    setFormFieldState(previousState => _objectSpread$9(_objectSpread$9({}, previousState), {}, {
       [id]: nextFieldState
     }));
   };
@@ -35549,7 +35474,7 @@ const Form = _ref => {
     onChangeExpanded: isExpanded => handleChangeExpanded(item.node_id ?? item.id, isExpanded),
     onDuplicate: () => {
       const newQuestions = insert(item.display_order, duplicateFieldData(item), values.questions);
-      setFieldValue("questions", newQuestions.map((question, index) => _objectSpread$a(_objectSpread$a({}, question), {}, {
+      setFieldValue("questions", newQuestions.map((question, index) => _objectSpread$9(_objectSpread$9({}, question), {}, {
         display_order: index + 1
       })));
     },
@@ -35571,7 +35496,7 @@ const Form = _ref => {
       setDeleteQuestionIndex(null);
     },
     onClose: () => setDeleteQuestionIndex(null)
-  }), /*#__PURE__*/React__default.createElement(Form$1, _extends$6({}, formDomProps, {
+  }), /*#__PURE__*/React__default.createElement(Form$1, _extends$5({}, formDomProps, {
     noValidate: true
   }), hasActiveQuestions ? /*#__PURE__*/React__default.createElement(FieldArray, {
     name: "questions"
@@ -35608,67 +35533,149 @@ const Form = _ref => {
       setFieldValue("questions", nextQuestions, false);
     }
   })), showActionBlock && /*#__PURE__*/React__default.createElement(ActionBlock, {
-    submitButtonProps: _objectSpread$a({
+    submitButtonProps: _objectSpread$9({
       disabled: isSubmitting || !dirty
     }, submitButtonProps),
     cancelButtonProps: cancelButtonProps
   })));
 };
 
-const FormTitleInput = _ref => {
-  let formTitle = _ref.formTitle,
-    onChange = _ref.onChange;
+const requiredLabel = function () {
+  let errorMessage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : instance.t("common.fieldReq", {
+    field: instance.t("questions.common.questionFields.field.label")
+  });
+  return string().required(errorMessage);
+};
+const formValidationSchema = object().shape({
+  questions: array().of(object().shape({
+    label: requiredLabel().when("kind", {
+      is: "textarea",
+      then: requiredLabel(instance.t("common.paragraphCantBeEmpty"))
+    }),
+    kind: string().required(),
+    options_attributes: array().when("kind", (kind, schema) => ["radio", "checkbox", "dropdown"].includes(kind) ? schema.of(object().shape({
+      label: requiredLabel(instance.t("common.fieldReq", {
+        field: instance.t("questions.common.questionFields.field.option")
+      }))
+    })) : schema.notRequired()),
+    highest_rating_label: string().nullable(),
+    average_rating_label: string().nullable(),
+    lowest_rating_label: string().nullable(),
+    terms_link: string().nullable().url(instance.t("common.invalidURL")),
+    privacy_policy_link: string().nullable().url(instance.t("common.invalidURL"))
+  })).required()
+});
+
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const BuildForm = _ref => {
+  let id = _ref.id,
+    onUpdate = _ref.onUpdate,
+    buildRequestArgs = _ref.buildRequestArgs,
+    _ref$showAddQuestionD = _ref.showAddQuestionDivider,
+    showAddQuestionDivider = _ref$showAddQuestionD === void 0 ? true : _ref$showAddQuestionD,
+    _ref$nonRemovableFiel = _ref.nonRemovableFields,
+    nonRemovableFields = _ref$nonRemovableFiel === void 0 ? [] : _ref$nonRemovableFiel,
+    _ref$requiredFields = _ref.requiredFields,
+    requiredFields = _ref$requiredFields === void 0 ? [] : _ref$requiredFields,
+    formDomProps = _ref.formDomProps,
+    _ref$showActionBlock = _ref.showActionBlock,
+    showActionBlock = _ref$showActionBlock === void 0 ? true : _ref$showActionBlock,
+    submitButtonProps = _ref.submitButtonProps,
+    cancelButtonProps = _ref.cancelButtonProps;
   const _useState = useState(false),
     _useState2 = _slicedToArray$4(_useState, 2),
-    isInputActive = _useState2[0],
-    setIsInputActive = _useState2[1];
-  const inputRef = useRef();
-  const _useState3 = useState(formTitle),
-    _useState4 = _slicedToArray$4(_useState3, 2),
-    title = _useState4[0],
-    setTitle = _useState4[1];
-  const debouncedTitle = useDebounce(title, 500);
-  useEffect(() => {
-    setTitle(formTitle);
-  }, [formTitle]);
-  useEffect(() => {
-    if (debouncedTitle !== formTitle) {
-      onChange(debouncedTitle);
+    shouldValidateForm = _useState2[0],
+    setShouldValidateForm = _useState2[1];
+  const queryClient = useQueryClient();
+  const _useUpdateQuestions = useUpdateQuestions({
+      formId: id,
+      onError: error => Toastr.error(error),
+      onSuccess: _ref2 => {
+        let _ref2$notice = _ref2.notice,
+          notice = _ref2$notice === void 0 ? "Questions have been updated successfully!" : _ref2$notice;
+        return Toastr.success(notice);
+      }
+    }),
+    updateQuestions = _useUpdateQuestions.mutateAsync;
+  const _useForm = useForm({
+      formId: id,
+      onSuccess: data => onUpdate?.(data),
+      placeholderData: {
+        isQuestionsLoading: true,
+        questions: [{
+          label: "",
+          kind: "text",
+          node_id: "1"
+        }, {
+          label: "",
+          kind: "email",
+          node_id: "2"
+        }]
+      }
+    }),
+    _useForm$data = _useForm.data,
+    _useForm$data2 = _useForm$data === void 0 ? {
+      title: "",
+      questions: []
+    } : _useForm$data,
+    questions = _useForm$data2.questions,
+    isQuestionsLoading = _useForm$data2.isQuestionsLoading,
+    isLoading = _useForm.isLoading;
+  const handleSubmit = payload => updateQuestions({
+    id,
+    values: _objectSpread$8({
+      neeto_form_question: payload
+    }, buildRequestArgs)
+  });
+  const onValueChange = questions => {
+    const _queryClient$getQuery = queryClient.getQueryState([QUERY_KEYS.QUESTIONS, id]),
+      dataUpdateCount = _queryClient$getQuery.dataUpdateCount;
+    if (dataUpdateCount > 0) {
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, `preview/${id}`], form => _objectSpread$8(_objectSpread$8({}, form), {}, {
+        questions
+      }));
     }
-  }, [debouncedTitle]);
-  const handleChange = event => {
-    setTitle(event.target.value);
   };
-  useEffect(() => {
-    if (isInputActive) inputRef.current.focus();
-  }, [isInputActive]);
-  return isInputActive ? /*#__PURE__*/React__default.createElement("div", {
-    className: "mr-10 flex w-full max-w-md items-center"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "inline-grid"
-  }, /*#__PURE__*/React__default.createElement(Input$4, {
-    className: "max-w-lg flex-grow-0",
-    value: title || "",
-    onChange: handleChange,
-    onBlur: () => setIsInputActive(false),
-    onKeyDown: event => event.key === "Enter" && setIsInputActive(false),
-    placeholder: "Form Name",
-    id: "formTitle",
-    size: "large",
-    ref: inputRef
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: "truncate text-sm invisible h-0 max-w-md px-2"
-  }, title))) : /*#__PURE__*/React__default.createElement("div", {
-    className: "mr-10 w-full max-w-md"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "inline-grid"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "truncate max-w-lg p-2",
-    onClick: () => {
-      setIsInputActive(true);
+  if (isLoading) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex w-full h-full items-center justify-center py-6"
+    }, /*#__PURE__*/React__default.createElement(PageLoader, null));
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "relative"
+  }, /*#__PURE__*/React__default.createElement(Formik, {
+    onSubmit: handleSubmit,
+    initialValues: {
+      questions
     },
-    "data-cy": "add-form-title"
-  }, title)));
+    validationSchema: formValidationSchema,
+    validateOnBlur: shouldValidateForm,
+    validateOnChange: shouldValidateForm,
+    enableReinitialize: true
+  }, _ref3 => {
+    let errors = _ref3.errors,
+      setFieldError = _ref3.setFieldError;
+    return /*#__PURE__*/React__default.createElement(Form, _extends$5({}, formDomProps, {
+      questionKinds: QUESTION_KINDS,
+      nonRemovableFields: nonRemovableFields,
+      requiredFields: requiredFields,
+      formId: id,
+      setShouldValidate: setShouldValidateForm,
+      showAddQuestionDivider: showAddQuestionDivider,
+      onValueChange: onValueChange,
+      showActionBlock: showActionBlock,
+      submitButtonProps: submitButtonProps,
+      cancelButtonProps: cancelButtonProps,
+      onChange: event => {
+        if (!isEmpty(errors)) {
+          setFieldError(event.target.name);
+        }
+      }
+    }));
+  }), isQuestionsLoading && /*#__PURE__*/React__default.createElement("div", {
+    className: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center neeto-ui-bg-gray-100 opacity-75"
+  }, /*#__PURE__*/React__default.createElement(PageLoader, null)));
 };
 
 const isBlank = compose$1(isEmpty, trim$2);
@@ -35702,7 +35709,7 @@ const Spinner = _ref => {
   })));
 };
 
-const _excluded$c = ["label", "loading", "success", "className"];
+const _excluded$a = ["label", "loading", "success", "className"];
 const Button = _ref => {
   let label = _ref.label,
     _ref$loading = _ref.loading,
@@ -35710,8 +35717,8 @@ const Button = _ref => {
     _ref$success = _ref.success,
     success = _ref$success === void 0 ? false : _ref$success,
     className = _ref.className,
-    otherProps = _objectWithoutProperties(_ref, _excluded$c);
-  return /*#__PURE__*/React__default.createElement("button", _extends$6({
+    otherProps = _objectWithoutProperties(_ref, _excluded$a);
+  return /*#__PURE__*/React__default.createElement("button", _extends$5({
     className: classnames("neeto-form-engine-button", className)
   }, otherProps), loading && /*#__PURE__*/React__default.createElement(ButtonLoader, null), success && /*#__PURE__*/React__default.createElement(Success$1, null), label);
 };
@@ -35843,20 +35850,20 @@ const useIsMounted = () => {
   return () => isMounted.current;
 };
 
-var _path$4, _path2$3;
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
-const SvgConfusedFace = props => /*#__PURE__*/React.createElement("svg", _extends$4({
+var _path$3, _path2$2;
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+const SvgConfusedFace = props => /*#__PURE__*/React.createElement("svg", _extends$3({
   width: 32,
   height: 32,
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+}, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
   d: "M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12 12-5.384 12-12S22.616 4 16 4Z",
   stroke: "#68737D",
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round"
-})), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+})), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
   d: "M20.668 20.918S18.916 22.667 16 22.667c-2.918 0-4.667-1.75-4.667-1.75m9.104-8.25a.333.333 0 1 0 .003.666.333.333 0 0 0-.003-.666Zm-8.918 0a.333.333 0 1 0 .003.666.333.333 0 0 0-.004-.666Z",
   stroke: "#68737D",
   strokeWidth: 2,
@@ -35864,26 +35871,26 @@ const SvgConfusedFace = props => /*#__PURE__*/React.createElement("svg", _extend
   strokeLinejoin: "round"
 })));
 
-var _path$3, _path2$2, _path3$1;
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
-const SvgHappyFace = props => /*#__PURE__*/React.createElement("svg", _extends$3({
+var _path$2, _path2$1, _path3;
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+const SvgHappyFace = props => /*#__PURE__*/React.createElement("svg", _extends$2({
   width: 32,
   height: 32,
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+}, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
   d: "M9.332 13.334c.527-.647 1.247-1.014 2-1.014.753 0 1.453.367 2 1.014m5.333 0c.527-.647 1.247-1.014 2-1.014.754 0 1.454.367 2 1.014",
   stroke: "#68737D",
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round"
-})), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
+})), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
   d: "M24.485 7.515c4.687 4.686 4.687 12.284 0 16.97-4.686 4.687-12.284 4.687-16.97 0-4.687-4.686-4.687-12.284 0-16.97 4.686-4.687 12.284-4.687 16.97 0",
   stroke: "#68737D",
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round"
-})), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
+})), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
   d: "M20.665 19.584s-1.75 1.75-4.666 1.75c-2.918 0-4.667-1.75-4.667-1.75",
   stroke: "#68737D",
   strokeWidth: 2,
@@ -35891,20 +35898,20 @@ const SvgHappyFace = props => /*#__PURE__*/React.createElement("svg", _extends$3
   strokeLinejoin: "round"
 })));
 
-var _path$2, _path2$1;
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
-const SvgSadFace = props => /*#__PURE__*/React.createElement("svg", _extends$2({
+var _path$1, _path2;
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+const SvgSadFace = props => /*#__PURE__*/React.createElement("svg", _extends$1({
   width: 32,
   height: 32,
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
+}, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
   d: "M20.667 12v1.333m3.818-5.818c4.687 4.686 4.687 12.284 0 16.97-4.686 4.687-12.284 4.687-16.97 0-4.687-4.686-4.687-12.284 0-16.97 4.686-4.687 12.284-4.687 16.97 0v0ZM11.333 12v1.333V12Z",
   stroke: "#68737D",
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round"
-})), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
   d: "M11.332 21.333s1.75-1.749 4.667-1.749 4.666 1.75 4.666 1.75",
   stroke: "#68737D",
   strokeWidth: 2,
@@ -37972,9 +37979,9 @@ function _unsupportedIterableToArray$9(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$9(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var DEFAULT_OPTIONS = {
@@ -37998,7 +38005,7 @@ var DEFAULT_OPTIONS = {
 function formatNumber$1(input, format, options, metadata) {
   // Apply default options.
   if (options) {
-    options = _objectSpread$9(_objectSpread$9({}, DEFAULT_OPTIONS), options);
+    options = _objectSpread$7(_objectSpread$7({}, DEFAULT_OPTIONS), options);
   } else {
     options = DEFAULT_OPTIONS;
   }
@@ -38143,9 +38150,9 @@ function formatIDD(nationalNumber, carrierCode, countryCallingCode, fromCountry,
   }
 }
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -38243,7 +38250,7 @@ var PhoneNumber = /*#__PURE__*/function () {
   }, {
     key: "format",
     value: function format(_format, options) {
-      return formatNumber$1(this, _format, options ? _objectSpread$8(_objectSpread$8({}, options), {}, {
+      return formatNumber$1(this, _format, options ? _objectSpread$6(_objectSpread$6({}, options), {}, {
         v2: true
       }) : {
         v2: true
@@ -39021,22 +39028,22 @@ function parsePhoneNumber$1(formattedPhoneNumber, defaultCountry, defaultCalling
   };
 }
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function parsePhoneNumber(text, options, metadata) {
-  return parse$1(text, _objectSpread$7(_objectSpread$7({}, options), {}, {
+  return parse$1(text, _objectSpread$5(_objectSpread$5({}, options), {}, {
     v2: true
   }), metadata);
 }
 
 function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -39080,7 +39087,7 @@ function normalizeArguments(args) {
     }
 
     if (arg_2) {
-      options = _objectSpread$6({
+      options = _objectSpread$4({
         defaultCountry: arg_2
       }, options);
     }
@@ -39108,15 +39115,15 @@ var isObject = function isObject(_) {
   return _typeof$1(_) === 'object';
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function parsePhoneNumberFromString$2(text, options, metadata) {
   // Validate `defaultCountry`.
   if (options && options.defaultCountry && !isSupportedCountry(options.defaultCountry, metadata)) {
-    options = _objectSpread$5(_objectSpread$5({}, options), {}, {
+    options = _objectSpread$3(_objectSpread$3({}, options), {}, {
       defaultCountry: undefined
     });
   } // Parse phone number.
@@ -39820,9 +39827,9 @@ function _unsupportedIterableToArray$5(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$5(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -39933,7 +39940,7 @@ var PhoneNumberMatcher$1 = /*#__PURE__*/function () {
 
     _classCallCheck$7(this, PhoneNumberMatcher);
 
-    options = _objectSpread$4(_objectSpread$4({}, options), {}, {
+    options = _objectSpread$2(_objectSpread$2({}, options), {}, {
       defaultCallingCode: options.defaultCallingCode,
       defaultCountry: options.defaultCountry && isSupportedCountry(options.defaultCountry, metadata) ? options.defaultCountry : undefined,
       leniency: options.leniency || options.extended ? 'POSSIBLE' : 'VALID',
@@ -42810,8 +42817,8 @@ function PhoneNumberSearch(text, options) {
 PhoneNumberSearch.prototype = Object.create(PhoneNumberSearch$1.prototype, {});
 PhoneNumberSearch.prototype.constructor = PhoneNumberSearch;
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const getLabel = (label, isRequired) => isRequired ? `${label}*` : label;
 const generateInitValues = function (questions) {
   let initialValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -42819,7 +42826,7 @@ const generateInitValues = function (questions) {
   const initValues = {};
   let valuesMap = {};
   if (initialValues) {
-    valuesMap = initialValues.reduce((acc, answer) => _objectSpread$3(_objectSpread$3({}, acc), {}, {
+    valuesMap = initialValues.reduce((acc, answer) => _objectSpread$1(_objectSpread$1({}, acc), {}, {
       [answer.question_id]: {
         value: answer.value,
         optionIds: answer.option_ids
@@ -43005,7 +43012,7 @@ const validateFieldValue = _ref7 => {
   );
 };
 
-const _excluded$b = ["value"];
+const _excluded$9 = ["value"];
 dayjs$1.extend(require$$5);
 dayjs$1.extend(require$$3$1);
 dayjs$1.extend(require$$4$1);
@@ -43043,9 +43050,9 @@ const DateField = _ref => {
     let meta = _ref2.meta,
       _ref2$field = _ref2.field,
       value = _ref2$field.value,
-      field = _objectWithoutProperties(_ref2$field, _excluded$b),
+      field = _objectWithoutProperties(_ref2$field, _excluded$9),
       form = _ref2.form;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DatePicker, _extends$6({
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DatePicker, _extends$5({
       popupClassName: "neeto-form-engine-date-picker-popup",
       className: classnames({
         "neeto-form-engine-input--error": meta.touched && meta.error
@@ -43101,7 +43108,7 @@ const Choices = _ref => {
   }, error));
 };
 
-var _excluded$a = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
+var _excluded$8 = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref) {
   var _ref$defaultInputValu = _ref.defaultInputValue,
     defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,
@@ -43116,7 +43123,7 @@ function useStateManager(_ref) {
     propsOnMenuClose = _ref.onMenuClose,
     propsOnMenuOpen = _ref.onMenuOpen,
     propsValue = _ref.value,
-    restSelectProps = _objectWithoutProperties(_ref, _excluded$a);
+    restSelectProps = _objectWithoutProperties(_ref, _excluded$8);
   var _useState = useState(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
     _useState2 = _slicedToArray$4(_useState, 2),
     stateInputValue = _useState2[0],
@@ -45853,7 +45860,7 @@ var Menu = function Menu(props) {
   var children = props.children,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'menu', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'menu', {
     menu: true
   }), {
     ref: innerRef
@@ -45883,7 +45890,7 @@ var MenuList = function MenuList(props) {
     innerProps = props.innerProps,
     innerRef = props.innerRef,
     isMulti = props.isMulti;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'menuList', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'menuList', {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
@@ -45911,7 +45918,7 @@ var loadingMessageCSS = noticeCSS;
 var NoOptionsMessage = function NoOptionsMessage(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'noOptionsMessage', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'noOptionsMessage', {
     'menu-notice': true,
     'menu-notice--no-options': true
   }), innerProps), children);
@@ -45922,7 +45929,7 @@ NoOptionsMessage.defaultProps = {
 var LoadingMessage = function LoadingMessage(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'loadingMessage', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'loadingMessage', {
     'menu-notice': true,
     'menu-notice--loading': true
   }), innerProps), children);
@@ -46007,7 +46014,7 @@ var MenuPortal = function MenuPortal(props) {
   if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
 
   // same wrapper element whether fixed or portalled
-  var menuWrapper = jsx("div", _extends$6({
+  var menuWrapper = jsx("div", _extends$5({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -46041,7 +46048,7 @@ var SelectContainer = function SelectContainer(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     isRtl = props.isRtl;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'container', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'container', {
     '--is-disabled': isDisabled,
     '--is-rtl': isRtl
   }), innerProps), children);
@@ -46073,7 +46080,7 @@ var ValueContainer = function ValueContainer(props) {
     innerProps = props.innerProps,
     isMulti = props.isMulti,
     hasValue = props.hasValue;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'valueContainer', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
@@ -46095,7 +46102,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS() {
 var IndicatorsContainer = function IndicatorsContainer(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'indicatorsContainer', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'indicatorsContainer', {
     indicators: true
   }), innerProps), children);
 };
@@ -46113,7 +46120,7 @@ var _ref2$2 = {
 var Svg = function Svg(_ref) {
   var size = _ref.size,
     props = _objectWithoutProperties(_ref, _excluded$2$1);
-  return jsx("svg", _extends$6({
+  return jsx("svg", _extends$5({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -46123,14 +46130,14 @@ var Svg = function Svg(_ref) {
   }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-  return jsx(Svg, _extends$6({
+  return jsx(Svg, _extends$5({
     size: 20
   }, props), jsx("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron(props) {
-  return jsx(Svg, _extends$6({
+  return jsx(Svg, _extends$5({
     size: 20
   }, props), jsx("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
@@ -46162,7 +46169,7 @@ var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'dropdownIndicator', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'dropdownIndicator', {
     indicator: true,
     'dropdown-indicator': true
   }), innerProps), children || jsx(DownChevron, null));
@@ -46171,7 +46178,7 @@ var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'clearIndicator', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'clearIndicator', {
     indicator: true,
     'clear-indicator': true
   }), innerProps), children || jsx(CrossIcon, null));
@@ -46198,7 +46205,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator(props) {
   var innerProps = props.innerProps;
-  return jsx("span", _extends$6({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
+  return jsx("span", _extends$5({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
     'indicator-separator': true
   })));
 };
@@ -46248,7 +46255,7 @@ var LoadingDot = function LoadingDot(_ref6) {
 var LoadingIndicator = function LoadingIndicator(props) {
   var innerProps = props.innerProps,
     isRtl = props.isRtl;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'loadingIndicator', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'loadingIndicator', {
     indicator: true,
     'loading-indicator': true
   }), innerProps), jsx(LoadingDot, {
@@ -46303,7 +46310,7 @@ var Control = function Control(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen;
-  return jsx("div", _extends$6({
+  return jsx("div", _extends$5({
     ref: innerRef
   }, getStyleProps(props, 'control', {
     control: true,
@@ -46332,9 +46339,9 @@ var Group = function Group(props) {
     label = props.label,
     theme = props.theme,
     selectProps = props.selectProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'group', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'group', {
     group: true
-  }), innerProps), jsx(Heading, _extends$6({}, headingProps, {
+  }), innerProps), jsx(Heading, _extends$5({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
@@ -46364,12 +46371,12 @@ var GroupHeading = function GroupHeading(props) {
   var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
     var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
-  return jsx("div", _extends$6({}, getStyleProps(props, 'groupHeading', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'groupHeading', {
     'group-heading': true
   }), innerProps));
 };
 
-var _excluded$9 = ["innerRef", "isDisabled", "isHidden", "inputClassName"];
+var _excluded$7 = ["innerRef", "isDisabled", "isHidden", "inputClassName"];
 var inputCSS = function inputCSS(_ref, unstyled) {
   var isDisabled = _ref.isDisabled,
     value = _ref.value,
@@ -46425,12 +46432,12 @@ var Input$1 = function Input(props) {
     isDisabled = _cleanCommonProps.isDisabled,
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
-    innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$9);
-  return jsx("div", _extends$6({}, getStyleProps(props, 'input', {
+    innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$7);
+  return jsx("div", _extends$5({}, getStyleProps(props, 'input', {
     'input-container': true
   }), {
     "data-value": value || ''
-  }), jsx("input", _extends$6({
+  }), jsx("input", _extends$5({
     className: cx({
       input: true
     }, inputClassName),
@@ -46502,7 +46509,7 @@ var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
-  return jsx("div", _extends$6({
+  return jsx("div", _extends$5({
     role: "button"
   }, innerProps), children || jsx(CrossIcon, {
     size: 14
@@ -46575,7 +46582,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'option', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'option', {
     option: true,
     'option--is-disabled': isDisabled,
     'option--is-focused': isFocused,
@@ -46602,7 +46609,7 @@ var placeholderCSS = function placeholderCSS(_ref, unstyled) {
 var Placeholder = function Placeholder(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'placeholder', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'placeholder', {
     placeholder: true
   }), innerProps), children);
 };
@@ -46629,7 +46636,7 @@ var SingleValue = function SingleValue(props) {
   var children = props.children,
     isDisabled = props.isDisabled,
     innerProps = props.innerProps;
-  return jsx("div", _extends$6({}, getStyleProps(props, 'singleValue', {
+  return jsx("div", _extends$5({}, getStyleProps(props, 'singleValue', {
     'single-value': true,
     'single-value--is-disabled': isDisabled
   }), innerProps), children);
@@ -46722,7 +46729,7 @@ var _ref = {
   styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"
 } ;
 var A11yText = function A11yText(props) {
-  return jsx("span", _extends$6({
+  return jsx("span", _extends$5({
     css: _ref
   }, props));
 };
@@ -47222,13 +47229,13 @@ var createFilter = function createFilter(config) {
   };
 };
 
-var _excluded$8 = ["innerRef"];
+var _excluded$6 = ["innerRef"];
 function DummyInput(_ref) {
   var innerRef = _ref.innerRef,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   // Remove animation props not meant for HTML elements
   var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
-  return jsx("input", _extends$6({
+  return jsx("input", _extends$5({
     ref: innerRef
   }, filteredProps, {
     css: /*#__PURE__*/css$2({
@@ -48720,7 +48727,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/React.createElement(DummyInput, _extends$6({
+        return /*#__PURE__*/React.createElement(DummyInput, _extends$5({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -48733,7 +48740,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
           value: ""
         }, ariaAttributes));
       }
-      return /*#__PURE__*/React.createElement(Input, _extends$6({}, commonProps, {
+      return /*#__PURE__*/React.createElement(Input, _extends$5({}, commonProps, {
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -48774,7 +48781,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         focusedValue = _this$state5.focusedValue,
         isFocused = _this$state5.isFocused;
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/React.createElement(Placeholder, _extends$6({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/React.createElement(Placeholder, _extends$5({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused,
@@ -48787,7 +48794,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         return selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
           var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /*#__PURE__*/React.createElement(MultiValue, _extends$6({}, commonProps, {
+          return /*#__PURE__*/React.createElement(MultiValue, _extends$5({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -48816,7 +48823,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         return null;
       }
       var singleValue = selectValue[0];
-      return /*#__PURE__*/React.createElement(SingleValue, _extends$6({}, commonProps, {
+      return /*#__PURE__*/React.createElement(SingleValue, _extends$5({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -48839,7 +48846,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React.createElement(ClearIndicator, _extends$6({}, commonProps, {
+      return /*#__PURE__*/React.createElement(ClearIndicator, _extends$5({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -48858,7 +48865,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React.createElement(LoadingIndicator, _extends$6({}, commonProps, {
+      return /*#__PURE__*/React.createElement(LoadingIndicator, _extends$5({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -48876,7 +48883,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React.createElement(IndicatorSeparator, _extends$6({}, commonProps, {
+      return /*#__PURE__*/React.createElement(IndicatorSeparator, _extends$5({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -48895,7 +48902,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React.createElement(DropdownIndicator, _extends$6({}, commonProps, {
+      return /*#__PURE__*/React.createElement(DropdownIndicator, _extends$5({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -48957,7 +48964,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
           onMouseOver: onHover,
           tabIndex: -1
         };
-        return /*#__PURE__*/React.createElement(Option, _extends$6({}, commonProps, {
+        return /*#__PURE__*/React.createElement(Option, _extends$5({}, commonProps, {
           innerProps: innerProps,
           data: data,
           isDisabled: isDisabled,
@@ -48979,7 +48986,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
               groupIndex = item.index;
             var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
             var headingId = "".concat(groupId, "-heading");
-            return /*#__PURE__*/React.createElement(Group, _extends$6({}, commonProps, {
+            return /*#__PURE__*/React.createElement(Group, _extends$5({}, commonProps, {
               key: groupId,
               data: _data,
               options: options,
@@ -49016,12 +49023,12 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/React.createElement(MenuPlacer, _extends$6({}, commonProps, menuPlacementProps), function (_ref4) {
+      var menuElement = /*#__PURE__*/React.createElement(MenuPlacer, _extends$5({}, commonProps, menuPlacementProps), function (_ref4) {
         var ref = _ref4.ref,
           _ref4$placerProps = _ref4.placerProps,
           placement = _ref4$placerProps.placement,
           maxHeight = _ref4$placerProps.maxHeight;
-        return /*#__PURE__*/React.createElement(Menu, _extends$6({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/React.createElement(Menu, _extends$5({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this4.onMenuMouseDown,
@@ -49036,7 +49043,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
           onBottomArrive: onMenuScrollToBottom,
           lockEnabled: menuShouldBlockScroll
         }, function (scrollTargetRef) {
-          return /*#__PURE__*/React.createElement(MenuList, _extends$6({}, commonProps, {
+          return /*#__PURE__*/React.createElement(MenuList, _extends$5({}, commonProps, {
             innerRef: function innerRef(instance) {
               _this4.getMenuListRef(instance);
               scrollTargetRef(instance);
@@ -49051,7 +49058,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
       // positioning behaviour is almost identical for portalled and fixed,
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React.createElement(MenuPortal, _extends$6({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React.createElement(MenuPortal, _extends$5({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -49121,7 +49128,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         isFocused = _this$state6.isFocused,
         selectValue = _this$state6.selectValue;
       var focusableOptions = this.getFocusableOptions();
-      return /*#__PURE__*/React.createElement(LiveRegion, _extends$6({}, commonProps, {
+      return /*#__PURE__*/React.createElement(LiveRegion, _extends$5({}, commonProps, {
         id: this.getElementId('live-region'),
         ariaSelection: ariaSelection,
         focusedOption: focusedOption,
@@ -49146,7 +49153,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         menuIsOpen = _this$props14.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/React.createElement(SelectContainer, _extends$6({}, commonProps, {
+      return /*#__PURE__*/React.createElement(SelectContainer, _extends$5({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -49154,7 +49161,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/React.createElement(Control, _extends$6({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/React.createElement(Control, _extends$5({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -49163,9 +49170,9 @@ var Select$1 = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/React.createElement(ValueContainer, _extends$6({}, commonProps, {
+      }), /*#__PURE__*/React.createElement(ValueContainer, _extends$5({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React.createElement(IndicatorsContainer, _extends$6({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React.createElement(IndicatorsContainer, _extends$5({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -49232,12 +49239,12 @@ Select$1.defaultProps = defaultProps;
 
 var StateManagedSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var baseSelectProps = useStateManager(props);
-  return /*#__PURE__*/React.createElement(Select$1, _extends$6({
+  return /*#__PURE__*/React.createElement(Select$1, _extends$5({
     ref: ref
   }, baseSelectProps));
 });
 
-const _excluded$7 = ["size", "label", "error", "helpText", "className", "innerRef"];
+const _excluded$5 = ["size", "label", "error", "helpText", "className", "innerRef"];
 const sizes = {
   small: "small",
   large: "large"
@@ -49254,8 +49261,8 @@ const Select = _ref => {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     innerRef = _ref.innerRef,
-    otherProps = _objectWithoutProperties(_ref, _excluded$7);
-  const CustomInput = props => /*#__PURE__*/React__default.createElement(components.Input, _extends$6({}, props, {
+    otherProps = _objectWithoutProperties(_ref, _excluded$5);
+  const CustomInput = props => /*#__PURE__*/React__default.createElement(components.Input, _extends$5({}, props, {
     "data-test-id": otherProps && otherProps["data-test-id"],
     "data-cy": otherProps && otherProps["data-cy"]
   }));
@@ -49265,7 +49272,7 @@ const Select = _ref => {
     className: "neeto-form-engine-input__label-wrapper"
   }, label && /*#__PURE__*/React__default.createElement("label", {
     className: "neeto-form-engine-label"
-  }, label)), /*#__PURE__*/React__default.createElement(StateManagedSelect, _extends$6({
+  }, label)), /*#__PURE__*/React__default.createElement(StateManagedSelect, _extends$5({
     ref: innerRef,
     className: classnames(["neeto-form-engine-react-select__container"], {
       "neeto-form-engine-react-select__container--error": !!error && typeof error === "string",
@@ -49330,7 +49337,7 @@ const OptionsField = _ref => {
   });
 };
 
-const _excluded$6 = ["name", "label", "error", "lowestRatingLabel", "averageRatingLabel", "highestRatingLabel", "value"];
+const _excluded$4 = ["name", "label", "error", "lowestRatingLabel", "averageRatingLabel", "highestRatingLabel", "value"];
 const Rating = _ref => {
   let name = _ref.name,
     label = _ref.label,
@@ -49339,7 +49346,7 @@ const Rating = _ref => {
     averageRatingLabel = _ref.averageRatingLabel,
     highestRatingLabel = _ref.highestRatingLabel,
     value = _ref.value,
-    other = _objectWithoutProperties(_ref, _excluded$6);
+    other = _objectWithoutProperties(_ref, _excluded$4);
   const handleClick = e => e.currentTarget.nextElementSibling.click();
   const render = () => {
     const labels = [highestRatingLabel, averageRatingLabel, lowestRatingLabel];
@@ -49357,7 +49364,7 @@ const Rating = _ref => {
         })
       }, /*#__PURE__*/React__default.createElement(Icon, null), /*#__PURE__*/React__default.createElement("label", {
         className: "neeto-form-engine-label"
-      }, labels[index])), /*#__PURE__*/React__default.createElement("input", _extends$6({
+      }, labels[index])), /*#__PURE__*/React__default.createElement("input", _extends$5({
         type: "radio",
         name: name,
         hidden: true,
@@ -49396,7 +49403,7 @@ const RatingField = _ref => {
   }, _ref2 => {
     let meta = _ref2.meta,
       field = _ref2.field;
-    return /*#__PURE__*/React__default.createElement(Rating, _extends$6({
+    return /*#__PURE__*/React__default.createElement(Rating, _extends$5({
       label: getLabel(label, isRequired),
       lowestRatingLabel: lowestRatingLabel || RATING_VALUES.BAD.label,
       averageRatingLabel: averageRatingLabel || RATING_VALUES.AVERAGE.label,
@@ -49406,7 +49413,7 @@ const RatingField = _ref => {
   });
 };
 
-const _excluded$5 = ["value", "shape", "label", "rating", "count"],
+const _excluded$3 = ["value", "shape", "label", "rating", "count"],
   _excluded2 = ["label", "count", "shape", "error"];
 const ICONS_MAP = {
   star: Star,
@@ -49422,7 +49429,7 @@ const RatingButton = _ref => {
     label = _ref.label,
     rating = _ref.rating,
     count = _ref.count,
-    otherProps = _objectWithoutProperties(_ref, _excluded$5);
+    otherProps = _objectWithoutProperties(_ref, _excluded$3);
   const handleClick = e => e.currentTarget.nextElementSibling.click();
   const Icon = ICONS_MAP[shape];
   const selectedRating = value ? String(value).split(" / ")[0] : 0;
@@ -49439,7 +49446,7 @@ const RatingButton = _ref => {
     })
   }), /*#__PURE__*/React__default.createElement("label", {
     className: "neeto-form-engine-label"
-  }, label)), /*#__PURE__*/React__default.createElement("input", _extends$6({
+  }, label)), /*#__PURE__*/React__default.createElement("input", _extends$5({
     type: "radio",
     hidden: true,
     value: `${rating} / ${count}`,
@@ -49458,7 +49465,7 @@ const StarRating = _ref2 => {
     className: "neeto-form-engine-label"
   }, label), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-form-engine-star-rating__row"
-  }, times(index => /*#__PURE__*/React__default.createElement(RatingButton, _extends$6({
+  }, times(index => /*#__PURE__*/React__default.createElement(RatingButton, _extends$5({
     shape: shape,
     label: index + 1,
     rating: index + 1,
@@ -49487,7 +49494,7 @@ const StarRatingField = _ref => {
   }, _ref2 => {
     let meta = _ref2.meta,
       field = _ref2.field;
-    return /*#__PURE__*/React__default.createElement(StarRating, _extends$6({
+    return /*#__PURE__*/React__default.createElement(StarRating, _extends$5({
       label: getLabel(label, isRequired),
       name: name,
       count: count,
@@ -49497,18 +49504,18 @@ const StarRatingField = _ref => {
   });
 };
 
-const _excluded$4 = ["name", "label", "error", "value"];
+const _excluded$2 = ["name", "label", "error", "value"];
 const Terms = (_ref, ref) => {
   let name = _ref.name,
     label = _ref.label,
     error = _ref.error,
     value = _ref.value,
-    otherProps = _objectWithoutProperties(_ref, _excluded$4);
+    otherProps = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-form-engine-terms"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-form-engine-choice"
-  }, /*#__PURE__*/React__default.createElement("input", _extends$6({
+  }, /*#__PURE__*/React__default.createElement("input", _extends$5({
     id: "terms-and-condition",
     required: true,
     ref: ref,
@@ -49543,7 +49550,7 @@ const TermsField = _ref => {
   }, _ref2 => {
     let meta = _ref2.meta,
       field = _ref2.field;
-    return /*#__PURE__*/React__default.createElement(Terms$1, _extends$6({}, field, {
+    return /*#__PURE__*/React__default.createElement(Terms$1, _extends$5({}, field, {
       error: meta.touched ? meta.error : "",
       name: name,
       label: label,
@@ -49553,7 +49560,7 @@ const TermsField = _ref => {
   });
 };
 
-const _excluded$3 = ["label", "type", "error", "suffix", "prefix", "disabled", "className", "required"];
+const _excluded$1 = ["label", "type", "error", "suffix", "prefix", "disabled", "className", "required"];
 const Input = (props, ref) => {
   const _props$label = props.label,
     label = _props$label === void 0 ? "" : _props$label,
@@ -49571,7 +49578,7 @@ const Input = (props, ref) => {
     className = _props$className === void 0 ? "" : _props$className,
     _props$required = props.required,
     required = _props$required === void 0 ? false : _props$required,
-    otherProps = _objectWithoutProperties(props, _excluded$3);
+    otherProps = _objectWithoutProperties(props, _excluded$1);
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(["neeto-form-engine-input__wrapper", className])
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -49585,7 +49592,7 @@ const Input = (props, ref) => {
     })
   }, prefix && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-form-engine-input__prefix"
-  }, prefix), /*#__PURE__*/React__default.createElement("input", _extends$6({
+  }, prefix), /*#__PURE__*/React__default.createElement("input", _extends$5({
     ref: ref,
     type: type,
     disabled: disabled,
@@ -49599,7 +49606,7 @@ const Input = (props, ref) => {
 };
 var FormInput = /*#__PURE__*/React__default.forwardRef(Input);
 
-const _excluded$2 = ["label", "error", "suffix", "prefix", "disabled", "className", "required"];
+const _excluded = ["label", "error", "suffix", "prefix", "disabled", "className", "required"];
 const Textarea = props => {
   const textareaRef = useRef(null);
   const _props$label = props.label,
@@ -49616,7 +49623,7 @@ const Textarea = props => {
     className = _props$className === void 0 ? "" : _props$className,
     _props$required = props.required,
     required = _props$required === void 0 ? false : _props$required,
-    otherProps = _objectWithoutProperties(props, _excluded$2);
+    otherProps = _objectWithoutProperties(props, _excluded);
   useEffect(() => {
     textareaRef.current.style.minHeight = "22px";
     textareaRef.current.style.height = "auto";
@@ -49636,7 +49643,7 @@ const Textarea = props => {
     })
   }, prefix && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-form-engine-input__prefix"
-  }, prefix), /*#__PURE__*/React__default.createElement("textarea", _extends$6({
+  }, prefix), /*#__PURE__*/React__default.createElement("textarea", _extends$5({
     ref: textareaRef,
     disabled: disabled,
     required: required,
@@ -49673,7 +49680,7 @@ const TextField = _ref => {
   }, _ref2 => {
     let meta = _ref2.meta,
       field = _ref2.field;
-    return /*#__PURE__*/React__default.createElement(Component, _extends$6({
+    return /*#__PURE__*/React__default.createElement(Component, _extends$5({
       label: getLabel(label, isRequired),
       error: meta.touched ? meta.error : "",
       required: isRequired,
@@ -49712,15 +49719,15 @@ const getFieldComponent = _ref2 => {
   return () => null;
 };
 
-var _path$1, _defs;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
-const SvgSuccess = props => /*#__PURE__*/React.createElement("svg", _extends$1({
+var _path, _defs;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SvgSuccess = props => /*#__PURE__*/React.createElement("svg", _extends({
   width: 80,
   height: 80,
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink"
-}, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   fill: "url(#Success_svg__a)",
   d: "M0 0h80v80H0z"
 })), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
@@ -49750,8 +49757,8 @@ const Success = () => {
   }, t("successPage.title2")));
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const ExternalForm = _ref => {
   let _ref$preview = _ref.preview,
     preview = _ref$preview === void 0 ? false : _ref$preview,
@@ -49863,7 +49870,7 @@ const ExternalForm = _ref => {
           } else {
             data = await createSubmission({
               formId,
-              values: _objectSpread$2({
+              values: _objectSpread({
                 neeto_form_response: {
                   responses
                 }
@@ -49936,7 +49943,7 @@ const ExternalForm = _ref => {
   }
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showTitle && /*#__PURE__*/React__default.createElement("div", {
     className: "py-6 text-center"
-  }, /*#__PURE__*/React__default.createElement(Typography, _extends$6({
+  }, /*#__PURE__*/React__default.createElement(Typography, _extends$5({
     style: "h4",
     weight: "semibold",
     className: "neeto-ui-text-gray-800"
@@ -49963,7 +49970,7 @@ const ExternalForm = _ref => {
       onError: handleScrollToError,
       formId: formId,
       preserveValues: preserveValues
-    }, /*#__PURE__*/React__default.createElement(Form$1, _extends$6({
+    }, /*#__PURE__*/React__default.createElement(Form$1, _extends$5({
       ref: formRef,
       noValidate: true,
       onChange: event => {
@@ -49991,15 +49998,15 @@ const ExternalForm = _ref => {
       weight: "semibold"
     }, t("questions.common.notFound"))), footer, !isEmpty(renderedQuestions) && /*#__PURE__*/React__default.createElement("div", {
       className: "flex justify-start items-center gap-x-2 mt-8"
-    }, /*#__PURE__*/React__default.createElement(Button$1, _extends$6({
+    }, /*#__PURE__*/React__default.createElement(Button$1, _extends$5({
       type: "submit",
       loading: isSubmitting,
       disabled: isSubmitting || isSubmitted
-    }, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default.createElement(Button$1, _extends$6({
+    }, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default.createElement(Button$1, _extends$5({
       type: "reset",
       label: "Reset",
       style: "secondary"
-    }, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default.createElement(Button$1, _extends$6({
+    }, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default.createElement(Button$1, _extends$5({
       label: "Cancel"
     }, cancelButtonProps)))), !customSubmitHandler && /*#__PURE__*/React__default.createElement(Callout, {
       callout: {
@@ -50011,221 +50018,6 @@ const ExternalForm = _ref => {
     }));
   }));
 };
-const ExternalFormWithId = props => {
-  const _useParams = useParams(),
-    id = _useParams.id;
-  return /*#__PURE__*/React__default.createElement(ExternalForm, _extends$6({}, props, {
-    formId: id,
-    className: "p-4"
-  }));
-};
-
-const Preview = _ref => {
-  let isOpen = _ref.isOpen,
-    onClose = _ref.onClose;
-  return /*#__PURE__*/React__default.createElement(Modal, {
-    isOpen: isOpen,
-    onClose: onClose,
-    size: "large"
-  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    variant: "h5",
-    weight: "bold"
-  }, "Preview")), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement(ExternalFormWithId, {
-    preview: true,
-    className: "p-4"
-  })), /*#__PURE__*/React__default.createElement(Modal.Footer, null));
-};
-
-const requiredLabel = function () {
-  let errorMessage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : instance.t("common.fieldReq", {
-    field: instance.t("questions.common.questionFields.field.label")
-  });
-  return string().required(errorMessage);
-};
-const formValidationSchema = object().shape({
-  questions: array().of(object().shape({
-    label: requiredLabel().when("kind", {
-      is: "textarea",
-      then: requiredLabel(instance.t("common.paragraphCantBeEmpty"))
-    }),
-    kind: string().required(),
-    options_attributes: array().when("kind", (kind, schema) => ["radio", "checkbox", "dropdown"].includes(kind) ? schema.of(object().shape({
-      label: requiredLabel(instance.t("common.fieldReq", {
-        field: instance.t("questions.common.questionFields.field.option")
-      }))
-    })) : schema.notRequired()),
-    highest_rating_label: string().nullable(),
-    average_rating_label: string().nullable(),
-    lowest_rating_label: string().nullable(),
-    terms_link: string().nullable().url(instance.t("common.invalidURL")),
-    privacy_policy_link: string().nullable().url(instance.t("common.invalidURL"))
-  })).required()
-});
-
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const BuildForm = _ref => {
-  let isEmbedded = _ref.isEmbedded,
-    id = _ref.id,
-    onUpdate = _ref.onUpdate,
-    buildRequestArgs = _ref.buildRequestArgs,
-    _ref$showAddQuestionD = _ref.showAddQuestionDivider,
-    showAddQuestionDivider = _ref$showAddQuestionD === void 0 ? true : _ref$showAddQuestionD,
-    _ref$nonRemovableFiel = _ref.nonRemovableFields,
-    nonRemovableFields = _ref$nonRemovableFiel === void 0 ? [] : _ref$nonRemovableFiel,
-    _ref$requiredFields = _ref.requiredFields,
-    requiredFields = _ref$requiredFields === void 0 ? [] : _ref$requiredFields,
-    formDomProps = _ref.formDomProps,
-    _ref$showActionBlock = _ref.showActionBlock,
-    showActionBlock = _ref$showActionBlock === void 0 ? true : _ref$showActionBlock,
-    submitButtonProps = _ref.submitButtonProps,
-    cancelButtonProps = _ref.cancelButtonProps;
-  const _useState = useState(false),
-    _useState2 = _slicedToArray$4(_useState, 2),
-    isPreviewModalOpen = _useState2[0],
-    setIsPreviewModalOpen = _useState2[1];
-  const _useState3 = useState(false),
-    _useState4 = _slicedToArray$4(_useState3, 2),
-    shouldValidateForm = _useState4[0],
-    setShouldValidateForm = _useState4[1];
-  const queryClient = useQueryClient();
-  const _useUpdateQuestions = useUpdateQuestions({
-      formId: id,
-      onError: error => Toastr.error(error),
-      onSuccess: _ref2 => {
-        let _ref2$notice = _ref2.notice,
-          notice = _ref2$notice === void 0 ? "Questions have been updated successfully!" : _ref2$notice;
-        return Toastr.success(notice);
-      }
-    }),
-    updateQuestions = _useUpdateQuestions.mutateAsync;
-  const _useForm = useForm({
-      formId: id,
-      onSuccess: data => onUpdate?.(data),
-      placeholderData: {
-        isQuestionsLoading: true,
-        questions: [{
-          label: "",
-          kind: "text",
-          node_id: "1"
-        }, {
-          label: "",
-          kind: "email",
-          node_id: "2"
-        }]
-      }
-    }),
-    _useForm$data = _useForm.data,
-    _useForm$data2 = _useForm$data === void 0 ? {
-      title: "",
-      questions: []
-    } : _useForm$data,
-    title = _useForm$data2.title,
-    questions = _useForm$data2.questions,
-    isQuestionsLoading = _useForm$data2.isQuestionsLoading,
-    isLoading = _useForm.isLoading;
-  const _useUpdateForm = useUpdateForm({
-      onError: Toastr.error
-    }),
-    updateFormTitle = _useUpdateForm.mutate;
-  const updateForm = values => {
-    updateFormTitle({
-      id,
-      values
-    });
-  };
-  const handleSubmit = payload => updateQuestions({
-    id,
-    values: _objectSpread$1({
-      neeto_form_question: payload
-    }, buildRequestArgs)
-  });
-  const onValueChange = questions => {
-    const _queryClient$getQuery = queryClient.getQueryState([QUERY_KEYS.QUESTIONS, id]),
-      dataUpdateCount = _queryClient$getQuery.dataUpdateCount;
-    if (dataUpdateCount > 0) {
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, `preview/${id}`], form => _objectSpread$1(_objectSpread$1({}, form), {}, {
-        questions
-      }));
-    }
-  };
-  const renderForm = () => /*#__PURE__*/React__default.createElement("div", {
-    className: "relative"
-  }, /*#__PURE__*/React__default.createElement(Formik, {
-    onSubmit: handleSubmit,
-    initialValues: {
-      questions
-    },
-    validationSchema: formValidationSchema,
-    validateOnBlur: shouldValidateForm,
-    validateOnChange: shouldValidateForm,
-    enableReinitialize: true
-  }, _ref3 => {
-    let errors = _ref3.errors,
-      setFieldError = _ref3.setFieldError;
-    return /*#__PURE__*/React__default.createElement(Form, _extends$6({}, formDomProps, {
-      questionKinds: QUESTION_KINDS,
-      nonRemovableFields: nonRemovableFields,
-      requiredFields: requiredFields,
-      formId: id,
-      setShouldValidate: setShouldValidateForm,
-      showAddQuestionDivider: showAddQuestionDivider,
-      onValueChange: onValueChange,
-      showActionBlock: showActionBlock,
-      submitButtonProps: submitButtonProps,
-      cancelButtonProps: cancelButtonProps,
-      onChange: event => {
-        if (!isEmpty(errors)) {
-          setFieldError(event.target.name);
-        }
-      }
-    }));
-  }), isQuestionsLoading && /*#__PURE__*/React__default.createElement("div", {
-    className: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center neeto-ui-bg-gray-100 opacity-75"
-  }, /*#__PURE__*/React__default.createElement(PageLoader, null)));
-  if (isLoading) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "flex w-full h-full items-center justify-center py-6"
-    }, /*#__PURE__*/React__default.createElement(PageLoader, null));
-  }
-  return !isEmbedded ? /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Preview, {
-    isOpen: isPreviewModalOpen,
-    onClose: () => setIsPreviewModalOpen(false)
-  }), /*#__PURE__*/React__default.createElement(Header, {
-    title: /*#__PURE__*/React__default.createElement(FormTitleInput, {
-      formTitle: title,
-      onChange: updatedTitle => updateForm({
-        title: updatedTitle
-      })
-    }),
-    breadcrumbs: [{
-      text: "Forms",
-      link: "/form"
-    }],
-    actionBlock: /*#__PURE__*/React__default.createElement("div", {
-      className: "flex space-x-2"
-    }, /*#__PURE__*/React__default.createElement(Button$1, {
-      size: "small",
-      label: "Preview",
-      style: "secondary",
-      onClick: () => setIsPreviewModalOpen(true)
-    }), /*#__PURE__*/React__default.createElement(Button$1, {
-      size: "small",
-      label: "View Results",
-      style: "primary",
-      to: `/form/${id}/results`
-    }))
-  }), /*#__PURE__*/React__default.createElement(Scrollable, {
-    className: "w-full py-4"
-  }, renderForm())) : renderForm();
-};
-const BuildFormWithId = () => {
-  const _useParams = useParams(),
-    id = _useParams.id;
-  return /*#__PURE__*/React__default.createElement(BuildForm, {
-    id: id
-  });
-};
 
 const Submission = _ref => {
   let _ref$formId = _ref.formId,
@@ -50265,10 +50057,10 @@ const Submission = _ref => {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "mb-4",
       key: label
-    }, /*#__PURE__*/React__default.createElement(Typography, _extends$6({
+    }, /*#__PURE__*/React__default.createElement(Typography, _extends$5({
       style: "h5",
       weight: "light"
-    }, questionLabelProps), label), /*#__PURE__*/React__default.createElement(Typography, _extends$6({
+    }, questionLabelProps), label), /*#__PURE__*/React__default.createElement(Typography, _extends$5({
       weight: "semibold"
     }, answerProps), kind === QUESTION_KINDS.date.type ? dateFormat.date(value) : value));
   }));
@@ -50292,304 +50084,4 @@ const useFormSubmission = _ref => {
   };
 };
 
-const CREATE_FORM_INITIAL_VALUES = {
-  title: ""
-};
-const CREATE_FORM_VALIDATION_SCHEMA = yup.object().shape({
-  title: yup.string().required("Title is required")
-});
-
-const _excluded$1 = ["isOpen", "onSubmit", "onClose"];
-const CreateFormModal = _ref => {
-  let isOpen = _ref.isOpen,
-    onSubmit = _ref.onSubmit,
-    onClose = _ref.onClose,
-    props = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(Modal, _extends$6({
-    isOpen: isOpen,
-    onClose: onClose
-  }, props), /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h4"
-  }, "Add New Form")), /*#__PURE__*/React__default.createElement(Formik, {
-    initialValues: CREATE_FORM_INITIAL_VALUES,
-    validationSchema: CREATE_FORM_VALIDATION_SCHEMA,
-    onSubmit: onSubmit
-  }, _ref2 => {
-    let isSubmitting = _ref2.isSubmitting;
-    return /*#__PURE__*/React__default.createElement(Form$1, null, /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement(Input$2, {
-      label: "Form Title",
-      name: "title"
-    })), /*#__PURE__*/React__default.createElement(Modal.Footer, {
-      className: "space-x-2"
-    }, /*#__PURE__*/React__default.createElement(Button$1, {
-      size: "small",
-      label: "Submit",
-      type: "submit",
-      loading: isSubmitting
-    }), onClose && /*#__PURE__*/React__default.createElement(Button$1, {
-      size: "small",
-      label: "Cancel",
-      type: "reset",
-      style: "secondary",
-      onClick: onClose
-    })));
-  }));
-};
-
-const _excluded = ["isOpen", "onSubmit", "onClose", "form"];
-const DeleteFormAlert = _ref => {
-  let isOpen = _ref.isOpen,
-    onSubmit = _ref.onSubmit,
-    onClose = _ref.onClose,
-    form = _ref.form,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Alert, _extends$6({
-    isOpen: isOpen,
-    title: "Delete Form",
-    message: /*#__PURE__*/React__default.createElement(Typography, null, "Are you sure you want to delete the form", " ", /*#__PURE__*/React__default.createElement(Typography, {
-      component: "span",
-      weight: "bold"
-    }, form?.title), "? This action cannot be undone."),
-    submitButtonLabel: "Delete",
-    onSubmit: onSubmit,
-    onClose: onClose
-  }, props));
-};
-
-var _path, _path2, _path3, _path4, _path5, _path6, _path7;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const SvgNoForms = props => /*#__PURE__*/React.createElement("svg", _extends({
-  width: 230,
-  height: 230,
-  viewBox: "0 0 231 230",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  d: "M28.368 19.756c25.954-.415 20.404-.23 58.363-1.413a.749.749 0 0 0-.074-1.495c-42.758.892-44.715 1.007-58.289 1.539a.688.688 0 0 0-.713.968.69.69 0 0 0 .713.401ZM28.74 31.569c7.073.25 15.13-.075 27.354-.675a.749.749 0 0 0-.074-1.495c-12.433.048-20.634.196-27.28.805a.69.69 0 1 0 0 1.368v-.003ZM94.11 192.305c6.439.032 12.87-.44 19.234-1.414a.749.749 0 0 0-.143-1.487 122.71 122.71 0 0 0-19.16 1.539.693.693 0 0 0-.548.711.689.689 0 0 0 .618.651ZM94.887 199.57a80.383 80.383 0 0 0 15.542-1.174.732.732 0 0 0 .7-.805.755.755 0 0 0-.805-.69 81.072 81.072 0 0 0-15.542 1.301.69.69 0 0 0-.628.737.689.689 0 0 0 .733.631ZM176.881 128.551c-2.164-10.26-.031-20.764 8.158-27.518a21.284 21.284 0 0 1 9.044-3.948c11.409-2.44 23.279 3.182 26.989 14.696 3.384 10.512-.6 22.655-6.349 27.668-9.242 8.058-25.461 7.857-32.633-2.452a17.727 17.727 0 0 1-14.471-5.167.71.71 0 0 1-.427-.787.706.706 0 0 1 .685-.575 19.36 19.36 0 0 0 9.004-1.917Zm-7.052 3.262a15.95 15.95 0 0 0 12.478 3.437.823.823 0 0 1 .849.359c6.451 9.736 21.839 9.798 30.233 2.307 7.883-7.034 11.558-28.679-3.949-36.807a23.285 23.285 0 0 0-19.27-.713c-8.51 3.389-14.701 14.461-11.667 28.393a.766.766 0 0 1-.369.842 19.609 19.609 0 0 1-8.305 2.182Z",
-  fill: "#2F3941"
-})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-  d: "M191.423 127.973c-.247-3.456-5.482-3.462-5.648 0a2.82 2.82 0 0 0 .785 2.056 2.825 2.825 0 0 0 2.02.873 2.808 2.808 0 0 0 2.056-.849 2.807 2.807 0 0 0 .787-2.08ZM202.501 127.973c-.247-3.456-5.482-3.462-5.648 0a2.82 2.82 0 0 0 1.707 2.697c.347.15.72.229 1.098.232a2.808 2.808 0 0 0 2.056-.849 2.799 2.799 0 0 0 .787-2.08ZM213.204 127.602c-.247-3.45-5.482-3.462-5.648 0a2.83 2.83 0 0 0 2.805 2.929 2.805 2.805 0 0 0 2.665-1.808c.135-.358.196-.739.178-1.121ZM47.578 77.475c.057.485.402 2.215 1.188 2.143.721-.066.69-.707.906-2.23.044-.805-.104-3.112-.913-3.202-1.012-.115-1.388 2.277-1.18 3.289ZM46.041 81.459a2.99 2.99 0 0 0 5.575-.696.731.731 0 0 0-.443-.963.754.754 0 0 0-.96.44 1.937 1.937 0 0 1-1.402.671 3.018 3.018 0 0 1-1.662-.269.68.68 0 0 0-.96-.141.698.698 0 0 0-.148.958ZM50.309 75.093a.96.96 0 0 0 .256.657.85.85 0 0 0 .619.273.85.85 0 0 0 .619-.273.96.96 0 0 0 .256-.657.96.96 0 0 0-.256-.657.85.85 0 0 0-.62-.272.85.85 0 0 0-.618.272.96.96 0 0 0-.256.657ZM45.258 75.177a.98.98 0 0 0 .066.356.937.937 0 0 0 .19.301.875.875 0 0 0 .284.202.83.83 0 0 0 .67 0 .876.876 0 0 0 .284-.202.937.937 0 0 0 .19-.301.979.979 0 0 0-.19-1.013.875.875 0 0 0-.284-.201.833.833 0 0 0-.954.201.937.937 0 0 0-.19.302.981.981 0 0 0-.066.355Z",
-  fill: "#2F3941"
-})), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
-  d: "M55.98 73.945c.846-6.109-1.72-12.316-7.603-11.385-5.46.891-8.22 7.28-6.67 11.98a3.23 3.23 0 0 0 .353 6.031c.23 2.607 1.219 5.377 3.505 6.606.016.559.07 1.249.07 1.993-.116.039-2.351.853-2.468.92a.742.742 0 0 0-.442.97.77.77 0 0 0 .996.423l2.798-.763a1.084 1.084 0 0 0 .848-1.123 50.07 50.07 0 0 0-.217-1.823c3.279.765 2.514-1.09 2.514 1.725a1.096 1.096 0 0 0 1.035 1.113l2.916.327a.744.744 0 0 0 .92-.514.755.755 0 0 0-.48-.92 17 17 0 0 0-2.252-.881 6.761 6.761 0 0 0-.242-1.339c2.561-1.338 3.151-4.424 3.06-7.331 3.134-.583 3.824-4.648 1.359-6.009Zm-2.176 4.157a.958.958 0 0 0-1.108.953c0 3.608-.542 6.89-4.172 6.72-2.172-.1-3.28-1.265-3.986-3.292-.34-.87-.54-1.79-.59-2.722a.947.947 0 0 0-.886-.92c-2.11-.108-2.029-2.325-.537-3.1.181.076.38.1.575.072.427-.066 1.753-.51 1.809-1.238.096-.731.232-1.457.406-2.174.449-.035.898.063 1.291.284.95.525 1.577-.44.997-1.122a3.126 3.126 0 0 0-1.628-1.099 9.972 9.972 0 0 1 1.035-1.807 8.52 8.52 0 0 0 5.98 4.918c.53.92.831 1.488 1.733 1.488.335.119.63.33.85.61a1.684 1.684 0 0 1-1.77 2.43ZM110.025 74.42a11.71 11.71 0 0 0 .628-5.543.756.756 0 0 0-1.513.063 13.53 13.53 0 0 1-.775 3.795c-1.567 4.657-3.256 5.667-2.326 6.373 1.108.839 3.43-3.289 3.986-4.688ZM111.503 76.793c.07.794.045 1.594-.073 2.383-.1 1.278-.792 1.93 0 2.364 1.007.553 1.796-1.495 2.104-2.56a5.151 5.151 0 0 0 0-2.563c-.271-.905-1.242-2.692-2.031-2.16-.644.389-.14.482 0 2.536ZM120.877 66.66c-.968-1.527-8.745 4.466-7.346 5.735.754.779 7.942-4.797 7.346-5.736ZM123.463 70.632c-.545-1.935-8.336 2.53-7.236 4.04.68.932 7.525-3.274 7.236-4.04ZM123.757 75.318c-.373-2.044-7.668 1.242-6.497 2.86.571.791 6.651-2.007 6.497-2.86ZM112.831 86.437c.678-.477 6.474-4.07 9.007-5.358a.767.767 0 0 0 .407-.975.773.773 0 0 0-.993-.41c-5.078 1.63-6.871 3.002-9.34 5.715a.704.704 0 0 0-.074.967.72.72 0 0 0 .993.061Z",
-  fill: "#2F3941"
-})), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
-  d: "M165.88 26.397c-17.383-11.1-38.831-12.638-57.227-.69-.123 1.647-.271 3.294-.398 4.945-.195 2.542-.065 4.818-1.698 6.829-2.836 3.496-8.264 3.45-12.662 3.463l3.655 9.744a.947.947 0 0 1-1.219 1.213 38.787 38.787 0 0 1-8.07-4.156c-6.004 10.888-8.656 23.275-6.733 35.233a1.025 1.025 0 0 0 1.035.758c.222 0 9.302-.129 14.73-.297a.89.89 0 0 0 .738-.451c3.328-5.31 3.248-6.483 4.319-6.736.879-.208 1.707.046 2.694-.873a7.761 7.761 0 0 0 1.699-3.08c.7-2.23.714-4.987 2.103-6.531 1.102-1.225 1.955-.374 2.364-1.41 2.511-6.343 6.221-12.609 12.106-16.174 12.109-7.313 29.485-1.24 31.932 13.562a24.549 24.549 0 0 1-7.863 21.994c-4.661 4.315-10.305 7.315-14.101 12.84-9.23 13.26-9.967 29.568-8.492 45.54a1.059 1.059 0 0 0 1.071.961l27.908-.445a1.1 1.1 0 0 0 .999-.709c.052-.135.076-.279.072-.424-.207-8.268-2.928-20.791 1.035-28.74 4.078-8.066 13.791-11.922 19.566-18.908 14.565-17.61 16.305-50.936-9.563-67.458Z",
-  fill: "#2F3941"
-})), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
-  d: "M82.152 42.888c-57.582 1.535-62.383 2.633-66.815 1.366-5.014-1.415-6.08-5.555-6.348-10.444-.328-5.964-.333-9.988-.259-13.083.136-5.67.345-11.92 5.908-13.372 8.51-2.22 82.5-2.5 90.808 1.485.833.4 2.353.831 3.105 6.19.744 5.245.107 10.398-.294 15.63-.196 2.541-.066 4.817-1.699 6.828-2.836 3.496-8.264 3.45-12.661 3.463l3.654 9.744a.947.947 0 0 1-1.219 1.213 42.048 42.048 0 0 1-14.18-9.02Zm12.92 6.467-3.322-8.957a.888.888 0 0 1 .812-1.224 43.68 43.68 0 0 0 8.269-.423c5.855-1.24 5.462-4.765 5.758-8.22.453-5.273 1.116-10.089.406-15.288-.193-1.415-.363-4.407-2.361-5.265-8.272-3.557-81.73-2.594-89.447-.563-4.29 1.128-4.213 6.932-4.32 11.369-.085 3.613.085 9.315.296 12.901.374 6.337 1.875 8.958 8.934 8.95 20.24-.021 41.76-1.264 62.424-1.724a.97.97 0 0 1 .701.277 40.104 40.104 0 0 0 11.854 8.167h-.004ZM42.636 144.643c3.984.36 7.984.51 11.983.448 1.116-21.99.24-53.732.621-54.855-3.231 3.026-2.29 2.3-7.195 6.785-3.736-2.976-5.123-5.16-6.161-5.91.166 1.324-.708 18.735.752 53.532Z",
-  fill: "#2F3941"
-})), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
-  d: "M111.393 88.064c-1.275-1.83-4.562-5.775-6.423-8.395a1.09 1.09 0 0 0-1.426-.312 1.096 1.096 0 0 0-.383.363c-3.496 5.635-9.271 10.208-15.209 13.164-16.03 8.05-21.411-.905-31.489-3.335a1.049 1.049 0 0 0-1.292.905c-.188 1.89.473 34.472-.55 54.636-4 .062-8-.088-11.983-.448-.744-17.71-1.075-35.528-.72-53.393a1.013 1.013 0 0 0-1.255-1.02A38.517 38.517 0 0 0 24.2 99.348c-6.505 6.033-12.42 13.756-14.249 22.359-2.684 12.598 4.175 25.607 13.696 34.131a.986.986 0 0 0 1.329-.022c.337-.331.676-.661 1.018-.99.644 1.286 1.486 1.924 3.362 3.385a26.25 26.25 0 0 1-.874 1.071 1.107 1.107 0 0 0-.115 1.249c3.978 6.686 3.21 15.453 2.584 23.152-.957 10.846-1.363 20.01-1.661 30.13a1.109 1.109 0 0 0 .46.899c-4.025 3.024-11.45 2.572-13.816 4.503a1.883 1.883 0 0 0-.53 2.478c1.429 2.623 5.486 2.248 8.31 2.12 3.111-.163 11.743-.254 13.646-2.493a5.257 5.257 0 0 0 .981-4.152c.67-.713.012-.105 8.08-54.946.7.067 1.404.057 2.102-.03 1.873 10.032 11.944 48.319 12.88 53.09a.764.764 0 0 0 .609.615c-.551 4.331-.093 6.7 4.795 7.67 2.834.534 5.717.76 8.599.673 5.658-.084 6.06.054 7.184-1.394 1.495-2.008.056-3.557-2.098-4.81-3.842-2.238-8.673-1.495-11.5-4.285a.828.828 0 0 0 .421-.786c-2.828-24.368-5.405-44.548-6.605-66.182 4.184-.046 8.082-.171 8.082-.171v-.064a.747.747 0 0 0 .738-.678c-.25 0 .275-5.679-.257-25.086a77.173 77.173 0 0 0 7.825-1.035c15.41-3.073 25.29-16.412 32.263-30.584.091-.172.132-.365.12-.56a1.06 1.06 0 0 0-.185-.54ZM36.078 220.181c-1.33 1.445-9.877 1.428-12.46 1.504-1.426.054-5.259.394-6.194-.852 2.319-1.538 9.94-1.534 13.859-5.55 1.846.623 3.818 1.29 5.514 1.987a4.026 4.026 0 0 1-.719 2.911Zm.303-74.227a1.13 1.13 0 0 0-.96.664 51.451 51.451 0 0 1-5.046 10.179c-1.858-2.027-1.822-2.172-3.017-3.279a137.917 137.917 0 0 1 7.103-6.279.885.885 0 0 0 .222-1.124c-1.295-2.2-.92-.759-5.7-8.702.453-14.267.201-15.065-.909-14.459-3.506 1.893-4.318 4.515-3.875 7.346.744 4.674 7.202 13.905 8.565 16.048-2.408 1.943-5.56 4.692-8.454 7.455a43.808 43.808 0 0 1-10.007-14.067c-4.724-10.777-3.257-19.932 2.92-29.108 5.235-7.773 13.39-15.304 22.628-18.055-.217 17.342.38 36.278 1.265 53.162l-4.735.219Zm-9.17-11.664c-1.631-3.193-2.66-6.574-.04-9.018a34.623 34.623 0 0 0 .04 9.018Zm40.416 80.209c3.112 3.68 8.214 2.99 11.853 5.267.33.211 1.631 1.048 1.584 1.464.316 1.495-13.622.895-15.895-.115-1.396-.593-1.685-1.46-1.76-2.949-.022-.858.005-1.716.083-2.57 4.631-1.302 3.774-1.506 4.135-1.097Zm11.244-96.511c-2.768.587-5.61.871-8.454 1.186a.868.868 0 0 0-.775.875c.207 8.02.555 10.17.555 25.078-3.836.078-10.053.15-13.916 0 1.134-19.658.813-52.273.85-53.268 9.237 2.844 15.331 11.106 31.784 2.955a40.557 40.557 0 0 0 15.203-12.62c.025.025 4.286 5.437 5.131 6.604-6.511 13.283-15.865 26.077-30.378 29.19ZM154.954 155.082a18.691 18.691 0 0 0-13.226-5.386 18.69 18.69 0 0 0-13.169 5.521 18.405 18.405 0 0 0-5.132 15.548c.075.594.19 1.182.345 1.761a65.231 65.231 0 0 1 5.635-4.242.842.842 0 0 1 .969.102.835.835 0 0 1 .214.949c-.51 1.15-1.901 6.526-3.105 10.904a18.651 18.651 0 0 0 13.071 6.673 18.634 18.634 0 0 0 18.245-10.918 18.638 18.638 0 0 0-3.85-20.912h.003Z",
-  fill: "#2F3941"
-})), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
-  d: "M116.743 178.27c2.381-1.961 10.782-8.954 12.661-9.987a.842.842 0 0 1 .969.102.835.835 0 0 1 .214.95c-.746 1.689-3.379 12.401-4.542 15.827a79.12 79.12 0 0 1 .702 12.61c-.077 2.506-.287 4.925-1.772 6.857-3.91 5.082-25.126 6.347-30.899 6.44-3.772.062-7.81.165-10.373-2.605-1.767-1.91-1.985-4.479-2.288-6.971a67.876 67.876 0 0 1-.517-13.427c.295-3.861 1.577-6.808 5.316-7.688 9.223-2.167 21.075-2.293 30.529-2.108Zm11.592-7.167c-2.917 2.261-10.39 8.669-10.522 8.782a1.253 1.253 0 0 1-.738.311c-9.092-.081-21.484.191-30.382 2.3-2.704.644-3.412 2.941-3.618 5.728a64.207 64.207 0 0 0 1.108 16.839 4.975 4.975 0 0 0 4.06 3.591c5.594 1.362 28.355-1.189 32.524-2.977a6.176 6.176 0 0 0 3.838-4.193c.69-2.285.548-7.667.444-10.037-.278-6.325-.863-6.493-.222-6.943.924-2.943 2.51-9.691 3.508-13.401Z",
-  fill: "#2F3941"
-})));
-
-const EmptyState = _ref => {
-  let onPrimaryButtonClick = _ref.onPrimaryButtonClick;
-  return /*#__PURE__*/React__default.createElement(Scrollable, {
-    className: "flex flex-col items-center justify-center"
-  }, /*#__PURE__*/React__default.createElement(SvgNoForms, null), /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h2",
-    className: "mt-2 mb-4"
-  }, "No Forms Found"), /*#__PURE__*/React__default.createElement(Button$1, {
-    size: "small",
-    label: "Add new form",
-    onClick: onPrimaryButtonClick,
-    icon: Plus
-  }));
-};
-
-const FormItem = _ref => {
-  let onDeleteClick = _ref.onDeleteClick,
-    id = _ref.id,
-    title = _ref.title;
-  const history = useHistory();
-  return /*#__PURE__*/React__default.createElement("div", {
-    onClick: () => history.push(`/form/${id}`),
-    className: "flex cursor-pointer items-center justify-between space-x-2 rounded-md border p-4 transition-shadow duration-150 hover:shadow"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h4"
-  }, title), /*#__PURE__*/React__default.createElement("div", {
-    onClick: event => event.stopPropagation()
-  }, /*#__PURE__*/React__default.createElement(Button$1, {
-    size: "small",
-    style: "danger-text",
-    icon: Delete,
-    onClick: () => onDeleteClick({
-      id,
-      title
-    })
-  })));
-};
-
-const FormList = () => {
-  const _useState = useState(null),
-    _useState2 = _slicedToArray$4(_useState, 2),
-    formToBeDeleted = _useState2[0],
-    setFormToBeDeleted = _useState2[1];
-  const _useState3 = useState(false),
-    _useState4 = _slicedToArray$4(_useState3, 2),
-    isCreateFormModalOpen = _useState4[0],
-    setIsCreateFormModalOpen = _useState4[1];
-  const isDeleteFormAlertOpen = !!formToBeDeleted;
-  const history = useHistory();
-  const _useForms = useForms({
-      onError: Toastr.error
-    }),
-    formListData = _useForms.data,
-    isLoading = _useForms.isLoading;
-  const _useDeleteForm = useDeleteForm({
-      onSuccess: () => setFormToBeDeleted(null),
-      onError: Toastr.error
-    }),
-    destroyForm = _useDeleteForm.mutate,
-    isDeleting = _useDeleteForm.isLoading;
-  const _useCreateForm = useCreateForm({
-      onSuccess: _ref => {
-        let id = _ref.id;
-        setIsCreateFormModalOpen(false);
-        history.push(`${FORM_LIST_URL}/${id}`);
-      },
-      onError: Toastr.error
-    }),
-    createForm = _useCreateForm.mutate;
-  const deleteForm = () => {
-    destroyForm({
-      id: formToBeDeleted?.id
-    });
-  };
-  if (isLoading) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "flex h-screen w-screen items-center justify-center"
-    }, /*#__PURE__*/React__default.createElement(PageLoader, null));
-  }
-  const forms = formListData.forms;
-  return /*#__PURE__*/React__default.createElement(Container, {
-    isHeaderFixed: true
-  }, /*#__PURE__*/React__default.createElement(Header, {
-    title: "Forms",
-    actionBlock: /*#__PURE__*/React__default.createElement(Button$1, {
-      size: "small",
-      label: "Add new form",
-      icon: Plus,
-      onClick: () => setIsCreateFormModalOpen(true)
-    })
-  }), /*#__PURE__*/React__default.createElement(Scrollable, {
-    className: "w-full py-4"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col space-y-2"
-  }, forms.map(_ref2 => {
-    let id = _ref2.id,
-      title = _ref2.title;
-    return /*#__PURE__*/React__default.createElement(FormItem, {
-      key: id,
-      id: id,
-      title: title,
-      onDeleteClick: form => setFormToBeDeleted(form)
-    });
-  }), forms.length === 0 && /*#__PURE__*/React__default.createElement(EmptyState, {
-    onPrimaryButtonClick: () => setIsCreateFormModalOpen(true)
-  }), /*#__PURE__*/React__default.createElement(DeleteFormAlert, {
-    isOpen: isDeleteFormAlertOpen,
-    onSubmit: deleteForm,
-    isSubmitting: isDeleting,
-    onClose: () => setFormToBeDeleted(null),
-    form: formToBeDeleted
-  }), /*#__PURE__*/React__default.createElement(CreateFormModal, {
-    isOpen: isCreateFormModalOpen,
-    onSubmit: createForm,
-    onClose: () => setIsCreateFormModalOpen(false)
-  }))));
-};
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const getColumnData = data => {
-  const latestSubmission = data[data.length - 1];
-  return latestSubmission ? Object.keys(latestSubmission).map(key => ({
-    title: key,
-    dataIndex: key,
-    width: 300
-  })) : [];
-};
-const Results = () => {
-  const _useParams = useParams(),
-    id = _useParams.id;
-  const _useSubmissions = useSubmissions({
-      formId: id,
-      onError: Toastr.error
-    }),
-    _useSubmissions$data = _useSubmissions.data,
-    _useSubmissions$data2 = _useSubmissions$data === void 0 ? {
-      submissions: []
-    } : _useSubmissions$data,
-    submissions = _useSubmissions$data2.submissions,
-    isResultsLoading = _useSubmissions.isLoading;
-  const _useForm = useForm({
-      formId: id,
-      onError: Toastr.error
-    }),
-    _useForm$data = _useForm.data,
-    form = _useForm$data === void 0 ? {
-      title: ""
-    } : _useForm$data,
-    isFormLoading = _useForm.isLoading;
-  if (isResultsLoading || isFormLoading) {
-    return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(PageLoader, null));
-  }
-  const normalizedResults = submissions.map(result => result.responses.reduce((accumulator, _ref) => {
-    let label = _ref.label,
-      value = _ref.value;
-    return _objectSpread(_objectSpread({}, accumulator), {}, {
-      [label]: value
-    });
-  }, {}));
-  return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Header, {
-    title: "Results",
-    breadcrumbs: [{
-      text: "Forms",
-      link: "/form"
-    }, {
-      text: form.title,
-      link: `/form/${id}`
-    }]
-  }), /*#__PURE__*/React__default.createElement(Scrollable, null, /*#__PURE__*/React__default.createElement(Table, {
-    columnData: getColumnData(normalizedResults),
-    rowData: normalizedResults.map((result, index) => _objectSpread(_objectSpread({}, result), {}, {
-      key: index
-    })),
-    rowKey: "key",
-    fixedHeight: true
-  })));
-};
-
-const Main = () => /*#__PURE__*/React__default.createElement(I18nextProvider, {
-  i18n: instance
-}, /*#__PURE__*/React__default.createElement(NeetoFormProvider, null, /*#__PURE__*/React__default.createElement(BrowserRouter, null, /*#__PURE__*/React__default.createElement(ToastContainer, null), /*#__PURE__*/React__default.createElement(Switch, null, /*#__PURE__*/React__default.createElement(Route, {
-  exact: true,
-  path: FORM_LIST_URL,
-  component: FormList
-}), /*#__PURE__*/React__default.createElement(Route, {
-  exact: true,
-  path: PUBLIC_FORM_URL,
-  render: () => /*#__PURE__*/React__default.createElement("div", {
-    className: "h-screen w-screen"
-  }, /*#__PURE__*/React__default.createElement(ExternalFormWithId, {
-    onSubmit: () => {}
-  }))
-}), /*#__PURE__*/React__default.createElement(Route, {
-  exact: true,
-  path: FORM_URL,
-  component: BuildFormWithId
-}), /*#__PURE__*/React__default.createElement(Route, {
-  exact: true,
-  path: FORM_RESULTS_URL,
-  component: Results
-})))));
-
-const App = props => /*#__PURE__*/React__default.createElement(Main, props);
-
-export { BuildForm, ExternalForm, NeetoFormProvider, Submission, App as default, useBuildFormState, useFormSubmission };
+export { BuildForm, ExternalForm, NeetoFormProvider, Submission, useBuildFormState, useFormSubmission };