@bigbinary/neeto-rules-frontend 0.6.2 → 0.6.4

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 +301 -347
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +100 -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,
@@ -10783,6 +10741,7 @@ var ActionItem = function ActionItem(_ref) {
10783
10741
  errors = _useFormikContext.errors,
10784
10742
  touched = _useFormikContext.touched;
10785
10743
  var optionList = elementProps.actionOptions;
10744
+ var ActionChildren = action.children;
10786
10745
  var actions = values[parentName].value || [];
10787
10746
  var label = index ? t("neetoRules.common.and", {
10788
10747
  what: t("neetoRules.common.then")
@@ -10832,7 +10791,7 @@ var ActionItem = function ActionItem(_ref) {
10832
10791
  _ref3$disabledReason = _ref3.disabledReason,
10833
10792
  disabledReason = _ref3$disabledReason === void 0 ? "" : _ref3$disabledReason;
10834
10793
  var renderErrorCallout = function renderErrorCallout(message) {
10835
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10794
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10836
10795
  className: "neeto-ui-text-white neeto-ui-bg-error-500 neeto-ui-rounded-sm -mx-4 w-full p-3",
10837
10796
  style: "h5"
10838
10797
  }, message);
@@ -10851,15 +10810,15 @@ var ActionItem = function ActionItem(_ref) {
10851
10810
  }, [selectedField]);
10852
10811
  return /*#__PURE__*/React__default["default"].createElement("div", {
10853
10812
  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, {
10813
+ }, selectDropDownHasError && renderErrorCallout(selectDropDownErrorMessage), !isMessageToSlackAction && isDisabled && renderDisabledReason(), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10855
10814
  className: "neeto-ui-text-gray-700 mt-1",
10856
10815
  style: "h5",
10857
10816
  weight: "normal"
10858
- }, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
10817
+ }, label), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
10859
10818
  buttonStyle: "secondary",
10860
10819
  className: "neeto-ui-bg-gray-100",
10861
10820
  position: "bottom-start",
10862
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10821
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10863
10822
  "data-cy": "action-dropdown-button",
10864
10823
  style: "h5",
10865
10824
  weight: "semibold",
@@ -10876,7 +10835,7 @@ var ActionItem = function ActionItem(_ref) {
10876
10835
  onClose: handleClose
10877
10836
  }, /*#__PURE__*/React__default["default"].createElement(Menu$7, {
10878
10837
  className: "max-h-60 max-w-2xl p-3"
10879
- }, actionOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
10838
+ }, actionOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
10880
10839
  autoFocus: true,
10881
10840
  className: "mb-1",
10882
10841
  "data-cy": "search-text-field",
@@ -10910,6 +10869,11 @@ var ActionItem = function ActionItem(_ref) {
10910
10869
  selectedField: selectedField,
10911
10870
  name: "".concat(name, ".metadata"),
10912
10871
  options: getSelectedFieldOptions()
10872
+ }), neetoCist.isPresent(action === null || action === void 0 ? void 0 : action.children) && /*#__PURE__*/React__default["default"].createElement(ActionChildren, {
10873
+ action: action,
10874
+ index: index,
10875
+ selectedField: selectedField,
10876
+ parentFieldName: name
10913
10877
  }));
10914
10878
  };
10915
10879
  var ActionItem$1 = /*#__PURE__*/React.memo(ActionItem);
@@ -10917,7 +10881,7 @@ var ActionItem$1 = /*#__PURE__*/React.memo(ActionItem);
10917
10881
  var Card = function Card(_ref) {
10918
10882
  var title = _ref.title,
10919
10883
  children = _ref.children;
10920
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
10884
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
10921
10885
  className: "neeto-ui-text-gray-600",
10922
10886
  "data-cy": "".concat(utils.joinHyphenCase(title), "-card-title"),
10923
10887
  style: "h4"
@@ -10976,7 +10940,7 @@ var Actions = function Actions(_ref) {
10976
10940
  parentName: name
10977
10941
  }), /*#__PURE__*/React__default["default"].createElement("div", {
10978
10942
  className: "-mx-1 flex flex-wrap"
10979
- }, handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10943
+ }, handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10980
10944
  "data-cy": "refresh-slack-button",
10981
10945
  icon: neetoIcons.Refresh,
10982
10946
  size: 24,
@@ -10988,7 +10952,7 @@ var Actions = function Actions(_ref) {
10988
10952
  onClick: function onClick() {
10989
10953
  return handleSlackChannelRefresh();
10990
10954
  }
10991
- }), showButton && index === actions.length - 1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10955
+ }), showButton && index === actions.length - 1 && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
10992
10956
  "data-cy": "add-action-button",
10993
10957
  icon: neetoIcons.Plus,
10994
10958
  size: 24,
@@ -11000,7 +10964,7 @@ var Actions = function Actions(_ref) {
11000
10964
  onClick: function onClick() {
11001
10965
  return arrayHelpers.push(DEFAULT_RULE_ACTION);
11002
10966
  }
11003
- }), actions.length > 1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
10967
+ }), actions.length > 1 && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
11004
10968
  "data-cy": "delete-action-button-".concat(index),
11005
10969
  icon: neetoIcons.Delete,
11006
10970
  size: 24,
@@ -11047,8 +11011,8 @@ var getAllOptions = function getAllOptions(options) {
11047
11011
  }) : [];
11048
11012
  };
11049
11013
 
11050
- var Menu$6 = neetoui.Dropdown.Menu,
11051
- MenuItem$6 = neetoui.Dropdown.MenuItem;
11014
+ var Menu$6 = Dropdown__default["default"].Menu,
11015
+ MenuItem$6 = Dropdown__default["default"].MenuItem;
11052
11016
  var DropdownField = function DropdownField(_ref) {
11053
11017
  var _selectedOption$label;
11054
11018
  var index = _ref.index,
@@ -11087,11 +11051,11 @@ var DropdownField = function DropdownField(_ref) {
11087
11051
  React.useEffect(function () {
11088
11052
  findDefaultOption();
11089
11053
  }, [options, conditions]);
11090
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
11054
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
11091
11055
  buttonStyle: "secondary",
11092
11056
  className: "neeto-ui-bg-gray-100",
11093
11057
  position: "bottom-start",
11094
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11058
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11095
11059
  "data-cy": "condition-".concat(fieldType, "-dropdown-button"),
11096
11060
  style: "h5",
11097
11061
  weight: "semibold",
@@ -11107,7 +11071,7 @@ var DropdownField = function DropdownField(_ref) {
11107
11071
  onClose: handleClose
11108
11072
  }, /*#__PURE__*/React__default["default"].createElement(Menu$6, {
11109
11073
  className: "max-h-60 max-w-2xl p-3"
11110
- }, options.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
11074
+ }, options.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
11111
11075
  autoFocus: true,
11112
11076
  className: "mb-1",
11113
11077
  "data-cy": "search-text-field",
@@ -11143,8 +11107,8 @@ var DropdownField = function DropdownField(_ref) {
11143
11107
  }, i18next.t("neetoRules.common.noOptions"))));
11144
11108
  };
11145
11109
 
11146
- var Menu$5 = neetoui.Dropdown.Menu,
11147
- MenuItem$5 = neetoui.Dropdown.MenuItem;
11110
+ var Menu$5 = Dropdown__default["default"].Menu,
11111
+ MenuItem$5 = Dropdown__default["default"].MenuItem;
11148
11112
  var Dropdown = function Dropdown(_ref) {
11149
11113
  var _conditions$value$ind, _errors$conditions, _touched$conditions, _defaultSelectedOptio;
11150
11114
  var name = _ref.name,
@@ -11203,10 +11167,10 @@ var Dropdown = function Dropdown(_ref) {
11203
11167
  React.useEffect(function () {
11204
11168
  findDefaultSelectedOption();
11205
11169
  }, [options, conditions]);
11206
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
11170
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
11207
11171
  buttonStyle: "secondary",
11208
11172
  className: "neeto-ui-bg-gray-100",
11209
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11173
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11210
11174
  "data-cy": "condition-value-dropdown-button",
11211
11175
  style: "h5",
11212
11176
  weight: "semibold",
@@ -11224,7 +11188,7 @@ var Dropdown = function Dropdown(_ref) {
11224
11188
  onClose: handleClose
11225
11189
  }, /*#__PURE__*/React__default["default"].createElement(Menu$5, {
11226
11190
  className: "max-h-60 max-w-2xl p-3"
11227
- }, options.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
11191
+ }, options.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
11228
11192
  autoFocus: true,
11229
11193
  className: "mb-1",
11230
11194
  "data-cy": "search-text-field",
@@ -11282,7 +11246,7 @@ var InputField$1 = function InputField(_ref) {
11282
11246
  React.useEffect(function () {
11283
11247
  setShowInput(false);
11284
11248
  }, [condition.verb]);
11285
- return showInput ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
11249
+ return showInput ? /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
11286
11250
  name: name,
11287
11251
  placeholder: placeholder,
11288
11252
  ref: inputRef,
@@ -11295,7 +11259,7 @@ var InputField$1 = function InputField(_ref) {
11295
11259
  });
11296
11260
  }
11297
11261
  })
11298
- }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11262
+ }) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11299
11263
  style: "h5",
11300
11264
  weight: "semibold",
11301
11265
  className: classNames__default["default"]("neeto-ui-text-gray-800 hover:neeto-ui-text-primary-800 mt-1 cursor-pointer underline", {
@@ -11309,8 +11273,8 @@ var InputField$1 = function InputField(_ref) {
11309
11273
  }, label);
11310
11274
  };
11311
11275
 
11312
- var Menu$4 = neetoui.Dropdown.Menu,
11313
- MenuItem$4 = neetoui.Dropdown.MenuItem;
11276
+ var Menu$4 = Dropdown__default["default"].Menu,
11277
+ MenuItem$4 = Dropdown__default["default"].MenuItem;
11314
11278
  var MultiSelect = function MultiSelect(_ref) {
11315
11279
  var _conditions$value$ind, _errors$conditions, _touched$conditions;
11316
11280
  var name = _ref.name,
@@ -11346,7 +11310,7 @@ var MultiSelect = function MultiSelect(_ref) {
11346
11310
  setActiveOption(null);
11347
11311
  setSearchTerm("");
11348
11312
  };
11349
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
11313
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
11350
11314
  buttonStyle: "secondary",
11351
11315
  className: "neeto-ui-bg-gray-100",
11352
11316
  closeOnSelect: false,
@@ -11357,11 +11321,11 @@ var MultiSelect = function MultiSelect(_ref) {
11357
11321
  var _option$label;
11358
11322
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
11359
11323
  key: idx
11360
- }, !!idx && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11324
+ }, !!idx && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11361
11325
  className: "neeto-ui-text-gray-700 mr-1 mt-1",
11362
11326
  style: "h5",
11363
11327
  weight: "normal"
11364
- }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11328
+ }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11365
11329
  "data-cy": "condition-value-multi-select-field",
11366
11330
  style: "h5",
11367
11331
  weight: "semibold",
@@ -11373,7 +11337,7 @@ var MultiSelect = function MultiSelect(_ref) {
11373
11337
  setActiveOption(activeOption ? null : option.value);
11374
11338
  }
11375
11339
  }, 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, {
11340
+ })) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11377
11341
  "data-cy": "condition-value-multi-select-field",
11378
11342
  style: "h5",
11379
11343
  weight: "semibold",
@@ -11389,7 +11353,7 @@ var MultiSelect = function MultiSelect(_ref) {
11389
11353
  onClose: handleClose
11390
11354
  }, /*#__PURE__*/React__default["default"].createElement(Menu$4, {
11391
11355
  className: "max-h-60 max-w-2xl p-3"
11392
- }, dropDownOptions.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
11356
+ }, dropDownOptions.length > MAXIMUM_OPTION_LENGTH$2 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
11393
11357
  autoFocus: true,
11394
11358
  className: "mb-1",
11395
11359
  "data-cy": "search-text-field",
@@ -11405,7 +11369,7 @@ var MultiSelect = function MultiSelect(_ref) {
11405
11369
  return /*#__PURE__*/React__default["default"].createElement(MenuItem$4.Button, {
11406
11370
  "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
11407
11371
  key: idx,
11408
- prefix: /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
11372
+ prefix: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
11409
11373
  checked: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value),
11410
11374
  "data-cy": "check-icon",
11411
11375
  id: option.value
@@ -11425,6 +11389,8 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
11425
11389
  var name = _ref.name,
11426
11390
  index = _ref.index,
11427
11391
  props = _objectWithoutProperties$1(_ref, _excluded$6);
11392
+ var _useTranslation = reactI18next.useTranslation(),
11393
+ t = _useTranslation.t;
11428
11394
  var _useFormikContext = formik.useFormikContext(),
11429
11395
  conditions = _useFormikContext.values.conditions,
11430
11396
  setFieldValue = _useFormikContext.setFieldValue,
@@ -11441,9 +11407,9 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
11441
11407
  });
11442
11408
  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
11409
  var allOptions = getAllOptions(values);
11444
- var defaultLabel = i18next.t("neetoRules.form.selectValues");
11410
+ var defaultLabel = t("neetoRules.form.selectValues");
11445
11411
  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, {
11412
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, ramda.isEmpty(allOptions) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11447
11413
  "data-cy": "condition-value-multi-select-create-button",
11448
11414
  style: "h5",
11449
11415
  weight: "semibold",
@@ -11459,11 +11425,11 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
11459
11425
  }, defaultLabel), allOptions.map(function (option, idx) {
11460
11426
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
11461
11427
  key: idx
11462
- }, !!idx && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11428
+ }, !!idx && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11463
11429
  className: "neeto-ui-text-gray-700 mt-1",
11464
11430
  style: "h5",
11465
11431
  weight: "normal"
11466
- }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11432
+ }, t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11467
11433
  className: "hover:neeto-ui-text-primary-800 neeto-ui-text-gray-800 mt-1 cursor-pointer underline",
11468
11434
  "data-cy": "condition-value-multi-select-create-button",
11469
11435
  style: "h5",
@@ -11474,43 +11440,31 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
11474
11440
  });
11475
11441
  }
11476
11442
  }, option.label));
11477
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
11443
+ }), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
11478
11444
  initialFocusRef: initialFocusRef,
11479
11445
  isOpen: showPane,
11480
11446
  size: "large",
11481
11447
  onClose: function onClose() {
11482
11448
  return setShowPane(false);
11483
11449
  }
11484
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11450
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11485
11451
  className: "neeto-ui-text-gray-700",
11486
11452
  "data-cy": "multi-select-create-pane-header-title",
11487
11453
  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({
11454
+ }, 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
11455
  isMulti: true,
11490
11456
  className: "mt-4 w-full",
11491
11457
  "data-cy": "multi-select-create-container",
11492
11458
  defaultValue: allOptions,
11493
11459
  innerRef: initialFocusRef,
11494
- label: i18next.t("neetoRules.labels.selectValues"),
11460
+ label: t("neetoRules.labels.selectValues"),
11495
11461
  onChange: function onChange(options) {
11496
11462
  return setFieldValue(name, options.map(function (option) {
11497
11463
  return option.value;
11498
11464
  }));
11499
11465
  }
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
- }
11466
+ }, props))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(PaneFooterBlock, {
11467
+ setShowPane: setShowPane
11514
11468
  }))));
11515
11469
  };
11516
11470
 
@@ -11942,10 +11896,10 @@ var DateField = function DateField(_ref) {
11942
11896
  };
11943
11897
  }();
11944
11898
  var handleOnChange = function handleOnChange(date) {
11945
- setFieldValue("".concat(name, ".value"), date ? dayjs(date).format("YYYY-MM-DD") : "");
11899
+ setFieldValue("".concat(name, ".value"), date ? dayjs__default["default"](date).format("YYYY-MM-DD") : "");
11946
11900
  handleValidate();
11947
11901
  };
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, {
11902
+ 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
11903
  autoFocus: true,
11950
11904
  defaultValue: valueTerm,
11951
11905
  name: "".concat(name, ".value"),
@@ -11958,7 +11912,7 @@ var DateField = function DateField(_ref) {
11958
11912
  return !prevState;
11959
11913
  });
11960
11914
  }
11961
- })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
11915
+ })) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
11962
11916
  style: "h5",
11963
11917
  weight: "semibold",
11964
11918
  className: classNames__default["default"]("neeto-ui-text-gray-800 hover:neeto-ui-text-primary-800 mt-1 cursor-pointer underline", {
@@ -12083,13 +12037,13 @@ var ConditionItem = function ConditionItem(_ref) {
12083
12037
  setFieldValue("".concat(name, ".verb"), value);
12084
12038
  setFieldValue("".concat(name, ".metadata"), {});
12085
12039
  };
12086
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isWithEvents && !index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12040
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isWithEvents && !index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12087
12041
  className: "neeto-ui-text-gray-700 mt-1",
12088
12042
  style: "h5",
12089
12043
  weight: "normal"
12090
12044
  }, t("neetoRules.common.and", {
12091
12045
  what: ""
12092
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12046
+ })), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12093
12047
  className: "neeto-ui-text-gray-700 mt-1",
12094
12048
  style: "h5",
12095
12049
  weight: "normal"
@@ -12119,7 +12073,7 @@ var LogicOperator = function LogicOperator(_ref) {
12119
12073
  var logicOperation = _ref.logicOperation,
12120
12074
  handleGroupJoinType = _ref.handleGroupJoinType;
12121
12075
  var logicOperationLabel = OPERATOR_LABELS[logicOperation];
12122
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12076
+ return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12123
12077
  className: "neeto-ui-text-gray-800 hover:neeto-ui-text-primary-800 mt-1 cursor-pointer underline",
12124
12078
  "data-cy": "logic-operator-button",
12125
12079
  style: "h5",
@@ -12204,7 +12158,7 @@ var Conditions = function Conditions(_ref) {
12204
12158
  name: "".concat(name, ".value.").concat(index)
12205
12159
  })), /*#__PURE__*/React__default["default"].createElement("div", {
12206
12160
  className: "flex"
12207
- }, index === conditions.length - 1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12161
+ }, index === conditions.length - 1 && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12208
12162
  "data-cy": "add-condition-button",
12209
12163
  icon: neetoIcons.Plus,
12210
12164
  size: 24,
@@ -12216,7 +12170,7 @@ var Conditions = function Conditions(_ref) {
12216
12170
  onClick: function onClick() {
12217
12171
  return handleAddCondition(arrayHelpers, condition.joinType);
12218
12172
  }
12219
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12173
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12220
12174
  "data-cy": "delete-condition-button-".concat(index),
12221
12175
  icon: neetoIcons.Delete,
12222
12176
  size: 24,
@@ -12229,7 +12183,7 @@ var Conditions = function Conditions(_ref) {
12229
12183
  return handleRemoveCondition(index, condition, arrayHelpers);
12230
12184
  }
12231
12185
  })));
12232
- }), ramda.isEmpty(conditions) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12186
+ }), ramda.isEmpty(conditions) && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12233
12187
  className: "neeto-ui-text-gray-600 mr-auto",
12234
12188
  "data-cy": "add-condition-button",
12235
12189
  label: t("neetoRules.form.addCondition"),
@@ -12237,7 +12191,7 @@ var Conditions = function Conditions(_ref) {
12237
12191
  onClick: function onClick() {
12238
12192
  return handleAddCondition(arrayHelpers, OPERATORS$1.or);
12239
12193
  }
12240
- }), isCallback && neetoCist.isNotEmpty(conditions) && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12194
+ }), isCallback && neetoCist.isNotEmpty(conditions) && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12241
12195
  className: "mt-2",
12242
12196
  "data-cy": "preview-callback-button",
12243
12197
  icon: neetoIcons.Eye,
@@ -12285,8 +12239,8 @@ var getDropdownOptions = function getDropdownOptions(eventNames, eventOptions) {
12285
12239
  return [].concat(_toConsumableArray$1(includedOptions), _toConsumableArray$1(excludedOptions));
12286
12240
  };
12287
12241
 
12288
- var Menu$3 = neetoui.Dropdown.Menu,
12289
- MenuItem$3 = neetoui.Dropdown.MenuItem;
12242
+ var Menu$3 = Dropdown__default["default"].Menu,
12243
+ MenuItem$3 = Dropdown__default["default"].MenuItem;
12290
12244
  var Performer$1 = function Performer(_ref) {
12291
12245
  var _selectedOption$label;
12292
12246
  var name = _ref.name,
@@ -12340,14 +12294,14 @@ var Performer$1 = function Performer(_ref) {
12340
12294
  };
12341
12295
  return /*#__PURE__*/React__default["default"].createElement("div", {
12342
12296
  className: "my-auto flex"
12343
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12297
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12344
12298
  className: "neeto-ui-text-gray-700 mr-2",
12345
12299
  style: "h5",
12346
12300
  weight: "normal"
12347
- }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
12301
+ }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
12348
12302
  buttonStyle: "secondary",
12349
12303
  className: "neeto-ui-bg-gray-100",
12350
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12304
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12351
12305
  "data-cy": "event-performer-dropdown",
12352
12306
  style: "h5",
12353
12307
  weight: "semibold",
@@ -12364,7 +12318,7 @@ var Performer$1 = function Performer(_ref) {
12364
12318
  onClose: handleClose
12365
12319
  }, /*#__PURE__*/React__default["default"].createElement(Menu$3, {
12366
12320
  className: "max-h-60 max-w-2xl p-3"
12367
- }, performerOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
12321
+ }, performerOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
12368
12322
  autoFocus: true,
12369
12323
  className: "mb-1",
12370
12324
  "data-cy": "search-text-field",
@@ -12402,8 +12356,8 @@ var Performer$1 = function Performer(_ref) {
12402
12356
 
12403
12357
  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
12358
  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;
12359
+ var Menu$2 = Dropdown__default["default"].Menu,
12360
+ MenuItem$2 = Dropdown__default["default"].MenuItem;
12407
12361
  var Events$1 = function Events(_ref) {
12408
12362
  var name = _ref.name,
12409
12363
  data = _ref.data,
@@ -12494,11 +12448,11 @@ var Events$1 = function Events(_ref) {
12494
12448
  };
12495
12449
  return /*#__PURE__*/React__default["default"].createElement("div", {
12496
12450
  className: "my-auto flex flex-wrap gap-x-2 gap-y-3"
12497
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12451
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12498
12452
  className: "neeto-ui-text-gray-700 my-auto",
12499
12453
  style: "h5",
12500
12454
  weight: "normal"
12501
- }, i18next.t("neetoRules.common.when")), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
12455
+ }, i18next.t("neetoRules.common.when")), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
12502
12456
  buttonStyle: "secondary",
12503
12457
  className: "neeto-ui-bg-gray-100",
12504
12458
  closeOnSelect: false,
@@ -12510,11 +12464,11 @@ var Events$1 = function Events(_ref) {
12510
12464
  return /*#__PURE__*/React__default["default"].createElement("span", {
12511
12465
  className: "flex flex-wrap gap-y-1",
12512
12466
  key: idx
12513
- }, !!idx && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12467
+ }, !!idx && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12514
12468
  className: "neeto-ui-text-gray-700 mr-1",
12515
12469
  style: "h5",
12516
12470
  weight: "normal"
12517
- }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12471
+ }, i18next.t("neetoRules.common.or")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12518
12472
  "data-cy": "condition-value-multi-select-field",
12519
12473
  style: "h5",
12520
12474
  weight: "semibold",
@@ -12525,7 +12479,7 @@ var Events$1 = function Events(_ref) {
12525
12479
  return setActiveOption(activeOption ? null : event.value);
12526
12480
  }
12527
12481
  }, 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, {
12482
+ })) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12529
12483
  "data-cy": "condition-value-multi-select-field",
12530
12484
  style: "h5",
12531
12485
  weight: "semibold",
@@ -12540,7 +12494,7 @@ var Events$1 = function Events(_ref) {
12540
12494
  onClose: handleClose
12541
12495
  }, /*#__PURE__*/React__default["default"].createElement(Menu$2, {
12542
12496
  className: "max-h-60 max-w-2xl p-3"
12543
- }, dropdownOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
12497
+ }, dropdownOptions.length > MAXIMUM_OPTION_LENGTH && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
12544
12498
  autoFocus: true,
12545
12499
  className: "mb-1",
12546
12500
  "data-cy": "search-text-field",
@@ -12556,7 +12510,7 @@ var Events$1 = function Events(_ref) {
12556
12510
  return /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
12557
12511
  "data-cy": "".concat(utils.joinHyphenCase(option.label), "-menu-item"),
12558
12512
  key: idx,
12559
- prefix: /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
12513
+ prefix: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
12560
12514
  checked: eventNames === null || eventNames === void 0 ? void 0 : eventNames.includes(option.value),
12561
12515
  "data-cy": "check-icon",
12562
12516
  id: option.value
@@ -12627,7 +12581,7 @@ var EventConditions = function EventConditions(_ref) {
12627
12581
  name: name,
12628
12582
  onSelectEvent: onSelectEvent,
12629
12583
  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, {
12584
+ })), 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
12585
  "data-cy": "add-condition-button",
12632
12586
  "data-test-id": "automation-rules-add-events-button",
12633
12587
  disabled: isConditionsEmpty,
@@ -12658,9 +12612,9 @@ var getSearchedOptions = function getSearchedOptions(dropDownOptions, searchTerm
12658
12612
  });
12659
12613
  };
12660
12614
 
12661
- var Menu$1 = neetoui.Dropdown.Menu,
12662
- MenuItem$1 = neetoui.Dropdown.MenuItem,
12663
- Divider = neetoui.Dropdown.Divider;
12615
+ var Menu$1 = Dropdown__default["default"].Menu,
12616
+ MenuItem$1 = Dropdown__default["default"].MenuItem,
12617
+ Divider = Dropdown__default["default"].Divider;
12664
12618
  var EventItem = function EventItem(_ref) {
12665
12619
  var name = _ref.name,
12666
12620
  parentName = _ref.parentName,
@@ -12718,11 +12672,11 @@ var EventItem = function EventItem(_ref) {
12718
12672
  };
12719
12673
  return /*#__PURE__*/React__default["default"].createElement("div", {
12720
12674
  className: "my-auto flex flex-wrap"
12721
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
12675
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
12722
12676
  buttonStyle: "secondary",
12723
12677
  className: "neeto-ui-bg-gray-100",
12724
12678
  closeOnSelect: false,
12725
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12679
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12726
12680
  "data-cy": "event-dropdown-button",
12727
12681
  style: "h5",
12728
12682
  weight: "semibold",
@@ -12739,7 +12693,7 @@ var EventItem = function EventItem(_ref) {
12739
12693
  onClose: handleClose
12740
12694
  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, {
12741
12695
  className: "max-h-60 max-w-2xl p-3"
12742
- }, eventOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
12696
+ }, eventOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
12743
12697
  className: "mb-1",
12744
12698
  "data-cy": "search-text-field",
12745
12699
  placeholder: i18next.t("neetoRules.common.search"),
@@ -12767,8 +12721,8 @@ var EventItem = function EventItem(_ref) {
12767
12721
  }, i18next.t("neetoRules.common.delete")))));
12768
12722
  };
12769
12723
 
12770
- var Menu = neetoui.Dropdown.Menu,
12771
- MenuItem = neetoui.Dropdown.MenuItem;
12724
+ var Menu = Dropdown__default["default"].Menu,
12725
+ MenuItem = Dropdown__default["default"].MenuItem;
12772
12726
  var Performer = function Performer(_ref) {
12773
12727
  var _selectedOption$label;
12774
12728
  var name = _ref.name,
@@ -12820,15 +12774,15 @@ var Performer = function Performer(_ref) {
12820
12774
  };
12821
12775
  return /*#__PURE__*/React__default["default"].createElement("div", {
12822
12776
  className: "my-auto flex"
12823
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12777
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12824
12778
  className: "neeto-ui-text-gray-700 mr-2",
12825
12779
  style: "h5",
12826
12780
  weight: "normal"
12827
- }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
12781
+ }, i18next.t("neetoRules.common.by")), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
12828
12782
  buttonStyle: "secondary",
12829
12783
  className: "neeto-ui-bg-gray-100",
12830
12784
  closeOnSelect: false,
12831
- customTarget: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12785
+ customTarget: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12832
12786
  "data-cy": "event-performer-dropdown",
12833
12787
  style: "h5",
12834
12788
  weight: "semibold",
@@ -12845,7 +12799,7 @@ var Performer = function Performer(_ref) {
12845
12799
  onClose: handleClose
12846
12800
  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
12847
12801
  className: "max-h-60 max-w-2xl p-3"
12848
- }, performerOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
12802
+ }, performerOptions.length > MAXIMUM_OPTION_LENGTH$1 && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
12849
12803
  className: "mb-1",
12850
12804
  "data-cy": "search-text-field",
12851
12805
  placeholder: i18next.t("neetoRules.common.search"),
@@ -12948,7 +12902,7 @@ var Events = function Events(_ref) {
12948
12902
  className: classNames__default["default"]("flex flex-wrap gap-x-2 gap-y-2", {
12949
12903
  "max-w-2xl": showAddButton
12950
12904
  })
12951
- }, showMessage && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12905
+ }, showMessage && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12952
12906
  className: "my-auto",
12953
12907
  component: "p",
12954
12908
  "data-cy": "event-message-text",
@@ -12957,11 +12911,11 @@ var Events = function Events(_ref) {
12957
12911
  return /*#__PURE__*/React__default["default"].createElement("div", {
12958
12912
  className: "flex flex-wrap gap-x-2",
12959
12913
  key: index
12960
- }, !index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12914
+ }, !index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12961
12915
  className: "neeto-ui-text-gray-700 my-auto",
12962
12916
  style: "h5",
12963
12917
  weight: "normal"
12964
- }, i18next.t("neetoRules.common.when")), !!index && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
12918
+ }, i18next.t("neetoRules.common.when")), !!index && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
12965
12919
  className: "neeto-ui-text-gray-700 my-auto",
12966
12920
  style: "h5",
12967
12921
  weight: "normal"
@@ -12978,7 +12932,7 @@ var Events = function Events(_ref) {
12978
12932
  }), !showMessage && /*#__PURE__*/React__default["default"].createElement(Performer, {
12979
12933
  data: data,
12980
12934
  name: performerName
12981
- })), /*#__PURE__*/React__default["default"].createElement("div", null, showAddButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12935
+ })), /*#__PURE__*/React__default["default"].createElement("div", null, showAddButton && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12982
12936
  "data-cy": "add-event-button",
12983
12937
  "data-test-id": "automation-rules-add-events-button",
12984
12938
  icon: neetoIcons.Plus,
@@ -12991,7 +12945,7 @@ var Events = function Events(_ref) {
12991
12945
  onClick: function onClick() {
12992
12946
  return handleAddEvent(arrayHelpers);
12993
12947
  }
12994
- }), !showMessage && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
12948
+ }), !showMessage && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
12995
12949
  "data-cy": "delete-event-button",
12996
12950
  icon: neetoIcons.Delete,
12997
12951
  size: 32,
@@ -13036,7 +12990,7 @@ var InputField = function InputField(_ref) {
13036
12990
  _useDebouncedUpdate2 = _slicedToArray$1(_useDebouncedUpdate, 2),
13037
12991
  text = _useDebouncedUpdate2[0],
13038
12992
  setText = _useDebouncedUpdate2[1];
13039
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Input, _extends$1({
12993
+ return /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], _extends$1({
13040
12994
  className: "mb-4",
13041
12995
  label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)
13042
12996
  }, field, {
@@ -13059,7 +13013,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
13059
13013
  _useField2 = _slicedToArray$1(_useField, 3),
13060
13014
  setValue = _useField2[2].setValue;
13061
13015
  var elementProps = data[name];
13062
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Select, _extends$1({
13016
+ return /*#__PURE__*/React__default["default"].createElement(Select__default$1["default"], _extends$1({
13063
13017
  isMulti: true,
13064
13018
  label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
13065
13019
  name: "".concat(name, ".value"),
@@ -13082,15 +13036,15 @@ var RadioField = function RadioField(_ref) {
13082
13036
  var radioOptions = options || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.options);
13083
13037
  return /*#__PURE__*/React__default["default"].createElement("div", {
13084
13038
  className: "my-6"
13085
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
13039
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
13086
13040
  className: "mb-4",
13087
13041
  "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({
13042
+ }, label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], _extends$1({
13089
13043
  name: "".concat(name, ".value")
13090
13044
  }, componentProps), radioOptions.map(function (_ref2, index) {
13091
13045
  var label = _ref2.label,
13092
13046
  value = _ref2.value;
13093
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Radio.Item, {
13047
+ return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
13094
13048
  label: label,
13095
13049
  value: value,
13096
13050
  key: index
@@ -13110,7 +13064,7 @@ var SelectField = function SelectField(_ref) {
13110
13064
  _useField2 = _slicedToArray$1(_useField, 3),
13111
13065
  setValue = _useField2[2].setValue;
13112
13066
  var elementProps = data[name];
13113
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Select, _extends$1({
13067
+ return /*#__PURE__*/React__default["default"].createElement(Select__default$1["default"], _extends$1({
13114
13068
  label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
13115
13069
  name: "".concat(name, ".value"),
13116
13070
  options: options || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.options),
@@ -13137,7 +13091,7 @@ var TextareaField = function TextareaField(_ref) {
13137
13091
  _useDebouncedUpdate2 = _slicedToArray$1(_useDebouncedUpdate, 2),
13138
13092
  text = _useDebouncedUpdate2[0],
13139
13093
  setText = _useDebouncedUpdate2[1];
13140
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, _extends$1({
13094
+ return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], _extends$1({
13141
13095
  className: "mb-4",
13142
13096
  label: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
13143
13097
  rows: 4