@bigbinary/neeto-filters-frontend 3.3.3 → 3.3.5

package/dist/index.cjs.js

@@ -10,17 +10,36 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var ramda = require('ramda');
 var reactQuery = require('react-query');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
-var formik = require('@bigbinary/neetoui/formik');
+var Accordion = require('@bigbinary/neetoui/Accordion');
+var Button = require('@bigbinary/neetoui/Button');
+var Pane$1 = require('@bigbinary/neetoui/Pane');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Input$1 = require('@bigbinary/neetoui/formik/Input');
 var reactI18next = require('react-i18next');
 var reactRouterDom_min = require('react-router-dom/cjs/react-router-dom.min');
+var Select = require('@bigbinary/neetoui/Select');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var dayjs = require('dayjs');
+var timezone = require('dayjs/plugin/timezone');
+var utc = require('dayjs/plugin/utc');
+var weekday = require('dayjs/plugin/weekday');
+var jsxRuntime = require('react/jsx-runtime');
+var DatePicker = require('@bigbinary/neetoui/DatePicker');
+var TimePickerInput = require('@bigbinary/neetoui/TimePickerInput');
+var Input = require('@bigbinary/neetoui/Input');
+var NeetoUITreeSelect = require('@bigbinary/neetoui/TreeSelect');
 var yup = require('yup');
 var reactRouterDom = require('react-router-dom');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var axios = require('axios');
+var Dropdown$2 = require('@bigbinary/neetoui/Dropdown');
 var Search = require('@bigbinary/neeto-molecules/Search');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var Alert = require('@bigbinary/neetoui/Alert');
+var Spinner = require('@bigbinary/neetoui/Spinner');
 var dnd = require('@hello-pangea/dnd');
 var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
@@ -48,10 +67,30 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane$1);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
+var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
+var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
+var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
+var TimePickerInput__default = /*#__PURE__*/_interopDefaultLegacy(TimePickerInput);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var NeetoUITreeSelect__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITreeSelect);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$2);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
+var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
 var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 
@@ -127,21 +166,6 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -264,60 +288,10 @@ var DATE_RULES = {
 var SEARCH_TERM_KEY = "search_term";
 var SEGMENT_ID_KEY = "segment_id";
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var dayjs_min = {exports: {}};
-
-dayjs_min.exports;
-
-(function (module, exports) {
-	!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})); 
-} (dayjs_min, dayjs_min.exports));
-
-var dayjs_minExports = dayjs_min.exports;
-var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
-
-var timezone$1 = {exports: {}};
-
-timezone$1.exports;
-
-(function (module, exports) {
-	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,o){var r,a=function(t,n,i){void 0===i&&(i={});var o=new Date(t),r=function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",o=t+"|"+i,r=e[o];return r||(r=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[o]=r),r}(n,i);return r.formatToParts(o)},u=function(e,n){for(var i=a(e,n),r=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(r[c]=parseInt(m,10));}var d=r[3],l=24===d?0:d,h=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",v=+e;return (o.utc(h).valueOf()-(v-=v%1e3))/6e4},f=i.prototype;f.tz=function(t,e){void 0===t&&(t=r);var n=this.utcOffset(),i=this.toDate(),a=i.toLocaleString("en-US",{timeZone:t}),u=Math.round((i-new Date(a))/1e3/60),f=o(a,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(15*-Math.round(i.getTimezoneOffset()/15)-u,!0);if(e){var s=f.utcOffset();f=f.add(n-s,"minute");}return f.$x.$timezone=t,f},f.offsetName=function(t){var e=this.$x.$timezone||o.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find((function(t){return "timezonename"===t.type.toLowerCase()}));return n&&n.value};var s=f.startOf;f.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return s.call(this,t,e);var n=o(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return s.call(n,t,e).tz(this.$x.$timezone,!0)},o.tz=function(t,e,n){var i=n&&e,a=n||e||r,f=u(+o(),a);if("string"!=typeof t)return o(t).tz(a);var s=function(t,e,n){var i=t-60*e*1e3,o=u(i,n);if(e===o)return [i,e];var r=u(i-=60*(o-e)*1e3,n);return o===r?[i,o]:[t-60*Math.min(o,r)*1e3,Math.max(o,r)]}(o.utc(t,i).valueOf(),f,a),m=s[0],c=s[1],d=o(m).utcOffset(c);return d.$x.$timezone=a,d},o.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},o.tz.setDefault=function(t){r=t;};}})); 
-} (timezone$1, timezone$1.exports));
-
-var timezoneExports = timezone$1.exports;
-var timezone = /*@__PURE__*/getDefaultExportFromCjs(timezoneExports);
-
-var utc$1 = {exports: {}};
-
-utc$1.exports;
-
-(function (module, exports) {
-	!function(t,i){module.exports=i();}(commonjsGlobal,(function(){var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t);};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds();}else r.call(this);};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r;}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return !!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return "s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)};}})); 
-} (utc$1, utc$1.exports));
-
-var utcExports = utc$1.exports;
-var utc = /*@__PURE__*/getDefaultExportFromCjs(utcExports);
-
-var weekday$1 = {exports: {}};
-
-weekday$1.exports;
-
-(function (module, exports) {
-	!function(e,t){module.exports=t();}(commonjsGlobal,(function(){return function(e,t){t.prototype.weekday=function(e){var t=this.$locale().weekStart||0,i=this.$W,n=(i<t?i+7:i)-t;return this.$utils().u(e)?n:this.subtract(n,"day").add(e,"day")};}})); 
-} (weekday$1, weekday$1.exports));
-
-var weekdayExports = weekday$1.exports;
-var weekday = /*@__PURE__*/getDefaultExportFromCjs(weekdayExports);
-
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(weekday);
-dayjs.Ls.en.weekStart = 1;
+dayjs__default["default"].extend(utc__default["default"]);
+dayjs__default["default"].extend(timezone__default["default"]);
+dayjs__default["default"].extend(weekday__default["default"]);
+dayjs__default["default"].Ls.en.weekStart = 1;
 
 var NUMBER_RULES = [{
   label: i18next.t("neetoFilters.rules.is"),
@@ -395,14 +369,11 @@ var TREE_SELECT_RULES = [{
   value: "is_unknown"
 }];
 var DEFAULT_HELP_ICON_PROPS = {
-  icon: neetoIcons.Help,
-  tooltipProps: {
-    position: "right"
-  }
+  icon: neetoIcons.Help
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var groupByGroup = ramda.groupBy(function (_ref) {
   var group = _ref.group;
   return group || "individual";
@@ -464,7 +435,7 @@ var isMultiModelFilter = function isMultiModelFilter(_ref2) {
   return model.split(",").length > 1;
 };
 var getTimezone = function getTimezone() {
-  return dayjs.tz.guess();
+  return dayjs__default["default"].tz.guess();
 };
 var getLabelFromBool = function getLabelFromBool(_ref3) {
   var value = _ref3.value,
@@ -666,9 +637,9 @@ var buildFiltersFromSearchParams = function buildFiltersFromSearchParams(columns
 };
 var buildTimePayload = function buildTimePayload(value) {
   var timeValue = {
-    "this-hour": [dayjs().startOf("hour"), dayjs().endOf("hour")],
-    "last-hour": [dayjs().add(-1, "hour").startOf("hour"), dayjs().add(-1, "hour").endOf("hour")],
-    "next-hour": [dayjs().add(1, "hour").startOf("hour"), dayjs().add(1, "hour").endOf("hour")]
+    "this-hour": [dayjs__default["default"]().startOf("hour"), dayjs__default["default"]().endOf("hour")],
+    "last-hour": [dayjs__default["default"]().add(-1, "hour").startOf("hour"), dayjs__default["default"]().add(-1, "hour").endOf("hour")],
+    "next-hour": [dayjs__default["default"]().add(1, "hour").startOf("hour"), dayjs__default["default"]().add(1, "hour").endOf("hour")]
   };
   if (isCustomTimeRange(value)) {
     return {
@@ -685,28 +656,28 @@ var buildTimePayload = function buildTimePayload(value) {
 };
 var buildDatePayload = function buildDatePayload(value) {
   var dateValue = {
-    "this-week": [dayjs().startOf("week"), dayjs().endOf("week")],
-    "last-week": [dayjs().add(-1, "week").startOf("week"), dayjs().add(-1, "week").endOf("week")],
-    "this-month": [dayjs().startOf("month"), dayjs().endOf("month")],
-    "last-month": [dayjs().add(-1, "month").startOf("month"), dayjs().add(-1, "month").endOf("month")],
-    "this-year": [dayjs().startOf("year"), dayjs().endOf("year")],
-    "last-year": [dayjs().add(-1, "year").startOf("year"), dayjs().add(-1, "year").endOf("year")]
+    "this-week": [dayjs__default["default"]().startOf("week"), dayjs__default["default"]().endOf("week")],
+    "last-week": [dayjs__default["default"]().add(-1, "week").startOf("week"), dayjs__default["default"]().add(-1, "week").endOf("week")],
+    "this-month": [dayjs__default["default"]().startOf("month"), dayjs__default["default"]().endOf("month")],
+    "last-month": [dayjs__default["default"]().add(-1, "month").startOf("month"), dayjs__default["default"]().add(-1, "month").endOf("month")],
+    "this-year": [dayjs__default["default"]().startOf("year"), dayjs__default["default"]().endOf("year")],
+    "last-year": [dayjs__default["default"]().add(-1, "year").startOf("year"), dayjs__default["default"]().add(-1, "year").endOf("year")]
   };
   if (value === "today") {
     return {
-      value: dayjs().toISOString(),
+      value: dayjs__default["default"]().toISOString(),
       rule: "on",
       timezone: getTimezone()
     };
   } else if (value === "yesterday") {
     return {
-      value: dayjs().add(-1, "day").toISOString(),
+      value: dayjs__default["default"]().add(-1, "day").toISOString(),
       rule: "on",
       timezone: getTimezone()
     };
   } else if (value === "all-time") {
     return {
-      value: dayjs().toISOString(),
+      value: dayjs__default["default"]().toISOString(),
       rule: "before",
       timezone: getTimezone(),
       type: "datetime"
@@ -730,7 +701,7 @@ var buildDatePayload = function buildDatePayload(value) {
 var buildSingleDatePayload = function buildSingleDatePayload(filter) {
   var value = filter.value;
   var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$5(_objectSpread$5({}, filter), {}, {
+  return _objectSpread$e(_objectSpread$e({}, filter), {}, {
     value: filterValue,
     type: "date"
   });
@@ -738,7 +709,7 @@ var buildSingleDatePayload = function buildSingleDatePayload(filter) {
 var buildSingleTimePayload = function buildSingleTimePayload(filter) {
   var value = filter.value;
   var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$5(_objectSpread$5({}, filter), {}, {
+  return _objectSpread$e(_objectSpread$e({}, filter), {}, {
     value: filterValue,
     type: "time"
   });
@@ -1008,7 +979,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22)
       var id = field.id,
         name = field.name,
         kind = field.kind;
-      var column = _objectSpread$5({
+      var column = _objectSpread$e({
         key: ramda.toLower(name),
         node: "".concat(name, ":").concat(id),
         label: neetoCist.capitalize(name),
@@ -1032,7 +1003,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22)
 };
 var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(columns) {
   return columns.map(function (column) {
-    return _objectSpread$5(_objectSpread$5({}, column), {}, {
+    return _objectSpread$e(_objectSpread$e({}, column), {}, {
       type: standardizeColumnType(column.type)
     });
   });
@@ -1107,17 +1078,17 @@ var getDateValue = function getDateValue(value, rule) {
   if (rule.value === "custom-date-range") {
     return value;
   }
-  return rule.value === "before" ? dayjs(value[1]).add(1, "day") : dayjs(value[0]).subtract(1, "day");
+  return rule.value === "before" ? dayjs__default["default"](value[1]).add(1, "day") : dayjs__default["default"](value[0]).subtract(1, "day");
 };
 var findDateOption = function findDateOption(filter, options) {
   var value = filter.value;
-  var isBeforeOrAfter = dayjs(value[1]).diff(dayjs(value[0]), "year") >= 90;
+  var isBeforeOrAfter = dayjs__default["default"](value[1]).diff(dayjs__default["default"](value[0]), "year") >= 90;
   if (ramda.not(isBeforeOrAfter)) {
     return ramda.last(options);
   }
-  var currentMoment = dayjs();
-  var diffWithStart = Math.abs(currentMoment.diff(dayjs(value[0]), "year"));
-  var diffWithEnd = Math.abs(currentMoment.diff(dayjs(value[1]), "year"));
+  var currentMoment = dayjs__default["default"]();
+  var diffWithStart = Math.abs(currentMoment.diff(dayjs__default["default"](value[0]), "year"));
+  var diffWithEnd = Math.abs(currentMoment.diff(dayjs__default["default"](value[1]), "year"));
   return diffWithStart < diffWithEnd ? neetoCist.findBy({
     value: "after"
   }, options) : neetoCist.findBy({
@@ -1151,7 +1122,7 @@ var areCustomTimeRangeValuesNotValid = function areCustomTimeRangeValuesNotValid
 
 // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
 var formatSingleTime = function formatSingleTime(time) {
-  return dayjs(time).format("HH:mm:ss");
+  return dayjs__default["default"](time).format("HH:mm:ss");
 };
 var formatTime = function formatTime(value, timePickerType) {
   if (isNilOrEmpty(value)) return null;
@@ -1164,6 +1135,8 @@ var isRuleEmpty = function isRuleEmpty(rule) {
   return ramda.equals(rule, "is_unknown");
 };
 
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Boolean = function Boolean(_ref) {
   var column = _ref.column,
     filter = _ref.filter,
@@ -1199,29 +1172,32 @@ var Boolean = function Boolean(_ref) {
     });
     handleApplyFilter(updatedFilter);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
-    autoFocus: autoFocus,
-    label: label,
-    options: options,
-    value: value,
-    isClearable: true
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    strategy: "fixed",
-    placeholder: t("neetoFilters.messages.selectOption", {
-      resource: label
-    }),
-    onChange: handleChange
-  }, otherProps)));
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-filters-pane-filter__item-wrapper",
+    children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$d(_objectSpread$d({
+      autoFocus: autoFocus,
+      label: label,
+      options: options,
+      value: value,
+      isClearable: true
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    }), {}, {
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      strategy: "fixed",
+      placeholder: t("neetoFilters.messages.selectOption", {
+        resource: label
+      }),
+      onChange: handleChange
+    }, otherProps))
+  });
 };
 var Boolean$1 = /*#__PURE__*/React__default["default"].memo(Boolean);
 
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Datetime = function Datetime(_ref) {
   var column = _ref.column,
     filter = _ref.filter,
@@ -1279,35 +1255,38 @@ var Datetime = function Datetime(_ref) {
   React.useEffect(function () {
     ramda.isNil(filter) && setSelectedRule({});
   }, [filter]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
-    autoFocus: autoFocus,
-    label: label,
-    isClearable: true,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    options: DATE_OPTIONS,
-    strategy: "fixed",
-    value: selectedRule,
-    placeholder: t("neetoFilters.messages.selectResource", {
-      resource: label
-    })
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleChange
-  })), isDatePickerShown && /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
-    getPopupContainer: ramda.prop("parentNode"),
-    type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
-    value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, selectedRule),
-    onChange: handleDateRangeChange
-  }, otherProps)));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-filters-pane-filter__item-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$c(_objectSpread$c({
+      autoFocus: autoFocus,
+      label: label,
+      isClearable: true,
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      options: DATE_OPTIONS,
+      strategy: "fixed",
+      value: selectedRule,
+      placeholder: t("neetoFilters.messages.selectResource", {
+        resource: label
+      })
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    }), {}, {
+      onChange: handleChange
+    })), isDatePickerShown && /*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], _objectSpread$c({
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
+      getPopupContainer: ramda.prop("parentNode"),
+      type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
+      value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, selectedRule),
+      onChange: handleDateRangeChange
+    }, otherProps))]
+  });
 };
 var Datetime$1 = /*#__PURE__*/React__default["default"].memo(Datetime);
 
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dropdown = function Dropdown(_ref) {
   var column = _ref.column,
     filter = _ref.filter,
@@ -1389,36 +1368,39 @@ var Dropdown = function Dropdown(_ref) {
     if (!ramda.isEmpty(filters)) return;
     isRuleEmpty(selectedRule.value) && setSelectedRule(dropdownRules[0]);
   }, [filters]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
-    label: label,
-    defaultValue: dropdownRules[0],
-    options: dropdownRules,
-    value: selectedRule,
-    onChange: handleRuleChange
-  }), !isRuleEmpty(selectedRule.value) && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
-    autoFocus: autoFocus,
-    options: options,
-    value: value,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    isClearable: !defaultValue && isClearable,
-    isMulti: isMulti(defaultType),
-    label: !showRuleSelector && label,
-    strategy: "fixed",
-    placeholder: t("neetoFilters.messages.selectResource", {
-      resource: label
-    })
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleChange
-  }, otherProps)));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-filters-pane-filter__item-wrapper",
+    children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+      label: label,
+      defaultValue: dropdownRules[0],
+      options: dropdownRules,
+      value: selectedRule,
+      onChange: handleRuleChange
+    }), !isRuleEmpty(selectedRule.value) && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$b(_objectSpread$b({
+      autoFocus: autoFocus,
+      options: options,
+      value: value,
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      isClearable: !defaultValue && isClearable,
+      isMulti: isMulti(defaultType),
+      label: !showRuleSelector && label,
+      strategy: "fixed",
+      placeholder: t("neetoFilters.messages.selectResource", {
+        resource: label
+      })
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    }), {}, {
+      onChange: handleChange
+    }, otherProps))]
+  });
 };
 var Dropdown$1 = /*#__PURE__*/React__default["default"].memo(Dropdown);
 
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SingleDatetime = function SingleDatetime(_ref) {
   var column = _ref.column,
     filter = _ref.filter,
@@ -1484,31 +1466,34 @@ var SingleDatetime = function SingleDatetime(_ref) {
     });
     handleApplyFilter(updatedFilter);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
-    label: label,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
-    defaultValue: SINGLE_DATE_OPTIONS[0],
-    options: SINGLE_DATE_OPTIONS,
-    strategy: "fixed",
-    value: selectedRule
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleRuleChange
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
-    autoFocus: autoFocus,
-    value: value,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    getPopupContainer: ramda.prop("parentNode"),
-    type: datePickerType,
-    onChange: handleChange
-  }, otherProps)));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-filters-pane-filter__item-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$a(_objectSpread$a({
+      label: label,
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
+      defaultValue: SINGLE_DATE_OPTIONS[0],
+      options: SINGLE_DATE_OPTIONS,
+      strategy: "fixed",
+      value: selectedRule
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    }), {}, {
+      onChange: handleRuleChange
+    })), /*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], _objectSpread$a({
+      autoFocus: autoFocus,
+      value: value,
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      getPopupContainer: ramda.prop("parentNode"),
+      type: datePickerType,
+      onChange: handleChange
+    }, otherProps))]
+  });
 };
 
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SingleTime = function SingleTime(_ref) {
   var column = _ref.column,
     filter = _ref.filter,
@@ -1576,30 +1561,33 @@ var SingleTime = function SingleTime(_ref) {
     handleApplyFilter(updatedFilter);
   };
   var formattedTime = formatTime(value, timePickerType);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
-    label: label,
-    defaultValue: SINGLE_TIME_OPTIONS[0],
-    options: SINGLE_TIME_OPTIONS,
-    strategy: "fixed",
-    value: selectedRule
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleRuleChange
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.TimePickerInput, _extends({
-    autoFocus: autoFocus,
-    className: "w-full",
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    type: timePickerType,
-    value: formattedTime,
-    onChange: handleChange
-  }, otherProps)));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-filters-pane-filter__item-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$9(_objectSpread$9({
+      label: label,
+      defaultValue: SINGLE_TIME_OPTIONS[0],
+      options: SINGLE_TIME_OPTIONS,
+      strategy: "fixed",
+      value: selectedRule
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    }), {}, {
+      onChange: handleRuleChange
+    })), /*#__PURE__*/jsxRuntime.jsx(TimePickerInput__default["default"], _objectSpread$9({
+      autoFocus: autoFocus,
+      className: "w-full",
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      type: timePickerType,
+      value: formattedTime,
+      onChange: handleChange
+    }, otherProps))]
+  });
 };
 
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Text = function Text(_ref) {
   var column = _ref.column,
     filter = _ref.filter,
@@ -1672,41 +1660,44 @@ var Text = function Text(_ref) {
     }
     handleUpdateAndApplyFilter();
   }, [debouncedInputValue]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
-    label: label,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
-    defaultValue: ruleOptions[0],
-    options: ruleOptions,
-    strategy: "fixed",
-    value: selectedRule,
-    onChange: handleRuleChange
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({
-    autoFocus: autoFocus,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    label: !showRuleSelector && label,
-    type: inputType,
-    value: inputValue
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    placeholder: t("neetoFilters.messages.enterResource", {
-      resource: label
-    }),
-    onChange: function onChange(event) {
-      return setInputValue(event.target.value);
-    },
-    onKeyDown: handleKeydown
-  }, otherProps)));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-filters-pane-filter__item-wrapper",
+    children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$8({
+      label: label,
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
+      defaultValue: ruleOptions[0],
+      options: ruleOptions,
+      strategy: "fixed",
+      value: selectedRule,
+      onChange: handleRuleChange
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    })), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$8(_objectSpread$8({
+      autoFocus: autoFocus,
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      label: !showRuleSelector && label,
+      type: inputType,
+      value: inputValue
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    }), {}, {
+      placeholder: t("neetoFilters.messages.enterResource", {
+        resource: label
+      }),
+      onChange: function onChange(event) {
+        return setInputValue(event.target.value);
+      },
+      onKeyDown: handleKeydown
+    }, otherProps))]
+  });
 };
 
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Time = function Time(_ref) {
   var column = _ref.column,
     filter = _ref.filter,
@@ -1758,35 +1749,38 @@ var Time = function Time(_ref) {
     });
     handleApplyFilter(updatedFilter);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
-    autoFocus: autoFocus,
-    label: label,
-    value: value,
-    isClearable: true,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    options: TIME_OPTIONS,
-    strategy: "fixed",
-    placeholder: t("neetoFilters.messages.selectResource", {
-      resource: label
-    })
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleChange
-  })), isCustomTimeRangeShown && /*#__PURE__*/React__default["default"].createElement(neetoui.TimePickerInput, _extends({
-    className: "w-full",
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
-    type: "range",
-    value: formatTime(filter.value, "range"),
-    onChange: handleTimeRangeChange
-  }, otherProps)));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-filters-pane-filter__item-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$7(_objectSpread$7({
+      autoFocus: autoFocus,
+      label: label,
+      value: value,
+      isClearable: true,
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      options: TIME_OPTIONS,
+      strategy: "fixed",
+      placeholder: t("neetoFilters.messages.selectResource", {
+        resource: label
+      })
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    }), {}, {
+      onChange: handleChange
+    })), isCustomTimeRangeShown && /*#__PURE__*/jsxRuntime.jsx(TimePickerInput__default["default"], _objectSpread$7({
+      className: "w-full",
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
+      type: "range",
+      value: formatTime(filter.value, "range"),
+      onChange: handleTimeRangeChange
+    }, otherProps))]
+  });
 };
 var Time$1 = /*#__PURE__*/React__default["default"].memo(Time);
 
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TreeSelect = function TreeSelect(_ref) {
   var _findBy;
   var autoFocus = _ref.autoFocus,
@@ -1848,36 +1842,37 @@ var TreeSelect = function TreeSelect(_ref) {
     });
     return handleApplyFilter(updatedFilter);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
-    label: label,
-    defaultValue: TREE_SELECT_RULES[0],
-    options: TREE_SELECT_RULES,
-    value: selectedRule,
-    onChange: handleRuleChange
-  }), !isRuleEmpty(selectedRule.value) &&
-  /*#__PURE__*/
-  // eslint-disable-next-line @bigbinary/neeto/merge-spread-attributes
-  React__default["default"].createElement(neetoui.TreeSelect, _extends({
-    autoFocus: autoFocus,
-    multiple: true,
-    showSearch: true,
-    treeDataSimpleMode: true,
-    allowClear: !defaultValue && isClearable,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    label: !showRuleSelector && label,
-    treeData: options,
-    value: selectedOption,
-    placeholder: t("neetoFilters.messages.selectResource", {
-      resource: label
-    }),
-    onChange: handleChange
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, getOtherProps(column))));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-filters-pane-filter__item-wrapper",
+    children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+      label: label,
+      defaultValue: TREE_SELECT_RULES[0],
+      options: TREE_SELECT_RULES,
+      value: selectedRule,
+      onChange: handleRuleChange
+    }), !isRuleEmpty(selectedRule.value) &&
+    /*#__PURE__*/
+    // eslint-disable-next-line @bigbinary/neeto/merge-spread-attributes
+    jsxRuntime.jsx(NeetoUITreeSelect__default["default"], _objectSpread$6(_objectSpread$6({
+      autoFocus: autoFocus,
+      multiple: true,
+      showSearch: true,
+      treeDataSimpleMode: true,
+      allowClear: !defaultValue && isClearable,
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      label: !showRuleSelector && label,
+      treeData: options,
+      value: selectedOption,
+      placeholder: t("neetoFilters.messages.selectResource", {
+        resource: label
+      }),
+      onChange: handleChange
+    }, neetoCist.isNotEmpty(helpIconProps) && {
+      labelProps: {
+        helpIconProps: buildHelpIconProps(helpIconProps)
+      }
+    }), getOtherProps(column)))]
+  });
 };
 var TreeSelect$1 = /*#__PURE__*/React__default["default"].memo(TreeSelect);
 
@@ -1904,7 +1899,7 @@ var Item = function Item(_ref) {
     }, updatedFilter, filters));
   };
   if (isText(defaultType) || isDigit(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(Text, {
+    return /*#__PURE__*/jsxRuntime.jsx(Text, {
       autoFocus: autoFocus,
       column: column,
       filter: filter,
@@ -1914,7 +1909,7 @@ var Item = function Item(_ref) {
     });
   }
   if (isDate(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(Datetime$1, {
+    return /*#__PURE__*/jsxRuntime.jsx(Datetime$1, {
       autoFocus: autoFocus,
       column: column,
       filter: filter,
@@ -1922,7 +1917,7 @@ var Item = function Item(_ref) {
     });
   }
   if (isTime(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(Time$1, {
+    return /*#__PURE__*/jsxRuntime.jsx(Time$1, {
       autoFocus: autoFocus,
       column: column,
       filter: filter,
@@ -1930,7 +1925,7 @@ var Item = function Item(_ref) {
     });
   }
   if (isSingleDate(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(SingleDatetime, {
+    return /*#__PURE__*/jsxRuntime.jsx(SingleDatetime, {
       autoFocus: autoFocus,
       column: column,
       filter: filter,
@@ -1939,7 +1934,7 @@ var Item = function Item(_ref) {
     });
   }
   if (isSingleTime(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(SingleTime, {
+    return /*#__PURE__*/jsxRuntime.jsx(SingleTime, {
       autoFocus: autoFocus,
       column: column,
       filter: filter,
@@ -1948,7 +1943,7 @@ var Item = function Item(_ref) {
     });
   }
   if (isBoolean(defaultType) || isCheckbox(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(Boolean$1, {
+    return /*#__PURE__*/jsxRuntime.jsx(Boolean$1, {
       autoFocus: autoFocus,
       column: column,
       filter: filter,
@@ -1956,14 +1951,14 @@ var Item = function Item(_ref) {
     });
   }
   if (isTreeSelect(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(TreeSelect$1, {
+    return /*#__PURE__*/jsxRuntime.jsx(TreeSelect$1, {
       autoFocus: autoFocus,
       column: column,
       filter: filter,
       handleApplyFilter: handleApplyFilter
     });
   }
-  return /*#__PURE__*/React__default["default"].createElement(Dropdown$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
     autoFocus: autoFocus,
     column: column,
     filter: filter,
@@ -2002,58 +1997,63 @@ var AddFilter = function AddFilter(_ref) {
   var disableAddButton = selectedColumn.step !== STEPS.ADD && neetoCist.isNotPresent((_findBy = neetoCist.findBy({
     key: selectedColumn.column.key
   }, filters)) === null || _findBy === void 0 ? void 0 : _findBy.value) || ramda.isEmpty(columns);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, selectedColumn.step !== STEPS.ADD ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex w-full gap-4"
-  }, selectedColumn.step === STEPS.COLUMN && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
-    isSearchable: true,
-    label: t("neetoFilters.segments.newFilter"),
-    optionRemapping: {
-      label: "label",
-      value: "key"
-    },
-    options: columns,
-    placeholder: t("neetoFilters.segments.selectFilter"),
-    onChange: function onChange(column) {
-      return setSelectedColumn({
-        step: STEPS.VALUE,
-        column: column
-      });
-    }
-  }), selectedColumn.step === STEPS.VALUE && /*#__PURE__*/React__default["default"].createElement(Item, {
-    filters: filters,
-    autoFocus: true,
-    column: selectedColumn.column,
-    onChange: handleChange
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    className: "mt-6 self-center",
-    icon: neetoIcons.Delete,
-    style: "text",
-    onClick: function onClick() {
-      handleClearFilter(selectedColumn.column);
-      setSelectedColumn(ramda.assoc("step", STEPS.ADD));
-    }
-  })), /*#__PURE__*/React__default["default"].createElement(AddFilter, {
-    filters: filters,
-    handleChange: handleChange,
-    handleClearFilter: handleClearFilter,
-    columns: columns.filter(function (_ref2) {
-      var key = _ref2.key;
-      return !neetoCist.existsBy({
-        key: key
-      }, filters);
-    }),
-    disabled: disableAddButton
-  })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    disabled: disabled,
-    className: "self-start",
-    icon: neetoIcons.Plus,
-    iconPosition: "left",
-    label: t("neetoFilters.segments.addFilter"),
-    style: "link",
-    onClick: function onClick() {
-      return setSelectedColumn(ramda.assoc("step", STEPS.COLUMN));
-    }
-  }));
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: selectedColumn.step !== STEPS.ADD ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex w-full gap-4",
+        children: [selectedColumn.step === STEPS.COLUMN && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+          isSearchable: true,
+          label: t("neetoFilters.segments.newFilter"),
+          optionRemapping: {
+            label: "label",
+            value: "key"
+          },
+          options: columns,
+          placeholder: t("neetoFilters.segments.selectFilter"),
+          onChange: function onChange(column) {
+            return setSelectedColumn({
+              step: STEPS.VALUE,
+              column: column
+            });
+          }
+        }), selectedColumn.step === STEPS.VALUE && /*#__PURE__*/jsxRuntime.jsx(Item, {
+          filters: filters,
+          autoFocus: true,
+          column: selectedColumn.column,
+          onChange: handleChange
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          className: "mt-6 self-center",
+          icon: neetoIcons.Delete,
+          style: "text",
+          onClick: function onClick() {
+            handleClearFilter(selectedColumn.column);
+            setSelectedColumn(ramda.assoc("step", STEPS.ADD));
+          }
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(AddFilter, {
+        filters: filters,
+        handleChange: handleChange,
+        handleClearFilter: handleClearFilter,
+        columns: columns.filter(function (_ref2) {
+          var key = _ref2.key;
+          return !neetoCist.existsBy({
+            key: key
+          }, filters);
+        }),
+        disabled: disableAddButton
+      })]
+    }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      disabled: disabled,
+      className: "self-start",
+      icon: neetoIcons.Plus,
+      iconPosition: "left",
+      label: t("neetoFilters.segments.addFilter"),
+      style: "link",
+      onClick: function onClick() {
+        return setSelectedColumn(ramda.assoc("step", STEPS.COLUMN));
+      }
+    })
+  });
 };
 
 var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defaultSegmentName) {
@@ -2068,8 +2068,8 @@ var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defau
   });
 };
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SegmentForm = function SegmentForm(_ref) {
   var _ref$isEdit = _ref.isEdit,
     isEdit = _ref$isEdit === void 0 ? false : _ref$isEdit,
@@ -2097,7 +2097,7 @@ var SegmentForm = function SegmentForm(_ref) {
     ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
   var handleChange = function handleChange(newFilters) {
     var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var params = buildUrlFromFilters(_objectSpread$4({
+    var params = buildUrlFromFilters(_objectSpread$5({
       columns: columns,
       filters: newFilters
     }, isClearAll && {
@@ -2120,116 +2120,129 @@ var SegmentForm = function SegmentForm(_ref) {
     setFieldValue("filters", formState);
     handleChange(globalState);
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
     isOpen: isOpen,
     onClose: onClose,
-    initialFocusRef: segmentFormInitialRef
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h2",
-    weight: "semibold"
-  }, isEdit ? t("neetoFilters.segments.editSegment") : t("neetoFilters.segments.addNewSegment"))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
-    className: "w-full",
-    formProps: {
-      noValidate: true
-    },
-    formikProps: {
-      initialValues: initialValues,
-      validateOnChange: true,
-      validateOnBlur: true,
-      validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
-      onSubmit: handleSubmit
-    }
-  }, function (_ref2) {
-    var errors = _ref2.errors,
-      values = _ref2.values,
-      setFieldValue = _ref2.setFieldValue;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
-      className: "w-full flex-grow-0",
-      error: errors.name,
-      label: t("neetoFilters.segments.name"),
-      name: "name",
-      placeholder: t("neetoFilters.segments.segmentName"),
-      ref: segmentFormInitialRef
-    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "mb-2 mt-4",
-      style: "h4"
-    }, t("neetoFilters.common.filters")), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-filters-pane-filter__body flex w-full flex-col gap-5"
-    }, ungroupedColumns.filter(function (_ref3) {
-      var key = _ref3.key;
-      return neetoCist._existsBy({
-        key: key
-      }, values.filters[0].conditions);
-    }).map(function (column) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "flex w-full gap-4",
-        key: column.key
-      }, /*#__PURE__*/React__default["default"].createElement(Item, {
-        column: column,
-        filters: filters,
-        autoFocus: column.key === isOpen,
-        onChange: function onChange(filters) {
-          setFieldValue("filters", [{
-            conditions: filters
-          }]);
-          handleChange(filters);
-        }
-      }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-        className: "mt-6 self-center",
-        icon: neetoIcons.Delete,
-        style: "text",
-        onClick: function onClick() {
-          return handleClearFilter(column, values, setFieldValue);
-        }
-      }));
-    }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, null, groupedColumns.map(function (_ref4) {
-      var group = _ref4.group,
-        columns = _ref4.columns;
-      return /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion.Item, {
-        className: "accordion_item",
-        key: group,
-        title: group
-      }, columns.map(function (column) {
-        return /*#__PURE__*/React__default["default"].createElement(Item, {
-          column: column,
-          filters: filters,
-          autoFocus: column.key === isOpen,
-          key: column.key,
-          onChange: handleChange
-        });
-      }));
-    })), ramda.isEmpty([].concat(_toConsumableArray(groupedColumns), _toConsumableArray(ungroupedColumns))) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, t("neetoFilters.messages.noResourcesFound", {
-      resources: t("neetoFilters.common.columns")
-    })), customFilters, /*#__PURE__*/React__default["default"].createElement(AddFilter, {
-      filters: filters,
-      handleChange: handleChange,
-      columns: ungroupedColumns.filter(function (_ref5) {
-        var key = _ref5.key;
-        return !neetoCist.existsBy({
-          key: key
-        }, filters);
-      }),
-      handleClearFilter: function handleClearFilter(_ref6) {
-        var key = _ref6.key;
-        return handleChange(neetoCist.removeBy({
-          key: key
-        }, filters));
-      }
-    }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
-      className: "flex items-center space-x-2"
-    }, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
-      cancelButtonProps: {
-        onClick: onClose,
-        disabled: false
+    initialFocusRef: segmentFormInitialRef,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h2",
+        weight: "semibold",
+        children: isEdit ? t("neetoFilters.segments.editSegment") : t("neetoFilters.segments.addNewSegment")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+      className: "w-full",
+      formProps: {
+        noValidate: true
+      },
+      formikProps: {
+        initialValues: initialValues,
+        validateOnChange: true,
+        validateOnBlur: true,
+        validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
+        onSubmit: handleSubmit
       },
-      submitButtonProps: {
-        disabled: isSubmitting || ramda.isEmpty(filters),
-        loading: isSubmitting
+      children: function children(_ref2) {
+        var errors = _ref2.errors,
+          values = _ref2.values,
+          setFieldValue = _ref2.setFieldValue;
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+              className: "w-full flex-grow-0",
+              error: errors.name,
+              label: t("neetoFilters.segments.name"),
+              name: "name",
+              placeholder: t("neetoFilters.segments.segmentName"),
+              ref: segmentFormInitialRef
+            }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              className: "mb-2 mt-4",
+              style: "h4",
+              children: t("neetoFilters.common.filters")
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "neeto-filters-pane-filter__body flex w-full flex-col gap-5",
+              children: [ungroupedColumns.filter(function (_ref3) {
+                var key = _ref3.key;
+                return neetoCist._existsBy({
+                  key: key
+                }, values.filters[0].conditions);
+              }).map(function (column) {
+                return /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "flex w-full gap-4",
+                  children: [/*#__PURE__*/jsxRuntime.jsx(Item, {
+                    column: column,
+                    filters: filters,
+                    autoFocus: column.key === isOpen,
+                    onChange: function onChange(filters) {
+                      setFieldValue("filters", [{
+                        conditions: filters
+                      }]);
+                      handleChange(filters);
+                    }
+                  }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                    className: "mt-6 self-center",
+                    icon: neetoIcons.Delete,
+                    style: "text",
+                    onClick: function onClick() {
+                      return handleClearFilter(column, values, setFieldValue);
+                    }
+                  })]
+                }, column.key);
+              }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"], {
+                children: groupedColumns.map(function (_ref4) {
+                  var group = _ref4.group,
+                    columns = _ref4.columns;
+                  return /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"].Item, {
+                    className: "accordion_item",
+                    title: group,
+                    children: columns.map(function (column) {
+                      return /*#__PURE__*/React.createElement(Item, {
+                        column: column,
+                        filters: filters,
+                        autoFocus: column.key === isOpen,
+                        key: column.key,
+                        onChange: handleChange
+                      });
+                    })
+                  }, group);
+                })
+              }), ramda.isEmpty([].concat(_toConsumableArray(groupedColumns), _toConsumableArray(ungroupedColumns))) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                style: "body2",
+                children: t("neetoFilters.messages.noResourcesFound", {
+                  resources: t("neetoFilters.common.columns")
+                })
+              }), customFilters, /*#__PURE__*/jsxRuntime.jsx(AddFilter, {
+                filters: filters,
+                handleChange: handleChange,
+                columns: ungroupedColumns.filter(function (_ref5) {
+                  var key = _ref5.key;
+                  return !neetoCist.existsBy({
+                    key: key
+                  }, filters);
+                }),
+                handleClearFilter: function handleClearFilter(_ref6) {
+                  var key = _ref6.key;
+                  return handleChange(neetoCist.removeBy({
+                    key: key
+                  }, filters));
+                }
+              })]
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+              isSubmitting: isSubmitting,
+              cancelButtonProps: {
+                onClick: onClose
+              },
+              submitButtonProps: {
+                disabled: isSubmitting || ramda.isEmpty(filters)
+              }
+            })
+          })]
+        });
       }
-    })));
-  }));
+    })]
+  });
 };
 
 var QUERY_KEYS = {
@@ -2261,12 +2274,12 @@ var SHORTCUTS = {
 };
 
 var buildCustomDateValue = function buildCustomDateValue(value) {
-  var isBeforeOrAfter = Math.abs(dayjs(value[1]).diff(dayjs(value[0]), "year")) >= 90;
+  var isBeforeOrAfter = Math.abs(dayjs__default["default"](value[1]).diff(dayjs__default["default"](value[0]), "year")) >= 90;
   if (isBeforeOrAfter) {
-    var currentMoment = dayjs();
-    var diffWithStart = Math.abs(currentMoment.diff(dayjs(value[0]), "year"));
-    var diffWithEnd = Math.abs(currentMoment.diff(dayjs(value[1]), "year"));
-    return diffWithStart < diffWithEnd ? "after-".concat(utils.dateFormat.date(dayjs(value[0]).subtract(1, "day"))) : "before-".concat(utils.dateFormat.date(dayjs(value[1]).add(1, "day")));
+    var currentMoment = dayjs__default["default"]();
+    var diffWithStart = Math.abs(currentMoment.diff(dayjs__default["default"](value[0]), "year"));
+    var diffWithEnd = Math.abs(currentMoment.diff(dayjs__default["default"](value[1]), "year"));
+    return diffWithStart < diffWithEnd ? "after-".concat(utils.dateFormat.date(dayjs__default["default"](value[0]).subtract(1, "day"))) : "before-".concat(utils.dateFormat.date(dayjs__default["default"](value[1]).add(1, "day")));
   }
   return value.map(utils.dateFormat.date).join(" - ");
 };
@@ -2377,40 +2390,46 @@ var Block = function Block(_ref) {
   }, {
     mode: "scoped"
   });
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
     content: filterValue,
     disabled: toolTipDisabled,
     position: "bottom",
-    theme: "light"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-bar__block",
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block"),
-    tabIndex: 0,
-    ref: function ref(node) {
-      deleteBlockHotKeyRef.current = node;
-      openFilterPaneHotKeyRef.current = node;
-    },
-    onClick: function onClick() {
-      return setIsPaneOpen(key);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, label, ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-600",
-    style: "body2"
-  }, ruleContent), !isRuleEmpty(rule) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, blockContent), !defaultValue && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-bar__block-close"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block-close-btn"),
-    size: 16,
-    strokeWidth: 2,
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      handleDelete(key);
-    }
-  }))));
+    theme: "light",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-filters-bar__block",
+      "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block"),
+      tabIndex: 0,
+      ref: function ref(node) {
+        deleteBlockHotKeyRef.current = node;
+        openFilterPaneHotKeyRef.current = node;
+      },
+      onClick: function onClick() {
+        return setIsPaneOpen(key);
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+        style: "body2",
+        children: [label, ":"]
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        className: "neeto-ui-text-gray-600",
+        style: "body2",
+        children: ruleContent
+      }), !isRuleEmpty(rule) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "body2",
+        children: blockContent
+      }), !defaultValue && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-filters-bar__block-close",
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
+          "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block-close-btn"),
+          size: 16,
+          strokeWidth: 2,
+          onClick: function onClick(event) {
+            event.stopPropagation();
+            handleDelete(key);
+          }
+        })
+      })]
+    })
+  });
 };
 
 var ChildBlock = function ChildBlock(_ref) {
@@ -2427,7 +2446,7 @@ var ChildBlock = function ChildBlock(_ref) {
   }, {
     mode: "scoped"
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-filters-bar__block",
     "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block"),
     tabIndex: 0,
@@ -2437,21 +2456,24 @@ var ChildBlock = function ChildBlock(_ref) {
     },
     onClick: function onClick() {
       return setIsPaneOpen(childKey);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2",
-    weight: "medium"
-  }, childKey), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-bar__block-close"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block-close-btn"),
-    size: 16,
-    strokeWidth: 2,
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      handleDelete(childKey);
-    }
-  })));
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      style: "body2",
+      weight: "medium",
+      children: childKey
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-filters-bar__block-close",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
+        "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block-close-btn"),
+        size: 16,
+        strokeWidth: 2,
+        onClick: function onClick(event) {
+          event.stopPropagation();
+          handleDelete(childKey);
+        }
+      })
+    })]
+  });
 };
 
 var FilterBar = function FilterBar(_ref) {
@@ -2498,47 +2520,50 @@ var FilterBar = function FilterBar(_ref) {
       isClearable = _ref2.isClearable;
     return defaultValue && !isClearable;
   }) && !childrenFiltersApplied;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, nonHiddenFilters.map(function (filter) {
-    var _filter$suffixCompone;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-      key: filter.key
-    }, /*#__PURE__*/React__default["default"].createElement(Block, {
-      filter: filter,
-      handleDelete: handleDelete,
-      setIsPaneOpen: setIsPaneOpen
-    }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-filters-bar--separator"
-    }));
-  }), childrenKeys.filter(function (childKey) {
-    return ramda.has(childKey, searchParams);
-  }).map(function (childKey) {
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-      key: childKey
-    }, /*#__PURE__*/React__default["default"].createElement(ChildBlock, {
-      childKey: childKey,
-      handleDelete: handleDelete,
-      setIsPaneOpen: setIsPaneOpen
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-filters-bar--separator"
-    }));
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-x-2"
-  }, neetoCist.isPresent(entity) && !hasOnlyKeywordFilter(filters) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "save-segment-button",
-    label: t("neetoFilters.segments.saveAsNewSegment"),
-    style: "secondary",
-    onClick: function onClick() {
-      setIsPaneOpen(false);
-      setIsSavePaneOpen({
-        action: SEGMENT_ACTIONS$1.CREATE
-      });
-    }
-  }), !hideClearButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "neeto-filters-bar-clear-btn",
-    label: t("neetoFilters.common.clearFilters"),
-    style: "text",
-    onClick: handleClearAll
-  })));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [nonHiddenFilters.map(function (filter) {
+      var _filter$suffixCompone;
+      return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Block, {
+          filter: filter,
+          handleDelete: handleDelete,
+          setIsPaneOpen: setIsPaneOpen
+        }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-filters-bar--separator"
+        })]
+      }, filter.key);
+    }), childrenKeys.filter(function (childKey) {
+      return ramda.has(childKey, searchParams);
+    }).map(function (childKey) {
+      return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(ChildBlock, {
+          childKey: childKey,
+          handleDelete: handleDelete,
+          setIsPaneOpen: setIsPaneOpen
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-filters-bar--separator"
+        })]
+      }, childKey);
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center gap-x-2",
+      children: [neetoCist.isPresent(entity) && !hasOnlyKeywordFilter(filters) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "save-segment-button",
+        label: t("neetoFilters.segments.saveAsNewSegment"),
+        style: "secondary",
+        onClick: function onClick() {
+          setIsPaneOpen(false);
+          setIsSavePaneOpen({
+            action: SEGMENT_ACTIONS$1.CREATE
+          });
+        }
+      }), !hideClearButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "neeto-filters-bar-clear-btn",
+        label: t("neetoFilters.common.clearFilters"),
+        style: "text",
+        onClick: handleClearAll
+      })]
+    })]
+  });
 };
 
 var fetch = function fetch(params) {
@@ -2578,8 +2603,8 @@ var segmentsApi = {
   destroy: destroy
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SEGMENTS_LIST = QUERY_KEYS.SEGMENTS_LIST;
 var useFetchSegments = function useFetchSegments(_ref) {
   var entity = _ref.entity,
@@ -2597,23 +2622,23 @@ var useFetchSegments = function useFetchSegments(_ref) {
   }, options));
 };
 var useCreateSegment = function useCreateSegment(options) {
-  return reactUtils.useMutationWithInvalidation(segmentsApi.create, _objectSpread$3({
+  return reactUtils.useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
     keysToInvalidate: [SEGMENTS_LIST]
   }, options));
 };
 var useUpdateSegment = function useUpdateSegment(options) {
-  return reactUtils.useMutationWithInvalidation(segmentsApi.update, _objectSpread$3({
+  return reactUtils.useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
     keysToInvalidate: [SEGMENTS_LIST]
   }, options));
 };
 var useDestroySegment = function useDestroySegment(options) {
-  return reactUtils.useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$3({
+  return reactUtils.useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
     keysToInvalidate: [SEGMENTS_LIST]
   }, options));
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(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; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useSegment = function useSegment(_ref) {
   var entity = _ref.entity,
     keyword = _ref.keyword,
@@ -2643,7 +2668,7 @@ var useSegment = function useSegment(_ref) {
   });
   var keywordValue = searchParams[SEARCH_TERM_KEY] || "";
   var isEdit = isSavePaneOpen.action === SEGMENT_ACTIONS$1.EDIT;
-  var keywordFilter = _objectSpread$2(_objectSpread$2({
+  var keywordFilter = _objectSpread$3(_objectSpread$3({
     type: "text",
     rule: "contains",
     label: t("neetoFilters.common.searchTerm")
@@ -2656,7 +2681,7 @@ var useSegment = function useSegment(_ref) {
     hidden: true
   }, filters);
   var handleApplyFilters = function handleApplyFilters(newFilters, isClearAll) {
-    var params = buildUrlFromFilters(_objectSpread$2({
+    var params = buildUrlFromFilters(_objectSpread$3({
       columns: columns,
       filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
     }, isClearAll && {
@@ -2750,8 +2775,8 @@ var useSegment = function useSegment(_ref) {
   };
 };
 
-var Menu = neetoui.Dropdown.Menu,
-  MenuItem = neetoui.Dropdown.MenuItem;
+var Menu = Dropdown__default["default"].Menu,
+  MenuItem = Dropdown__default["default"].MenuItem;
 var SegmentBar = function SegmentBar(_ref) {
   var entity = _ref.entity,
     filters = _ref.filters,
@@ -2786,41 +2811,51 @@ var SegmentBar = function SegmentBar(_ref) {
     handleApplyFilters(newFilters);
   };
   var changedFilters = deepCompare(segment.filters[0].conditions, filters);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-600 mr-4 px-2",
-    "data-cy": "neeto-filters-segment-name",
-    style: "h4"
-  }, segment.name), neetoCist.isNotEmpty(changedFilters) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
-    buttonProps: {
-      className: "mr-2"
-    },
-    buttonStyle: "secondary",
-    label: t("neetoFilters.segments.updateSegment")
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return setIsSavePaneOpen({
-        action: SEGMENT_ACTIONS$1.EDIT
-      });
-    }
-  }, t("neetoFilters.segments.updateSegment")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      setIsPaneOpen(false);
-      setIsSavePaneOpen({
-        action: SEGMENT_ACTIONS$1.CREATE
-      });
-    }
-  }, t("neetoFilters.segments.saveAsNewSegment")))), changedFilters.map(function (filter) {
-    var _filter$suffixCompone;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-      key: filter.key
-    }, /*#__PURE__*/React__default["default"].createElement(Block, {
-      filter: filter,
-      handleDelete: handleDelete,
-      setIsPaneOpen: setIsPaneOpen
-    }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-filters-bar--separator"
-    }));
-  })));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "neeto-ui-text-gray-600 mr-4 px-2",
+      "data-cy": "neeto-filters-segment-name",
+      style: "h4",
+      children: segment.name
+    }), neetoCist.isNotEmpty(changedFilters) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
+        buttonProps: {
+          className: "mr-2"
+        },
+        buttonStyle: "secondary",
+        label: t("neetoFilters.segments.updateSegment"),
+        children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+            onClick: function onClick() {
+              return setIsSavePaneOpen({
+                action: SEGMENT_ACTIONS$1.EDIT
+              });
+            },
+            children: t("neetoFilters.segments.updateSegment")
+          }), /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+            onClick: function onClick() {
+              setIsPaneOpen(false);
+              setIsSavePaneOpen({
+                action: SEGMENT_ACTIONS$1.CREATE
+              });
+            },
+            children: t("neetoFilters.segments.saveAsNewSegment")
+          })]
+        })
+      }), changedFilters.map(function (filter) {
+        var _filter$suffixCompone;
+        return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Block, {
+            filter: filter,
+            handleDelete: handleDelete,
+            setIsPaneOpen: setIsPaneOpen
+          }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "neeto-filters-bar--separator"
+          })]
+        }, filter.key);
+      })]
+    })]
+  });
 };
 
 var Bar = function Bar(_ref) {
@@ -2865,44 +2900,47 @@ var Bar = function Bar(_ref) {
   var cachedSegments = queryClient.getQueryData([QUERY_KEYS.SEGMENTS_LIST, entity, ""]) || DEFAULT_SEGMENTS_CACHE;
   var segment = neetoCist.findById(segmentId, cachedSegments.segments);
   if (ramda.isEmpty(nonHiddenFilters) && !childrenFiltersApplied) return null;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-filters-bar", _defineProperty({}, className, className))
-  }, /*#__PURE__*/React__default["default"].createElement(BarComponent, {
-    childrenFiltersApplied: childrenFiltersApplied,
-    childrenKeys: childrenKeys,
-    entity: entity,
-    filters: filters,
-    handleApplyFilters: handleApplyFilters,
-    keywordFilter: keywordFilter,
-    nonHiddenFilters: nonHiddenFilters,
-    setIsPaneOpen: setIsPaneOpen,
-    setIsSavePaneOpen: setIsSavePaneOpen
-  })), /*#__PURE__*/React__default["default"].createElement(SegmentForm, {
-    childrenKeys: childrenKeys,
-    columns: columns,
-    customFilters: customFilters,
-    defaultSegmentName: defaultSegmentName,
-    filters: filters,
-    handleSubmit: handleSubmit,
-    isEdit: isEdit,
-    isSubmitting: isSubmitting,
-    keywordFilter: keywordFilter,
-    segmentFormInitialRef: segmentFormInitialRef,
-    isOpen: neetoCist.isPresent(isSavePaneOpen.action),
-    initialValues: isEdit ? ramda.assoc("filters", [{
-      conditions: filters
-    }], segment) : {
-      name: "",
-      filters: [{
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames__default["default"]("neeto-filters-bar", _defineProperty({}, className, className)),
+      children: /*#__PURE__*/jsxRuntime.jsx(BarComponent, {
+        childrenFiltersApplied: childrenFiltersApplied,
+        childrenKeys: childrenKeys,
+        entity: entity,
+        filters: filters,
+        handleApplyFilters: handleApplyFilters,
+        keywordFilter: keywordFilter,
+        nonHiddenFilters: nonHiddenFilters,
+        setIsPaneOpen: setIsPaneOpen,
+        setIsSavePaneOpen: setIsSavePaneOpen
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(SegmentForm, {
+      childrenKeys: childrenKeys,
+      columns: columns,
+      customFilters: customFilters,
+      defaultSegmentName: defaultSegmentName,
+      filters: filters,
+      handleSubmit: handleSubmit,
+      isEdit: isEdit,
+      isSubmitting: isSubmitting,
+      keywordFilter: keywordFilter,
+      segmentFormInitialRef: segmentFormInitialRef,
+      isOpen: neetoCist.isPresent(isSavePaneOpen.action),
+      initialValues: isEdit ? ramda.assoc("filters", [{
         conditions: filters
-      }]
-    },
-    onClose: function onClose() {
-      return setIsSavePaneOpen({
-        action: undefined
-      });
-    }
-  }));
+      }], segment) : {
+        name: "",
+        filters: [{
+          conditions: filters
+        }]
+      },
+      onClose: function onClose() {
+        return setIsSavePaneOpen({
+          action: undefined
+        });
+      }
+    })]
+  });
 };
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -3011,8 +3049,8 @@ var useFilters = function useFilters(_ref) {
 };
 
 var _excluded = ["isOpen", "onClose", "columns", "onChange", "isSearchable", "keyword", "onSelectorsChange", "childrenKeys", "children", "className"];
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Pane = function Pane(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -3047,7 +3085,7 @@ var Pane = function Pane(_ref) {
     groupedColumns = _buildFilteredColumns2 === void 0 ? [] : _buildFilteredColumns2,
     _buildFilteredColumns3 = _buildFilteredColumns.ungroupedColumns,
     ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
-  var keywordFilter = _objectSpread$1(_objectSpread$1({
+  var keywordFilter = _objectSpread$2(_objectSpread$2({
     type: "text",
     rule: "contains",
     label: t("neetoFilters.common.searchTerm")
@@ -3063,7 +3101,7 @@ var Pane = function Pane(_ref) {
   });
   var handleChange = function handleChange(newFilters) {
     var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var params = buildUrlFromFilters(_objectSpread$1({
+    var params = buildUrlFromFilters(_objectSpread$2({
       columns: columns,
       filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
     }, isClearAll && {
@@ -3101,76 +3139,84 @@ var Pane = function Pane(_ref) {
   }) && !childrenKeys.some(function (key) {
     return searchParams[key];
   });
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, _extends({
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], _objectSpread$2(_objectSpread$2({
     isOpen: isOpen,
     backdropClassName: "neeto-filters-pane-backdrop",
     className: classnames__default["default"]("neeto-filters-pane-filter", _defineProperty({}, className, className)),
     onClose: handleClose
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, {
-    "data-cy": "neeto-filters-pane-header"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoFilters.common.filters"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
-    className: "neeto-filters-pane-filter__body neeto-ui-pt-2"
-  }, isSearchable && /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
-    "data-cy": "neeto-filters-column-search",
-    placeholder: t("neetoFilters.messages.searchResources", {
-      resources: t("neetoFilters.common.filters")
-    }),
-    onSearch: function onSearch(value) {
-      return setSearchTerm(value);
-    }
-  }), ungroupedColumns.map(function (column) {
-    return /*#__PURE__*/React__default["default"].createElement(Item, {
-      column: column,
-      filters: filters,
-      autoFocus: column.key === isOpen,
-      key: column.key,
-      onChange: handleChange,
-      onClose: handleClearTermAndClose
-    });
-  }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, {
-    defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
-      var columns = _ref4.columns;
-      return neetoCist.existsBy({
-        key: isOpen
-      }, columns);
-    })
-  }, groupedColumns.map(function (_ref5) {
-    var group = _ref5.group,
-      columns = _ref5.columns;
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion.Item, {
-      className: "accordion_item",
-      key: group,
-      title: group
-    }, columns.map(function (column) {
-      return /*#__PURE__*/React__default["default"].createElement(Item, {
-        column: column,
-        filters: filters,
-        autoFocus: column.key === isOpen,
-        key: column.key,
-        onChange: handleChange,
-        onClose: handleClearTermAndClose
-      });
-    }));
-  })), ramda.isEmpty(ungroupedColumns) && ramda.isEmpty(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, t("neetoFilters.messages.noResourcesFound", {
-    resources: t("neetoFilters.common.columns")
-  })), children), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
-    className: "gap-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "neeto-filters-done-btn",
-    label: t("neetoFilters.common.done"),
-    onClick: handleClearTermAndClose
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "neeto-filters-clear-btn",
-    disabled: isClearFiltersDisabled,
-    label: t("neetoFilters.common.clearFilters"),
-    style: "text",
-    onClick: handleClearAll
-  })));
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+      "data-cy": "neeto-filters-pane-header",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h2",
+        weight: "semibold",
+        children: t("neetoFilters.common.filters")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
+      className: "neeto-filters-pane-filter__body neeto-ui-pt-2",
+      children: [isSearchable && /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {
+        "data-cy": "neeto-filters-column-search",
+        placeholder: t("neetoFilters.messages.searchResources", {
+          resources: t("neetoFilters.common.filters")
+        }),
+        onSearch: function onSearch(value) {
+          return setSearchTerm(value);
+        }
+      }), ungroupedColumns.map(function (column) {
+        return /*#__PURE__*/React.createElement(Item, {
+          column: column,
+          filters: filters,
+          autoFocus: column.key === isOpen,
+          key: column.key,
+          onChange: handleChange,
+          onClose: handleClearTermAndClose
+        });
+      }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"], {
+        defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
+          var columns = _ref4.columns;
+          return neetoCist.existsBy({
+            key: isOpen
+          }, columns);
+        }),
+        children: groupedColumns.map(function (_ref5) {
+          var group = _ref5.group,
+            columns = _ref5.columns;
+          return /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"].Item, {
+            className: "accordion_item",
+            title: group,
+            children: columns.map(function (column) {
+              return /*#__PURE__*/React.createElement(Item, {
+                column: column,
+                filters: filters,
+                autoFocus: column.key === isOpen,
+                key: column.key,
+                onChange: handleChange,
+                onClose: handleClearTermAndClose
+              });
+            })
+          }, group);
+        })
+      }), ramda.isEmpty(ungroupedColumns) && ramda.isEmpty(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "body2",
+        children: t("neetoFilters.messages.noResourcesFound", {
+          resources: t("neetoFilters.common.columns")
+        })
+      }), children]
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Footer, {
+      className: "gap-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "neeto-filters-done-btn",
+        label: t("neetoFilters.common.done"),
+        onClick: handleClearTermAndClose
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "neeto-filters-clear-btn",
+        disabled: isClearFiltersDisabled,
+        label: t("neetoFilters.common.clearFilters"),
+        style: "text",
+        onClick: handleClearAll
+      })]
+    })]
+  }));
 };
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
@@ -3178,8 +3224,8 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
 var css = ".neeto-filters-bar{align-items:center;display:flex;flex-wrap:wrap}.neeto-filters-bar__block{border-radius:var(--neeto-ui-rounded);display:flex;gap:4px;margin:4px 0;max-width:384px;overflow:hidden;padding:4px 8px;position:relative;transition:var(--neeto-ui-transition);white-space:nowrap}.neeto-filters-bar__block p:first-child{color:rgb(var(--neeto-ui-gray-700))}.neeto-filters-bar__block-close{background-image:linear-gradient(90deg,rgba(var(--neeto-ui-gray-200),.5) 0,rgba(var(--neeto-ui-gray-200),1) 25%);color:rgb(var(--neeto-ui-gray-800));opacity:0;padding:8px;position:absolute;right:0;top:0;transition:var(--neeto-ui-transition)}.neeto-filters-bar__block:active,.neeto-filters-bar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));cursor:pointer}.neeto-filters-bar__block:active .neeto-filters-bar__block-close,.neeto-filters-bar__block:hover .neeto-filters-bar__block-close{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-black));opacity:1}.neeto-filters-bar__block:focus{box-shadow:0 0 0 3px rgba(var(--neeto-ui-gray-800),15%);outline:none}.neeto-filters-bar--separator{align-self:stretch;border-left:1px solid rgb(var(--neeto-ui-gray-400));margin:12px 8px}.neeto-filters-pane-filter{overflow:visible;width:360px}.neeto-filters-pane-filter__body{align-items:stretch!important;gap:20px}.neeto-filters-pane-filter__body>*{flex-grow:0!important}.neeto-filters-pane-filter__body p{text-align:center}.neeto-filters-pane-filter__body .neeto-filters-pane-filter__item-wrapper{display:flex;flex:1;flex-direction:column;gap:8px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{flex:1;margin-top:16px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper:first-of-type{margin-top:0}.neeto-filters-pane-filter__body .accordion_item:first-of-type .neeto-ui-accordion__item{padding-top:0}.neeto-filters-pane-filter__body .neeto-ui-accordion__wrapper--last-item{border-bottom:thin solid rgb(var(--neeto-ui-gray-300))}@media screen and (max-width:767px){.neeto-filters-pane-filter{width:100vw}}.neeto-filters-pane-backdrop{-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background-color:rgba(var(--neeto-ui-gray-700),.2)}.neeto-filters-segment--active{border-color:rgb(var(--neeto-ui-primary-500))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-500))!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19iYXIuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9pbmRleC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2ZpbHRlcnMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX21peGlucy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3NlZ21lbnRzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsbUJBR0Usa0JBQUEsQ0FGQSxZQUFBLENBQ0EsY0NFRixDRENFLDBCQUtFLHFDQUFBLENBSEEsWUFBQSxDQUVBLE9BQUEsQ0FHQSxZQUFBLENBQ0EsZUFBQSxDQUVBLGVBQUEsQ0FUQSxlQUFBLENBRUEsaUJBQUEsQ0FHQSxxQ0FBQSxDQUdBLGtCQ0VKLENEQ0ksd0NBQ0UsbUNDQ04sQ0RFSSxnQ0FRRSxnSEFBQSxDQUZBLG1DQUFBLENBREEsU0FBQSxDQURBLFdBQUEsQ0FIQSxpQkFBQSxDQUVBLE9BQUEsQ0FEQSxLQUFBLENBS0EscUNDQ04sQ0RPSSxpRUFFRSw4Q0FBQSxDQUNBLGNDTk4sQ0RRTSxpSUFHRSxxQ0FBQSxDQURBLGdDQUFBLENBREEsU0NKUixDRFVJLGdDQUVFLHVEQUFBLENBREEsWUNQTixDRFlFLDhCQUdFLGtCQUFBLENBRkEsbURBQUEsQ0FDQSxlQ1RKLENDL0NBLDJCQUVFLGdCQUFBLENBREEsV0RtREYsQ0NoREUsaUNBQ0UsNkJBQUEsQ0FDQSxRRGtESixDQ2hESSxtQ0FDRSxxQkRrRE4sQ0MvQ0ksbUNBQ0UsaUJEaUROLENDOUNJLDBFQUNFLFlBQUEsQ0FHQSxNQUFBLENBRkEscUJBQUEsQ0FDQSxPRGlETixDQzVDTSwwRkFFRSxNQUFBLENBREEsZUQrQ1IsQ0M1Q1Esd0dBQ0UsWUQ4Q1YsQ0MxQ1EseUZBQ0UsYUQ0Q1YsQ0N4Q0kseUVBQ0Usc0REMENOLENFbkVJLG9DRGRKLDJCQTRDSSxXRHlDRixDQUNGLENDdENBLDZCQUNFLHlDQUFBLENBQUEsaUNBQUEsQ0FDQSxrRER5Q0YsQ0czRkEsK0JBQ0UsdURBQUEsQ0FDQSwrREg4RkYiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZmlsdGVycy1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJl9fYmxvY2sge1xuICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZ2FwOiA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgbWFyZ2luOiA0cHggMDtcbiAgICBtYXgtd2lkdGg6IDM4NHB4O1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHA6Zmlyc3QtY2hpbGQge1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xuICAgIH1cblxuICAgICYtY2xvc2Uge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDkwZGVnLFxuICAgICAgICByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSxcbiAgICAgICAgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JVxuICAgICAgKTtcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrLWNsb3NlIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ibGFjaykpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAzcHggcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTgwMCksIDE1JSk7XG4gICAgfVxuICB9XG5cbiAgJi0tc2VwYXJhdG9yIHtcbiAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpO1xuICAgIG1hcmdpbjogMTJweCA4cHg7XG4gICAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgfVxufVxuIiwiLm5lZXRvLWZpbHRlcnMtYmFyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jayB7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZ2FwOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgbWFyZ2luOiA0cHggMDtcbiAgbWF4LXdpZHRoOiAzODRweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2sgcDpmaXJzdC1jaGlsZCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6IDhweDtcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSwgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JSk7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyLCAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2UsIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6YWN0aXZlIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBvcGFjaXR5OiAxO1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWJsYWNrKSk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jazpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSwgMTUlKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhci0tc2VwYXJhdG9yIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbiAgbWFyZ2luOiAxMnB4IDhweDtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXIge1xuICB3aWR0aDogMzYwcHg7XG4gIG92ZXJmbG93OiB2aXNpYmxlO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkge1xuICBhbGlnbi1pdGVtczogc3RyZXRjaCAhaW1wb3J0YW50O1xuICBnYXA6IDIwcHg7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSA+ICoge1xuICBmbGV4LWdyb3c6IDAgIWltcG9ydGFudDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IHAge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG4gIGZsZXg6IDE7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG4gIGZsZXg6IDE7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlcjpmaXJzdC1vZi10eXBlIHtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbTpmaXJzdC1vZi10eXBlIC5uZWV0by11aS1hY2NvcmRpb25fX2l0ZW0ge1xuICBwYWRkaW5nLXRvcDogMDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5uZWV0by11aS1hY2NvcmRpb25fX3dyYXBwZXItLWxhc3QtaXRlbSB7XG4gIGJvcmRlci1ib3R0b206IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gICAgd2lkdGg6IDEwMHZ3O1xuICB9XG59XG5cbi5uZWV0by1maWx0ZXJzLXBhbmUtYmFja2Ryb3Age1xuICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoMHB4KSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSwgMC4yKTtcbn1cblxuLm5lZXRvLWZpbHRlcnMtc2VnbWVudC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBib3gtc2hhZG93OiAwIDAgMCAxcHggcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn0iLCIubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gIHdpZHRoOiAzNjBweDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG5cbiAgJl9fYm9keSB7XG4gICAgYWxpZ24taXRlbXM6IHN0cmV0Y2ggIWltcG9ydGFudDtcbiAgICBnYXA6IDIwcHg7XG5cbiAgICA+ICoge1xuICAgICAgZmxleC1ncm93OiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgcCB7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIGdhcDogOHB4O1xuICAgICAgZmxleDogMTtcbiAgICB9XG5cbiAgICAuYWNjb3JkaW9uX2l0ZW0ge1xuICAgICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG4gICAgICAgIGZsZXg6IDE7XG5cbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAubmVldG8tdWktYWNjb3JkaW9uX19pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAubmVldG8tdWktYWNjb3JkaW9uX193cmFwcGVyLS1sYXN0LWl0ZW0ge1xuICAgICAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgICB9XG4gIH1cblxuICBAaW5jbHVkZSB2aWV3cG9ydChtb2IpIHtcbiAgICB3aWR0aDogMTAwdnc7XG4gIH1cbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1iYWNrZHJvcCB7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigwcHgpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS03MDApLCAwLjIpO1xufVxuIiwiQG1peGluIHZpZXdwb3J0KCRtZWRpYSkge1xuICBAaWYgJG1lZGlhPT1kZXNrIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkbWVkaWE9PXRhYi1taW4ge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09dGFiLW9ubHkge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT14cy1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH1cbn1cbiIsIi5uZWV0by1maWx0ZXJzLXNlZ21lbnQtLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG59XG4iXX0= */";
 n(css,{});
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Filters = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     _ref$isOpen = _ref.isOpen,
@@ -3207,28 +3253,31 @@ var Filters = reactUtils.withT(function (_ref) {
     } : _ref$keyword,
     childrenKeys = _ref.childrenKeys,
     children = _ref.children;
-  return /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classnames__default["default"](_defineProperty({}, className, className))
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
-    "data-cy": "neeto-filters-toggle-btn",
-    label: t("neetoFilters.common.filter"),
-    style: "secondary",
-    onClick: function onClick() {
-      return setIsOpen(true);
-    }
-  }, buttonProps)), /*#__PURE__*/React__default["default"].createElement(Pane, _extends({
-    onClose: function onClose() {
-      return setIsOpen(false);
-    }
-  }, _objectSpread({
-    childrenKeys: childrenKeys,
-    columns: columns,
-    isOpen: isOpen,
-    isSearchable: isSearchable,
-    keyword: keyword,
-    onChange: onChange,
-    onSelectorsChange: onSelectorsChange
-  }, paneProps)), children));
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
+    className: classnames__default["default"](_defineProperty({}, className, className)),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
+      "data-cy": "neeto-filters-toggle-btn",
+      label: t("neetoFilters.common.filter"),
+      style: "secondary",
+      onClick: function onClick() {
+        return setIsOpen(true);
+      }
+    }, buttonProps)), /*#__PURE__*/jsxRuntime.jsx(Pane, _objectSpread$1(_objectSpread$1({
+      onClose: function onClose() {
+        return setIsOpen(false);
+      }
+    }, _objectSpread$1({
+      childrenKeys: childrenKeys,
+      columns: columns,
+      isOpen: isOpen,
+      isSearchable: isSearchable,
+      keyword: keyword,
+      onChange: onChange,
+      onSelectorsChange: onSelectorsChange
+    }, paneProps)), {}, {
+      children: children
+    }))]
+  });
 });
 
 var ITEMS_MAX_COUNT = 20;
@@ -3269,13 +3318,13 @@ var Delete = function Delete(_ref) {
       onSuccess: onClose
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
+  return /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
     isOpen: isOpen,
     onClose: onClose,
     isSubmitting: isDeleting,
     submitButtonLabel: t("neetoFilters.common.delete"),
     title: t("neetoFilters.segments.deleteAlertTitle"),
-    message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
       i18nKey: "neetoFilters.segments.deleteAlertMessage",
       values: {
         entity: segment.name
@@ -3365,12 +3414,13 @@ var useSegments = function useSegments(_ref) {
     setSegments(fetchedSegments);
   }, [fetchedSegments]);
   if (isLoading) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null);
+    return /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {});
   }
   if (ramda.isEmpty(segments)) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, t("neetoFilters.segments.noSegmentsFound"));
+    return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      style: "body2",
+      children: t("neetoFilters.segments.noSegmentsFound")
+    });
   }
   var handleUpdate = function handleUpdate(_ref4, _ref5) {
     var name = _ref4.name;
@@ -3449,28 +3499,33 @@ var Segment = function Segment(_ref) {
       });
     }
   }];
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     onClick: onClick,
     "data-cy": "neeto-filters-segment-block-".concat(neetoCist.hyphenate(label)),
     className: classnames__default["default"]("neeto-ui-border-gray-400 neeto-ui-bg-white hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg mb-2 flex h-10 cursor-pointer items-center gap-2 border p-3 transition-all duration-300 ease-in-out", {
       "neeto-filters-segment--active": isActive
-    })
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-grow items-center gap-2 overflow-hidden",
-    "data-cy": "new-element-field"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "truncate leading-snug",
-    "data-cy": neetoCist.hyphenate(label),
-    style: "body2"
-  }, label)), shouldShowDropdown && /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
-    menuItems: menuItems,
-    dropdownButtonProps: {
-      className: "min-h-0 flex-shrink-0",
-      "data-cy": "".concat(neetoCist.hyphenate(label), "-more-dropdown")
-    }
-  }));
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-grow items-center gap-2 overflow-hidden",
+      "data-cy": "new-element-field",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        className: "truncate leading-snug",
+        "data-cy": neetoCist.hyphenate(label),
+        style: "body2",
+        children: label
+      })
+    }), shouldShowDropdown && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+      menuItems: menuItems,
+      dropdownButtonProps: {
+        className: "min-h-0 flex-shrink-0",
+        "data-cy": "".concat(neetoCist.hyphenate(label), "-more-dropdown")
+      }
+    })]
+  });
 };
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenuBlocks = function MenuBlocks(_ref) {
   var entity = _ref.entity,
     segments = _ref.segments,
@@ -3488,63 +3543,74 @@ var MenuBlocks = function MenuBlocks(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     showAll = _useState2[0],
     setShowAll = _useState2[1];
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].SubTitle, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    component: "h4",
-    style: "h5",
-    textTransform: "uppercase",
-    weight: "bold"
-  }, t("neetoFilters.common.segments"))), segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    icon: neetoIcons.Down,
-    style: "link",
-    label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
-      entity: segments.length - ITEMS_MAX_COUNT
-    }),
-    onClick: function onClick() {
-      return setShowAll(function (open) {
-        return !open;
-      });
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(Segment, {
-    isActive: ramda.isEmpty(appliedFilters),
-    label: defaultSegmentName,
-    onClick: clearAppliedFilters
-  }), /*#__PURE__*/React__default["default"].createElement(dnd.DragDropContext, {
-    onDragEnd: handleSegmentsReorder
-  }, /*#__PURE__*/React__default["default"].createElement(dnd.Droppable, {
-    droppableId: "neeto-filters-segments-".concat(entity)
-  }, function (_ref2) {
-    var innerRef = _ref2.innerRef,
-      droppableProps = _ref2.droppableProps,
-      placeholder = _ref2.placeholder;
-    return /*#__PURE__*/React__default["default"].createElement("div", _extends({
-      ref: innerRef
-    }, droppableProps), segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment, index) {
-      return /*#__PURE__*/React__default["default"].createElement(dnd.Draggable, {
-        index: index,
-        draggableId: segment.id.toString(),
-        isDragDisabled: isUpdating,
-        key: segment.id.toString()
-      }, function (_ref3) {
-        var innerRef = _ref3.innerRef,
-          draggableProps = _ref3.draggableProps,
-          dragHandleProps = _ref3.dragHandleProps;
-        return /*#__PURE__*/React__default["default"].createElement("div", _extends({
-          ref: innerRef
-        }, draggableProps, dragHandleProps), /*#__PURE__*/React__default["default"].createElement(Segment, {
-          segments: segments,
-          setConfirmAction: setConfirmAction,
-          shouldShowDropdown: true,
-          id: segment.id,
-          isActive: segment.id === segmentId,
-          key: segment.id,
-          label: segment.name,
-          onClick: function onClick() {
-            return handleSelectSegment(segment);
-          }
-        }));
-      });
-    }), placeholder);
-  })));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(MenuBar__default["default"].SubTitle, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        component: "h4",
+        style: "h5",
+        textTransform: "uppercase",
+        weight: "bold",
+        children: t("neetoFilters.common.segments")
+      })
+    }), segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      icon: neetoIcons.Down,
+      style: "link",
+      label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
+        entity: segments.length - ITEMS_MAX_COUNT
+      }),
+      onClick: function onClick() {
+        return setShowAll(function (open) {
+          return !open;
+        });
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(Segment, {
+      isActive: ramda.isEmpty(appliedFilters),
+      label: defaultSegmentName,
+      onClick: clearAppliedFilters
+    }), /*#__PURE__*/jsxRuntime.jsx(dnd.DragDropContext, {
+      onDragEnd: handleSegmentsReorder,
+      children: /*#__PURE__*/jsxRuntime.jsx(dnd.Droppable, {
+        droppableId: "neeto-filters-segments-".concat(entity),
+        children: function children(_ref2) {
+          var innerRef = _ref2.innerRef,
+            droppableProps = _ref2.droppableProps,
+            placeholder = _ref2.placeholder;
+          return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
+            ref: innerRef
+          }, droppableProps), {}, {
+            children: [segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment, index) {
+              return /*#__PURE__*/React.createElement(dnd.Draggable, {
+                index: index,
+                draggableId: segment.id.toString(),
+                isDragDisabled: isUpdating,
+                key: segment.id.toString()
+              }, function (_ref3) {
+                var innerRef = _ref3.innerRef,
+                  draggableProps = _ref3.draggableProps,
+                  dragHandleProps = _ref3.dragHandleProps;
+                return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread(_objectSpread({
+                  ref: innerRef
+                }, draggableProps), dragHandleProps), {}, {
+                  children: /*#__PURE__*/React.createElement(Segment, {
+                    segments: segments,
+                    setConfirmAction: setConfirmAction,
+                    shouldShowDropdown: true,
+                    id: segment.id,
+                    isActive: segment.id === segmentId,
+                    key: segment.id,
+                    label: segment.name,
+                    onClick: function onClick() {
+                      return handleSelectSegment(segment);
+                    }
+                  })
+                }));
+              });
+            }), placeholder]
+          }));
+        }
+      })
+    })]
+  });
 };
 var MenuBlocks$1 = /*#__PURE__*/React__default["default"].memo(MenuBlocks);
 
@@ -3577,31 +3643,33 @@ var SidebarBlock = function SidebarBlock(_ref) {
     }
   }];
   var dataCyPrefix = neetoCist.hyphenate(label);
-  return /*#__PURE__*/React__default["default"].createElement("button", {
+  return /*#__PURE__*/jsxRuntime.jsxs("button", {
     onClick: onClick,
     "data-cy": "".concat(dataCyPrefix, "-segment-link"),
     className: classnames__default["default"]("neeto-molecules-sidebar-segment neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none mb-0 w-full py-1", {
       active: isActive
-    })
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-molecules-sidebar__link-sub-label neeto-molecules-sidebar-segment__label neeto-ui-flex-grow min-w-0",
-    component: "span",
-    "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
-    style: "body2"
-  }, label), /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
-    menuItems: menuItems,
-    dropdownButtonProps: {
-      "data-testid": "segment-more-menu-".concat(dataCyPrefix),
-      className: "flex-shrink-0",
-      size: "small",
-      style: "secondary"
-    },
-    dropdownProps: {
-      position: "bottom-end",
-      strategy: "fixed",
-      autoWidth: true
-    }
-  }));
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "neeto-molecules-sidebar__link-sub-label neeto-molecules-sidebar-segment__label neeto-ui-flex-grow min-w-0",
+      component: "span",
+      "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
+      style: "body2",
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+      menuItems: menuItems,
+      dropdownButtonProps: {
+        "data-testid": "segment-more-menu-".concat(dataCyPrefix),
+        className: "flex-shrink-0",
+        size: "small",
+        style: "secondary"
+      },
+      dropdownProps: {
+        position: "bottom-end",
+        strategy: "fixed",
+        autoWidth: true
+      }
+    })]
+  });
 };
 
 var Segments = function Segments(_ref) {
@@ -3638,54 +3706,58 @@ var Segments = function Segments(_ref) {
     handleUpdate = _useSegments.handleUpdate,
     filters = _useSegments.filters,
     appliedFilters = _useSegments.appliedFilters;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-testid": "neeto-filters-segments"
-  }, isIndependent ? /*#__PURE__*/React__default["default"].createElement(MenuBlocks$1, {
-    appliedFilters: appliedFilters,
-    clearAppliedFilters: clearAppliedFilters,
-    defaultSegmentName: defaultSegmentName,
-    entity: entity,
-    handleSegmentsReorder: handleSegmentsReorder,
-    handleSelectSegment: handleSelectSegment,
-    isUpdating: isUpdating,
-    segmentId: segmentId,
-    segments: segments,
-    setConfirmAction: setConfirmAction
-  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, neetoCist.isNotEmpty(segments) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body3",
-    weight: "semibold",
-    className: "neeto-molecules-sidebar-segments-header neeto-ui-text-transform-capitalize neeto-ui-text-gray-600 py-2 uppercase"
-  }, t("neetoFilters.segments.segment", constants.PLURAL)), segments.map(function (segment) {
-    return /*#__PURE__*/React__default["default"].createElement(SidebarBlock, {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    "data-testid": "neeto-filters-segments",
+    children: [isIndependent ? /*#__PURE__*/jsxRuntime.jsx(MenuBlocks$1, {
+      appliedFilters: appliedFilters,
+      clearAppliedFilters: clearAppliedFilters,
+      defaultSegmentName: defaultSegmentName,
+      entity: entity,
+      handleSegmentsReorder: handleSegmentsReorder,
+      handleSelectSegment: handleSelectSegment,
+      isUpdating: isUpdating,
+      segmentId: segmentId,
       segments: segments,
-      setConfirmAction: setConfirmAction,
-      id: segment.id,
-      isActive: segment.id === segmentId,
-      key: segment.id,
-      label: segment.name,
-      onClick: function onClick() {
-        return handleSelectSegment(segment);
-      }
-    });
-  })), /*#__PURE__*/React__default["default"].createElement(SegmentForm, {
-    childrenKeys: childrenKeys,
-    columns: columns,
-    customFilters: customFilters,
-    defaultSegmentName: defaultSegmentName,
-    filters: filters,
-    onClose: onClose,
-    segmentFormInitialRef: segmentFormInitialRef,
-    isEdit: true,
-    handleSubmit: handleUpdate,
-    initialValues: selectedSegment,
-    isOpen: isEditPaneOpen,
-    isSubmitting: isUpdating
-  }), /*#__PURE__*/React__default["default"].createElement(Delete, {
-    columns: columns,
-    onClose: onClose,
-    isOpen: isDeleteAlertOpen,
-    segment: selectedSegment
-  }));
+      setConfirmAction: setConfirmAction
+    }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [neetoCist.isNotEmpty(segments) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "body3",
+        weight: "semibold",
+        className: "neeto-molecules-sidebar-segments-header neeto-ui-text-transform-capitalize neeto-ui-text-gray-600 py-2 uppercase",
+        children: t("neetoFilters.segments.segment", constants.PLURAL)
+      }), segments.map(function (segment) {
+        return /*#__PURE__*/React.createElement(SidebarBlock, {
+          segments: segments,
+          setConfirmAction: setConfirmAction,
+          id: segment.id,
+          isActive: segment.id === segmentId,
+          key: segment.id,
+          label: segment.name,
+          onClick: function onClick() {
+            return handleSelectSegment(segment);
+          }
+        });
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(SegmentForm, {
+      childrenKeys: childrenKeys,
+      columns: columns,
+      customFilters: customFilters,
+      defaultSegmentName: defaultSegmentName,
+      filters: filters,
+      onClose: onClose,
+      segmentFormInitialRef: segmentFormInitialRef,
+      isEdit: true,
+      handleSubmit: handleUpdate,
+      initialValues: selectedSegment,
+      isOpen: isEditPaneOpen,
+      isSubmitting: isUpdating
+    }), /*#__PURE__*/jsxRuntime.jsx(Delete, {
+      columns: columns,
+      onClose: onClose,
+      isOpen: isDeleteAlertOpen,
+      segment: selectedSegment
+    })]
+  });
 };
 var index = /*#__PURE__*/React__default["default"].memo(Segments);