@bigbinary/neeto-filters-frontend 3.2.0-beta.0 → 3.2.0

package/dist/index.js

@@ -0,0 +1,2906 @@
+import React, { useState, useRef, useEffect, useTransition, useMemo } from 'react';
+import classnames from 'classnames';
+import i18next, { t as t$1 } from 'i18next';
+import { findBy, isNotEmpty, capitalize, removeBy, humanize, hyphenate, noop, toLabelAndValue, replaceBy, isPresent, existsBy, isNotPresent, filterBy } from '@bigbinary/neeto-cist';
+import { useMutationWithInvalidation, useQueryParams, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { getQueryParams, dateFormat, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import { Tooltip, Typography, Dropdown as Dropdown$2, Button, Pane as Pane$1, Alert, Select, DatePicker, TimePicker, Input as Input$1, Accordion, Spinner } from '@bigbinary/neetoui';
+import { groupBy, anyPass, isNil, isEmpty, any, concat, omit, toLower, mergeLeft, identity, mergeRight, toPairs, not, pluck, either, has, equals, pick, modify, prop, isNotNil, append, last, mergeDeepRight } from 'ramda';
+import { useTranslation, Trans } from 'react-i18next';
+import { useHistory, useLocation } from 'react-router-dom';
+import useHotkeys from '@bigbinary/neeto-hotkeys';
+import { Help, Close, MenuHorizontal, Down, Settings } from '@bigbinary/neeto-icons';
+import { Form, Input, ActionBlock } from '@bigbinary/neetoui/formik';
+import { useQuery } from 'react-query';
+import axios from 'axios';
+import * as yup from 'yup';
+import Search from '@bigbinary/neeto-molecules/Search';
+import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
+import { FormikInlineInput } from '@bigbinary/neeto-molecules/InlineInput';
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var SEGMENTS_BASE_URL = "/neeto_filters/segments";
+var DATE_OPTIONS = [{
+  label: "Today",
+  value: "today"
+}, {
+  label: "Yesterday",
+  value: "yesterday"
+}, {
+  label: "This week",
+  value: "this-week"
+}, {
+  label: "Last week",
+  value: "last-week"
+}, {
+  label: "This month",
+  value: "this-month"
+}, {
+  label: "Last month",
+  value: "last-month"
+}, {
+  label: "This year",
+  value: "this-year"
+}, {
+  label: "Last year",
+  value: "last-year"
+}, {
+  label: "All time",
+  value: "all-time"
+}, {
+  label: "After",
+  value: "after"
+}, {
+  label: "Before",
+  value: "before"
+}, {
+  label: "Custom date range",
+  value: "custom-date-range"
+}];
+var SINGLE_DATE_OPTIONS = [{
+  label: "On",
+  value: "on"
+}, {
+  label: "After",
+  value: "after"
+}, {
+  label: "Before",
+  value: "before"
+}, {
+  label: "Between",
+  value: "between"
+}];
+var SINGLE_TIME_OPTIONS = [{
+  label: "At",
+  value: "at"
+}, {
+  label: "After",
+  value: "after"
+}, {
+  label: "Before",
+  value: "before"
+}, {
+  label: "Between",
+  value: "between"
+}];
+var TIME_OPTIONS = [{
+  label: "This hour",
+  value: "this-hour"
+}, {
+  label: "Last hour",
+  value: "last-hour"
+}, {
+  label: "Custom time range",
+  value: "custom-time-range"
+}];
+var DATE_RULES = {
+  today: "on",
+  yesterday: "on",
+  "all-time": "before"
+};
+var SEARCH_TERM_KEY = "search_term";
+var SEGMENT_ID_KEY = "segment_id";
+
+var SHORTCUTS = {
+  closePane: {
+    sequence: "escape",
+    description: t$1("neetoFilters.shortcuts.closePane")
+  },
+  deleteBlock: {
+    sequence: "backspace",
+    description: t$1("neetoFilters.shortcuts.deleteBlock")
+  },
+  openFilterPane: {
+    sequence: "enter",
+    description: t$1("neetoFilters.shortcuts.openFilterPane")
+  }
+};
+
+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",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\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("_")},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={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,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);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:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},v="en",D={};D[v]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return v;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&&(v=i),i||!r&&v},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}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(O.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(l);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.$x=t.x||{},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 O},m.isValid=function(){return !(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.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=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.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,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var v=this.$locale().weekStart||0,D=(y<v?y+7:y)-v;return $(r?m-D:m+(6-D),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){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 $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.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||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,v=O.m(this,M);return v=(l={},l[c]=v/12,l[f]=v,l[h]=v/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?v:O.a(v)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.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}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[v],w.Ls=D,w.p={},w})); 
+} (dayjs_min, dayjs_min.exports));
+
+var dayjs_minExports = dayjs_min.exports;
+var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+
+var NUMBER_RULES = [{
+  label: t$1("neetoFilters.rules.is"),
+  value: "is"
+}, {
+  label: t$1("neetoFilters.rules.isNot"),
+  value: "is_not"
+}, {
+  label: t$1("neetoFilters.rules.greaterThan"),
+  value: "greater_than"
+}, {
+  label: t$1("neetoFilters.rules.lessThan"),
+  value: "less_than"
+}];
+var TEXT_RULES = [{
+  label: t$1("neetoFilters.rules.contains"),
+  value: "contains"
+}, {
+  label: t$1("neetoFilters.rules.doesNotContain"),
+  value: "does_not_contain"
+}, {
+  label: t$1("neetoFilters.rules.is"),
+  value: "is"
+}, {
+  label: t$1("neetoFilters.rules.isNot"),
+  value: "is_not"
+}, {
+  label: t$1("neetoFilters.rules.startsWith"),
+  value: "starts_with"
+}, {
+  label: t$1("neetoFilters.rules.doesNotStartWith"),
+  value: "does_not_start_with"
+}, {
+  label: t$1("neetoFilters.rules.endsWith"),
+  value: "ends_with"
+}, {
+  label: t$1("neetoFilters.rules.doesNotEndWith"),
+  value: "does_not_end_with"
+}];
+var DEFAULT_BOOLEAN_OPTIONS = [{
+  label: t$1("neetoFilters.common.yes"),
+  value: "true"
+}, {
+  label: t$1("neetoFilters.common.no"),
+  value: "false"
+}];
+var DEFAULT_HELP_ICON_PROPS = {
+  icon: Help,
+  tooltipProps: {
+    position: "right"
+  }
+};
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+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,v=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",h=+e;return (o.utc(v).valueOf()-(h-=h%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).$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"));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||(new Date).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;
+
+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 groupByGroup = groupBy(function (_ref) {
+  var group = _ref.group;
+  return group || "individual";
+});
+var standardizeColumnType = function standardizeColumnType(kind) {
+  // neeto-fields-nano supports `monetary` and `number` as type of fields, which will be acting as `decimal` in action.
+  if (["custom.monetary", "custom.number"].includes(kind)) {
+    return "custom.decimal";
+  }
+  return kind;
+};
+var getSnakeCasedQueryParams = function getSnakeCasedQueryParams() {
+  return getQueryParams({
+    toCamelCase: false
+  });
+};
+var isBoolean = function isBoolean(type) {
+  return type === "boolean" || type === "custom.boolean";
+};
+var isCheckbox = function isCheckbox(type) {
+  return type === "checkbox" || type === "custom.checkbox";
+};
+var isDate = function isDate(type) {
+  return type === "date" || type === "custom.date" || type === "custom.datetime";
+};
+var isSingleDate = function isSingleDate(type) {
+  return type === "single_date" || type === "custom.single_date";
+};
+var isSingleTime = function isSingleTime(type) {
+  return type === "single_time" || type === "custom.single_time";
+};
+var isTime = function isTime(type) {
+  return type === "time" || type === "custom.time";
+};
+var isMulti = function isMulti(type) {
+  return type === "multi_option" || type === "custom.multi_option";
+};
+var isText = function isText(type) {
+  return type === "text" || type === "custom.text";
+};
+var isDigit = function isDigit(type) {
+  return ["number", "decimal", "custom.decimal", "custom.number"].includes(type);
+};
+var isCustomDateRange = function isCustomDateRange(value) {
+  return !pluck("value", DATE_OPTIONS).includes(value);
+};
+var isCustomTimeRange = function isCustomTimeRange(value) {
+  return !pluck("value", TIME_OPTIONS).includes(value);
+};
+var isMultiModelFilter = function isMultiModelFilter(_ref2) {
+  var _ref2$model = _ref2.model,
+    model = _ref2$model === void 0 ? "" : _ref2$model;
+  return model.split(",").length > 1;
+};
+var getTimezone = function getTimezone() {
+  return dayjs.tz.guess();
+};
+var getLabelFromBool = function getLabelFromBool(_ref3) {
+  var value = _ref3.value,
+    values = _ref3.values;
+  return findBy({
+    value: value
+  }, either(isEmpty, isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).label;
+};
+var getBoolFromLabel = function getBoolFromLabel(_ref4) {
+  var label = _ref4.label,
+    values = _ref4.values;
+  return findBy({
+    label: label
+  }, either(isEmpty, isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).value;
+};
+var buildRuleOptions = function buildRuleOptions(_ref5) {
+  var defaultType = _ref5.defaultType;
+  if (isText(defaultType)) return TEXT_RULES;else if (isDigit(defaultType)) return NUMBER_RULES;
+  return [];
+};
+var getDefaultRuleValue = function getDefaultRuleValue(defaultType) {
+  var _buildRuleOptions;
+  return ((_buildRuleOptions = buildRuleOptions({
+    defaultType: defaultType
+  })) === null || _buildRuleOptions === void 0 || (_buildRuleOptions = _buildRuleOptions[0]) === null || _buildRuleOptions === void 0 ? void 0 : _buildRuleOptions.value) || "";
+};
+var isUndefinedOrEmpty = anyPass([isNil, isEmpty, any(isNil)]);
+
+// Following function split node on comma followed by non-comma characters and a dot
+var splitNode = function splitNode(joinedNodes) {
+  return joinedNodes.split(/,(?=[^,]*\.)/);
+};
+var splitFilter = function splitFilter(multiColumnFilter) {
+  var splittedNodes = splitNode(multiColumnFilter.node);
+  var splittedModels = multiColumnFilter.model.split(",");
+  return splittedNodes.map(function (node, index) {
+    return mergeLeft({
+      node: node,
+      model: splittedModels[index],
+      conditions_join_type: index < splittedNodes.length - 1 ? "or" : "and"
+    }, omit(["key", "label", "values", "setValue"], multiColumnFilter));
+  });
+};
+var buildDateValue = function buildDateValue(_ref6) {
+  var value = _ref6.value;
+  var rule = DATE_RULES[value] || "between";
+  var dateValue = ["before", "after", "custom-date-range"].includes(value) ? "" : value;
+  return {
+    value: dateValue,
+    rule: rule,
+    timezone: getTimezone()
+  };
+};
+var buildTimeValue = function buildTimeValue(_ref7) {
+  var value = _ref7.value;
+  var dateValue = value === "custom-time-range" ? "" : value;
+  return {
+    value: dateValue,
+    rule: "between"
+  };
+};
+var buildUpdatedFilter = function buildUpdatedFilter(_ref8) {
+  var column = _ref8.column,
+    defaultType = _ref8.defaultType,
+    option = _ref8.option,
+    _ref8$rule = _ref8.rule,
+    rule = _ref8$rule === void 0 ? "" : _ref8$rule,
+    _ref8$value = _ref8.value,
+    value = _ref8$value === void 0 ? "" : _ref8$value;
+  var filter = omit(["values", "preprocessor"], column);
+  if (isMulti(defaultType)) {
+    return mergeLeft(filter, {
+      value: pluck("value", option),
+      rule: "in"
+    });
+  } else if (isDate(defaultType)) {
+    return mergeLeft(filter, buildDateValue(option));
+  } else if (isSingleDate(defaultType)) {
+    return mergeLeft(filter, {
+      value: value,
+      rule: rule,
+      timezone: getTimezone()
+    });
+  } else if (isText(defaultType) || isDigit(defaultType)) {
+    var _column$preprocessor;
+    return mergeLeft(filter, {
+      rule: rule,
+      value: (column === null || column === void 0 || (_column$preprocessor = column.preprocessor) === null || _column$preprocessor === void 0 ? void 0 : _column$preprocessor.call(column, value)) || value
+    });
+  } else if (isSingleTime(defaultType)) {
+    return mergeLeft(filter, {
+      value: value,
+      rule: rule
+    });
+  } else if (isTime(defaultType)) {
+    return mergeLeft(filter, buildTimeValue(option));
+  }
+  return mergeLeft(filter, {
+    value: option.value,
+    rule: "is"
+  });
+};
+var buildFiltersFromSearchParams = function buildFiltersFromSearchParams(columns) {
+  var skipEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var searchParams = getSnakeCasedQueryParams();
+  return columns.map(function (column) {
+    var value = searchParams[column.key];
+    var defaultType = column.defaultType || column.type;
+    if (!skipEmpty && value === "") {
+      return mergeLeft({
+        value: ""
+      }, column);
+    } else if (isNil(value) || value === "" || column.key === "keyword") {
+      return null;
+    } else if (column.key === SEARCH_TERM_KEY) {
+      if (isNil(column.node)) return null;
+      return mergeLeft({
+        value: value,
+        type: "text",
+        rule: "contains"
+      }, column);
+    } else if (isDate(defaultType) && isCustomDateRange(value)) {
+      return mergeLeft({
+        value: value.split(",")
+      }, column);
+    } else if (isMulti(defaultType)) {
+      return mergeLeft({
+        rule: "in",
+        value: value.split("|")
+      }, column);
+    } else if (isDigit(defaultType) || isText(defaultType)) {
+      var _value$split = value.split("+rule-"),
+        _value$split2 = _slicedToArray(_value$split, 2),
+        filterValue = _value$split2[0],
+        rule = _value$split2[1];
+      return mergeLeft({
+        rule: rule,
+        value: filterValue
+      }, column);
+    } else if (isTime(defaultType) && isCustomTimeRange(value)) {
+      return mergeLeft({
+        value: value.split(",")
+      }, column);
+    } else if (isSingleDate(defaultType)) {
+      var _value$split3 = value.split("+rule-"),
+        _value$split4 = _slicedToArray(_value$split3, 2),
+        _filterValue = _value$split4[0],
+        _rule = _value$split4[1];
+      return mergeLeft({
+        rule: _rule,
+        value: _rule === "between" ? _filterValue.split(",") : _filterValue
+      }, column);
+    } else if (isSingleTime(defaultType)) {
+      var _value$split5 = value.split("+rule-"),
+        _value$split6 = _slicedToArray(_value$split5, 2),
+        _filterValue2 = _value$split6[0],
+        _rule2 = _value$split6[1];
+      return mergeLeft({
+        rule: _rule2,
+        value: _rule2 === "between" ? _filterValue2.split(",") : _filterValue2
+      }, column);
+    } else if (isBoolean(defaultType)) {
+      return mergeLeft({
+        rule: "is",
+        value: getBoolFromLabel({
+          label: value,
+          values: column.values
+        })
+      }, column);
+    }
+    return mergeLeft({
+      rule: "is",
+      value: value
+    }, column);
+  }).filter(identity);
+};
+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")]
+  };
+  if (isCustomTimeRange(value)) {
+    return {
+      value: value ? value.join(",") : "",
+      rule: "between"
+    };
+  }
+  return {
+    value: timeValue[value].map(function (time) {
+      return time.toISOString();
+    }).join(","),
+    rule: "between"
+  };
+};
+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")]
+  };
+  if (value === "today") {
+    return {
+      value: dayjs().toISOString(),
+      rule: "on",
+      timezone: getTimezone()
+    };
+  } else if (value === "yesterday") {
+    return {
+      value: dayjs().add(-1, "day").toISOString(),
+      rule: "on",
+      timezone: getTimezone()
+    };
+  } else if (value === "all-time") {
+    return {
+      value: dayjs().toISOString(),
+      rule: "before",
+      timezone: getTimezone(),
+      type: "datetime"
+    };
+  } else if (isCustomDateRange(value)) {
+    //custom-date-range
+    return {
+      value: value ? value.join(",") : "",
+      rule: "between",
+      timezone: getTimezone()
+    };
+  }
+  return {
+    value: dateValue[value].map(function (date) {
+      return date.toISOString();
+    }).join(","),
+    rule: "between",
+    timezone: getTimezone()
+  };
+};
+var buildSingleDatePayload = function buildSingleDatePayload(filter) {
+  var value = filter.value;
+  var filterValue = Array.isArray(value) ? value.join(",") : value;
+  return _objectSpread$4(_objectSpread$4({}, filter), {}, {
+    value: filterValue,
+    type: "date"
+  });
+};
+var buildSingleTimePayload = function buildSingleTimePayload(filter) {
+  var value = filter.value;
+  var filterValue = Array.isArray(value) ? value.join(",") : value;
+  return _objectSpread$4(_objectSpread$4({}, filter), {}, {
+    value: filterValue,
+    type: "time"
+  });
+};
+var flattenPayload = function flattenPayload(payload) {
+  var flattenedPayload = [];
+  payload.forEach(function (item) {
+    return Array.isArray(item) ? flattenedPayload.unshift.apply(flattenedPayload, _toConsumableArray(item)) : flattenedPayload.push(item);
+  }, []);
+  return flattenedPayload;
+};
+var buildMultiOptionPayload = function buildMultiOptionPayload(values) {
+  return values.map(function (value) {
+    return value.toString();
+  }).join("|");
+};
+var buildFiltersPayload = function buildFiltersPayload(filters) {
+  var payload = removeBy({
+    value: ""
+  }, filters).map(function (filter) {
+    if (filter.key === SEARCH_TERM_KEY && isMultiModelFilter(filter)) {
+      return splitFilter(filter);
+    }
+    var filterPayload = omit(["key", "label", "values", "setValue"], filter);
+    var _filterPayload$defaul = filterPayload.defaultType,
+      defaultType = _filterPayload$defaul === void 0 ? filterPayload.type : _filterPayload$defaul,
+      value = filterPayload.value;
+    if (isMultiModelFilter(filterPayload)) {
+      throw i18next.t("neetoFilters.errors.cannotPassMultipleModels");
+    }
+    if (isDate(defaultType)) {
+      return mergeRight(filterPayload, buildDatePayload(value));
+    } else if (isMulti(defaultType)) {
+      return mergeRight(filterPayload, {
+        value: buildMultiOptionPayload(value)
+      });
+    } else if (isSingleDate(defaultType)) {
+      return mergeRight(filterPayload, buildSingleDatePayload(filterPayload));
+    } else if (isSingleTime(defaultType)) {
+      return mergeRight(filterPayload, buildSingleTimePayload(filterPayload));
+    } else if (isTime(defaultType)) {
+      return mergeRight(filterPayload, buildTimePayload(value));
+    }
+    return filterPayload;
+  });
+  return isEmpty(payload) ? [] : [{
+    conditions: flattenPayload(payload)
+  }];
+};
+var buildSegmentsPayload = function buildSegmentsPayload(filters) {
+  var childrenKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var payload = removeBy({
+    value: ""
+  }, filters).map(function (filter) {
+    if (filter.key === SEARCH_TERM_KEY) {
+      return false;
+    }
+    var filterPayload = omit(["label", "values", "setValue", "defaultValue"], filter);
+    var _filterPayload$defaul2 = filterPayload.defaultType,
+      defaultType = _filterPayload$defaul2 === void 0 ? filterPayload.type : _filterPayload$defaul2,
+      value = filterPayload.value;
+    if (filter.key !== SEARCH_TERM_KEY && isMultiModelFilter(filterPayload)) {
+      throw i18next.t("neetoFilters.errors.cannotPassMultipleModels");
+    }
+    if (isMulti(defaultType)) {
+      return mergeRight(filterPayload, {
+        value: buildMultiOptionPayload(value)
+      });
+    }
+    return filterPayload;
+  });
+  var searchParams = getSnakeCasedQueryParams();
+  var modifiedPayload = childrenKeys.reduce(function (acc, key) {
+    if (has(key, searchParams)) {
+      var filterPayload = {
+        key: key,
+        node: "children",
+        value: searchParams[key]
+      };
+      return acc.concat(filterPayload);
+    }
+    return acc;
+  }, payload);
+  return isEmpty(modifiedPayload) ? [] : [{
+    conditions: flattenPayload(modifiedPayload)
+  }];
+};
+var buildFiltersFromURL = function buildFiltersFromURL(columns) {
+  return buildFiltersPayload(buildFiltersFromSearchParams(columns.filter(function (column) {
+    return !isNil(column.node);
+  })));
+};
+var buildSelectorsFromURL = function buildSelectorsFromURL(columns) {
+  var searchParams = getSnakeCasedQueryParams();
+  var selectors = {};
+  columns.filter(function (_ref9) {
+    var node = _ref9.node;
+    return !node;
+  }).forEach(function (_ref10) {
+    var key = _ref10.key,
+      defaultType = _ref10.defaultType,
+      type = _ref10.type;
+    var value = searchParams[key];
+    if (value) {
+      selectors[key] = isMulti(defaultType || type) ? value.split("|") : value;
+    }
+  });
+  return selectors;
+};
+var compareFilters = function compareFilters(oldFilters, newFilters) {
+  var formatFilters = function formatFilters(filters) {
+    return removeBy({
+      value: ""
+    }, filters).map(pick(["key", "rule", "value"]));
+  };
+  return equals(formatFilters(oldFilters), formatFilters(newFilters));
+};
+var buildFilteredColumns = function buildFilteredColumns(_ref11) {
+  var _ref11$searchTerm = _ref11.searchTerm,
+    searchTerm = _ref11$searchTerm === void 0 ? "" : _ref11$searchTerm,
+    columns = _ref11.columns;
+  var groupedColumsObject = groupByGroup(columns.filter(function (_ref12) {
+    var label = _ref12.label,
+      _ref12$hidden = _ref12.hidden,
+      hidden = _ref12$hidden === void 0 ? false : _ref12$hidden;
+    return label.toLocaleLowerCase().includes(searchTerm.trim().toLocaleLowerCase()) && !hidden;
+  }));
+  return {
+    groupedColumns: toPairs(omit(["individual"], groupedColumsObject)).map(function (_ref13) {
+      var _ref14 = _slicedToArray(_ref13, 2),
+        group = _ref14[0],
+        columns = _ref14[1];
+      return {
+        group: group,
+        columns: columns
+      };
+    }),
+    ungroupedColumns: groupedColumsObject.individual
+  };
+};
+var buildDefaultFilters = function buildDefaultFilters(columns, filters) {
+  return columns.filter(function (column) {
+    return !isUndefinedOrEmpty(column.defaultValue) && !findBy({
+      key: column.key
+    }, filters);
+  }).map(function (column) {
+    var defaultType = column.defaultType || column.type;
+    return buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      rule: getDefaultRuleValue(defaultType),
+      option: column.defaultValue,
+      value: column.defaultValue
+    });
+  });
+};
+var createUrlParamString = function createUrlParamString(_ref15) {
+  var filter = _ref15.filter,
+    columns = _ref15.columns;
+  var key = filter.key,
+    value = filter.value,
+    _filter$defaultType = filter.defaultType,
+    defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
+    rule = filter.rule;
+  if (key === SEARCH_TERM_KEY) {
+    return value;
+  } else if (isDigit(defaultType) || isText(defaultType)) {
+    return "".concat(value, "+rule-").concat(rule);
+  } else if (isSingleDate(defaultType) || isSingleTime(defaultType)) {
+    return value && "".concat(value, "+rule-").concat(rule) || value;
+  } else if (isMulti(defaultType)) {
+    return value.join("|");
+  } else if (isBoolean(defaultType)) {
+    return getLabelFromBool({
+      value: value,
+      values: findBy({
+        key: key
+      }, columns).values
+    });
+  }
+  return value;
+};
+var buildUrlFromFilters = function buildUrlFromFilters(_ref16) {
+  var columns = _ref16.columns,
+    filters = _ref16.filters,
+    _ref16$isClearAll = _ref16.isClearAll,
+    isClearAll = _ref16$isClearAll === void 0 ? false : _ref16$isClearAll,
+    _ref16$childrenKeys = _ref16.childrenKeys,
+    childrenKeys = _ref16$childrenKeys === void 0 ? [] : _ref16$childrenKeys;
+  var searchParams = getSnakeCasedQueryParams();
+  var isKeywordFilterPresent = findBy({
+    key: SEARCH_TERM_KEY
+  }, filters);
+  columns.forEach(function (_ref17) {
+    var key = _ref17.key,
+      defaultValue = _ref17.defaultValue;
+    return !defaultValue && delete searchParams[key];
+  });
+  if (isClearAll) {
+    childrenKeys.forEach(function (key) {
+      return delete searchParams[key];
+    });
+    delete searchParams[SEGMENT_ID_KEY];
+  }
+  var defaultFilters = buildDefaultFilters(columns, filters);
+  isKeywordFilterPresent && delete searchParams[SEARCH_TERM_KEY];
+  concat(filters, defaultFilters).forEach(function (filter) {
+    searchParams[filter.key] = createUrlParamString({
+      filter: filter,
+      columns: columns
+    });
+  });
+  if (isEmpty(omit([SEGMENT_ID_KEY], searchParams))) {
+    delete searchParams[SEGMENT_ID_KEY];
+  }
+  return new URLSearchParams(searchParams).toString();
+};
+var createUrlParamStringForSegments = function createUrlParamStringForSegments(_ref18) {
+  var filter = _ref18.filter,
+    columns = _ref18.columns;
+  var value = filter.value,
+    _filter$defaultType2 = filter.defaultType,
+    defaultType = _filter$defaultType2 === void 0 ? filter.type : _filter$defaultType2;
+  if (isMulti(defaultType)) {
+    return value;
+  }
+  return createUrlParamString({
+    filter: filter,
+    columns: columns
+  });
+};
+var buildUrlFromSegment = function buildUrlFromSegment(_ref19) {
+  var columns = _ref19.columns,
+    filters = _ref19.filters,
+    id = _ref19.id;
+  var searchParams = getSnakeCasedQueryParams();
+  columns.forEach(function (_ref20) {
+    var key = _ref20.key,
+      defaultValue = _ref20.defaultValue;
+    return !defaultValue && delete searchParams[key];
+  });
+  delete searchParams[SEARCH_TERM_KEY];
+  var defaultFilters = buildDefaultFilters(columns, filters);
+  var newSearchParams = concat(filters, defaultFilters).reduce(function (acc, filter) {
+    acc[filter.key] = createUrlParamStringForSegments({
+      filter: filter,
+      columns: columns
+    });
+    return acc;
+  }, isNotEmpty(id) ? _defineProperty({}, SEGMENT_ID_KEY, id) : {});
+  return new URLSearchParams(_objectSpread$4(_objectSpread$4({}, searchParams), newSearchParams)).toString();
+};
+var getSearchTermFromUrl = function getSearchTermFromUrl() {
+  return getQueryParams().searchTerm || "";
+};
+var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22) {
+  var fields = _ref22.fields,
+    _ref22$selectedFields = _ref22.selectedFields,
+    selectedFields = _ref22$selectedFields === void 0 ? [] : _ref22$selectedFields,
+    _ref22$showRuleSelect = _ref22.showRuleSelector,
+    showRuleSelector = _ref22$showRuleSelect === void 0 ? false : _ref22$showRuleSelect,
+    groupName = _ref22.groupName;
+  return fields.reduce(function (columns, field) {
+    if (isEmpty(selectedFields) || selectedFields.includes(field.name)) {
+      var id = field.id,
+        name = field.name,
+        kind = field.kind;
+      var column = _objectSpread$4({
+        key: toLower(name),
+        node: "".concat(name, ":").concat(id),
+        label: capitalize(name),
+        type: "custom.".concat(kind),
+        showRuleSelector: showRuleSelector
+      }, groupName && {
+        group: groupName
+      });
+      if (kind === "single_option" || kind === "multi_option") {
+        column.values = field.data.map(function (item) {
+          return {
+            label: capitalize(item.label),
+            value: item.id
+          };
+        });
+      }
+      columns.push(column);
+    }
+    return columns;
+  }, []);
+};
+var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(columns) {
+  return columns.map(function (column) {
+    return _objectSpread$4(_objectSpread$4({}, column), {}, {
+      type: standardizeColumnType(column.type)
+    });
+  });
+};
+var isKeywordFilterPresent = function isKeywordFilterPresent(keyworFilter) {
+  return not(isEmpty(keyworFilter.node));
+};
+
+var buildCustomDateValue = function buildCustomDateValue(value) {
+  var isBeforeOrAfter = Math.abs(dayjs(value[1]).diff(dayjs(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(dateFormat.date(dayjs(value[0]).subtract(1, "day"))) : "before-".concat(dateFormat.date(dayjs(value[1]).add(1, "day")));
+  }
+  return value.map(dateFormat.date).join(" - ");
+};
+var buildFilterValue = function buildFilterValue(filter) {
+  var _findBy2;
+  var _filter$defaultType = filter.defaultType,
+    defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
+    value = filter.value,
+    rule = filter.rule,
+    _filter$values = filter.values,
+    initialValues = _filter$values === void 0 ? [] : _filter$values;
+  var values = initialValues.map(modify("value", function (value) {
+    return value.toString();
+  }));
+  if (isDate(defaultType) && isCustomDateRange(value)) {
+    return buildCustomDateValue(value);
+  } else if (isTime(defaultType) && isCustomTimeRange(value)) {
+    return value.map(dateFormat.time).join(" - ");
+  } else if (isDate(defaultType) || isTime(defaultType)) {
+    return humanize(value);
+  } else if (isMulti(defaultType)) {
+    return value.map(function (value) {
+      var _findBy;
+      return ((_findBy = findBy({
+        value: value
+      }, values)) === null || _findBy === void 0 ? void 0 : _findBy.label) || value;
+    }).join(", ");
+  } else if (isSingleDate(defaultType)) {
+    return rule === "between" ? value.map(dateFormat.date).join(" - ") : dateFormat.date(value);
+  } else if (isSingleTime(defaultType)) {
+    return rule === "between" ? value.map(dateFormat.time).join(" - ") : dateFormat.time(value);
+  } else if (isBoolean(defaultType)) {
+    return getLabelFromBool({
+      value: value,
+      values: values
+    });
+  }
+  return ((_findBy2 = findBy({
+    value: value
+  }, values)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || value;
+};
+var buildRuleValue = function buildRuleValue(_ref) {
+  var rule = _ref.rule,
+    defaultType = _ref.defaultType;
+  if (isText(defaultType)) {
+    return findBy({
+      value: rule
+    }, TEXT_RULES).label;
+  } else if (isDigit(defaultType)) {
+    return findBy({
+      value: rule
+    }, NUMBER_RULES).label;
+  } else if (isSingleDate(defaultType)) {
+    return findBy({
+      value: rule
+    }, SINGLE_DATE_OPTIONS).label;
+  } else if (isSingleTime(defaultType)) {
+    return findBy({
+      value: rule
+    }, SINGLE_TIME_OPTIONS).label;
+  }
+  return "";
+};
+var hasOnlyKeywordFilter = function hasOnlyKeywordFilter(filters) {
+  return filters.length === 1 && filters[0].key === SEARCH_TERM_KEY;
+};
+
+var Block = function Block(_ref) {
+  var filter = _ref.filter,
+    handleDelete = _ref.handleDelete,
+    setIsPaneOpen = _ref.setIsPaneOpen;
+  var key = filter.key,
+    _filter$defaultType = filter.defaultType,
+    defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
+    label = filter.label,
+    rule = filter.rule,
+    defaultValue = filter.defaultValue;
+  var filterValue = buildFilterValue(filter);
+  var ruleContent = buildRuleValue({
+    rule: rule,
+    defaultType: defaultType
+  });
+  var blockLength = label.length + ruleContent.length + filterValue.length;
+  var toolTipDisabled = blockLength <= 50;
+  var blockContent = !toolTipDisabled ? "".concat(filterValue.slice(0, 50 - blockLength), "...") : filterValue;
+  var deleteBlockHotKeyRef = useHotkeys(SHORTCUTS.deleteBlock.sequence, function () {
+    return handleDelete(key);
+  }, {
+    mode: "scoped"
+  });
+  var openFilterPaneHotKeyRef = useHotkeys(SHORTCUTS.openFilterPane.sequence, function () {
+    return setIsPaneOpen(key);
+  }, {
+    mode: "scoped"
+  });
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: filterValue,
+    disabled: toolTipDisabled,
+    position: "bottom",
+    theme: "light"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-bar__block",
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-block"),
+    tabIndex: 0,
+    ref: function ref(node) {
+      deleteBlockHotKeyRef.current = node;
+      openFilterPaneHotKeyRef.current = node;
+    },
+    onClick: function onClick() {
+      return setIsPaneOpen(key);
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "body2"
+  }, label, ":"), /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-500",
+    style: "body2"
+  }, ruleContent), /*#__PURE__*/React.createElement(Typography, {
+    style: "body2"
+  }, blockContent), !defaultValue && /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-bar__block-close"
+  }, /*#__PURE__*/React.createElement(Close, {
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-block-close-btn"),
+    size: 16,
+    strokeWidth: 2,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      handleDelete(key);
+    }
+  }))));
+};
+
+var ChildBlock = function ChildBlock(_ref) {
+  var childKey = _ref.childKey,
+    setIsPaneOpen = _ref.setIsPaneOpen,
+    handleDelete = _ref.handleDelete;
+  var deleteBlockHotKeyRef = useHotkeys(SHORTCUTS.deleteBlock.sequence, function () {
+    return handleDelete(childKey);
+  }, {
+    mode: "scoped"
+  });
+  var openFilterPaneHotKeyRef = useHotkeys(SHORTCUTS.openFilterPane.sequence, function () {
+    return setIsPaneOpen(childKey);
+  }, {
+    mode: "scoped"
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-bar__block",
+    "data-cy": "neeto-filters-".concat(hyphenate(childKey), "-block"),
+    tabIndex: 0,
+    ref: function ref(node) {
+      deleteBlockHotKeyRef.current = node;
+      openFilterPaneHotKeyRef.current = node;
+    },
+    onClick: function onClick() {
+      return setIsPaneOpen(childKey);
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "body2",
+    weight: "medium"
+  }, childKey), /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-bar__block-close"
+  }, /*#__PURE__*/React.createElement(Close, {
+    "data-cy": "neeto-filters-".concat(hyphenate(childKey), "-block-close-btn"),
+    size: 16,
+    strokeWidth: 2,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      handleDelete(childKey);
+    }
+  })));
+};
+
+var fetch = function fetch(params) {
+  return axios.get(SEGMENTS_BASE_URL, {
+    params: params
+  });
+};
+var show = function show(id) {
+  return axios.get("".concat(SEGMENTS_BASE_URL, "/").concat(id), {
+    transformResponseCase: false
+  });
+};
+var create = function create(payload) {
+  return axios.post(SEGMENTS_BASE_URL, {
+    segment: payload
+  });
+};
+var update = function update(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload,
+    _ref$showToastr = _ref.showToastr,
+    showToastr = _ref$showToastr === void 0 ? true : _ref$showToastr;
+  return axios.put("".concat(SEGMENTS_BASE_URL, "/").concat(id), payload, {
+    showToastr: showToastr
+  });
+};
+var destroy = function destroy(id) {
+  return axios["delete"]("".concat(SEGMENTS_BASE_URL, "/").concat(id));
+};
+var segmentsApi = {
+  fetch: fetch,
+  show: show,
+  create: create,
+  update: update,
+  destroy: destroy
+};
+
+var QUERY_KEYS = {
+  SEGMENTS_LIST: "segments-list"
+};
+var SEGMENTS_STALE_TIME = 900000; // 15 mins
+
+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 SEGMENTS_LIST = QUERY_KEYS.SEGMENTS_LIST;
+var useFetchSegments = function useFetchSegments(_ref) {
+  var entity = _ref.entity,
+    _ref$searchTerm = _ref.searchTerm,
+    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useQuery([SEGMENTS_LIST, entity, searchTerm], function () {
+    return segmentsApi.fetch({
+      entity: entity,
+      searchTerm: searchTerm
+    });
+  }, mergeRight({
+    staleTime: SEGMENTS_STALE_TIME,
+    select: prop("segments")
+  }, options));
+};
+var useShowSegment = function useShowSegment(id) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useQuery([SEGMENTS_LIST, id], function () {
+    return segmentsApi.show(id);
+  }, mergeRight({
+    staleTime: SEGMENTS_STALE_TIME,
+    select: prop("segment")
+  }, options));
+};
+var useCreateSegment = function useCreateSegment(options) {
+  return useMutationWithInvalidation(segmentsApi.create, _objectSpread$3({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
+};
+var useUpdateSegment = function useUpdateSegment(options) {
+  return useMutationWithInvalidation(segmentsApi.update, _objectSpread$3({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
+};
+var useDestroySegment = function useDestroySegment(options) {
+  return useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$3({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
+};
+
+var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defaultSegmentName) {
+  return yup.object({
+    name: yup.string().trim().required().test({
+      name: "not-default-segment-name",
+      test: function test(value) {
+        return (value === null || value === void 0 ? void 0 : value.toLocaleLowerCase()) !== defaultSegmentName.toLocaleLowerCase();
+      },
+      message: t$1("neetoFilters.segments.reservedNameErrorMessage")
+    })
+  });
+};
+
+var Menu = Dropdown$2.Menu,
+  MenuItem = Dropdown$2.MenuItem;
+var Segment = function Segment(_ref) {
+  var entity = _ref.entity,
+    filters = _ref.filters,
+    columns = _ref.columns,
+    childrenKeys = _ref.childrenKeys,
+    setIsFilterPaneOpen = _ref.setIsFilterPaneOpen,
+    defaultSegmentName = _ref.defaultSegmentName;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSavePaneOpen = _useState2[0],
+    setIsSavePaneOpen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isUpdateAlertOpen = _useState4[0],
+    setIsUpdateAlertOpen = _useState4[1];
+  var inputRef = useRef(null);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var history = useHistory();
+  var filtersPayload = buildSegmentsPayload(filters, childrenKeys);
+  var _getQueryParams = getQueryParams(),
+    segmentId = _getQueryParams.segmentId;
+  var _useShowSegment = useShowSegment(segmentId, {
+      enabled: isNotNil(segmentId)
+    }),
+    _useShowSegment$data = _useShowSegment.data,
+    selectedSegment = _useShowSegment$data === void 0 ? {} : _useShowSegment$data;
+  var _useCreateSegment = useCreateSegment(),
+    createSegment = _useCreateSegment.mutate,
+    isCreating = _useCreateSegment.isLoading;
+  var _useUpdateSegment = useUpdateSegment(),
+    updateSegment = _useUpdateSegment.mutate,
+    isUpdating = _useUpdateSegment.isLoading;
+  var isSubmitting = isCreating || isUpdating;
+  var handleUpdate = function handleUpdate() {
+    return updateSegment({
+      id: segmentId,
+      payload: {
+        filters: filtersPayload
+      }
+    }, {
+      onSuccess: function onSuccess() {
+        return setIsUpdateAlertOpen(false);
+      }
+    });
+  };
+  var handleCreateSuccess = function handleCreateSuccess(_ref2) {
+    var _filters$;
+    var _ref2$segment = _ref2.segment,
+      id = _ref2$segment.id,
+      filters = _ref2$segment.filters;
+    history.push({
+      search: buildUrlFromSegment({
+        columns: columns,
+        filters: (_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions,
+        id: id
+      })
+    });
+    setIsSavePaneOpen(false);
+  };
+  var handleSubmit = function handleSubmit(_ref3) {
+    var name = _ref3.name;
+    return createSegment({
+      name: name,
+      entity: entity,
+      filters: filtersPayload
+    }, {
+      onSuccess: handleCreateSuccess
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isNil(segmentId) ? /*#__PURE__*/React.createElement(Button, {
+    disabled: hasOnlyKeywordFilter(filters),
+    label: t("neetoFilters.segments.saveAsSegment"),
+    style: "secondary",
+    onClick: function onClick() {
+      setIsFilterPaneOpen(false);
+      setIsSavePaneOpen(true);
+    }
+  }) : /*#__PURE__*/React.createElement(Dropdown$2, {
+    buttonStyle: "secondary",
+    label: t("neetoFilters.segments.saveSegment")
+  }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
+    isDisabled: equals(filtersPayload, selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.filters),
+    onClick: setIsUpdateAlertOpen
+  }, t("neetoFilters.segments.saveSegment")), /*#__PURE__*/React.createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      setIsFilterPaneOpen(false);
+      setIsSavePaneOpen(true);
+    }
+  }, t("neetoFilters.segments.saveAsNewSegment")))), /*#__PURE__*/React.createElement(Pane$1, {
+    initialFocusRef: inputRef,
+    isOpen: isSavePaneOpen,
+    onClose: function onClose() {
+      return setIsSavePaneOpen(false);
+    }
+  }, /*#__PURE__*/React.createElement(Pane$1.Header, null, /*#__PURE__*/React.createElement(Typography, {
+    style: "h2",
+    weight: "semibold"
+  }, t("neetoFilters.segments.addNewSegment"))), /*#__PURE__*/React.createElement(Form, {
+    className: "w-full",
+    formProps: {
+      noValidate: true
+    },
+    formikProps: {
+      initialValues: {
+        name: ""
+      },
+      validateOnChange: true,
+      validateOnBlur: true,
+      validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
+      onSubmit: handleSubmit
+    }
+  }, /*#__PURE__*/React.createElement(Pane$1.Body, null, /*#__PURE__*/React.createElement(Input, {
+    className: "w-full",
+    label: t("neetoFilters.segments.name"),
+    name: "name",
+    placeholder: t("neetoFilters.segments.segmentName"),
+    ref: inputRef
+  })), /*#__PURE__*/React.createElement(Pane$1.Footer, {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React.createElement(ActionBlock, {
+    cancelButtonProps: {
+      onClick: function onClick() {
+        return setIsSavePaneOpen(false);
+      },
+      disabled: false
+    },
+    submitButtonProps: {
+      disabled: isSubmitting,
+      loading: isSubmitting
+    }
+  })))), /*#__PURE__*/React.createElement(Alert, {
+    isOpen: isUpdateAlertOpen,
+    isSubmitting: isUpdating,
+    submitButtonLabel: t("neetoFilters.common.update"),
+    title: t("neetoFilters.segments.updateSegment"),
+    message: /*#__PURE__*/React.createElement(Trans, {
+      i18nKey: "neetoFilters.segments.updateSegmentMessage",
+      values: {
+        entity: selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.name
+      }
+    }),
+    onClose: function onClose() {
+      return setIsUpdateAlertOpen(false);
+    },
+    onSubmit: handleUpdate
+  }));
+};
+
+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 Bar = function Bar(_ref) {
+  var entity = _ref.entity,
+    className = _ref.className,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$keyword = _ref.keyword,
+    keyword = _ref$keyword === void 0 ? {
+      node: "",
+      value: "",
+      setValue: noop
+    } : _ref$keyword,
+    _ref$setIsPaneOpen = _ref.setIsPaneOpen,
+    setIsPaneOpen = _ref$setIsPaneOpen === void 0 ? identity : _ref$setIsPaneOpen,
+    _ref$childrenKeys = _ref.childrenKeys,
+    childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
+    _ref$defaultSegmentNa = _ref.defaultSegmentName,
+    defaultSegmentName = _ref$defaultSegmentNa === void 0 ? t$1("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
+  return function () {
+    var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+    var initialRenderRef = useRef(true);
+    var searchParams = useQueryParams({
+      toCamelCase: false
+    });
+    var keywordValue = searchParams[SEARCH_TERM_KEY] || "";
+    var keywordFilter = _objectSpread$2(_objectSpread$2({
+      type: "text",
+      rule: "contains",
+      label: t("neetoFilters.common.searchTerm")
+    }, keyword), {}, {
+      key: SEARCH_TERM_KEY,
+      value: keywordValue
+    });
+    var filters = buildFiltersFromSearchParams(isKeywordFilterPresent(keywordFilter) && isNotEmpty(keywordValue) ? [keywordFilter].concat(_toConsumableArray(columns)) : columns);
+    var nonHiddenFilters = removeBy({
+      hidden: true
+    }, filters);
+    var history = useHistory();
+    var handleSubmit = function handleSubmit(newFilters, isClearAll) {
+      var params = buildUrlFromFilters(_objectSpread$2({
+        columns: columns,
+        filters: isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
+      }, isClearAll && {
+        isClearAll: true,
+        childrenKeys: childrenKeys
+      }));
+      history.push({
+        search: params
+      });
+    };
+    var handleDelete = function handleDelete(key) {
+      if (key === SEARCH_TERM_KEY) {
+        var params = omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams());
+        var pathname = window.location.pathname;
+        history.push(buildUrl(pathname, params));
+        return;
+      }
+      if (childrenKeys.includes(key)) {
+        var _params = omit([key], getSnakeCasedQueryParams());
+        var _pathname = window.location.pathname;
+        history.push(buildUrl(_pathname, _params));
+      }
+      var newFilters = removeBy({
+        key: key
+      }, filters);
+      handleSubmit(newFilters);
+    };
+    var handleClearAll = function handleClearAll() {
+      var params = isKeywordFilterPresent(keywordFilter) ? omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams()) : getSnakeCasedQueryParams();
+      var pathname = window.location.pathname;
+      history.push(buildUrl(pathname, params));
+      handleSubmit([], true);
+    };
+    var childrenFiltersApplied = childrenKeys.some(function (key) {
+      return has(key, searchParams);
+    });
+    var hideClearButton = nonHiddenFilters.every(function (_ref2) {
+      var defaultValue = _ref2.defaultValue,
+        isClearable = _ref2.isClearable;
+      return defaultValue && !isClearable;
+    }) && !childrenFiltersApplied;
+    useEffect(function () {
+      if (initialRenderRef.current) {
+        initialRenderRef.current = false;
+        return noop;
+      }
+      var handler = setTimeout(function () {
+        handleSubmit(filters);
+      }, 500);
+      return function () {
+        return clearTimeout(handler);
+      };
+    }, [keywordValue]);
+    if (isEmpty(nonHiddenFilters) && !childrenFiltersApplied) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames("neeto-filters-bar", _defineProperty({}, className, className))
+    }, nonHiddenFilters.map(function (filter) {
+      var _filter$suffixCompone;
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: filter.key
+      }, /*#__PURE__*/React.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.createElement("div", {
+        className: "neeto-filters-bar--separator"
+      }));
+    }), childrenKeys.filter(function (childKey) {
+      return has(childKey, searchParams);
+    }).map(function (childKey) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: childKey
+      }, /*#__PURE__*/React.createElement(ChildBlock, {
+        childKey: childKey,
+        handleDelete: handleDelete,
+        setIsPaneOpen: setIsPaneOpen
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "neeto-filters-bar--separator"
+      }));
+    }), isNotNil(entity) && /*#__PURE__*/React.createElement(Segment, {
+      childrenKeys: childrenKeys,
+      columns: columns,
+      defaultSegmentName: defaultSegmentName,
+      entity: entity,
+      filters: filters,
+      setIsFilterPaneOpen: setIsPaneOpen
+    }), !hideClearButton && /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "neeto-filters-bar-clear-btn",
+      label: t("neetoFilters.common.clearFilters"),
+      style: "text",
+      onClick: handleClearAll
+    }));
+  }();
+};
+
+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 _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var useFilters = function useFilters(_ref) {
+  var onFiltersChange = _ref.onFiltersChange,
+    columns = _ref.columns,
+    keywordFilter = _ref.keywordFilter,
+    onSelectorsChange = _ref.onSelectorsChange;
+  var _useTransition = useTransition(),
+    _useTransition2 = _slicedToArray(_useTransition, 2);
+    _useTransition2[0];
+    var startTransition = _useTransition2[1];
+  var initialRender = useRef(true);
+  var prevFilters = useRef([]);
+  var location = useLocation();
+  var filters = buildFiltersFromSearchParams(columns, false);
+  var history = useHistory();
+  var defaultValuesOfColumns = JSON.stringify(pluck("defaultValue", columns));
+  var handlePrecenseOfDefaultFilters = function handlePrecenseOfDefaultFilters(defaultFilters) {
+    var params = buildUrlFromFilters({
+      columns: columns,
+      filters: isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(defaultFilters), [keywordFilter]) : defaultFilters
+    });
+    history.replace({
+      search: params
+    });
+  };
+  var handleFiltersChange = function handleFiltersChange(filtersPayload) {
+    startTransition(function () {
+      onFiltersChange(buildFiltersPayload(filtersPayload.filter(function (filter) {
+        return !isNil(filter.node);
+      })));
+    });
+  };
+
+  //This function sends the updated filters to host via callbacks.
+  var sendUpdatedFilters = function sendUpdatedFilters() {
+    if (compareFilters(append(keywordFilter, filters), prevFilters.current)) {
+      return;
+    }
+    var newFilters = buildFiltersFromSearchParams(columns);
+    var filtersPayload = isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? append(keywordFilter, newFilters) : newFilters;
+    handleFiltersChange(filtersPayload);
+    onSelectorsChange(buildSelectorsFromURL(columns));
+  };
+  var handleChangesInURL = function handleChangesInURL() {
+    var defaultFilters = buildDefaultFilters(columns, filters);
+    var searchParams = getSnakeCasedQueryParams();
+    var keys = pluck("key", append(keywordFilter, columns));
+    if (keys.every(function (key) {
+      return isNil(searchParams[key]);
+    }) && !isEmpty(defaultFilters)) {
+      history.replace({
+        search: buildUrlFromFilters({
+          columns: columns,
+          filters: concat(defaultFilters, filters)
+        })
+      });
+      filters = buildFiltersFromSearchParams(columns, false);
+    }
+  };
+  useEffect(function () {
+    if (initialRender.current) {
+      initialRender.current = false;
+      var keywordValue = getSearchTermFromUrl();
+      var defaultFilters = buildDefaultFilters(columns, filters);
+      isNotEmpty(defaultFilters) && handlePrecenseOfDefaultFilters(defaultFilters);
+      prevFilters.current = append(mergeRight(keywordFilter, {
+        value: keywordValue
+      }), filters);
+    } else {
+      handleChangesInURL();
+      sendUpdatedFilters();
+      prevFilters.current = append(keywordFilter, filters);
+    }
+  }, [location.search, defaultValuesOfColumns]);
+  return filters;
+};
+
+var buildDropdownValue = function buildDropdownValue(_ref) {
+  var defaultType = _ref.defaultType,
+    filter = _ref.filter,
+    options = _ref.options;
+  if (!filter) return null;
+  if (isMulti(defaultType)) {
+    return options.filter(function (_ref2) {
+      var value = _ref2.value;
+      return filter.value.includes(value);
+    });
+  }
+  return findBy({
+    value: filter.value
+  }, options);
+};
+var buildSingleTimeValue = function buildSingleTimeValue(filter) {
+  var _findBy2;
+  if (!filter) return null;
+  return (_findBy2 = findBy({
+    value: filter.value
+  }, TIME_OPTIONS)) !== null && _findBy2 !== void 0 ? _findBy2 : last(TIME_OPTIONS);
+};
+var getOtherProps = function getOtherProps(props) {
+  return omit(["key", "node", "label", "type", "values", "model", "showRuleSelector"], props);
+};
+var buildDropdownOptions = function buildDropdownOptions(_ref3) {
+  var defaultType = _ref3.defaultType,
+    filter = _ref3.filter,
+    options = _ref3.options;
+  options = options.map(modify("value", function (value) {
+    return value === null || value === void 0 ? void 0 : value.toString();
+  }));
+  if (!filter) return options;
+  if (isMulti(defaultType)) {
+    var selectedOptions = filter.value.map(function (value) {
+      return findBy({
+        value: value
+      }, options) || toLabelAndValue(value);
+    });
+    var nonSelectedOptions = options.filter(function (option) {
+      return !filter.value.includes(option.value);
+    });
+    return concat(selectedOptions, nonSelectedOptions);
+  }
+  if (!findBy({
+    value: filter.value
+  }, options)) {
+    return append(toLabelAndValue(filter.value), options);
+  }
+  return options;
+};
+var initializeDateRule = function initializeDateRule(filter) {
+  return filter ? findBy({
+    value: filter === null || filter === void 0 ? void 0 : filter.value
+  }, DATE_OPTIONS) || findDateOption(filter, DATE_OPTIONS) : {};
+};
+var getDateValue = function getDateValue(value, rule) {
+  if (isEmpty(value) || isNil(value)) {
+    return null;
+  }
+  if (rule.value === "custom-date-range") {
+    return value;
+  }
+  return rule.value === "before" ? dayjs(value[1]).add(1, "day") : dayjs(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;
+  if (not(isBeforeOrAfter)) {
+    return 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"));
+  return diffWithStart < diffWithEnd ? findBy({
+    value: "after"
+  }, options) : findBy({
+    value: "before"
+  }, options);
+};
+var buildDateValues = function buildDateValues(dates, selectedRule) {
+  if (selectedRule.value === "after") {
+    return [dates.add(1, "day"), dates.add(100, "year")];
+  } else if (selectedRule.value === "before") {
+    return [dates.subtract(100, "year"), dates.subtract(1, "day")];
+  }
+  return dates;
+};
+var buildHelpIconProps = function buildHelpIconProps(helpIconProps) {
+  return mergeDeepRight(DEFAULT_HELP_ICON_PROPS, helpIconProps);
+};
+
+var Boolean = function Boolean(_ref) {
+  var column = _ref.column,
+    filter = _ref.filter,
+    handleApplyFilter = _ref.handleApplyFilter,
+    autoFocus = _ref.autoFocus;
+  var key = column.key,
+    _column$defaultType = column.defaultType,
+    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
+    label = column.label,
+    values = column.values,
+    _column$helpIconProps = column.helpIconProps,
+    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
+  var options = isNil(values) || isEmpty(values) ? DEFAULT_BOOLEAN_OPTIONS : values;
+  var otherProps = getOtherProps(column);
+  var value = buildDropdownValue({
+    defaultType: defaultType,
+    filter: filter,
+    options: options
+  });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleChange = function handleChange(option) {
+    if (isEmpty(option) || isNil(option)) {
+      handleApplyFilter({
+        _delete: true
+      });
+      return;
+    }
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: option
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-pane-filter__item-wrapper"
+  }, /*#__PURE__*/React.createElement(Select, _extends({
+    autoFocus: autoFocus,
+    label: label,
+    options: options,
+    value: value,
+    isClearable: true
+  }, isNotEmpty(helpIconProps) && {
+    labelProps: {
+      helpIconProps: buildHelpIconProps(helpIconProps)
+    }
+  }, {
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
+    strategy: "fixed",
+    placeholder: t("neetoFilters.messages.selectOption", {
+      resource: label
+    }),
+    onChange: handleChange
+  }, otherProps)));
+};
+var Boolean$1 = /*#__PURE__*/React.memo(Boolean);
+
+var Datetime = function Datetime(_ref) {
+  var column = _ref.column,
+    filter = _ref.filter,
+    handleApplyFilter = _ref.handleApplyFilter,
+    autoFocus = _ref.autoFocus;
+  var _useState = useState(initializeDateRule(filter)),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRule = _useState2[0],
+    setSelectedRule = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var key = column.key,
+    _column$defaultType = column.defaultType,
+    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
+    label = column.label,
+    _column$helpIconProps = column.helpIconProps,
+    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
+  var isDatePickerShown = filter && isCustomDateRange(filter.value);
+  var otherProps = getOtherProps(column);
+  var handleChange = function handleChange(option) {
+    if (isEmpty(option) || isNil(option)) {
+      handleApplyFilter({
+        _delete: true
+      });
+      setSelectedRule({});
+      return;
+    }
+    setSelectedRule(option);
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: option
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  var handleDateRangeChange = function handleDateRangeChange(dates) {
+    if (isEmpty(dates) || isNil(dates)) {
+      handleApplyFilter({
+        _delete: true
+      });
+      setSelectedRule({});
+      return;
+    }
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: {
+        value: pluck("$d", buildDateValues(dates, selectedRule)).map(function (date) {
+          return date.toISOString();
+        })
+      }
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  useEffect(function () {
+    isNil(filter) && setSelectedRule({});
+  }, [filter]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-pane-filter__item-wrapper"
+  }, /*#__PURE__*/React.createElement(Select, _extends({
+    autoFocus: autoFocus,
+    label: label,
+    isClearable: true,
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
+    options: DATE_OPTIONS,
+    strategy: "fixed",
+    value: selectedRule,
+    placeholder: t("neetoFilters.messages.selectResource", {
+      resource: label
+    })
+  }, isNotEmpty(helpIconProps) && {
+    labelProps: {
+      helpIconProps: buildHelpIconProps(helpIconProps)
+    }
+  }, {
+    onChange: handleChange
+  })), isDatePickerShown && /*#__PURE__*/React.createElement(DatePicker, _extends({
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-date-range"),
+    getPopupContainer: 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.memo(Datetime);
+
+var Dropdown = function Dropdown(_ref) {
+  var column = _ref.column,
+    filter = _ref.filter,
+    handleApplyFilter = _ref.handleApplyFilter,
+    autoFocus = _ref.autoFocus;
+  var key = column.key,
+    label = column.label,
+    values = column.values,
+    defaultValue = column.defaultValue,
+    _column$defaultType = column.defaultType,
+    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
+    _column$isClearable = column.isClearable,
+    isClearable = _column$isClearable === void 0 ? true : _column$isClearable,
+    _column$helpIconProps = column.helpIconProps,
+    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
+  var otherProps = getOtherProps(column);
+  var options = buildDropdownOptions({
+    defaultType: defaultType,
+    filter: filter,
+    options: values
+  });
+  var value = buildDropdownValue({
+    defaultType: defaultType,
+    filter: filter,
+    options: options
+  });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleChange = function handleChange(option) {
+    if (isEmpty(option) || isNil(option)) {
+      handleApplyFilter({
+        _delete: true
+      });
+      return;
+    }
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: option
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-pane-filter__item-wrapper"
+  }, /*#__PURE__*/React.createElement(Select, _extends({
+    autoFocus: autoFocus,
+    label: label,
+    options: options,
+    value: value,
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
+    isClearable: !defaultValue && isClearable,
+    isMulti: isMulti(defaultType),
+    strategy: "fixed",
+    placeholder: t("neetoFilters.messages.selectResource", {
+      resource: label
+    })
+  }, isNotEmpty(helpIconProps) && {
+    labelProps: {
+      helpIconProps: buildHelpIconProps(helpIconProps)
+    }
+  }, {
+    onChange: handleChange
+  }, otherProps)));
+};
+var Dropdown$1 = /*#__PURE__*/React.memo(Dropdown);
+
+var SingleDatetime = function SingleDatetime(_ref) {
+  var column = _ref.column,
+    filter = _ref.filter,
+    filters = _ref.filters,
+    handleApplyFilter = _ref.handleApplyFilter,
+    autoFocus = _ref.autoFocus;
+  var _useState = useState(function () {
+      return findBy({
+        value: filter === null || filter === void 0 ? void 0 : filter.rule
+      }, SINGLE_DATE_OPTIONS) || SINGLE_DATE_OPTIONS[0];
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRule = _useState2[0],
+    setSelectedRule = _useState2[1];
+  var key = column.key,
+    _column$defaultType = column.defaultType,
+    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
+    label = column.label,
+    _column$helpIconProps = column.helpIconProps,
+    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
+  var otherProps = getOtherProps(column);
+  var datePickerType = selectedRule.value === "between" ? "range" : "date";
+  var value = filter === null || filter === void 0 ? void 0 : filter.value;
+
+  // Reset states when "Clear filters" button is clicked.
+  useEffect(function () {
+    if (!isEmpty(filters)) return;
+    setSelectedRule(SINGLE_DATE_OPTIONS[0]);
+  }, [filters]);
+  var handleRuleChange = function handleRuleChange(ruleOption) {
+    setSelectedRule(ruleOption);
+
+    // Clear value if switched between incompatable types
+    var updateValue = value;
+    if (datePickerType === "range" && ruleOption.value !== "between" || datePickerType === "date" && ruleOption.value === "between") {
+      updateValue = "";
+    }
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: {},
+      rule: ruleOption.value,
+      value: updateValue
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  var handleChange = function handleChange(dates) {
+    if (isEmpty(dates) || isNil(dates)) {
+      handleApplyFilter({
+        _delete: true
+      });
+      return;
+    }
+    var value = datePickerType === "range" ? pluck("$d", dates).map(function (date) {
+      return date.toISOString();
+    }) : dates["$d"];
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: {},
+      rule: selectedRule.value,
+      value: value
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-pane-filter__item-wrapper"
+  }, /*#__PURE__*/React.createElement(Select, _extends({
+    label: label,
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter-rule"),
+    defaultValue: SINGLE_DATE_OPTIONS[0],
+    options: SINGLE_DATE_OPTIONS,
+    strategy: "fixed",
+    value: selectedRule
+  }, isNotEmpty(helpIconProps) && {
+    labelProps: {
+      helpIconProps: buildHelpIconProps(helpIconProps)
+    }
+  }, {
+    onChange: handleRuleChange
+  })), /*#__PURE__*/React.createElement(DatePicker, _extends({
+    autoFocus: autoFocus,
+    value: value,
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
+    getPopupContainer: prop("parentNode"),
+    type: datePickerType,
+    onChange: handleChange
+  }, otherProps)));
+};
+
+var SingleTime = function SingleTime(_ref) {
+  var column = _ref.column,
+    filter = _ref.filter,
+    filters = _ref.filters,
+    handleApplyFilter = _ref.handleApplyFilter,
+    autoFocus = _ref.autoFocus;
+  var _useState = useState(function () {
+      return findBy({
+        value: filter === null || filter === void 0 ? void 0 : filter.rule
+      }, SINGLE_TIME_OPTIONS) || SINGLE_TIME_OPTIONS[0];
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRule = _useState2[0],
+    setSelectedRule = _useState2[1];
+  var key = column.key,
+    _column$defaultType = column.defaultType,
+    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
+    label = column.label,
+    _column$helpIconProps = column.helpIconProps,
+    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
+  var otherProps = getOtherProps(column);
+  var timePickerType = selectedRule.value === "between" ? "range" : "time";
+  var value = filter === null || filter === void 0 ? void 0 : filter.value;
+  useEffect(function () {
+    if (!isEmpty(filters)) return;
+    setSelectedRule(SINGLE_TIME_OPTIONS[0]);
+  }, [filters]);
+  var handleRuleChange = function handleRuleChange(ruleOption) {
+    setSelectedRule(ruleOption);
+
+    // Clear value if switched between incompatible types
+    var updateValue = value;
+    if (timePickerType === "range" && ruleOption.value !== "between" || timePickerType === "time" && ruleOption.value === "between") {
+      updateValue = "";
+    }
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: {},
+      rule: ruleOption.value,
+      value: updateValue
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  var handleChange = function handleChange(times) {
+    var value = timePickerType === "range" ? pluck("$d", times).map(function (time) {
+      return time.toISOString();
+    }) : times["$d"].toISOString();
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: {},
+      rule: selectedRule.value,
+      value: value
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-pane-filter__item-wrapper"
+  }, /*#__PURE__*/React.createElement(Select, _extends({
+    label: label,
+    defaultValue: SINGLE_TIME_OPTIONS[0],
+    options: SINGLE_TIME_OPTIONS,
+    strategy: "fixed",
+    value: selectedRule
+  }, isNotEmpty(helpIconProps) && {
+    labelProps: {
+      helpIconProps: buildHelpIconProps(helpIconProps)
+    }
+  }, {
+    onChange: handleRuleChange
+  })), /*#__PURE__*/React.createElement(TimePicker, _extends({
+    autoFocus: autoFocus,
+    value: value,
+    use12Hours: true,
+    className: "w-full",
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
+    format: "h:mm A",
+    getPopupContainer: prop("parentNode"),
+    type: timePickerType,
+    onChange: handleChange
+  }, otherProps)));
+};
+
+var Text = function Text(_ref) {
+  var column = _ref.column,
+    filter = _ref.filter,
+    filters = _ref.filters,
+    handleApplyFilter = _ref.handleApplyFilter,
+    autoFocus = _ref.autoFocus,
+    onClose = _ref.onClose;
+  var key = column.key,
+    _column$defaultType = column.defaultType,
+    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
+    label = column.label,
+    _column$showRuleSelec = column.showRuleSelector,
+    showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
+    _column$helpIconProps = column.helpIconProps,
+    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
+  var otherProps = getOtherProps(column);
+  var ruleOptions = buildRuleOptions({
+    defaultType: defaultType
+  });
+  var inputType = defaultType === "text" || defaultType === "custom.text" ? "text" : "number";
+  var _useState = useState(filter === null || filter === void 0 ? void 0 : filter.value),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = useState(function () {
+      return findBy({
+        value: filter === null || filter === void 0 ? void 0 : filter.rule
+      }, ruleOptions) || ruleOptions[0];
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedRule = _useState4[0],
+    setSelectedRule = _useState4[1];
+  var debouncedInputValue = useDebounce(inputValue);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleUpdateAndApplyFilter = function handleUpdateAndApplyFilter() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : debouncedInputValue;
+    var rule = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedRule;
+    if (equals(filter === null || filter === void 0 ? void 0 : filter.value, value) && equals(selectedRule, rule)) return;
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: {},
+      rule: rule.value,
+      value: value.trim()
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  var handleKeydown = function handleKeydown(e) {
+    if (!(e.key === "Enter")) return;
+    handleUpdateAndApplyFilter(inputValue);
+    onClose();
+  };
+  var handleRuleChange = function handleRuleChange(ruleOption) {
+    setSelectedRule(ruleOption);
+    if (!debouncedInputValue) return;
+    handleUpdateAndApplyFilter(debouncedInputValue, ruleOption);
+  };
+
+  // Reset states when "Clear filters" button is clicked.
+  useEffect(function () {
+    (isEmpty(filters) || isNil(filter)) && setInputValue("");
+  }, [filter]);
+  useEffect(function () {
+    if (!debouncedInputValue) {
+      !isUndefinedOrEmpty(filter) && handleApplyFilter({
+        _delete: true
+      });
+      return;
+    }
+    handleUpdateAndApplyFilter();
+  }, [debouncedInputValue]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-pane-filter__item-wrapper"
+  }, showRuleSelector && /*#__PURE__*/React.createElement(Select, _extends({
+    label: label,
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter-rule"),
+    defaultValue: ruleOptions[0],
+    options: ruleOptions,
+    strategy: "fixed",
+    value: selectedRule,
+    onChange: handleRuleChange
+  }, isNotEmpty(helpIconProps) && {
+    labelProps: {
+      helpIconProps: buildHelpIconProps(helpIconProps)
+    }
+  })), /*#__PURE__*/React.createElement(Input$1, _extends({
+    autoFocus: autoFocus,
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
+    label: !showRuleSelector && label,
+    type: inputType,
+    value: inputValue
+  }, 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)));
+};
+
+var Time = function Time(_ref) {
+  var column = _ref.column,
+    filter = _ref.filter,
+    handleApplyFilter = _ref.handleApplyFilter,
+    autoFocus = _ref.autoFocus;
+  var key = column.key,
+    _column$defaultType = column.defaultType,
+    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
+    label = column.label,
+    _column$helpIconProps = column.helpIconProps,
+    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
+  var otherProps = getOtherProps(column);
+  var value = buildSingleTimeValue(filter);
+  var isCustomTimeRangeShown = filter && isCustomTimeRange(filter.value);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleChange = function handleChange(option) {
+    if (isEmpty(option) || isNil(option)) {
+      handleApplyFilter({
+        _delete: true
+      });
+      return;
+    }
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: option
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  var handleTimeRangeChange = function handleTimeRangeChange(times) {
+    var updatedFilter = buildUpdatedFilter({
+      column: column,
+      defaultType: defaultType,
+      option: {
+        value: pluck("$d", times).map(function (time) {
+          return time.toISOString();
+        })
+      }
+    });
+    handleApplyFilter(updatedFilter);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-filters-pane-filter__item-wrapper"
+  }, /*#__PURE__*/React.createElement(Select, _extends({
+    autoFocus: autoFocus,
+    label: label,
+    value: value,
+    isClearable: true,
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
+    options: TIME_OPTIONS,
+    strategy: "fixed",
+    placeholder: t("neetoFilters.messages.selectResource", {
+      resource: label
+    })
+  }, isNotEmpty(helpIconProps) && {
+    labelProps: {
+      helpIconProps: buildHelpIconProps(helpIconProps)
+    }
+  }, {
+    onChange: handleChange
+  })), isCustomTimeRangeShown && /*#__PURE__*/React.createElement(TimePicker, _extends({
+    use12Hours: true,
+    "data-cy": "neeto-filters-".concat(hyphenate(key), "-date-range"),
+    format: "h:mm A",
+    getPopupContainer: prop("parentNode"),
+    type: "range",
+    value: filter.value,
+    onChange: handleTimeRangeChange
+  }, otherProps)));
+};
+var Time$1 = /*#__PURE__*/React.memo(Time);
+
+var Item = function Item(_ref) {
+  var column = _ref.column,
+    filters = _ref.filters,
+    onChange = _ref.onChange,
+    autoFocus = _ref.autoFocus,
+    onClose = _ref.onClose;
+  var key = column.key,
+    _column$defaultType = column.defaultType,
+    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType;
+  var filter = useMemo(function () {
+    return findBy({
+      key: key
+    }, filters);
+  }, [filters, key]);
+  var handleApplyFilter = function handleApplyFilter(updatedFilter) {
+    if (updatedFilter._delete) onChange(removeBy({
+      key: key
+    }, filters));else if (!filter) onChange(append(updatedFilter, filters));else onChange(replaceBy({
+      key: key
+    }, updatedFilter, filters));
+  };
+  if (isText(defaultType) || isDigit(defaultType)) {
+    return /*#__PURE__*/React.createElement(Text, {
+      autoFocus: autoFocus,
+      column: column,
+      filter: filter,
+      filters: filters,
+      handleApplyFilter: handleApplyFilter,
+      onClose: onClose
+    });
+  }
+  if (isDate(defaultType)) {
+    return /*#__PURE__*/React.createElement(Datetime$1, {
+      autoFocus: autoFocus,
+      column: column,
+      filter: filter,
+      handleApplyFilter: handleApplyFilter
+    });
+  }
+  if (isTime(defaultType)) {
+    return /*#__PURE__*/React.createElement(Time$1, {
+      autoFocus: autoFocus,
+      column: column,
+      filter: filter,
+      handleApplyFilter: handleApplyFilter
+    });
+  }
+  if (isSingleDate(defaultType)) {
+    return /*#__PURE__*/React.createElement(SingleDatetime, {
+      autoFocus: autoFocus,
+      column: column,
+      filter: filter,
+      filters: filters,
+      handleApplyFilter: handleApplyFilter
+    });
+  }
+  if (isSingleTime(defaultType)) {
+    return /*#__PURE__*/React.createElement(SingleTime, {
+      autoFocus: autoFocus,
+      column: column,
+      filter: filter,
+      filters: filters,
+      handleApplyFilter: handleApplyFilter
+    });
+  }
+  if (isBoolean(defaultType) || isCheckbox(defaultType)) {
+    return /*#__PURE__*/React.createElement(Boolean$1, {
+      autoFocus: autoFocus,
+      column: column,
+      filter: filter,
+      handleApplyFilter: handleApplyFilter
+    });
+  }
+  return /*#__PURE__*/React.createElement(Dropdown$1, {
+    autoFocus: autoFocus,
+    column: column,
+    filter: filter,
+    handleApplyFilter: handleApplyFilter
+  });
+};
+
+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; }
+var Pane = function Pane(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    columns = _ref.columns,
+    onChange = _ref.onChange,
+    isSearchable = _ref.isSearchable,
+    keyword = _ref.keyword,
+    onSelectorsChange = _ref.onSelectorsChange,
+    _ref$childrenKeys = _ref.childrenKeys,
+    childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
+    children = _ref.children,
+    className = _ref.className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var searchParams = useQueryParams({
+    toCamelCase: false
+  });
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var history = useHistory();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  columns = useMemo(function () {
+    return getColumnsWithStandardizedType(columns);
+  }, [columns]);
+  var _buildFilteredColumns = buildFilteredColumns({
+      searchTerm: searchTerm,
+      columns: columns
+    }),
+    _buildFilteredColumns2 = _buildFilteredColumns.groupedColumns,
+    groupedColumns = _buildFilteredColumns2 === void 0 ? [] : _buildFilteredColumns2,
+    _buildFilteredColumns3 = _buildFilteredColumns.ungroupedColumns,
+    ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
+  var keywordFilter = _objectSpread$1(_objectSpread$1({
+    type: "text",
+    rule: "contains",
+    label: t("neetoFilters.common.searchTerm")
+  }, keyword), {}, {
+    key: SEARCH_TERM_KEY,
+    value: searchParams[SEARCH_TERM_KEY] || ""
+  });
+  var filters = useFilters({
+    onFiltersChange: onChange,
+    columns: columns,
+    keywordFilter: keywordFilter,
+    onSelectorsChange: onSelectorsChange
+  });
+  var handleChange = function handleChange(newFilters) {
+    var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var params = buildUrlFromFilters(_objectSpread$1({
+      columns: columns,
+      filters: isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
+    }, isClearAll && {
+      isClearAll: true,
+      childrenKeys: childrenKeys
+    }));
+    history.push({
+      search: params
+    });
+  };
+  var handleClearAll = function handleClearAll() {
+    var params = isKeywordFilterPresent(keywordFilter) ? omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams()) : getSnakeCasedQueryParams();
+    var pathname = window.location.pathname;
+    history.push(buildUrl(pathname, params));
+    handleChange([], true);
+  };
+  var handleClearTermAndClose = function handleClearTermAndClose() {
+    setSearchTerm("");
+    onClose();
+  };
+  var handleClose = function handleClose() {
+    columns.forEach(function (_ref2) {
+      var key = _ref2.key;
+      var filter = findBy({
+        key: key
+      }, filters);
+      if ((filter === null || filter === void 0 ? void 0 : filter.value) === "") delete searchParams[key];
+    });
+    handleClearTermAndClose();
+  };
+  var isClearFiltersDisabled = !filters.some(function (_ref3) {
+    var value = _ref3.value,
+      defaultValue = _ref3.defaultValue;
+    return isPresent(value) && value !== defaultValue;
+  }) && !childrenKeys.some(function (key) {
+    return searchParams[key];
+  });
+  return /*#__PURE__*/React.createElement(Pane$1, _extends({
+    isOpen: isOpen,
+    backdropClassName: "neeto-filters-pane-backdrop",
+    className: classnames("neeto-filters-pane-filter", _defineProperty({}, className, className)),
+    onClose: handleClose
+  }, otherProps), /*#__PURE__*/React.createElement(Pane$1.Header, {
+    "data-cy": "neeto-filters-pane-header"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "h2",
+    weight: "semibold"
+  }, t("neetoFilters.common.filters"))), /*#__PURE__*/React.createElement(Pane$1.Body, {
+    className: "neeto-filters-pane-filter__body neeto-ui-pt-2"
+  }, isSearchable && /*#__PURE__*/React.createElement(Search, {
+    "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
+    });
+  }), isPresent(groupedColumns) && /*#__PURE__*/React.createElement(Accordion, {
+    defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
+      var columns = _ref4.columns;
+      return existsBy({
+        key: isOpen
+      }, columns);
+    })
+  }, groupedColumns.map(function (_ref5) {
+    var group = _ref5.group,
+      columns = _ref5.columns;
+    return /*#__PURE__*/React.createElement(Accordion.Item, {
+      className: "accordion_item",
+      key: group,
+      title: group
+    }, columns.map(function (column) {
+      return /*#__PURE__*/React.createElement(Item, {
+        column: column,
+        filters: filters,
+        autoFocus: column.key === isOpen,
+        key: column.key,
+        onChange: handleChange,
+        onClose: handleClearTermAndClose
+      });
+    }));
+  })), isEmpty(ungroupedColumns) && isEmpty(groupedColumns) && /*#__PURE__*/React.createElement(Typography, {
+    style: "body2"
+  }, t("neetoFilters.messages.noResourcesFound", {
+    resources: t("neetoFilters.common.columns")
+  })), children), /*#__PURE__*/React.createElement(Pane$1.Footer, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "neeto-filters-done-btn",
+    label: t("neetoFilters.common.done"),
+    onClick: handleClearTermAndClose
+  }), /*#__PURE__*/React.createElement(Button, {
+    "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}}
+
+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{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-direction:column;gap:8px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{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)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19iYXIuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9pbmRleC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2ZpbHRlcnMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUdFLGtCQUFBLENBRkEsWUFBQSxDQUNBLGNDRUYsQ0RDRSwwQkFLRSxxQ0FBQSxDQUhBLFlBQUEsQ0FFQSxPQUFBLENBR0EsWUFBQSxDQUNBLGVBQUEsQ0FFQSxlQUFBLENBVEEsZUFBQSxDQUVBLGlCQUFBLENBR0EscUNBQUEsQ0FHQSxrQkNFSixDRENJLHdDQUNFLG1DQ0NOLENERUksZ0NBUUUsZ0hBQUEsQ0FGQSxtQ0FBQSxDQURBLFNBQUEsQ0FEQSxXQUFBLENBSEEsaUJBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQUtBLHFDQ0NOLENET0ksaUVBRUUsOENBQUEsQ0FDQSxjQ05OLENEUU0saUlBR0UscUNBQUEsQ0FEQSxnQ0FBQSxDQURBLFNDSlIsQ0RVSSxnQ0FFRSx1REFBQSxDQURBLFlDUE4sQ0RZRSw4QkFHRSxrQkFBQSxDQUZBLG1EQUFBLENBQ0EsZUNUSixDQy9DQSwyQkFDRSxXRGtERixDQ2hERSxpQ0FDRSw2QkFBQSxDQUNBLFFEa0RKLENDaERJLG1DQUNFLHFCRGtETixDQy9DSSxtQ0FDRSxpQkRpRE4sQ0M5Q0ksMEVBQ0UsWUFBQSxDQUNBLHFCQUFBLENBQ0EsT0RnRE4sQ0M1Q00sMEZBQ0UsZUQ4Q1IsQ0M1Q1Esd0dBQ0UsWUQ4Q1YsQ0MxQ1EseUZBQ0UsYUQ0Q1YsQ0N4Q0kseUVBQ0Usc0REMENOLENFaEVJLG9DRGRKLDJCQXlDSSxXRHlDRixDQUNGLENDdENBLDZCQUNFLHlDQUFBLENBQUEsaUNBQUEsQ0FDQSxrRER5Q0YiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZmlsdGVycy1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJl9fYmxvY2sge1xuICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZ2FwOiA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgbWFyZ2luOiA0cHggMDtcbiAgICBtYXgtd2lkdGg6IDM4NHB4O1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHA6Zmlyc3QtY2hpbGQge1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xuICAgIH1cblxuICAgICYtY2xvc2Uge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDkwZGVnLFxuICAgICAgICByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSxcbiAgICAgICAgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JVxuICAgICAgKTtcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrLWNsb3NlIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ibGFjaykpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAzcHggcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTgwMCksIDE1JSk7XG4gICAgfVxuICB9XG5cbiAgJi0tc2VwYXJhdG9yIHtcbiAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpO1xuICAgIG1hcmdpbjogMTJweCA4cHg7XG4gICAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgfVxufVxuIiwiLm5lZXRvLWZpbHRlcnMtYmFyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jayB7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZ2FwOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgbWFyZ2luOiA0cHggMDtcbiAgbWF4LXdpZHRoOiAzODRweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2sgcDpmaXJzdC1jaGlsZCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6IDhweDtcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSwgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JSk7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyLCAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2UsIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6YWN0aXZlIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBvcGFjaXR5OiAxO1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWJsYWNrKSk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jazpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSwgMTUlKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhci0tc2VwYXJhdG9yIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbiAgbWFyZ2luOiAxMnB4IDhweDtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXIge1xuICB3aWR0aDogMzYwcHg7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gIGdhcDogMjBweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5ID4gKiB7XG4gIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDhweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMTZweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLmFjY29yZGlvbl9pdGVtOmZpcnN0LW9mLXR5cGUgLm5lZXRvLXVpLWFjY29yZGlvbl9faXRlbSB7XG4gIHBhZGRpbmctdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLm5lZXRvLXVpLWFjY29yZGlvbl9fd3JhcHBlci0tbGFzdC1pdGVtIHtcbiAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyIHtcbiAgICB3aWR0aDogMTAwdnc7XG4gIH1cbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1iYWNrZHJvcCB7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigwcHgpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS03MDApLCAwLjIpO1xufSIsIi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyIHtcbiAgd2lkdGg6IDM2MHB4O1xuXG4gICZfX2JvZHkge1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gICAgZ2FwOiAyMHB4O1xuXG4gICAgPiAqIHtcbiAgICAgIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIHAge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgIC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG5cbiAgICAuYWNjb3JkaW9uX2l0ZW0ge1xuICAgICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG5cbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAubmVldG8tdWktYWNjb3JkaW9uX19pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAubmVldG8tdWktYWNjb3JkaW9uX193cmFwcGVyLS1sYXN0LWl0ZW0ge1xuICAgICAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgICB9XG4gIH1cblxuICBAaW5jbHVkZSB2aWV3cG9ydChtb2IpIHtcbiAgICB3aWR0aDogMTAwdnc7XG4gIH1cbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1iYWNrZHJvcCB7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigwcHgpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS03MDApLCAwLjIpO1xufVxuIiwiQG1peGluIHZpZXdwb3J0KCRtZWRpYSkge1xuICBAaWYgJG1lZGlhPT1kZXNrIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkbWVkaWE9PXRhYi1taW4ge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09dGFiLW9ubHkge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT14cy1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */";
+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; }
+var Filters = withT(function (_ref) {
+  var t = _ref.t,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$setIsOpen = _ref.setIsOpen,
+    setIsOpen = _ref$setIsOpen === void 0 ? identity : _ref$setIsOpen,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? identity : _ref$onChange,
+    _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    _ref$paneProps = _ref.paneProps,
+    paneProps = _ref$paneProps === void 0 ? {} : _ref$paneProps,
+    _ref$isSearchable = _ref.isSearchable,
+    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
+    className = _ref.className,
+    _ref$onSelectorsChang = _ref.onSelectorsChange,
+    onSelectorsChange = _ref$onSelectorsChang === void 0 ? noop : _ref$onSelectorsChang,
+    _ref$keyword = _ref.keyword,
+    keyword = _ref$keyword === void 0 ? {
+      node: "",
+      value: "",
+      setValue: noop
+    } : _ref$keyword,
+    childrenKeys = _ref.childrenKeys,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    className: classnames(_defineProperty({}, className, className))
+  }, /*#__PURE__*/React.createElement(Button, _extends({
+    "data-cy": "neeto-filters-toggle-btn",
+    label: t("neetoFilters.common.filter"),
+    style: "secondary",
+    onClick: function onClick() {
+      return setIsOpen(true);
+    }
+  }, buttonProps)), /*#__PURE__*/React.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));
+});
+
+var DeleteAlert = function DeleteAlert(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    segment = _ref.segment,
+    columns = _ref.columns;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var history = useHistory();
+  var _getQueryParams = getQueryParams(),
+    segmentId = _getQueryParams.segmentId;
+  var _useDestroySegment = useDestroySegment(),
+    deleteSegment = _useDestroySegment.mutate,
+    isDeleting = _useDestroySegment.isLoading;
+  var handleClearAll = function handleClearAll() {
+    var params = buildUrlFromFilters({
+      columns: columns,
+      filters: [],
+      isClearAll: true
+    });
+    history.push({
+      search: params
+    });
+  };
+  var handleDelete = function handleDelete() {
+    equals(segment.id, segmentId) && handleClearAll();
+    deleteSegment(segment.id, {
+      onSuccess: onClose
+    });
+  };
+  return /*#__PURE__*/React.createElement(Alert, {
+    isOpen: isOpen,
+    onClose: onClose,
+    isSubmitting: isDeleting,
+    submitButtonLabel: t("neetoFilters.common.delete"),
+    title: t("neetoFilters.segments.deleteAlertTitle"),
+    message: /*#__PURE__*/React.createElement(Trans, {
+      i18nKey: "neetoFilters.segments.deleteAlertMessage",
+      values: {
+        entity: segment.name
+      }
+    }),
+    onSubmit: handleDelete
+  });
+};
+
+var Card = function Card(_ref) {
+  var segment = _ref.segment,
+    columns = _ref.columns,
+    defaultSegmentName = _ref.defaultSegmentName;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDeleteAlertOpen = _useState4[0],
+    setIsDeleteAlertOpen = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var Menu = Dropdown$2.Menu,
+    MenuItem = Dropdown$2.MenuItem;
+  var _useUpdateSegment = useUpdateSegment(),
+    updateSegment = _useUpdateSegment.mutate;
+  var handleRename = function handleRename(values) {
+    return updateSegment({
+      id: segment.id,
+      payload: values
+    }, {
+      onSuccess: function onSuccess() {
+        return setIsEditing(false);
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    className: "neeto-ui-rounded-md flex w-full items-center justify-between border p-2",
+    formProps: {
+      noValidate: true
+    },
+    formikProps: {
+      initialValues: segment,
+      validateOnChange: true,
+      validateOnBlur: true,
+      validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
+      onSubmit: handleRename,
+      enableReinitialize: true
+    }
+  }, function (_ref2) {
+    var resetForm = _ref2.resetForm;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isEditing ? /*#__PURE__*/React.createElement(FormikInlineInput, {
+      autoFocus: true,
+      nakedInput: true,
+      handleCancel: function handleCancel() {
+        return setIsEditing(false);
+      },
+      name: "name",
+      placeholder: t("neetoFilters.segments.name")
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+      style: "body2"
+    }, segment.name), /*#__PURE__*/React.createElement(Dropdown$2, {
+      buttonStyle: "text",
+      disabled: isNotPresent(segment.id),
+      icon: MenuHorizontal,
+      size: "small"
+    }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
+      onClick: function onClick() {
+        setIsEditing(true);
+        resetForm();
+      }
+    }, t("neetoFilters.common.rename")), /*#__PURE__*/React.createElement(MenuItem.Button, {
+      onClick: function onClick() {
+        return setIsDeleteAlertOpen(true);
+      }
+    }, t("neetoFilters.common.delete"))))), /*#__PURE__*/React.createElement(DeleteAlert, {
+      columns: columns,
+      segment: segment,
+      isOpen: isDeleteAlertOpen,
+      onClose: function onClose() {
+        return setIsDeleteAlertOpen(false);
+      }
+    }));
+  });
+};
+var Card$1 = /*#__PURE__*/React.memo(Card);
+
+var ManagePane = function ManagePane(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    entity = _ref.entity,
+    columns = _ref.columns,
+    defaultSegmentName = _ref.defaultSegmentName;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var inputRef = useRef(null);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var debouncedSearchTerm = useDebounce(searchTerm);
+  var _useFetchSegments = useFetchSegments({
+      entity: entity,
+      searchTerm: debouncedSearchTerm
+    }),
+    _useFetchSegments$dat = _useFetchSegments.data,
+    segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
+    isLoading = _useFetchSegments.isLoading;
+  return /*#__PURE__*/React.createElement(Pane$1, {
+    isOpen: isOpen,
+    onClose: onClose,
+    initialFocusRef: inputRef
+  }, /*#__PURE__*/React.createElement(Pane$1.Header, null, /*#__PURE__*/React.createElement(Typography, {
+    style: "h2"
+  }, t("neetoFilters.segments.manageSegments"))), /*#__PURE__*/React.createElement(Pane$1.Body, {
+    className: "max-h-full gap-4 overflow-scroll"
+  }, /*#__PURE__*/React.createElement(Search, {
+    className: "w-full flex-grow-0",
+    placeholder: t("neetoFilters.segments.searchSegments"),
+    ref: inputRef,
+    onSearch: function onSearch(value) {
+      return setSearchTerm(value);
+    }
+  }), isLoading ? /*#__PURE__*/React.createElement(Spinner, {
+    className: "mx-auto mt-4"
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card$1, {
+    segment: {
+      name: defaultSegmentName
+    }
+  }), isEmpty(segments) ? /*#__PURE__*/React.createElement(Typography, {
+    className: "mx-auto",
+    style: "body2"
+  }, t("neetoFilters.segments.noSegmentsFound")) : segments.map(function (segment) {
+    return /*#__PURE__*/React.createElement(Card$1, {
+      columns: columns,
+      defaultSegmentName: defaultSegmentName,
+      segment: segment,
+      key: segment.id
+    });
+  }))));
+};
+
+var ITEMS_MAX_COUNT = 20;
+
+var MenuBlocks = function MenuBlocks(_ref) {
+  var entity = _ref.entity,
+    columns = _ref.columns,
+    defaultSegmentName = _ref.defaultSegmentName;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showAll = _useState2[0],
+    setShowAll = _useState2[1];
+  var history = useHistory();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _getQueryParams = getQueryParams(),
+    segmentId = _getQueryParams.segmentId;
+  var appliedFilters = buildFiltersFromURL(columns);
+  var _useFetchSegments = useFetchSegments({
+      entity: entity
+    }),
+    _useFetchSegments$dat = _useFetchSegments.data,
+    segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
+    isLoading = _useFetchSegments.isLoading;
+  var clearAppliedFilters = function clearAppliedFilters() {
+    var _filters$, _filters$2;
+    var filters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : appliedFilters;
+    history.push({
+      search: buildUrlFromFilters({
+        columns: columns,
+        filters: [],
+        isClearAll: true,
+        childrenKeys: ((_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions) && pluck("key", filterBy({
+          node: "children"
+        }, (_filters$2 = filters[0]) === null || _filters$2 === void 0 ? void 0 : _filters$2.conditions))
+      })
+    });
+  };
+  var applySelectedSegment = function applySelectedSegment(_ref2) {
+    var _filters$3;
+    var id = _ref2.id,
+      filters = _ref2.filters;
+    history.push({
+      search: buildUrlFromSegment({
+        columns: columns,
+        filters: (_filters$3 = filters[0]) === null || _filters$3 === void 0 ? void 0 : _filters$3.conditions,
+        id: id
+      })
+    });
+  };
+  var handleSelectSegment = function handleSelectSegment(_ref3) {
+    var id = _ref3.id,
+      filters = _ref3.filters;
+    return equals(id, segmentId) ? clearAppliedFilters(filters) : applySelectedSegment({
+      id: id,
+      filters: filters
+    });
+  };
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Spinner, null);
+  }
+  if (isEmpty(segments)) {
+    return /*#__PURE__*/React.createElement(Typography, {
+      style: "body2"
+    }, t("neetoFilters.segments.noSegmentsFound"));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/React.createElement(Button, {
+    icon: 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.createElement(MenuBar.Block, {
+    active: isEmpty(appliedFilters),
+    label: defaultSegmentName,
+    onClick: clearAppliedFilters
+  }), segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment) {
+    return /*#__PURE__*/React.createElement(MenuBar.Block, {
+      active: segment.id === segmentId,
+      count: segment.count,
+      key: segment.id,
+      label: segment.name,
+      onClick: function onClick() {
+        return handleSelectSegment(segment);
+      }
+    });
+  }));
+};
+var MenuBlocks$1 = /*#__PURE__*/React.memo(MenuBlocks);
+
+var Segments = function Segments(_ref) {
+  var entity = _ref.entity,
+    columns = _ref.columns,
+    _ref$setIsFilterPaneO = _ref.setIsFilterPaneOpen,
+    setIsFilterPaneOpen = _ref$setIsFilterPaneO === void 0 ? noop : _ref$setIsFilterPaneO,
+    _ref$defaultSegmentNa = _ref.defaultSegmentName,
+    defaultSegmentName = _ref$defaultSegmentNa === void 0 ? t$1("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
+  return function () {
+    var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isSegmentsPaneOpen = _useState2[0],
+      setIsSegmentsPaneOpen = _useState2[1];
+    var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+    var iconProps = [{
+      icon: Settings,
+      onClick: function onClick() {
+        setIsFilterPaneOpen(false);
+        setIsSegmentsPaneOpen(true);
+      },
+      tooltipProps: {
+        content: t("neetoFilters.segments.manageSegments"),
+        position: "top"
+      }
+    }];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuBar.SubTitle, {
+      iconProps: iconProps
+    }, /*#__PURE__*/React.createElement(Typography, {
+      component: "h4",
+      style: "h5",
+      textTransform: "uppercase",
+      weight: "bold"
+    }, t("neetoFilters.common.segments"))), /*#__PURE__*/React.createElement(MenuBlocks$1, {
+      columns: columns,
+      defaultSegmentName: defaultSegmentName,
+      entity: entity
+    }), /*#__PURE__*/React.createElement(ManagePane, {
+      columns: columns,
+      defaultSegmentName: defaultSegmentName,
+      entity: entity,
+      isOpen: isSegmentsPaneOpen,
+      onClose: function onClose() {
+        return setIsSegmentsPaneOpen(false);
+      }
+    }));
+  }();
+};
+var index = /*#__PURE__*/React.memo(Segments);
+
+export { Bar, Filters, index as Segments, buildFilterColumnsFromFields, buildFiltersFromURL, buildSelectorsFromURL, buildUrlFromFilters, buildUrlFromSegment, useDestroySegment, useFetchSegments, useUpdateSegment };
+//# sourceMappingURL=index.js.map