@bigbinary/neeto-rules-frontend 0.6.2 → 0.6.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.
Files changed (5) hide show
  1. package/dist/index.cjs.js +295 -347
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +94 -164
  4. package/dist/index.js.map +1 -1
  5. package/package.json +15 -12
package/dist/index.cjs.js CHANGED
@@ -8,7 +8,7 @@ var shallow = require('zustand/shallow');
8
8
  var classNames$1 = require('classnames');
9
9
  var formik = require('formik');
10
10
  var neetoCist = require('@bigbinary/neeto-cist');
11
- var formik$1 = require('@bigbinary/neetoui/formik');
11
+ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
12
12
  var i18next = require('i18next');
13
13
  var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
14
14
  var yup = require('yup');
@@ -16,13 +16,29 @@ var neetoEditor = require('@bigbinary/neeto-editor');
16
16
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
17
17
  var zustand = require('zustand');
18
18
  var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
19
- var neetoui = require('@bigbinary/neetoui');
19
+ var Pane = require('@bigbinary/neetoui/Pane');
20
+ var Typography = require('@bigbinary/neetoui/Typography');
20
21
  var reactI18next = require('react-i18next');
21
22
  var neetoIcons = require('@bigbinary/neeto-icons');
23
+ var Button = require('@bigbinary/neetoui/Button');
22
24
  var ramda = require('ramda');
23
25
  var utils = require('@bigbinary/neeto-commons-frontend/utils');
26
+ var Dropdown$1 = require('@bigbinary/neetoui/Dropdown');
27
+ var Input$2 = require('@bigbinary/neetoui/Input');
28
+ var Textarea = require('@bigbinary/neetoui/formik/Textarea');
29
+ var Label = require('@bigbinary/neetoui/Label');
30
+ var Select$1 = require('@bigbinary/neetoui/Select');
31
+ var dayjs = require('dayjs');
32
+ var DatePicker = require('@bigbinary/neetoui/DatePicker');
33
+ var MultiEmailInput = require('@bigbinary/neetoui/formik/MultiEmailInput');
34
+ var Input$3 = require('@bigbinary/neetoui/formik/Input');
24
35
  var useHotkeys = require('@bigbinary/neeto-hotkeys');
36
+ var Checkbox = require('@bigbinary/neetoui/Checkbox');
25
37
  var reactDom = require('react-dom');
38
+ var Tag = require('@bigbinary/neetoui/Tag');
39
+ var Tooltip = require('@bigbinary/neetoui/Tooltip');
40
+ var Select$2 = require('@bigbinary/neetoui/formik/Select');
41
+ var Radio = require('@bigbinary/neetoui/formik/Radio');
26
42
 
27
43
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
28
44
 
@@ -47,9 +63,27 @@ function _interopNamespace(e) {
47
63
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
48
64
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
49
65
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames$1);
66
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
50
67
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
51
68
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
69
+ var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
70
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
71
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
72
+ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$1);
73
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input$2);
74
+ var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
75
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
76
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$1);
77
+ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
78
+ var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
79
+ var MultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(MultiEmailInput);
80
+ var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$3);
52
81
  var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
82
+ var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
83
+ var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
84
+ var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
85
+ var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$2);
86
+ var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
53
87
 
54
88
  function _objectDestructuringEmpty(obj) {
55
89
  if (obj == null) throw new TypeError("Cannot destructure " + obj);
@@ -125,8 +159,6 @@ function _objectWithoutProperties$1(source, excluded) {
125
159
  return target;
126
160
  }
127
161
 
128
- var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
129
-
130
162
  function getDefaultExportFromCjs (x) {
131
163
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
132
164
  }
@@ -338,8 +370,8 @@ var CONDITION_VALUE_TYPES = {
338
370
  var INPUT_FIELD_TYPES = ["email", "text", "number", "decimal", "url", "regex"];
339
371
  var MAXIMUM_OPTION_LENGTH$2 = 7;
340
372
 
341
- function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
342
- function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
373
+ function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
374
+ function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
343
375
  var getSchemaForStrings = function getSchemaForStrings(element) {
344
376
  var label = element.label,
345
377
  _element$componentPro = element.componentProps,
@@ -565,7 +597,7 @@ var getSchemaForElement = function getSchemaForElement(element, customData) {
565
597
  var getValidationSchema = function getValidationSchema(data, customData) {
566
598
  var fieldKeys = Object.keys(data);
567
599
  var schema = fieldKeys.reduce(function (acc, key) {
568
- return _objectSpread$9(_objectSpread$9({}, acc), {}, _defineProperty$1({}, key, yup__namespace.object({
600
+ return _objectSpread$a(_objectSpread$a({}, acc), {}, _defineProperty$1({}, key, yup__namespace.object({
569
601
  value: getSchemaForElement(data[key], customData)
570
602
  })));
571
603
  }, {});
@@ -588,8 +620,8 @@ var VALIDATION_SCHEMA = (_VALIDATION_SCHEMA = {}, _defineProperty$1(_VALIDATION_
588
620
  var DECIMAL_NUMBER_REGEX = /^\d*\.?\d+$/;
589
621
  var POSITIVE_NUMBER_REGEX = /^[0-9]+$/;
590
622
 
591
- function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
592
- function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
623
+ function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
624
+ function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
593
625
  var buildPayload = function buildPayload(data, values) {
594
626
  return Object.keys(data).reduce(function (acc, key) {
595
627
  var fieldValue = values[key].value;
@@ -599,26 +631,26 @@ var buildPayload = function buildPayload(data, values) {
599
631
  var _fieldValue;
600
632
  fieldValue = (_fieldValue = fieldValue) === null || _fieldValue === void 0 ? void 0 : _fieldValue.map(function (conditionGroup) {
601
633
  var _conditionGroup$condi;
602
- return _objectSpread$8(_objectSpread$8({}, conditionGroup), {}, {
634
+ return _objectSpread$9(_objectSpread$9({}, conditionGroup), {}, {
603
635
  conditions: [].concat(_toConsumableArray$1(conditionGroup.conditions.value), _toConsumableArray$1(((_conditionGroup$condi = conditionGroup.conditions) === null || _conditionGroup$condi === void 0 ? void 0 : _conditionGroup$condi.deleted) || []))
604
636
  });
605
637
  });
606
638
  }
607
639
  fieldValue = [].concat(_toConsumableArray$1(fieldValue), _toConsumableArray$1(((_values$key = values[key]) === null || _values$key === void 0 ? void 0 : _values$key.deleted) || []));
608
640
  }
609
- return _objectSpread$8(_objectSpread$8({}, acc), {}, _defineProperty$1({}, key, fieldValue));
641
+ return _objectSpread$9(_objectSpread$9({}, acc), {}, _defineProperty$1({}, key, fieldValue));
610
642
  }, {});
611
643
  };
612
644
  var formatData = function formatData(data) {
613
645
  return Object.keys(data).reduce(function (acc, key) {
614
646
  var value = data[key].type === FIELD_TYPES.conditionGroup ? data[key].value.map(function (conditionGroup) {
615
- return _objectSpread$8(_objectSpread$8({}, conditionGroup), {}, {
647
+ return _objectSpread$9(_objectSpread$9({}, conditionGroup), {}, {
616
648
  conditions: {
617
649
  value: conditionGroup.conditions
618
650
  }
619
651
  });
620
652
  }) : data[key].value;
621
- return _objectSpread$8(_objectSpread$8({}, acc), {}, _defineProperty$1({}, key, {
653
+ return _objectSpread$9(_objectSpread$9({}, acc), {}, _defineProperty$1({}, key, {
622
654
  value: value
623
655
  }));
624
656
  }, {});
@@ -682,9 +714,9 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
682
714
  return null;
683
715
  };
684
716
 
685
- var _excluded$g = ["isSubmitting", "dirty", "values"];
686
- function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
687
- function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
717
+ var _excluded$g = ["dirty", "values"];
718
+ function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
719
+ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
688
720
  var NeetoRules$2 = function NeetoRules(_ref) {
689
721
  var _ref$data = _ref.data,
690
722
  data = _ref$data === void 0 ? {} : _ref$data,
@@ -714,14 +746,13 @@ var NeetoRules$2 = function NeetoRules(_ref) {
714
746
  validationSchema: getValidationSchema(data, customData),
715
747
  onSubmit: submitForm
716
748
  }, function (_ref2) {
717
- var isSubmitting = _ref2.isSubmitting,
718
- dirty = _ref2.dirty,
749
+ var dirty = _ref2.dirty,
719
750
  values = _ref2.values,
720
751
  fromikBag = _objectWithoutProperties$1(_ref2, _excluded$g);
721
752
  return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
722
753
  ref: formRef,
723
754
  className: classNames__default["default"](["w-full space-y-6 px-0 md:px-14 xl:px-24", className])
724
- }, typeof children === "function" ? children === null || children === void 0 ? void 0 : children(_objectSpread$7({
755
+ }, typeof children === "function" ? children === null || children === void 0 ? void 0 : children(_objectSpread$8({
725
756
  values: values,
726
757
  formattedValues: buildPayload(data, values),
727
758
  dirty: dirty
@@ -729,18 +760,11 @@ var NeetoRules$2 = function NeetoRules(_ref) {
729
760
  formRef: formRef
730
761
  }), /*#__PURE__*/React__default["default"].createElement("div", {
731
762
  className: "py-4"
732
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
763
+ }, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
733
764
  cancelButtonProps: {
734
- disabled: false,
735
- onClick: function onClick() {
736
- return handleCancel();
737
- }
765
+ onClick: handleCancel
738
766
  },
739
767
  submitButtonProps: {
740
- className: "mr-2",
741
- htmlType: "submit",
742
- disabled: isSubmitting || !dirty,
743
- onClick: function onClick() {},
744
768
  "data-cy": "form-submit-button"
745
769
  }
746
770
  })));
@@ -810,7 +834,7 @@ function _slicedToArray$1(arr, i) {
810
834
  var Title = function Title(_ref) {
811
835
  var title = _ref.title,
812
836
  children = _ref.children;
813
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
837
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
814
838
  className: "neeto-ui-text-gray-800",
815
839
  style: "h5",
816
840
  weight: "semibold"
@@ -825,11 +849,11 @@ var MultiSelectValues = function MultiSelectValues(_ref) {
825
849
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, values === null || values === void 0 ? void 0 : values.map(function (value, idx) {
826
850
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
827
851
  key: idx
828
- }, !!idx && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
852
+ }, !!idx && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
829
853
  className: "neeto-ui-text-gray-700",
830
854
  style: "h5",
831
855
  weight: "normal"
832
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
856
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
833
857
  className: "neeto-ui-text-gray-800",
834
858
  style: "h5",
835
859
  weight: "semibold"
@@ -861,7 +885,7 @@ var ActionsDetail = function ActionsDetail(_ref) {
861
885
  };
862
886
  var renderActionValues = function renderActionValues(action, actionOption) {
863
887
  if (actionOption.type === "dropdown") {
864
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
888
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
865
889
  className: "neeto-ui-text-gray-800",
866
890
  style: "h5",
867
891
  weight: "semibold"
@@ -886,7 +910,7 @@ var ActionsDetail = function ActionsDetail(_ref) {
886
910
  value: action.name
887
911
  }, actions.actionOptions);
888
912
  if (!actionOption) return null;
889
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
913
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
890
914
  className: "neeto-ui-text-gray-800",
891
915
  style: "h5",
892
916
  weight: "semibold"
@@ -898,14 +922,14 @@ var ActionsDetail = function ActionsDetail(_ref) {
898
922
  return /*#__PURE__*/React__default["default"].createElement("div", {
899
923
  className: "mb-2 flex flex-wrap gap-x-1 gap-y-2",
900
924
  key: action.name
901
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
925
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
902
926
  className: "neeto-ui-text-gray-700",
903
927
  style: "h5",
904
928
  weight: "normal"
905
929
  }, getLabel(index)), renderAction(action));
906
930
  }), actionsList.length > 4 && /*#__PURE__*/React__default["default"].createElement("div", {
907
931
  className: "mt-3 w-full"
908
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
932
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
909
933
  icon: !viewMore ? neetoIcons.Down : neetoIcons.Up,
910
934
  size: "small",
911
935
  style: "link",
@@ -928,7 +952,7 @@ var ConditionsDetail = function ConditionsDetail(_ref) {
928
952
  var renderConditionValues = function renderConditionValues(condition, conditionOption) {
929
953
  if (["email", "text", "number"].includes(conditionOption.type)) {
930
954
  var _condition$metadata$v;
931
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
955
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
932
956
  className: "neeto-ui-text-gray-800",
933
957
  style: "h5",
934
958
  weight: "semibold"
@@ -945,7 +969,7 @@ var ConditionsDetail = function ConditionsDetail(_ref) {
945
969
  });
946
970
  }
947
971
  if (conditionOption.type === "dropdown") {
948
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
972
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
949
973
  className: "neeto-ui-text-gray-800",
950
974
  style: "h5",
951
975
  weight: "semibold"
@@ -960,11 +984,11 @@ var ConditionsDetail = function ConditionsDetail(_ref) {
960
984
  }, conditionOptions);
961
985
  if (!conditionOption) return null;
962
986
  var conditionVerb = (_conditionVerbs$condi = conditionVerbs[condition.verb]) === null || _conditionVerbs$condi === void 0 ? void 0 : _conditionVerbs$condi.toLowerCase();
963
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
987
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
964
988
  className: "neeto-ui-text-gray-800",
965
989
  style: "h5",
966
990
  weight: "semibold"
967
- }, conditionOption === null || conditionOption === void 0 ? void 0 : conditionOption.label.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
991
+ }, conditionOption === null || conditionOption === void 0 ? void 0 : conditionOption.label.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
968
992
  className: "neeto-ui-text-gray-800",
969
993
  style: "h5",
970
994
  weight: "semibold"
@@ -976,17 +1000,17 @@ var ConditionsDetail = function ConditionsDetail(_ref) {
976
1000
  return /*#__PURE__*/React__default["default"].createElement("div", {
977
1001
  className: "mb-2 flex flex-wrap gap-x-2 gap-y-2",
978
1002
  key: condition.id
979
- }, !index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1003
+ }, !index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
980
1004
  className: "neeto-ui-text-gray-700",
981
1005
  style: "h5",
982
1006
  weight: "normal"
983
1007
  }, i18next.t("neetoRules.common.and", {
984
1008
  what: ""
985
- })), !!index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1009
+ })), !!index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
986
1010
  className: "neeto-ui-text-gray-800",
987
1011
  style: "h5",
988
1012
  weight: "semibold"
989
- }, getLogicOperator(condition.joinType)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1013
+ }, getLogicOperator(condition.joinType)), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
990
1014
  className: "neeto-ui-text-gray-700",
991
1015
  style: "h5",
992
1016
  weight: "normal"
@@ -1020,24 +1044,24 @@ var EventsDetail = function EventsDetail(_ref) {
1020
1044
  return /*#__PURE__*/React__default["default"].createElement("div", {
1021
1045
  className: "flex gap-x-2",
1022
1046
  key: index
1023
- }, !index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1047
+ }, !index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1024
1048
  className: "neeto-ui-text-gray-700 my-auto",
1025
1049
  style: "h5",
1026
1050
  weight: "normal"
1027
- }, i18next.t("neetoRules.common.when")), !!index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1051
+ }, i18next.t("neetoRules.common.when")), !!index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1028
1052
  className: "neeto-ui-text-gray-700 my-auto",
1029
1053
  style: "h5",
1030
1054
  weight: "normal"
1031
- }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1055
+ }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1032
1056
  className: "neeto-ui-text-gray-800",
1033
1057
  style: "h5",
1034
1058
  weight: "semibold"
1035
1059
  }, event.label.toLowerCase()));
1036
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1060
+ }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1037
1061
  className: "neeto-ui-text-gray-700",
1038
1062
  style: "h5",
1039
1063
  weight: "normal"
1040
- }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1064
+ }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1041
1065
  className: "neeto-ui-text-gray-800",
1042
1066
  style: "h5",
1043
1067
  weight: "semibold"
@@ -1047,7 +1071,7 @@ var EventsDetail = function EventsDetail(_ref) {
1047
1071
  conditions: allConditions
1048
1072
  }), conditionsList.length > 3 && /*#__PURE__*/React__default["default"].createElement("div", {
1049
1073
  className: "mt-3 w-full"
1050
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1074
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1051
1075
  icon: !viewMore ? neetoIcons.Down : neetoIcons.Up,
1052
1076
  size: "small",
1053
1077
  style: "link",
@@ -1068,37 +1092,37 @@ var RulePreview = function RulePreview(_ref) {
1068
1092
  var _useTranslation = reactI18next.useTranslation(),
1069
1093
  t = _useTranslation.t;
1070
1094
  if (isLoading) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
1071
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
1095
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
1072
1096
  isOpen: isOpen,
1073
1097
  onClose: onClose
1074
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1098
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1075
1099
  style: "h2",
1076
1100
  weight: "semibold"
1077
- }, t("neetoRules.labels.ruleSummary"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
1101
+ }, t("neetoRules.labels.ruleSummary"))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
1078
1102
  className: "w-full"
1079
1103
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1080
1104
  className: "neeto-ui-rounded mb-4 border p-4"
1081
1105
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1082
1106
  className: "mb-3 flex flex-wrap justify-between gap-x-4"
1083
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1107
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1084
1108
  className: "neeto-ui-text-gray-700 my-auto",
1085
1109
  style: "h5",
1086
1110
  weight: "semibold"
1087
1111
  }, t("neetoRules.common.name")), /*#__PURE__*/React__default["default"].createElement("div", {
1088
1112
  className: "flex w-72 flex-wrap"
1089
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1113
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1090
1114
  className: "neeto-ui-text-gray-800 my-auto",
1091
1115
  style: "h5",
1092
1116
  weight: "normal"
1093
1117
  }, ruleDetails.name.value))), /*#__PURE__*/React__default["default"].createElement("hr", null), /*#__PURE__*/React__default["default"].createElement("div", {
1094
1118
  className: "my-3 flex flex-wrap justify-between gap-x-2"
1095
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1119
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1096
1120
  className: "neeto-ui-text-gray-700 my-auto",
1097
1121
  style: "h5",
1098
1122
  weight: "semibold"
1099
1123
  }, t("neetoRules.common.description")), /*#__PURE__*/React__default["default"].createElement("div", {
1100
1124
  className: "flex w-72 flex-wrap"
1101
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1125
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1102
1126
  className: "neeto-ui-text-gray-800 my-auto",
1103
1127
  style: "h5",
1104
1128
  weight: "normal"
@@ -1148,6 +1172,30 @@ var useOnButtonPressed = function useOnButtonPressed(ref, handler) {
1148
1172
 
1149
1173
  var DEFAULT_LONG_TEXT_ROWS = 8;
1150
1174
 
1175
+ function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1176
+ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1177
+ var PaneFooterBlock = function PaneFooterBlock(_ref) {
1178
+ var setShowPane = _ref.setShowPane,
1179
+ _ref$submitButtonProp = _ref.submitButtonProps,
1180
+ submitButtonProps = _ref$submitButtonProp === void 0 ? {} : _ref$submitButtonProp,
1181
+ _ref$cancelButtonProp = _ref.cancelButtonProps,
1182
+ cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp;
1183
+ return /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
1184
+ cancelButtonProps: _objectSpread$7({
1185
+ "data-cy": "cancel-button",
1186
+ onClick: function onClick() {
1187
+ return setShowPane(false);
1188
+ }
1189
+ }, cancelButtonProps),
1190
+ submitButtonProps: _objectSpread$7({
1191
+ "data-cy": "save-changes-button",
1192
+ onClick: function onClick() {
1193
+ return setShowPane(false);
1194
+ }
1195
+ }, submitButtonProps)
1196
+ });
1197
+ };
1198
+
1151
1199
  var LongTextField = function LongTextField(_ref) {
1152
1200
  var _errors$actions, _touched$actions, _selectedField$separa;
1153
1201
  var name = _ref.name,
@@ -1161,8 +1209,6 @@ var LongTextField = function LongTextField(_ref) {
1161
1209
  var _useFormikContext = formik.useFormikContext(),
1162
1210
  errors = _useFormikContext.errors,
1163
1211
  touched = _useFormikContext.touched;
1164
- var _useTranslation = reactI18next.useTranslation(),
1165
- t = _useTranslation.t;
1166
1212
  var _useState = React.useState(false),
1167
1213
  _useState2 = _slicedToArray$1(_useState, 2),
1168
1214
  showPane = _useState2[0],
@@ -1175,12 +1221,12 @@ var LongTextField = function LongTextField(_ref) {
1175
1221
  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || defaultSeparator;
1176
1222
  var label = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || defaultLabel;
1177
1223
  var rows = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.rows) || DEFAULT_LONG_TEXT_ROWS;
1178
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, separator && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1224
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, separator && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1179
1225
  className: "neeto-ui-text-gray-700 mt-1",
1180
1226
  "data-cy": "long-text-action-separator-text",
1181
1227
  style: "h5",
1182
1228
  weight: "normal"
1183
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1229
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1184
1230
  "data-cy": "long-text-action-button",
1185
1231
  style: "h5",
1186
1232
  weight: "semibold",
@@ -1193,38 +1239,26 @@ var LongTextField = function LongTextField(_ref) {
1193
1239
  return !prevState;
1194
1240
  });
1195
1241
  }
1196
- }, label.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
1242
+ }, label.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
1197
1243
  initialFocusRef: initialFocusRef,
1198
1244
  isOpen: showPane,
1199
1245
  size: "large",
1200
1246
  onClose: function onClose() {
1201
1247
  return setShowPane(false);
1202
1248
  }
1203
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1249
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1204
1250
  className: "neeto-ui-text-gray-800",
1205
1251
  "data-cy": "long-text-action-pane-header-title",
1206
1252
  style: "h3",
1207
1253
  weight: "semibold"
1208
- }, label)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, {
1254
+ }, label)), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], {
1209
1255
  name: name,
1210
1256
  rows: rows,
1211
1257
  value: value,
1212
1258
  required: true,
1213
1259
  className: "w-full"
1214
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
1215
- className: "flex items-center space-x-2"
1216
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1217
- "data-cy": "save-changes-button",
1218
- label: t("neetoRules.common.saveChange"),
1219
- onClick: function onClick() {
1220
- return setShowPane(false);
1221
- }
1222
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1223
- label: t("neetoRules.buttons.cancel"),
1224
- style: "text",
1225
- onClick: function onClick() {
1226
- return setShowPane(false);
1227
- }
1260
+ })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
1261
+ setShowPane: setShowPane
1228
1262
  }))));
1229
1263
  };
1230
1264
 
@@ -1253,7 +1287,7 @@ var InputField$2 = function InputField(_ref) {
1253
1287
  _useField2 = _slicedToArray$1(_useField, 2),
1254
1288
  field = _useField2[0],
1255
1289
  meta = _useField2[1];
1256
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$1({
1290
+ return /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends$1({
1257
1291
  label: label,
1258
1292
  type: "text"
1259
1293
  }, field, {
@@ -1305,7 +1339,7 @@ var KeyValuePairsField = reactUtils.withT(function (_ref) {
1305
1339
  var showDeleteButton = data.length > 1 || hasKeyOrValue(data[0]);
1306
1340
  return /*#__PURE__*/React__default["default"].createElement("div", {
1307
1341
  className: "space-y-3"
1308
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, label), data.map(function (_, index) {
1342
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, label), data.map(function (_, index) {
1309
1343
  return /*#__PURE__*/React__default["default"].createElement("div", {
1310
1344
  className: "flex h-8 space-x-3",
1311
1345
  key: index
@@ -1317,7 +1351,7 @@ var KeyValuePairsField = reactUtils.withT(function (_ref) {
1317
1351
  className: "w-3/5",
1318
1352
  name: "".concat(name, ".").concat(index, ".value"),
1319
1353
  placeholder: t("neetoRules.labels.value"),
1320
- suffix: showDeleteButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1354
+ suffix: showDeleteButton && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1321
1355
  icon: neetoIcons.Delete,
1322
1356
  size: "small",
1323
1357
  style: "text",
@@ -1330,7 +1364,7 @@ var KeyValuePairsField = reactUtils.withT(function (_ref) {
1330
1364
  }
1331
1365
  })
1332
1366
  }));
1333
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1367
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1334
1368
  label: t("neetoRules.labels.addKeyValuePair"),
1335
1369
  style: "secondary",
1336
1370
  onClick: function onClick() {
@@ -1359,7 +1393,7 @@ var SelectTemplateField = function SelectTemplateField(_ref) {
1359
1393
  }, templates);
1360
1394
  onChange === null || onChange === void 0 || onChange(template);
1361
1395
  };
1362
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
1396
+ return /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
1363
1397
  isClearable: true,
1364
1398
  isSearchable: true,
1365
1399
  className: "mb-4",
@@ -1403,12 +1437,12 @@ var ApiFields = function ApiFields(_ref) {
1403
1437
  setFieldValue("".concat(name, ".endpoint"), template.endpoint);
1404
1438
  setFieldValue("".concat(name, ".additionalData"), template.additionalData);
1405
1439
  };
1406
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1440
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1407
1441
  className: "neeto-ui-text-gray-700 mt-1",
1408
1442
  "data-cy": "api-action-separator-text",
1409
1443
  style: "h5",
1410
1444
  weight: "normal"
1411
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1445
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1412
1446
  "data-cy": "api-action-button",
1413
1447
  style: "h5",
1414
1448
  weight: "semibold",
@@ -1421,19 +1455,19 @@ var ApiFields = function ApiFields(_ref) {
1421
1455
  return !prevState;
1422
1456
  });
1423
1457
  }
1424
- }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
1458
+ }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
1425
1459
  initialFocusRef: initialFocusRef,
1426
1460
  isOpen: showPane,
1427
1461
  size: "large",
1428
1462
  onClose: function onClose() {
1429
1463
  return setShowPane(false);
1430
1464
  }
1431
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1465
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1432
1466
  className: "neeto-ui-text-gray-800 cursor-pointer",
1433
1467
  "data-cy": "api-action-pane-header-title",
1434
1468
  style: "h3",
1435
1469
  weight: "semibold"
1436
- }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
1470
+ }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
1437
1471
  className: "w-full"
1438
1472
  }, isTemplateSelectionEnabled && /*#__PURE__*/React__default["default"].createElement(SelectTemplateField, {
1439
1473
  initialFocusRef: initialFocusRef,
@@ -1451,21 +1485,8 @@ var ApiFields = function ApiFields(_ref) {
1451
1485
  }), /*#__PURE__*/React__default["default"].createElement(KeyValuePairsField, {
1452
1486
  label: t("neetoRules.labels.additionalData"),
1453
1487
  name: "".concat(name, ".additionalData")
1454
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
1455
- className: "flex items-center space-x-2"
1456
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1457
- "data-cy": "save-changes-button",
1458
- label: t("neetoRules.common.saveChange"),
1459
- onClick: function onClick() {
1460
- return setShowPane(false);
1461
- }
1462
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1463
- "data-cy": "cancel-button",
1464
- label: t("neetoRules.buttons.cancel"),
1465
- style: "text",
1466
- onClick: function onClick() {
1467
- return setShowPane(false);
1468
- }
1488
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
1489
+ setShowPane: setShowPane
1469
1490
  }))));
1470
1491
  };
1471
1492
 
@@ -1479,6 +1500,8 @@ var CustomAction = function CustomAction(_ref) {
1479
1500
  var _useFormikContext = formik.useFormikContext(),
1480
1501
  errors = _useFormikContext.errors,
1481
1502
  touched = _useFormikContext.touched;
1503
+ var _useTranslation = reactI18next.useTranslation(),
1504
+ t = _useTranslation.t;
1482
1505
  var _useState = React.useState(false),
1483
1506
  _useState2 = _slicedToArray$1(_useState, 2),
1484
1507
  showPane = _useState2[0],
@@ -1488,13 +1511,13 @@ var CustomAction = function CustomAction(_ref) {
1488
1511
  return setShowPane(false);
1489
1512
  });
1490
1513
  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
1491
- var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || i18next.t("neetoRules.common.as");
1514
+ var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
1492
1515
  var defaultLabel = selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder;
1493
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1516
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1494
1517
  className: "neeto-ui-text-gray-700 mt-1",
1495
1518
  style: "h5",
1496
1519
  weight: "normal"
1497
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1520
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1498
1521
  style: "h5",
1499
1522
  weight: "semibold",
1500
1523
  className: classNames__default["default"]("hover:neeto-ui-text-primary-800 neeto-ui-text-gray-800 mt-1 cursor-pointer underline", {
@@ -1506,48 +1529,25 @@ var CustomAction = function CustomAction(_ref) {
1506
1529
  return !prevState;
1507
1530
  });
1508
1531
  }
1509
- }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
1532
+ }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
1510
1533
  initialFocusRef: initialFocusRef,
1511
1534
  isOpen: showPane,
1512
1535
  size: "large",
1513
1536
  onClose: function onClose() {
1514
1537
  return setShowPane(false);
1515
1538
  }
1516
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1539
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1517
1540
  className: "neeto-ui-text-gray-800 cursor-pointer",
1518
1541
  style: "h3",
1519
1542
  weight: "semibold"
1520
- }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(ActionComponent, {
1543
+ }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(ActionComponent, {
1521
1544
  action: action,
1522
1545
  name: name
1523
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
1524
- className: "flex items-center space-x-2"
1525
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1526
- "data-cy": "save-changes-button",
1527
- label: i18next.t("neetoRules.common.saveChange"),
1528
- onClick: function onClick() {
1529
- return setShowPane(false);
1530
- }
1531
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1532
- label: i18next.t("neetoRules.buttons.cancel"),
1533
- style: "text",
1534
- onClick: function onClick() {
1535
- return setShowPane(false);
1536
- }
1546
+ })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
1547
+ setShowPane: setShowPane
1537
1548
  }))));
1538
1549
  };
1539
1550
 
1540
- var dayjs_min = {exports: {}};
1541
-
1542
- dayjs_min.exports;
1543
-
1544
- (function (module, exports) {
1545
- !function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
1546
- } (dayjs_min, dayjs_min.exports));
1547
-
1548
- var dayjs_minExports = dayjs_min.exports;
1549
- var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
1550
-
1551
1551
  var DateField$1 = function DateField(_ref) {
1552
1552
  var _actions$value$index$, _selectedField$separa, _errors$actions, _touched$actions;
1553
1553
  var name = _ref.name,
@@ -1567,18 +1567,18 @@ var DateField$1 = function DateField(_ref) {
1567
1567
  var label = valueTerm || i18next.t("neetoRules.form.selectDate").toLowerCase();
1568
1568
  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || i18next.t("neetoRules.common.to");
1569
1569
  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
1570
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1570
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1571
1571
  className: "neeto-ui-text-gray-700 mt-1",
1572
1572
  "data-cy": "action-dropdown-seperator-text",
1573
1573
  style: "h5",
1574
1574
  weight: "normal"
1575
- }, separator), showInput ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, {
1575
+ }, separator), showInput ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], {
1576
1576
  autoFocus: true,
1577
1577
  defaultValue: valueTerm,
1578
1578
  name: "".concat(name, ".value"),
1579
1579
  type: "date",
1580
1580
  onChange: function onChange(date) {
1581
- return setFieldValue("".concat(name, ".value"), date ? dayjs(date).format("YYYY-MM-DD") : "");
1581
+ return setFieldValue("".concat(name, ".value"), date ? dayjs__default["default"](date).format("YYYY-MM-DD") : "");
1582
1582
  }
1583
1583
  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
1584
1584
  className: "cursor-pointer",
@@ -1587,7 +1587,7 @@ var DateField$1 = function DateField(_ref) {
1587
1587
  return !prevState;
1588
1588
  });
1589
1589
  }
1590
- })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1590
+ })) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1591
1591
  style: "h5",
1592
1592
  weight: "semibold",
1593
1593
  className: classNames__default["default"]("neeto-ui-text-gray-800 hover:neeto-ui-text-primary-800 mt-1 cursor-pointer underline", {
@@ -1669,8 +1669,8 @@ var getSlackChannelErrors = function getSlackChannelErrors(slackChannels, action
1669
1669
  };
1670
1670
  };
1671
1671
 
1672
- var Menu$a = neetoui.Dropdown.Menu,
1673
- MenuItem$9 = neetoui.Dropdown.MenuItem;
1672
+ var Menu$a = Dropdown__default["default"].Menu,
1673
+ MenuItem$9 = Dropdown__default["default"].MenuItem;
1674
1674
  var DropdownField$1 = function DropdownField(_ref) {
1675
1675
  var _actions$value$index$, _actions$value$index, _errors$actions, _touched$actions, _selectedField$separa, _defaultSelectedOptio;
1676
1676
  var dropdownOptions = _ref.dropdownOptions,
@@ -1732,15 +1732,15 @@ var DropdownField$1 = function DropdownField(_ref) {
1732
1732
  React.useEffect(function () {
1733
1733
  findDefaultSelectedOption();
1734
1734
  }, [defaultValue, dropdownOptions]);
1735
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1735
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1736
1736
  className: "neeto-ui-text-gray-700 mt-1",
1737
1737
  "data-cy": "action-dropdown-seperator-text",
1738
1738
  style: "h5",
1739
1739
  weight: "normal"
1740
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
1740
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
1741
1741
  buttonStyle: "secondary",
1742
1742
  className: "neeto-ui-bg-gray-100",
1743
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1743
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1744
1744
  "data-cy": "action-dropdown-button",
1745
1745
  style: "h5",
1746
1746
  weight: "semibold",
@@ -1758,7 +1758,7 @@ var DropdownField$1 = function DropdownField(_ref) {
1758
1758
  onClose: handleClose
1759
1759
  }, /*#__PURE__*/React__default["default"].createElement(Menu$a, {
1760
1760
  className: "max-h-60 max-w-2xl p-3"
1761
- }, dropdownOptions.length > MAXIMUM_OPTION_LENGTH$3 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
1761
+ }, dropdownOptions.length > MAXIMUM_OPTION_LENGTH$3 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
1762
1762
  autoFocus: true,
1763
1763
  className: "mb-1",
1764
1764
  "data-cy": "search-text-field",
@@ -1842,7 +1842,7 @@ var EmailIdFields = function EmailIdFields(_ref) {
1842
1842
  var formattedEmails = buildEmailValues(emails);
1843
1843
  return /*#__PURE__*/React__default["default"].createElement("div", {
1844
1844
  className: "mb-4"
1845
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.MultiEmailInput, {
1845
+ }, /*#__PURE__*/React__default["default"].createElement(MultiEmailInput__default["default"], {
1846
1846
  name: name,
1847
1847
  label: i18next.t("neetoRules.common.emailIds"),
1848
1848
  placeholder: i18next.t("neetoRules.placeholders.emailField"),
@@ -1906,12 +1906,12 @@ var EmailFields = function EmailFields(_ref) {
1906
1906
  return !isEmailIdField && selectedField.hideSubject;
1907
1907
  }
1908
1908
  };
1909
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1909
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1910
1910
  className: "neeto-ui-text-gray-700 mt-1",
1911
1911
  "data-cy": "action-email-seperator-text",
1912
1912
  style: "h5",
1913
1913
  weight: "normal"
1914
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1914
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1915
1915
  "data-cy": "email-action-button",
1916
1916
  style: "h5",
1917
1917
  weight: "semibold",
@@ -1924,19 +1924,19 @@ var EmailFields = function EmailFields(_ref) {
1924
1924
  return !prevState;
1925
1925
  });
1926
1926
  }
1927
- }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
1927
+ }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
1928
1928
  initialFocusRef: initialFocusRef,
1929
1929
  isOpen: showPane,
1930
1930
  size: "large",
1931
1931
  onClose: function onClose() {
1932
1932
  return setShowPane(false);
1933
1933
  }
1934
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1934
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1935
1935
  className: "neeto-ui-text-gray-800 cursor-pointer",
1936
1936
  "data-cy": "email-action-pane-header-title",
1937
1937
  style: "h3",
1938
1938
  weight: "semibold"
1939
- }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
1939
+ }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
1940
1940
  className: "w-full"
1941
1941
  }, isTemplateSelectionEnabled && /*#__PURE__*/React__default["default"].createElement(SelectTemplateField, {
1942
1942
  initialFocusRef: initialFocusRef,
@@ -1960,19 +1960,10 @@ var EmailFields = function EmailFields(_ref) {
1960
1960
  name: "".concat(name, ".body"),
1961
1961
  value: (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.body,
1962
1962
  variables: selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables
1963
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
1964
- className: "flex items-center space-x-2"
1965
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1966
- "data-cy": "email-action-save-changes-button",
1967
- label: t("neetoRules.common.saveChange"),
1968
- onClick: function onClick() {
1969
- return setShowPane(false);
1970
- }
1971
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1972
- label: t("neetoRules.buttons.cancel"),
1973
- style: "text",
1974
- onClick: function onClick() {
1975
- return setShowPane(false);
1963
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
1964
+ setShowPane: setShowPane,
1965
+ submitButtonProps: {
1966
+ "data-cy": "email-action-save-changes-button"
1976
1967
  }
1977
1968
  }))));
1978
1969
  };
@@ -2024,12 +2015,12 @@ var Input$1 = function Input(_ref) {
2024
2015
  React.useEffect(function () {
2025
2016
  setShowInput(false);
2026
2017
  }, [action.name]);
2027
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2018
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2028
2019
  className: "neeto-ui-text-gray-700 mt-1",
2029
2020
  "data-cy": "action-dropdown-seperator-text",
2030
2021
  style: "h5",
2031
2022
  weight: "normal"
2032
- }, separator), showInput ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
2023
+ }, separator), showInput ? /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
2033
2024
  className: "my-auto",
2034
2025
  name: "".concat(name, ".value"),
2035
2026
  placeholder: i18next.t("neetoRules.placeholders.value"),
@@ -2042,7 +2033,7 @@ var Input$1 = function Input(_ref) {
2042
2033
  });
2043
2034
  }
2044
2035
  })
2045
- }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2036
+ }) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2046
2037
  style: "h5",
2047
2038
  weight: "semibold",
2048
2039
  className: classNames__default["default"]("neeto-ui-text-gray-800 hover:neeto-ui-text-primary-800 mt-1 cursor-pointer underline", {
@@ -2123,7 +2114,7 @@ var InlineInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
2123
2114
  return /*#__PURE__*/React__default["default"].createElement("div", {
2124
2115
  className: classNames__default["default"]("flex flex-grow", _defineProperty$1({}, className, className)),
2125
2116
  ref: inputWrapperRef
2126
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$1({
2117
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends$1({
2127
2118
  autoFocus: true,
2128
2119
  className: "neeto-planner-inline-input",
2129
2120
  "data-cy": "inline-input-field",
@@ -2136,14 +2127,14 @@ var InlineInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
2136
2127
  return setInputValue(e.target.value);
2137
2128
  }
2138
2129
  }, otherProps, {
2139
- suffix: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2130
+ suffix: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2140
2131
  "data-cy": "inline-input-submit-button",
2141
2132
  disabled: !isValidValue,
2142
2133
  icon: neetoIcons.Check,
2143
2134
  style: "text",
2144
2135
  tooltipProps: LIST_FIELD_TOOLTIP_PROPS.save,
2145
2136
  onClick: onSubmit
2146
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2137
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2147
2138
  ref: ref,
2148
2139
  "data-cy": "inline-input-cancel-button",
2149
2140
  icon: neetoIcons.Close,
@@ -2162,6 +2153,8 @@ var ListField = function ListField(_ref) {
2162
2153
  values = _ref$values === void 0 ? [] : _ref$values,
2163
2154
  index = _ref.index,
2164
2155
  selectedField = _ref.selectedField;
2156
+ var _useTranslation = reactI18next.useTranslation(),
2157
+ t = _useTranslation.t;
2165
2158
  var _useFormikContext = formik.useFormikContext(),
2166
2159
  errors = _useFormikContext.errors,
2167
2160
  touched = _useFormikContext.touched;
@@ -2178,13 +2171,13 @@ var ListField = function ListField(_ref) {
2178
2171
  return setShowPane(false);
2179
2172
  });
2180
2173
  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
2181
- var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || i18next.t("neetoRules.common.to");
2182
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2174
+ var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.to");
2175
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2183
2176
  className: "neeto-ui-text-gray-700 mt-1",
2184
2177
  "data-cy": "list-action-separator-text",
2185
2178
  style: "h5",
2186
2179
  weight: "normal"
2187
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2180
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2188
2181
  "data-cy": "list-action-button",
2189
2182
  style: "h5",
2190
2183
  weight: "semibold",
@@ -2197,19 +2190,19 @@ var ListField = function ListField(_ref) {
2197
2190
  return !prevState;
2198
2191
  });
2199
2192
  }
2200
- }, i18next.t("neetoRules.form.list").toLowerCase()), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
2193
+ }, t("neetoRules.form.list")), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
2201
2194
  initialFocusRef: initialFocusRef,
2202
2195
  isOpen: showPane,
2203
2196
  size: "large",
2204
2197
  onClose: function onClose() {
2205
2198
  return setShowPane(false);
2206
2199
  }
2207
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2200
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2208
2201
  className: "neeto-ui-text-gray-800",
2209
2202
  "data-cy": "list-action-pane-header-title",
2210
2203
  style: "h3",
2211
2204
  weight: "semibold"
2212
- }, i18next.t("neetoRules.form.list"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
2205
+ }, t("neetoRules.form.list"))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
2213
2206
  className: "mt-2 w-full space-y-2"
2214
2207
  }, /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
2215
2208
  name: name
@@ -2218,11 +2211,11 @@ var ListField = function ListField(_ref) {
2218
2211
  return /*#__PURE__*/React__default["default"].createElement("div", {
2219
2212
  className: "neeto-ui-bg-white flex flex-wrap justify-between border border-dashed px-2 py-1",
2220
2213
  key: "".concat(item, ".").concat(index)
2221
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2214
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2222
2215
  className: "w-4/5 overflow-x-auto",
2223
2216
  "data-cy": "list-action-item-label",
2224
2217
  style: "body2"
2225
- }, item), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2218
+ }, item), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2226
2219
  className: "flex-shrink-0",
2227
2220
  "data-cy": "list-action-delete-item-button",
2228
2221
  icon: neetoIcons.Delete,
@@ -2236,7 +2229,7 @@ var ListField = function ListField(_ref) {
2236
2229
  name: name,
2237
2230
  className: "w-full"
2238
2231
  }, function (message) {
2239
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2232
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2240
2233
  className: "neeto-ui-text-error-500 neeto-ui-text-gray-700 mt-1",
2241
2234
  "data-cy": "list-action-error-message",
2242
2235
  style: "h5"
@@ -2249,35 +2242,23 @@ var ListField = function ListField(_ref) {
2249
2242
  return arrayHelper.push(title);
2250
2243
  },
2251
2244
  ref: initialFocusRef
2252
- }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2245
+ }) : /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2253
2246
  "data-cy": "list-action-add-item-button",
2254
2247
  icon: neetoIcons.Plus,
2255
- label: i18next.t("neetoRules.common.addItem"),
2248
+ label: t("neetoRules.common.addItem"),
2256
2249
  ref: initialFocusRef,
2257
2250
  style: "text",
2258
2251
  onClick: function onClick() {
2259
2252
  return setIsInputCardOpen(true);
2260
2253
  }
2261
2254
  }));
2262
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
2263
- className: "flex items-center space-x-2"
2264
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2265
- "data-cy": "save-changes-button",
2266
- label: i18next.t("neetoRules.common.saveChange"),
2267
- onClick: function onClick() {
2268
- return setShowPane(false);
2269
- }
2270
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2271
- label: i18next.t("neetoRules.buttons.cancel"),
2272
- style: "text",
2273
- onClick: function onClick() {
2274
- return setShowPane(false);
2275
- }
2255
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
2256
+ setShowPane: setShowPane
2276
2257
  }))));
2277
2258
  };
2278
2259
 
2279
- var Menu$9 = neetoui.Dropdown.Menu,
2280
- MenuItem$8 = neetoui.Dropdown.MenuItem;
2260
+ var Menu$9 = Dropdown__default["default"].Menu,
2261
+ MenuItem$8 = Dropdown__default["default"].MenuItem;
2281
2262
  var MultiSelect$1 = function MultiSelect(_ref) {
2282
2263
  var _selectedField$placeh, _selectedField$separa, _errors$actions, _touched$actions;
2283
2264
  var _ref$values = _ref.values,
@@ -2318,12 +2299,12 @@ var MultiSelect$1 = function MultiSelect(_ref) {
2318
2299
  setActiveOption(null);
2319
2300
  setSearchTerm("");
2320
2301
  };
2321
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2302
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !selectedField.hideSeparator && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2322
2303
  className: "neeto-ui-text-gray-700 mt-1",
2323
2304
  "data-cy": "multi-select-action-separator-text",
2324
2305
  style: "h5",
2325
2306
  weight: "normal"
2326
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
2307
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
2327
2308
  buttonStyle: "secondary",
2328
2309
  className: "neeto-ui-bg-gray-10",
2329
2310
  closeOnSelect: false,
@@ -2334,7 +2315,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
2334
2315
  return /*#__PURE__*/React__default["default"].createElement("span", {
2335
2316
  className: "flex flex-wrap",
2336
2317
  key: idx
2337
- }, !!idx && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2318
+ }, !!idx && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2338
2319
  className: "neeto-ui-text-gray-700 mr-1 mt-1",
2339
2320
  style: "h5",
2340
2321
  weight: "normal",
@@ -2343,7 +2324,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
2343
2324
  }
2344
2325
  }, i18next.t("neetoRules.common.and", {
2345
2326
  what: ""
2346
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2327
+ })), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2347
2328
  "data-cy": "multi-select-action-button",
2348
2329
  style: "h5",
2349
2330
  weight: "semibold",
@@ -2355,7 +2336,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
2355
2336
  setActiveOption(activeOption ? null : option === null || option === void 0 ? void 0 : option.value);
2356
2337
  }
2357
2338
  }, option === null || option === void 0 ? void 0 : option.label.toLowerCase()));
2358
- })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2339
+ })) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2359
2340
  style: "h5",
2360
2341
  weight: "semibold",
2361
2342
  className: classNames__default["default"]("hover:neeto-ui-text-primary-800 neeto-ui-text-gray-800 mt-1 cursor-pointer underline", {
@@ -2370,7 +2351,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
2370
2351
  onClose: handleClose
2371
2352
  }, /*#__PURE__*/React__default["default"].createElement(Menu$9, {
2372
2353
  className: "max-h-60 max-w-2xl p-3"
2373
- }, dropDownOptions.length > MAXIMUM_OPTION_LENGTH$3 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
2354
+ }, dropDownOptions.length > MAXIMUM_OPTION_LENGTH$3 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
2374
2355
  autoFocus: true,
2375
2356
  className: "mb-1",
2376
2357
  "data-cy": "search-text-field",
@@ -2386,7 +2367,7 @@ var MultiSelect$1 = function MultiSelect(_ref) {
2386
2367
  return /*#__PURE__*/React__default["default"].createElement(MenuItem$8.Button, {
2387
2368
  "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
2388
2369
  key: idx,
2389
- prefix: /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
2370
+ prefix: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
2390
2371
  checked: values.includes(option === null || option === void 0 ? void 0 : option.value),
2391
2372
  "data-cy": "check-icon",
2392
2373
  id: option === null || option === void 0 ? void 0 : option.value
@@ -2407,6 +2388,8 @@ var NoteField = function NoteField(_ref) {
2407
2388
  value = _ref$value === void 0 ? "" : _ref$value,
2408
2389
  index = _ref.index,
2409
2390
  selectedField = _ref.selectedField;
2391
+ var _useTranslation = reactI18next.useTranslation(),
2392
+ t = _useTranslation.t;
2410
2393
  var _useFormikContext = formik.useFormikContext(),
2411
2394
  errors = _useFormikContext.errors,
2412
2395
  touched = _useFormikContext.touched;
@@ -2419,15 +2402,15 @@ var NoteField = function NoteField(_ref) {
2419
2402
  return setShowPane(false);
2420
2403
  });
2421
2404
  var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
2422
- var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || i18next.t("neetoRules.common.as");
2405
+ var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
2423
2406
  var variables = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables) || [];
2424
- var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || i18next.t("neetoRules.form.note");
2425
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2407
+ var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t("neetoRules.form.note");
2408
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2426
2409
  className: "neeto-ui-text-gray-700 mt-1",
2427
2410
  "data-cy": "note-action-separator-text",
2428
2411
  style: "h5",
2429
2412
  weight: "normal"
2430
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2413
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2431
2414
  "data-cy": "note-action-button",
2432
2415
  style: "h5",
2433
2416
  weight: "semibold",
@@ -2440,36 +2423,24 @@ var NoteField = function NoteField(_ref) {
2440
2423
  return !prevState;
2441
2424
  });
2442
2425
  }
2443
- }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
2426
+ }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
2444
2427
  initialFocusRef: initialFocusRef,
2445
2428
  isOpen: showPane,
2446
2429
  size: "large",
2447
2430
  onClose: function onClose() {
2448
2431
  return setShowPane(false);
2449
2432
  }
2450
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2433
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2451
2434
  className: "neeto-ui-text-gray-800",
2452
2435
  "data-cy": "note-action-pane-header-title",
2453
2436
  style: "h3",
2454
2437
  weight: "semibold"
2455
- }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(EditorAction, {
2438
+ }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(EditorAction, {
2456
2439
  name: name,
2457
2440
  value: value,
2458
2441
  variables: variables
2459
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
2460
- className: "flex items-center space-x-2"
2461
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2462
- "data-cy": "save-changes-button",
2463
- label: i18next.t("neetoRules.common.saveChange"),
2464
- onClick: function onClick() {
2465
- return setShowPane(false);
2466
- }
2467
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2468
- label: i18next.t("neetoRules.buttons.cancel"),
2469
- style: "text",
2470
- onClick: function onClick() {
2471
- return setShowPane(false);
2472
- }
2442
+ })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
2443
+ setShowPane: setShowPane
2473
2444
  }))));
2474
2445
  };
2475
2446
 
@@ -10299,7 +10270,7 @@ var ValueContainer = function ValueContainer(_ref) {
10299
10270
  var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
10300
10271
  return /*#__PURE__*/React__default["default"].createElement(components.ValueContainer, _extends$1({}, props, {
10301
10272
  innerProps: _objectSpread$6(_objectSpread$6({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "multi-phone-number-input-container"))
10302
- }), shouldCollapse ? firstChild.slice(0, visiblePhoneNumbersCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
10273
+ }), shouldCollapse ? firstChild.slice(0, visiblePhoneNumbersCount) : firstChild, shouldCollapse && /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
10303
10274
  style: "secondary",
10304
10275
  label: t("neetoRules.labels.remainingItemsCount", {
10305
10276
  count: value.length - visiblePhoneNumbersCount
@@ -10393,7 +10364,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
10393
10364
  className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper"
10394
10365
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10395
10366
  className: "neeto-ui-email-input__label-wrapper"
10396
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
10367
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
10397
10368
  required: true,
10398
10369
  className: "neeto-ui-email-input__label",
10399
10370
  "data-cy": "".concat(dasherize(label), "-input-label")
@@ -10513,12 +10484,12 @@ var SmsFields = function SmsFields(_ref) {
10513
10484
  }
10514
10485
  return field === "phoneNumbers" ? true : !showPhoneNumberInput;
10515
10486
  };
10516
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10487
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10517
10488
  className: "neeto-ui-text-gray-700 mt-1",
10518
10489
  "data-cy": "sms-action-separator-text",
10519
10490
  style: "h5",
10520
10491
  weight: "normal"
10521
- }, separator), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10492
+ }, separator), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10522
10493
  "data-cy": "sms-action-button",
10523
10494
  style: "h5",
10524
10495
  weight: "semibold",
@@ -10531,19 +10502,19 @@ var SmsFields = function SmsFields(_ref) {
10531
10502
  return !prevState;
10532
10503
  });
10533
10504
  }
10534
- }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
10505
+ }, defaultLabel.toLowerCase()), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
10535
10506
  initialFocusRef: initialFocusRef,
10536
10507
  isOpen: showPane,
10537
10508
  size: "large",
10538
10509
  onClose: function onClose() {
10539
10510
  return setShowPane(false);
10540
10511
  }
10541
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10512
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10542
10513
  className: "neeto-ui-text-gray-800 cursor-pointer",
10543
10514
  "data-cy": "sms-action-pane-header-title",
10544
10515
  style: "h3",
10545
10516
  weight: "semibold"
10546
- }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
10517
+ }, defaultLabel)), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
10547
10518
  className: "w-full"
10548
10519
  }, isTemplateSelectionEnabled && /*#__PURE__*/React__default["default"].createElement(SelectTemplateField, {
10549
10520
  initialFocusRef: initialFocusRef,
@@ -10564,21 +10535,8 @@ var SmsFields = function SmsFields(_ref) {
10564
10535
  name: "".concat(name, ".body"),
10565
10536
  value: (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.body,
10566
10537
  variables: selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables
10567
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
10568
- className: "flex items-center space-x-2"
10569
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10570
- "data-cy": "save-changes-button",
10571
- label: t("neetoRules.common.saveChange"),
10572
- onClick: function onClick() {
10573
- return setShowPane(false);
10574
- }
10575
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10576
- "data-cy": "cancel-button",
10577
- label: t("neetoRules.buttons.cancel"),
10578
- style: "text",
10579
- onClick: function onClick() {
10580
- return setShowPane(false);
10581
- }
10538
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
10539
+ setShowPane: setShowPane
10582
10540
  }))));
10583
10541
  };
10584
10542
 
@@ -10750,8 +10708,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
10750
10708
  };
10751
10709
  var ActionSubItem = /*#__PURE__*/React.memo(ActionSubItems);
10752
10710
 
10753
- var Menu$7 = neetoui.Dropdown.Menu,
10754
- MenuItem$7 = neetoui.Dropdown.MenuItem;
10711
+ var Menu$7 = Dropdown__default["default"].Menu,
10712
+ MenuItem$7 = Dropdown__default["default"].MenuItem;
10755
10713
  var ActionItem = function ActionItem(_ref) {
10756
10714
  var _errors$actions, _touched$actions, _selectedOption$label;
10757
10715
  var name = _ref.name,
@@ -10832,7 +10790,7 @@ var ActionItem = function ActionItem(_ref) {
10832
10790
  _ref3$disabledReason = _ref3.disabledReason,
10833
10791
  disabledReason = _ref3$disabledReason === void 0 ? "" : _ref3$disabledReason;
10834
10792
  var renderErrorCallout = function renderErrorCallout(message) {
10835
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10793
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10836
10794
  className: "neeto-ui-text-white neeto-ui-bg-error-500 neeto-ui-rounded-sm -mx-4 w-full p-3",
10837
10795
  style: "h5"
10838
10796
  }, message);
@@ -10851,15 +10809,15 @@ var ActionItem = function ActionItem(_ref) {
10851
10809
  }, [selectedField]);
10852
10810
  return /*#__PURE__*/React__default["default"].createElement("div", {
10853
10811
  className: "mb-1 flex max-w-2xl flex-wrap gap-x-1 gap-y-2"
10854
- }, selectDropDownHasError && renderErrorCallout(selectDropDownErrorMessage), !isMessageToSlackAction && isDisabled && renderDisabledReason(), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10812
+ }, selectDropDownHasError && renderErrorCallout(selectDropDownErrorMessage), !isMessageToSlackAction && isDisabled && renderDisabledReason(), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10855
10813
  className: "neeto-ui-text-gray-700 mt-1",
10856
10814
  style: "h5",
10857
10815
  weight: "normal"
10858
- }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
10816
+ }, label), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
10859
10817
  buttonStyle: "secondary",
10860
10818
  className: "neeto-ui-bg-gray-100",
10861
10819
  position: "bottom-start",
10862
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10820
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10863
10821
  "data-cy": "action-dropdown-button",
10864
10822
  style: "h5",
10865
10823
  weight: "semibold",
@@ -10876,7 +10834,7 @@ var ActionItem = function ActionItem(_ref) {
10876
10834
  onClose: handleClose
10877
10835
  }, /*#__PURE__*/React__default["default"].createElement(Menu$7, {
10878
10836
  className: "max-h-60 max-w-2xl p-3"
10879
- }, actionOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
10837
+ }, actionOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
10880
10838
  autoFocus: true,
10881
10839
  className: "mb-1",
10882
10840
  "data-cy": "search-text-field",
@@ -10917,7 +10875,7 @@ var ActionItem$1 = /*#__PURE__*/React.memo(ActionItem);
10917
10875
  var Card = function Card(_ref) {
10918
10876
  var title = _ref.title,
10919
10877
  children = _ref.children;
10920
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10878
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10921
10879
  className: "neeto-ui-text-gray-600",
10922
10880
  "data-cy": "".concat(utils.joinHyphenCase(title), "-card-title"),
10923
10881
  style: "h4"
@@ -10976,7 +10934,7 @@ var Actions = function Actions(_ref) {
10976
10934
  parentName: name
10977
10935
  }), /*#__PURE__*/React__default["default"].createElement("div", {
10978
10936
  className: "-mx-1 flex flex-wrap"
10979
- }, handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10937
+ }, handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10980
10938
  "data-cy": "refresh-slack-button",
10981
10939
  icon: neetoIcons.Refresh,
10982
10940
  size: 24,
@@ -10988,7 +10946,7 @@ var Actions = function Actions(_ref) {
10988
10946
  onClick: function onClick() {
10989
10947
  return handleSlackChannelRefresh();
10990
10948
  }
10991
- }), showButton && index === actions.length - 1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10949
+ }), showButton && index === actions.length - 1 && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10992
10950
  "data-cy": "add-action-button",
10993
10951
  icon: neetoIcons.Plus,
10994
10952
  size: 24,
@@ -11000,7 +10958,7 @@ var Actions = function Actions(_ref) {
11000
10958
  onClick: function onClick() {
11001
10959
  return arrayHelpers.push(DEFAULT_RULE_ACTION);
11002
10960
  }
11003
- }), actions.length > 1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10961
+ }), actions.length > 1 && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
11004
10962
  "data-cy": "delete-action-button-".concat(index),
11005
10963
  icon: neetoIcons.Delete,
11006
10964
  size: 24,
@@ -11047,8 +11005,8 @@ var getAllOptions = function getAllOptions(options) {
11047
11005
  }) : [];
11048
11006
  };
11049
11007
 
11050
- var Menu$6 = neetoui.Dropdown.Menu,
11051
- MenuItem$6 = neetoui.Dropdown.MenuItem;
11008
+ var Menu$6 = Dropdown__default["default"].Menu,
11009
+ MenuItem$6 = Dropdown__default["default"].MenuItem;
11052
11010
  var DropdownField = function DropdownField(_ref) {
11053
11011
  var _selectedOption$label;
11054
11012
  var index = _ref.index,
@@ -11087,11 +11045,11 @@ var DropdownField = function DropdownField(_ref) {
11087
11045
  React.useEffect(function () {
11088
11046
  findDefaultOption();
11089
11047
  }, [options, conditions]);
11090
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
11048
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
11091
11049
  buttonStyle: "secondary",
11092
11050
  className: "neeto-ui-bg-gray-100",
11093
11051
  position: "bottom-start",
11094
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11052
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11095
11053
  "data-cy": "condition-".concat(fieldType, "-dropdown-button"),
11096
11054
  style: "h5",
11097
11055
  weight: "semibold",
@@ -11107,7 +11065,7 @@ var DropdownField = function DropdownField(_ref) {
11107
11065
  onClose: handleClose
11108
11066
  }, /*#__PURE__*/React__default["default"].createElement(Menu$6, {
11109
11067
  className: "max-h-60 max-w-2xl p-3"
11110
- }, options.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
11068
+ }, options.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
11111
11069
  autoFocus: true,
11112
11070
  className: "mb-1",
11113
11071
  "data-cy": "search-text-field",
@@ -11143,8 +11101,8 @@ var DropdownField = function DropdownField(_ref) {
11143
11101
  }, i18next.t("neetoRules.common.noOptions"))));
11144
11102
  };
11145
11103
 
11146
- var Menu$5 = neetoui.Dropdown.Menu,
11147
- MenuItem$5 = neetoui.Dropdown.MenuItem;
11104
+ var Menu$5 = Dropdown__default["default"].Menu,
11105
+ MenuItem$5 = Dropdown__default["default"].MenuItem;
11148
11106
  var Dropdown = function Dropdown(_ref) {
11149
11107
  var _conditions$value$ind, _errors$conditions, _touched$conditions, _defaultSelectedOptio;
11150
11108
  var name = _ref.name,
@@ -11203,10 +11161,10 @@ var Dropdown = function Dropdown(_ref) {
11203
11161
  React.useEffect(function () {
11204
11162
  findDefaultSelectedOption();
11205
11163
  }, [options, conditions]);
11206
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
11164
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
11207
11165
  buttonStyle: "secondary",
11208
11166
  className: "neeto-ui-bg-gray-100",
11209
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11167
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11210
11168
  "data-cy": "condition-value-dropdown-button",
11211
11169
  style: "h5",
11212
11170
  weight: "semibold",
@@ -11224,7 +11182,7 @@ var Dropdown = function Dropdown(_ref) {
11224
11182
  onClose: handleClose
11225
11183
  }, /*#__PURE__*/React__default["default"].createElement(Menu$5, {
11226
11184
  className: "max-h-60 max-w-2xl p-3"
11227
- }, options.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
11185
+ }, options.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
11228
11186
  autoFocus: true,
11229
11187
  className: "mb-1",
11230
11188
  "data-cy": "search-text-field",
@@ -11282,7 +11240,7 @@ var InputField$1 = function InputField(_ref) {
11282
11240
  React.useEffect(function () {
11283
11241
  setShowInput(false);
11284
11242
  }, [condition.verb]);
11285
- return showInput ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
11243
+ return showInput ? /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
11286
11244
  name: name,
11287
11245
  placeholder: placeholder,
11288
11246
  ref: inputRef,
@@ -11295,7 +11253,7 @@ var InputField$1 = function InputField(_ref) {
11295
11253
  });
11296
11254
  }
11297
11255
  })
11298
- }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11256
+ }) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11299
11257
  style: "h5",
11300
11258
  weight: "semibold",
11301
11259
  className: classNames__default["default"]("neeto-ui-text-gray-800 hover:neeto-ui-text-primary-800 mt-1 cursor-pointer underline", {
@@ -11309,8 +11267,8 @@ var InputField$1 = function InputField(_ref) {
11309
11267
  }, label);
11310
11268
  };
11311
11269
 
11312
- var Menu$4 = neetoui.Dropdown.Menu,
11313
- MenuItem$4 = neetoui.Dropdown.MenuItem;
11270
+ var Menu$4 = Dropdown__default["default"].Menu,
11271
+ MenuItem$4 = Dropdown__default["default"].MenuItem;
11314
11272
  var MultiSelect = function MultiSelect(_ref) {
11315
11273
  var _conditions$value$ind, _errors$conditions, _touched$conditions;
11316
11274
  var name = _ref.name,
@@ -11346,7 +11304,7 @@ var MultiSelect = function MultiSelect(_ref) {
11346
11304
  setActiveOption(null);
11347
11305
  setSearchTerm("");
11348
11306
  };
11349
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
11307
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
11350
11308
  buttonStyle: "secondary",
11351
11309
  className: "neeto-ui-bg-gray-100",
11352
11310
  closeOnSelect: false,
@@ -11357,11 +11315,11 @@ var MultiSelect = function MultiSelect(_ref) {
11357
11315
  var _option$label;
11358
11316
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
11359
11317
  key: idx
11360
- }, !!idx && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11318
+ }, !!idx && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11361
11319
  className: "neeto-ui-text-gray-700 mr-1 mt-1",
11362
11320
  style: "h5",
11363
11321
  weight: "normal"
11364
- }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11322
+ }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11365
11323
  "data-cy": "condition-value-multi-select-field",
11366
11324
  style: "h5",
11367
11325
  weight: "semibold",
@@ -11373,7 +11331,7 @@ var MultiSelect = function MultiSelect(_ref) {
11373
11331
  setActiveOption(activeOption ? null : option.value);
11374
11332
  }
11375
11333
  }, option === null || option === void 0 || (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase()));
11376
- })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11334
+ })) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11377
11335
  "data-cy": "condition-value-multi-select-field",
11378
11336
  style: "h5",
11379
11337
  weight: "semibold",
@@ -11389,7 +11347,7 @@ var MultiSelect = function MultiSelect(_ref) {
11389
11347
  onClose: handleClose
11390
11348
  }, /*#__PURE__*/React__default["default"].createElement(Menu$4, {
11391
11349
  className: "max-h-60 max-w-2xl p-3"
11392
- }, dropDownOptions.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
11350
+ }, dropDownOptions.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
11393
11351
  autoFocus: true,
11394
11352
  className: "mb-1",
11395
11353
  "data-cy": "search-text-field",
@@ -11405,7 +11363,7 @@ var MultiSelect = function MultiSelect(_ref) {
11405
11363
  return /*#__PURE__*/React__default["default"].createElement(MenuItem$4.Button, {
11406
11364
  "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
11407
11365
  key: idx,
11408
- prefix: /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
11366
+ prefix: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
11409
11367
  checked: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value),
11410
11368
  "data-cy": "check-icon",
11411
11369
  id: option.value
@@ -11425,6 +11383,8 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
11425
11383
  var name = _ref.name,
11426
11384
  index = _ref.index,
11427
11385
  props = _objectWithoutProperties$1(_ref, _excluded$6);
11386
+ var _useTranslation = reactI18next.useTranslation(),
11387
+ t = _useTranslation.t;
11428
11388
  var _useFormikContext = formik.useFormikContext(),
11429
11389
  conditions = _useFormikContext.values.conditions,
11430
11390
  setFieldValue = _useFormikContext.setFieldValue,
@@ -11441,9 +11401,9 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
11441
11401
  });
11442
11402
  var values = (_conditions$value$ind = conditions.value[index]) === null || _conditions$value$ind === void 0 || (_conditions$value$ind = _conditions$value$ind.metadata) === null || _conditions$value$ind === void 0 ? void 0 : _conditions$value$ind.values;
11443
11403
  var allOptions = getAllOptions(values);
11444
- var defaultLabel = i18next.t("neetoRules.form.selectValues");
11404
+ var defaultLabel = t("neetoRules.form.selectValues");
11445
11405
  var isValid = errors.conditions && ramda.isNotNil((_errors$conditions = errors.conditions) === null || _errors$conditions === void 0 || (_errors$conditions = _errors$conditions.value) === null || _errors$conditions === void 0 ? void 0 : _errors$conditions[index]) && ramda.isNotNil((_touched$conditions = touched.conditions) === null || _touched$conditions === void 0 || (_touched$conditions = _touched$conditions.value) === null || _touched$conditions === void 0 ? void 0 : _touched$conditions[index]);
11446
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, ramda.isEmpty(allOptions) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11406
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, ramda.isEmpty(allOptions) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11447
11407
  "data-cy": "condition-value-multi-select-create-button",
11448
11408
  style: "h5",
11449
11409
  weight: "semibold",
@@ -11459,11 +11419,11 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
11459
11419
  }, defaultLabel), allOptions.map(function (option, idx) {
11460
11420
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
11461
11421
  key: idx
11462
- }, !!idx && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11422
+ }, !!idx && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11463
11423
  className: "neeto-ui-text-gray-700 mt-1",
11464
11424
  style: "h5",
11465
11425
  weight: "normal"
11466
- }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11426
+ }, t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11467
11427
  className: "hover:neeto-ui-text-primary-800 neeto-ui-text-gray-800 mt-1 cursor-pointer underline",
11468
11428
  "data-cy": "condition-value-multi-select-create-button",
11469
11429
  style: "h5",
@@ -11474,43 +11434,31 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
11474
11434
  });
11475
11435
  }
11476
11436
  }, option.label));
11477
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
11437
+ }), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
11478
11438
  initialFocusRef: initialFocusRef,
11479
11439
  isOpen: showPane,
11480
11440
  size: "large",
11481
11441
  onClose: function onClose() {
11482
11442
  return setShowPane(false);
11483
11443
  }
11484
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11444
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11485
11445
  className: "neeto-ui-text-gray-700",
11486
11446
  "data-cy": "multi-select-create-pane-header-title",
11487
11447
  style: "h3"
11488
- }, i18next.t("neetoRules.labels.multipleValues"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
11448
+ }, t("neetoRules.labels.multipleValues"))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], _extends$1({
11489
11449
  isMulti: true,
11490
11450
  className: "mt-4 w-full",
11491
11451
  "data-cy": "multi-select-create-container",
11492
11452
  defaultValue: allOptions,
11493
11453
  innerRef: initialFocusRef,
11494
- label: i18next.t("neetoRules.labels.selectValues"),
11454
+ label: t("neetoRules.labels.selectValues"),
11495
11455
  onChange: function onChange(options) {
11496
11456
  return setFieldValue(name, options.map(function (option) {
11497
11457
  return option.value;
11498
11458
  }));
11499
11459
  }
11500
- }, props))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
11501
- className: "flex items-center space-x-2"
11502
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
11503
- "data-cy": "save-changes-button",
11504
- label: i18next.t("neetoRules.common.saveChange"),
11505
- onClick: function onClick() {
11506
- return setShowPane(false);
11507
- }
11508
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
11509
- label: i18next.t("neetoRules.buttons.cancel"),
11510
- style: "text",
11511
- onClick: function onClick() {
11512
- return setShowPane(false);
11513
- }
11460
+ }, props))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
11461
+ setShowPane: setShowPane
11514
11462
  }))));
11515
11463
  };
11516
11464
 
@@ -11942,10 +11890,10 @@ var DateField = function DateField(_ref) {
11942
11890
  };
11943
11891
  }();
11944
11892
  var handleOnChange = function handleOnChange(date) {
11945
- setFieldValue("".concat(name, ".value"), date ? dayjs(date).format("YYYY-MM-DD") : "");
11893
+ setFieldValue("".concat(name, ".value"), date ? dayjs__default["default"](date).format("YYYY-MM-DD") : "");
11946
11894
  handleValidate();
11947
11895
  };
11948
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showInput ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, {
11896
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showInput ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], {
11949
11897
  autoFocus: true,
11950
11898
  defaultValue: valueTerm,
11951
11899
  name: "".concat(name, ".value"),
@@ -11958,7 +11906,7 @@ var DateField = function DateField(_ref) {
11958
11906
  return !prevState;
11959
11907
  });
11960
11908
  }
11961
- })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11909
+ })) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11962
11910
  style: "h5",
11963
11911
  weight: "semibold",
11964
11912
  className: classNames__default["default"]("neeto-ui-text-gray-800 hover:neeto-ui-text-primary-800 mt-1 cursor-pointer underline", {
@@ -12083,13 +12031,13 @@ var ConditionItem = function ConditionItem(_ref) {
12083
12031
  setFieldValue("".concat(name, ".verb"), value);
12084
12032
  setFieldValue("".concat(name, ".metadata"), {});
12085
12033
  };
12086
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isWithEvents && !index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12034
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isWithEvents && !index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12087
12035
  className: "neeto-ui-text-gray-700 mt-1",
12088
12036
  style: "h5",
12089
12037
  weight: "normal"
12090
12038
  }, t("neetoRules.common.and", {
12091
12039
  what: ""
12092
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12040
+ })), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12093
12041
  className: "neeto-ui-text-gray-700 mt-1",
12094
12042
  style: "h5",
12095
12043
  weight: "normal"
@@ -12119,7 +12067,7 @@ var LogicOperator = function LogicOperator(_ref) {
12119
12067
  var logicOperation = _ref.logicOperation,
12120
12068
  handleGroupJoinType = _ref.handleGroupJoinType;
12121
12069
  var logicOperationLabel = OPERATOR_LABELS[logicOperation];
12122
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12070
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12123
12071
  className: "neeto-ui-text-gray-800 hover:neeto-ui-text-primary-800 mt-1 cursor-pointer underline",
12124
12072
  "data-cy": "logic-operator-button",
12125
12073
  style: "h5",
@@ -12204,7 +12152,7 @@ var Conditions = function Conditions(_ref) {
12204
12152
  name: "".concat(name, ".value.").concat(index)
12205
12153
  })), /*#__PURE__*/React__default["default"].createElement("div", {
12206
12154
  className: "flex"
12207
- }, index === conditions.length - 1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12155
+ }, index === conditions.length - 1 && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12208
12156
  "data-cy": "add-condition-button",
12209
12157
  icon: neetoIcons.Plus,
12210
12158
  size: 24,
@@ -12216,7 +12164,7 @@ var Conditions = function Conditions(_ref) {
12216
12164
  onClick: function onClick() {
12217
12165
  return handleAddCondition(arrayHelpers, condition.joinType);
12218
12166
  }
12219
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12167
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12220
12168
  "data-cy": "delete-condition-button-".concat(index),
12221
12169
  icon: neetoIcons.Delete,
12222
12170
  size: 24,
@@ -12229,7 +12177,7 @@ var Conditions = function Conditions(_ref) {
12229
12177
  return handleRemoveCondition(index, condition, arrayHelpers);
12230
12178
  }
12231
12179
  })));
12232
- }), ramda.isEmpty(conditions) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12180
+ }), ramda.isEmpty(conditions) && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12233
12181
  className: "neeto-ui-text-gray-600 mr-auto",
12234
12182
  "data-cy": "add-condition-button",
12235
12183
  label: t("neetoRules.form.addCondition"),
@@ -12237,7 +12185,7 @@ var Conditions = function Conditions(_ref) {
12237
12185
  onClick: function onClick() {
12238
12186
  return handleAddCondition(arrayHelpers, OPERATORS$1.or);
12239
12187
  }
12240
- }), isCallback && neetoCist.isNotEmpty(conditions) && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12188
+ }), isCallback && neetoCist.isNotEmpty(conditions) && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12241
12189
  className: "mt-2",
12242
12190
  "data-cy": "preview-callback-button",
12243
12191
  icon: neetoIcons.Eye,
@@ -12285,8 +12233,8 @@ var getDropdownOptions = function getDropdownOptions(eventNames, eventOptions) {
12285
12233
  return [].concat(_toConsumableArray$1(includedOptions), _toConsumableArray$1(excludedOptions));
12286
12234
  };
12287
12235
 
12288
- var Menu$3 = neetoui.Dropdown.Menu,
12289
- MenuItem$3 = neetoui.Dropdown.MenuItem;
12236
+ var Menu$3 = Dropdown__default["default"].Menu,
12237
+ MenuItem$3 = Dropdown__default["default"].MenuItem;
12290
12238
  var Performer$1 = function Performer(_ref) {
12291
12239
  var _selectedOption$label;
12292
12240
  var name = _ref.name,
@@ -12340,14 +12288,14 @@ var Performer$1 = function Performer(_ref) {
12340
12288
  };
12341
12289
  return /*#__PURE__*/React__default["default"].createElement("div", {
12342
12290
  className: "my-auto flex"
12343
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12291
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12344
12292
  className: "neeto-ui-text-gray-700 mr-2",
12345
12293
  style: "h5",
12346
12294
  weight: "normal"
12347
- }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
12295
+ }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
12348
12296
  buttonStyle: "secondary",
12349
12297
  className: "neeto-ui-bg-gray-100",
12350
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12298
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12351
12299
  "data-cy": "event-performer-dropdown",
12352
12300
  style: "h5",
12353
12301
  weight: "semibold",
@@ -12364,7 +12312,7 @@ var Performer$1 = function Performer(_ref) {
12364
12312
  onClose: handleClose
12365
12313
  }, /*#__PURE__*/React__default["default"].createElement(Menu$3, {
12366
12314
  className: "max-h-60 max-w-2xl p-3"
12367
- }, performerOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
12315
+ }, performerOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
12368
12316
  autoFocus: true,
12369
12317
  className: "mb-1",
12370
12318
  "data-cy": "search-text-field",
@@ -12402,8 +12350,8 @@ var Performer$1 = function Performer(_ref) {
12402
12350
 
12403
12351
  function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12404
12352
  function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12405
- var Menu$2 = neetoui.Dropdown.Menu,
12406
- MenuItem$2 = neetoui.Dropdown.MenuItem;
12353
+ var Menu$2 = Dropdown__default["default"].Menu,
12354
+ MenuItem$2 = Dropdown__default["default"].MenuItem;
12407
12355
  var Events$1 = function Events(_ref) {
12408
12356
  var name = _ref.name,
12409
12357
  data = _ref.data,
@@ -12494,11 +12442,11 @@ var Events$1 = function Events(_ref) {
12494
12442
  };
12495
12443
  return /*#__PURE__*/React__default["default"].createElement("div", {
12496
12444
  className: "my-auto flex flex-wrap gap-x-2 gap-y-3"
12497
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12445
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12498
12446
  className: "neeto-ui-text-gray-700 my-auto",
12499
12447
  style: "h5",
12500
12448
  weight: "normal"
12501
- }, i18next.t("neetoRules.common.when")), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
12449
+ }, i18next.t("neetoRules.common.when")), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
12502
12450
  buttonStyle: "secondary",
12503
12451
  className: "neeto-ui-bg-gray-100",
12504
12452
  closeOnSelect: false,
@@ -12510,11 +12458,11 @@ var Events$1 = function Events(_ref) {
12510
12458
  return /*#__PURE__*/React__default["default"].createElement("span", {
12511
12459
  className: "flex flex-wrap gap-y-1",
12512
12460
  key: idx
12513
- }, !!idx && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12461
+ }, !!idx && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12514
12462
  className: "neeto-ui-text-gray-700 mr-1",
12515
12463
  style: "h5",
12516
12464
  weight: "normal"
12517
- }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12465
+ }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12518
12466
  "data-cy": "condition-value-multi-select-field",
12519
12467
  style: "h5",
12520
12468
  weight: "semibold",
@@ -12525,7 +12473,7 @@ var Events$1 = function Events(_ref) {
12525
12473
  return setActiveOption(activeOption ? null : event.value);
12526
12474
  }
12527
12475
  }, event === null || event === void 0 || (_event$label = event.label) === null || _event$label === void 0 ? void 0 : _event$label.toLowerCase()));
12528
- })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12476
+ })) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12529
12477
  "data-cy": "condition-value-multi-select-field",
12530
12478
  style: "h5",
12531
12479
  weight: "semibold",
@@ -12540,7 +12488,7 @@ var Events$1 = function Events(_ref) {
12540
12488
  onClose: handleClose
12541
12489
  }, /*#__PURE__*/React__default["default"].createElement(Menu$2, {
12542
12490
  className: "max-h-60 max-w-2xl p-3"
12543
- }, dropdownOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
12491
+ }, dropdownOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
12544
12492
  autoFocus: true,
12545
12493
  className: "mb-1",
12546
12494
  "data-cy": "search-text-field",
@@ -12556,7 +12504,7 @@ var Events$1 = function Events(_ref) {
12556
12504
  return /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
12557
12505
  "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
12558
12506
  key: idx,
12559
- prefix: /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
12507
+ prefix: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
12560
12508
  checked: eventNames === null || eventNames === void 0 ? void 0 : eventNames.includes(option.value),
12561
12509
  "data-cy": "check-icon",
12562
12510
  id: option.value
@@ -12627,7 +12575,7 @@ var EventConditions = function EventConditions(_ref) {
12627
12575
  name: name,
12628
12576
  onSelectEvent: onSelectEvent,
12629
12577
  performerName: performerName
12630
- })), showAddButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, tooltipProps, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12578
+ })), showAddButton && /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], tooltipProps, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12631
12579
  "data-cy": "add-condition-button",
12632
12580
  "data-test-id": "automation-rules-add-events-button",
12633
12581
  disabled: isConditionsEmpty,
@@ -12658,9 +12606,9 @@ var getSearchedOptions = function getSearchedOptions(dropDownOptions, searchTerm
12658
12606
  });
12659
12607
  };
12660
12608
 
12661
- var Menu$1 = neetoui.Dropdown.Menu,
12662
- MenuItem$1 = neetoui.Dropdown.MenuItem,
12663
- Divider = neetoui.Dropdown.Divider;
12609
+ var Menu$1 = Dropdown__default["default"].Menu,
12610
+ MenuItem$1 = Dropdown__default["default"].MenuItem,
12611
+ Divider = Dropdown__default["default"].Divider;
12664
12612
  var EventItem = function EventItem(_ref) {
12665
12613
  var name = _ref.name,
12666
12614
  parentName = _ref.parentName,
@@ -12718,11 +12666,11 @@ var EventItem = function EventItem(_ref) {
12718
12666
  };
12719
12667
  return /*#__PURE__*/React__default["default"].createElement("div", {
12720
12668
  className: "my-auto flex flex-wrap"
12721
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
12669
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
12722
12670
  buttonStyle: "secondary",
12723
12671
  className: "neeto-ui-bg-gray-100",
12724
12672
  closeOnSelect: false,
12725
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12673
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12726
12674
  "data-cy": "event-dropdown-button",
12727
12675
  style: "h5",
12728
12676
  weight: "semibold",
@@ -12739,7 +12687,7 @@ var EventItem = function EventItem(_ref) {
12739
12687
  onClose: handleClose
12740
12688
  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, {
12741
12689
  className: "max-h-60 max-w-2xl p-3"
12742
- }, eventOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
12690
+ }, eventOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
12743
12691
  className: "mb-1",
12744
12692
  "data-cy": "search-text-field",
12745
12693
  placeholder: i18next.t("neetoRules.common.search"),
@@ -12767,8 +12715,8 @@ var EventItem = function EventItem(_ref) {
12767
12715
  }, i18next.t("neetoRules.common.delete")))));
12768
12716
  };
12769
12717
 
12770
- var Menu = neetoui.Dropdown.Menu,
12771
- MenuItem = neetoui.Dropdown.MenuItem;
12718
+ var Menu = Dropdown__default["default"].Menu,
12719
+ MenuItem = Dropdown__default["default"].MenuItem;
12772
12720
  var Performer = function Performer(_ref) {
12773
12721
  var _selectedOption$label;
12774
12722
  var name = _ref.name,
@@ -12820,15 +12768,15 @@ var Performer = function Performer(_ref) {
12820
12768
  };
12821
12769
  return /*#__PURE__*/React__default["default"].createElement("div", {
12822
12770
  className: "my-auto flex"
12823
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12771
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12824
12772
  className: "neeto-ui-text-gray-700 mr-2",
12825
12773
  style: "h5",
12826
12774
  weight: "normal"
12827
- }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
12775
+ }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
12828
12776
  buttonStyle: "secondary",
12829
12777
  className: "neeto-ui-bg-gray-100",
12830
12778
  closeOnSelect: false,
12831
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12779
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12832
12780
  "data-cy": "event-performer-dropdown",
12833
12781
  style: "h5",
12834
12782
  weight: "semibold",
@@ -12845,7 +12793,7 @@ var Performer = function Performer(_ref) {
12845
12793
  onClose: handleClose
12846
12794
  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
12847
12795
  className: "max-h-60 max-w-2xl p-3"
12848
- }, performerOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
12796
+ }, performerOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
12849
12797
  className: "mb-1",
12850
12798
  "data-cy": "search-text-field",
12851
12799
  placeholder: i18next.t("neetoRules.common.search"),
@@ -12948,7 +12896,7 @@ var Events = function Events(_ref) {
12948
12896
  className: classNames__default["default"]("flex flex-wrap gap-x-2 gap-y-2", {
12949
12897
  "max-w-2xl": showAddButton
12950
12898
  })
12951
- }, showMessage && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12899
+ }, showMessage && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12952
12900
  className: "my-auto",
12953
12901
  component: "p",
12954
12902
  "data-cy": "event-message-text",
@@ -12957,11 +12905,11 @@ var Events = function Events(_ref) {
12957
12905
  return /*#__PURE__*/React__default["default"].createElement("div", {
12958
12906
  className: "flex flex-wrap gap-x-2",
12959
12907
  key: index
12960
- }, !index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12908
+ }, !index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12961
12909
  className: "neeto-ui-text-gray-700 my-auto",
12962
12910
  style: "h5",
12963
12911
  weight: "normal"
12964
- }, i18next.t("neetoRules.common.when")), !!index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12912
+ }, i18next.t("neetoRules.common.when")), !!index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12965
12913
  className: "neeto-ui-text-gray-700 my-auto",
12966
12914
  style: "h5",
12967
12915
  weight: "normal"
@@ -12978,7 +12926,7 @@ var Events = function Events(_ref) {
12978
12926
  }), !showMessage && /*#__PURE__*/React__default["default"].createElement(Performer, {
12979
12927
  data: data,
12980
12928
  name: performerName
12981
- })), /*#__PURE__*/React__default["default"].createElement("div", null, showAddButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12929
+ })), /*#__PURE__*/React__default["default"].createElement("div", null, showAddButton && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12982
12930
  "data-cy": "add-event-button",
12983
12931
  "data-test-id": "automation-rules-add-events-button",
12984
12932
  icon: neetoIcons.Plus,
@@ -12991,7 +12939,7 @@ var Events = function Events(_ref) {
12991
12939
  onClick: function onClick() {
12992
12940
  return handleAddEvent(arrayHelpers);
12993
12941
  }
12994
- }), !showMessage && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12942
+ }), !showMessage && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12995
12943
  "data-cy": "delete-event-button",
12996
12944
  icon: neetoIcons.Delete,
12997
12945
  size: 32,
@@ -13036,7 +12984,7 @@ var InputField = function InputField(_ref) {
13036
12984
  _useDebouncedUpdate2 = _slicedToArray$1(_useDebouncedUpdate, 2),
13037
12985
  text = _useDebouncedUpdate2[0],
13038
12986
  setText = _useDebouncedUpdate2[1];
13039
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Input, _extends$1({
12987
+ return /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], _extends$1({
13040
12988
  className: "mb-4",
13041
12989
  label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)
13042
12990
  }, field, {
@@ -13059,7 +13007,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
13059
13007
  _useField2 = _slicedToArray$1(_useField, 3),
13060
13008
  setValue = _useField2[2].setValue;
13061
13009
  var elementProps = data[name];
13062
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Select, _extends$1({
13010
+ return /*#__PURE__*/React__default["default"].createElement(Select__default$1["default"], _extends$1({
13063
13011
  isMulti: true,
13064
13012
  label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
13065
13013
  name: "".concat(name, ".value"),
@@ -13082,15 +13030,15 @@ var RadioField = function RadioField(_ref) {
13082
13030
  var radioOptions = options || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.options);
13083
13031
  return /*#__PURE__*/React__default["default"].createElement("div", {
13084
13032
  className: "my-6"
13085
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
13033
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
13086
13034
  className: "mb-4",
13087
13035
  "data-cy": "radio-field-label"
13088
- }, label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)), /*#__PURE__*/React__default["default"].createElement(formik$1.Radio, _extends$1({
13036
+ }, label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], _extends$1({
13089
13037
  name: "".concat(name, ".value")
13090
13038
  }, componentProps), radioOptions.map(function (_ref2, index) {
13091
13039
  var label = _ref2.label,
13092
13040
  value = _ref2.value;
13093
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Radio.Item, {
13041
+ return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
13094
13042
  label: label,
13095
13043
  value: value,
13096
13044
  key: index
@@ -13110,7 +13058,7 @@ var SelectField = function SelectField(_ref) {
13110
13058
  _useField2 = _slicedToArray$1(_useField, 3),
13111
13059
  setValue = _useField2[2].setValue;
13112
13060
  var elementProps = data[name];
13113
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Select, _extends$1({
13061
+ return /*#__PURE__*/React__default["default"].createElement(Select__default$1["default"], _extends$1({
13114
13062
  label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
13115
13063
  name: "".concat(name, ".value"),
13116
13064
  options: options || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.options),
@@ -13137,7 +13085,7 @@ var TextareaField = function TextareaField(_ref) {
13137
13085
  _useDebouncedUpdate2 = _slicedToArray$1(_useDebouncedUpdate, 2),
13138
13086
  text = _useDebouncedUpdate2[0],
13139
13087
  setText = _useDebouncedUpdate2[1];
13140
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, _extends$1({
13088
+ return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], _extends$1({
13141
13089
  className: "mb-4",
13142
13090
  label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
13143
13091
  rows: 4