@bigbinary/neeto-form-frontend 3.2.2 → 3.3.0

package/dist/index.cjs.js

@@ -43,19 +43,24 @@ var Accordion = require('@bigbinary/neetoui/Accordion');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var yup = require('yup');
 var Radio = require('@bigbinary/neetoui/formik/Radio');
+var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var Label = require('@bigbinary/neetoui/Label');
+var CreatableSelect = require('react-select/creatable');
+var _toArray = require('@babel/runtime/helpers/toArray');
+var Close = require('@bigbinary/neeto-icons/Close');
+var Tag = require('@bigbinary/neetoui/Tag');
+var reactSelect = require('react-select');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var Checkbox$1 = require('@bigbinary/neetoui/formik/Checkbox');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var Delete = require('@bigbinary/neeto-icons/Delete');
 var Plus = require('@bigbinary/neeto-icons/Plus');
-var Label = require('@bigbinary/neetoui/Label');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Warning = require('@bigbinary/neeto-icons/Warning');
 var Toastr = require('@bigbinary/neetoui/Toastr');
 var Spinner$2 = require('@bigbinary/neetoui/Spinner');
 var NeetoUICallout = require('@bigbinary/neetoui/Callout');
-var Close = require('@bigbinary/neeto-icons/Close');
 var Check = require('@bigbinary/neeto-icons/Check');
 var dayjs = require('dayjs');
 var libphonenumberJs = require('libphonenumber-js');
@@ -129,19 +134,23 @@ var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
+var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
+var CreatableSelect__default = /*#__PURE__*/_interopDefaultLegacy(CreatableSelect);
+var _toArray__default = /*#__PURE__*/_interopDefaultLegacy(_toArray);
+var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
+var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
 var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete);
 var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
-var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
-var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
 var Warning__default = /*#__PURE__*/_interopDefaultLegacy(Warning);
 var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
 var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner$2);
 var NeetoUICallout__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUICallout);
-var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var EditorContent__default = /*#__PURE__*/_interopDefaultLegacy(EditorContent);
@@ -182,18 +191,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__default["default"](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__default["default"](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__default["default"](props, _excluded$e);
-  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$z(_objectSpread$z({
+    other = _objectWithoutProperties__default["default"](props, _excluded$h);
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -213,7 +222,7 @@ var Heart = function Heart(props) {
   var _props$size2 = props.size,
     size = _props$size2 === void 0 ? 20 : _props$size2,
     other = _objectWithoutProperties__default["default"](props, _excluded2$2);
-  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$z(_objectSpread$z({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -233,7 +242,7 @@ var Zap = function Zap(props) {
   var _props$size3 = props.size,
     size = _props$size3 === void 0 ? 20 : _props$size3,
     other = _objectWithoutProperties__default["default"](props, _excluded3$2);
-  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$z(_objectSpread$z({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -253,7 +262,7 @@ var Crown = function Crown(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 20 : _ref$size,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded4$1);
-  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$z(_objectSpread$z({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -277,7 +286,7 @@ var Trophy = function Trophy(_ref2) {
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 20 : _ref2$size,
     otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded5$1);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$z(_objectSpread$z({
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$D(_objectSpread$D({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -663,20 +672,20 @@ var handleQuestionMutationSuccess = function handleQuestionMutationSuccess(_ref)
   onSuccess === null || onSuccess === void 0 || onSuccess.apply(void 0, _toConsumableArray__default["default"](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__default["default"](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__default["default"](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__default["default"].resolvedLanguage : _ref$language,
-    options = _objectWithoutProperties__default["default"](_ref, _excluded$d);
-  return reactQuery.useQuery(_objectSpread$y({
+    options = _objectWithoutProperties__default["default"](_ref, _excluded$g);
+  return reactQuery.useQuery(_objectSpread$C({
     queryKey: [QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId, language],
     queryFn: function queryFn() {
       return neetoFormApi.getPublicQuestions(formId, language);
@@ -689,7 +698,7 @@ var useFetchQuestions = function useFetchQuestions(_ref2) {
     _ref2$language = _ref2.language,
     language = _ref2$language === void 0 ? i18next__default["default"].resolvedLanguage : _ref2$language,
     options = _objectWithoutProperties__default["default"](_ref2, _excluded2$1);
-  return reactQuery.useQuery(_objectSpread$y({
+  return reactQuery.useQuery(_objectSpread$C({
     queryKey: [QUERY_KEYS.QUESTIONS, formId, language],
     queryFn: function queryFn() {
       return neetoFormApi.getQuestions(formId, language);
@@ -700,7 +709,7 @@ var useFetchQuestions = function useFetchQuestions(_ref2) {
 var useCreateForm = function useCreateForm(options) {
   var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : i18next__default["default"].resolvedLanguage;
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(_objectSpread$y(_objectSpread$y({
+  return reactQuery.useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: neetoFormApi.createForm
   }, options), {}, {
     onSuccess: function onSuccess(form) {
@@ -720,7 +729,7 @@ var useCreateForm = function useCreateForm(options) {
 var useUpdateForm = function useUpdateForm(options) {
   var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : i18next__default["default"].resolvedLanguage;
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(_objectSpread$y(_objectSpread$y({
+  return reactQuery.useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(_ref3) {
       var id = _ref3.id,
         values = _ref3.values;
@@ -750,7 +759,7 @@ var useUpdateForm = function useUpdateForm(options) {
 var useCreateQuestion = function useCreateQuestion(formId, language) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(_objectSpread$y(_objectSpread$y({
+  return reactQuery.useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(payload) {
       return neetoFormApi.createQuestion(formId, neetoCist.filterNonNull(payload));
     }
@@ -772,7 +781,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 = reactQuery.useQueryClient();
-  return reactQuery.useMutation(_objectSpread$y(_objectSpread$y({
+  return reactQuery.useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(_ref5) {
       var questionId = _ref5.questionId,
         payload = _ref5.payload;
@@ -800,7 +809,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 = reactQuery.useQueryClient();
-  return reactQuery.useMutation(_objectSpread$y(_objectSpread$y({
+  return reactQuery.useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(questionId) {
       return neetoFormApi.deleteQuestion(formId, questionId);
     }
@@ -822,7 +831,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 = reactQuery.useQueryClient();
-  return reactQuery.useMutation(_objectSpread$y(_objectSpread$y({
+  return reactQuery.useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(payload) {
       return neetoFormApi.reorderQuestions(formId, neetoCist.filterNonNull(payload));
     }
@@ -848,7 +857,7 @@ var useForms = function useForms() {
     _ref6$pageSize = _ref6.pageSize,
     pageSize = _ref6$pageSize === void 0 ? constants.DEFAULT_PAGE_SIZE : _ref6$pageSize,
     options = _objectWithoutProperties__default["default"](_ref6, _excluded3$1);
-  return reactQuery.useQuery(_objectSpread$y({
+  return reactQuery.useQuery(_objectSpread$C({
     queryKey: [QUERY_KEYS.FORMS, page],
     queryFn: function queryFn() {
       return neetoFormApi.getForms({
@@ -863,7 +872,7 @@ var useDeleteForm = function useDeleteForm(options) {
   return reactUtils.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];
@@ -882,7 +891,7 @@ var useSubmission = function useSubmission(_ref11) {
     _ref11$fetchPublicSub = _ref11.fetchPublicSubmission,
     fetchPublicSubmission = _ref11$fetchPublicSub === void 0 ? true : _ref11$fetchPublicSub,
     options = _objectWithoutProperties__default["default"](_ref11, _excluded5);
-  return reactQuery.useQuery(_objectSpread$y({
+  return reactQuery.useQuery(_objectSpread$C({
     queryKey: [QUERY_KEYS.SUBMISSION, formId, submissionId],
     queryFn: function queryFn() {
       return fetchPublicSubmission ? neetoFormApi.getPublicSubmission(formId, submissionId) : neetoFormApi.getSubmission(formId, submissionId);
@@ -892,7 +901,7 @@ var useSubmission = function useSubmission(_ref11) {
 };
 var useCreateSubmission = function useCreateSubmission(options) {
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(_objectSpread$y(_objectSpread$y({
+  return reactQuery.useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(_ref12) {
       var formId = _ref12.formId,
         values = _ref12.values;
@@ -919,7 +928,7 @@ var useCreateSubmission = function useCreateSubmission(options) {
 };
 var useUpdateSubmission = function useUpdateSubmission(options) {
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(_objectSpread$y(_objectSpread$y({
+  return reactQuery.useMutation(_objectSpread$C(_objectSpread$C({
     mutationFn: function mutationFn(_ref13) {
       var formId = _ref13.formId,
         values = _ref13.values;
@@ -1067,17 +1076,17 @@ var useBuildFormState = function useBuildFormState() {
   return useBuildFormStore(ramda.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__default["default"](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__default["default"](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__default["default"](props, _excluded$c);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$x(_objectSpread$x({
+    other = _objectWithoutProperties__default["default"](props, _excluded$f);
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$B(_objectSpread$B({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -1101,7 +1110,7 @@ var OkaySmiley = function OkaySmiley(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties__default["default"](props, _excluded2);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$x(_objectSpread$x({
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$B(_objectSpread$B({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -1125,7 +1134,7 @@ var GoodSmiley = function GoodSmiley(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties__default["default"](props, _excluded3);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$x(_objectSpread$x({
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$B(_objectSpread$B({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -1149,7 +1158,7 @@ var Drag = function Drag(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties__default["default"](props, _excluded4);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$x(_objectSpread$x({
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread$B(_objectSpread$B({
     fill: "none",
     height: size,
     viewBox: "0 0 24 24",
@@ -1254,7 +1263,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,
@@ -1276,7 +1285,7 @@ var DEFAULT_OPTIONS = new Array(MINIMUM_OPTIONS).fill({
   label: ""
 });
 var QUESTION_KINDS = [{
-  type: EMAIL$1,
+  type: EMAIL$2,
   label: i18next.t("neetoForm.fields.eif"),
   isSingular: true,
   defaults: {
@@ -1702,8 +1711,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__default["default"](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__default["default"](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,
@@ -1720,7 +1729,7 @@ var Questions = function Questions(_ref) {
       var droppableProps = _ref2.droppableProps,
         placeholder = _ref2.placeholder,
         innerRef = _ref2.innerRef;
-      return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$w(_objectSpread$w({}, droppableProps), {}, {
+      return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$A(_objectSpread$A({}, droppableProps), {}, {
         className: "space-y-2",
         ref: innerRef,
         children: [questions.map(function (question, index) {
@@ -1733,7 +1742,7 @@ var Questions = function Questions(_ref) {
             var draggableProps = _ref3.draggableProps,
               dragHandleProps = _ref3.dragHandleProps,
               innerRef = _ref3.innerRef;
-            return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$w(_objectSpread$w(_objectSpread$w({}, draggableProps), dragHandleProps), {}, {
+            return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$A(_objectSpread$A(_objectSpread$A({}, draggableProps), dragHandleProps), {}, {
               ref: innerRef,
               children: /*#__PURE__*/jsxRuntime.jsx(Card, {
                 allQuestionKinds: allQuestionKinds,
@@ -1830,8 +1839,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__default["default"](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__default["default"](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 ramda.includes(question === null || question === void 0 ? void 0 : question.kind, SELECTABLE_KINDS);
 };
@@ -1870,7 +1879,7 @@ var handleFieldDragEnd = function handleFieldDragEnd(_ref2) {
   var nextItems = _toConsumableArray__default["default"](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
     });
   });
@@ -1884,7 +1893,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,
@@ -1908,7 +1917,7 @@ var duplicateFieldData = function duplicateFieldData(_ref4) {
   var newQuestionLabel = isRichTextQuestion(kind) ? label : i18next.t("neetoForm.common.clonedElementLabel", {
     label: label
   });
-  return _objectSpread$v(_objectSpread$v({}, defaultAttributes), {}, {
+  return _objectSpread$z(_objectSpread$z({}, defaultAttributes), {}, {
     isRequired: isRequired,
     kind: kind,
     label: newQuestionLabel,
@@ -1978,7 +1987,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,
@@ -1990,8 +1999,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__default["default"](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__default["default"](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: i18next.t("neetoForm.questions.common.questionFields.field.labelExample", {
     what: i18next.t("neetoForm.common.hobbies")
@@ -2009,13 +2018,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__default["default"](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__default["default"](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__default["default"](_ref, _excluded$b);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$e);
   var _useFormikContext = formik.useFormikContext(),
     dirty = _useFormikContext.dirty,
     isValid = _useFormikContext.isValid,
@@ -2030,7 +2039,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
     var end = element.value.length;
     element.setSelectionRange(end, end);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], _objectSpread$u({
+  return /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], _objectSpread$y({
     label: label,
     name: name,
     className: "neeto-form-nano-adaptive-input",
@@ -2184,12 +2193,12 @@ var RequiredSwitch = reactUtils.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__default["default"](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__default["default"](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__default["default"](_ref, _excluded$a);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$d);
   var _useField = formik.useField(props),
     _useField2 = _slicedToArray__default["default"](_useField, 3),
     value = _useField2[0].value,
@@ -2200,7 +2209,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
     }
   }, [value, maxLength, setValue]);
   var shouldShowMaxLength = value && value.length > maxLength - 10;
-  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$t(_objectSpread$t({}, props), shouldShowMaxLength && {
+  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$x(_objectSpread$x({}, props), shouldShowMaxLength && {
     maxLength: maxLength
   }));
 };
@@ -2244,6 +2253,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 = reactI18next.useTranslation(),
@@ -2329,7 +2340,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__*/jsxRuntime.jsxs(Block, {
           dataCy: "settings-card",
@@ -2385,9 +2398,9 @@ var formValidationSchema = yup__namespace.object().shape({
   lowestRatingLabel: yup__namespace.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__default["default"](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__default["default"](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,
@@ -2396,7 +2409,8 @@ var Add = function Add(_ref) {
     buildRequestArgs = _ref.buildRequestArgs,
     isOpen = _ref.isOpen,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$9);
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$c);
   var _useBuildFormStore = useBuildFormStore(function (store) {
       var _store$formState, _store$formState2;
       return {
@@ -2419,7 +2433,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: ramda.mergeLeft({
         displayOrder: displayOrder
@@ -2448,7 +2462,8 @@ var Add = function Add(_ref) {
         onSubmit: handleSubmit
       },
       children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$s({}, _objectSpread$s(_objectSpread$s({}, props), {}, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$w({}, _objectSpread$w(_objectSpread$w({}, props), {}, {
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
           fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           question: question,
           questions: questions
@@ -2465,15 +2480,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__default["default"](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__default["default"](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__default["default"](_ref, _excluded$8);
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$b);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useBuildFormStore = useBuildFormStore(function (store) {
@@ -2520,7 +2536,8 @@ var Edit = function Edit(_ref) {
         onSubmit: handleSubmit
       },
       children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$r(_objectSpread$r({}, _objectSpread$r({
+        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$v(_objectSpread$v({}, _objectSpread$v({
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
           fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           question: question
         }, props)), {}, {
@@ -2556,6 +2573,342 @@ var Captcha = reactUtils.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__default["default"](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__default["default"](_ref, _excluded$a);
+  return /*#__PURE__*/jsxRuntime.jsxs(Label__default["default"], {
+    className: classnames__default["default"]("flex items-center justify-start gap-2 ", className),
+    "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title), "-toggle-label"),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], _objectSpread$u(_objectSpread$u({}, _objectSpread$u(_objectSpread$u({}, otherProps), {}, {
+      name: name
+    })), {}, {
+      "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(title), "-switch")
+    })), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      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__default["default"](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__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$t(_objectSpread$t({}, props), {}, {
+    innerProps: _objectSpread$t(_objectSpread$t({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "".concat(utils.hyphenize(props.data.label), "-remove-icon"))),
+    children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
+      size: 16
+    })
+  }));
+};
+var ValueContainer = function ValueContainer(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$9);
+  var _useTranslation = reactI18next.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__default["default"](children),
+    firstChild = _children[0],
+    rest = _children.slice(1);
+  var shouldCollapse = !isFocused && value.length > visibleDomainsCount;
+  return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$t(_objectSpread$t({}, props), {}, {
+    innerProps: _objectSpread$t(_objectSpread$t({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "multi-domain-input-container")),
+    children: [shouldCollapse ? firstChild.slice(0, visibleDomainsCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+      style: "secondary",
+      label: t("neetoForm.common.remainingItemsCount", {
+        count: value.length - visibleDomainsCount
+      })
+    }), rest]
+  }));
+};
+var ClearIndicator = function ClearIndicator(props) {
+  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$t(_objectSpread$t({}, props), {}, {
+    innerProps: _objectSpread$t(_objectSpread$t({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "clear-all-button")),
+    children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
+      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__namespace.string().required(i18next.t("neetoForm.error.requiredField", {
+  label: i18next.t("neetoForm.common.domain")
+})).test("verify domains", i18next.t("neetoForm.error.invalidDomain"), function (domain) {
+  return VALID_DOMAIN_REGEX.test(domain);
+});
+var CUSTOM_STYLES = {
+  input: ramda.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 = ramda.pipe(ramda.filter(ramda.isNotNil), ramda.uniq, ramda.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 = ramda.pipe(ramda.pluck("value"), ramda.uniq, ramda.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__default["default"](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 ? neetoCist.noop : _ref$onChange,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? neetoCist.noop : _ref$onBlur,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$8);
+  var _useState = React$2.useState(""),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = React$2.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    isFocused = _useState4[0],
+    setIsFocused = _useState4[1];
+  var _useTranslation = reactI18next.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 = ramda.filter(ramda.test(FLEXIBLE_DOMAIN_REGEX), inputValues);
+    var domains = domainMatches.map(formatDomainInputOptions);
+    onChange(pruneDuplicates([].concat(_toConsumableArray__default["default"](value), _toConsumableArray__default["default"](domains))));
+    setInputValue("");
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!inputValue) return;
+    if (ramda.includes(event.key, DELIMITER_KEYS)) {
+      handleDomainChange();
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+  var onCreateOption = function onCreateOption(input) {
+    var domain = formatDomainInputOptions(input);
+    onChange(pruneDuplicates([].concat(_toConsumableArray__default["default"](value), [domain])));
+  };
+  var handleBlur = function handleBlur(event) {
+    inputValue ? handleDomainChange() : onBlur(event);
+    setIsFocused(false);
+  };
+  var isFilterDomainsLinkVisible = value.length > getValidDomainsCount(value);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-ui-email-input__label-wrapper",
+      children: /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-ui-email-input__label",
+        "data-cy": "".concat(utils.hyphenize(label), "-input-label"),
+        children: label
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect__default["default"], _objectSpread$s({
+      isMulti: true,
+      required: true,
+      classNamePrefix: "neeto-ui-react-select",
+      components: CUSTOM_COMPONENTS,
+      menuIsOpen: false,
+      visibleDomainsCount: 3,
+      className: classnames__default["default"]("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: ramda.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__*/jsxRuntime.jsxs("p", {
+      className: "neeto-ui-input__error",
+      "data-cy": "".concat(utils.hyphenize(label), "-input-error"),
+      children: [formatErrorMessage(error), isFilterDomainsLinkVisible && /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "neeto-ui-font-semibold cursor-pointer",
+        onClick: handleFilterDomains,
+        children: [ERROR_MESSAGE_DELIMITER, t("neetoForm.domainRestriction.removeInvalidDomains")]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-ui-input__help-text",
+      "data-cy": "".concat(utils.hyphenize(label), "-input-help"),
+      children: t("neetoForm.domainRestriction.helpText")
+    })]
+  });
+};
+
+var validateDomains = function validateDomains(value) {
+  var schema = yup__namespace.array().of(yup__namespace.string().test("verify domains", i18next.t("neetoForm.error.invalidDomain"), function (domain) {
+    return VALID_DOMAIN_REGEX.test(domain);
+  })).ensure().compact().min(1, i18next.t("neetoForm.error.minOneEntity", {
+    entity: i18next.t("neetoForm.common.domain")
+  }));
+
+  // eslint-disable-next-line no-async-promise-executor
+  return new Promise( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(resolve) {
+      return _regeneratorRuntime__default["default"].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 = formik.useField({
+      name: "restrictedDomains",
+      validate: validateDomains
+    }),
+    _useField2 = _slicedToArray__default["default"](_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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var formattedDomains = ramda.map(formatDomainInputOptions, domains);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "mb-4",
+    children: /*#__PURE__*/jsxRuntime.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(neetoCist.nullSafe(ramda.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__default["default"](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 = formik.useFormikContext(),
+    _useFormikContext$val = _useFormikContext.values.isDomainRestrictionEnabled,
+    isDomainRestrictionEnabled = _useFormikContext$val === void 0 ? false : _useFormikContext$val;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-4",
+    children: [/*#__PURE__*/jsxRuntime.jsx(SwitchBlock, {
+      className: "mt-4",
+      name: "isDomainRestrictionEnabled",
+      title: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex gap-2",
+        children: [t("neetoForm.domainRestriction.label"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], _objectSpread$r({
+          description: t("neetoForm.domainRestriction.popoverDescription")
+        }, domainRestrictionHelpDocUrl && {
+          helpLinkProps: {
+            href: domainRestrictionHelpDocUrl
+          }
+        }))]
+      })
+    }), isDomainRestrictionEnabled && /*#__PURE__*/jsxRuntime.jsx(RestrictedDomains, {})]
+  });
+};
+
 var FileGroup = function FileGroup(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -2886,7 +3239,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;
@@ -2894,7 +3248,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:
@@ -2910,6 +3266,10 @@ var renderAdditionalData = function renderAdditionalData(_ref2) {
       return /*#__PURE__*/jsxRuntime.jsx(FileUpload$1, {});
     case CAPTCHA:
       return /*#__PURE__*/jsxRuntime.jsx(Captcha, {});
+    case EMAIL:
+      return enableDomainRestriction ? /*#__PURE__*/jsxRuntime.jsx(Email, {
+        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl
+      }) : null;
     default:
       return null;
   }
@@ -2941,7 +3301,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__default["default"](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) {
@@ -2951,6 +3311,7 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     question = _ref.question,
     availableQuestionKinds = _ref.availableQuestionKinds,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     props = _objectWithoutProperties__default["default"](_ref, _excluded$7);
   var initialFocusRef = React$2.useRef(null);
   var Component = resolveActionComponent(action);
@@ -2960,6 +3321,7 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     onClose: onClose,
     children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$o({}, _objectSpread$o({
       availableQuestionKinds: availableQuestionKinds,
+      domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
       fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
       initialFocusRef: initialFocusRef,
       isOpen: isOpen,
@@ -2992,7 +3354,7 @@ var AddQuestion = reactUtils.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__default["default"](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) {
@@ -3021,6 +3383,8 @@ var Form = function Form(_ref) {
     showActionBlock = _ref.showActionBlock,
     buildRequestArgs = _ref.buildRequestArgs,
     fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    enableDomainRestriction = _ref.enableDomainRestriction,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
     formDomProps = _objectWithoutProperties__default["default"](_ref, _excluded$6);
   var containerRef = React$2.useRef();
   var _useTranslation = reactI18next.useTranslation(),
@@ -3214,6 +3578,8 @@ var Form = function Form(_ref) {
         additionalQuestionKindPattern: additionalQuestionKindPattern,
         availableQuestionKinds: availableQuestionKinds,
         buildRequestArgs: buildRequestArgs,
+        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+        enableDomainRestriction: enableDomainRestriction,
         enableFieldCode: enableFieldCode,
         fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
         getActiveKindDetails: getActiveKindDetails,
@@ -3278,6 +3644,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 = reactQuery.useQueryClient();
   var _useReorderQuestions = useReorderQuestions(id, {
@@ -3360,6 +3729,8 @@ var BuildForm = function BuildForm(_ref) {
           buildRequestArgs: buildRequestArgs,
           cancelButtonProps: cancelButtonProps,
           disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+          enableDomainRestriction: enableDomainRestriction,
           enableFieldCode: enableFieldCode,
           fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
           formDescription: formDescription,
@@ -3682,6 +4053,13 @@ yup__namespace.addMethod(yup__namespace.array, "unique", function () {
 var isValidDate = function isValidDate(date) {
   return date && dayjs__default["default"](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 ramda.includes(domain, restrictedDomains);
+};
 var validateTextField = function validateTextField(_ref) {
   var kind = _ref.kind,
     label = _ref.label,
@@ -3695,60 +4073,68 @@ var validateTextField = function validateTextField(_ref) {
 };
 var validateEmailField = function validateEmailField(_ref2) {
   var label = _ref2.label,
-    isRequired = _ref2.isRequired;
-  var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string")).email(getInvalidFieldError("Email"));
+    isRequired = _ref2.isRequired,
+    restrictedDomains = _ref2.restrictedDomains;
+  var schema = yup__namespace.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 neetoCist.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__namespace.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__namespace.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__namespace.array().of(yup__namespace["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__namespace.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__namespace.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__namespace["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptTermsAndConditions")) : yup__namespace["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__namespace["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptTermsAndConditions")) : yup__namespace["boolean"]().notRequired();
+};
+var validateConditionField = function validateConditionField(_ref10) {
+  var _ref10$isRequired = _ref10.isRequired,
+    isRequired = _ref10$isRequired === void 0 ? true : _ref10$isRequired;
   return isRequired ? yup__namespace["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptCondition")) : yup__namespace["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__namespace.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
     return neetoCist.isNotPresent(value) || isValidDate(value);
   });
@@ -3757,8 +4143,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__namespace.array().of(yup__namespace.object().shape({
     value: yup__namespace.string().email(getInvalidFieldError("Email")).trim()
   })).nullable();
@@ -3770,17 +4156,17 @@ var validateMultiEmailField = function validateMultiEmailField(_ref11) {
 var editorHasValue = function editorHasValue(content) {
   return !utils$1.isEditorEmpty(content);
 };
-var validateRichTextField = function validateRichTextField(_ref12) {
-  var isRequired = _ref12.isRequired;
+var validateRichTextField = function validateRichTextField(_ref13) {
+  var isRequired = _ref13.isRequired;
   var schema = yup__namespace.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__namespace.array();
   if (isRequired) {
     files_schema = files_schema.of(yup__namespace.object().shape({
@@ -3793,8 +4179,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__namespace.mixed().test("verification failed", t$1("neetoForm.error.captchaVerificationFailed"), function (value) {
     return neetoCist.isNotPresent(value) || value;
   }).transform(function (value) {
@@ -3802,10 +4188,10 @@ var validateCaptchaField = function validateCaptchaField(_ref14) {
   }).required(t$1("neetoForm.error.incompleteCaptcha")) : yup__namespace.string().trim().required(t$1("neetoForm.error.incompleteCaptcha"));
 };
 var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.EMAIL.value, validateEmailField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.NAME.value, validateNameField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.PHONE.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TEXT.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.QUESTION.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TEXTAREA.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DECIMAL.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.INTEGER.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RATING.value, validateRatingField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TERMS.value, validateTermsField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DATE.value, validateDateField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.STAR_RATING.value, validateStarRatingField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RICH_TEXT.value, validateRichTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.CONDITION.value, validateConditionField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.CAPTCHA.value, validateCaptchaField), _fieldKindValidatorMa);
-var validateFieldValue = function validateFieldValue(_ref15) {
-  var kind = _ref15.kind,
-    customValidator = _ref15.customValidator,
-    otherProps = _objectWithoutProperties__default["default"](_ref15, _excluded$4);
+var validateFieldValue = function validateFieldValue(_ref16) {
+  var kind = _ref16.kind,
+    customValidator = _ref16.customValidator,
+    otherProps = _objectWithoutProperties__default["default"](_ref16, _excluded$4);
   return function (value) {
     if (!(kind in fieldKindValidatorMap)) return;
     var validator = fieldKindValidatorMap[kind];
@@ -3815,7 +4201,7 @@ var validateFieldValue = function validateFieldValue(_ref15) {
 
     // eslint-disable-next-line consistent-return, no-async-promise-executor
     return new Promise( /*#__PURE__*/function () {
-      var _ref16 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(resolve) {
+      var _ref17 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(resolve) {
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -3837,7 +4223,7 @@ var validateFieldValue = function validateFieldValue(_ref15) {
         }, _callee, null, [[0, 6]]);
       }));
       return function (_x) {
-        return _ref16.apply(this, arguments);
+        return _ref17.apply(this, arguments);
       };
     }());
   };
@@ -4497,6 +4883,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;
@@ -4506,7 +4894,8 @@ var EmailField = function EmailField(_ref) {
         kind: kind,
         label: label,
         isRequired: isRequired,
-        customValidator: customValidator
+        customValidator: customValidator,
+        restrictedDomains: isDomainRestrictionEnabled ? restrictedDomains : []
       })
     }),
     _useField2 = _slicedToArray__default["default"](_useField, 3),