@bigbinary/neeto-form-frontend 3.2.2 → 3.3.0

package/dist/index.js

@@ -4,10 +4,10 @@ import React__default, { memo, useState, createElement, useRef, useEffect, useIm
 import { useQuery, useQueryClient, useMutation, keepPreviousData } from '@tanstack/react-query';
 import classnames from 'classnames';
 import { useFormikContext, useField, FieldArray, Form as Form$3, Formik, Field, FastField } from 'formik';
-import { filterNonNull, noop, findBy, toLabelAndValue, isPresent, truncate, slugify, filterBy, hyphenate, removeBy, isNotPresent, isNotEmpty, findById, getRandomInt, randomPick, notEqualsDeep } from '@bigbinary/neeto-cist';
-import { buildUrl, showThumbsUpToastr, withEventTargetValue, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import { filterNonNull, noop, findBy, toLabelAndValue, isPresent, truncate, slugify, filterBy, hyphenate, nullSafe, removeBy, isNotPresent, isNotEmpty, findById, getRandomInt, randomPick, notEqualsDeep } from '@bigbinary/neeto-cist';
+import { buildUrl, showThumbsUpToastr, hyphenize, withEventTargetValue, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { assoc, mergeLeft, compose, isEmpty, trim, useWith, path, split, isNotNil, either, isNil, values, equals, modify, prop, range, includes, __, reduce, when, reject, keys, pick, omit, pluck, without, difference, pipe, last, concat, not, toLower, map, clamp, identity, filter } from 'ramda';
+import { assoc, mergeLeft, compose, isEmpty, trim, useWith, path, split, isNotNil, either, isNil, values, equals, modify, prop, range, includes, __, reduce, when, reject, keys, pick, omit, pluck, without, pipe, filter, uniq, join, map, test, difference, last, concat, not, toLower, clamp, identity } from 'ramda';
 import i18next, { t as t$3 } from 'i18next';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -40,19 +40,24 @@ import Accordion from '@bigbinary/neetoui/Accordion';
 import Input from '@bigbinary/neetoui/formik/Input';
 import * as yup from 'yup';
 import Radio from '@bigbinary/neetoui/formik/Radio';
+import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
+import Label from '@bigbinary/neetoui/Label';
+import CreatableSelect from 'react-select/creatable';
+import _toArray from '@babel/runtime/helpers/toArray';
+import Close from '@bigbinary/neeto-icons/Close';
+import Tag from '@bigbinary/neetoui/Tag';
+import { components } from 'react-select';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
 import Checkbox$1 from '@bigbinary/neetoui/formik/Checkbox';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import Delete from '@bigbinary/neeto-icons/Delete';
 import Plus from '@bigbinary/neeto-icons/Plus';
-import Label from '@bigbinary/neetoui/Label';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Warning from '@bigbinary/neeto-icons/Warning';
 import Toastr from '@bigbinary/neetoui/Toastr';
 import Spinner$2 from '@bigbinary/neetoui/Spinner';
 import NeetoUICallout from '@bigbinary/neetoui/Callout';
-import Close from '@bigbinary/neeto-icons/Close';
 import Check from '@bigbinary/neeto-icons/Check';
 import dayjs from 'dayjs';
 import { parsePhoneNumber } from 'libphonenumber-js';
@@ -100,18 +105,18 @@ var SUBMISSIONS_URL = "".concat(FORM_URL, "/submissions");
 var SUBMISSION_URL = "".concat(SUBMISSIONS_URL, "/:submissionId");
 var PUBLIC_SUBMISSION_URL = "".concat(FORM_URL, "/public/submissions/:submissionId");
 
-var _excluded$e = ["size"],
+var _excluded$h = ["size"],
   _excluded2$2 = ["size"],
   _excluded3$2 = ["size"],
   _excluded4$1 = ["size"],
   _excluded5$1 = ["size"];
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Star = function Star(props) {
   var _props$size = props.size,
     size = _props$size === void 0 ? 20 : _props$size,
-    other = _objectWithoutProperties(props, _excluded$e);
-  return /*#__PURE__*/jsx("svg", _objectSpread$z(_objectSpread$z({
+    other = _objectWithoutProperties(props, _excluded$h);
+  return /*#__PURE__*/jsx("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -131,7 +136,7 @@ var Heart = function Heart(props) {
   var _props$size2 = props.size,
     size = _props$size2 === void 0 ? 20 : _props$size2,
     other = _objectWithoutProperties(props, _excluded2$2);
-  return /*#__PURE__*/jsx("svg", _objectSpread$z(_objectSpread$z({
+  return /*#__PURE__*/jsx("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -151,7 +156,7 @@ var Zap = function Zap(props) {
   var _props$size3 = props.size,
     size = _props$size3 === void 0 ? 20 : _props$size3,
     other = _objectWithoutProperties(props, _excluded3$2);
-  return /*#__PURE__*/jsx("svg", _objectSpread$z(_objectSpread$z({
+  return /*#__PURE__*/jsx("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -171,7 +176,7 @@ var Crown = function Crown(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 20 : _ref$size,
     otherProps = _objectWithoutProperties(_ref, _excluded4$1);
-  return /*#__PURE__*/jsx("svg", _objectSpread$z(_objectSpread$z({
+  return /*#__PURE__*/jsx("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -195,7 +200,7 @@ var Trophy = function Trophy(_ref2) {
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 20 : _ref2$size,
     otherProps = _objectWithoutProperties(_ref2, _excluded5$1);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$z(_objectSpread$z({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -581,20 +586,20 @@ var handleQuestionMutationSuccess = function handleQuestionMutationSuccess(_ref)
   onSuccess === null || onSuccess === void 0 || onSuccess.apply(void 0, _toConsumableArray(args));
 };
 
-var _excluded$d = ["formId", "preview", "language"],
+var _excluded$g = ["formId", "preview", "language"],
   _excluded2$1 = ["formId", "language"],
   _excluded3$1 = ["page", "pageSize"],
   _excluded5 = ["formId", "submissionId", "fetchPublicSubmission"];
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useForm = function useForm(_ref) {
   var formId = _ref.formId,
     _ref$preview = _ref.preview,
     preview = _ref$preview === void 0 ? null : _ref$preview,
     _ref$language = _ref.language,
     language = _ref$language === void 0 ? i18next.resolvedLanguage : _ref$language,
-    options = _objectWithoutProperties(_ref, _excluded$d);
-  return useQuery(_objectSpread$y({
+    options = _objectWithoutProperties(_ref, _excluded$g);
+  return useQuery(_objectSpread$C({
     queryKey: [QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId, language],
     queryFn: function queryFn() {
       return neetoFormApi.getPublicQuestions(formId, language);
@@ -607,7 +612,7 @@ var useFetchQuestions = function useFetchQuestions(_ref2) {
     _ref2$language = _ref2.language,
     language = _ref2$language === void 0 ? i18next.resolvedLanguage : _ref2$language,
     options = _objectWithoutProperties(_ref2, _excluded2$1);
-  return useQuery(_objectSpread$y({
+  return useQuery(_objectSpread$C({
     queryKey: [QUERY_KEYS.QUESTIONS, formId, language],
     queryFn: function queryFn() {
       return neetoFormApi.getQuestions(formId, language);
@@ -618,7 +623,7 @@ var useFetchQuestions = function useFetchQuestions(_ref2) {
 var useCreateForm = function useCreateForm(options) {
   var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : i18next.resolvedLanguage;
   var queryClient = useQueryClient();
-  return useMutation(_objectSpread$y(_objectSpread$y({
+  return useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: neetoFormApi.createForm
   }, options), {}, {
     onSuccess: function onSuccess(form) {
@@ -638,7 +643,7 @@ var useCreateForm = function useCreateForm(options) {
 var useUpdateForm = function useUpdateForm(options) {
   var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : i18next.resolvedLanguage;
   var queryClient = useQueryClient();
-  return useMutation(_objectSpread$y(_objectSpread$y({
+  return useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(_ref3) {
       var id = _ref3.id,
         values = _ref3.values;
@@ -668,7 +673,7 @@ var useUpdateForm = function useUpdateForm(options) {
 var useCreateQuestion = function useCreateQuestion(formId, language) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var queryClient = useQueryClient();
-  return useMutation(_objectSpread$y(_objectSpread$y({
+  return useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(payload) {
       return neetoFormApi.createQuestion(formId, filterNonNull(payload));
     }
@@ -690,7 +695,7 @@ var useCreateQuestion = function useCreateQuestion(formId, language) {
 var useUpdateQuestion = function useUpdateQuestion(formId, language) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var queryClient = useQueryClient();
-  return useMutation(_objectSpread$y(_objectSpread$y({
+  return useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(_ref5) {
       var questionId = _ref5.questionId,
         payload = _ref5.payload;
@@ -718,7 +723,7 @@ var useUpdateQuestion = function useUpdateQuestion(formId, language) {
 var useDeleteQuestion = function useDeleteQuestion(formId, language) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var queryClient = useQueryClient();
-  return useMutation(_objectSpread$y(_objectSpread$y({
+  return useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(questionId) {
       return neetoFormApi.deleteQuestion(formId, questionId);
     }
@@ -740,7 +745,7 @@ var useDeleteQuestion = function useDeleteQuestion(formId, language) {
 var useReorderQuestions = function useReorderQuestions(formId, language) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var queryClient = useQueryClient();
-  return useMutation(_objectSpread$y(_objectSpread$y({
+  return useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(payload) {
       return neetoFormApi.reorderQuestions(formId, filterNonNull(payload));
     }
@@ -766,7 +771,7 @@ var useForms = function useForms() {
     _ref6$pageSize = _ref6.pageSize,
     pageSize = _ref6$pageSize === void 0 ? DEFAULT_PAGE_SIZE : _ref6$pageSize,
     options = _objectWithoutProperties(_ref6, _excluded3$1);
-  return useQuery(_objectSpread$y({
+  return useQuery(_objectSpread$C({
     queryKey: [QUERY_KEYS.FORMS, page],
     queryFn: function queryFn() {
       return neetoFormApi.getForms({
@@ -781,7 +786,7 @@ var useDeleteForm = function useDeleteForm(options) {
   return useMutationWithInvalidation(function (_ref7) {
     var id = _ref7.id;
     return neetoFormApi.destroyForm(id);
-  }, _objectSpread$y(_objectSpread$y({}, options), {}, {
+  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
     keysToInvalidate: [[QUERY_KEYS.FORMS], function (_, _ref8) {
       var id = _ref8.id;
       return [QUERY_KEYS.QUESTIONS, id];
@@ -800,7 +805,7 @@ var useSubmission = function useSubmission(_ref11) {
     _ref11$fetchPublicSub = _ref11.fetchPublicSubmission,
     fetchPublicSubmission = _ref11$fetchPublicSub === void 0 ? true : _ref11$fetchPublicSub,
     options = _objectWithoutProperties(_ref11, _excluded5);
-  return useQuery(_objectSpread$y({
+  return useQuery(_objectSpread$C({
     queryKey: [QUERY_KEYS.SUBMISSION, formId, submissionId],
     queryFn: function queryFn() {
       return fetchPublicSubmission ? neetoFormApi.getPublicSubmission(formId, submissionId) : neetoFormApi.getSubmission(formId, submissionId);
@@ -810,7 +815,7 @@ var useSubmission = function useSubmission(_ref11) {
 };
 var useCreateSubmission = function useCreateSubmission(options) {
   var queryClient = useQueryClient();
-  return useMutation(_objectSpread$y(_objectSpread$y({
+  return useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(_ref12) {
       var formId = _ref12.formId,
         values = _ref12.values;
@@ -837,7 +842,7 @@ var useCreateSubmission = function useCreateSubmission(options) {
 };
 var useUpdateSubmission = function useUpdateSubmission(options) {
   var queryClient = useQueryClient();
-  return useMutation(_objectSpread$y(_objectSpread$y({
+  return useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(_ref13) {
       var formId = _ref13.formId,
         values = _ref13.values;
@@ -985,17 +990,17 @@ var useBuildFormState = function useBuildFormState() {
   return useBuildFormStore(prop("formState"));
 };
 
-var _excluded$c = ["size", "color"],
+var _excluded$f = ["size", "color"],
   _excluded2 = ["size", "color"],
   _excluded3 = ["size", "color"],
   _excluded4 = ["size", "color"];
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BadSmiley = function BadSmiley(props) {
   var size = props.size,
     color = props.color,
-    other = _objectWithoutProperties(props, _excluded$c);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$x(_objectSpread$x({
+    other = _objectWithoutProperties(props, _excluded$f);
+  return /*#__PURE__*/jsxs("svg", _objectSpread$B(_objectSpread$B({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -1019,7 +1024,7 @@ var OkaySmiley = function OkaySmiley(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$x(_objectSpread$x({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$B(_objectSpread$B({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -1043,7 +1048,7 @@ var GoodSmiley = function GoodSmiley(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties(props, _excluded3);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$x(_objectSpread$x({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$B(_objectSpread$B({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -1067,7 +1072,7 @@ var Drag = function Drag(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties(props, _excluded4);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$x(_objectSpread$x({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$B(_objectSpread$B({
     fill: "none",
     height: size,
     viewBox: "0 0 24 24",
@@ -1172,7 +1177,7 @@ var RATING_OPTIONS = [{
 
 var NAME$1 = QUESTION_TYPES.NAME,
   PHONE$1 = QUESTION_TYPES.PHONE,
-  EMAIL$1 = QUESTION_TYPES.EMAIL,
+  EMAIL$2 = QUESTION_TYPES.EMAIL,
   ADDITIONAL_GUESTS$1 = QUESTION_TYPES.ADDITIONAL_GUESTS,
   TEXT$1 = QUESTION_TYPES.TEXT,
   TEXTAREA$1 = QUESTION_TYPES.TEXTAREA,
@@ -1194,7 +1199,7 @@ var DEFAULT_OPTIONS = new Array(MINIMUM_OPTIONS).fill({
   label: ""
 });
 var QUESTION_KINDS = [{
-  type: EMAIL$1,
+  type: EMAIL$2,
   label: t$3("neetoForm.fields.eif"),
   isSingular: true,
   defaults: {
@@ -1620,8 +1625,8 @@ var Card = function Card(_ref) {
   });
 };
 
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Questions = function Questions(_ref) {
   var questions = _ref.questions,
     isDeletable = _ref.isDeletable,
@@ -1638,7 +1643,7 @@ var Questions = function Questions(_ref) {
       var droppableProps = _ref2.droppableProps,
         placeholder = _ref2.placeholder,
         innerRef = _ref2.innerRef;
-      return /*#__PURE__*/jsxs("div", _objectSpread$w(_objectSpread$w({}, droppableProps), {}, {
+      return /*#__PURE__*/jsxs("div", _objectSpread$A(_objectSpread$A({}, droppableProps), {}, {
         className: "space-y-2",
         ref: innerRef,
         children: [questions.map(function (question, index) {
@@ -1651,7 +1656,7 @@ var Questions = function Questions(_ref) {
             var draggableProps = _ref3.draggableProps,
               dragHandleProps = _ref3.dragHandleProps,
               innerRef = _ref3.innerRef;
-            return /*#__PURE__*/jsx("div", _objectSpread$w(_objectSpread$w(_objectSpread$w({}, draggableProps), dragHandleProps), {}, {
+            return /*#__PURE__*/jsx("div", _objectSpread$A(_objectSpread$A(_objectSpread$A({}, draggableProps), dragHandleProps), {}, {
               ref: innerRef,
               children: /*#__PURE__*/jsx(Card, {
                 allQuestionKinds: allQuestionKinds,
@@ -1748,8 +1753,8 @@ var arrayHelpers = {
   moveItem: moveItem
 };
 
-function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var isChoiceQuestion = function isChoiceQuestion(question) {
   return includes(question === null || question === void 0 ? void 0 : question.kind, SELECTABLE_KINDS);
 };
@@ -1788,7 +1793,7 @@ var handleFieldDragEnd = function handleFieldDragEnd(_ref2) {
   var nextItems = _toConsumableArray(items);
   arrayHelpers.moveItem(nextItems, source.index, destination.index);
   var orderedItems = nextItems.map(function (item, index) {
-    return _objectSpread$v(_objectSpread$v({}, item), {}, {
+    return _objectSpread$z(_objectSpread$z({}, item), {}, {
       displayOrder: index
     });
   });
@@ -1802,7 +1807,7 @@ var createFieldData = function createFieldData(_ref3) {
     _ref3$isRequired = _ref3.isRequired,
     isRequired = _ref3$isRequired === void 0 ? undefined : _ref3$isRequired,
     questions = _ref3.questions;
-  return _objectSpread$v(_objectSpread$v({}, defaults), {}, {
+  return _objectSpread$z(_objectSpread$z({}, defaults), {}, {
     metadata: metadata,
     isRequired: isRequired,
     kind: type,
@@ -1826,7 +1831,7 @@ var duplicateFieldData = function duplicateFieldData(_ref4) {
   var newQuestionLabel = isRichTextQuestion(kind) ? label : t$3("neetoForm.common.clonedElementLabel", {
     label: label
   });
-  return _objectSpread$v(_objectSpread$v({}, defaultAttributes), {}, {
+  return _objectSpread$z(_objectSpread$z({}, defaultAttributes), {}, {
     isRequired: isRequired,
     kind: kind,
     label: newQuestionLabel,
@@ -1896,7 +1901,7 @@ var AddFirstQuestion = function AddFirstQuestion(_ref) {
 
 var NAME = QUESTION_TYPES.NAME,
   PHONE = QUESTION_TYPES.PHONE,
-  EMAIL = QUESTION_TYPES.EMAIL,
+  EMAIL$1 = QUESTION_TYPES.EMAIL,
   ADDITIONAL_GUESTS = QUESTION_TYPES.ADDITIONAL_GUESTS,
   TEXT = QUESTION_TYPES.TEXT,
   TEXTAREA = QUESTION_TYPES.TEXTAREA,
@@ -1908,8 +1913,8 @@ var NAME = QUESTION_TYPES.NAME,
   DATE = QUESTION_TYPES.DATE,
   FILE_UPLOAD$1 = QUESTION_TYPES.FILE_UPLOAD,
   CAPTCHA$1 = QUESTION_TYPES.CAPTCHA;
-var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray(SELECTABLE_KINDS), [STAR_RATING$1, RATING$1, FILE_UPLOAD$1, CAPTCHA$1]);
-var QUESTIONS_WITH_PLACEHOLDERS = [NAME, PHONE, EMAIL, ADDITIONAL_GUESTS, TEXT, TEXTAREA, RICH_TEXT, INTEGER, DECIMAL, DATE];
+var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray(SELECTABLE_KINDS), [STAR_RATING$1, RATING$1, FILE_UPLOAD$1, CAPTCHA$1, EMAIL$1]);
+var QUESTIONS_WITH_PLACEHOLDERS = [NAME, PHONE, EMAIL$1, ADDITIONAL_GUESTS, TEXT, TEXTAREA, RICH_TEXT, INTEGER, DECIMAL, DATE];
 var DEFAULT_PLACEHOLDERS = {
   CHECKBOX: t$3("neetoForm.questions.common.questionFields.field.labelExample", {
     what: t$3("neetoForm.common.hobbies")
@@ -1927,13 +1932,13 @@ var INITIAL_VALUES = {
   fieldCode: ""
 };
 
-var _excluded$b = ["label", "name"];
-function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$e = ["label", "name"];
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
   var label = _ref.label,
     name = _ref.name,
-    otherProps = _objectWithoutProperties(_ref, _excluded$b);
+    otherProps = _objectWithoutProperties(_ref, _excluded$e);
   var _useFormikContext = useFormikContext(),
     dirty = _useFormikContext.dirty,
     isValid = _useFormikContext.isValid,
@@ -1948,7 +1953,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
     var end = element.value.length;
     element.setSelectionRange(end, end);
   };
-  return /*#__PURE__*/jsx(Textarea, _objectSpread$u({
+  return /*#__PURE__*/jsx(Textarea, _objectSpread$y({
     label: label,
     name: name,
     className: "neeto-form-nano-adaptive-input",
@@ -2102,12 +2107,12 @@ var RequiredSwitch = withT(function (_ref) {
   });
 });
 
-var _excluded$a = ["maxLength"];
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$d = ["maxLength"];
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputWithMaxLength = function InputWithMaxLength(_ref) {
   var maxLength = _ref.maxLength,
-    props = _objectWithoutProperties(_ref, _excluded$a);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   var _useField = useField(props),
     _useField2 = _slicedToArray(_useField, 3),
     value = _useField2[0].value,
@@ -2118,7 +2123,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
     }
   }, [value, maxLength, setValue]);
   var shouldShowMaxLength = value && value.length > maxLength - 10;
-  return /*#__PURE__*/jsx(Input, _objectSpread$t(_objectSpread$t({}, props), shouldShowMaxLength && {
+  return /*#__PURE__*/jsx(Input, _objectSpread$x(_objectSpread$x({}, props), shouldShowMaxLength && {
     maxLength: maxLength
   }));
 };
@@ -2162,6 +2167,8 @@ var Form$1 = function Form(_ref) {
     getActiveKindDetails = _ref.getActiveKindDetails,
     additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    enableDomainRestriction = _ref.enableDomainRestriction,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     _ref$isEdit = _ref.isEdit,
     isEdit = _ref$isEdit === void 0 ? false : _ref$isEdit;
   var _useTranslation = useTranslation(),
@@ -2247,7 +2254,9 @@ var Form$1 = function Form(_ref) {
             label: t("neetoForm.questions.common.questionFields.field.placeholder")
           }), hasAdditionalData && renderAdditionalData({
             kind: kind,
-            questionProps: questionProps
+            questionProps: questionProps,
+            domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+            enableDomainRestriction: enableDomainRestriction
           })]
         }), !isRequired && /*#__PURE__*/jsxs(Block, {
           dataCy: "settings-card",
@@ -2303,9 +2312,9 @@ var formValidationSchema = yup.object().shape({
   lowestRatingLabel: yup.string().nullable()
 });
 
-var _excluded$9 = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs", "isOpen", "fieldCodeHelpDocUrl"];
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$c = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs", "isOpen", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Add = function Add(_ref) {
   var question = _ref.question,
     onClose = _ref.onClose,
@@ -2314,7 +2323,8 @@ var Add = function Add(_ref) {
     buildRequestArgs = _ref.buildRequestArgs,
     isOpen = _ref.isOpen,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
-    props = _objectWithoutProperties(_ref, _excluded$9);
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    props = _objectWithoutProperties(_ref, _excluded$c);
   var _useBuildFormStore = useBuildFormStore(function (store) {
       var _store$formState, _store$formState2;
       return {
@@ -2337,7 +2347,7 @@ var Add = function Add(_ref) {
   var handleSubmit = function handleSubmit(values) {
     if (isCreating || !isOpen) return;
     var displayOrder = question ? question.displayOrder + 1 : questions.length;
-    createQuestion(_objectSpread$s({
+    createQuestion(_objectSpread$w({
       language: language,
       neetoFormQuestion: mergeLeft({
         displayOrder: displayOrder
@@ -2366,7 +2376,8 @@ var Add = function Add(_ref) {
         onSubmit: handleSubmit
       },
       children: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Form$1, _objectSpread$s({}, _objectSpread$s(_objectSpread$s({}, props), {}, {
+        children: [/*#__PURE__*/jsx(Form$1, _objectSpread$w({}, _objectSpread$w(_objectSpread$w({}, props), {}, {
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
           fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           question: question,
           questions: questions
@@ -2383,15 +2394,16 @@ var Add = function Add(_ref) {
   });
 };
 
-var _excluded$8 = ["question", "isOpen", "onClose", "fieldCodeHelpDocUrl"];
-function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$b = ["question", "isOpen", "onClose", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Edit = function Edit(_ref) {
   var question = _ref.question,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    props = _objectWithoutProperties(_ref, _excluded$b);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useBuildFormStore = useBuildFormStore(function (store) {
@@ -2438,7 +2450,8 @@ var Edit = function Edit(_ref) {
         onSubmit: handleSubmit
       },
       children: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Form$1, _objectSpread$r(_objectSpread$r({}, _objectSpread$r({
+        children: [/*#__PURE__*/jsx(Form$1, _objectSpread$v(_objectSpread$v({}, _objectSpread$v({
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
           fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           question: question
         }, props)), {}, {
@@ -2474,6 +2487,342 @@ var Captcha = withT(function (_ref) {
   });
 });
 
+var _excluded$a = ["name", "title", "className"];
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SwitchBlock = function SwitchBlock(_ref) {
+  var name = _ref.name,
+    title = _ref.title,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$a);
+  return /*#__PURE__*/jsxs(Label, {
+    className: classnames("flex items-center justify-start gap-2 ", className),
+    "data-cy": "neeto-form-engine-".concat(hyphenate(title), "-toggle-label"),
+    children: [/*#__PURE__*/jsx(Switch, _objectSpread$u(_objectSpread$u({}, _objectSpread$u(_objectSpread$u({}, otherProps), {}, {
+      name: name
+    })), {}, {
+      "data-cy": "neeto-form-engine-".concat(hyphenate(title), "-switch")
+    })), /*#__PURE__*/jsx(Typography, {
+      component: "span",
+      style: "body1",
+      children: title
+    })]
+  });
+};
+
+var _excluded$9 = ["children"];
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var STYLES = {
+  border: {
+    "default": "1px solid rgb(var(--neeto-ui-gray-400))",
+    error: "1px solid rgb(var(--neeto-ui-error-800)) !important"
+  },
+  color: {
+    "default": "rgb(var(--neeto-ui-gray-800))",
+    error: "rgb(var(--neeto-ui-error-800)) !important"
+  }
+};
+var MultiValueRemove = function MultiValueRemove(props) {
+  return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread$t(_objectSpread$t({}, props), {}, {
+    innerProps: _objectSpread$t(_objectSpread$t({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon"))),
+    children: /*#__PURE__*/jsx(Close, {
+      size: 16
+    })
+  }));
+};
+var ValueContainer = function ValueContainer(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$9);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var getValue = props.getValue,
+    _props$selectProps = props.selectProps,
+    isFocused = _props$selectProps.isFocused,
+    visibleDomainsCount = _props$selectProps.visibleDomainsCount;
+  var value = getValue();
+  var _children = _toArray(children),
+    firstChild = _children[0],
+    rest = _children.slice(1);
+  var shouldCollapse = !isFocused && value.length > visibleDomainsCount;
+  return /*#__PURE__*/jsxs(components.ValueContainer, _objectSpread$t(_objectSpread$t({}, props), {}, {
+    innerProps: _objectSpread$t(_objectSpread$t({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-domain-input-container")),
+    children: [shouldCollapse ? firstChild.slice(0, visibleDomainsCount) : firstChild, shouldCollapse && /*#__PURE__*/jsx(Tag, {
+      style: "secondary",
+      label: t("neetoForm.common.remainingItemsCount", {
+        count: value.length - visibleDomainsCount
+      })
+    }), rest]
+  }));
+};
+var ClearIndicator = function ClearIndicator(props) {
+  return /*#__PURE__*/jsx(components.ClearIndicator, _objectSpread$t(_objectSpread$t({}, props), {}, {
+    innerProps: _objectSpread$t(_objectSpread$t({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
+    children: /*#__PURE__*/jsx(Close, {
+      className: "cursor-pointer",
+      size: 16
+    })
+  }));
+};
+var ERROR_MESSAGE_DELIMITER = ". ";
+var DELIMITER_KEYS = ["Enter", "Tab", ",", " "];
+var DOMAIN_SEPARATION_REGEX = /[^\s,]+/g;
+var FLEXIBLE_DOMAIN_REGEX = /^[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)+$/;
+var VALID_DOMAIN_REGEX = /^(?:[a-zA-Z0-9-]{1,63}\.)+[a-zA-Z0-9-]{2,63}$/;
+var DOMAIN_VALIDATION_SCHEMA = yup.string().required(t$3("neetoForm.error.requiredField", {
+  label: t$3("neetoForm.common.domain")
+})).test("verify domains", t$3("neetoForm.error.invalidDomain"), function (domain) {
+  return VALID_DOMAIN_REGEX.test(domain);
+});
+var CUSTOM_STYLES = {
+  input: assoc("overflow", "hidden"),
+  multiValue: function multiValue(styles, _ref2) {
+    var valid = _ref2.data.valid;
+    return _objectSpread$t(_objectSpread$t({}, styles), {}, {
+      border: valid ? STYLES.border["default"] : STYLES.border.error,
+      color: valid ? STYLES.color["default"] : STYLES.color.error
+    });
+  }
+};
+var CUSTOM_COMPONENTS = {
+  DropdownIndicator: null,
+  MultiValueRemove: MultiValueRemove,
+  ValueContainer: ValueContainer,
+  ClearIndicator: ClearIndicator
+};
+
+var removeDuplicateErrorMessages = pipe(filter(isNotNil), uniq, join(ERROR_MESSAGE_DELIMITER));
+var formatDomainInputOptions = function formatDomainInputOptions(domain) {
+  var isValid;
+  try {
+    DOMAIN_VALIDATION_SCHEMA.validateSync(domain);
+    isValid = true;
+  } catch (_unused) {
+    isValid = false;
+  }
+  return {
+    label: domain,
+    value: domain,
+    valid: isValid
+  };
+};
+var pruneDuplicates = pipe(pluck("value"), uniq, map(formatDomainInputOptions));
+var getValidDomains = function getValidDomains(domains) {
+  return domains.filter(function (domain) {
+    return domain === null || domain === void 0 ? void 0 : domain.valid;
+  });
+};
+var getValidDomainsCount = function getValidDomainsCount(domains) {
+  return getValidDomains(domains).length;
+};
+var formatErrorMessage = function formatErrorMessage(error) {
+  if (typeof error === "string") return error;
+  return removeDuplicateErrorMessages(error);
+};
+
+var _excluded$8 = ["label", "value", "onChange", "error", "onBlur"];
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MultiDomainInput = function MultiDomainInput(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
+    otherProps = _objectWithoutProperties(_ref, _excluded$8);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFocused = _useState4[0],
+    setIsFocused = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleFilterDomains = function handleFilterDomains() {
+    return onChange(getValidDomains(value));
+  };
+  var handleDomainChange = function handleDomainChange() {
+    var inputValues = inputValue.match(DOMAIN_SEPARATION_REGEX) || [];
+    var domainMatches = filter(test(FLEXIBLE_DOMAIN_REGEX), inputValues);
+    var domains = domainMatches.map(formatDomainInputOptions);
+    onChange(pruneDuplicates([].concat(_toConsumableArray(value), _toConsumableArray(domains))));
+    setInputValue("");
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!inputValue) return;
+    if (includes(event.key, DELIMITER_KEYS)) {
+      handleDomainChange();
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+  var onCreateOption = function onCreateOption(input) {
+    var domain = formatDomainInputOptions(input);
+    onChange(pruneDuplicates([].concat(_toConsumableArray(value), [domain])));
+  };
+  var handleBlur = function handleBlur(event) {
+    inputValue ? handleDomainChange() : onBlur(event);
+    setIsFocused(false);
+  };
+  var isFilterDomainsLinkVisible = value.length > getValidDomainsCount(value);
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-ui-email-input__label-wrapper",
+      children: /*#__PURE__*/jsx(Label, {
+        className: "neeto-ui-email-input__label",
+        "data-cy": "".concat(hyphenize(label), "-input-label"),
+        children: label
+      })
+    }), /*#__PURE__*/jsx(CreatableSelect, _objectSpread$s({
+      isMulti: true,
+      required: true,
+      classNamePrefix: "neeto-ui-react-select",
+      components: CUSTOM_COMPONENTS,
+      menuIsOpen: false,
+      visibleDomainsCount: 3,
+      className: classnames("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
+        "neeto-ui-react-select__container--error": !!error
+      }),
+      styles: _objectSpread$s(_objectSpread$s({}, CUSTOM_STYLES), {}, {
+        control: mergeLeft({
+          maxHeight: "200px",
+          overflowY: "auto"
+        })
+      }),
+      onBlur: handleBlur,
+      onFocus: function onFocus() {
+        return setIsFocused(true);
+      },
+      onInputChange: setInputValue,
+      onKeyDown: handleKeyDown
+    }, _objectSpread$s({
+      inputValue: inputValue,
+      isFocused: isFocused,
+      onChange: onChange,
+      onCreateOption: onCreateOption,
+      value: value
+    }, otherProps))), !!error && /*#__PURE__*/jsxs("p", {
+      className: "neeto-ui-input__error",
+      "data-cy": "".concat(hyphenize(label), "-input-error"),
+      children: [formatErrorMessage(error), isFilterDomainsLinkVisible && /*#__PURE__*/jsxs("span", {
+        className: "neeto-ui-font-semibold cursor-pointer",
+        onClick: handleFilterDomains,
+        children: [ERROR_MESSAGE_DELIMITER, t("neetoForm.domainRestriction.removeInvalidDomains")]
+      })]
+    }), /*#__PURE__*/jsx("p", {
+      className: "neeto-ui-input__help-text",
+      "data-cy": "".concat(hyphenize(label), "-input-help"),
+      children: t("neetoForm.domainRestriction.helpText")
+    })]
+  });
+};
+
+var validateDomains = function validateDomains(value) {
+  var schema = yup.array().of(yup.string().test("verify domains", t$3("neetoForm.error.invalidDomain"), function (domain) {
+    return VALID_DOMAIN_REGEX.test(domain);
+  })).ensure().compact().min(1, t$3("neetoForm.error.minOneEntity", {
+    entity: t$3("neetoForm.common.domain")
+  }));
+
+  // eslint-disable-next-line no-async-promise-executor
+  return new Promise( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return schema.validate(value);
+          case 3:
+            resolve(undefined);
+            _context.next = 9;
+            break;
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+            resolve(_context.t0.message);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 6]]);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+};
+
+var RestrictedDomains = function RestrictedDomains() {
+  var _useField = useField({
+      name: "restrictedDomains",
+      validate: validateDomains
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    _useField2$0$value = _useField2[0].value,
+    domains = _useField2$0$value === void 0 ? [] : _useField2$0$value,
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var formattedDomains = map(formatDomainInputOptions, domains);
+  return /*#__PURE__*/jsx("div", {
+    className: "mb-4",
+    children: /*#__PURE__*/jsx(MultiDomainInput, {
+      error: meta.touched ? meta.error : "",
+      label: t("neetoForm.domainRestriction.description"),
+      name: "restrictedDomains",
+      value: formattedDomains,
+      onBlur: function onBlur() {
+        return setTouched(true);
+      },
+      onChange: function onChange(value) {
+        return setValue(nullSafe(pluck)("value", value));
+      }
+    })
+  });
+};
+
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Email = function Email(_ref) {
+  var _ref$domainRestrictio = _ref.domainRestrictionHelpDocUrl,
+    domainRestrictionHelpDocUrl = _ref$domainRestrictio === void 0 ? "" : _ref$domainRestrictio;
+  var _useFormikContext = useFormikContext(),
+    _useFormikContext$val = _useFormikContext.values.isDomainRestrictionEnabled,
+    isDomainRestrictionEnabled = _useFormikContext$val === void 0 ? false : _useFormikContext$val;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col space-y-4",
+    children: [/*#__PURE__*/jsx(SwitchBlock, {
+      className: "mt-4",
+      name: "isDomainRestrictionEnabled",
+      title: /*#__PURE__*/jsxs("div", {
+        className: "flex gap-2",
+        children: [t("neetoForm.domainRestriction.label"), /*#__PURE__*/jsx(HelpPopover, _objectSpread$r({
+          description: t("neetoForm.domainRestriction.popoverDescription")
+        }, domainRestrictionHelpDocUrl && {
+          helpLinkProps: {
+            href: domainRestrictionHelpDocUrl
+          }
+        }))]
+      })
+    }), isDomainRestrictionEnabled && /*#__PURE__*/jsx(RestrictedDomains, {})]
+  });
+};
+
 var FileGroup = function FileGroup(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -2804,7 +3153,8 @@ var CHECKBOX = QUESTION_TYPES.CHECKBOX,
   STAR_RATING = QUESTION_TYPES.STAR_RATING,
   RATING = QUESTION_TYPES.RATING,
   FILE_UPLOAD = QUESTION_TYPES.FILE_UPLOAD,
-  CAPTCHA = QUESTION_TYPES.CAPTCHA;
+  CAPTCHA = QUESTION_TYPES.CAPTCHA,
+  EMAIL = QUESTION_TYPES.EMAIL;
 var transformValueForOption = function transformValueForOption(_ref) {
   var label = _ref.label,
     type = _ref.type;
@@ -2812,7 +3162,9 @@ var transformValueForOption = function transformValueForOption(_ref) {
 };
 var renderAdditionalData = function renderAdditionalData(_ref2) {
   var kind = _ref2.kind,
-    questionProps = _ref2.questionProps;
+    questionProps = _ref2.questionProps,
+    domainRestrictionHelpDocUrl = _ref2.domainRestrictionHelpDocUrl,
+    enableDomainRestriction = _ref2.enableDomainRestriction;
   switch (kind) {
     case CHECKBOX:
     case RADIO:
@@ -2828,6 +3180,10 @@ var renderAdditionalData = function renderAdditionalData(_ref2) {
       return /*#__PURE__*/jsx(FileUpload$1, {});
     case CAPTCHA:
       return /*#__PURE__*/jsx(Captcha, {});
+    case EMAIL:
+      return enableDomainRestriction ? /*#__PURE__*/jsx(Email, {
+        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl
+      }) : null;
     default:
       return null;
   }
@@ -2859,7 +3215,7 @@ var buildDefaultValueForKind = function buildDefaultValueForKind(questionKind) {
   } : undefined;
 };
 
-var _excluded$7 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds", "fieldCodeHelpDocUrl"];
+var _excluded$7 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
 function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ManageQuestionPane = function ManageQuestionPane(_ref) {
@@ -2869,6 +3225,7 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     question = _ref.question,
     availableQuestionKinds = _ref.availableQuestionKinds,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     props = _objectWithoutProperties(_ref, _excluded$7);
   var initialFocusRef = useRef(null);
   var Component = resolveActionComponent(action);
@@ -2878,6 +3235,7 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     onClose: onClose,
     children: /*#__PURE__*/jsx(Component, _objectSpread$o({}, _objectSpread$o({
       availableQuestionKinds: availableQuestionKinds,
+      domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
       fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
       initialFocusRef: initialFocusRef,
       isOpen: isOpen,
@@ -2910,7 +3268,7 @@ var AddQuestion = withT(function (_ref) {
   });
 });
 
-var _excluded$6 = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "buildRequestArgs", "fieldCodeHelpDocUrl"];
+var _excluded$6 = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "buildRequestArgs", "fieldCodeHelpDocUrl", "enableDomainRestriction", "domainRestrictionHelpDocUrl"];
 function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = function Form(_ref) {
@@ -2939,6 +3297,8 @@ var Form = function Form(_ref) {
     showActionBlock = _ref.showActionBlock,
     buildRequestArgs = _ref.buildRequestArgs,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    enableDomainRestriction = _ref.enableDomainRestriction,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     formDomProps = _objectWithoutProperties(_ref, _excluded$6);
   var containerRef = useRef();
   var _useTranslation = useTranslation(),
@@ -3132,6 +3492,8 @@ var Form = function Form(_ref) {
         additionalQuestionKindPattern: additionalQuestionKindPattern,
         availableQuestionKinds: availableQuestionKinds,
         buildRequestArgs: buildRequestArgs,
+        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+        enableDomainRestriction: enableDomainRestriction,
         enableFieldCode: enableFieldCode,
         fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
         getActiveKindDetails: getActiveKindDetails,
@@ -3196,6 +3558,9 @@ var BuildForm = function BuildForm(_ref) {
     additionalActionOptions = _ref$additionalAction === void 0 ? [] : _ref$additionalAction,
     additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    _ref$enableDomainRest = _ref.enableDomainRestriction,
+    enableDomainRestriction = _ref$enableDomainRest === void 0 ? true : _ref$enableDomainRest,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     className = _ref.className;
   var queryClient = useQueryClient();
   var _useReorderQuestions = useReorderQuestions(id, {
@@ -3278,6 +3643,8 @@ var BuildForm = function BuildForm(_ref) {
           buildRequestArgs: buildRequestArgs,
           cancelButtonProps: cancelButtonProps,
           disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+          enableDomainRestriction: enableDomainRestriction,
           enableFieldCode: enableFieldCode,
           fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           formDescription: formDescription,
@@ -3600,6 +3967,13 @@ yup.addMethod(yup.array, "unique", function () {
 var isValidDate = function isValidDate(date) {
   return date && dayjs(date).isValid();
 };
+var extractEmailDomain = function extractEmailDomain(email) {
+  return email === null || email === void 0 ? void 0 : email.split("@")[1];
+};
+var isEmailFromRestrictedDomain = function isEmailFromRestrictedDomain(email, restrictedDomains) {
+  var domain = extractEmailDomain(email);
+  return includes(domain, restrictedDomains);
+};
 var validateTextField = function validateTextField(_ref) {
   var kind = _ref.kind,
     label = _ref.label,
@@ -3613,60 +3987,68 @@ var validateTextField = function validateTextField(_ref) {
 };
 var validateEmailField = function validateEmailField(_ref2) {
   var label = _ref2.label,
-    isRequired = _ref2.isRequired;
-  var schema = yup.string().typeError(getInvalidTypeError(label, "string")).email(getInvalidFieldError("Email"));
+    isRequired = _ref2.isRequired,
+    restrictedDomains = _ref2.restrictedDomains;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string")).email(getInvalidFieldError("Email")).test("verify domain", function (_ref3) {
+    var value = _ref3.value;
+    return t$1("neetoForm.error.emailFromRestrictedDomain", {
+      domain: extractEmailDomain(value)
+    });
+  }, function (value) {
+    return isNotPresent(value) || !isEmailFromRestrictedDomain(value, restrictedDomains);
+  });
   if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
   return schema.trim();
 };
-var validateNameField = function validateNameField(_ref3) {
-  var label = _ref3.label,
-    isRequired = _ref3.isRequired;
+var validateNameField = function validateNameField(_ref4) {
+  var label = _ref4.label,
+    isRequired = _ref4.isRequired;
   var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
   if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
   return schema.trim();
 };
-var validateSingleChoiceField = function validateSingleChoiceField(_ref4) {
-  var label = _ref4.label,
-    isRequired = _ref4.isRequired;
+var validateSingleChoiceField = function validateSingleChoiceField(_ref5) {
+  var label = _ref5.label,
+    isRequired = _ref5.isRequired;
   var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
   if (isRequired) schema = schema.required(getSelectMinError("an"));
   return schema.trim();
 };
-var validateMultiChoiceField = function validateMultiChoiceField(_ref5) {
-  var isRequired = _ref5.isRequired;
+var validateMultiChoiceField = function validateMultiChoiceField(_ref6) {
+  var isRequired = _ref6.isRequired;
   var schema = yup.array().of(yup["boolean"]());
   if (isRequired) schema = schema.compact().min(1, getSelectMinError("an"));
   return schema;
 };
-var validateRatingField = function validateRatingField(_ref6) {
-  var label = _ref6.label,
-    isRequired = _ref6.isRequired;
+var validateRatingField = function validateRatingField(_ref7) {
+  var label = _ref7.label,
+    isRequired = _ref7.isRequired;
   var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
   if (isRequired) schema = schema.required(getSelectMinError("an"));
   return schema.trim();
 };
-var validateStarRatingField = function validateStarRatingField(_ref7) {
-  var label = _ref7.label,
-    isRequired = _ref7.isRequired;
+var validateStarRatingField = function validateStarRatingField(_ref8) {
+  var label = _ref8.label,
+    isRequired = _ref8.isRequired;
   var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
   if (isRequired) {
     schema = schema.required(getSelectMinError("a", t$1("neetoForm.common.rating")));
   }
   return schema.trim();
 };
-var validateTermsField = function validateTermsField(_ref8) {
-  var _ref8$isRequired = _ref8.isRequired,
-    isRequired = _ref8$isRequired === void 0 ? true : _ref8$isRequired;
-  return isRequired ? yup["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
-};
-var validateConditionField = function validateConditionField(_ref9) {
+var validateTermsField = function validateTermsField(_ref9) {
   var _ref9$isRequired = _ref9.isRequired,
     isRequired = _ref9$isRequired === void 0 ? true : _ref9$isRequired;
+  return isRequired ? yup["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
+};
+var validateConditionField = function validateConditionField(_ref10) {
+  var _ref10$isRequired = _ref10.isRequired,
+    isRequired = _ref10$isRequired === void 0 ? true : _ref10$isRequired;
   return isRequired ? yup["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptCondition")) : yup["boolean"]().notRequired();
 };
-var validateDateField = function validateDateField(_ref10) {
-  var label = _ref10.label,
-    isRequired = _ref10.isRequired;
+var validateDateField = function validateDateField(_ref11) {
+  var label = _ref11.label,
+    isRequired = _ref11.isRequired;
   var schema = yup.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
     return isNotPresent(value) || isValidDate(value);
   });
@@ -3675,8 +4057,8 @@ var validateDateField = function validateDateField(_ref10) {
   }
   return schema;
 };
-var validateMultiEmailField = function validateMultiEmailField(_ref11) {
-  var isRequired = _ref11.isRequired;
+var validateMultiEmailField = function validateMultiEmailField(_ref12) {
+  var isRequired = _ref12.isRequired;
   var schema = yup.array().of(yup.object().shape({
     value: yup.string().email(getInvalidFieldError("Email")).trim()
   })).nullable();
@@ -3688,17 +4070,17 @@ var validateMultiEmailField = function validateMultiEmailField(_ref11) {
 var editorHasValue = function editorHasValue(content) {
   return !isEditorEmpty(content);
 };
-var validateRichTextField = function validateRichTextField(_ref12) {
-  var isRequired = _ref12.isRequired;
+var validateRichTextField = function validateRichTextField(_ref13) {
+  var isRequired = _ref13.isRequired;
   var schema = yup.string();
   if (isRequired) {
     schema = schema.test("required", getRequiredFieldError("content"), editorHasValue);
   }
   return schema.trim();
 };
-var validateFileUploadField = function validateFileUploadField(_ref13) {
-  var isRequired = _ref13.isRequired,
-    multipleFilesAllowed = _ref13.multipleFilesAllowed;
+var validateFileUploadField = function validateFileUploadField(_ref14) {
+  var isRequired = _ref14.isRequired,
+    multipleFilesAllowed = _ref14.multipleFilesAllowed;
   var files_schema = yup.array();
   if (isRequired) {
     files_schema = files_schema.of(yup.object().shape({
@@ -3711,8 +4093,8 @@ var validateFileUploadField = function validateFileUploadField(_ref13) {
     files: files_schema
   });
 };
-var validateCaptchaField = function validateCaptchaField(_ref14) {
-  var variant = _ref14.variant;
+var validateCaptchaField = function validateCaptchaField(_ref15) {
+  var variant = _ref15.variant;
   return variant === CAPTCHA_TYPES.MATH_CAPTCHA ? yup.mixed().test("verification failed", t$1("neetoForm.error.captchaVerificationFailed"), function (value) {
     return isNotPresent(value) || value;
   }).transform(function (value) {
@@ -3720,10 +4102,10 @@ var validateCaptchaField = function validateCaptchaField(_ref14) {
   }).required(t$1("neetoForm.error.incompleteCaptcha")) : yup.string().trim().required(t$1("neetoForm.error.incompleteCaptcha"));
 };
 var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.EMAIL.value, validateEmailField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.NAME.value, validateNameField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.PHONE.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TEXT.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.QUESTION.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TEXTAREA.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DECIMAL.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.INTEGER.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RATING.value, validateRatingField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TERMS.value, validateTermsField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DATE.value, validateDateField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.STAR_RATING.value, validateStarRatingField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RICH_TEXT.value, validateRichTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CONDITION.value, validateConditionField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CAPTCHA.value, validateCaptchaField), _fieldKindValidatorMa);
-var validateFieldValue = function validateFieldValue(_ref15) {
-  var kind = _ref15.kind,
-    customValidator = _ref15.customValidator,
-    otherProps = _objectWithoutProperties(_ref15, _excluded$4);
+var validateFieldValue = function validateFieldValue(_ref16) {
+  var kind = _ref16.kind,
+    customValidator = _ref16.customValidator,
+    otherProps = _objectWithoutProperties(_ref16, _excluded$4);
   return function (value) {
     if (!(kind in fieldKindValidatorMap)) return;
     var validator = fieldKindValidatorMap[kind];
@@ -3733,7 +4115,7 @@ var validateFieldValue = function validateFieldValue(_ref15) {
 
     // eslint-disable-next-line consistent-return, no-async-promise-executor
     return new Promise( /*#__PURE__*/function () {
-      var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
+      var _ref17 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -3755,7 +4137,7 @@ var validateFieldValue = function validateFieldValue(_ref15) {
         }, _callee, null, [[0, 6]]);
       }));
       return function (_x) {
-        return _ref16.apply(this, arguments);
+        return _ref17.apply(this, arguments);
       };
     }());
   };
@@ -4415,6 +4797,8 @@ var EmailField = function EmailField(_ref) {
   var name = question.id,
     kind = question.kind,
     isRequired = question.isRequired,
+    isDomainRestrictionEnabled = question.isDomainRestrictionEnabled,
+    restrictedDomains = question.restrictedDomains,
     nodeId = question.nodeId;
   var label = fieldWithFallback(question, "label");
   var type = QUESTION_KIND[kind.toUpperCase()].type;
@@ -4424,7 +4808,8 @@ var EmailField = function EmailField(_ref) {
         kind: kind,
         label: label,
         isRequired: isRequired,
-        customValidator: customValidator
+        customValidator: customValidator,
+        restrictedDomains: isDomainRestrictionEnabled ? restrictedDomains : []
       })
     }),
     _useField2 = _slicedToArray(_useField, 3),