@bigbinary/neeto-form-frontend 3.3.2 → 3.4.1

package/dist/cjs/BuildForm.js

@@ -0,0 +1,2437 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var reactQuery = require('@tanstack/react-query');
+var classnames = require('classnames');
+var formik = require('formik');
+var neetoCist = require('@bigbinary/neeto-cist');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var ramda = require('ramda');
+var useFormApi = require('../useFormApi-ca36173e.js');
+var constants$1 = require('../constants-f0f38e6f.js');
+var constants = require('../constants-25c02c05.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var dnd = require('@hello-pangea/dnd');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var reactI18next = require('react-i18next');
+var buildForm = require('../buildForm-77b32f08.js');
+var shallow = require('zustand/shallow');
+var Alert = require('@bigbinary/neetoui/Alert');
+var index = require('../index-b6bb805c.js');
+var jsxRuntime = require('react/jsx-runtime');
+var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
+var i18next = require('i18next');
+var Plus = require('@bigbinary/neeto-icons/Plus');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var NoData = require('@bigbinary/neetoui/NoData');
+var Pane = require('@bigbinary/neetoui/Pane');
+var Form$2 = require('@bigbinary/neetoui/formik/Form');
+var Select = require('@bigbinary/neetoui/formik/Select');
+var Switch = require('@bigbinary/neetoui/formik/Switch');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+var NeetoEditor = require('@bigbinary/neeto-editor/Editor');
+var Button = require('@bigbinary/neetoui/Button');
+var Accordion = require('@bigbinary/neetoui/Accordion');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var utils$1 = require('@bigbinary/neeto-editor/utils');
+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');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('axios');
+require('dompurify');
+require('zustand');
+require('@babel/runtime/helpers/typeof');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
+var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form$2);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
+var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
+var NeetoEditor__default = /*#__PURE__*/_interopDefaultLegacy(NeetoEditor);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+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 DeleteAlert = function DeleteAlert(_ref) {
+  var selectedQuestion = _ref.selectedQuestion,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    languagesCount = _ref.languagesCount,
+    handleSelect = _ref.handleSelect;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
+      var _store$formState;
+      return {
+        selectedLanguage: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["selectedLanguage"]
+      };
+    }, shallow.shallow),
+    selectedLanguage = _useBuildFormStore.selectedLanguage;
+  var renderQuestionLabel = function renderQuestionLabel() {
+    var questionKind = selectedQuestion.kind;
+    var independentLabel = constants.INDEPENDENT_LABELS_MAP[questionKind];
+    if (neetoCist.isPresent(independentLabel)) return independentLabel;
+    var questionLabel = index.fieldWithFallback(selectedQuestion, "label");
+    return neetoCist.truncate(questionLabel, 40);
+  };
+  var _useDeleteQuestion = useFormApi.useDeleteQuestion(selectedQuestion === null || selectedQuestion === void 0 ? void 0 : selectedQuestion.formId, selectedLanguage, {
+      onSuccess: function onSuccess() {
+        utils.showThumbsUpToastr();
+        onClose();
+      }
+    }),
+    deleteQuestion = _useDeleteQuestion.mutate,
+    isDeleting = _useDeleteQuestion.isPending;
+  var selectNextQuestion = function selectNextQuestion(questions) {
+    var selectedQuestionIndex = selectedQuestion.displayOrder;
+    var wasLastQuestion = ramda.equals(selectedQuestionIndex, questions.length);
+    var newDisplayOrder = wasLastQuestion ? selectedQuestionIndex - 1 : selectedQuestionIndex;
+    var newQuestion = neetoCist.findBy({
+      displayOrder: newDisplayOrder
+    }, questions);
+    handleSelect(newQuestion);
+  };
+  var handleSubmit = function handleSubmit() {
+    deleteQuestion(selectedQuestion.id, {
+      onSuccess: function onSuccess(_ref2) {
+        var questions = _ref2.questions;
+        return selectNextQuestion(questions);
+      }
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+    isOpen: isOpen,
+    onClose: onClose,
+    isSubmitting: isDeleting,
+    submitButtonLabel: t("neetoForm.common.delete"),
+    title: t("neetoForm.questions.deleteAlert.title"),
+    message: neetoCist.isPresent(selectedQuestion) && /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      i18nKey: "neetoForm.questions.deleteAlert.message",
+      values: {
+        count: languagesCount,
+        label: renderQuestionLabel()
+      }
+    }),
+    onSubmit: handleSubmit
+  });
+};
+
+var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
+  var _findBy;
+  var currentLanguage = _ref.currentLanguage,
+    languages = _ref.languages,
+    onChange = _ref.onChange;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    isUnsavedChangesAlertOpen = _useState2[0],
+    setIsUnsavedChangesAlertOpen = _useState2[1];
+  var _useState3 = React.useState(currentLanguage),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    selectedLanguage = _useState4[0],
+    setSelectedLanguage = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    dirty = _useFormikContext.dirty;
+  var languageChangeHandler = function languageChangeHandler(code) {
+    if (!dirty) {
+      onChange(code);
+      return;
+    }
+    setSelectedLanguage(code);
+    setIsUnsavedChangesAlertOpen(true);
+  };
+  var selectedLanguageName = (_findBy = neetoCist.findBy({
+    code: currentLanguage
+  }, languages)) === null || _findBy === void 0 ? void 0 : _findBy.name;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+      content: t("neetoForm.questions.changeLanguage"),
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+          buttonStyle: "secondary",
+          label: selectedLanguageName,
+          children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"].Menu, {
+            children: languages.map(function (_ref2) {
+              var code = _ref2.code,
+                name = _ref2.name;
+              return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"].MenuItem.Button, {
+                isActive: currentLanguage === code,
+                onClick: function onClick() {
+                  return languageChangeHandler(code);
+                },
+                children: name
+              }, code);
+            })
+          })
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+      isOpen: isUnsavedChangesAlertOpen,
+      message: t("neetoForm.questions.unsavedChangesAlert.message"),
+      submitButtonLabel: t("neetoForm.questions.unsavedChangesAlert.discard"),
+      title: t("neetoForm.questions.unsavedChangesAlert.title"),
+      onClose: function onClose() {
+        return setIsUnsavedChangesAlertOpen(false);
+      },
+      onSubmit: function onSubmit() {
+        onChange(selectedLanguage);
+        setIsUnsavedChangesAlertOpen(false);
+      }
+    })]
+  });
+};
+
+var Overview = function Overview(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    availableLanguages = _ref.availableLanguages,
+    selectedLanguage = _ref.selectedLanguage,
+    onLanguageChange = _ref.onLanguageChange,
+    additionalActionOptions = _ref.additionalActionOptions;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-nano-form-wrapper__overview mb-4 w-full flex-shrink-0 space-y-4 px-6 pt-6",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center justify-between",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        "data-cy": "neeto-form-engine-overview-title",
+        lineHeight: "neeto-ui-leading-normal",
+        style: "h2",
+        weight: "neeto-ui-font-semibold",
+        children: title
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-shrink-0 items-center justify-between space-x-1",
+        children: [availableLanguages.length > 1 && /*#__PURE__*/jsxRuntime.jsx(ChangeLanguageDropdown, {
+          currentLanguage: selectedLanguage,
+          languages: availableLanguages,
+          onChange: onLanguageChange
+        }), neetoCist.isPresent(additionalActionOptions) && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+          dropdownButtonProps: {
+            isRounded: true,
+            style: "tertiary"
+          },
+          dropdownProps: {
+            strategy: "fixed",
+            position: "bottom-start"
+          },
+          menuItems: additionalActionOptions
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      "data-cy": "neeto-form-engine-overview-description",
+      style: "body2",
+      children: description
+    })]
+  });
+};
+
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var validateEditorContent = function validateEditorContent(editorRef) {
+  return function () {
+    var _editorRef$current;
+    return (_editorRef$current = editorRef.current) !== null && _editorRef$current !== void 0 && (_editorRef$current = _editorRef$current.editor) !== null && _editorRef$current !== void 0 && _editorRef$current.isEmpty ? i18next.t("neetoForm.common.thisFieldIsRequired") : "";
+  };
+};
+var buildReorderPayload = function buildReorderPayload(questions) {
+  return ramda.reduce(function (acc, _ref) {
+    var id = _ref.id,
+      displayOrder = _ref.displayOrder;
+    return ramda.assoc(id, displayOrder, acc);
+  }, {}, questions);
+};
+var isRichTextQuestion = ramda.includes(ramda.__, constants.RICH_TEXT_QUESTIONS);
+var buildAddQuestionButtonProps = function buildAddQuestionButtonProps(onAdd, isDisabled, tooltipProps) {
+  return _objectSpread$g({
+    "data-cy": "neeto-form-engine-add-question-button",
+    disabled: isDisabled,
+    label: i18next.t("neetoForm.questions.common.primaryPanel.addQuestion"),
+    icon: Plus__default["default"],
+    iconPosition: "left",
+    style: "link",
+    onClick: onAdd
+  }, isDisabled && {
+    tooltipProps: tooltipProps
+  });
+};
+var buildDisabledAddButtonTooltipProps = function buildDisabledAddButtonTooltipProps(isDisabled) {
+  var disabledAddButtonTooltipProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _objectSpread$g({
+    disabled: !isDisabled,
+    position: "top",
+    content: i18next.t("neetoForm.questions.common.primaryPanel.noQuestionLeft")
+  }, disabledAddButtonTooltipProps);
+};
+
+var Card = function Card(_ref) {
+  var _ref$question = _ref.question,
+    question = _ref$question === void 0 ? {} : _ref$question,
+    allQuestionKinds = _ref.allQuestionKinds,
+    getActiveKindDetails = _ref.getActiveKindDetails,
+    isActive = _ref.isActive,
+    onSelect = _ref.onSelect,
+    onEdit = _ref.onEdit,
+    onClone = _ref.onClone,
+    onDelete = _ref.onDelete;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _getActiveKindDetails = getActiveKindDetails({
+      allQuestionKinds: allQuestionKinds,
+      item: question
+    }),
+    kind = _getActiveKindDetails.kind,
+    isSingular = _getActiveKindDetails.isSingular;
+  var label = index.fieldWithFallback(question, "label");
+  var questionLabel = isRichTextQuestion(kind) ? constants.htmlToPlainText(label) : label;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    "data-cy": "neeto-form-engine-".concat(neetoCist.slugify(questionLabel)),
+    className: classnames__default["default"]("neeto-ui-rounded neeto-ui-border-gray-300 neeto-ui-bg-white neeto-form-nano-form__card flex h-10 w-full items-center justify-between border p-2", {
+      "neeto-ui-border-primary-500 neeto-form-nano-form__card--active": isActive
+    }),
+    onClick: function onClick() {
+      return onSelect(question);
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex min-w-0 flex-grow items-center gap-1",
+      children: [/*#__PURE__*/jsxRuntime.jsx(constants.Drag, {
+        className: "neeto-ui-text-gray-600 flex-shrink-0"
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        className: "line-clamp-2 min-w-0 flex-grow truncate break-words",
+        lineHeight: "snug",
+        style: "body2",
+        weight: "medium",
+        children: questionLabel
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+      dropdownButtonProps: {
+        className: "shrink-0"
+      },
+      dropdownProps: {
+        strategy: "fixed"
+      },
+      menuItems: [{
+        "data-cy": "edit-question",
+        key: "edit",
+        label: t("neetoForm.common.edit"),
+        onClick: onEdit
+      }, {
+        "data-cy": "clone-question",
+        key: "clone",
+        label: t("neetoForm.common.clone"),
+        isVisible: !isSingular && index.isFunction(onClone),
+        onClick: onClone
+      }, {
+        "data-cy": "delete-question",
+        key: "delete",
+        label: t("neetoForm.common.delete"),
+        isVisible: index.isFunction(onDelete),
+        onClick: onDelete
+      }]
+    })]
+  });
+};
+
+function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(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,
+    allQuestionKinds = _ref.allQuestionKinds,
+    getActiveKindDetails = _ref.getActiveKindDetails,
+    selectedQuestion = _ref.selectedQuestion,
+    onEdit = _ref.onEdit,
+    onClone = _ref.onClone,
+    onDelete = _ref.onDelete,
+    onSelect = _ref.onSelect;
+  return /*#__PURE__*/jsxRuntime.jsx(dnd.Droppable, {
+    droppableId: "droppable",
+    children: function children(_ref2) {
+      var droppableProps = _ref2.droppableProps,
+        placeholder = _ref2.placeholder,
+        innerRef = _ref2.innerRef;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$f(_objectSpread$f({}, droppableProps), {}, {
+        className: "space-y-2",
+        ref: innerRef,
+        children: [questions.map(function (question, index) {
+          var _question$id, _question$id2;
+          return /*#__PURE__*/React.createElement(dnd.Draggable, {
+            index: index,
+            draggableId: "question-".concat((_question$id = question.id) !== null && _question$id !== void 0 ? _question$id : question.nodeId),
+            key: "question-".concat((_question$id2 = question.id) !== null && _question$id2 !== void 0 ? _question$id2 : question.nodeId)
+          }, function (_ref3) {
+            var draggableProps = _ref3.draggableProps,
+              dragHandleProps = _ref3.dragHandleProps,
+              innerRef = _ref3.innerRef;
+            return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f(_objectSpread$f({}, draggableProps), dragHandleProps), {}, {
+              ref: innerRef,
+              children: /*#__PURE__*/jsxRuntime.jsx(Card, {
+                allQuestionKinds: allQuestionKinds,
+                getActiveKindDetails: getActiveKindDetails,
+                onClone: onClone,
+                onEdit: onEdit,
+                onSelect: onSelect,
+                question: question,
+                isActive: ramda.equals(selectedQuestion, question),
+                onDelete: isDeletable(question) && onDelete
+              })
+            }));
+          });
+        }), placeholder]
+      }));
+    }
+  });
+};
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native = {
+  randomUUID
+};
+
+function v4(options, buf, offset) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+var moveItem = function moveItem(arr, sourceIndex, destinationIndex) {
+  if (sourceIndex === destinationIndex) return arr;
+  if (arr instanceof Array && arr[sourceIndex] !== undefined) {
+    var removedItem = arr.splice(sourceIndex, 1)[0];
+    arr.splice(destinationIndex, 0, removedItem);
+  }
+  return arr;
+};
+var arrayHelpers = {
+  moveItem: moveItem
+};
+
+function ownKeys$e(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$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(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, constants.SELECTABLE_KINDS);
+};
+var generateUniqueFieldCode = function generateUniqueFieldCode(type, questions) {
+  var fieldCodes = ramda.pluck("fieldCode", neetoCist.filterBy({
+    kind: type
+  }, questions));
+  var uniqueNumber = fieldCodes.length;
+  var candidateFieldCode = "";
+  var prefix = constants.RESERVED_FIELD_CODES.includes(type) ? "".concat(type, "_field") : type;
+
+  //We need to continue this while loop until we can generate a unique fieldCode
+  // eslint-disable-next-line no-constant-condition
+  while (true) {
+    candidateFieldCode = "".concat(prefix).concat(uniqueNumber || "");
+    if (!neetoCist.findBy({
+      fieldCode: candidateFieldCode
+    }, questions)) break;
+    uniqueNumber += 1;
+  }
+  return candidateFieldCode;
+};
+var isQuestionKindAlreadyActive = function isQuestionKindAlreadyActive(_ref) {
+  var activeQuestions = _ref.activeQuestions,
+    kind = _ref.kind;
+  return activeQuestions.some(function (activeQuestion) {
+    return activeQuestion.kind === kind.type && activeQuestion._destroy !== true;
+  });
+};
+var handleFieldDragEnd = function handleFieldDragEnd(_ref2) {
+  var items = _ref2.items,
+    setValue = _ref2.setValue,
+    source = _ref2.source,
+    destination = _ref2.destination;
+  if (!(destination && items instanceof Array)) return;
+  var nextItems = _toConsumableArray__default["default"](items);
+  arrayHelpers.moveItem(nextItems, source.index, destination.index);
+  var orderedItems = nextItems.map(function (item, index) {
+    return _objectSpread$e(_objectSpread$e({}, item), {}, {
+      displayOrder: index
+    });
+  });
+  setValue("questions", orderedItems);
+};
+var createFieldData = function createFieldData(_ref3) {
+  var _ref3$kind = _ref3.kind,
+    defaults = _ref3$kind.defaults,
+    type = _ref3$kind.type,
+    metadata = _ref3$kind.metadata,
+    _ref3$isRequired = _ref3.isRequired,
+    isRequired = _ref3$isRequired === void 0 ? undefined : _ref3$isRequired,
+    questions = _ref3.questions;
+  return _objectSpread$e(_objectSpread$e({}, defaults), {}, {
+    metadata: metadata,
+    isRequired: isRequired,
+    kind: type,
+    nodeId: v4(),
+    fieldCode: generateUniqueFieldCode(type, questions)
+  });
+};
+var duplicateFieldData = function duplicateFieldData(_ref4) {
+  var item = _ref4.item,
+    questionKinds = _ref4.questionKinds,
+    questions = _ref4.questions;
+  var questionKind = neetoCist.findBy({
+    type: item.kind
+  }, questionKinds);
+  var isRequired = item.isRequired,
+    kind = item.kind,
+    optionsAttributes = item.optionsAttributes;
+  var label = index.fieldWithFallback(item, "label");
+  var defaultAttributeNames = ramda.keys(questionKind.defaults || {});
+  var defaultAttributes = ramda.pick(defaultAttributeNames, item);
+  var newQuestionLabel = isRichTextQuestion(kind) ? label : i18next.t("neetoForm.common.clonedElementLabel", {
+    label: label
+  });
+  return _objectSpread$e(_objectSpread$e({}, defaultAttributes), {}, {
+    isRequired: isRequired,
+    kind: kind,
+    label: newQuestionLabel,
+    optionsAttributes: optionsAttributes && optionsAttributes.map(ramda.omit(["id"])),
+    nodeId: v4(),
+    fieldCode: generateUniqueFieldCode(item.kind, questions),
+    displayOrder: item.displayOrder + 1
+  });
+};
+var getAvailableQuestionKinds = function getAvailableQuestionKinds(_ref5) {
+  var allQuestionKinds = _ref5.allQuestionKinds,
+    _ref5$activeQuestions = _ref5.activeQuestions,
+    activeQuestions = _ref5$activeQuestions === void 0 ? [] : _ref5$activeQuestions,
+    isKindAlreadyActive = _ref5.isKindAlreadyActive;
+  if (ramda.isEmpty(activeQuestions)) return allQuestionKinds;
+  return ramda.reject(function (kind) {
+    var isSingularKind = kind.isSingular;
+    return isSingularKind && isKindAlreadyActive({
+      activeQuestions: activeQuestions,
+      kind: kind
+    });
+  }, allQuestionKinds);
+};
+var formatQuestionAttributesForClone = ramda.when(isChoiceQuestion, ramda.assoc("isCloning", true));
+
+var AddFirstQuestion = function AddFirstQuestion(_ref) {
+  var onAdd = _ref.onAdd,
+    isDisabled = _ref.isDisabled,
+    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var tooltipProps = buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex h-full flex-col items-center justify-center py-8",
+    children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+      showTooltipWhenButtonDisabled: true,
+      className: "min-h-80",
+      title: t("neetoForm.questions.common.noData"),
+      primaryButtonProps: buildAddQuestionButtonProps(onAdd, isDisabled, tooltipProps)
+    })
+  });
+};
+
+var NAME = constants.QUESTION_TYPES.NAME,
+  PHONE = constants.QUESTION_TYPES.PHONE,
+  EMAIL$1 = constants.QUESTION_TYPES.EMAIL,
+  ADDITIONAL_GUESTS = constants.QUESTION_TYPES.ADDITIONAL_GUESTS,
+  TEXT = constants.QUESTION_TYPES.TEXT,
+  TEXTAREA = constants.QUESTION_TYPES.TEXTAREA,
+  RICH_TEXT = constants.QUESTION_TYPES.RICH_TEXT,
+  INTEGER = constants.QUESTION_TYPES.INTEGER,
+  DECIMAL = constants.QUESTION_TYPES.DECIMAL,
+  STAR_RATING$1 = constants.QUESTION_TYPES.STAR_RATING,
+  RATING$1 = constants.QUESTION_TYPES.RATING,
+  DATE = constants.QUESTION_TYPES.DATE,
+  FILE_UPLOAD$1 = constants.QUESTION_TYPES.FILE_UPLOAD,
+  CAPTCHA$1 = constants.QUESTION_TYPES.CAPTCHA;
+var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray__default["default"](constants.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")
+  }),
+  RADIO: i18next.t("neetoForm.questions.common.questionFields.field.labelExample", {
+    what: i18next.t("neetoForm.common.country")
+  }),
+  DROPDOWN: i18next.t("neetoForm.questions.common.questionFields.field.labelExample", {
+    what: i18next.t("neetoForm.common.company")
+  })
+};
+var INITIAL_VALUES = {
+  kind: "",
+  label: "",
+  fieldCode: ""
+};
+
+var _excluded$8 = ["label", "name"];
+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 FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
+  var label = _ref.label,
+    name = _ref.name,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$8);
+  var _useFormikContext = formik.useFormikContext(),
+    dirty = _useFormikContext.dirty,
+    isValid = _useFormikContext.isValid,
+    submitForm = _useFormikContext.submitForm;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key !== "Enter" || event.shiftKey) return;
+    event.preventDefault();
+    if (reactUtils.isMetaKeyPressed(event)) return;
+    dirty && isValid && submitForm();
+  };
+  var handleFocus = function handleFocus(element) {
+    var end = element.value.length;
+    element.setSelectionRange(end, end);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], _objectSpread$d({
+    label: label,
+    name: name,
+    className: "neeto-form-nano-adaptive-input",
+    resize: "none",
+    size: "small",
+    onFocus: function onFocus(_ref2) {
+      var target = _ref2.target;
+      return handleFocus(target);
+    },
+    onKeyDown: handleKeyDown
+  }, otherProps));
+};
+
+var Block = function Block(_ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    dataCy = _ref.dataCy;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "mt-4 space-y-4",
+    "data-cy": dataCy,
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex items-center justify-between",
+      "data-cy": "properties-header",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        lineHeight: "normal",
+        style: "body1",
+        weight: "semibold",
+        children: title
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "space-y-4",
+      children: children
+    })]
+  });
+};
+
+var useUpdateEditorContent = function useUpdateEditorContent(_ref) {
+  var editorRef = _ref.editorRef,
+    fieldName = _ref.fieldName,
+    value = _ref.value,
+    initialValue = _ref.initialValue,
+    fieldCode = _ref.fieldCode;
+  var initialStateRef = React.useRef({
+    language: "",
+    value: null
+  });
+  var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
+      return {
+        setFormData: store["setFormData"]
+      };
+    }, shallow.shallow),
+    setFormData = _useBuildFormStore.setFormData;
+  var _useBuildFormStore2 = buildForm.useBuildFormStore(function (store) {
+      var _store$formState, _store$formState2;
+      return {
+        formId: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["formId"],
+        selectedLanguage: (_store$formState2 = store["formState"]) === null || _store$formState2 === void 0 ? void 0 : _store$formState2["selectedLanguage"]
+      };
+    }, shallow.shallow),
+    formId = _useBuildFormStore2.formId,
+    language = _useBuildFormStore2.selectedLanguage;
+  var shouldReset = buildForm.useBuildFormStore(function (store) {
+    return store.formState.richTextFieldsToReset.includes(fieldCode);
+  });
+  var setEditorContent = function setEditorContent(content) {
+    var _editorRef$current$ed;
+    return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || (_editorRef$current$ed = _editorRef$current$ed.commands) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.setContent(content);
+  };
+  if (shouldReset) {
+    setEditorContent(initialValue);
+    setFormData(ramda.modify("richTextFieldsToReset", ramda.without([fieldCode])));
+  }
+  var _useFetchQuestions = useFormApi.useFetchQuestions({
+      formId: formId,
+      language: language
+    }),
+    data = _useFetchQuestions.data;
+  React.useEffect(function () {
+    if (!data) return;
+    var pathArray = fieldName.split(".").map(function (part) {
+      var parsedPart = parseInt(part);
+      return isNaN(parsedPart) ? part : parsedPart;
+    });
+    setEditorContent(ramda.path(pathArray, data));
+  }, [data]);
+  React.useEffect(function () {
+    if (initialStateRef.current["language"] !== language) {
+      initialStateRef.current["language"] = language;
+      initialStateRef.current["value"] = null;
+      return;
+    }
+    if (initialStateRef.current["value"] === null && value !== null) {
+      setEditorContent(value);
+      initialStateRef.current["value"] = value;
+    }
+  }, [language, value]);
+};
+
+var Editor = function Editor() {
+  var editorRef = React.useRef({
+    editor: {}
+  });
+  var _useFormikContext = formik.useFormikContext(),
+    fieldCode = _useFormikContext.values.fieldCode;
+  var fieldName = "label";
+  var _useField = formik.useField({
+      name: fieldName,
+      validate: validateEditorContent(editorRef)
+    }),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    value = _useField2[0].value,
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    initialValue = _useField2$.initialValue,
+    _useField2$2 = _useField2[2],
+    setTouched = _useField2$2.setTouched,
+    setValue = _useField2$2.setValue;
+  useUpdateEditorContent({
+    editorRef: editorRef,
+    fieldName: fieldName,
+    value: value,
+    initialValue: initialValue,
+    fieldCode: fieldCode
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full cursor-auto",
+    children: /*#__PURE__*/jsxRuntime.jsx(NeetoEditor__default["default"], {
+      required: true,
+      error: touched ? error : "",
+      id: "editor",
+      initialValue: value,
+      name: fieldName,
+      ref: editorRef,
+      onBlur: function onBlur() {
+        return setTouched(true);
+      },
+      onChange: setValue
+    })
+  });
+};
+
+var RequiredSwitch = reactUtils.withT(function (_ref) {
+  var t = _ref.t;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full",
+    children: /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+      label: t("neetoForm.common.required"),
+      name: "isRequired"
+    })
+  });
+});
+
+var _excluded$7 = ["maxLength"];
+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 InputWithMaxLength = function InputWithMaxLength(_ref) {
+  var maxLength = _ref.maxLength,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$7);
+  var _useField = formik.useField(props),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    value = _useField2[0].value,
+    setValue = _useField2[2].setValue;
+  React.useEffect(function () {
+    if (value && value.length > maxLength) {
+      setValue(value.substring(0, maxLength));
+    }
+  }, [value, maxLength, setValue]);
+  var shouldShowMaxLength = value && value.length > maxLength - 10;
+  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$c(_objectSpread$c({}, props), shouldShowMaxLength && {
+    maxLength: maxLength
+  }));
+};
+
+var FieldCode = reactUtils.withT(function (_ref) {
+  var helpDocUrl = _ref.helpDocUrl,
+    t = _ref.t;
+  return /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"], {
+    className: "neeto-form-nano-advanced-properties-accordion",
+    "data-cy": "advanced-properties-card",
+    children: /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"].Item, {
+      title: t("neetoForm.common.advancedProperties"),
+      children: /*#__PURE__*/jsxRuntime.jsx(InputWithMaxLength, {
+        required: true,
+        label: t("neetoForm.questions.common.questionFields.field.fieldCode"),
+        name: "fieldCode",
+        helpText: helpDocUrl && /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: "neetoForm.questions.common.questionFields.field.fieldCodeHelpDescription",
+          components: {
+            Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              className: "text-xs",
+              href: helpDocUrl,
+              style: "link",
+              target: "_blank"
+            })
+          }
+        })
+      })
+    })
+  });
+});
+
+var Form$1 = function Form(_ref) {
+  var questions = _ref.questions,
+    initialFocusRef = _ref.initialFocusRef,
+    isRequiredField = _ref.isRequiredField,
+    isDisabledFieldLabel = _ref.isDisabledFieldLabel,
+    enableFieldCode = _ref.enableFieldCode,
+    allQuestionKinds = _ref.allQuestionKinds,
+    availableQuestionKinds = _ref.availableQuestionKinds,
+    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(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    setValues = _useFormikContext.setValues,
+    setErrors = _useFormikContext.setErrors,
+    setTouched = _useFormikContext.setTouched;
+  var kind = values.kind;
+  var questionKinds = isEdit ? allQuestionKinds : availableQuestionKinds;
+  var questionKindUniquenessPattern = ramda.mergeLeft(isEdit && additionalQuestionKindPattern ? additionalQuestionKindPattern(values) : {}, {
+    type: kind
+  });
+  var _useStateWithDependen = reactUtils.useStateWithDependency(getQuestionKind(questionKinds, questionKindUniquenessPattern), [kind]),
+    _useStateWithDependen2 = _slicedToArray__default["default"](_useStateWithDependen, 1),
+    questionKind = _useStateWithDependen2[0];
+  var _ref2 = questionKind ? getActiveKindDetails({
+      allQuestionKinds: allQuestionKinds,
+      item: questionKind
+    }) : {},
+    _ref2$questionProps = _ref2.questionProps,
+    questionProps = _ref2$questionProps === void 0 ? {} : _ref2$questionProps;
+  var isRequired = questionKind && isRequiredField(questionKind);
+  var isLabelDisabled = questionKind && isDisabledFieldLabel(questionKind);
+  var shouldShowPlaceholder = ramda.includes(kind, QUESTIONS_WITH_PLACEHOLDERS);
+  var hasAdditionalData = ramda.includes(kind, QUESTIONS_WITH_ADDITIONAL_DATA);
+  var shouldShowFieldCode = enableFieldCode && !ramda.includes(kind, constants.QUESTIONS_WITHOUT_FIELD_CODE);
+  var shouldShowHideSwitch = !ramda.includes(kind, constants.QUESTIONS_WITHOUT_FIELD_CODE);
+  var handleKindChange = function handleKindChange(option) {
+    var data = buildQuestionData(option);
+    updateFormState(data);
+  };
+  var buildQuestionData = function buildQuestionData(option) {
+    if (ramda.isNil(option)) {
+      return INITIAL_VALUES;
+    }
+    var label = option.label,
+      value = option.value;
+    var kind = extractKindFromOption(value);
+    var questionKind = getQuestionKind(availableQuestionKinds, {
+      type: kind,
+      label: label
+    });
+    return createFieldData({
+      kind: questionKind,
+      isRequired: isRequired,
+      questions: questions
+    });
+  };
+  var updateFormState = function updateFormState(data) {
+    setValues(data);
+    setErrors({});
+    setTouched({});
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "w-full space-y-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+        isClearable: true,
+        isSearchable: true,
+        defaultValue: buildDefaultValueForKind(questionKind),
+        innerRef: initialFocusRef,
+        isDisabled: isEdit,
+        name: "kind",
+        options: buildKindOptions(questionKinds),
+        label: t("neetoForm.questions.common.questionFields.field.questionType"),
+        onChange: handleKindChange
+      }), isRichTextQuestion(kind) ? /*#__PURE__*/jsxRuntime.jsx(Editor, {
+        isLabelDisabled: isLabelDisabled
+      }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-6",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "space-y-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(FormikAdaptiveInput, {
+            required: true,
+            disabled: isLabelDisabled,
+            name: "label",
+            placeholder: DEFAULT_PLACEHOLDERS[kind],
+            label: t("neetoForm.questions.common.questionFields.field.question")
+          }), shouldShowPlaceholder && /*#__PURE__*/jsxRuntime.jsx(FormikAdaptiveInput, {
+            name: "placeholder",
+            label: t("neetoForm.questions.common.questionFields.field.placeholder")
+          }), hasAdditionalData && renderAdditionalData({
+            kind: kind,
+            questionProps: questionProps,
+            domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+            enableDomainRestriction: enableDomainRestriction
+          })]
+        }), !isRequired && /*#__PURE__*/jsxRuntime.jsxs(Block, {
+          dataCy: "settings-card",
+          title: t("neetoForm.common.settings"),
+          children: [/*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+            label: t("neetoForm.common.hideQuestion"),
+            name: "isHidden"
+          })]
+        }), shouldShowFieldCode && /*#__PURE__*/jsxRuntime.jsx(FieldCode, {
+          helpDocUrl: fieldCodeHelpDocUrl
+        })]
+      })]
+    })
+  });
+};
+
+/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
+var requiredLabelValidation = function requiredLabelValidation(schema, field) {
+  return schema.trim().required(i18next.t("neetoForm.common.fieldReq", {
+    field: field
+  }));
+};
+var richTextFieldMissingErrorMessage = function richTextFieldMissingErrorMessage(kind) {
+  var field = ramda.equals(kind, constants.QUESTION_TYPES.PARAGRAPH) ? i18next.t("neetoForm.fields.def") : i18next.t("neetoForm.fields.tcf");
+  return i18next.t("neetoForm.error.fieldCantBeEmpty", {
+    field: field
+  });
+};
+var formValidationSchema = yup__namespace.object().shape({
+  kind: yup__namespace.string().trim().required(i18next.t("neetoForm.common.fieldReq", {
+    field: i18next.t("neetoForm.questions.common.questionFields.field.questionType")
+  })),
+  label: yup__namespace.string().when("kind", function (kind, schema) {
+    return ramda.includes(kind, constants.RICH_TEXT_QUESTIONS) ? schema.test("required", richTextFieldMissingErrorMessage(kind), function (value) {
+      return !utils$1.isEditorEmpty(value);
+    }) : requiredLabelValidation(schema, i18next.t("neetoForm.questions.common.questionFields.field.question"));
+  }),
+  fieldCode: yup__namespace.string().trim().notOneOf(constants.RESERVED_FIELD_CODES, i18next.t("neetoForm.error.invalidFieldCode")).when("kind", function (kind, schema) {
+    return ramda.includes(kind, constants.QUESTIONS_WITHOUT_FIELD_CODE) ? schema.notRequired() : requiredLabelValidation(schema, i18next.t("neetoForm.questions.common.questionFields.field.fieldCode"));
+  }),
+  optionsAttributes: yup__namespace.array().when("_destroy", {
+    is: true,
+    otherwise: function otherwise(schema) {
+      return schema.when("kind", function (kind, schema) {
+        return ramda.includes(kind, constants.SELECTABLE_KINDS) ? schema.of(yup__namespace.object().shape({
+          label: requiredLabelValidation(yup__namespace.string(), i18next.t("neetoForm.questions.common.questionFields.field.option"))
+        })) : schema.notRequired();
+      });
+    }
+  }),
+  highestRatingLabel: yup__namespace.string().nullable(),
+  averageRatingLabel: yup__namespace.string().nullable(),
+  lowestRatingLabel: yup__namespace.string().nullable()
+});
+
+var _excluded$6 = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs", "isOpen", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
+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 Add = function Add(_ref) {
+  var question = _ref.question,
+    onClose = _ref.onClose,
+    questions = _ref.questions,
+    handleSelect = _ref.handleSelect,
+    buildRequestArgs = _ref.buildRequestArgs,
+    isOpen = _ref.isOpen,
+    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
+  var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
+      var _store$formState, _store$formState2;
+      return {
+        formId: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["formId"],
+        selectedLanguage: (_store$formState2 = store["formState"]) === null || _store$formState2 === void 0 ? void 0 : _store$formState2["selectedLanguage"]
+      };
+    }, shallow.shallow),
+    formId = _useBuildFormStore.formId,
+    language = _useBuildFormStore.selectedLanguage;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useCreateQuestion = useFormApi.useCreateQuestion(formId, language, {
+      onSuccess: function onSuccess() {
+        utils.showThumbsUpToastr();
+        onClose();
+      }
+    }),
+    createQuestion = _useCreateQuestion.mutate,
+    isCreating = _useCreateQuestion.isPending;
+  var handleSubmit = function handleSubmit(values) {
+    if (isCreating || !isOpen) return;
+    var displayOrder = question ? question.displayOrder + 1 : questions.length;
+    createQuestion(_objectSpread$b({
+      language: language,
+      neetoFormQuestion: ramda.mergeLeft({
+        displayOrder: displayOrder
+      }, values)
+    }, buildRequestArgs), {
+      onSuccess: function onSuccess(_ref2) {
+        var questions = _ref2.questions;
+        var newQuestion = neetoCist.findBy({
+          displayOrder: displayOrder
+        }, questions);
+        handleSelect(newQuestion);
+      }
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        "data-cy": "add-question-pane-header",
+        style: "h2",
+        children: t("neetoForm.questions.common.primaryPanel.addQuestion")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+      formikProps: {
+        initialValues: INITIAL_VALUES,
+        validationSchema: formValidationSchema,
+        onSubmit: handleSubmit
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, props), {}, {
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+          fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
+          question: question,
+          questions: questions
+        }))), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+            cancelButtonProps: {
+              onClick: onClose
+            },
+            isSubmitting: isCreating
+          })
+        })]
+      })
+    })]
+  });
+};
+
+var _excluded$5 = ["question", "isOpen", "onClose", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
+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 Edit = function Edit(_ref) {
+  var question = _ref.question,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
+      var _store$formState;
+      return {
+        selectedLanguage: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["selectedLanguage"]
+      };
+    }, shallow.shallow),
+    language = _useBuildFormStore.selectedLanguage;
+  var _useUpdateQuestion = useFormApi.useUpdateQuestion(question === null || question === void 0 ? void 0 : question.formId, language),
+    updateQuestion = _useUpdateQuestion.mutate,
+    isUpdating = _useUpdateQuestion.isPending;
+  var handleSubmit = function handleSubmit(values, _ref2) {
+    var setSubmitting = _ref2.setSubmitting;
+    if (isUpdating || !isOpen) return;
+    var payload = {
+      language: language,
+      neetoFormQuestion: values
+    };
+    updateQuestion({
+      questionId: question.id,
+      payload: payload
+    }, {
+      onSuccess: function onSuccess() {
+        utils.showThumbsUpToastr();
+        onClose();
+      },
+      onSettled: function onSettled() {
+        return setSubmitting(false);
+      }
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        "data-cy": "edit-question-pane-header",
+        style: "h2",
+        children: t("neetoForm.questions.common.editQuestion")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+      formikProps: {
+        initialValues: question,
+        validationSchema: formValidationSchema,
+        onSubmit: handleSubmit
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Form$1, _objectSpread$a(_objectSpread$a({}, _objectSpread$a({
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+          fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
+          question: question
+        }, props)), {}, {
+          isEdit: true
+        })), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+            cancelButtonProps: {
+              onClick: onClose
+            },
+            isSubmitting: isUpdating
+          })
+        })]
+      })
+    })]
+  });
+};
+
+var Captcha = reactUtils.withT(function (_ref) {
+  var t = _ref.t;
+  return /*#__PURE__*/jsxRuntime.jsxs(Radio__default["default"], {
+    label: t("neetoForm.common.captchaType"),
+    labelProps: {
+      required: true
+    },
+    name: "variant",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
+      label: t("neetoForm.common.reCaptchaV2"),
+      value: constants.CAPTCHA_TYPES.RECAPTCHA_V2
+    }), /*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
+      label: t("neetoForm.common.mathCaptcha"),
+      value: constants.CAPTCHA_TYPES.MATH_CAPTCHA
+    })]
+  });
+});
+
+var _excluded$4 = ["name", "title", "className"];
+function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(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$4);
+  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$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, 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$3 = ["children"];
+function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(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$8(_objectSpread$8({}, props), {}, {
+    innerProps: _objectSpread$8(_objectSpread$8({}, 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$3);
+  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$8(_objectSpread$8({}, props), {}, {
+    innerProps: _objectSpread$8(_objectSpread$8({}, 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$8(_objectSpread$8({}, props), {}, {
+    innerProps: _objectSpread$8(_objectSpread$8({}, 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$8(_objectSpread$8({}, 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$2 = ["label", "value", "onChange", "error", "onBlur"];
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(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$2);
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = React.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$7({
+      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$7(_objectSpread$7({}, CUSTOM_STYLES), {}, {
+        control: ramda.mergeLeft({
+          maxHeight: "200px",
+          overflowY: "auto"
+        })
+      }),
+      onBlur: handleBlur,
+      onFocus: function onFocus() {
+        return setIsFocused(true);
+      },
+      onInputChange: setInputValue,
+      onKeyDown: handleKeyDown
+    }, _objectSpread$7({
+      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$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(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$6({
+          description: t("neetoForm.domainRestriction.popoverDescription"),
+          popoverProps: {
+            position: "top"
+          }
+        }, domainRestrictionHelpDocUrl && {
+          helpLinkProps: {
+            href: domainRestrictionHelpDocUrl
+          }
+        }))]
+      })
+    }), isDomainRestrictionEnabled && /*#__PURE__*/jsxRuntime.jsx(RestrictedDomains, {})]
+  });
+};
+
+var FileGroup = function FileGroup(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    checked = _ref.checked,
+    handleAllowedFileTypesChange = _ref.handleAllowedFileTypesChange;
+  return /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
+    checked: checked,
+    label: label,
+    name: name,
+    "data-cy": "neeto-form-engine-file-type-".concat(name),
+    id: name,
+    onChange: handleAllowedFileTypesChange
+  });
+};
+
+var buildFileTypesList = function buildFileTypesList(fileTypes) {
+  return (fileTypes !== null && fileTypes !== void 0 ? fileTypes : "").split(", ");
+};
+var getAllowedFileTypes = function getAllowedFileTypes(_ref) {
+  var type = _ref.type,
+    isChecked = _ref.isChecked,
+    allowedFileTypes = _ref.allowedFileTypes;
+  var fileTypes = buildFileTypesList(allowedFileTypes);
+  if (isChecked) {
+    var fileTypesSet = new Set([].concat(_toConsumableArray__default["default"](constants.FILE_TYPES_MAP[type]), _toConsumableArray__default["default"](fileTypes)));
+    return Array.from(fileTypesSet).join(", ");
+  }
+  var newFileTypes = ramda.difference(fileTypes, constants.FILE_TYPES_MAP[type]);
+  return newFileTypes.join(", ");
+};
+var isFileTypeEnabled = function isFileTypeEnabled(type, allowedFileTypes) {
+  var fileTypes = buildFileTypesList(allowedFileTypes);
+  return ramda.isEmpty(ramda.difference(constants.FILE_TYPES_MAP[type], fileTypes));
+};
+
+var FileUpload = function FileUpload() {
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var allowedFileTypes = ramda.prop("allowedFileTypes", values);
+  var handleAllowedFileTypesChange = function handleAllowedFileTypesChange(_ref) {
+    var _ref$target = _ref.target,
+      fileType = _ref$target.name,
+      checked = _ref$target.checked;
+    return setFieldValue("allowedFileTypes", getAllowedFileTypes({
+      type: fileType,
+      isChecked: checked,
+      allowedFileTypes: allowedFileTypes
+    }));
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "w-full",
+      children: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default$1["default"], {
+        id: "multipleFilesAllowed",
+        label: t("neetoForm.fileUpload.enableMultipleFilesUpload"),
+        name: "multipleFilesAllowed"
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "body1",
+        weight: "semibold",
+        children: t("neetoForm.fileUpload.fileTypes")
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex space-x-4",
+        children: constants.FILE_GROUPS.map(function (_ref2) {
+          var name = _ref2.name,
+            label = _ref2.label;
+          return /*#__PURE__*/React.createElement(FileGroup, {
+            handleAllowedFileTypesChange: handleAllowedFileTypesChange,
+            label: label,
+            name: name,
+            checked: isFileTypeEnabled(name, allowedFileTypes),
+            key: name
+          });
+        })
+      })]
+    })]
+  });
+};
+
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var defaultConfig = {
+  strict: true,
+  matchKey: "value"
+};
+var findOptionByValue = function findOptionByValue(value) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var configObject = _objectSpread$5(_objectSpread$5({}, defaultConfig), config);
+  var matchKey = configObject.matchKey,
+    strict = configObject.strict;
+  return options.find(function (option) {
+    return (
+      // eslint-disable-next-line eqeqeq
+      strict ? option[matchKey] === value : option[matchKey] == value
+    );
+  });
+};
+var filterOptionsByValues = function filterOptionsByValues() {
+  var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var configObject = _objectSpread$5(_objectSpread$5({}, defaultConfig), config);
+  var matchKey = configObject.matchKey,
+    strict = configObject.strict;
+  return options.filter(function (option) {
+    return values.some(function (value) {
+      return (
+        // eslint-disable-next-line eqeqeq
+        strict ? option[matchKey] === value : option[matchKey] == value
+      );
+    });
+  });
+};
+var destroyFromList = function destroyFromList(items, index) {
+  var itemToRemove = items[index];
+  if (itemToRemove) {
+    var nextItems = _toConsumableArray__default["default"](items);
+    nextItems.splice(index, 1);
+    if (itemToRemove.id) {
+      nextItems.push(_objectSpread$5(_objectSpread$5({}, itemToRemove), {}, {
+        _destroy: true
+      }));
+    }
+    return nextItems;
+  }
+  return items;
+};
+var insertToList = function insertToList(items, item, index) {
+  var nextItems = _toConsumableArray__default["default"](items !== null && items !== void 0 ? items : []);
+  nextItems.splice(index, 0, item);
+  return nextItems;
+};
+var pushToList = function pushToList(items, item) {
+  var nextItems = _toConsumableArray__default["default"](items !== null && items !== void 0 ? items : []);
+  nextItems.push(item);
+  return nextItems;
+};
+var formHelpers = {
+  findOptionByValue: findOptionByValue,
+  filterOptionsByValues: filterOptionsByValues,
+  destroyFromList: destroyFromList,
+  insertToList: insertToList,
+  pushToList: pushToList
+};
+
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Options = function Options(_ref) {
+  var questionProps = _ref.questionProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useBuildFormStore = buildForm.useBuildFormStore(function (store) {
+      var _store$formState;
+      return {
+        selectedLanguage: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["selectedLanguage"]
+      };
+    }, shallow.shallow),
+    selectedLanguage = _useBuildFormStore.selectedLanguage;
+  var _useField = formik.useField("optionsAttributes"),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    optionsAttributes = _useField2[0].value;
+    _useField2[1];
+    var setOptionsAttributes = _useField2[2].setValue;
+  var _ref2 = questionProps || {},
+    _ref2$optionLabelProp = _ref2.optionLabelProps,
+    optionLabelProps = _ref2$optionLabelProp === void 0 ? {} : _ref2$optionLabelProp,
+    _ref2$freezeOptions = _ref2.freezeOptions,
+    freezeOptions = _ref2$freezeOptions === void 0 ? false : _ref2$freezeOptions,
+    _ref2$disableAddOptio = _ref2.disableAddOption,
+    disableAddOption = _ref2$disableAddOptio === void 0 ? false : _ref2$disableAddOptio,
+    _ref2$disableRemoveOp = _ref2.disableRemoveOption,
+    disableRemoveOption = _ref2$disableRemoveOp === void 0 ? false : _ref2$disableRemoveOp;
+  var handleRemoveOption = function handleRemoveOption(index) {
+    var nextOptions = formHelpers.destroyFromList(optionsAttributes, index);
+    setOptionsAttributes(nextOptions);
+  };
+  var isManageOptionDisabled = index.isFunction(freezeOptions) ? freezeOptions(selectedLanguage) : freezeOptions;
+  var isAddOptionDisabled = disableAddOption || isManageOptionDisabled;
+  var isRemoveOptionDisabled = disableRemoveOption || isManageOptionDisabled;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full",
+    children: /*#__PURE__*/jsxRuntime.jsx(formik.FieldArray, {
+      name: "optionsAttributes",
+      children: function children(_ref3) {
+        var handlePush = _ref3.handlePush;
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], _objectSpread$4(_objectSpread$4({
+            className: "mb-1 block"
+          }, optionLabelProps), {}, {
+            children: t("neetoForm.questions.common.questionFields.field.options")
+          })), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex w-2/3 flex-col space-y-2",
+            children: optionsAttributes === null || optionsAttributes === void 0 ? void 0 : optionsAttributes.map(function (option, index) {
+              var _option$id;
+              return !option._destroy && /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex items-start gap-1",
+                "data-cy": "neeto-form-engine-option-".concat(index),
+                children: [/*#__PURE__*/jsxRuntime.jsx(InputWithMaxLength, {
+                  required: true,
+                  disabled: isManageOptionDisabled,
+                  name: "optionsAttributes.".concat(index, ".label"),
+                  placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
+                    number: index + 1
+                  })
+                }), !isRemoveOptionDisabled && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                  "data-cy": "neeto-form-engine-delete-option-button",
+                  icon: Delete__default["default"],
+                  size: "small",
+                  style: "text",
+                  className: classnames__default["default"]({
+                    invisible: index < constants.MINIMUM_OPTIONS
+                  }),
+                  tooltipProps: {
+                    position: "top",
+                    content: t("neetoForm.common.delete")
+                  },
+                  onClick: function onClick() {
+                    return handleRemoveOption(index);
+                  }
+                })]
+              }, "question-option-".concat((_option$id = option.id) !== null && _option$id !== void 0 ? _option$id : index));
+            })
+          }), !isAddOptionDisabled && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "mt-3 w-full",
+            children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              "data-cy": "neeto-form-engine-add-option-button",
+              icon: Plus__default["default"],
+              iconPosition: "left",
+              size: "small",
+              style: "text",
+              label: t("neetoForm.questions.common.questionFields.field.addOption"),
+              onClick: handlePush({
+                label: ""
+              })
+            })
+          })]
+        });
+      }
+    })
+  });
+};
+
+var RatingItem = function RatingItem(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex w-16 flex-col items-center gap-3",
+    children: children
+  });
+};
+var Rating = function Rating() {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex flex-col",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "w-full",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex gap-6",
+        children: constants.RATING_OPTIONS.map(function (_ref2) {
+          var Icon = _ref2.icon,
+            name = _ref2.name,
+            color = _ref2.color;
+          return /*#__PURE__*/jsxRuntime.jsxs(RatingItem, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
+              color: color,
+              size: 48
+            }), /*#__PURE__*/jsxRuntime.jsx(InputWithMaxLength, {
+              name: name,
+              "data-cy": "neeto-form-engine-".concat(neetoCist.hyphenate(name))
+            })]
+          }, name);
+        })
+      })
+    })
+  });
+};
+
+var StarRating = function StarRating() {
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useField = formik.useField("iconType"),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    iconType = _useField2[0].value;
+    _useField2[1];
+    var setIconType = _useField2[2].setValue;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex space-x-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+        className: "w-1/2",
+        "data-cy": "neeto-form-engine-star-rating-min-value",
+        label: t("neetoForm.common.start"),
+        name: "minValue",
+        options: constants.STAR_RATING_MIN_VALUE_OPTIONS,
+        onChange: function onChange(option) {
+          return setFieldValue("minValue", option === null || option === void 0 ? void 0 : option.value);
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+        className: "w-1/2",
+        "data-cy": "neeto-form-engine-star-rating-max-value",
+        label: t("neetoForm.common.end"),
+        name: "maxValue",
+        options: constants.STAR_RATING_MAX_VALUE_OPTIONS,
+        onChange: function onChange(option) {
+          return setFieldValue("maxValue", option === null || option === void 0 ? void 0 : option.value);
+        }
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+      children: t("neetoForm.common.shape")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex gap-2",
+      children: Object.entries(constants.STAR_RATING_ICONS_MAP).map(function (_ref) {
+        var _ref2 = _slicedToArray__default["default"](_ref, 2),
+          name = _ref2[0],
+          IconType = _ref2[1];
+        var isActive = name === iconType;
+        return /*#__PURE__*/jsxRuntime.jsx("div", {
+          "data-cy": "neeto-form-engine-rating-icon-".concat(name),
+          className: classnames__default["default"]("flex h-10 w-10 items-center justify-center gap-2", "neeto-ui-border-gray-800 neeto-ui-rounded-full cursor-pointer border", "transition-all duration-300 ease-in-out", {
+            "neeto-ui-text-gray-800 neeto-ui-bg-gray-200": !isActive,
+            "neeto-ui-text-white neeto-ui-bg-gray-800": isActive
+          }),
+          onClick: function onClick() {
+            return setIconType(name);
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(IconType, {})
+        }, name);
+      })
+    })]
+  });
+};
+
+var CHECKBOX = constants.QUESTION_TYPES.CHECKBOX,
+  RADIO = constants.QUESTION_TYPES.RADIO,
+  DROPDOWN = constants.QUESTION_TYPES.DROPDOWN,
+  STAR_RATING = constants.QUESTION_TYPES.STAR_RATING,
+  RATING = constants.QUESTION_TYPES.RATING,
+  FILE_UPLOAD = constants.QUESTION_TYPES.FILE_UPLOAD,
+  CAPTCHA = constants.QUESTION_TYPES.CAPTCHA,
+  EMAIL = constants.QUESTION_TYPES.EMAIL;
+var transformValueForOption = function transformValueForOption(_ref) {
+  var label = _ref.label,
+    type = _ref.type;
+  return "".concat(neetoCist.slugify(label), "-").concat(type);
+};
+var renderAdditionalData = function renderAdditionalData(_ref2) {
+  var kind = _ref2.kind,
+    questionProps = _ref2.questionProps,
+    domainRestrictionHelpDocUrl = _ref2.domainRestrictionHelpDocUrl,
+    enableDomainRestriction = _ref2.enableDomainRestriction;
+  switch (kind) {
+    case CHECKBOX:
+    case RADIO:
+    case DROPDOWN:
+      return /*#__PURE__*/jsxRuntime.jsx(Options, {
+        questionProps: questionProps
+      });
+    case RATING:
+      return /*#__PURE__*/jsxRuntime.jsx(Rating, {});
+    case STAR_RATING:
+      return /*#__PURE__*/jsxRuntime.jsx(StarRating, {});
+    case FILE_UPLOAD:
+      return /*#__PURE__*/jsxRuntime.jsx(FileUpload, {});
+    case CAPTCHA:
+      return /*#__PURE__*/jsxRuntime.jsx(Captcha, {});
+    case EMAIL:
+      return enableDomainRestriction ? /*#__PURE__*/jsxRuntime.jsx(Email, {
+        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl
+      }) : null;
+    default:
+      return null;
+  }
+};
+var resolveActionComponent = function resolveActionComponent(action) {
+  return ramda.equals(action, constants.QUESTION_ACTIONS.ADD) ? Add : Edit;
+};
+var getQuestionKind = function getQuestionKind(questionKinds, pattern) {
+  var questionKind = neetoCist.findBy(pattern, questionKinds);
+  return questionKind ? ramda.assoc("kind", questionKind.type, questionKind) : null;
+};
+var buildKindOptions = function buildKindOptions(kinds) {
+  return kinds.map(function (_ref3) {
+    var label = _ref3.label,
+      type = _ref3.type;
+    return {
+      label: label,
+      value: transformValueForOption({
+        label: label,
+        type: type
+      })
+    };
+  });
+};
+var extractKindFromOption = ramda.pipe(ramda.split("-"), ramda.last);
+var buildDefaultValueForKind = function buildDefaultValueForKind(questionKind) {
+  return neetoCist.isPresent(questionKind) ? {
+    value: transformValueForOption(questionKind)
+  } : undefined;
+};
+
+var _excluded$1 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds", "fieldCodeHelpDocUrl", "domainRestrictionHelpDocUrl"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ManageQuestionPane = function ManageQuestionPane(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    action = _ref.action,
+    question = _ref.question,
+    availableQuestionKinds = _ref.availableQuestionKinds,
+    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+  var initialFocusRef = React.useRef(null);
+  var Component = resolveActionComponent(action);
+  return /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"], {
+    initialFocusRef: initialFocusRef,
+    isOpen: isOpen,
+    onClose: onClose,
+    children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$3({}, _objectSpread$3({
+      availableQuestionKinds: availableQuestionKinds,
+      domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+      fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
+      initialFocusRef: initialFocusRef,
+      isOpen: isOpen,
+      onClose: onClose,
+      question: question
+    }, props)))
+  });
+};
+
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AddQuestion = function AddQuestion(_ref) {
+  var onAdd = _ref.onAdd,
+    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    isDisabled = _ref.isDisabled;
+  var tooltipProps = buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], _objectSpread$2(_objectSpread$2({}, isDisabled && tooltipProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx("span", {
+      children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$2({}, buildAddQuestionButtonProps(onAdd, isDisabled)))
+    })
+  }));
+};
+
+var _excluded = ["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$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Form = function Form(_ref) {
+  var questionKinds = _ref.questionKinds,
+    onValueChange = _ref.onValueChange,
+    formId = _ref.formId,
+    isDeletable = _ref.isDeletable,
+    isRequiredField = _ref.isRequiredField,
+    submitButtonProps = _ref.submitButtonProps,
+    cancelButtonProps = _ref.cancelButtonProps,
+    isKindAlreadyActive = _ref.isKindAlreadyActive,
+    getActiveKindDetails = _ref.getActiveKindDetails,
+    isDisabledFieldLabel = _ref.isDisabledFieldLabel,
+    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    enableFieldCode = _ref.enableFieldCode,
+    isFormEnabled = _ref.isFormEnabled,
+    savedTitle = _ref.savedTitle,
+    formTitle = _ref.formTitle,
+    formDescription = _ref.formDescription,
+    selectedLanguage = _ref.selectedLanguage,
+    availableLanguages = _ref.availableLanguages,
+    onLanguageChange = _ref.onLanguageChange,
+    additionalActionOptions = _ref.additionalActionOptions,
+    isReordering = _ref.isReordering,
+    additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
+    showActionBlock = _ref.showActionBlock,
+    buildRequestArgs = _ref.buildRequestArgs,
+    fieldCodeHelpDocUrl = _ref.fieldCodeHelpDocUrl,
+    enableDomainRestriction = _ref.enableDomainRestriction,
+    domainRestrictionHelpDocUrl = _ref.domainRestrictionHelpDocUrl,
+    formDomProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  var containerRef = React.useRef();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var formikContext = formik.useFormikContext();
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    selectedQuestion = _useState2[0],
+    setSelectedQuestion = _useState2[1];
+  var _useState3 = React.useState(""),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    selectedAction = _useState4[0],
+    setSelectedAction = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    isDeleteAlertOpen = _useState6[0],
+    setIsDeleteAlertOpen = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    isManageQuestionPaneOpen = _useState8[0],
+    setIsManageQuestionPaneOpen = _useState8[1];
+  var values = formikContext.values,
+    setFieldValue = formikContext.setFieldValue,
+    dirty = formikContext.dirty,
+    isSubmitting = formikContext.isSubmitting,
+    isValid = formikContext.isValid,
+    errors = formikContext.errors,
+    submitForm = formikContext.submitForm,
+    resetForm = formikContext.resetForm;
+  var setFormData = buildForm.useBuildFormStore(ramda.prop("setFormData"));
+  var _useCreateQuestion = useFormApi.useCreateQuestion(formId, selectedLanguage, {
+      onSuccess: utils.showThumbsUpToastr
+    }),
+    createQuestion = _useCreateQuestion.mutate;
+  React.useEffect(function () {
+    setFormData({
+      formId: formId,
+      enabled: isFormEnabled,
+      title: savedTitle,
+      values: values,
+      dirty: dirty,
+      isSubmitting: isSubmitting,
+      isValid: isValid,
+      errors: errors,
+      submitForm: submitForm,
+      resetForm: resetForm,
+      selectedLanguage: selectedLanguage
+    });
+  }, [formId, isFormEnabled, savedTitle, setFormData, values, dirty, isSubmitting, isValid, errors, submitForm, resetForm, selectedLanguage]);
+  var questions = values.questions;
+  var handleSelect = function handleSelect(question) {
+    setSelectedQuestion(question);
+  };
+  var handleAdd = function handleAdd() {
+    setSelectedAction(constants.QUESTION_ACTIONS.ADD);
+    setIsManageQuestionPaneOpen(true);
+  };
+  var handleEdit = function handleEdit() {
+    setSelectedAction(constants.QUESTION_ACTIONS.EDIT);
+    setIsManageQuestionPaneOpen(true);
+  };
+  var handleClone = function handleClone() {
+    var values = duplicateFieldData({
+      item: selectedQuestion,
+      questionKinds: availableQuestionKinds,
+      questions: questions
+    });
+    var displayOrder = selectedQuestion.displayOrder + 1;
+    var attributes = ramda.mergeLeft({
+      displayOrder: displayOrder
+    }, values);
+    var payload = _objectSpread$1({
+      language: selectedLanguage,
+      neetoFormQuestion: formatQuestionAttributesForClone(attributes)
+    }, buildRequestArgs);
+    createQuestion(payload, {
+      onSuccess: function onSuccess(_ref2) {
+        var questions = _ref2.questions;
+        var newQuestion = neetoCist.findBy({
+          displayOrder: displayOrder
+        }, questions);
+        handleSelect(newQuestion);
+      }
+    });
+  };
+  var handleDelete = function handleDelete() {
+    setIsDeleteAlertOpen(true);
+  };
+  reactUtils.useOnClickOutside(containerRef, function () {
+    return handleSelect(null);
+  }, {
+    enabled: !(isDeleteAlertOpen || isManageQuestionPaneOpen)
+  });
+  React.useEffect(function () {
+    onValueChange === null || onValueChange === void 0 || onValueChange(questions);
+  }, [questions]);
+  var availableQuestionKinds = getAvailableQuestionKinds({
+    allQuestionKinds: questionKinds,
+    activeQuestions: questions,
+    isKindAlreadyActive: isKindAlreadyActive
+  });
+  var hasActiveQuestions = questions && questions.length && questions.some(function (question) {
+    return question._destroy !== true;
+  });
+  var handleLanguageChange = function handleLanguageChange(code) {
+    resetForm();
+    onLanguageChange(code);
+  };
+  var richTextQuestions = neetoCist.filterBy({
+    kind: ramda.includes(ramda.__, constants.RICH_TEXT_QUESTIONS)
+  }, questions);
+  var resetFormData = function resetFormData() {
+    resetForm();
+    setFormData({
+      richTextFieldsToReset: ramda.pluck("fieldCode", richTextQuestions)
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(DeleteAlert, {
+      handleSelect: handleSelect,
+      selectedQuestion: selectedQuestion,
+      isOpen: isDeleteAlertOpen,
+      languagesCount: availableLanguages.length,
+      onClose: function onClose() {
+        return setIsDeleteAlertOpen(false);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsxs(formik.Form, _objectSpread$1(_objectSpread$1({
+      className: "neeto-form-nano-form-wrapper flex h-full flex-col"
+    }, formDomProps), {}, {
+      noValidate: true,
+      children: [formTitle && /*#__PURE__*/jsxRuntime.jsx(Overview, {
+        additionalActionOptions: additionalActionOptions,
+        availableLanguages: availableLanguages,
+        selectedLanguage: selectedLanguage,
+        description: formDescription,
+        title: formTitle,
+        onLanguageChange: handleLanguageChange
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-form-nano-form-wrapper__body min-h-0 w-full flex-grow space-y-6 overflow-y-auto px-6 pb-6",
+        children: hasActiveQuestions ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "space-y-6",
+          ref: containerRef,
+          children: [/*#__PURE__*/jsxRuntime.jsx(dnd.DragDropContext, {
+            onDragEnd: function onDragEnd(_ref3) {
+              var source = _ref3.source,
+                destination = _ref3.destination;
+              return handleFieldDragEnd({
+                source: source,
+                destination: destination,
+                items: questions,
+                setValue: setFieldValue
+              });
+            },
+            children: /*#__PURE__*/jsxRuntime.jsx(Questions, {
+              getActiveKindDetails: getActiveKindDetails,
+              isDeletable: isDeletable,
+              questions: questions,
+              selectedQuestion: selectedQuestion,
+              allQuestionKinds: questionKinds,
+              onClone: handleClone,
+              onDelete: handleDelete,
+              onEdit: handleEdit,
+              onSelect: handleSelect
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "mb-8 w-full",
+            children: /*#__PURE__*/jsxRuntime.jsx(AddQuestion, {
+              disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+              isDisabled: ramda.isEmpty(availableQuestionKinds),
+              onAdd: handleAdd
+            })
+          })]
+        }) : /*#__PURE__*/jsxRuntime.jsx(AddFirstQuestion, {
+          disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+          isDisabled: ramda.isEmpty(availableQuestionKinds),
+          onAdd: handleAdd
+        })
+      }), (showActionBlock || dirty) && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-ui-border-gray-300 neeto-form-nano-form-wrapper__footer neeto-ui-bg-white sticky bottom-0 flex flex-shrink-0 justify-end border-t px-6 py-4",
+        children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+          submitButtonProps: submitButtonProps,
+          isSubmitting: isReordering,
+          cancelButtonProps: _objectSpread$1({
+            label: t("neetoForm.common.reset"),
+            onClick: resetFormData
+          }, cancelButtonProps)
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(ManageQuestionPane, {
+        additionalQuestionKindPattern: additionalQuestionKindPattern,
+        availableQuestionKinds: availableQuestionKinds,
+        buildRequestArgs: buildRequestArgs,
+        domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+        enableDomainRestriction: enableDomainRestriction,
+        enableFieldCode: enableFieldCode,
+        fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
+        getActiveKindDetails: getActiveKindDetails,
+        handleSelect: handleSelect,
+        isDisabledFieldLabel: isDisabledFieldLabel,
+        isRequiredField: isRequiredField,
+        questions: questions,
+        action: selectedAction,
+        allQuestionKinds: questionKinds,
+        isOpen: isManageQuestionPaneOpen,
+        question: selectedQuestion,
+        onClose: function onClose() {
+          return setIsManageQuestionPaneOpen(false);
+        }
+      })]
+    }))]
+  });
+};
+
+function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var BuildForm = function BuildForm(_ref) {
+  var id = _ref.id,
+    onUpdate = _ref.onUpdate,
+    buildRequestArgs = _ref.buildRequestArgs,
+    _ref$nonRemovableFiel = _ref.nonRemovableFields,
+    nonRemovableFields = _ref$nonRemovableFiel === void 0 ? [] : _ref$nonRemovableFiel,
+    _ref$requiredFields = _ref.requiredFields,
+    requiredFields = _ref$requiredFields === void 0 ? [] : _ref$requiredFields,
+    formDomProps = _ref.formDomProps,
+    _ref$showActionBlock = _ref.showActionBlock,
+    showActionBlock = _ref$showActionBlock === void 0 ? false : _ref$showActionBlock,
+    submitButtonProps = _ref.submitButtonProps,
+    cancelButtonProps = _ref.cancelButtonProps,
+    questionKinds = _ref.questionKinds,
+    _ref$isKindAlreadyAct = _ref.isKindAlreadyActive,
+    isKindAlreadyActive = _ref$isKindAlreadyAct === void 0 ? isQuestionKindAlreadyActive : _ref$isKindAlreadyAct,
+    _ref$getActiveKindDet = _ref.getActiveKindDetails,
+    getActiveKindDetails = _ref$getActiveKindDet === void 0 ? constants.getActiveQuestionKindDetails : _ref$getActiveKindDet,
+    isQuestionDeletable = _ref.isQuestionDeletable,
+    isFieldRequired = _ref.isFieldRequired,
+    isFieldLabelDisabled = _ref.isFieldLabelDisabled,
+    _ref$showLoader = _ref.showLoader,
+    showLoader = _ref$showLoader === void 0 ? false : _ref$showLoader,
+    _ref$kindUniqueOn = _ref.kindUniqueOn,
+    kindUniqueOn = _ref$kindUniqueOn === void 0 ? ["type"] : _ref$kindUniqueOn,
+    _ref$allowAdditionalG = _ref.allowAdditionalGuests,
+    allowAdditionalGuests = _ref$allowAdditionalG === void 0 ? false : _ref$allowAdditionalG,
+    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    _ref$enableFieldCode = _ref.enableFieldCode,
+    enableFieldCode = _ref$enableFieldCode === void 0 ? false : _ref$enableFieldCode,
+    _ref$availableLanguag = _ref.availableLanguages,
+    availableLanguages = _ref$availableLanguag === void 0 ? constants.DEFAULT_AVAILABLE_LANGUAGES : _ref$availableLanguag,
+    formDescription = _ref.formDescription,
+    _ref$formTitle = _ref.formTitle,
+    formTitle = _ref$formTitle === void 0 ? "" : _ref$formTitle,
+    _ref$selectedLanguage = _ref.selectedLanguage,
+    selectedLanguage = _ref$selectedLanguage === void 0 ? "en" : _ref$selectedLanguage,
+    _ref$onLanguageChange = _ref.onLanguageChange,
+    onLanguageChange = _ref$onLanguageChange === void 0 ? neetoCist.noop : _ref$onLanguageChange,
+    _ref$additionalAction = _ref.additionalActionOptions,
+    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 = useFormApi.useReorderQuestions(id, {
+      onSuccess: utils.showThumbsUpToastr
+    }),
+    reorderQuestions = _useReorderQuestions.mutate,
+    isReordering = _useReorderQuestions.isPending;
+  var _useFetchQuestions = useFormApi.useFetchQuestions({
+      formId: id,
+      language: selectedLanguage
+    }),
+    data = _useFetchQuestions.data,
+    isLoading = _useFetchQuestions.isLoading,
+    isQuestionsPending = _useFetchQuestions.isPending;
+  var _ref2 = data || constants.QUESTIONS_INITIAL_VALUE,
+    isFormEnabled = _ref2.enabled,
+    savedTitle = _ref2.title,
+    questions = _ref2.questions,
+    isQuestionsLoading = _ref2.isQuestionsLoading;
+  React.useEffect(function () {
+    if (data) {
+      onUpdate === null || onUpdate === void 0 || onUpdate(data);
+    }
+  }, [data]);
+  if (isLoading || showLoader && isQuestionsLoading && !isQuestionsPending) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center py-6",
+      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {})
+    });
+  }
+  var handleSubmit = function handleSubmit(_ref3, _ref4) {
+    var questions = _ref3.questions;
+    var setSubmitting = _ref4.setSubmitting;
+    var payload = {
+      neetoFormQuestions: {
+        questions: buildReorderPayload(questions)
+      }
+    };
+    reorderQuestions(payload, {
+      onSettled: function onSettled() {
+        return setSubmitting(false);
+      }
+    });
+  };
+  var onValueChange = function onValueChange(questions) {
+    var _queryClient$getQuery = queryClient.getQueryState([useFormApi.QUERY_KEYS.QUESTIONS, id, selectedLanguage]),
+      dataUpdateCount = _queryClient$getQuery.dataUpdateCount;
+    if (dataUpdateCount > 0) {
+      queryClient.setQueryData([useFormApi.QUERY_KEYS.QUESTIONS, "preview/".concat(id), selectedLanguage], ramda.assoc("questions", questions));
+    }
+  };
+  var isDeletable = isQuestionDeletable !== null && isQuestionDeletable !== void 0 ? isQuestionDeletable : function (question) {
+    return !nonRemovableFields.includes(question.kind);
+  };
+  var isRequiredField = isFieldRequired !== null && isFieldRequired !== void 0 ? isFieldRequired : function (_ref5) {
+    var kind = _ref5.kind;
+    return ramda.concat(constants.MANDATORY_KINDS, requiredFields).includes(kind);
+  };
+  var isDisabledFieldLabel = isFieldLabelDisabled !== null && isFieldLabelDisabled !== void 0 ? isFieldLabelDisabled : function () {
+    return false;
+  };
+  var defaultQuestionKinds = allowAdditionalGuests ? constants.QUESTION_KINDS : neetoCist.removeBy({
+    type: constants$1.QUESTION_KIND.ADDITIONAL_GUESTS.value
+  }, constants.QUESTION_KINDS);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames__default["default"]("neeto-form-nano-form-outer-wrapper relative", className),
+    children: [/*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
+      enableReinitialize: true,
+      initialValues: {
+        questions: questions
+      },
+      onSubmit: handleSubmit,
+      children: function children(_ref6) {
+        var errors = _ref6.errors,
+          setFieldError = _ref6.setFieldError;
+        return /*#__PURE__*/jsxRuntime.jsx(Form, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, formDomProps), {}, {
+          additionalActionOptions: additionalActionOptions,
+          additionalQuestionKindPattern: additionalQuestionKindPattern,
+          availableLanguages: availableLanguages,
+          buildRequestArgs: buildRequestArgs,
+          cancelButtonProps: cancelButtonProps,
+          disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+          domainRestrictionHelpDocUrl: domainRestrictionHelpDocUrl,
+          enableDomainRestriction: enableDomainRestriction,
+          enableFieldCode: enableFieldCode,
+          fieldCodeHelpDocUrl: fieldCodeHelpDocUrl,
+          formDescription: formDescription,
+          formTitle: formTitle,
+          getActiveKindDetails: getActiveKindDetails,
+          isDeletable: isDeletable,
+          isDisabledFieldLabel: isDisabledFieldLabel,
+          isFormEnabled: isFormEnabled,
+          isKindAlreadyActive: isKindAlreadyActive,
+          isReordering: isReordering,
+          isRequiredField: isRequiredField,
+          kindUniqueOn: kindUniqueOn,
+          onLanguageChange: onLanguageChange,
+          onValueChange: onValueChange,
+          savedTitle: savedTitle,
+          selectedLanguage: selectedLanguage,
+          showActionBlock: showActionBlock,
+          submitButtonProps: submitButtonProps
+        })), {}, {
+          formId: id,
+          questionKinds: ramda.isNil(questionKinds) ? defaultQuestionKinds : questionKinds,
+          onChange: function onChange(event) {
+            if (ramda.isEmpty(errors)) return;
+            setFieldError(event.target.name);
+          }
+        }));
+      }
+    }), isQuestionsLoading && !isQuestionsPending && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-ui-bg-white absolute inset-0 flex items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {})
+    })]
+  });
+};
+
+module.exports = BuildForm;
+//# sourceMappingURL=BuildForm.js.map