@bigbinary/neeto-filters-frontend 2.14.0 → 2.14.2

package/dist/index.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import { curryN, isNil, complement, curry, isEmpty, either, groupBy, anyPass, any, toLower, mergeLeft, identity, omit, mergeRight, toPairs, concat, pluck, has as has$1, equals, pick, modify, prop, isNotNil, append, last, not } from 'ramda';
 import { Tooltip, Typography, Dropdown as Dropdown$2, Button, Pane as Pane$1, Alert, Select, DatePicker, TimePicker, Input as Input$1, Accordion, Spinner } from '@bigbinary/neetoui';
 import { useHistory, useLocation } from 'react-router-dom';
-import { useHotKeys, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useHotKeys, useMutationWithInvalidation, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Close, Search, Check, MenuHorizontal, Down, Settings } from '@bigbinary/neeto-icons';
 import dayjs from 'dayjs';
 import { getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
@@ -12,7 +12,7 @@ import timezone from 'dayjs/plugin/timezone';
 import utc from 'dayjs/plugin/utc';
 import weekday from 'dayjs/plugin/weekday';
 import { Form, Input, ActionBlock } from '@bigbinary/neetoui/formik';
-import { useQuery, useQueryClient, useMutation } from 'react-query';
+import { useQuery } from 'react-query';
 import axios from 'axios';
 import ReactDOM, { createPortal } from 'react-dom';
 import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
@@ -2849,76 +2849,72 @@ function useTranslation(ns) {
   });
 }
 
-var common = {
-	clearFilters: "Clear filters",
-	columns: "Columns",
-	"delete": "Delete",
-	done: "Done",
-	filter: "Filter",
-	filters: "Filters",
-	no: "No",
-	proceed: "Proceed",
-	rename: "Rename",
-	segments: "Segments",
-	userCount: "{{count}} Users",
-	yes: "Yes",
-	update: "Update"
-};
-var messages = {
-	enterResource: "Enter {{resource}}",
-	noResourcesFound: "No {{resources}} found",
-	searchResources: "Search {{resources}}",
-	selectResource: "Select {{resource}}",
-	selectOption: "Select an option"
-};
-var rules = {
-	contains: "Contains",
-	doesNotContain: "Does not contain",
-	exactly: "Exactly",
-	notExactly: "Not exactly",
-	startsWith: "Starts with",
-	doesNotStartWith: "Does not start with",
-	endsWith: "Ends with",
-	doesNotEndWith: "Does not end with",
-	greaterThan: "Greater than",
-	lessThan: "Less than"
-};
-var errors = {
-	cannotPassMultipleModels: "Cannot pass multiple Models except for keyword searching"
-};
-var shortcuts = {
-	deleteBlock: "Delete block",
-	openFilterPane: "Open filter pane",
-	closePane: "Close pane"
-};
-var segments = {
-	addNewSegment: "Add new segment",
-	deleteAlertMessage: "You are permanently deleting the segment <strong>{{entity}}</strong>. This can't be undone.",
-	deleteAlertTitle: "Delete segment?",
-	manageSegments: "Manage segments",
-	name: "Segment name",
-	noSegmentsFound: "No segments found",
-	saveSegment: "Save segment",
-	saveAsSegment: "Save as segment",
-	saveAsNewSegment: "Save as new segment",
-	searchSegments: "Search segments",
-	segmentName: "Segment name",
-	showLess: "See less",
-	showMoreNumbers: "See {{entity}} more",
-	updateSegment: "Update segment?",
-	updateSegmentMessage: "You are trying to update the current segment."
-};
-var labels = {
-	keyword: "Keyword"
+var neetoFilters = {
+	common: {
+		clearFilters: "Clear filters",
+		columns: "Columns",
+		"delete": "Delete",
+		done: "Done",
+		filter: "Filter",
+		filters: "Filters",
+		no: "No",
+		proceed: "Proceed",
+		rename: "Rename",
+		segments: "Segments",
+		userCount: "{{count}} Users",
+		yes: "Yes",
+		update: "Update"
+	},
+	messages: {
+		enterResource: "Enter {{resource}}",
+		noResourcesFound: "No {{resources}} found",
+		searchResources: "Search {{resources}}",
+		selectResource: "Select {{resource}}",
+		selectOption: "Select an option"
+	},
+	rules: {
+		contains: "Contains",
+		doesNotContain: "Does not contain",
+		exactly: "Exactly",
+		notExactly: "Not exactly",
+		startsWith: "Starts with",
+		doesNotStartWith: "Does not start with",
+		endsWith: "Ends with",
+		doesNotEndWith: "Does not end with",
+		greaterThan: "Greater than",
+		lessThan: "Less than"
+	},
+	errors: {
+		cannotPassMultipleModels: "Cannot pass multiple Models except for keyword searching"
+	},
+	shortcuts: {
+		deleteBlock: "Delete block",
+		openFilterPane: "Open filter pane",
+		closePane: "Close pane"
+	},
+	segments: {
+		addNewSegment: "Add new segment",
+		deleteAlertMessage: "You are permanently deleting the segment <strong>{{entity}}</strong>. This can't be undone.",
+		deleteAlertTitle: "Delete segment?",
+		manageSegments: "Manage segments",
+		name: "Segment name",
+		noSegmentsFound: "No segments found",
+		saveSegment: "Save segment",
+		saveAsSegment: "Save as segment",
+		saveAsNewSegment: "Save as new segment",
+		searchSegments: "Search segments",
+		segmentName: "Segment name",
+		showLess: "See less",
+		showMoreNumbers: "See {{entity}} more",
+		updateSegment: "Update segment?",
+		updateSegmentMessage: "You are trying to update the current segment."
+	},
+	labels: {
+		keyword: "Keyword"
+	}
 };
 var en = {
-	common: common,
-	messages: messages,
-	rules: rules,
-	errors: errors,
-	shortcuts: shortcuts,
-	segments: segments,
-	labels: labels
+	neetoFilters: neetoFilters
 };
 
 instance.use(initReactI18next).init({
@@ -3152,15 +3148,15 @@ var filterBy = /*#__PURE__*/curry(function (pattern, array) {
 var SHORTCUTS = {
   closePane: {
     sequence: "escape",
-    description: t$2("shortcuts.closePane")
+    description: t$2("neetoFilters.shortcuts.closePane")
   },
   deleteBlock: {
     sequence: "backspace",
-    description: t$2("shortcuts.deleteBlock")
+    description: t$2("neetoFilters.shortcuts.deleteBlock")
   },
   openFilterPane: {
     sequence: "enter",
-    description: t$2("shortcuts.openFilterPane")
+    description: t$2("neetoFilters.shortcuts.openFilterPane")
   }
 };
 
@@ -3248,48 +3244,48 @@ var DATE_RULES = {
 };
 
 var NUMBER_RULES = [{
-  label: t$2("rules.exactly"),
+  label: t$2("neetoFilters.rules.exactly"),
   value: "is"
 }, {
-  label: t$2("rules.notExactly"),
+  label: t$2("neetoFilters.rules.notExactly"),
   value: "is_not"
 }, {
-  label: t$2("rules.greaterThan"),
+  label: t$2("neetoFilters.rules.greaterThan"),
   value: "greater_than"
 }, {
-  label: t$2("rules.lessThan"),
+  label: t$2("neetoFilters.rules.lessThan"),
   value: "less_than"
 }];
 var TEXT_RULES = [{
-  label: t$2("rules.contains"),
+  label: t$2("neetoFilters.rules.contains"),
   value: "contains"
 }, {
-  label: t$2("rules.doesNotContain"),
+  label: t$2("neetoFilters.rules.doesNotContain"),
   value: "does_not_contain"
 }, {
-  label: t$2("rules.exactly"),
+  label: t$2("neetoFilters.rules.exactly"),
   value: "is"
 }, {
-  label: t$2("rules.notExactly"),
+  label: t$2("neetoFilters.rules.notExactly"),
   value: "is_not"
 }, {
-  label: t$2("rules.startsWith"),
+  label: t$2("neetoFilters.rules.startsWith"),
   value: "starts_with"
 }, {
-  label: t$2("rules.doesNotStartWith"),
+  label: t$2("neetoFilters.rules.doesNotStartWith"),
   value: "does_not_start_with"
 }, {
-  label: t$2("rules.endsWith"),
+  label: t$2("neetoFilters.rules.endsWith"),
   value: "ends_with"
 }, {
-  label: t$2("rules.doesNotEndWith"),
+  label: t$2("neetoFilters.rules.doesNotEndWith"),
   value: "does_not_end_with"
 }];
 var DEFAULT_BOOLEAN_OPTIONS = [{
-  label: t$2("common.yes"),
+  label: t$2("neetoFilters.common.yes"),
   value: "true"
 }, {
-  label: t$2("common.no"),
+  label: t$2("neetoFilters.common.no"),
   value: "false"
 }];
 
@@ -3338,8 +3334,8 @@ dayjs.extend(timezone);
 dayjs.extend(weekday);
 dayjs.Ls.en.weekStart = 1;
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var groupByGroup = groupBy(function (_ref) {
   var group = _ref.group;
   return group || "individual";
@@ -3632,7 +3628,7 @@ var buildDatePayload = function buildDatePayload(value) {
 var buildSingleDatePayload = function buildSingleDatePayload(filter) {
   var value = filter.value;
   var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$4(_objectSpread$4({}, filter), {}, {
+  return _objectSpread$5(_objectSpread$5({}, filter), {}, {
     value: filterValue,
     type: "date"
   });
@@ -3640,7 +3636,7 @@ var buildSingleDatePayload = function buildSingleDatePayload(filter) {
 var buildSingleTimePayload = function buildSingleTimePayload(filter) {
   var value = filter.value;
   var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$4(_objectSpread$4({}, filter), {}, {
+  return _objectSpread$5(_objectSpread$5({}, filter), {}, {
     value: filterValue,
     type: "time"
   });
@@ -3669,7 +3665,7 @@ var buildFiltersPayload = function buildFiltersPayload(filters) {
       defaultType = _filterPayload$defaul === void 0 ? filterPayload.type : _filterPayload$defaul,
       value = filterPayload.value;
     if (isMultiModelFilter(filterPayload)) {
-      throw instance.t("errors.cannotPassMultipleModels");
+      throw instance.t("neetoFilters.errors.cannotPassMultipleModels");
     }
     if (isDate(defaultType)) {
       return mergeRight(filterPayload, buildDatePayload(value));
@@ -3703,7 +3699,7 @@ var buildSegmentsPayload = function buildSegmentsPayload(filters) {
       defaultType = _filterPayload$defaul2 === void 0 ? filterPayload.type : _filterPayload$defaul2,
       value = filterPayload.value;
     if (filter.key !== "keyword" && isMultiModelFilter(filterPayload)) {
-      throw instance.t("errors.cannotPassMultipleModels");
+      throw instance.t("neetoFilters.errors.cannotPassMultipleModels");
     }
     if (isMulti(defaultType)) {
       return mergeRight(filterPayload, {
@@ -3922,7 +3918,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref21)
 };
 var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(columns) {
   return columns.map(function (column) {
-    return _objectSpread$4(_objectSpread$4({}, column), {}, {
+    return _objectSpread$5(_objectSpread$5({}, column), {}, {
       type: standardizeColumnType(column.type)
     });
   });
@@ -4143,6 +4139,8 @@ var QUERY_KEYS = {
 };
 var SEGMENTS_STALE_TIME = 900000; // 15 mins
 
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SEGMENTS_LIST = QUERY_KEYS.SEGMENTS_LIST;
 var useFetchSegments = function useFetchSegments(_ref) {
   var entity = _ref.entity,
@@ -4169,34 +4167,19 @@ var useShowSegment = function useShowSegment(id) {
   }, options));
 };
 var useCreateSegment = function useCreateSegment(options) {
-  var queryClient = useQueryClient();
-  return useMutation(segmentsApi.create, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess;
-      queryClient.invalidateQueries(SEGMENTS_LIST);
-      options === null || options === void 0 ? void 0 : (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options);
-    }
-  });
+  return useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
 };
 var useUpdateSegment = function useUpdateSegment(options) {
-  var queryClient = useQueryClient();
-  return useMutation(segmentsApi.update, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess2;
-      queryClient.invalidateQueries(SEGMENTS_LIST);
-      options === null || options === void 0 ? void 0 : (_options$onSuccess2 = options.onSuccess) === null || _options$onSuccess2 === void 0 ? void 0 : _options$onSuccess2.call(options);
-    }
-  });
+  return useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
 };
 var useDestroySegment = function useDestroySegment(options) {
-  var queryClient = useQueryClient();
-  return useMutation(segmentsApi.destroy, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess3;
-      queryClient.invalidateQueries(SEGMENTS_LIST);
-      options === null || options === void 0 ? void 0 : (_options$onSuccess3 = options.onSuccess) === null || _options$onSuccess3 === void 0 ? void 0 : _options$onSuccess3.call(options);
-    }
-  });
+  return useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
 };
 
 var Menu = Dropdown$2.Menu,
@@ -4270,7 +4253,7 @@ var Segment = function Segment(_ref) {
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, isNil(segmentId) ? /*#__PURE__*/React.createElement(Button, {
     disabled: hasOnlyKeywordFilter(filters),
-    label: t("segments.saveAsSegment"),
+    label: t("neetoFilters.segments.saveAsSegment"),
     style: "secondary",
     onClick: function onClick() {
       setIsFilterPaneOpen(false);
@@ -4278,16 +4261,16 @@ var Segment = function Segment(_ref) {
     }
   }) : /*#__PURE__*/React.createElement(Dropdown$2, {
     buttonStyle: "secondary",
-    label: t("segments.saveSegment")
+    label: t("neetoFilters.segments.saveSegment")
   }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
     isDisabled: equals(filtersPayload, selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.filters),
     onClick: setIsUpdateAlertOpen
-  }, t("segments.saveSegment")), /*#__PURE__*/React.createElement(MenuItem.Button, {
+  }, t("neetoFilters.segments.saveSegment")), /*#__PURE__*/React.createElement(MenuItem.Button, {
     onClick: function onClick() {
       setIsFilterPaneOpen(false);
       setIsSavePaneOpen(true);
     }
-  }, t("segments.saveAsNewSegment")))), /*#__PURE__*/React.createElement(Pane$1, {
+  }, t("neetoFilters.segments.saveAsNewSegment")))), /*#__PURE__*/React.createElement(Pane$1, {
     initialFocusRef: inputRef,
     isOpen: isSavePaneOpen,
     onClose: function onClose() {
@@ -4296,7 +4279,7 @@ var Segment = function Segment(_ref) {
   }, /*#__PURE__*/React.createElement(Pane$1.Header, null, /*#__PURE__*/React.createElement(Typography, {
     style: "h2",
     weight: "semibold"
-  }, t("segments.addNewSegment"))), /*#__PURE__*/React.createElement(Form, {
+  }, t("neetoFilters.segments.addNewSegment"))), /*#__PURE__*/React.createElement(Form, {
     className: "w-full",
     formProps: {
       noValidate: true
@@ -4312,9 +4295,9 @@ var Segment = function Segment(_ref) {
     }
   }, /*#__PURE__*/React.createElement(Pane$1.Body, null, /*#__PURE__*/React.createElement(Input, {
     className: "w-full",
-    label: t("segments.name"),
+    label: t("neetoFilters.segments.name"),
     name: "name",
-    placeholder: t("segments.segmentName"),
+    placeholder: t("neetoFilters.segments.segmentName"),
     ref: inputRef
   })), /*#__PURE__*/React.createElement(Pane$1.Footer, {
     className: "flex items-center space-x-2"
@@ -4328,9 +4311,9 @@ var Segment = function Segment(_ref) {
   })))), /*#__PURE__*/React.createElement(Alert, {
     isOpen: isUpdateAlertOpen,
     isSubmitting: isUpdating,
-    message: t("segments.updateSegmentMessage"),
-    submitButtonLabel: t("common.update"),
-    title: t("segments.updateSegment"),
+    message: t("neetoFilters.segments.updateSegmentMessage"),
+    submitButtonLabel: t("neetoFilters.common.update"),
+    title: t("neetoFilters.segments.updateSegment"),
     onClose: function onClose() {
       return setIsUpdateAlertOpen(false);
     },
@@ -4363,7 +4346,7 @@ var Bar = function Bar(_ref) {
     key: "keyword",
     type: "text",
     rule: "contains",
-    label: t("labels.keyword")
+    label: t("neetoFilters.labels.keyword")
   }, keyword);
   var filters = buildFiltersFromSearchParams(keyword.value !== "" ? [keywordFilter].concat(_toConsumableArray(columns)) : columns);
   var nonHiddenFilters = removeBy({
@@ -4457,7 +4440,7 @@ var Bar = function Bar(_ref) {
     setIsFilterPaneOpen: setIsPaneOpen
   }), !hideClearButton && /*#__PURE__*/React.createElement(Button, {
     "data-cy": "neeto-filters-bar-clear-btn",
-    label: t("common.clearFilters"),
+    label: t("neetoFilters.common.clearFilters"),
     style: "text",
     onClick: handleClearAll
   }));
@@ -7139,14 +7122,14 @@ var Boolean = function Boolean(_ref) {
     handleApplyFilter(updatedFilter);
   };
   return /*#__PURE__*/React.createElement(Select, _extends$1({
-    isClearable: true,
     autoFocus: autoFocus,
-    "data-cy": "neeto-filters-".concat(key, "-filter"),
     label: label,
     options: options,
-    strategy: "fixed",
     value: value,
-    placeholder: t("messages.selectOption", {
+    isClearable: true,
+    "data-cy": "neeto-filters-".concat(key, "-filter"),
+    strategy: "fixed",
+    placeholder: t("neetoFilters.messages.selectOption", {
       resource: label.toLocaleLowerCase()
     }),
     onChange: handleChange
@@ -7212,14 +7195,14 @@ var Datetime = function Datetime(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
   }, /*#__PURE__*/React.createElement(Select, {
-    isClearable: true,
     autoFocus: autoFocus,
     label: label,
+    isClearable: true,
     "data-cy": "neeto-filters-".concat(key, "-filter"),
     options: DATE_OPTIONS,
     strategy: "fixed",
     value: selectedRule,
-    placeholder: t("messages.selectResource", {
+    placeholder: t("neetoFilters.messages.selectResource", {
       resource: label.toLocaleLowerCase()
     }),
     onChange: handleChange
@@ -7275,14 +7258,14 @@ var Dropdown = function Dropdown(_ref) {
   };
   return /*#__PURE__*/React.createElement(Select, _extends$1({
     autoFocus: autoFocus,
+    label: label,
+    options: options,
+    value: value,
     "data-cy": "neeto-filters-".concat(key, "-filter"),
     isClearable: !defaultValue && isClearable,
     isMulti: isMulti(defaultType),
-    label: label,
-    options: options,
     strategy: "fixed",
-    value: value,
-    placeholder: t("messages.selectResource", {
+    placeholder: t("neetoFilters.messages.selectResource", {
       resource: label.toLocaleLowerCase()
     }),
     onChange: handleChange
@@ -7526,9 +7509,9 @@ var Text = function Text(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
   }, showRuleSelector && /*#__PURE__*/React.createElement(Select, {
+    label: label,
     "data-cy": "neeto-filters-".concat(key, "-filter-rule"),
     defaultValue: ruleOptions[0],
-    label: label,
     options: ruleOptions,
     strategy: "fixed",
     value: selectedRule,
@@ -7539,7 +7522,7 @@ var Text = function Text(_ref) {
     label: !showRuleSelector && label,
     type: inputType,
     value: inputValue,
-    placeholder: t("messages.enterResource", {
+    placeholder: t("neetoFilters.messages.enterResource", {
       resource: label.toLocaleLowerCase()
     }),
     onChange: function onChange(event) {
@@ -7592,14 +7575,14 @@ var Time = function Time(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
   }, /*#__PURE__*/React.createElement(Select, {
-    isClearable: true,
     autoFocus: autoFocus,
     label: label,
     value: value,
+    isClearable: true,
     "data-cy": "neeto-filters-".concat(key, "-filter"),
     options: TIME_OPTIONS,
     strategy: "fixed",
-    placeholder: t("messages.selectResource", {
+    placeholder: t("neetoFilters.messages.selectResource", {
       resource: label.toLocaleLowerCase()
     }),
     onChange: handleChange
@@ -7754,7 +7737,7 @@ var Pane = function Pane(_ref) {
     key: "keyword",
     type: "text",
     rule: "contains",
-    label: t("labels.keyword")
+    label: t("neetoFilters.labels.keyword")
   }, keyword);
   var handleClearAll = function handleClearAll() {
     keyword.setValue("");
@@ -7789,25 +7772,25 @@ var Pane = function Pane(_ref) {
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "h2",
     weight: "semibold"
-  }, t("common.filters"))), /*#__PURE__*/React.createElement(Slider.Body, {
+  }, t("neetoFilters.common.filters"))), /*#__PURE__*/React.createElement(Slider.Body, {
     className: "neeto-filters-pane-filter__body neeto-ui-pt-2"
   }, isSearchable && /*#__PURE__*/React.createElement(Input$1, {
     autoFocus: true,
     "data-cy": "neeto-filters-column-search",
     prefix: /*#__PURE__*/React.createElement(Search, null),
     value: searchTerm,
-    placeholder: t("messages.searchResources", {
-      resources: t("common.filters").toLocaleLowerCase()
+    placeholder: t("neetoFilters.messages.searchResources", {
+      resources: t("neetoFilters.common.filters").toLocaleLowerCase()
     }),
     onChange: function onChange(event) {
       return setSearchTerm(event.target.value);
     }
   }), ungroupedColumns.map(function (column) {
     return /*#__PURE__*/React.createElement(Item, {
-      autoFocus: column.key === isOpen,
       column: column,
       filters: filters,
       onClose: onClose,
+      autoFocus: column.key === isOpen,
       key: column.key,
       onChange: handleChange
     });
@@ -7827,27 +7810,27 @@ var Pane = function Pane(_ref) {
       title: group
     }, columns.map(function (column) {
       return /*#__PURE__*/React.createElement(Item, {
-        autoFocus: column.key === isOpen,
         column: column,
         filters: filters,
+        autoFocus: column.key === isOpen,
         key: column.key,
         onChange: handleChange
       });
     }));
   })), isEmpty(ungroupedColumns) && isEmpty(groupedColumns) && /*#__PURE__*/React.createElement(Typography, {
     style: "body2"
-  }, t("messages.noResourcesFound", {
-    resources: t("common.columns").toLocaleLowerCase()
+  }, t("neetoFilters.messages.noResourcesFound", {
+    resources: t("neetoFilters.common.columns").toLocaleLowerCase()
   })), children), /*#__PURE__*/React.createElement(Slider.Footer, {
     className: "neeto-filters-pane-filter__footer"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     "data-cy": "neeto-filters-done-btn",
-    label: t("common.done"),
+    label: t("neetoFilters.common.done"),
     onClick: onClose
   }), /*#__PURE__*/React.createElement(Button, {
     "data-cy": "neeto-filters-clear-btn",
     disabled: isClearFiltersDisabled,
-    label: t("common.clearFilters"),
+    label: t("neetoFilters.common.clearFilters"),
     style: "text",
     onClick: handleClearAll
   })))));
@@ -7892,7 +7875,7 @@ var Filters = withT(function (_ref) {
     className: classnames(_defineProperty({}, className, className))
   }, /*#__PURE__*/React.createElement(Button, _extends$1({
     "data-cy": "neeto-filters-toggle-btn",
-    label: t("common.filter"),
+    label: t("neetoFilters.common.filter"),
     style: "secondary",
     onClick: function onClick() {
       return setIsOpen(true);
@@ -7944,16 +7927,16 @@ var DeleteAlert = function DeleteAlert(_ref) {
   };
   return /*#__PURE__*/React.createElement(Alert, {
     isOpen: isOpen,
+    onClose: onClose,
     isSubmitting: isDeleting,
-    submitButtonLabel: t("common.delete"),
-    title: t("segments.deleteAlertTitle"),
+    submitButtonLabel: t("neetoFilters.common.delete"),
+    title: t("neetoFilters.segments.deleteAlertTitle"),
     message: /*#__PURE__*/React.createElement(Trans, {
-      i18nKey: "segments.deleteAlertMessage",
+      i18nKey: "neetoFilters.segments.deleteAlertMessage",
       values: {
         entity: segment.name
       }
     }),
-    onClose: onClose,
     onSubmit: handleDelete
   });
 };
@@ -7986,7 +7969,7 @@ var Card = function Card(_ref) {
     });
   };
   return /*#__PURE__*/React.createElement(Form, {
-    className: "flex w-full items-center justify-between rounded-md border p-2",
+    className: "neeto-ui-rounded-md flex w-full items-center justify-between border p-2",
     formProps: {
       noValidate: true
     },
@@ -8003,7 +7986,7 @@ var Card = function Card(_ref) {
       autoFocus: true,
       nakedInput: true,
       name: "name",
-      placeholder: t("segments.name")
+      placeholder: t("neetoFilters.segments.name")
     }), /*#__PURE__*/React.createElement(ActionBlock, {
       cancelButtonProps: {
         icon: Close,
@@ -8030,14 +8013,14 @@ var Card = function Card(_ref) {
         setIsEditing(true);
         resetForm();
       }
-    }, t("common.rename")), /*#__PURE__*/React.createElement(MenuItem.Button, {
+    }, t("neetoFilters.common.rename")), /*#__PURE__*/React.createElement(MenuItem.Button, {
       onClick: function onClick() {
         return setIsDeleteAlertOpen(true);
       }
-    }, t("common.delete"))))), /*#__PURE__*/React.createElement(DeleteAlert, {
+    }, t("neetoFilters.common.delete"))))), /*#__PURE__*/React.createElement(DeleteAlert, {
       columns: columns,
-      isOpen: isDeleteAlertOpen,
       segment: segment,
+      isOpen: isDeleteAlertOpen,
       onClose: function onClose() {
         return setIsDeleteAlertOpen(false);
       }
@@ -8067,16 +8050,16 @@ var ManagePane = function ManagePane(_ref) {
     segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
     isLoading = _useFetchSegments.isLoading;
   return /*#__PURE__*/React.createElement(Pane$1, {
-    initialFocusRef: inputRef,
     isOpen: isOpen,
-    onClose: onClose
+    onClose: onClose,
+    initialFocusRef: inputRef
   }, /*#__PURE__*/React.createElement(Pane$1.Header, null, /*#__PURE__*/React.createElement(Typography, {
     style: "h2"
-  }, t("segments.manageSegments"))), /*#__PURE__*/React.createElement(Pane$1.Body, {
+  }, t("neetoFilters.segments.manageSegments"))), /*#__PURE__*/React.createElement(Pane$1.Body, {
     className: "max-h-full gap-4 overflow-scroll"
   }, /*#__PURE__*/React.createElement(Input$1, {
     className: "w-full flex-grow-0",
-    placeholder: t("segments.searchSegments"),
+    placeholder: t("neetoFilters.segments.searchSegments"),
     prefix: /*#__PURE__*/React.createElement(Search, null),
     ref: inputRef,
     type: "search",
@@ -8090,11 +8073,11 @@ var ManagePane = function ManagePane(_ref) {
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, isEmpty(segments) ? /*#__PURE__*/React.createElement(Typography, {
     className: "mx-auto",
     style: "body2"
-  }, t("segments.noSegmentsFound")) : segments.map(function (segment) {
+  }, t("neetoFilters.segments.noSegmentsFound")) : segments.map(function (segment) {
     return /*#__PURE__*/React.createElement(Card$1, {
       columns: columns,
-      key: segment.id,
-      segment: segment
+      segment: segment,
+      key: segment.id
     });
   }))));
 };
@@ -8149,12 +8132,12 @@ var MenuBlocks = function MenuBlocks(_ref) {
   if (isEmpty(segments)) {
     return /*#__PURE__*/React.createElement(Typography, {
       style: "body2"
-    }, t("segments.noSegmentsFound"));
+    }, t("neetoFilters.segments.noSegmentsFound"));
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/React.createElement(Button, {
     icon: Down,
     style: "link",
-    label: showAll ? t("segments.showLess") : t("segments.showMoreNumbers", {
+    label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
       entity: segments.length - ITEMS_MAX_COUNT
     }),
     onClick: function onClick() {
@@ -8205,7 +8188,7 @@ var Segments = function Segments(_ref) {
       });
     },
     tooltipProps: {
-      content: t("segments.searchSegments"),
+      content: t("neetoFilters.segments.searchSegments"),
       position: "top"
     }
   }, {
@@ -8215,7 +8198,7 @@ var Segments = function Segments(_ref) {
       setIsSegmentsPaneOpen(true);
     },
     tooltipProps: {
-      content: t("segments.manageSegments"),
+      content: t("neetoFilters.segments.manageSegments"),
       position: "top"
     }
   }];
@@ -8226,10 +8209,10 @@ var Segments = function Segments(_ref) {
     style: "h5",
     textTransform: "uppercase",
     weight: "bold"
-  }, t("common.segments"))), /*#__PURE__*/React.createElement(MenuBar.Search, {
+  }, t("neetoFilters.common.segments"))), /*#__PURE__*/React.createElement(MenuBar.Search, {
     autoFocus: true,
     isCollapsed: isSearchCollapsed,
-    placeholder: t("segments.searchSegments"),
+    placeholder: t("neetoFilters.segments.searchSegments"),
     value: searchTerm,
     onChange: function onChange(_ref2) {
       var value = _ref2.target.value;