@bigbinary/neeto-form-frontend 1.3.0 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -7,7 +7,7 @@ var formik = require('formik');
7
7
  var neetoCist = require('@bigbinary/neeto-cist');
8
8
  var utils = require('@bigbinary/neeto-commons-frontend/utils');
9
9
  var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
10
- var neetoui = require('@bigbinary/neetoui');
10
+ var Toastr = require('@bigbinary/neetoui/Toastr');
11
11
  var ramda = require('ramda');
12
12
  var reactQuery = require('react-query');
13
13
  var i18next = require('i18next');
@@ -16,20 +16,39 @@ var constants = require('@bigbinary/neeto-commons-frontend/constants');
16
16
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
17
17
  var axios = require('axios');
18
18
  var ReactDOM = require('react-dom');
19
- var formik$1 = require('@bigbinary/neetoui/formik');
19
+ var Alert = require('@bigbinary/neetoui/Alert');
20
+ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
20
21
  var reactI18next = require('react-i18next');
21
22
  var zustand = require('zustand');
23
+ var Typography = require('@bigbinary/neetoui/Typography');
24
+ var Dropdown$2 = require('@bigbinary/neetoui/Dropdown');
25
+ var Tooltip = require('@bigbinary/neetoui/Tooltip');
22
26
  var classnames = require('classnames');
27
+ var Button$1 = require('@bigbinary/neetoui/Button');
28
+ var Input = require('@bigbinary/neetoui/formik/Input');
29
+ var Textarea = require('@bigbinary/neetoui/formik/Textarea');
30
+ var Checkbox = require('@bigbinary/neetoui/formik/Checkbox');
31
+ var Label = require('@bigbinary/neetoui/Label');
32
+ var Checkbox$1 = require('@bigbinary/neetoui/Checkbox');
33
+ var Select = require('@bigbinary/neetoui/formik/Select');
23
34
  var neetoEditor = require('@bigbinary/neeto-editor');
35
+ var shallow = require('zustand/shallow');
24
36
  var yup = require('yup');
25
37
  var useHotkeys = require('@bigbinary/neeto-hotkeys');
38
+ var Spinner$2 = require('@bigbinary/neetoui/Spinner');
26
39
  var dayjs = require('dayjs');
40
+ var NeetoUIMultiEmailInput = require('@bigbinary/neetoui/MultiEmailInput');
27
41
  var PhoneNumber$1 = require('@bigbinary/neeto-molecules/PhoneNumber');
28
42
  var localeData = require('dayjs/plugin/localeData');
29
43
  var utc = require('dayjs/plugin/utc');
30
44
  var weekday = require('dayjs/plugin/weekday');
31
45
  var weekOfYear = require('dayjs/plugin/weekOfYear');
46
+ var DatePicker = require('@bigbinary/neetoui/DatePicker');
32
47
  var path = require('path');
48
+ var Input$1 = require('@bigbinary/neetoui/Input');
49
+ var Select$1 = require('@bigbinary/neetoui/Select');
50
+ var Radio = require('@bigbinary/neetoui/Radio');
51
+ var Textarea$1 = require('@bigbinary/neetoui/Textarea');
33
52
  var server = require('react-dom/server');
34
53
 
35
54
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -55,18 +74,38 @@ function _interopNamespace(e) {
55
74
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
56
75
  var React__namespace = /*#__PURE__*/_interopNamespace(React$2);
57
76
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
77
+ var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
58
78
  var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
59
79
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
60
80
  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
81
+ var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
82
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
83
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
84
+ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$2);
85
+ var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
61
86
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
87
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$1);
88
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
89
+ var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
90
+ var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
91
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
92
+ var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
93
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
62
94
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
63
95
  var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
96
+ var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner$2);
64
97
  var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
98
+ var NeetoUIMultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIMultiEmailInput);
65
99
  var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
66
100
  var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
67
101
  var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
68
102
  var weekOfYear__default = /*#__PURE__*/_interopDefaultLegacy(weekOfYear);
103
+ var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
69
104
  var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
105
+ var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
106
+ var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
107
+ var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
108
+ var Textarea__default$1 = /*#__PURE__*/_interopDefaultLegacy(Textarea$1);
70
109
 
71
110
  function _extends$8() {
72
111
  _extends$8 = Object.assign ? Object.assign.bind() : function (target) {
@@ -807,6 +846,7 @@ var QUESTIONS_INITIAL_VALUE = {
807
846
  };
808
847
  var RESERVED_FIELD_CODES = ["month", "date", "time"];
809
848
  var SELECTABLE_KINDS = ["radio", "checkbox", "dropdown"];
849
+ var RICH_TEXT_QUESTIONS = ["paragraph", "termsandcondition"];
810
850
 
811
851
  function _arrayWithHoles$3(arr) {
812
852
  if (Array.isArray(arr)) return arr;
@@ -9842,6 +9882,28 @@ var formHelpers = {
9842
9882
  pushToList: pushToList
9843
9883
  };
9844
9884
 
9885
+ var isBlank = ramda.compose(ramda.isEmpty, ramda.trim);
9886
+ var parseServerError = function parseServerError(error) {
9887
+ var _error$notice;
9888
+ return (_error$notice = error.notice) !== null && _error$notice !== void 0 ? _error$notice : i18next.t("neetoForm.common.somethingWentWrong");
9889
+ };
9890
+ var isEmptyValues = function isEmptyValues(obj) {
9891
+ return ramda.either(ramda.isNil, ramda.isEmpty)(obj) ? true : ramda.values(obj).every(function (value) {
9892
+ if (ramda.isEmpty(value)) {
9893
+ return true;
9894
+ } else if (Array.isArray(value)) {
9895
+ return ramda.equals([false, false, false], value);
9896
+ }
9897
+ return !value;
9898
+ });
9899
+ };
9900
+
9901
+ // eslint-disable-next-line react-hooks/rules-of-hooks
9902
+ var dotPath = ramda.useWith(ramda.path, [ramda.split(".")]);
9903
+ var isFunction$1 = function isFunction(obj) {
9904
+ return typeof obj === "function";
9905
+ };
9906
+
9845
9907
  /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
9846
9908
  var useBuildFormStore = zustand.create(reactUtils.withImmutableActions(function (set) {
9847
9909
  return {
@@ -9856,10 +9918,11 @@ var useBuildFormStore = zustand.create(reactUtils.withImmutableActions(function
9856
9918
  selectedLanguage: i18next__default["default"].resolvedLanguage,
9857
9919
  formId: null,
9858
9920
  enabled: false,
9859
- title: ""
9921
+ title: "",
9922
+ richTextFieldsToReset: []
9860
9923
  },
9861
- setFormData: function setFormData(payload) {
9862
- return set(ramda.assoc("formState", payload));
9924
+ setFormData: function setFormData(arg) {
9925
+ return set(ramda.modify("formState", isFunction$1(arg) ? arg : ramda.mergeLeft(arg)));
9863
9926
  }
9864
9927
  };
9865
9928
  }));
@@ -9895,9 +9958,9 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
9895
9958
  var selectedLanguageName = (_findBy = neetoCist.findBy({
9896
9959
  code: currentLanguage
9897
9960
  }, languages)) === null || _findBy === void 0 ? void 0 : _findBy.name;
9898
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
9961
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
9899
9962
  content: t("neetoForm.questions.changeLanguage")
9900
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
9963
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
9901
9964
  buttonProps: {
9902
9965
  iconPosition: "left"
9903
9966
  },
@@ -9905,17 +9968,17 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
9905
9968
  icon: neetoIcons.Globe,
9906
9969
  label: selectedLanguageName,
9907
9970
  position: "top-start"
9908
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown.Menu, null, languages.map(function (_ref2) {
9971
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, languages.map(function (_ref2) {
9909
9972
  var code = _ref2.code,
9910
9973
  name = _ref2.name;
9911
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown.MenuItem.Button, {
9974
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].MenuItem.Button, {
9912
9975
  isActive: currentLanguage === code,
9913
9976
  key: code,
9914
9977
  onClick: function onClick() {
9915
9978
  return languageChangeHandler(code);
9916
9979
  }
9917
9980
  }, name);
9918
- }))))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
9981
+ }))))), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
9919
9982
  isOpen: isUnsavedChangesAlertOpen,
9920
9983
  message: t("neetoForm.questions.unsavedChangesAlert.message"),
9921
9984
  submitButtonLabel: t("neetoForm.questions.unsavedChangesAlert.discard"),
@@ -9940,7 +10003,7 @@ var Overview = function Overview(_ref) {
9940
10003
  className: "mb-4 flex-shrink-0"
9941
10004
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9942
10005
  className: "flex items-center justify-between"
9943
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10006
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9944
10007
  "data-cy": "neeto-form-engine-overview-title",
9945
10008
  lineHeight: "normal",
9946
10009
  style: "h4",
@@ -9961,7 +10024,7 @@ var ListItem = function ListItem(_ref) {
9961
10024
  onClick: onClick,
9962
10025
  className: "flex items-center gap-x-2",
9963
10026
  "data-cy": "neeto-form-engine-".concat(neetoCist.slugify(label))
9964
- }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10027
+ }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9965
10028
  style: "body2"
9966
10029
  }, label));
9967
10030
  };
@@ -10107,7 +10170,7 @@ var Accordion = function Accordion(_ref) {
10107
10170
  className: "neeto-form-engine-question-accordion__icon"
10108
10171
  }), /*#__PURE__*/React__default["default"].createElement(Drag, {
10109
10172
  className: "neeto-form-engine-question-accordion__drag-icon cursor-move"
10110
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10173
+ })), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10111
10174
  style: "h5",
10112
10175
  weight: "semibold",
10113
10176
  className: classnames__default["default"]({
@@ -10121,7 +10184,7 @@ var Accordion = function Accordion(_ref) {
10121
10184
  className: "flex items-center justify-center border-0 bg-transparent outline-none",
10122
10185
  type: "button",
10123
10186
  onClick: onToggle
10124
- }, 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, {
10187
+ }, 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"], {
10125
10188
  className: "w-full",
10126
10189
  position: "bottom-end",
10127
10190
  customTarget: function customTarget() {
@@ -10145,16 +10208,16 @@ var Accordion = function Accordion(_ref) {
10145
10208
  })
10146
10209
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10147
10210
  className: "neeto-ui-border-gray-800 neeto-form-engine-add-question-between__line w-full border-t border-dashed"
10148
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
10211
+ }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
10149
10212
  isOpen: isAddQuestionOpen,
10150
10213
  position: "bottom-end",
10151
10214
  strategy: "fixed",
10152
10215
  customTarget: function customTarget() {
10153
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
10216
+ return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
10154
10217
  disabled: !disableAddNewQuestion,
10155
10218
  position: "top",
10156
10219
  content: (disabledAddButtonTooltipProps === null || disabledAddButtonTooltipProps === void 0 ? void 0 : disabledAddButtonTooltipProps.content) || t("neetoForm.questions.common.primaryPanel.noQuestionLeft")
10157
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10220
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10158
10221
  className: "neeto-form-engine-add-question-between__btn neeto-ui-rounded-full absolute left-full top-1/2 -translate-y-1/2 transform",
10159
10222
  disabled: disableAddNewQuestion,
10160
10223
  icon: null,
@@ -10203,7 +10266,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
10203
10266
  }
10204
10267
  }, [value, maxLength, setValue]);
10205
10268
  var shouldShowMaxLength = value && value.length > maxLength - 10;
10206
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Input, _extends$8({}, props, shouldShowMaxLength && {
10269
+ return /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends$8({}, props, shouldShowMaxLength && {
10207
10270
  maxLength: maxLength
10208
10271
  }));
10209
10272
  };
@@ -10222,7 +10285,7 @@ var TextAreaWithMaxLength = function TextAreaWithMaxLength(_ref) {
10222
10285
  }
10223
10286
  }, [value, maxLength, setValue]);
10224
10287
  var shouldShowMaxLength = value && value.length > maxLength - 10;
10225
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, _extends$8({}, props, shouldShowMaxLength && {
10288
+ return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], _extends$8({}, props, shouldShowMaxLength && {
10226
10289
  maxLength: maxLength
10227
10290
  }));
10228
10291
  };
@@ -10238,7 +10301,7 @@ var FieldCode = reactUtils.withT(function (_ref) {
10238
10301
  helpText: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
10239
10302
  i18nKey: "neetoForm.questions.common.questionFields.field.fieldCodeHelpDescription",
10240
10303
  components: {
10241
- Link: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10304
+ Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10242
10305
  className: "text-xs",
10243
10306
  href: FIELD_CODE_DOC,
10244
10307
  style: "link",
@@ -10296,7 +10359,7 @@ var Condition$1 = function Condition(_ref) {
10296
10359
  label: t("neetoForm.questions.common.questionFields.field.question")
10297
10360
  }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10298
10361
  className: "w-full"
10299
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10362
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10300
10363
  id: "".concat(name, ".isRequired"),
10301
10364
  name: "".concat(name, ".isRequired"),
10302
10365
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10401,7 +10464,7 @@ var Dropdown$1 = function Dropdown(_ref) {
10401
10464
  })
10402
10465
  })), /*#__PURE__*/React__default["default"].createElement("div", {
10403
10466
  className: "w-full"
10404
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, _extends$8({
10467
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
10405
10468
  className: "mb-1 block"
10406
10469
  }, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
10407
10470
  name: "".concat(name, ".optionsAttributes")
@@ -10420,7 +10483,7 @@ var Dropdown$1 = function Dropdown(_ref) {
10420
10483
  placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
10421
10484
  number: index + 1
10422
10485
  })
10423
- }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10486
+ }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10424
10487
  "data-cy": "neeto-form-engine-delete-option-button",
10425
10488
  icon: neetoIcons.Delete,
10426
10489
  size: "small",
@@ -10438,7 +10501,7 @@ var Dropdown$1 = function Dropdown(_ref) {
10438
10501
  }));
10439
10502
  })), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
10440
10503
  className: "mt-3 w-full"
10441
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10504
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10442
10505
  icon: neetoIcons.Plus,
10443
10506
  iconPosition: "left",
10444
10507
  size: "small",
@@ -10450,7 +10513,7 @@ var Dropdown$1 = function Dropdown(_ref) {
10450
10513
  })));
10451
10514
  })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10452
10515
  className: "w-full"
10453
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10516
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10454
10517
  id: "".concat(name, ".isRequired"),
10455
10518
  label: t("neetoForm.common.required"),
10456
10519
  name: "".concat(name, ".isRequired")
@@ -10484,7 +10547,7 @@ var Email$1 = reactUtils.withT(function (_ref) {
10484
10547
  label: t("neetoForm.questions.common.questionFields.field.placeholder")
10485
10548
  }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10486
10549
  className: "w-full"
10487
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10550
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10488
10551
  id: "".concat(name, ".isRequired"),
10489
10552
  name: "".concat(name, ".isRequired"),
10490
10553
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10493,31 +10556,12 @@ var Email$1 = reactUtils.withT(function (_ref) {
10493
10556
  }));
10494
10557
  });
10495
10558
 
10496
- var isBlank = ramda.compose(ramda.isEmpty, ramda.trim);
10497
- var parseServerError = function parseServerError(error) {
10498
- var _error$notice;
10499
- return (_error$notice = error.notice) !== null && _error$notice !== void 0 ? _error$notice : i18next.t("neetoForm.common.somethingWentWrong");
10500
- };
10501
- var isEmptyValues = function isEmptyValues(obj) {
10502
- return ramda.either(ramda.isNil, ramda.isEmpty)(obj) ? true : ramda.values(obj).every(function (value) {
10503
- if (ramda.isEmpty(value)) {
10504
- return true;
10505
- } else if (Array.isArray(value)) {
10506
- return ramda.equals([false, false, false], value);
10507
- }
10508
- return !value;
10509
- });
10510
- };
10511
-
10512
- // eslint-disable-next-line react-hooks/rules-of-hooks
10513
- var dotPath = ramda.useWith(ramda.path, [ramda.split(".")]);
10514
-
10515
10559
  var FileGroup = function FileGroup(_ref) {
10516
10560
  var name = _ref.name,
10517
10561
  label = _ref.label,
10518
10562
  checked = _ref.checked,
10519
10563
  handleAllowedFileTypesChange = _ref.handleAllowedFileTypesChange;
10520
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
10564
+ return /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], {
10521
10565
  checked: checked,
10522
10566
  label: label,
10523
10567
  name: name,
@@ -10575,19 +10619,19 @@ var FileUpload$2 = function FileUpload(_ref) {
10575
10619
  rows: 1
10576
10620
  })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10577
10621
  className: "w-full"
10578
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10622
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10579
10623
  id: "".concat(name, ".isRequired"),
10580
10624
  name: "".concat(name, ".isRequired"),
10581
10625
  label: t("neetoForm.questions.common.questionFields.field.required")
10582
10626
  })), /*#__PURE__*/React__default["default"].createElement("div", {
10583
10627
  className: "w-full"
10584
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10628
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10585
10629
  id: "".concat(name, ".multipleFilesAllowed"),
10586
10630
  label: t("neetoForm.fileUpload.enableMultipleFilesUpload"),
10587
10631
  name: "".concat(name, ".multipleFilesAllowed")
10588
10632
  })), /*#__PURE__*/React__default["default"].createElement("div", {
10589
10633
  className: "flex flex-col space-y-3"
10590
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10634
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10591
10635
  style: "body1",
10592
10636
  weight: "semibold"
10593
10637
  }, t("neetoForm.fileUpload.fileTypes")), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10631,7 +10675,7 @@ var LongText$1 = reactUtils.withT(function (_ref) {
10631
10675
  label: t("neetoForm.questions.common.questionFields.field.placeholder")
10632
10676
  }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10633
10677
  className: "w-full"
10634
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10678
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10635
10679
  id: "".concat(name, ".isRequired"),
10636
10680
  name: "".concat(name, ".isRequired"),
10637
10681
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10678,7 +10722,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
10678
10722
  name: "".concat(name, ".optionsAttributes")
10679
10723
  }, function (_ref2) {
10680
10724
  var handlePush = _ref2.handlePush;
10681
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, _extends$8({
10725
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
10682
10726
  className: "mb-1 block"
10683
10727
  }, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement("div", {
10684
10728
  className: "flex w-2/3 flex-col space-y-2"
@@ -10694,7 +10738,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
10694
10738
  placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
10695
10739
  number: index + 1
10696
10740
  })
10697
- }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10741
+ }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10698
10742
  "data-cy": "neeto-form-engine-delete-option-button",
10699
10743
  icon: neetoIcons.Delete,
10700
10744
  size: "small",
@@ -10712,7 +10756,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
10712
10756
  }));
10713
10757
  })), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
10714
10758
  className: "mt-3 w-full"
10715
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10759
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10716
10760
  icon: neetoIcons.Plus,
10717
10761
  iconPosition: "left",
10718
10762
  size: "small",
@@ -10724,7 +10768,7 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
10724
10768
  })));
10725
10769
  })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10726
10770
  className: "w-full"
10727
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10771
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10728
10772
  id: "".concat(name, ".isRequired"),
10729
10773
  label: t("neetoForm.common.required"),
10730
10774
  name: "".concat(name, ".isRequired")
@@ -10758,7 +10802,7 @@ var Name$1 = reactUtils.withT(function (_ref) {
10758
10802
  label: t("neetoForm.questions.common.questionFields.field.placeholder")
10759
10803
  }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10760
10804
  className: "w-full"
10761
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10805
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10762
10806
  id: "".concat(name, ".isRequired"),
10763
10807
  name: "".concat(name, ".isRequired"),
10764
10808
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10792,7 +10836,7 @@ var Phone$1 = reactUtils.withT(function (_ref) {
10792
10836
  label: t("neetoForm.questions.common.questionFields.field.placeholder")
10793
10837
  }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10794
10838
  className: "w-full"
10795
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10839
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10796
10840
  id: "".concat(name, ".isRequired"),
10797
10841
  name: "".concat(name, ".isRequired"),
10798
10842
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10846,7 +10890,7 @@ var Rating$3 = reactUtils.withT(function (_ref2) {
10846
10890
  name: "".concat(name, ".lowestRatingLabel")
10847
10891
  }))))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10848
10892
  className: "w-full"
10849
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10893
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10850
10894
  id: "".concat(name, ".isRequired"),
10851
10895
  name: "".concat(name, ".isRequired"),
10852
10896
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10881,7 +10925,7 @@ var RichText$1 = reactUtils.withT(function (_ref) {
10881
10925
  label: t("neetoForm.questions.common.questionFields.field.placeholder")
10882
10926
  }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10883
10927
  className: "w-full"
10884
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10928
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10885
10929
  id: "".concat(name, ".isRequired"),
10886
10930
  name: "".concat(name, ".isRequired"),
10887
10931
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10915,7 +10959,7 @@ var ShortText$1 = reactUtils.withT(function (_ref) {
10915
10959
  label: t("neetoForm.questions.common.questionFields.field.placeholder")
10916
10960
  }))), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
10917
10961
  className: "w-full"
10918
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
10962
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
10919
10963
  id: "".concat(name, ".isRequired"),
10920
10964
  name: "".concat(name, ".isRequired"),
10921
10965
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -10962,7 +11006,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
10962
11006
  name: "".concat(name, ".optionsAttributes")
10963
11007
  }, function (_ref2) {
10964
11008
  var handlePush = _ref2.handlePush;
10965
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, _extends$8({
11009
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], _extends$8({
10966
11010
  className: "mb-1 block"
10967
11011
  }, optionLabelProps), t("neetoForm.questions.common.questionFields.field.options")), /*#__PURE__*/React__default["default"].createElement("div", {
10968
11012
  className: "flex w-2/3 flex-col space-y-2"
@@ -10977,7 +11021,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
10977
11021
  placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
10978
11022
  number: index + 1
10979
11023
  })
10980
- }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
11024
+ }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10981
11025
  "data-cy": "neeto-form-engine-delete-option-button",
10982
11026
  icon: neetoIcons.Delete,
10983
11027
  size: "small",
@@ -10995,7 +11039,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
10995
11039
  }));
10996
11040
  })), !freezeOptions && /*#__PURE__*/React__default["default"].createElement("div", {
10997
11041
  className: "mt-3 w-full"
10998
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
11042
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10999
11043
  icon: neetoIcons.Plus,
11000
11044
  iconPosition: "left",
11001
11045
  size: "small",
@@ -11007,7 +11051,7 @@ var SingleChoice$1 = function SingleChoice(_ref) {
11007
11051
  })));
11008
11052
  })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
11009
11053
  className: "w-full"
11010
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
11054
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
11011
11055
  id: "".concat(name, ".isRequired"),
11012
11056
  name: "".concat(name, ".isRequired"),
11013
11057
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -11042,7 +11086,7 @@ var StarRating$3 = function StarRating(_ref) {
11042
11086
  rows: 1
11043
11087
  })), /*#__PURE__*/React__default["default"].createElement("div", {
11044
11088
  className: "flex space-x-4"
11045
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
11089
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
11046
11090
  className: "w-1/2",
11047
11091
  label: t("neetoForm.common.start"),
11048
11092
  name: "".concat(name, ".minValue"),
@@ -11050,7 +11094,7 @@ var StarRating$3 = function StarRating(_ref) {
11050
11094
  onChange: function onChange(option) {
11051
11095
  return setFieldValue("".concat(name, ".minValue"), option === null || option === void 0 ? void 0 : option.value);
11052
11096
  }
11053
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
11097
+ }), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
11054
11098
  className: "w-1/2",
11055
11099
  label: t("neetoForm.common.end"),
11056
11100
  name: "".concat(name, ".maxValue"),
@@ -11058,7 +11102,7 @@ var StarRating$3 = function StarRating(_ref) {
11058
11102
  onChange: function onChange(option) {
11059
11103
  return setFieldValue("".concat(name, ".maxValue"), option === null || option === void 0 ? void 0 : option.value);
11060
11104
  }
11061
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoForm.common.shape")), /*#__PURE__*/React__default["default"].createElement("div", {
11105
+ })), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, t("neetoForm.common.shape")), /*#__PURE__*/React__default["default"].createElement("div", {
11062
11106
  className: "flex gap-2"
11063
11107
  }, Object.entries(STAR_RATING_ICONS_MAP).map(function (_ref2) {
11064
11108
  var _ref3 = _slicedToArray$3(_ref2, 2),
@@ -11077,7 +11121,7 @@ var StarRating$3 = function StarRating(_ref) {
11077
11121
  }, /*#__PURE__*/React__default["default"].createElement(IconType, null));
11078
11122
  })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
11079
11123
  className: "w-full"
11080
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
11124
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
11081
11125
  id: "".concat(name, ".isRequired"),
11082
11126
  name: "".concat(name, ".isRequired"),
11083
11127
  label: t("neetoForm.questions.common.questionFields.field.required")
@@ -11086,18 +11130,42 @@ var StarRating$3 = function StarRating(_ref) {
11086
11130
  }));
11087
11131
  };
11088
11132
 
11089
- var useUpdateEditorContent = function useUpdateEditorContent(editorRef, fieldName, value) {
11133
+ var useUpdateEditorContent = function useUpdateEditorContent(_ref) {
11134
+ var editorRef = _ref.editorRef,
11135
+ fieldName = _ref.fieldName,
11136
+ value = _ref.value,
11137
+ initialValue = _ref.initialValue,
11138
+ fieldCode = _ref.fieldCode;
11090
11139
  var initialStateRef = React$2.useRef({
11091
11140
  language: "",
11092
11141
  value: null
11093
11142
  });
11094
- var _useBuildFormState = useBuildFormState(),
11095
- formId = _useBuildFormState.formId,
11096
- language = _useBuildFormState.selectedLanguage;
11143
+ var _useBuildFormStore = useBuildFormStore(function (store) {
11144
+ return {
11145
+ setFormData: store["setFormData"]
11146
+ };
11147
+ }, shallow.shallow),
11148
+ setFormData = _useBuildFormStore.setFormData;
11149
+ var _useBuildFormStore2 = useBuildFormStore(function (store) {
11150
+ var _store$formState, _store$formState2;
11151
+ return {
11152
+ formId: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["formId"],
11153
+ selectedLanguage: (_store$formState2 = store["formState"]) === null || _store$formState2 === void 0 ? void 0 : _store$formState2["selectedLanguage"]
11154
+ };
11155
+ }, shallow.shallow),
11156
+ formId = _useBuildFormStore2.formId,
11157
+ language = _useBuildFormStore2.selectedLanguage;
11158
+ var shouldReset = useBuildFormStore(function (store) {
11159
+ return store.formState.richTextFieldsToReset.includes(fieldCode);
11160
+ });
11097
11161
  var setEditorContent = function setEditorContent(content) {
11098
11162
  var _editorRef$current$ed;
11099
11163
  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);
11100
11164
  };
11165
+ if (shouldReset) {
11166
+ setEditorContent(initialValue);
11167
+ setFormData(ramda.modify("richTextFieldsToReset", ramda.without([fieldCode])));
11168
+ }
11101
11169
  React$2.useEffect(function () {
11102
11170
  if (initialStateRef.current["language"] !== language) {
11103
11171
  initialStateRef.current["language"] = language;
@@ -11124,11 +11192,13 @@ var useUpdateEditorContent = function useUpdateEditorContent(editorRef, fieldNam
11124
11192
 
11125
11193
  var Terms$1 = function Terms(_ref) {
11126
11194
  var name = _ref.name,
11195
+ item = _ref.item,
11127
11196
  isLabelDisabled = _ref.isLabelDisabled;
11128
11197
  var editorRef = React$2.useRef({
11129
11198
  editor: {}
11130
11199
  });
11131
11200
  var fieldName = "".concat(name, ".label");
11201
+ var fieldCode = item.fieldCode;
11132
11202
  var _useField = formik.useField({
11133
11203
  name: fieldName,
11134
11204
  validate: validateEditorContent(editorRef)
@@ -11138,10 +11208,17 @@ var Terms$1 = function Terms(_ref) {
11138
11208
  _useField2$ = _useField2[1],
11139
11209
  touched = _useField2$.touched,
11140
11210
  error = _useField2$.error,
11211
+ initialValue = _useField2$.initialValue,
11141
11212
  _useField2$2 = _useField2[2],
11142
11213
  setTouched = _useField2$2.setTouched,
11143
11214
  setValue = _useField2$2.setValue;
11144
- useUpdateEditorContent(editorRef, fieldName, value);
11215
+ useUpdateEditorContent({
11216
+ editorRef: editorRef,
11217
+ fieldName: fieldName,
11218
+ value: value,
11219
+ initialValue: initialValue,
11220
+ fieldCode: fieldCode
11221
+ });
11145
11222
  return /*#__PURE__*/React__default["default"].createElement("div", {
11146
11223
  className: "w-full cursor-auto"
11147
11224
  }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
@@ -11183,11 +11260,13 @@ var Fields = {
11183
11260
 
11184
11261
  var Editor = function Editor(_ref) {
11185
11262
  var name = _ref.name,
11263
+ item = _ref.item,
11186
11264
  isLabelDisabled = _ref.isLabelDisabled;
11187
11265
  var editorRef = React$2.useRef({
11188
11266
  editor: {}
11189
11267
  });
11190
11268
  var fieldName = "".concat(name, ".label");
11269
+ var fieldCode = item.fieldCode;
11191
11270
  var _useField = formik.useField({
11192
11271
  name: fieldName,
11193
11272
  validate: validateEditorContent(editorRef)
@@ -11197,10 +11276,17 @@ var Editor = function Editor(_ref) {
11197
11276
  _useField2$ = _useField2[1],
11198
11277
  touched = _useField2$.touched,
11199
11278
  error = _useField2$.error,
11279
+ initialValue = _useField2$.initialValue,
11200
11280
  _useField2$2 = _useField2[2],
11201
11281
  setTouched = _useField2$2.setTouched,
11202
11282
  setValue = _useField2$2.setValue;
11203
- useUpdateEditorContent(editorRef, fieldName, value);
11283
+ useUpdateEditorContent({
11284
+ editorRef: editorRef,
11285
+ fieldName: fieldName,
11286
+ value: value,
11287
+ initialValue: initialValue,
11288
+ fieldCode: fieldCode
11289
+ });
11204
11290
  return /*#__PURE__*/React__default["default"].createElement("div", {
11205
11291
  className: "w-full cursor-auto"
11206
11292
  }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
@@ -11771,11 +11857,11 @@ var List = function List(_ref) {
11771
11857
  var disableAddNewQuestion = ramda.isEmpty(questionKinds);
11772
11858
  return /*#__PURE__*/React__default["default"].createElement("div", {
11773
11859
  className: classnames__default["default"]("flex", _defineProperty$6({}, className, className))
11774
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
11860
+ }, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
11775
11861
  disabled: !disableAddNewQuestion,
11776
11862
  position: "top",
11777
11863
  content: (disabledAddButtonTooltipProps === null || disabledAddButtonTooltipProps === void 0 ? void 0 : disabledAddButtonTooltipProps.content) || t("neetoForm.questions.common.primaryPanel.noQuestionLeft")
11778
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
11864
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
11779
11865
  disabled: disableAddNewQuestion,
11780
11866
  label: t("neetoForm.questions.common.primaryPanel.addNewQuestion"),
11781
11867
  position: "bottom-start",
@@ -11925,7 +12011,16 @@ var Form = function Form(_ref) {
11925
12011
  if (neetoCist.isNotEmpty(questionLabel)) return neetoCist.truncate(questionLabel, 40);
11926
12012
  return neetoCist.humanize(questionKind);
11927
12013
  };
11928
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
12014
+ var richTextQuestions = neetoCist.filterBy({
12015
+ kind: ramda.includes(ramda.__, RICH_TEXT_QUESTIONS)
12016
+ }, questions);
12017
+ var resetFormData = function resetFormData() {
12018
+ resetForm();
12019
+ setFormData({
12020
+ richTextFieldsToReset: ramda.pluck("fieldCode", richTextQuestions)
12021
+ });
12022
+ };
12023
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
11929
12024
  isOpen: ramda.isNotNil(deleteQuestionIndex),
11930
12025
  submitButtonLabel: t("neetoForm.common.delete"),
11931
12026
  title: t("neetoForm.questions.deleteAlert.title"),
@@ -12013,14 +12108,12 @@ var Form = function Form(_ref) {
12013
12108
  }
12014
12109
  }))), showActionBlock && /*#__PURE__*/React__default["default"].createElement("div", {
12015
12110
  className: "neeto-ui-border-gray-300 flex-shrink-0 border-t py-4"
12016
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
12017
- className: "space-x-2",
12111
+ }, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
12112
+ submitButtonProps: submitButtonProps,
12018
12113
  cancelButtonProps: _objectSpread$h({
12019
- label: t("neetoForm.common.reset")
12020
- }, cancelButtonProps),
12021
- submitButtonProps: _objectSpread$h({
12022
- disabled: isSubmitting || !dirty
12023
- }, submitButtonProps)
12114
+ label: t("neetoForm.common.reset"),
12115
+ onClick: resetFormData
12116
+ }, cancelButtonProps)
12024
12117
  }))));
12025
12118
  };
12026
12119
 
@@ -12121,7 +12214,7 @@ var BuildForm = function BuildForm(_ref) {
12121
12214
  var _useUpdateQuestions = useUpdateQuestions({
12122
12215
  formId: id,
12123
12216
  language: selectedLanguage,
12124
- onError: neetoui.Toastr.error,
12217
+ onError: Toastr__default["default"].error,
12125
12218
  onSuccess: utils.showThumbsUpToastr
12126
12219
  }),
12127
12220
  updateQuestions = _useUpdateQuestions.mutateAsync;
@@ -16087,7 +16180,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
16087
16180
  className: "neeto-form-engine-input__wrapper"
16088
16181
  }, /*#__PURE__*/React__default["default"].createElement("div", {
16089
16182
  className: "neeto-ui-w-full"
16090
- }, isInputVisible ? /*#__PURE__*/React__default["default"].createElement(neetoui.MultiEmailInput, {
16183
+ }, isInputVisible ? /*#__PURE__*/React__default["default"].createElement(NeetoUIMultiEmailInput__default["default"], {
16091
16184
  isRequired: isRequired,
16092
16185
  label: label,
16093
16186
  error: meta.touched ? meta.error : "",
@@ -16099,7 +16192,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
16099
16192
  return setTouched(true);
16100
16193
  },
16101
16194
  onChange: setValue
16102
- }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Button, (_React$createElement = {
16195
+ }) : /*#__PURE__*/React__default["default"].createElement(Button__default["default"], (_React$createElement = {
16103
16196
  label: label
16104
16197
  }, _defineProperty$6(_React$createElement, "label", t("neetoForm.common.addGuests")), _defineProperty$6(_React$createElement, "style", "secondary"), _defineProperty$6(_React$createElement, "onClick", function onClick() {
16105
16198
  return setIsInputVisible(true);
@@ -16127,7 +16220,7 @@ var ConditionField = function ConditionField(_ref) {
16127
16220
  }, function (_ref2) {
16128
16221
  var meta = _ref2.meta,
16129
16222
  field = _ref2.field;
16130
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$8({}, _objectSpread$a(_objectSpread$a({}, field), {}, {
16223
+ return /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], _extends$8({}, _objectSpread$a(_objectSpread$a({}, field), {}, {
16131
16224
  label: label,
16132
16225
  name: name
16133
16226
  }), {
@@ -16505,7 +16598,7 @@ var DateField = function DateField(_ref) {
16505
16598
  value = _ref2$field.value,
16506
16599
  field = _objectWithoutProperties$1(_ref2$field, _excluded$3),
16507
16600
  form = _ref2.form;
16508
- return /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends$8({}, _objectSpread$8(_objectSpread$8({}, field), {}, {
16601
+ return /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], _extends$8({}, _objectSpread$8(_objectSpread$8({}, field), {}, {
16509
16602
  type: type
16510
16603
  }), {
16511
16604
  dateFormat: "MMM D, YYYY",
@@ -16556,7 +16649,7 @@ var EmailField = function EmailField(_ref) {
16556
16649
  setValue = _useField2$2.setValue,
16557
16650
  setTouched = _useField2$2.setTouched;
16558
16651
  var handleFieldChange = utils.withEventTargetValue(setValue);
16559
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$8({}, _objectSpread$7(_objectSpread$7({
16652
+ return /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], _extends$8({}, _objectSpread$7(_objectSpread$7({
16560
16653
  type: type
16561
16654
  }, field), {}, {
16562
16655
  autoComplete: autoComplete,
@@ -19058,11 +19151,11 @@ var DropZone = function DropZone(_ref) {
19058
19151
  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
19059
19152
  i18nKey: "neetoForm.fileUpload.dropzone.chooseOrDragFile",
19060
19153
  components: {
19061
- typography: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
19154
+ typography: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
19062
19155
  component: "span",
19063
19156
  weight: "semibold"
19064
19157
  }),
19065
- span: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
19158
+ span: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
19066
19159
  component: "span",
19067
19160
  weight: "normal"
19068
19161
  })
@@ -19071,18 +19164,18 @@ var DropZone = function DropZone(_ref) {
19071
19164
  "data-cy": "file-browse-button"
19072
19165
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
19073
19166
  className: "neeto-form-engine-file-upload__dropzone-helper-block"
19074
- }, !multipleFilesAllowed && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
19167
+ }, !multipleFilesAllowed && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
19075
19168
  className: "neeto-form-engine-file-upload__dropzone-helper-text",
19076
19169
  "data-cy": "upload-only-one-file-text",
19077
19170
  style: "body3"
19078
- }, t("neetoForm.fileUpload.dropzone.oneFileAllowed")), shouldShowFileSizeLimit && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
19171
+ }, t("neetoForm.fileUpload.dropzone.oneFileAllowed")), shouldShowFileSizeLimit && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
19079
19172
  className: "neeto-form-engine-file-upload__dropzone-helper-text",
19080
19173
  "data-cy": "maximum-allowed-size-text",
19081
19174
  style: "body3"
19082
19175
  }, t("neetoForm.fileUpload.dropzone.maxFileSize", {
19083
19176
  size: maxFileSize,
19084
19177
  unit: t("neetoForm.fileUpload.mb")
19085
- })), allowedFileTypes && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
19178
+ })), allowedFileTypes && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
19086
19179
  className: "neeto-form-engine-file-upload__dropzone-helper-text",
19087
19180
  "data-cy": "allowed-files-types-text",
19088
19181
  style: "body3"
@@ -26499,7 +26592,7 @@ var FilePreview = reactUtils.withT(function (_ref) {
26499
26592
  key: file.url
26500
26593
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26501
26594
  className: "neeto-form-engine-file-upload__file-preview"
26502
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
26595
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
26503
26596
  className: classnames__default["default"]("p-0", {
26504
26597
  invisible: isUploading
26505
26598
  }),
@@ -26517,10 +26610,10 @@ var FilePreview = reactUtils.withT(function (_ref) {
26517
26610
  size: 20
26518
26611
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
26519
26612
  className: "flex min-w-0 grow flex-col break-words"
26520
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
26613
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
26521
26614
  className: "neeto-form-engine-file-upload__file-info-name",
26522
26615
  style: "body2"
26523
- }, file.name), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
26616
+ }, file.name), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
26524
26617
  className: "neeto-form-engine-file-upload__file-info-size",
26525
26618
  style: "body3"
26526
26619
  }, file.size ? t("neetoForm.fileUpload.fileSizeInMb", {
@@ -26589,7 +26682,7 @@ var FileUploadField = function FileUploadField(_ref) {
26589
26682
  className: "neeto-form-engine-input__wrapper"
26590
26683
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26591
26684
  className: "neeto-form-engine-input__label-wrapper"
26592
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
26685
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
26593
26686
  className: "neeto-form-engine-label",
26594
26687
  required: isRequired
26595
26688
  }, label)), /*#__PURE__*/React__default["default"].createElement(DropZone, {
@@ -26610,11 +26703,11 @@ var FileUploadField = function FileUploadField(_ref) {
26610
26703
  progress: progress[file.name]
26611
26704
  });
26612
26705
  })), neetoCist.isNotEmpty(fileRejections) && fileRejections.map(function (file, index) {
26613
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
26706
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
26614
26707
  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",
26615
26708
  key: index
26616
26709
  }, renderErrorMessage(file, maxFileSizeInBytes, false));
26617
- }), shouldShowError && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
26710
+ }), shouldShowError && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
26618
26711
  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"
26619
26712
  }, error));
26620
26713
  };
@@ -26653,7 +26746,7 @@ var NameField = function NameField(_ref) {
26653
26746
  setValue = _useField2$2.setValue,
26654
26747
  setTouched = _useField2$2.setTouched;
26655
26748
  var handleFieldChange = utils.withEventTargetValue(setValue);
26656
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$8({}, _objectSpread$4(_objectSpread$4({
26749
+ return /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], _extends$8({}, _objectSpread$4(_objectSpread$4({
26657
26750
  type: type
26658
26751
  }, field), {}, {
26659
26752
  autoComplete: autoComplete,
@@ -26680,8 +26773,8 @@ var Choices = function Choices(_ref) {
26680
26773
  onChange = _ref.onChange,
26681
26774
  error = _ref.error;
26682
26775
  var isCheckBox = type === "checkbox";
26683
- var ChoiceWrapper = isCheckBox ? "div" : neetoui.Radio;
26684
- var Component = isCheckBox ? neetoui.Checkbox : neetoui.Radio.Item;
26776
+ var ChoiceWrapper = isCheckBox ? "div" : Radio__default["default"];
26777
+ var Component = isCheckBox ? Checkbox__default$1["default"] : Radio__default["default"].Item;
26685
26778
  return /*#__PURE__*/React__default["default"].createElement("div", {
26686
26779
  className: "neeto-form-engine-choices__wrapper"
26687
26780
  }, /*#__PURE__*/React__default["default"].createElement("label", {
@@ -26729,7 +26822,7 @@ var OptionsField = function OptionsField(_ref) {
26729
26822
  options = _question$optionsAttr === void 0 ? [] : _question$optionsAttr;
26730
26823
  var isDropdown = kind === QUESTION_KIND.DROPDOWN.value;
26731
26824
  var label = fieldWithFallback(question, "label");
26732
- var Component = isDropdown ? neetoui.Select : Choices$1;
26825
+ var Component = isDropdown ? Select__default$1["default"] : Choices$1;
26733
26826
  var transformedOptions = isDropdown ? options.map(function (option) {
26734
26827
  return {
26735
26828
  label: fieldWithFallback(option, "label"),
@@ -27053,7 +27146,7 @@ var TermsField = function TermsField(_ref) {
27053
27146
  kind = question.kind,
27054
27147
  isRequired = question.isRequired,
27055
27148
  nodeId = question.nodeId;
27056
- var label = fieldWithFallback(question, "label");
27149
+ var label = fieldWithFallback(question, "label", true);
27057
27150
  return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
27058
27151
  name: name || nodeId,
27059
27152
  validate: validateFieldValue({
@@ -27067,7 +27160,7 @@ var TermsField = function TermsField(_ref) {
27067
27160
  field = _ref2.field;
27068
27161
  return /*#__PURE__*/React__default["default"].createElement("div", {
27069
27162
  className: "neeto-form-engine-terms"
27070
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$8({}, _objectSpread$2(_objectSpread$2({}, field), {}, {
27163
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], _extends$8({}, _objectSpread$2(_objectSpread$2({}, field), {}, {
27071
27164
  name: name
27072
27165
  }), {
27073
27166
  checked: field.value,
@@ -27097,7 +27190,7 @@ var TextField = function TextField(_ref) {
27097
27190
  type = _QUESTION_KIND$kind$t2 === void 0 ? "text" : _QUESTION_KIND$kind$t2,
27098
27191
  onKeyDown = _QUESTION_KIND$kind$t.onKeyDown,
27099
27192
  otherProps = _QUESTION_KIND$kind$t.otherProps;
27100
- var Component = kind === QUESTION_KIND.TEXTAREA.value ? neetoui.Textarea : neetoui.Input;
27193
+ var Component = kind === QUESTION_KIND.TEXTAREA.value ? Textarea__default$1["default"] : Input__default$1["default"];
27101
27194
  var _useField = formik.useField({
27102
27195
  name: name || nodeId,
27103
27196
  validate: validateFieldValue({
@@ -27139,14 +27232,16 @@ var _QUESTION_TO_COMPONEN;
27139
27232
  var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXT.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.NAME.value, NameField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.EMAIL.value, EmailField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.INTEGER.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.DECIMAL.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.PHONE.value, PhoneNumberField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.QUESTION.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXTAREA.value, TextField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.CHECKBOX.value, OptionsField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.RADIO.value, OptionsField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.DROPDOWN.value, OptionsField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.RATING.value, RatingField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.PARAGRAPH.value, function (_ref) {
27140
27233
  var question = _ref.question;
27141
27234
  return /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
27142
- content: ramda.isEmpty(question.label) ? question.labelFallback : question.label
27235
+ content: fieldWithFallback(question, "label", true)
27143
27236
  });
27144
27237
  }), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.TERMS.value, TermsField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.DATE.value, DateField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.STAR_RATING.value, StarRatingField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.RICH_TEXT.value, RichTextEditor), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty$6(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _QUESTION_TO_COMPONEN);
27145
27238
 
27146
27239
  var fieldWithFallback = function fieldWithFallback(question, fieldName) {
27240
+ var hasRichContent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
27147
27241
  var fallback = question["".concat(fieldName, "Fallback")];
27148
27242
  var field = question[fieldName];
27149
- return ramda.isEmpty(field) && ramda.isNotNil(fallback) ? fallback : field;
27243
+ var isFieldEmpty = hasRichContent ? neetoEditor.isEditorEmpty(field) : ramda.isEmpty(field);
27244
+ return isFieldEmpty && ramda.isNotNil(fallback) ? fallback : field;
27150
27245
  };
27151
27246
  var getFieldComponent = function getFieldComponent(_ref) {
27152
27247
  var kind = _ref.kind;
@@ -27203,9 +27298,9 @@ var Success = function Success() {
27203
27298
  t = _useTranslation.t;
27204
27299
  return /*#__PURE__*/React__default["default"].createElement("div", {
27205
27300
  className: "flex h-full w-full flex-col items-center justify-center space-y-4"
27206
- }, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
27301
+ }, /*#__PURE__*/React__default["default"].createElement(SvgSuccess, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
27207
27302
  style: "h1"
27208
- }, t("neetoForm.successPage.title1")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
27303
+ }, t("neetoForm.successPage.title1")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
27209
27304
  style: "h1"
27210
27305
  }, t("neetoForm.successPage.title2")));
27211
27306
  };
@@ -27395,7 +27490,7 @@ var ExternalForm = function ExternalForm(_ref) {
27395
27490
  case 29:
27396
27491
  data = _context.sent;
27397
27492
  case 30:
27398
- showSuccessToastr && neetoui.Toastr.success(t("neetoForm.toasts.formSubmitted"));
27493
+ showSuccessToastr && Toastr__default["default"].success(t("neetoForm.toasts.formSubmitted"));
27399
27494
  clearValuesOnSubmit && clearLocalFormValues();
27400
27495
  onSubmitSuccess === null || onSubmitSuccess === void 0 || onSubmitSuccess({
27401
27496
  values: values,
@@ -27473,7 +27568,7 @@ var ExternalForm = function ExternalForm(_ref) {
27473
27568
  formId: formId,
27474
27569
  preview: preview,
27475
27570
  language: language,
27476
- onError: neetoui.Toastr.error,
27571
+ onError: Toastr__default["default"].error,
27477
27572
  enabled: !preview,
27478
27573
  placeholderData: {
27479
27574
  isQuestionsLoading: true
@@ -27505,7 +27600,7 @@ var ExternalForm = function ExternalForm(_ref) {
27505
27600
  }
27506
27601
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showTitle && /*#__PURE__*/React__default["default"].createElement("div", {
27507
27602
  className: "py-6 text-center"
27508
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({
27603
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
27509
27604
  className: "neeto-ui-text-gray-800",
27510
27605
  style: "h4",
27511
27606
  weight: "semibold"
@@ -27545,7 +27640,7 @@ var ExternalForm = function ExternalForm(_ref) {
27545
27640
  }
27546
27641
  }), (submission === null || submission === void 0 ? void 0 : submission.isLoading) && /*#__PURE__*/React__default["default"].createElement("div", {
27547
27642
  className: "neeto-ui-bg-gray-100 absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center opacity-75"
27548
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)), renderedQuestions.map(function (question) {
27643
+ }, /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null)), renderedQuestions.map(function (question) {
27549
27644
  var _question$id;
27550
27645
  var FieldComponent = getFieldComponent(question);
27551
27646
  return /*#__PURE__*/React__default["default"].createElement(FieldComponent, {
@@ -27560,23 +27655,23 @@ var ExternalForm = function ExternalForm(_ref) {
27560
27655
  });
27561
27656
  }), showEmptyState && ramda.isEmpty(renderedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
27562
27657
  className: "flex flex-col items-center justify-center gap-y-4 py-8"
27563
- }, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
27658
+ }, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
27564
27659
  style: "h3",
27565
27660
  weight: "semibold"
27566
27661
  }, t("neetoForm.questions.common.notFound"))), footer, !ramda.isEmpty(renderedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
27567
27662
  className: "mt-8 flex items-center justify-between"
27568
- }, cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
27663
+ }, cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
27569
27664
  label: t("neetoForm.common.cancel"),
27570
27665
  style: "secondary"
27571
27666
  }, cancelButtonProps)), /*#__PURE__*/React__default["default"].createElement("div", {
27572
27667
  className: "flex gap-x-2"
27573
- }, renderButtonsInOrder([/*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
27668
+ }, renderButtonsInOrder([/*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
27574
27669
  disabled: isSubmitting || isSubmitted,
27575
27670
  key: "submit",
27576
27671
  label: t("neetoForm.common.submit"),
27577
27672
  loading: isSubmitting,
27578
27673
  type: "submit"
27579
- }, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
27674
+ }, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
27580
27675
  key: "reset",
27581
27676
  label: t("neetoForm.common.reset"),
27582
27677
  style: "secondary",
@@ -30127,6 +30222,10 @@ var linkifyDecorator = function linkifyDecorator(decoratedHref, decoratedText, k
30127
30222
  target: "_blank"
30128
30223
  }, decoratedText);
30129
30224
  };
30225
+ var filterResponses = neetoCist.removeBy({
30226
+ kind: QUESTION_KIND.ADDITIONAL_GUESTS.value,
30227
+ value: neetoCist.isNotPresent
30228
+ });
30130
30229
 
30131
30230
  var FileUpload = function FileUpload(_ref) {
30132
30231
  var files = _ref.files;
@@ -30135,7 +30234,7 @@ var FileUpload = function FileUpload(_ref) {
30135
30234
  }, files === null || files === void 0 ? void 0 : files.map(function (_ref2, index) {
30136
30235
  var url = _ref2.url,
30137
30236
  name = _ref2.name;
30138
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
30237
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
30139
30238
  className: "break-all",
30140
30239
  key: index,
30141
30240
  style: "body2"
@@ -30190,6 +30289,7 @@ var Submission = function Submission(_ref2) {
30190
30289
  } : _useSubmission$data,
30191
30290
  isLoading = _useSubmission.isLoading;
30192
30291
  var responses = submission.responses;
30292
+ var filteredResponses = filterResponses(responses);
30193
30293
  var renderSubmittedValue = function renderSubmittedValue(kind, value) {
30194
30294
  switch (kind) {
30195
30295
  case QUESTION_KIND.RICH_TEXT.value:
@@ -30209,7 +30309,7 @@ var Submission = function Submission(_ref2) {
30209
30309
  files: value
30210
30310
  }) : "-";
30211
30311
  default:
30212
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({
30312
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
30213
30313
  weight: "semibold"
30214
30314
  }, answerProps), /*#__PURE__*/React__default["default"].createElement(_default, {
30215
30315
  componentDecorator: linkifyDecorator
@@ -30226,14 +30326,14 @@ var Submission = function Submission(_ref2) {
30226
30326
  }
30227
30327
  return /*#__PURE__*/React__default["default"].createElement("div", {
30228
30328
  className: classnames__default["default"]("mx-auto flex h-full w-full flex-col items-start", _defineProperty$6({}, className, className))
30229
- }, responses.map(function (_ref3) {
30329
+ }, filteredResponses.map(function (_ref3) {
30230
30330
  var kind = _ref3.kind,
30231
30331
  label = _ref3.label,
30232
30332
  value = _ref3.value;
30233
30333
  return /*#__PURE__*/React__default["default"].createElement("div", {
30234
30334
  className: "mb-4",
30235
30335
  key: label
30236
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({
30336
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
30237
30337
  style: "h5",
30238
30338
  weight: "light"
30239
30339
  }, questionLabelProps), label), renderSubmittedValue(kind, value));
@@ -30372,7 +30472,7 @@ var UrlBuilder = function UrlBuilder(_ref) {
30372
30472
  var _useForm = useForm({
30373
30473
  formId: formId,
30374
30474
  preview: false,
30375
- onError: neetoui.Toastr.error,
30475
+ onError: Toastr__default["default"].error,
30376
30476
  placeholderData: {
30377
30477
  isQuestionsLoading: true
30378
30478
  }
@@ -30396,7 +30496,7 @@ var UrlBuilder = function UrlBuilder(_ref) {
30396
30496
  var modifiedQuestions = getPreFillableQuestions(questions);
30397
30497
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showTitle && /*#__PURE__*/React__default["default"].createElement("div", {
30398
30498
  className: "py-6 text-center"
30399
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({
30499
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], _extends$8({
30400
30500
  className: "neeto-ui-text-gray-800",
30401
30501
  style: "h4",
30402
30502
  weight: "semibold"
@@ -30445,21 +30545,21 @@ var UrlBuilder = function UrlBuilder(_ref) {
30445
30545
  });
30446
30546
  }), showEmptyState && ramda.isEmpty(modifiedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
30447
30547
  className: "flex flex-col items-center justify-center gap-y-4 py-8"
30448
- }, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
30548
+ }, /*#__PURE__*/React__default["default"].createElement(SvgNoQuestions, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
30449
30549
  style: "h3",
30450
30550
  weight: "semibold"
30451
30551
  }, t("neetoForm.questions.common.notFound")))), !ramda.isEmpty(modifiedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
30452
30552
  className: "mt-8 flex items-center justify-start gap-x-2"
30453
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
30553
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
30454
30554
  disabled: isSubmitting,
30455
30555
  label: t("neetoForm.common.generateLink"),
30456
30556
  loading: isSubmitting,
30457
30557
  type: "submit"
30458
- }, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
30558
+ }, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
30459
30559
  label: t("neetoForm.common.reset"),
30460
30560
  style: "secondary",
30461
30561
  type: "reset"
30462
- }, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
30562
+ }, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends$8({
30463
30563
  label: t("neetoForm.common.cancel")
30464
30564
  }, cancelButtonProps)))));
30465
30565
  }));