@bigbinary/neeto-filters-frontend 4.0.0 → 4.1.0

package/dist/index.js

@@ -1,3717 +1,54 @@
-import React, { useState, useEffect, useMemo, createElement, useRef, useTransition } from 'react';
-import { useQuery, useQueryClient } from '@tanstack/react-query';
-import classnames from 'classnames';
-import i18next, { t as t$1 } from 'i18next';
-import { findBy, isNotEmpty, capitalize, removeBy, toLabelAndValue, hyphenate, isNotPresent, noop, replaceBy, existsBy, _existsBy, isPresent, humanize, findById, filterBy } from '@bigbinary/neeto-cist';
-import { useDebounce, useQueryParams, useMutationWithInvalidation, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { groupBy, anyPass, isNil, isEmpty, any, concat, omit, mergeLeft, toLower, identity, mergeRight, toPairs, pluck, either, not, has, equals, pick, last, modify, append, mergeDeepRight, prop, assoc, reject, sortBy, project } from 'ramda';
-import Delete$1 from '@bigbinary/neeto-icons/Delete';
-import Accordion from '@bigbinary/neetoui/Accordion';
-import Button from '@bigbinary/neetoui/Button';
-import Pane$1 from '@bigbinary/neetoui/Pane';
-import Typography from '@bigbinary/neetoui/Typography';
-import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
-import Form from '@bigbinary/neetoui/formik/Form';
-import Input$1 from '@bigbinary/neetoui/formik/Input';
-import { useTranslation, Trans } from 'react-i18next';
-import { useHistory } from 'react-router-dom/cjs/react-router-dom.min';
-import Select from '@bigbinary/neetoui/Select';
-import { buildUrl, getQueryParams, dateFormat, showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/utils';
-import dayjs from 'dayjs';
-import timezone from 'dayjs/plugin/timezone';
-import utc from 'dayjs/plugin/utc';
-import weekday from 'dayjs/plugin/weekday';
-import Help from '@bigbinary/neeto-icons/Help';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import DatePicker from '@bigbinary/neetoui/DatePicker';
-import TimePickerInput from '@bigbinary/neetoui/TimePickerInput';
-import Input from '@bigbinary/neetoui/Input';
-import NeetoUITreeSelect from '@bigbinary/neetoui/TreeSelect';
-import Plus from '@bigbinary/neeto-icons/Plus';
-import * as yup from 'yup';
-import { useHistory as useHistory$1, useLocation } from 'react-router-dom';
-import useHotkeys from '@bigbinary/neeto-hotkeys';
-import Close from '@bigbinary/neeto-icons/Close';
-import Tooltip from '@bigbinary/neetoui/Tooltip';
-import axios from 'axios';
-import Dropdown$2 from '@bigbinary/neetoui/Dropdown';
-import Search from '@bigbinary/neeto-molecules/Search';
-import { PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
-import Alert from '@bigbinary/neetoui/Alert';
-import Spinner from '@bigbinary/neetoui/Spinner';
-import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
-import Down from '@bigbinary/neeto-icons/Down';
-import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
-import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
-
-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;
-}
-
-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 _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 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";
-
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(weekday);
-dayjs.Ls.en.weekStart = 1;
-
-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 MULTI_DROPDOWN_RULES = [{
-  label: t$1("neetoFilters.rules.in"),
-  value: "in"
-}, {
-  label: t$1("neetoFilters.rules.notIn"),
-  value: "not_in"
-}, {
-  label: t$1("neetoFilters.rules.isEmpty"),
-  value: "is_unknown"
-}];
-var SINGLE_DROPDOWN_RULES = [{
-  label: t$1("neetoFilters.rules.is"),
-  value: "is"
-}, {
-  label: t$1("neetoFilters.rules.isNot"),
-  value: "is_not"
-}, {
-  label: t$1("neetoFilters.rules.isEmpty"),
-  value: "is_unknown"
-}];
-var DEFAULT_BOOLEAN_OPTIONS = [{
-  label: t$1("neetoFilters.common.yes"),
-  value: "true"
-}, {
-  label: t$1("neetoFilters.common.no"),
-  value: "false"
-}];
-var TREE_SELECT_RULES = [{
-  label: t$1("neetoFilters.rules.in"),
-  value: "in"
-}, {
-  label: t$1("neetoFilters.rules.notIn"),
-  value: "not_in"
-}, {
-  label: t$1("neetoFilters.rules.isEmpty"),
-  value: "is_unknown"
-}];
-var DEFAULT_HELP_ICON_PROPS = {
-  icon: Help
-};
-
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var groupByGroup = 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 isSingle = function isSingle(type) {
-  return type === "single_option" || type === "custom.single_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 isTreeSelect = function isTreeSelect(type) {
-  return type === "tree_select";
-};
-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: rule
-    });
-  } 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));
-  } else if (isSingle(defaultType)) {
-    return mergeLeft(filter, {
-      value: option.value,
-      rule: rule
-    });
-  } else if (isTreeSelect(defaultType)) {
-    return mergeLeft(filter, {
-      value: option,
-      rule: rule
-    });
-  }
-  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
-      }, column);
-    } else if (isMulti(defaultType) || isTreeSelect(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 !== null && rule !== void 0 ? rule : "in",
-        value: filterValue.split("|")
-      }, column);
-    } else if (isSingle(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 !== null && _rule !== void 0 ? _rule : "in",
-        value: _filterValue
-      }, column);
-    } else if (isDigit(defaultType) || isText(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: _filterValue2
-      }, column);
-    } else if (isTime(defaultType) && isCustomTimeRange(value)) {
-      return mergeLeft({
-        value: value
-      }, column);
-    } else if (isSingleDate(defaultType)) {
-      var _value$split7 = value.split("+rule-"),
-        _value$split8 = _slicedToArray(_value$split7, 2),
-        _filterValue3 = _value$split8[0],
-        _rule3 = _value$split8[1];
-      return mergeLeft({
-        rule: _rule3,
-        value: _rule3 === "between" ? _filterValue3.split(",") : _filterValue3
-      }, column);
-    } else if (isSingleTime(defaultType)) {
-      var _value$split9 = value.split("+rule-"),
-        _value$split10 = _slicedToArray(_value$split9, 2),
-        _filterValue4 = _value$split10[0],
-        _rule4 = _value$split10[1];
-      return mergeLeft({
-        rule: _rule4,
-        value: _rule4 === "between" ? _filterValue4.split(",") : _filterValue4
-      }, 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$e(_objectSpread$e({}, filter), {}, {
-    value: filterValue,
-    type: "date"
-  });
-};
-var buildSingleTimePayload = function buildSingleTimePayload(filter) {
-  var value = filter.value;
-  var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$e(_objectSpread$e({}, 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) || isTreeSelect(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) || isTreeSelect(defaultType)) {
-    return "".concat(value.join("|"), "+rule-").concat(rule);
-  } else if (isSingle(defaultType)) {
-    return "".concat(value, "+rule-").concat(rule);
-  } 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 buildUrl("", searchParams).slice(1);
-};
-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 buildUrl("", mergeLeft(newSearchParams, searchParams)).slice(1);
-};
-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$e({
-        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$e(_objectSpread$e({}, column), {}, {
-      type: standardizeColumnType(column.type)
-    });
-  });
-};
-var isKeywordFilterPresent = function isKeywordFilterPresent(keyworFilter) {
-  return not(isEmpty(keyworFilter.node));
-};
-var isNilOrEmpty = function isNilOrEmpty(param) {
-  return isNil(param) || isEmpty(param);
-};
-
-var buildDropdownValue = function buildDropdownValue(_ref) {
-  var defaultType = _ref.defaultType,
-    filter = _ref.filter,
-    options = _ref.options;
-  if (!filter) return null;
-  if (isMulti(defaultType) || isTreeSelect(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 hasInvalidTimes = function hasInvalidTimes(times) {
-  if (Array.isArray(times)) {
-    return times.some(function (time) {
-      return time.isValid();
-    }) === false;
-  }
-  return !times.isValid();
-};
-var areCustomTimeRangeValuesNotValid = function areCustomTimeRangeValuesNotValid(times) {
-  return !times.every(function (time) {
-    return time.isValid();
-  });
-};
-
-// eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
-var formatSingleTime = function formatSingleTime(time) {
-  return dayjs(time).format("HH:mm:ss");
-};
-var formatTime = function formatTime(value, timePickerType) {
-  if (isNilOrEmpty(value)) return null;
-  if (timePickerType === "range") {
-    return value.map(formatSingleTime);
-  }
-  return formatSingleTime(value);
-};
-var isRuleEmpty = function isRuleEmpty(rule) {
-  return equals(rule, "is_unknown");
-};
-
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Boolean = function Boolean(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    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__*/jsx("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: /*#__PURE__*/jsx(Select, _objectSpread$d(_objectSpread$d({
-      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);
-
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Datetime = function Datetime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    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__*/jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [/*#__PURE__*/jsx(Select, _objectSpread$c(_objectSpread$c({
-      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__*/jsx(DatePicker, _objectSpread$c({
-      "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);
-
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Dropdown = function Dropdown(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus,
-    filters = _ref.filters;
-  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$showRuleSelec = column.showRuleSelector,
-    showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
-    _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 dropdownRules = isMulti(defaultType) ? MULTI_DROPDOWN_RULES : SINGLE_DROPDOWN_RULES;
-  var value = buildDropdownValue({
-    defaultType: defaultType,
-    filter: filter,
-    options: options
-  });
-  var _useState = useState(findBy({
-      value: filter === null || filter === void 0 ? void 0 : filter.rule
-    }, dropdownRules) || dropdownRules[0]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var getOption = function getOption(isSelectedRuleEmpty, options, value) {
-    if (isSelectedRuleEmpty) {
-      return isMulti(defaultType) ? [options[0]] : options[0];
-    }
-    return value;
-  };
-  var handleRuleChange = function handleRuleChange(rule) {
-    var isPreviousRuleEmpty = isRuleEmpty(selectedRule.value);
-    var isNewRuleEmpty = isRuleEmpty(rule.value);
-    setSelectedRule(rule);
-    if (isPreviousRuleEmpty || !isNewRuleEmpty && isNotPresent(filter === null || filter === void 0 ? void 0 : filter.value)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      rule: rule.value,
-      option: getOption(isNewRuleEmpty, options, value)
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleChange = function handleChange(option) {
-    if (isEmpty(option) || isNil(option)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option,
-      rule: selectedRule.value
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  useEffect(function () {
-    if (!isEmpty(filters)) return;
-    isRuleEmpty(selectedRule.value) && setSelectedRule(dropdownRules[0]);
-  }, [filters]);
-  return /*#__PURE__*/jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [showRuleSelector && /*#__PURE__*/jsx(Select, {
-      label: label,
-      defaultValue: dropdownRules[0],
-      options: dropdownRules,
-      value: selectedRule,
-      onChange: handleRuleChange
-    }), !isRuleEmpty(selectedRule.value) && /*#__PURE__*/jsx(Select, _objectSpread$b(_objectSpread$b({
-      autoFocus: autoFocus,
-      options: options,
-      value: value,
-      "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
-      isClearable: !defaultValue && isClearable,
-      isMulti: isMulti(defaultType),
-      label: !showRuleSelector && label,
-      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);
-
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SingleDatetime = function SingleDatetime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    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__*/jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [/*#__PURE__*/jsx(Select, _objectSpread$a(_objectSpread$a({
-      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__*/jsx(DatePicker, _objectSpread$a({
-      autoFocus: autoFocus,
-      value: value,
-      "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
-      getPopupContainer: prop("parentNode"),
-      type: datePickerType,
-      onChange: handleChange
-    }, otherProps))]
-  });
-};
-
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SingleTime = function SingleTime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    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) {
-    if (hasInvalidTimes(times)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    if (timePickerType === "range" && areCustomTimeRangeValuesNotValid(times)) {
-      return;
-    }
-    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);
-  };
-  var formattedTime = formatTime(value, timePickerType);
-  return /*#__PURE__*/jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [/*#__PURE__*/jsx(Select, _objectSpread$9(_objectSpread$9({
-      label: label,
-      defaultValue: SINGLE_TIME_OPTIONS[0],
-      options: SINGLE_TIME_OPTIONS,
-      strategy: "fixed",
-      value: selectedRule
-    }, isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), {}, {
-      onChange: handleRuleChange
-    })), /*#__PURE__*/jsx(TimePickerInput, _objectSpread$9({
-      autoFocus: autoFocus,
-      className: "w-full",
-      "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
-      type: timePickerType,
-      value: formattedTime,
-      onChange: handleChange
-    }, otherProps))]
-  });
-};
-
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Text = function Text(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    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__*/jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [showRuleSelector && /*#__PURE__*/jsx(Select, _objectSpread$8({
-      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__*/jsx(Input, _objectSpread$8(_objectSpread$8({
-      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))]
-  });
-};
-
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Time = function Time(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    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) {
-    if (hasInvalidTimes(times)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    if (isCustomTimeRangeShown && areCustomTimeRangeValuesNotValid(times)) {
-      return;
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {
-        value: pluck("$d", times).map(function (time) {
-          return time.toISOString();
-        })
-      }
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [/*#__PURE__*/jsx(Select, _objectSpread$7(_objectSpread$7({
-      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__*/jsx(TimePickerInput, _objectSpread$7({
-      className: "w-full",
-      "data-cy": "neeto-filters-".concat(hyphenate(key), "-date-range"),
-      type: "range",
-      value: formatTime(filter.value, "range"),
-      onChange: handleTimeRangeChange
-    }, otherProps))]
-  });
-};
-var Time$1 = /*#__PURE__*/React.memo(Time);
-
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TreeSelect = function TreeSelect(_ref) {
-  var _findBy;
-  var autoFocus = _ref.autoFocus,
-    column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter;
-  var key = column.key,
-    label = column.label,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    defaultValue = column.defaultValue,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps,
-    _column$isClearable = column.isClearable,
-    isClearable = _column$isClearable === void 0 ? true : _column$isClearable,
-    _column$showRuleSelec = column.showRuleSelector,
-    showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
-    options = column.values;
-  var initialRule = (_findBy = findBy({
-    value: filter === null || filter === void 0 ? void 0 : filter.rule
-  }, TREE_SELECT_RULES)) !== null && _findBy !== void 0 ? _findBy : TREE_SELECT_RULES[0];
-  var _useState = useState(initialRule),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var selectedOption = buildDropdownValue({
-    defaultType: defaultType,
-    filter: filter,
-    options: options
-  });
-  var handleChange = function handleChange(option) {
-    if (isNotPresent(option)) return handleApplyFilter({
-      _delete: true
-    });
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option,
-      rule: selectedRule.value
-    });
-    return handleApplyFilter(updatedFilter);
-  };
-  var handleRuleChange = function handleRuleChange(rule) {
-    var isPreviousRuleEmpty = isRuleEmpty(selectedRule.value);
-    var isNewRuleEmpty = isRuleEmpty(rule.value);
-    setSelectedRule(rule);
-    if (isPreviousRuleEmpty || !isNewRuleEmpty && isNotPresent(filter === null || filter === void 0 ? void 0 : filter.value)) {
-      return handleApplyFilter({
-        _delete: true
-      });
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: isNewRuleEmpty ? [options[0]] : selectedOption,
-      rule: rule.value
-    });
-    return handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [showRuleSelector && /*#__PURE__*/jsx(Select, {
-      label: label,
-      defaultValue: TREE_SELECT_RULES[0],
-      options: TREE_SELECT_RULES,
-      value: selectedRule,
-      onChange: handleRuleChange
-    }), !isRuleEmpty(selectedRule.value) &&
-    /*#__PURE__*/
-    // eslint-disable-next-line @bigbinary/neeto/merge-spread-attributes
-    jsx(NeetoUITreeSelect, _objectSpread$6(_objectSpread$6({
-      autoFocus: autoFocus,
-      multiple: true,
-      showSearch: true,
-      treeDataSimpleMode: true,
-      allowClear: !defaultValue && isClearable,
-      "data-cy": "neeto-filters-".concat(hyphenate(key), "-filter"),
-      label: !showRuleSelector && label,
-      treeData: options,
-      value: selectedOption,
-      placeholder: t("neetoFilters.messages.selectResource", {
-        resource: label
-      }),
-      onChange: handleChange
-    }, isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), getOtherProps(column)))]
-  });
-};
-var TreeSelect$1 = /*#__PURE__*/React.memo(TreeSelect);
-
-var Item = function Item(_ref) {
-  var column = _ref.column,
-    filters = _ref.filters,
-    onChange = _ref.onChange,
-    autoFocus = _ref.autoFocus,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? noop : _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__*/jsx(Text, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter,
-      onClose: onClose
-    });
-  }
-  if (isDate(defaultType)) {
-    return /*#__PURE__*/jsx(Datetime$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isTime(defaultType)) {
-    return /*#__PURE__*/jsx(Time$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isSingleDate(defaultType)) {
-    return /*#__PURE__*/jsx(SingleDatetime, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isSingleTime(defaultType)) {
-    return /*#__PURE__*/jsx(SingleTime, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isBoolean(defaultType) || isCheckbox(defaultType)) {
-    return /*#__PURE__*/jsx(Boolean$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isTreeSelect(defaultType)) {
-    return /*#__PURE__*/jsx(TreeSelect$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  return /*#__PURE__*/jsx(Dropdown$1, {
-    autoFocus: autoFocus,
-    column: column,
-    filter: filter,
-    filters: filters,
-    handleApplyFilter: handleApplyFilter
-  });
-};
-
-var STEPS = {
-  ADD: "add",
-  COLUMN: "column",
-  VALUE: "value"
-};
-
-var AddFilter = function AddFilter(_ref) {
-  var _findBy;
-  var columns = _ref.columns,
-    filters = _ref.filters,
-    handleChange = _ref.handleChange,
-    handleClearFilter = _ref.handleClearFilter,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState({
-      step: STEPS.ADD,
-      column: {}
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedColumn = _useState2[0],
-    setSelectedColumn = _useState2[1];
-
-  // Disable the add button when
-  // 1. No value is entered for previous filter
-  // 2. There are no more columns
-  var disableAddButton = selectedColumn.step !== STEPS.ADD && isNotPresent((_findBy = findBy({
-    key: selectedColumn.column.key
-  }, filters)) === null || _findBy === void 0 ? void 0 : _findBy.value) || isEmpty(columns);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: selectedColumn.step !== STEPS.ADD ? /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "flex w-full gap-4",
-        children: [selectedColumn.step === STEPS.COLUMN && /*#__PURE__*/jsx(Select, {
-          isSearchable: true,
-          label: t("neetoFilters.segments.newFilter"),
-          optionRemapping: {
-            label: "label",
-            value: "key"
-          },
-          options: columns,
-          placeholder: t("neetoFilters.segments.selectFilter"),
-          onChange: function onChange(column) {
-            return setSelectedColumn({
-              step: STEPS.VALUE,
-              column: column
-            });
-          }
-        }), selectedColumn.step === STEPS.VALUE && /*#__PURE__*/jsx(Item, {
-          filters: filters,
-          autoFocus: true,
-          column: selectedColumn.column,
-          onChange: handleChange
-        }), /*#__PURE__*/jsx(Button, {
-          className: "mt-6 self-center",
-          icon: Delete$1,
-          style: "text",
-          onClick: function onClick() {
-            handleClearFilter(selectedColumn.column);
-            setSelectedColumn(assoc("step", STEPS.ADD));
-          }
-        })]
-      }), /*#__PURE__*/jsx(AddFilter, {
-        filters: filters,
-        handleChange: handleChange,
-        handleClearFilter: handleClearFilter,
-        columns: columns.filter(function (_ref2) {
-          var key = _ref2.key;
-          return !existsBy({
-            key: key
-          }, filters);
-        }),
-        disabled: disableAddButton
-      })]
-    }) : /*#__PURE__*/jsx(Button, {
-      disabled: disabled,
-      className: "self-start",
-      icon: Plus,
-      iconPosition: "left",
-      label: t("neetoFilters.segments.addFilter"),
-      style: "link",
-      onClick: function onClick() {
-        return setSelectedColumn(assoc("step", STEPS.COLUMN));
-      }
-    })
-  });
-};
-
-var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defaultSegmentName) {
-  return yup.object({
-    name: yup.string().trim().required(t$1("neetoFilters.segments.nameIsRequired")).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")
-    })
-  });
-};
-
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SegmentForm = function SegmentForm(_ref) {
-  var _ref$isEdit = _ref.isEdit,
-    isEdit = _ref$isEdit === void 0 ? false : _ref$isEdit,
-    segmentFormInitialRef = _ref.segmentFormInitialRef,
-    isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    isSubmitting = _ref.isSubmitting,
-    handleSubmit = _ref.handleSubmit,
-    defaultSegmentName = _ref.defaultSegmentName,
-    initialValues = _ref.initialValues,
-    customFilters = _ref.customFilters,
-    columns = _ref.columns,
-    filters = _ref.filters,
-    childrenKeys = _ref.childrenKeys;
-  var history = useHistory();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _buildFilteredColumns = buildFilteredColumns({
-      searchTerm: "",
-      columns: columns
-    }),
-    _buildFilteredColumns2 = _buildFilteredColumns.groupedColumns,
-    groupedColumns = _buildFilteredColumns2 === void 0 ? [] : _buildFilteredColumns2,
-    _buildFilteredColumns3 = _buildFilteredColumns.ungroupedColumns,
-    ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
-  var handleChange = function handleChange(newFilters) {
-    var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var params = buildUrlFromFilters(_objectSpread$5({
-      columns: columns,
-      filters: newFilters
-    }, isClearAll && {
-      isClearAll: true,
-      childrenKeys: childrenKeys
-    }));
-    history.push({
-      search: params
-    });
-  };
-  var handleClearFilter = function handleClearFilter(column, values, setFieldValue) {
-    var formState = [{
-      conditions: removeBy({
-        key: column.key
-      }, values.filters[0].conditions)
-    }];
-    var globalState = removeBy({
-      key: column.key
-    }, filters);
-    setFieldValue("filters", formState);
-    handleChange(globalState);
-  };
-  return /*#__PURE__*/jsxs(Pane$1, {
-    isOpen: isOpen,
-    onClose: onClose,
-    initialFocusRef: segmentFormInitialRef,
-    children: [/*#__PURE__*/jsx(Pane$1.Header, {
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        weight: "semibold",
-        children: isEdit ? t("neetoFilters.segments.editSegment") : t("neetoFilters.segments.addNewSegment")
-      })
-    }), /*#__PURE__*/jsx(Form, {
-      className: "w-full",
-      formProps: {
-        noValidate: true
-      },
-      formikProps: {
-        initialValues: initialValues,
-        validateOnChange: true,
-        validateOnBlur: true,
-        validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
-        onSubmit: handleSubmit
-      },
-      children: function children(_ref2) {
-        var errors = _ref2.errors,
-          values = _ref2.values,
-          setFieldValue = _ref2.setFieldValue;
-        return /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsxs(Pane$1.Body, {
-            children: [/*#__PURE__*/jsx(Input$1, {
-              className: "w-full flex-grow-0",
-              error: errors.name,
-              label: t("neetoFilters.segments.name"),
-              name: "name",
-              placeholder: t("neetoFilters.segments.segmentName"),
-              ref: segmentFormInitialRef
-            }), /*#__PURE__*/jsx(Typography, {
-              className: "mb-2 mt-4",
-              style: "h4",
-              children: t("neetoFilters.common.filters")
-            }), /*#__PURE__*/jsxs("div", {
-              className: "neeto-filters-pane-filter__body flex w-full flex-col gap-5",
-              children: [ungroupedColumns.filter(function (_ref3) {
-                var key = _ref3.key;
-                return _existsBy({
-                  key: key
-                }, values.filters[0].conditions);
-              }).map(function (column) {
-                return /*#__PURE__*/jsxs("div", {
-                  className: "flex w-full gap-4",
-                  children: [/*#__PURE__*/jsx(Item, {
-                    column: column,
-                    filters: filters,
-                    autoFocus: column.key === isOpen,
-                    onChange: function onChange(filters) {
-                      setFieldValue("filters", [{
-                        conditions: filters
-                      }]);
-                      handleChange(filters);
-                    }
-                  }), /*#__PURE__*/jsx(Button, {
-                    className: "mt-6 self-center",
-                    icon: Delete$1,
-                    style: "text",
-                    onClick: function onClick() {
-                      return handleClearFilter(column, values, setFieldValue);
-                    }
-                  })]
-                }, column.key);
-              }), isPresent(groupedColumns) && /*#__PURE__*/jsx(Accordion, {
-                children: groupedColumns.map(function (_ref4) {
-                  var group = _ref4.group,
-                    columns = _ref4.columns;
-                  return /*#__PURE__*/jsx(Accordion.Item, {
-                    className: "accordion_item",
-                    title: group,
-                    children: columns.map(function (column) {
-                      return /*#__PURE__*/createElement(Item, {
-                        column: column,
-                        filters: filters,
-                        autoFocus: column.key === isOpen,
-                        key: column.key,
-                        onChange: handleChange
-                      });
-                    })
-                  }, group);
-                })
-              }), isEmpty([].concat(_toConsumableArray(groupedColumns), _toConsumableArray(ungroupedColumns))) && /*#__PURE__*/jsx(Typography, {
-                style: "body2",
-                children: t("neetoFilters.messages.noResourcesFound", {
-                  resources: t("neetoFilters.common.columns")
-                })
-              }), customFilters, /*#__PURE__*/jsx(AddFilter, {
-                filters: filters,
-                handleChange: handleChange,
-                columns: ungroupedColumns.filter(function (_ref5) {
-                  var key = _ref5.key;
-                  return !existsBy({
-                    key: key
-                  }, filters);
-                }),
-                handleClearFilter: function handleClearFilter(_ref6) {
-                  var key = _ref6.key;
-                  return handleChange(removeBy({
-                    key: key
-                  }, filters));
-                }
-              })]
-            })]
-          }), /*#__PURE__*/jsx(Pane$1.Footer, {
-            children: /*#__PURE__*/jsx(ActionBlock, {
-              isSubmitting: isSubmitting,
-              cancelButtonProps: {
-                onClick: onClose
-              },
-              submitButtonProps: {
-                disabled: isSubmitting || isEmpty(filters)
-              }
-            })
-          })]
-        });
-      }
-    })]
-  });
-};
-
-var QUERY_KEYS = {
-  SEGMENTS_LIST: "segments-list"
-};
-var SEGMENTS_STALE_TIME = 900000; // 15 mins
-
-var DEFAULT_SEGMENTS_CACHE = {
-  segments: []
-};
-var SEGMENT_ACTIONS$1 = {
-  EDIT: "edit",
-  CREATE: "create"
-};
-
-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 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) || isTreeSelect(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;
-  } else if (isMulti(defaultType) || isSingle(defaultType) || isTreeSelect(defaultType)) {
-    return isRuleEmpty(rule) ? t$1("neetoFilters.rules.isEmpty") : "";
-  }
-  return "";
-};
-var hasOnlyKeywordFilter = function hasOnlyKeywordFilter(filters) {
-  return filters.length === 1 && filters[0].key === SEARCH_TERM_KEY;
-};
-var deepCompare = function deepCompare(segments, filters) {
-  var comparisonHelper = function comparisonHelper(filters) {
-    return sortBy(prop("key"), removeBy({
-      key: SEARCH_TERM_KEY
-    }, project(["key", "rule", "value", "label"], filters)));
-  };
-  return reject(function (filters) {
-    var segment = findBy({
-      key: filters.key
-    }, segments);
-    return segment && segment.value === filters.value;
-  }, comparisonHelper(filters));
-};
-
-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__*/jsx(Tooltip, {
-    content: filterValue,
-    disabled: toolTipDisabled,
-    position: "bottom",
-    theme: "light",
-    children: /*#__PURE__*/jsxs("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);
-      },
-      children: [/*#__PURE__*/jsxs(Typography, {
-        style: "body2",
-        children: [label, ":"]
-      }), /*#__PURE__*/jsx(Typography, {
-        className: "neeto-ui-text-gray-600",
-        style: "body2",
-        children: ruleContent
-      }), !isRuleEmpty(rule) && /*#__PURE__*/jsx(Typography, {
-        style: "body2",
-        children: blockContent
-      }), !defaultValue && /*#__PURE__*/jsx("div", {
-        className: "neeto-filters-bar__block-close",
-        children: /*#__PURE__*/jsx(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__*/jsxs("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);
-    },
-    children: [/*#__PURE__*/jsx(Typography, {
-      style: "body2",
-      weight: "medium",
-      children: childKey
-    }), /*#__PURE__*/jsx("div", {
-      className: "neeto-filters-bar__block-close",
-      children: /*#__PURE__*/jsx(Close, {
-        "data-cy": "neeto-filters-".concat(hyphenate(childKey), "-block-close-btn"),
-        size: 16,
-        strokeWidth: 2,
-        onClick: function onClick(event) {
-          event.stopPropagation();
-          handleDelete(childKey);
-        }
-      })
-    })]
-  });
-};
-
-var FilterBar = function FilterBar(_ref) {
-  var entity = _ref.entity,
-    filters = _ref.filters,
-    setIsSavePaneOpen = _ref.setIsSavePaneOpen,
-    setIsPaneOpen = _ref.setIsPaneOpen,
-    childrenKeys = _ref.childrenKeys,
-    nonHiddenFilters = _ref.nonHiddenFilters,
-    childrenFiltersApplied = _ref.childrenFiltersApplied,
-    keywordFilter = _ref.keywordFilter,
-    handleApplyFilters = _ref.handleApplyFilters;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var history = useHistory$1();
-  var searchParams = useQueryParams({
-    toCamelCase: false
-  });
-  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);
-    handleApplyFilters(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));
-    handleApplyFilters([], true);
-  };
-  var hideClearButton = nonHiddenFilters.every(function (_ref2) {
-    var defaultValue = _ref2.defaultValue,
-      isClearable = _ref2.isClearable;
-    return defaultValue && !isClearable;
-  }) && !childrenFiltersApplied;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [nonHiddenFilters.map(function (filter) {
-      var _filter$suffixCompone;
-      return /*#__PURE__*/jsxs(React.Fragment, {
-        children: [/*#__PURE__*/jsx(Block, {
-          filter: filter,
-          handleDelete: handleDelete,
-          setIsPaneOpen: setIsPaneOpen
-        }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/jsx("div", {
-          className: "neeto-filters-bar--separator"
-        })]
-      }, filter.key);
-    }), childrenKeys.filter(function (childKey) {
-      return has(childKey, searchParams);
-    }).map(function (childKey) {
-      return /*#__PURE__*/jsxs(React.Fragment, {
-        children: [/*#__PURE__*/jsx(ChildBlock, {
-          childKey: childKey,
-          handleDelete: handleDelete,
-          setIsPaneOpen: setIsPaneOpen
-        }), /*#__PURE__*/jsx("div", {
-          className: "neeto-filters-bar--separator"
-        })]
-      }, childKey);
-    }), /*#__PURE__*/jsxs("div", {
-      className: "flex items-center gap-x-2",
-      children: [isPresent(entity) && !hasOnlyKeywordFilter(filters) && /*#__PURE__*/jsx(Button, {
-        "data-cy": "save-segment-button",
-        label: t("neetoFilters.segments.saveAsNewSegment"),
-        style: "secondary",
-        onClick: function onClick() {
-          setIsPaneOpen(false);
-          setIsSavePaneOpen({
-            action: SEGMENT_ACTIONS$1.CREATE
-          });
-        }
-      }), !hideClearButton && /*#__PURE__*/jsx(Button, {
-        "data-cy": "neeto-filters-bar-clear-btn",
-        label: t("neetoFilters.common.clearFilters"),
-        style: "text",
-        onClick: handleClearAll
-      })]
-    })]
-  });
-};
-
-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
-  }, {
-    showToastr: false
-  });
-};
-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
-};
-
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SEGMENTS_LIST = QUERY_KEYS.SEGMENTS_LIST;
-var useFetchSegments = function useFetchSegments(_ref) {
-  var entity = _ref.entity,
-    _ref$searchTerm = _ref.searchTerm,
-    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery(_objectSpread$4({
-    queryKey: [SEGMENTS_LIST, entity, searchTerm],
-    queryFn: function queryFn() {
-      return segmentsApi.fetch({
-        entity: entity,
-        searchTerm: searchTerm
-      });
-    },
-    select: prop("segments"),
-    staleTime: SEGMENTS_STALE_TIME
-  }, options));
-};
-var useCreateSegment = function useCreateSegment(options) {
-  return useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
-    keysToInvalidate: [[SEGMENTS_LIST]]
-  }, options));
-};
-var useUpdateSegment = function useUpdateSegment(options) {
-  return useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
-    keysToInvalidate: [[SEGMENTS_LIST]]
-  }, options));
-};
-var useDestroySegment = function useDestroySegment(options) {
-  return useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
-    keysToInvalidate: [[SEGMENTS_LIST]]
-  }, options));
-};
-
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useSegment = function useSegment(_ref) {
-  var entity = _ref.entity,
-    keyword = _ref.keyword,
-    columns = _ref.columns,
-    childrenKeys = _ref.childrenKeys;
-  var history = useHistory$1();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var initialRenderRef = useRef(true);
-  var _useQueryParams = useQueryParams(),
-    segmentId = _useQueryParams.segmentId;
-  var _useState = useState({
-      action: undefined
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSavePaneOpen = _useState2[0],
-    setIsSavePaneOpen = _useState2[1];
-  var _useCreateSegment = useCreateSegment(),
-    createSegment = _useCreateSegment.mutate,
-    isCreating = _useCreateSegment.isPending;
-  var _useUpdateSegment = useUpdateSegment(),
-    updateSegment = _useUpdateSegment.mutate,
-    isUpdating = _useUpdateSegment.isPending;
-  var isSubmitting = isCreating || isUpdating;
-  var searchParams = useQueryParams({
-    toCamelCase: false
-  });
-  var keywordValue = searchParams[SEARCH_TERM_KEY] || "";
-  var isEdit = isSavePaneOpen.action === SEGMENT_ACTIONS$1.EDIT;
-  var keywordFilter = _objectSpread$3(_objectSpread$3({
-    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 handleApplyFilters = function handleApplyFilters(newFilters, isClearAll) {
-    var params = buildUrlFromFilters(_objectSpread$3({
-      columns: columns,
-      filters: isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
-    }, isClearAll && {
-      isClearAll: true,
-      childrenKeys: childrenKeys
-    }));
-    history.push({
-      search: params
-    });
-  };
-  var childrenFiltersApplied = childrenKeys.some(function (key) {
-    return has(key, searchParams);
-  });
-  useEffect(function () {
-    if (initialRenderRef.current) {
-      initialRenderRef.current = false;
-      return noop;
-    }
-    var handler = setTimeout(function () {
-      handleApplyFilters(filters);
-    }, 500);
-    return function () {
-      return clearTimeout(handler);
-    };
-  }, [keywordValue]);
-  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({
-      action: undefined
-    });
-    showThumbsUpToastr();
-  };
-  var handleCreate = function handleCreate(_ref3, _ref4) {
-    var name = _ref3.name;
-    var setFieldError = _ref4.setFieldError;
-    var filtersPayload = buildSegmentsPayload(filters, childrenKeys);
-    createSegment({
-      name: name,
-      entity: entity,
-      filters: filtersPayload
-    }, {
-      onSuccess: handleCreateSuccess,
-      onError: function onError(error) {
-        return setFieldError("name", error.response.data.error);
-      }
-    });
-  };
-  var handleUpdate = function handleUpdate(_ref5, _ref6) {
-    var name = _ref5.name;
-    var setFieldError = _ref6.setFieldError;
-    var filtersPayload = buildSegmentsPayload(filters, childrenKeys);
-    updateSegment({
-      id: segmentId,
-      payload: {
-        name: name,
-        filters: filtersPayload
-      }
-    }, {
-      onSuccess: function onSuccess() {
-        setIsSavePaneOpen({
-          action: undefined
-        });
-        showThumbsUpToastr();
-      },
-      onError: function onError(error) {
-        return setFieldError("name", error.response.data.error);
-      }
-    });
-  };
-  return {
-    isEdit: isEdit,
-    filters: filters,
-    keywordFilter: keywordFilter,
-    isSubmitting: isSubmitting,
-    nonHiddenFilters: nonHiddenFilters,
-    isSavePaneOpen: isSavePaneOpen,
-    setIsSavePaneOpen: setIsSavePaneOpen,
-    handleApplyFilters: handleApplyFilters,
-    childrenFiltersApplied: childrenFiltersApplied,
-    handleSubmit: isEdit ? handleUpdate : handleCreate
-  };
-};
-
-var Menu = Dropdown$2.Menu,
-  MenuItem = Dropdown$2.MenuItem;
-var SegmentBar = function SegmentBar(_ref) {
-  var entity = _ref.entity,
-    filters = _ref.filters,
-    setIsSavePaneOpen = _ref.setIsSavePaneOpen,
-    setIsPaneOpen = _ref.setIsPaneOpen,
-    handleApplyFilters = _ref.handleApplyFilters,
-    childrenKeys = _ref.childrenKeys;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var history = useHistory$1();
-  var _useQueryParams = useQueryParams(),
-    segmentId = _useQueryParams.segmentId;
-  var queryClient = useQueryClient();
-  var cachedSegments = queryClient.getQueryData([QUERY_KEYS.SEGMENTS_LIST, entity, ""]) || DEFAULT_SEGMENTS_CACHE;
-  var segment = findById(segmentId, cachedSegments.segments);
-  if (isNotPresent(segment)) return null;
-  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);
-    handleApplyFilters(newFilters);
-  };
-  var changedFilters = deepCompare(segment.filters[0].conditions, filters);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Typography, {
-      className: "neeto-ui-text-gray-600 mr-4 px-2",
-      "data-cy": "neeto-filters-segment-name",
-      style: "h4",
-      children: segment.name
-    }), isNotEmpty(changedFilters) && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Dropdown$2, {
-        buttonProps: {
-          className: "mr-2"
-        },
-        buttonStyle: "secondary",
-        label: t("neetoFilters.segments.updateSegment"),
-        children: /*#__PURE__*/jsxs(Menu, {
-          children: [/*#__PURE__*/jsx(MenuItem.Button, {
-            onClick: function onClick() {
-              return setIsSavePaneOpen({
-                action: SEGMENT_ACTIONS$1.EDIT
-              });
-            },
-            children: t("neetoFilters.segments.updateSegment")
-          }), /*#__PURE__*/jsx(MenuItem.Button, {
-            onClick: function onClick() {
-              setIsPaneOpen(false);
-              setIsSavePaneOpen({
-                action: SEGMENT_ACTIONS$1.CREATE
-              });
-            },
-            children: t("neetoFilters.segments.saveAsNewSegment")
-          })]
-        })
-      }), changedFilters.map(function (filter) {
-        var _filter$suffixCompone;
-        return /*#__PURE__*/jsxs(React.Fragment, {
-          children: [/*#__PURE__*/jsx(Block, {
-            filter: filter,
-            handleDelete: handleDelete,
-            setIsPaneOpen: setIsPaneOpen
-          }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/jsx("div", {
-            className: "neeto-filters-bar--separator"
-          })]
-        }, filter.key);
-      })]
-    })]
-  });
-};
-
-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,
-    customFilters = _ref.customFilters;
-  var queryClient = useQueryClient();
-  var _useQueryParams = useQueryParams(),
-    segmentId = _useQueryParams.segmentId;
-  var segmentFormInitialRef = useRef(null);
-  var _useSegment = useSegment({
-      entity: entity,
-      keyword: keyword,
-      columns: columns,
-      childrenKeys: childrenKeys
-    }),
-    isEdit = _useSegment.isEdit,
-    filters = _useSegment.filters,
-    handleSubmit = _useSegment.handleSubmit,
-    isSubmitting = _useSegment.isSubmitting,
-    keywordFilter = _useSegment.keywordFilter,
-    isSavePaneOpen = _useSegment.isSavePaneOpen,
-    nonHiddenFilters = _useSegment.nonHiddenFilters,
-    setIsSavePaneOpen = _useSegment.setIsSavePaneOpen,
-    handleApplyFilters = _useSegment.handleApplyFilters,
-    childrenFiltersApplied = _useSegment.childrenFiltersApplied;
-  var BarComponent = segmentId ? SegmentBar : FilterBar;
-  var cachedSegments = queryClient.getQueryData([QUERY_KEYS.SEGMENTS_LIST, entity, ""]) || DEFAULT_SEGMENTS_CACHE;
-  var segment = findById(segmentId, cachedSegments.segments);
-  if (isEmpty(nonHiddenFilters) && !childrenFiltersApplied) return null;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames("neeto-filters-bar", _defineProperty({}, className, className)),
-      children: /*#__PURE__*/jsx(BarComponent, {
-        childrenFiltersApplied: childrenFiltersApplied,
-        childrenKeys: childrenKeys,
-        entity: entity,
-        filters: filters,
-        handleApplyFilters: handleApplyFilters,
-        keywordFilter: keywordFilter,
-        nonHiddenFilters: nonHiddenFilters,
-        setIsPaneOpen: setIsPaneOpen,
-        setIsSavePaneOpen: setIsSavePaneOpen
-      })
-    }), /*#__PURE__*/jsx(SegmentForm, {
-      childrenKeys: childrenKeys,
-      columns: columns,
-      customFilters: customFilters,
-      defaultSegmentName: defaultSegmentName,
-      filters: filters,
-      handleSubmit: handleSubmit,
-      isEdit: isEdit,
-      isSubmitting: isSubmitting,
-      keywordFilter: keywordFilter,
-      segmentFormInitialRef: segmentFormInitialRef,
-      isOpen: isPresent(isSavePaneOpen.action),
-      initialValues: isEdit ? assoc("filters", [{
-        conditions: filters
-      }], segment) : {
-        name: "",
-        filters: [{
-          conditions: filters
-        }]
-      },
-      onClose: function onClose() {
-        return setIsSavePaneOpen({
-          action: undefined
-        });
-      }
-    })]
-  });
-};
-
-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$1();
-  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 _excluded = ["isOpen", "onClose", "columns", "onChange", "isSearchable", "keyword", "onSelectorsChange", "childrenKeys", "children", "className"];
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Pane = function Pane(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    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$1();
-  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$2(_objectSpread$2({
-    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$2({
-      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__*/jsxs(Pane$1, _objectSpread$2(_objectSpread$2({
-    isOpen: isOpen,
-    backdropClassName: "neeto-filters-pane-backdrop",
-    className: classnames("neeto-filters-pane-filter", _defineProperty({}, className, className)),
-    onClose: handleClose
-  }, otherProps), {}, {
-    children: [/*#__PURE__*/jsx(Pane$1.Header, {
-      "data-cy": "neeto-filters-pane-header",
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        weight: "semibold",
-        children: t("neetoFilters.common.filters")
-      })
-    }), /*#__PURE__*/jsxs(Pane$1.Body, {
-      className: "neeto-filters-pane-filter__body neeto-ui-pt-2",
-      children: [isSearchable && /*#__PURE__*/jsx(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__*/createElement(Item, {
-          column: column,
-          filters: filters,
-          autoFocus: column.key === isOpen,
-          key: column.key,
-          onChange: handleChange,
-          onClose: handleClearTermAndClose
-        });
-      }), isPresent(groupedColumns) && /*#__PURE__*/jsx(Accordion, {
-        defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
-          var columns = _ref4.columns;
-          return existsBy({
-            key: isOpen
-          }, columns);
-        }),
-        children: groupedColumns.map(function (_ref5) {
-          var group = _ref5.group,
-            columns = _ref5.columns;
-          return /*#__PURE__*/jsx(Accordion.Item, {
-            className: "accordion_item",
-            title: group,
-            children: columns.map(function (column) {
-              return /*#__PURE__*/createElement(Item, {
-                column: column,
-                filters: filters,
-                autoFocus: column.key === isOpen,
-                key: column.key,
-                onChange: handleChange,
-                onClose: handleClearTermAndClose
-              });
-            })
-          }, group);
-        })
-      }), isEmpty(ungroupedColumns) && isEmpty(groupedColumns) && /*#__PURE__*/jsx(Typography, {
-        style: "body2",
-        children: t("neetoFilters.messages.noResourcesFound", {
-          resources: t("neetoFilters.common.columns")
-        })
-      }), children]
-    }), /*#__PURE__*/jsxs(Pane$1.Footer, {
-      className: "gap-x-2",
-      children: [/*#__PURE__*/jsx(Button, {
-        "data-cy": "neeto-filters-done-btn",
-        label: t("neetoFilters.common.done"),
-        onClick: handleClearTermAndClose
-      }), /*#__PURE__*/jsx(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{overflow:visible;width:360px}.neeto-filters-pane-filter__body{align-items:stretch!important;gap:20px}.neeto-filters-pane-filter__body>*{flex-grow:0!important}.neeto-filters-pane-filter__body p{text-align:center}.neeto-filters-pane-filter__body .neeto-filters-pane-filter__item-wrapper{display:flex;flex:1;flex-direction:column;gap:8px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{flex:1;margin-top:16px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper:first-of-type{margin-top:0}.neeto-filters-pane-filter__body .accordion_item:first-of-type .neeto-ui-accordion__item{padding-top:0}.neeto-filters-pane-filter__body .neeto-ui-accordion__wrapper--last-item{border-bottom:thin solid rgb(var(--neeto-ui-gray-300))}@media screen and (max-width:767px){.neeto-filters-pane-filter{width:100vw}}.neeto-filters-pane-backdrop{-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background-color:rgba(var(--neeto-ui-gray-700),.2)}.neeto-filters-segment--active{border-color:rgb(var(--neeto-ui-primary-500))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-500))!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19iYXIuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9pbmRleC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2ZpbHRlcnMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX21peGlucy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3NlZ21lbnRzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsbUJBR0Usa0JBQUEsQ0FGQSxZQUFBLENBQ0EsY0NFRixDRENFLDBCQUtFLHFDQUFBLENBSEEsWUFBQSxDQUVBLE9BQUEsQ0FHQSxZQUFBLENBQ0EsZUFBQSxDQUVBLGVBQUEsQ0FUQSxlQUFBLENBRUEsaUJBQUEsQ0FHQSxxQ0FBQSxDQUdBLGtCQ0VKLENEQ0ksd0NBQ0UsbUNDQ04sQ0RFSSxnQ0FRRSxnSEFBQSxDQUZBLG1DQUFBLENBREEsU0FBQSxDQURBLFdBQUEsQ0FIQSxpQkFBQSxDQUVBLE9BQUEsQ0FEQSxLQUFBLENBS0EscUNDQ04sQ0RPSSxpRUFFRSw4Q0FBQSxDQUNBLGNDTk4sQ0RRTSxpSUFHRSxxQ0FBQSxDQURBLGdDQUFBLENBREEsU0NKUixDRFVJLGdDQUVFLHVEQUFBLENBREEsWUNQTixDRFlFLDhCQUdFLGtCQUFBLENBRkEsbURBQUEsQ0FDQSxlQ1RKLENDL0NBLDJCQUVFLGdCQUFBLENBREEsV0RtREYsQ0NoREUsaUNBQ0UsNkJBQUEsQ0FDQSxRRGtESixDQ2hESSxtQ0FDRSxxQkRrRE4sQ0MvQ0ksbUNBQ0UsaUJEaUROLENDOUNJLDBFQUNFLFlBQUEsQ0FHQSxNQUFBLENBRkEscUJBQUEsQ0FDQSxPRGlETixDQzVDTSwwRkFFRSxNQUFBLENBREEsZUQrQ1IsQ0M1Q1Esd0dBQ0UsWUQ4Q1YsQ0MxQ1EseUZBQ0UsYUQ0Q1YsQ0N4Q0kseUVBQ0Usc0REMENOLENFbkVJLG9DRGRKLDJCQTRDSSxXRHlDRixDQUNGLENDdENBLDZCQUNFLHlDQUFBLENBQUEsaUNBQUEsQ0FDQSxrRER5Q0YsQ0czRkEsK0JBQ0UsdURBQUEsQ0FDQSwrREg4RkYiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZmlsdGVycy1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJl9fYmxvY2sge1xuICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZ2FwOiA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgbWFyZ2luOiA0cHggMDtcbiAgICBtYXgtd2lkdGg6IDM4NHB4O1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHA6Zmlyc3QtY2hpbGQge1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xuICAgIH1cblxuICAgICYtY2xvc2Uge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDkwZGVnLFxuICAgICAgICByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSxcbiAgICAgICAgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JVxuICAgICAgKTtcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrLWNsb3NlIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ibGFjaykpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAzcHggcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTgwMCksIDE1JSk7XG4gICAgfVxuICB9XG5cbiAgJi0tc2VwYXJhdG9yIHtcbiAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpO1xuICAgIG1hcmdpbjogMTJweCA4cHg7XG4gICAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgfVxufVxuIiwiLm5lZXRvLWZpbHRlcnMtYmFyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jayB7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZ2FwOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgbWFyZ2luOiA0cHggMDtcbiAgbWF4LXdpZHRoOiAzODRweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2sgcDpmaXJzdC1jaGlsZCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6IDhweDtcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSwgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JSk7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyLCAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2UsIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6YWN0aXZlIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBvcGFjaXR5OiAxO1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWJsYWNrKSk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jazpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSwgMTUlKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhci0tc2VwYXJhdG9yIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbiAgbWFyZ2luOiAxMnB4IDhweDtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXIge1xuICB3aWR0aDogMzYwcHg7XG4gIG92ZXJmbG93OiB2aXNpYmxlO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkge1xuICBhbGlnbi1pdGVtczogc3RyZXRjaCAhaW1wb3J0YW50O1xuICBnYXA6IDIwcHg7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSA+ICoge1xuICBmbGV4LWdyb3c6IDAgIWltcG9ydGFudDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IHAge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG4gIGZsZXg6IDE7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG4gIGZsZXg6IDE7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlcjpmaXJzdC1vZi10eXBlIHtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbTpmaXJzdC1vZi10eXBlIC5uZWV0by11aS1hY2NvcmRpb25fX2l0ZW0ge1xuICBwYWRkaW5nLXRvcDogMDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5uZWV0by11aS1hY2NvcmRpb25fX3dyYXBwZXItLWxhc3QtaXRlbSB7XG4gIGJvcmRlci1ib3R0b206IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gICAgd2lkdGg6IDEwMHZ3O1xuICB9XG59XG5cbi5uZWV0by1maWx0ZXJzLXBhbmUtYmFja2Ryb3Age1xuICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoMHB4KSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSwgMC4yKTtcbn1cblxuLm5lZXRvLWZpbHRlcnMtc2VnbWVudC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBib3gtc2hhZG93OiAwIDAgMCAxcHggcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn0iLCIubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gIHdpZHRoOiAzNjBweDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG5cbiAgJl9fYm9keSB7XG4gICAgYWxpZ24taXRlbXM6IHN0cmV0Y2ggIWltcG9ydGFudDtcbiAgICBnYXA6IDIwcHg7XG5cbiAgICA+ICoge1xuICAgICAgZmxleC1ncm93OiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgcCB7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIGdhcDogOHB4O1xuICAgICAgZmxleDogMTtcbiAgICB9XG5cbiAgICAuYWNjb3JkaW9uX2l0ZW0ge1xuICAgICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG4gICAgICAgIGZsZXg6IDE7XG5cbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAubmVldG8tdWktYWNjb3JkaW9uX19pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAubmVldG8tdWktYWNjb3JkaW9uX193cmFwcGVyLS1sYXN0LWl0ZW0ge1xuICAgICAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgICB9XG4gIH1cblxuICBAaW5jbHVkZSB2aWV3cG9ydChtb2IpIHtcbiAgICB3aWR0aDogMTAwdnc7XG4gIH1cbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1iYWNrZHJvcCB7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigwcHgpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS03MDApLCAwLjIpO1xufVxuIiwiQG1peGluIHZpZXdwb3J0KCRtZWRpYSkge1xuICBAaWYgJG1lZGlhPT1kZXNrIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkbWVkaWE9PXRhYi1taW4ge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09dGFiLW9ubHkge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT14cy1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH1cbn1cbiIsIi5uZWV0by1maWx0ZXJzLXNlZ21lbnQtLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG59XG4iXX0= */";
-n(css,{});
-
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Filters = 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__*/jsxs("span", {
-    className: classnames(_defineProperty({}, className, className)),
-    children: [/*#__PURE__*/jsx(Button, _objectSpread$1({
-      "data-cy": "neeto-filters-toggle-btn",
-      label: t("neetoFilters.common.filter"),
-      style: "secondary",
-      onClick: function onClick() {
-        return setIsOpen(true);
-      }
-    }, buttonProps)), /*#__PURE__*/jsx(Pane, _objectSpread$1(_objectSpread$1({
-      onClose: function onClose() {
-        return setIsOpen(false);
-      }
-    }, _objectSpread$1({
-      childrenKeys: childrenKeys,
-      columns: columns,
-      isOpen: isOpen,
-      isSearchable: isSearchable,
-      keyword: keyword,
-      onChange: onChange,
-      onSelectorsChange: onSelectorsChange
-    }, paneProps)), {}, {
-      children: children
-    }))]
-  });
-});
-
-var ITEMS_MAX_COUNT = 20;
-var SEGMENT_ACTIONS = {
-  EDIT: "edit",
-  DELETE: "delete"
-};
-var ALL_RESULTS = t$1("neetoFilters.common.allResults");
-
-var Delete = function Delete(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    _ref$segment = _ref.segment,
-    segment = _ref$segment === void 0 ? {} : _ref$segment,
-    _ref$columns = _ref.columns,
-    columns = _ref$columns === void 0 ? [] : _ref$columns;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var history = useHistory$1();
-  var _getQueryParams = getQueryParams(),
-    segmentId = _getQueryParams.segmentId;
-  var _useDestroySegment = useDestroySegment(),
-    deleteSegment = _useDestroySegment.mutate,
-    isDeleting = _useDestroySegment.isPending;
-  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__*/jsx(Alert, {
-    isOpen: isOpen,
-    onClose: onClose,
-    isSubmitting: isDeleting,
-    submitButtonLabel: t("neetoFilters.common.delete"),
-    title: t("neetoFilters.segments.deleteAlertTitle"),
-    message: /*#__PURE__*/jsx(Trans, {
-      i18nKey: "neetoFilters.segments.deleteAlertMessage",
-      values: {
-        entity: segment.name
-      }
-    }),
-    onSubmit: handleDelete
-  });
-};
-
-var reorderList = function reorderList(list, startIndex, endIndex) {
-  var result = Array.from(list);
-  var _result$splice = result.splice(startIndex, 1),
-    _result$splice2 = _slicedToArray(_result$splice, 1),
-    removed = _result$splice2[0];
-  result.splice(endIndex, 0, removed);
-  return result;
-};
-
-var useSegments = function useSegments(_ref) {
-  var entity = _ref.entity,
-    columns = _ref.columns,
-    childrenKeys = _ref.childrenKeys;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var history = useHistory$1();
-  var appliedFilters = buildFiltersFromURL(columns);
-  var _useFetchSegments = useFetchSegments({
-      entity: entity
-    }),
-    fetchedSegments = _useFetchSegments.data,
-    isLoading = _useFetchSegments.isLoading;
-  var _useState = useState(fetchedSegments),
-    _useState2 = _slicedToArray(_useState, 2),
-    segments = _useState2[0],
-    setSegments = _useState2[1];
-  var _useUpdateSegment = useUpdateSegment(),
-    updateSegment = _useUpdateSegment.mutate,
-    isUpdating = _useUpdateSegment.isPending;
-  var _useState3 = useState({
-      action: "",
-      segment: undefined
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    confirmAction = _useState4[0],
-    setConfirmAction = _useState4[1];
-  var handleSegmentsReorder = function handleSegmentsReorder(_ref2) {
-    var source = _ref2.source,
-      destination = _ref2.destination;
-    if (!destination || source.index === destination.index) return;
-    var reorderedSegments = reorderList(segments, source.index, destination.index);
-    updateSegment({
-      id: segments[source.index].id,
-      payload: {
-        position: destination.index + 1
-      },
-      showToastr: false
-    });
-    setSegments(reorderedSegments);
-  };
-  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 handleSelectSegment = function handleSelectSegment(_ref3) {
-    var _filters$3;
-    var id = _ref3.id,
-      filters = _ref3.filters;
-    history.push({
-      search: buildUrlFromSegment({
-        columns: columns,
-        filters: (_filters$3 = filters[0]) === null || _filters$3 === void 0 ? void 0 : _filters$3.conditions,
-        id: id
-      })
-    });
-  };
-  useEffect(function () {
-    setSegments(fetchedSegments);
-  }, [fetchedSegments]);
-  if (isLoading) {
-    return /*#__PURE__*/jsx(Spinner, {});
-  }
-  if (isEmpty(segments)) {
-    return /*#__PURE__*/jsx(Typography, {
-      style: "body2",
-      children: t("neetoFilters.segments.noSegmentsFound")
-    });
-  }
-  var handleUpdate = function handleUpdate(_ref4, _ref5) {
-    var name = _ref4.name;
-    var setFieldError = _ref5.setFieldError;
-    var filtersPayload = buildSegmentsPayload(filters, childrenKeys);
-    updateSegment({
-      id: confirmAction.segment.id,
-      payload: {
-        name: name,
-        filters: filtersPayload
-      },
-      showToastr: false
-    }, {
-      onSuccess: function onSuccess() {
-        showThumbsUpToastr();
-        setConfirmAction({
-          action: "",
-          segment: undefined
-        });
-      },
-      onError: function onError(error) {
-        return setFieldError("name", error.response.data.error);
-      }
-    });
-  };
-  var filters = buildFiltersFromSearchParams(columns);
-  return {
-    appliedFilters: appliedFilters,
-    segments: segments,
-    clearAppliedFilters: clearAppliedFilters,
-    handleSelectSegment: handleSelectSegment,
-    handleSegmentsReorder: handleSegmentsReorder,
-    setConfirmAction: setConfirmAction,
-    isUpdating: isUpdating,
-    handleUpdate: handleUpdate,
-    filters: filters,
-    onClose: function onClose() {
-      return setConfirmAction({
-        action: "",
-        segment: undefined
-      });
-    },
-    selectedSegment: confirmAction.segment,
-    isDeleteAlertOpen: confirmAction.action === SEGMENT_ACTIONS.DELETE,
-    isEditPaneOpen: confirmAction.action === SEGMENT_ACTIONS.EDIT
-  };
-};
-
-var Segment = function Segment(_ref) {
-  var id = _ref.id,
-    isActive = _ref.isActive,
-    label = _ref.label,
-    onClick = _ref.onClick,
-    _ref$shouldShowDropdo = _ref.shouldShowDropdown,
-    shouldShowDropdown = _ref$shouldShowDropdo === void 0 ? false : _ref$shouldShowDropdo,
-    segments = _ref.segments,
-    setConfirmAction = _ref.setConfirmAction;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var menuItems = [{
-    key: "edit",
-    label: t("neetoFilters.common.edit"),
-    onClick: function onClick() {
-      return setConfirmAction({
-        action: SEGMENT_ACTIONS.EDIT,
-        segment: findById(id, segments)
-      });
-    }
-  }, {
-    key: "delete",
-    label: t("neetoFilters.common.delete"),
-    onClick: function onClick() {
-      return setConfirmAction({
-        action: SEGMENT_ACTIONS.DELETE,
-        segment: findById(id, segments)
-      });
-    }
-  }];
-  return /*#__PURE__*/jsxs("div", {
-    onClick: onClick,
-    "data-cy": "neeto-filters-segment-block-".concat(hyphenate(label)),
-    className: classnames("neeto-ui-border-gray-400 neeto-ui-bg-white hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg mb-2 flex h-10 cursor-pointer items-center gap-2 border p-3 transition-all duration-300 ease-in-out", {
-      "neeto-filters-segment--active": isActive
-    }),
-    children: [/*#__PURE__*/jsx("div", {
-      className: "flex flex-grow items-center gap-2 overflow-hidden",
-      "data-cy": "new-element-field",
-      children: /*#__PURE__*/jsx(Typography, {
-        className: "truncate leading-snug",
-        "data-cy": hyphenate(label),
-        style: "body2",
-        children: label
-      })
-    }), shouldShowDropdown && /*#__PURE__*/jsx(MoreDropdown, {
-      menuItems: menuItems,
-      dropdownButtonProps: {
-        className: "min-h-0 flex-shrink-0",
-        "data-cy": "".concat(hyphenate(label), "-more-dropdown")
-      }
-    })]
-  });
-};
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var MenuBlocks = function MenuBlocks(_ref) {
-  var entity = _ref.entity,
-    segments = _ref.segments,
-    segmentId = _ref.segmentId,
-    isUpdating = _ref.isUpdating,
-    appliedFilters = _ref.appliedFilters,
-    setConfirmAction = _ref.setConfirmAction,
-    defaultSegmentName = _ref.defaultSegmentName,
-    handleSelectSegment = _ref.handleSelectSegment,
-    clearAppliedFilters = _ref.clearAppliedFilters,
-    handleSegmentsReorder = _ref.handleSegmentsReorder;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showAll = _useState2[0],
-    setShowAll = _useState2[1];
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(MenuBar.SubTitle, {
-      children: /*#__PURE__*/jsx(Typography, {
-        component: "h4",
-        style: "h5",
-        textTransform: "uppercase",
-        weight: "bold",
-        children: t("neetoFilters.common.segments")
-      })
-    }), segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/jsx(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__*/jsx(Segment, {
-      isActive: isEmpty(appliedFilters),
-      label: defaultSegmentName,
-      onClick: clearAppliedFilters
-    }), /*#__PURE__*/jsx(DragDropContext, {
-      onDragEnd: handleSegmentsReorder,
-      children: /*#__PURE__*/jsx(Droppable, {
-        droppableId: "neeto-filters-segments-".concat(entity),
-        children: function children(_ref2) {
-          var innerRef = _ref2.innerRef,
-            droppableProps = _ref2.droppableProps,
-            placeholder = _ref2.placeholder;
-          return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-            ref: innerRef
-          }, droppableProps), {}, {
-            children: [segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment, index) {
-              return /*#__PURE__*/createElement(Draggable, {
-                index: index,
-                draggableId: segment.id.toString(),
-                isDragDisabled: isUpdating,
-                key: segment.id.toString()
-              }, function (_ref3) {
-                var innerRef = _ref3.innerRef,
-                  draggableProps = _ref3.draggableProps,
-                  dragHandleProps = _ref3.dragHandleProps;
-                return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
-                  ref: innerRef
-                }, draggableProps), dragHandleProps), {}, {
-                  children: /*#__PURE__*/createElement(Segment, {
-                    segments: segments,
-                    setConfirmAction: setConfirmAction,
-                    shouldShowDropdown: true,
-                    id: segment.id,
-                    isActive: segment.id === segmentId,
-                    key: segment.id,
-                    label: segment.name,
-                    onClick: function onClick() {
-                      return handleSelectSegment(segment);
-                    }
-                  })
-                }));
-              });
-            }), placeholder]
-          }));
-        }
-      })
-    })]
-  });
-};
-var MenuBlocks$1 = /*#__PURE__*/React.memo(MenuBlocks);
-
-var SidebarBlock = function SidebarBlock(_ref) {
-  var id = _ref.id,
-    isActive = _ref.isActive,
-    label = _ref.label,
-    onClick = _ref.onClick,
-    segments = _ref.segments,
-    setConfirmAction = _ref.setConfirmAction;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var menuItems = [{
-    key: "edit",
-    label: t("neetoFilters.common.edit"),
-    onClick: function onClick() {
-      return setConfirmAction({
-        action: SEGMENT_ACTIONS.EDIT,
-        segment: findById(id, segments)
-      });
-    }
-  }, {
-    key: "delete",
-    label: t("neetoFilters.common.delete"),
-    onClick: function onClick() {
-      return setConfirmAction({
-        action: SEGMENT_ACTIONS.DELETE,
-        segment: findById(id, segments)
-      });
-    }
-  }];
-  var dataCyPrefix = hyphenate(label);
-  return /*#__PURE__*/jsxs("button", {
-    onClick: onClick,
-    "data-cy": "".concat(dataCyPrefix, "-segment-link"),
-    className: classnames("neeto-molecules-sidebar-segment neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none mb-0 w-full py-1", {
-      active: isActive
-    }),
-    children: [/*#__PURE__*/jsx(Typography, {
-      className: "neeto-molecules-sidebar__link-sub-label neeto-molecules-sidebar-segment__label neeto-ui-flex-grow min-w-0",
-      component: "span",
-      "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
-      style: "body2",
-      children: label
-    }), /*#__PURE__*/jsx(MoreDropdown, {
-      menuItems: menuItems,
-      dropdownButtonProps: {
-        "data-testid": "segment-more-menu-".concat(dataCyPrefix),
-        className: "flex-shrink-0",
-        size: "small",
-        style: "secondary"
-      },
-      dropdownProps: {
-        position: "bottom-end",
-        strategy: "fixed",
-        autoWidth: true
-      }
-    })]
-  });
-};
-
-var Segments = function Segments(_ref) {
-  var entity = _ref.entity,
-    columns = _ref.columns,
-    _ref$defaultSegmentNa = _ref.defaultSegmentName,
-    defaultSegmentName = _ref$defaultSegmentNa === void 0 ? ALL_RESULTS : _ref$defaultSegmentNa,
-    customFilters = _ref.customFilters,
-    _ref$childrenKeys = _ref.childrenKeys,
-    childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
-    _ref$isIndependent = _ref.isIndependent,
-    isIndependent = _ref$isIndependent === void 0 ? true : _ref$isIndependent;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useQueryParams = useQueryParams(),
-    segmentId = _useQueryParams.segmentId;
-  var segmentFormInitialRef = useRef(null);
-  var _useSegments = useSegments({
-      entity: entity,
-      columns: columns,
-      childrenKeys: childrenKeys
-    }),
-    _useSegments$segments = _useSegments.segments,
-    segments = _useSegments$segments === void 0 ? [] : _useSegments$segments,
-    clearAppliedFilters = _useSegments.clearAppliedFilters,
-    handleSelectSegment = _useSegments.handleSelectSegment,
-    handleSegmentsReorder = _useSegments.handleSegmentsReorder,
-    onClose = _useSegments.onClose,
-    setConfirmAction = _useSegments.setConfirmAction,
-    selectedSegment = _useSegments.selectedSegment,
-    isDeleteAlertOpen = _useSegments.isDeleteAlertOpen,
-    isEditPaneOpen = _useSegments.isEditPaneOpen,
-    isUpdating = _useSegments.isUpdating,
-    handleUpdate = _useSegments.handleUpdate,
-    filters = _useSegments.filters,
-    appliedFilters = _useSegments.appliedFilters;
-  return /*#__PURE__*/jsxs("div", {
-    "data-testid": "neeto-filters-segments",
-    children: [isIndependent ? /*#__PURE__*/jsx(MenuBlocks$1, {
-      appliedFilters: appliedFilters,
-      clearAppliedFilters: clearAppliedFilters,
-      defaultSegmentName: defaultSegmentName,
-      entity: entity,
-      handleSegmentsReorder: handleSegmentsReorder,
-      handleSelectSegment: handleSelectSegment,
-      isUpdating: isUpdating,
-      segmentId: segmentId,
-      segments: segments,
-      setConfirmAction: setConfirmAction
-    }) : /*#__PURE__*/jsxs(Fragment, {
-      children: [isNotEmpty(segments) && /*#__PURE__*/jsx(Typography, {
-        style: "body3",
-        weight: "semibold",
-        className: "neeto-molecules-sidebar-segments-header neeto-ui-text-transform-capitalize neeto-ui-text-gray-600 py-2 uppercase",
-        children: t("neetoFilters.segments.segment", PLURAL)
-      }), segments.map(function (segment) {
-        return /*#__PURE__*/createElement(SidebarBlock, {
-          segments: segments,
-          setConfirmAction: setConfirmAction,
-          id: segment.id,
-          isActive: segment.id === segmentId,
-          key: segment.id,
-          label: segment.name,
-          onClick: function onClick() {
-            return handleSelectSegment(segment);
-          }
-        });
-      })]
-    }), /*#__PURE__*/jsx(SegmentForm, {
-      childrenKeys: childrenKeys,
-      columns: columns,
-      customFilters: customFilters,
-      defaultSegmentName: defaultSegmentName,
-      filters: filters,
-      onClose: onClose,
-      segmentFormInitialRef: segmentFormInitialRef,
-      isEdit: true,
-      handleSubmit: handleUpdate,
-      initialValues: selectedSegment,
-      isOpen: isEditPaneOpen,
-      isSubmitting: isUpdating
-    }), /*#__PURE__*/jsx(Delete, {
-      columns: columns,
-      onClose: onClose,
-      isOpen: isDeleteAlertOpen,
-      segment: selectedSegment
-    })]
-  });
-};
-var index = /*#__PURE__*/React.memo(Segments);
-
-export { Bar, Filters, index as Segments, buildFilterColumnsFromFields, buildFiltersFromURL, buildSelectorsFromURL, buildUrlFromFilters, buildUrlFromSegment, useDestroySegment, useFetchSegments, useUpdateSegment };
+export { default as Bar } from './Bar.js';
+export { default as Filters } from './Filters.js';
+export { default as Segments } from './Segments.js';
+export { K as buildFilterColumnsFromFields, J as buildFiltersFromURL, f as buildSelectorsFromURL, c as buildUrlFromFilters, I as buildUrlFromSegment } from './utils-9ea34335.js';
+export { b as useDestroySegment, c as useFetchSegments, a as useUpdateSegment } from './useSegmentsApi-c514647d.js';
+import './constants-8f6e851e.js';
+import 'react';
+import '@tanstack/react-query';
+import 'classnames';
+import 'i18next';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import 'ramda';
+import './index-31aaf3e4.js';
+import '@bigbinary/neeto-icons/Delete';
+import '@bigbinary/neetoui/Accordion';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neetoui/Pane';
+import '@bigbinary/neetoui/Typography';
+import '@bigbinary/neetoui/formik/ActionBlock';
+import '@bigbinary/neetoui/formik/Form';
+import '@bigbinary/neetoui/formik/Input';
+import 'react-i18next';
+import 'react-router-dom/cjs/react-router-dom.min';
+import './index-95fe069e.js';
+import '@bigbinary/neetoui/Select';
+import 'dayjs';
+import 'react/jsx-runtime';
+import '@bigbinary/neetoui/DatePicker';
+import '@bigbinary/neetoui/TimePicker';
+import '@bigbinary/neetoui/Input';
+import '@bigbinary/neetoui/TreeSelect';
+import '@bigbinary/neeto-icons/Plus';
+import 'yup';
+import '@bigbinary/neeto-commons-frontend/utils';
+import 'react-router-dom';
+import '@bigbinary/neeto-hotkeys';
+import '@bigbinary/neeto-icons/Close';
+import '@bigbinary/neetoui/Tooltip';
+import '@bigbinary/neetoui/Dropdown';
+import 'axios';
+import 'dayjs/plugin/timezone';
+import 'dayjs/plugin/utc';
+import 'dayjs/plugin/weekday';
+import '@bigbinary/neeto-icons/Help';
+import '@bigbinary/neeto-molecules/Search';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neetoui/Alert';
+import '@bigbinary/neetoui/Spinner';
+import '@hello-pangea/dnd';
+import '@bigbinary/neeto-icons/Down';
+import '@bigbinary/neeto-molecules/MenuBar';
+import '@bigbinary/neeto-molecules/MoreDropdown';
 //# sourceMappingURL=index.js.map