@bigbinary/neeto-form-frontend 1.3.1 → 1.3.3

package/dist/index.cjs.js

@@ -7,7 +7,7 @@ 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 neetoui = require('@bigbinary/neetoui');
+var Toastr = require('@bigbinary/neetoui/Toastr');
 var ramda = require('ramda');
 var reactQuery = require('react-query');
 var i18next = require('i18next');
@@ -16,21 +16,39 @@ var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var axios = require('axios');
 var ReactDOM = require('react-dom');
-var formik$1 = require('@bigbinary/neetoui/formik');
+var Alert = require('@bigbinary/neetoui/Alert');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var reactI18next = require('react-i18next');
 var zustand = require('zustand');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Dropdown$2 = require('@bigbinary/neetoui/Dropdown');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var classnames = require('classnames');
+var Button$1 = require('@bigbinary/neetoui/Button');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+var Checkbox = require('@bigbinary/neetoui/formik/Checkbox');
+var Label = require('@bigbinary/neetoui/Label');
+var Checkbox$1 = require('@bigbinary/neetoui/Checkbox');
+var Select = require('@bigbinary/neetoui/formik/Select');
 var neetoEditor = require('@bigbinary/neeto-editor');
 var shallow = require('zustand/shallow');
 var yup = require('yup');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var Spinner$2 = require('@bigbinary/neetoui/Spinner');
 var dayjs = require('dayjs');
+var NeetoUIMultiEmailInput = require('@bigbinary/neetoui/MultiEmailInput');
 var PhoneNumber$1 = require('@bigbinary/neeto-molecules/PhoneNumber');
 var localeData = require('dayjs/plugin/localeData');
 var utc = require('dayjs/plugin/utc');
 var weekday = require('dayjs/plugin/weekday');
 var weekOfYear = require('dayjs/plugin/weekOfYear');
+var DatePicker = require('@bigbinary/neetoui/DatePicker');
 var path = require('path');
+var Input$1 = require('@bigbinary/neetoui/Input');
+var Select$1 = require('@bigbinary/neetoui/Select');
+var Radio = require('@bigbinary/neetoui/Radio');
+var Textarea$1 = require('@bigbinary/neetoui/Textarea');
 var server = require('react-dom/server');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -56,18 +74,38 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
 var React__namespace = /*#__PURE__*/_interopNamespace(React$2);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$2);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$1);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
+var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
+var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
+var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner$2);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var NeetoUIMultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIMultiEmailInput);
 var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
 var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
 var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
 var weekOfYear__default = /*#__PURE__*/_interopDefaultLegacy(weekOfYear);
+var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
+var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
+var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
+var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
+var Textarea__default$1 = /*#__PURE__*/_interopDefaultLegacy(Textarea$1);
 
 function _extends$8() {
   _extends$8 = Object.assign ? Object.assign.bind() : function (target) {
@@ -9920,9 +9958,9 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
   var selectedLanguageName = (_findBy = neetoCist.findBy({
     code: currentLanguage
   }, languages)) === null || _findBy === void 0 ? void 0 : _findBy.name;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
     content: t("neetoForm.questions.changeLanguage")
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
     buttonProps: {
       iconPosition: "left"
     },
@@ -9930,17 +9968,17 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
     icon: neetoIcons.Globe,
     label: selectedLanguageName,
     position: "top-start"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown.Menu, null, languages.map(function (_ref2) {
+  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, languages.map(function (_ref2) {
     var code = _ref2.code,
       name = _ref2.name;
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown.MenuItem.Button, {
+    return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].MenuItem.Button, {
       isActive: currentLanguage === code,
       key: code,
       onClick: function onClick() {
         return languageChangeHandler(code);
       }
     }, name);
-  }))))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
+  }))))), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
     isOpen: isUnsavedChangesAlertOpen,
     message: t("neetoForm.questions.unsavedChangesAlert.message"),
     submitButtonLabel: t("neetoForm.questions.unsavedChangesAlert.discard"),
@@ -9965,7 +10003,7 @@ var Overview = function Overview(_ref) {
     className: "mb-4 flex-shrink-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-between"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     "data-cy": "neeto-form-engine-overview-title",
     lineHeight: "normal",
     style: "h4",
@@ -9986,7 +10024,7 @@ var ListItem = function ListItem(_ref) {
     onClick: onClick,
     className: "flex items-center gap-x-2",
     "data-cy": "neeto-form-engine-".concat(neetoCist.slugify(label))
-  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "body2"
   }, label));
 };
@@ -10132,7 +10170,7 @@ var Accordion = function Accordion(_ref) {
     className: "neeto-form-engine-question-accordion__icon"
   }), /*#__PURE__*/React__default["default"].createElement(Drag, {
     className: "neeto-form-engine-question-accordion__drag-icon cursor-move"
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  })), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h5",
     weight: "semibold",
     className: classnames__default["default"]({
@@ -10146,7 +10184,7 @@ var Accordion = function Accordion(_ref) {
     className: "flex items-center justify-center border-0 bg-transparent outline-none",
     type: "button",
     onClick: onToggle
-  }, isExpanded ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Up, null) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, null)), (onDuplicate || shouldShowDeleteOption) && /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+  }, isExpanded ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Up, null) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, null)), (onDuplicate || shouldShowDeleteOption) && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
     className: "w-full",
     position: "bottom-end",
     customTarget: function customTarget() {
@@ -10170,16 +10208,16 @@ var Accordion = function Accordion(_ref) {
     })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-border-gray-800 neeto-form-engine-add-question-between__line w-full border-t border-dashed"
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+  }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
     isOpen: isAddQuestionOpen,
     position: "bottom-end",
     strategy: "fixed",
     customTarget: function customTarget() {
-      return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
         disabled: !disableAddNewQuestion,
         position: "top",
         content: (disabledAddButtonTooltipProps === null || disabledAddButtonTooltipProps === void 0 ? void 0 : disabledAddButtonTooltipProps.content) || t("neetoForm.questions.common.primaryPanel.noQuestionLeft")
-      }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         className: "neeto-form-engine-add-question-between__btn neeto-ui-rounded-full absolute left-full top-1/2 -translate-y-1/2 transform",
         disabled: disableAddNewQuestion,
         icon: null,
@@ -10228,7 +10266,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
     }
   }, [value, maxLength, setValue]);
   var shouldShowMaxLength = value && value.length > maxLength - 10;
-  return /*#__PURE__*/React__default["default"].createElement(formik$1.Input, _extends$8({}, props, shouldShowMaxLength && {
+  return /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends$8({}, props, shouldShowMaxLength && {
     maxLength: maxLength
   }));
 };
@@ -10247,7 +10285,7 @@ var TextAreaWithMaxLength = function TextAreaWithMaxLength(_ref) {
     }
   }, [value, maxLength, setValue]);
   var shouldShowMaxLength = value && value.length > maxLength - 10;
-  return /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, _extends$8({}, props, shouldShowMaxLength && {
+  return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], _extends$8({}, props, shouldShowMaxLength && {
     maxLength: maxLength
   }));
 };
@@ -10263,7 +10301,7 @@ var FieldCode = reactUtils.withT(function (_ref) {
     helpText: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
       i18nKey: "neetoForm.questions.common.questionFields.field.fieldCodeHelpDescription",
       components: {
-        Link: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+        Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
           className: "text-xs",
           href: FIELD_CODE_DOC,
           style: "link",
@@ -10321,7 +10359,7 @@ var Condition$1 = function Condition(_ref) {
     label: t("neetoForm.questions.common.questionFields.field.question")
   }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10426,7 +10464,7 @@ var Dropdown$1 = function Dropdown(_ref) {
     })
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, _extends$8({
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
     className: "mb-1 block"
   }, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
     name: "".concat(name, ".optionsAttributes")
@@ -10445,7 +10483,7 @@ var Dropdown$1 = function Dropdown(_ref) {
         placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
           number: index + 1
         })
-      }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         "data-cy": "neeto-form-engine-delete-option-button",
         icon: neetoIcons.Delete,
         size: "small",
@@ -10463,7 +10501,7 @@ var Dropdown$1 = function Dropdown(_ref) {
       }));
     })), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "mt-3 w-full"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       icon: neetoIcons.Plus,
       iconPosition: "left",
       size: "small",
@@ -10475,7 +10513,7 @@ var Dropdown$1 = function Dropdown(_ref) {
     })));
   })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     label: t("neetoForm.common.required"),
     name: "".concat(name, ".isRequired")
@@ -10509,7 +10547,7 @@ var Email$1 = reactUtils.withT(function (_ref) {
     label: t("neetoForm.questions.common.questionFields.field.placeholder")
   }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10523,7 +10561,7 @@ var FileGroup = function FileGroup(_ref) {
     label = _ref.label,
     checked = _ref.checked,
     handleAllowedFileTypesChange = _ref.handleAllowedFileTypesChange;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
+  return /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], {
     checked: checked,
     label: label,
     name: name,
@@ -10581,19 +10619,19 @@ var FileUpload$2 = function FileUpload(_ref) {
     rows: 1
   })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".multipleFilesAllowed"),
     label: t("neetoForm.fileUpload.enableMultipleFilesUpload"),
     name: "".concat(name, ".multipleFilesAllowed")
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col space-y-3"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "body1",
     weight: "semibold"
   }, t("neetoForm.fileUpload.fileTypes")), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10637,7 +10675,7 @@ var LongText$1 = reactUtils.withT(function (_ref) {
     label: t("neetoForm.questions.common.questionFields.field.placeholder")
   }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10684,7 +10722,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
     name: "".concat(name, ".optionsAttributes")
   }, function (_ref2) {
     var handlePush = _ref2.handlePush;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, _extends$8({
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
       className: "mb-1 block"
     }, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex w-2/3 flex-col space-y-2"
@@ -10700,7 +10738,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
         placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
           number: index + 1
         })
-      }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         "data-cy": "neeto-form-engine-delete-option-button",
         icon: neetoIcons.Delete,
         size: "small",
@@ -10718,7 +10756,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
       }));
     })), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "mt-3 w-full"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       icon: neetoIcons.Plus,
       iconPosition: "left",
       size: "small",
@@ -10730,7 +10768,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
     })));
   })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     label: t("neetoForm.common.required"),
     name: "".concat(name, ".isRequired")
@@ -10764,7 +10802,7 @@ var Name$1 = reactUtils.withT(function (_ref) {
     label: t("neetoForm.questions.common.questionFields.field.placeholder")
   }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10798,7 +10836,7 @@ var Phone$1 = reactUtils.withT(function (_ref) {
     label: t("neetoForm.questions.common.questionFields.field.placeholder")
   }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10852,7 +10890,7 @@ var Rating$3 = reactUtils.withT(function (_ref2) {
     name: "".concat(name, ".lowestRatingLabel")
   }))))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10887,7 +10925,7 @@ var RichText$1 = reactUtils.withT(function (_ref) {
     label: t("neetoForm.questions.common.questionFields.field.placeholder")
   }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10921,7 +10959,7 @@ var ShortText$1 = reactUtils.withT(function (_ref) {
     label: t("neetoForm.questions.common.questionFields.field.placeholder")
   }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10968,7 +11006,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
     name: "".concat(name, ".optionsAttributes")
   }, function (_ref2) {
     var handlePush = _ref2.handlePush;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, _extends$8({
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
       className: "mb-1 block"
     }, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex w-2/3 flex-col space-y-2"
@@ -10983,7 +11021,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
         placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
           number: index + 1
         })
-      }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         "data-cy": "neeto-form-engine-delete-option-button",
         icon: neetoIcons.Delete,
         size: "small",
@@ -11001,7 +11039,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
       }));
     })), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "mt-3 w-full"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       icon: neetoIcons.Plus,
       iconPosition: "left",
       size: "small",
@@ -11013,7 +11051,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
     })));
   })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -11048,7 +11086,7 @@ var StarRating$3 = function StarRating(_ref) {
     rows: 1
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex space-x-4"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
+  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
     className: "w-1/2",
     label: t("neetoForm.common.start"),
     name: "".concat(name, ".minValue"),
@@ -11056,7 +11094,7 @@ var StarRating$3 = function StarRating(_ref) {
     onChange: function onChange(option) {
       return setFieldValue("".concat(name, ".minValue"), option === null || option === void 0 ? void 0 : option.value);
     }
-  }), /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
+  }), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
     className: "w-1/2",
     label: t("neetoForm.common.end"),
     name: "".concat(name, ".maxValue"),
@@ -11064,7 +11102,7 @@ var StarRating$3 = function StarRating(_ref) {
     onChange: function onChange(option) {
       return setFieldValue("".concat(name, ".maxValue"), option === null || option === void 0 ? void 0 : option.value);
     }
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoForm.common.shape")), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, t("neetoForm.common.shape")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex gap-2"
   }, Object.entries(STAR_RATING_ICONS_MAP).map(function (_ref2) {
     var _ref3 = _slicedToArray$3(_ref2, 2),
@@ -11083,7 +11121,7 @@ var StarRating$3 = function StarRating(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(IconType, null));
   })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     id: "".concat(name, ".isRequired"),
     name: "".concat(name, ".isRequired"),
     label: t("neetoForm.questions.common.questionFields.field.required")
@@ -11819,11 +11857,11 @@ var List = function List(_ref) {
   var disableAddNewQuestion = ramda.isEmpty(questionKinds);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames__default["default"]("flex", _defineProperty$6({}, className, className))
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+  }, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
     disabled: !disableAddNewQuestion,
     position: "top",
     content: (disabledAddButtonTooltipProps === null || disabledAddButtonTooltipProps === void 0 ? void 0 : disabledAddButtonTooltipProps.content) || t("neetoForm.questions.common.primaryPanel.noQuestionLeft")
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
     disabled: disableAddNewQuestion,
     label: t("neetoForm.questions.common.primaryPanel.addNewQuestion"),
     position: "bottom-start",
@@ -11982,7 +12020,7 @@ var Form = function Form(_ref) {
       richTextFieldsToReset: ramda.pluck("fieldCode", richTextQuestions)
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
     isOpen: ramda.isNotNil(deleteQuestionIndex),
     submitButtonLabel: t("neetoForm.common.delete"),
     title: t("neetoForm.questions.deleteAlert.title"),
@@ -12070,7 +12108,7 @@ var Form = function Form(_ref) {
     }
   }))), showActionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-border-gray-300 flex-shrink-0 border-t py-4"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
+  }, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
     submitButtonProps: submitButtonProps,
     cancelButtonProps: _objectSpread$h({
       label: t("neetoForm.common.reset"),
@@ -12176,7 +12214,7 @@ var BuildForm = function BuildForm(_ref) {
   var _useUpdateQuestions = useUpdateQuestions({
       formId: id,
       language: selectedLanguage,
-      onError: neetoui.Toastr.error,
+      onError: Toastr__default["default"].error,
       onSuccess: utils.showThumbsUpToastr
     }),
     updateQuestions = _useUpdateQuestions.mutateAsync;
@@ -16142,7 +16180,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
     className: "neeto-form-engine-input__wrapper"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-w-full"
-  }, isInputVisible ? /*#__PURE__*/React__default["default"].createElement(neetoui.MultiEmailInput, {
+  }, isInputVisible ? /*#__PURE__*/React__default["default"].createElement(NeetoUIMultiEmailInput__default["default"], {
     isRequired: isRequired,
     label: label,
     error: meta.touched ? meta.error : "",
@@ -16154,7 +16192,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
       return setTouched(true);
     },
     onChange: setValue
-  }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Button, (_React$createElement = {
+  }) : /*#__PURE__*/React__default["default"].createElement(Button__default["default"], (_React$createElement = {
     label: label
   }, _defineProperty$6(_React$createElement, "label", t("neetoForm.common.addGuests")), _defineProperty$6(_React$createElement, "style", "secondary"), _defineProperty$6(_React$createElement, "onClick", function onClick() {
     return setIsInputVisible(true);
@@ -16182,7 +16220,7 @@ var ConditionField = function ConditionField(_ref) {
   }, function (_ref2) {
     var meta = _ref2.meta,
       field = _ref2.field;
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$8({}, _objectSpread$a(_objectSpread$a({}, field), {}, {
+    return /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], _extends$8({}, _objectSpread$a(_objectSpread$a({}, field), {}, {
       label: label,
       name: name
     }), {
@@ -16560,7 +16598,7 @@ var DateField = function DateField(_ref) {
       value = _ref2$field.value,
       field = _objectWithoutProperties$1(_ref2$field, _excluded$3),
       form = _ref2.form;
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends$8({}, _objectSpread$8(_objectSpread$8({}, field), {}, {
+    return /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], _extends$8({}, _objectSpread$8(_objectSpread$8({}, field), {}, {
       type: type
     }), {
       dateFormat: "MMM D, YYYY",
@@ -16611,7 +16649,7 @@ var EmailField = function EmailField(_ref) {
     setValue = _useField2$2.setValue,
     setTouched = _useField2$2.setTouched;
   var handleFieldChange = utils.withEventTargetValue(setValue);
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$8({}, _objectSpread$7(_objectSpread$7({
+  return /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], _extends$8({}, _objectSpread$7(_objectSpread$7({
     type: type
   }, field), {}, {
     autoComplete: autoComplete,
@@ -19113,11 +19151,11 @@ var DropZone = function DropZone(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoForm.fileUpload.dropzone.chooseOrDragFile",
     components: {
-      typography: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      typography: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
         component: "span",
         weight: "semibold"
       }),
-      span: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      span: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
         component: "span",
         weight: "normal"
       })
@@ -19126,18 +19164,18 @@ var DropZone = function DropZone(_ref) {
     "data-cy": "file-browse-button"
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-form-engine-file-upload__dropzone-helper-block"
-  }, !multipleFilesAllowed && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, !multipleFilesAllowed && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-form-engine-file-upload__dropzone-helper-text",
     "data-cy": "upload-only-one-file-text",
     style: "body3"
-  }, t("neetoForm.fileUpload.dropzone.oneFileAllowed")), shouldShowFileSizeLimit && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoForm.fileUpload.dropzone.oneFileAllowed")), shouldShowFileSizeLimit && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-form-engine-file-upload__dropzone-helper-text",
     "data-cy": "maximum-allowed-size-text",
     style: "body3"
   }, t("neetoForm.fileUpload.dropzone.maxFileSize", {
     size: maxFileSize,
     unit: t("neetoForm.fileUpload.mb")
-  })), allowedFileTypes && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  })), allowedFileTypes && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-form-engine-file-upload__dropzone-helper-text",
     "data-cy": "allowed-files-types-text",
     style: "body3"
@@ -26554,7 +26592,7 @@ var FilePreview = reactUtils.withT(function (_ref) {
     key: file.url
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-form-engine-file-upload__file-preview"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     className: classnames__default["default"]("p-0", {
       invisible: isUploading
     }),
@@ -26572,10 +26610,10 @@ var FilePreview = reactUtils.withT(function (_ref) {
     size: 20
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex min-w-0 grow flex-col break-words"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-form-engine-file-upload__file-info-name",
     style: "body2"
-  }, file.name), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, file.name), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-form-engine-file-upload__file-info-size",
     style: "body3"
   }, file.size ? t("neetoForm.fileUpload.fileSizeInMb", {
@@ -26644,7 +26682,7 @@ var FileUploadField = function FileUploadField(_ref) {
     className: "neeto-form-engine-input__wrapper"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-form-engine-input__label-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
     className: "neeto-form-engine-label",
     required: isRequired
   }, label)), /*#__PURE__*/React__default["default"].createElement(DropZone, {
@@ -26665,11 +26703,11 @@ var FileUploadField = function FileUploadField(_ref) {
       progress: progress[file.name]
     });
   })), neetoCist.isNotEmpty(fileRejections) && fileRejections.map(function (file, index) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
       className: "neeto-ui-text-error-800 neeto-ui-bg-pastel-red neeto-ui-rounded-sm mt-2 inline-block w-full p-1 text-sm",
       key: index
     }, renderErrorMessage(file, maxFileSizeInBytes, false));
-  }), shouldShowError && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }), shouldShowError && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-ui-text-error-800 neeto-ui-bg-pastel-red neeto-ui-rounded-sm mt-2 inline-block w-full p-1 text-sm"
   }, error));
 };
@@ -26708,7 +26746,7 @@ var NameField = function NameField(_ref) {
     setValue = _useField2$2.setValue,
     setTouched = _useField2$2.setTouched;
   var handleFieldChange = utils.withEventTargetValue(setValue);
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$8({}, _objectSpread$4(_objectSpread$4({
+  return /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], _extends$8({}, _objectSpread$4(_objectSpread$4({
     type: type
   }, field), {}, {
     autoComplete: autoComplete,
@@ -26735,8 +26773,8 @@ var Choices = function Choices(_ref) {
     onChange = _ref.onChange,
     error = _ref.error;
   var isCheckBox = type === "checkbox";
-  var ChoiceWrapper = isCheckBox ? "div" : neetoui.Radio;
-  var Component = isCheckBox ? neetoui.Checkbox : neetoui.Radio.Item;
+  var ChoiceWrapper = isCheckBox ? "div" : Radio__default["default"];
+  var Component = isCheckBox ? Checkbox__default$1["default"] : Radio__default["default"].Item;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-form-engine-choices__wrapper"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -26784,7 +26822,7 @@ var OptionsField = function OptionsField(_ref) {
     options = _question$optionsAttr === void 0 ? [] : _question$optionsAttr;
   var isDropdown = kind === QUESTION_KIND.DROPDOWN.value;
   var label = fieldWithFallback(question, "label");
-  var Component = isDropdown ? neetoui.Select : Choices$1;
+  var Component = isDropdown ? Select__default$1["default"] : Choices$1;
   var transformedOptions = isDropdown ? options.map(function (option) {
     return {
       label: fieldWithFallback(option, "label"),
@@ -27122,7 +27160,7 @@ var TermsField = function TermsField(_ref) {
       field = _ref2.field;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "neeto-form-engine-terms"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$8({}, _objectSpread$2(_objectSpread$2({}, field), {}, {
+    }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], _extends$8({}, _objectSpread$2(_objectSpread$2({}, field), {}, {
       name: name
     }), {
       checked: field.value,
@@ -27152,7 +27190,7 @@ var TextField = function TextField(_ref) {
     type = _QUESTION_KIND$kind$t2 === void 0 ? "text" : _QUESTION_KIND$kind$t2,
     onKeyDown = _QUESTION_KIND$kind$t.onKeyDown,
     otherProps = _QUESTION_KIND$kind$t.otherProps;
-  var Component = kind === QUESTION_KIND.TEXTAREA.value ? neetoui.Textarea : neetoui.Input;
+  var Component = kind === QUESTION_KIND.TEXTAREA.value ? Textarea__default$1["default"] : Input__default$1["default"];
   var _useField = formik.useField({
       name: name || nodeId,
       validate: validateFieldValue({
@@ -27260,9 +27298,9 @@ var Success = function Success() {
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex h-full w-full flex-col items-center justify-center space-y-4"
-  }, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h1"
-  }, t("neetoForm.successPage.title1")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoForm.successPage.title1")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     style: "h1"
   }, t("neetoForm.successPage.title2")));
 };
@@ -27452,7 +27490,7 @@ var ExternalForm = function ExternalForm(_ref) {
           case 29:
             data = _context.sent;
           case 30:
-            showSuccessToastr && neetoui.Toastr.success(t("neetoForm.toasts.formSubmitted"));
+            showSuccessToastr && Toastr__default["default"].success(t("neetoForm.toasts.formSubmitted"));
             clearValuesOnSubmit && clearLocalFormValues();
             onSubmitSuccess === null || onSubmitSuccess === void 0 || onSubmitSuccess({
               values: values,
@@ -27530,7 +27568,7 @@ var ExternalForm = function ExternalForm(_ref) {
       formId: formId,
       preview: preview,
       language: language,
-      onError: neetoui.Toastr.error,
+      onError: Toastr__default["default"].error,
       enabled: !preview,
       placeholderData: {
         isQuestionsLoading: true
@@ -27562,7 +27600,7 @@ var ExternalForm = function ExternalForm(_ref) {
   }
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showTitle && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "py-6 text-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
     className: "neeto-ui-text-gray-800",
     style: "h4",
     weight: "semibold"
@@ -27602,7 +27640,7 @@ var ExternalForm = function ExternalForm(_ref) {
       }
     }), (submission === null || submission === void 0 ? void 0 : submission.isLoading) && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "neeto-ui-bg-gray-100 absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center opacity-75"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)), renderedQuestions.map(function (question) {
+    }, /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null)), renderedQuestions.map(function (question) {
       var _question$id;
       var FieldComponent = getFieldComponent(question);
       return /*#__PURE__*/React__default["default"].createElement(FieldComponent, {
@@ -27617,23 +27655,23 @@ var ExternalForm = function ExternalForm(_ref) {
       });
     }), showEmptyState && ramda.isEmpty(renderedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex flex-col items-center justify-center gap-y-4 py-8"
-    }, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    }, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
       style: "h3",
       weight: "semibold"
     }, t("neetoForm.questions.common.notFound"))), footer, !ramda.isEmpty(renderedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "mt-8 flex items-center justify-between"
-    }, cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+    }, cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
       label: t("neetoForm.common.cancel"),
       style: "secondary"
     }, cancelButtonProps)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex gap-x-2"
-    }, renderButtonsInOrder([/*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+    }, renderButtonsInOrder([/*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
       disabled: isSubmitting || isSubmitted,
       key: "submit",
       label: t("neetoForm.common.submit"),
       loading: isSubmitting,
       type: "submit"
-    }, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+    }, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
       key: "reset",
       label: t("neetoForm.common.reset"),
       style: "secondary",
@@ -30184,6 +30222,10 @@ var linkifyDecorator = function linkifyDecorator(decoratedHref, decoratedText, k
     target: "_blank"
   }, decoratedText);
 };
+var filterResponses = neetoCist.removeBy({
+  kind: QUESTION_KIND.ADDITIONAL_GUESTS.value,
+  value: neetoCist.isNotPresent
+});
 
 var FileUpload = function FileUpload(_ref) {
   var files = _ref.files;
@@ -30192,7 +30234,7 @@ var FileUpload = function FileUpload(_ref) {
   }, files === null || files === void 0 ? void 0 : files.map(function (_ref2, index) {
     var url = _ref2.url,
       name = _ref2.name;
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
       className: "break-all",
       key: index,
       style: "body2"
@@ -30247,6 +30289,7 @@ var Submission = function Submission(_ref2) {
     } : _useSubmission$data,
     isLoading = _useSubmission.isLoading;
   var responses = submission.responses;
+  var filteredResponses = filterResponses(responses);
   var renderSubmittedValue = function renderSubmittedValue(kind, value) {
     switch (kind) {
       case QUESTION_KIND.RICH_TEXT.value:
@@ -30266,7 +30309,7 @@ var Submission = function Submission(_ref2) {
           files: value
         }) : "-";
       default:
-        return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({
+        return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
           weight: "semibold"
         }, answerProps), /*#__PURE__*/React__default["default"].createElement(_default, {
           componentDecorator: linkifyDecorator
@@ -30283,14 +30326,14 @@ var Submission = function Submission(_ref2) {
   }
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames__default["default"]("mx-auto flex h-full w-full flex-col items-start", _defineProperty$6({}, className, className))
-  }, responses.map(function (_ref3) {
+  }, filteredResponses.map(function (_ref3) {
     var kind = _ref3.kind,
       label = _ref3.label,
       value = _ref3.value;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "mb-4",
       key: label
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({
+    }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
       style: "h5",
       weight: "light"
     }, questionLabelProps), label), renderSubmittedValue(kind, value));
@@ -30429,7 +30472,7 @@ var UrlBuilder = function UrlBuilder(_ref) {
   var _useForm = useForm({
       formId: formId,
       preview: false,
-      onError: neetoui.Toastr.error,
+      onError: Toastr__default["default"].error,
       placeholderData: {
         isQuestionsLoading: true
       }
@@ -30453,7 +30496,7 @@ var UrlBuilder = function UrlBuilder(_ref) {
   var modifiedQuestions = getPreFillableQuestions(questions);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showTitle && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "py-6 text-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
     className: "neeto-ui-text-gray-800",
     style: "h4",
     weight: "semibold"
@@ -30502,21 +30545,21 @@ var UrlBuilder = function UrlBuilder(_ref) {
       });
     }), showEmptyState && ramda.isEmpty(modifiedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex flex-col items-center justify-center gap-y-4 py-8"
-    }, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    }, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
       style: "h3",
       weight: "semibold"
     }, t("neetoForm.questions.common.notFound")))), !ramda.isEmpty(modifiedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "mt-8 flex items-center justify-start gap-x-2"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
       disabled: isSubmitting,
       label: t("neetoForm.common.generateLink"),
       loading: isSubmitting,
       type: "submit"
-    }, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+    }, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
       label: t("neetoForm.common.reset"),
       style: "secondary",
       type: "reset"
-    }, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+    }, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
       label: t("neetoForm.common.cancel")
     }, cancelButtonProps)))));
   }));