@webitel/ui-datalist 26.8.17 → 26.8.18

package/src/modules/filters/modules/filterConfig/components/case-status/filterConfig.ts

@@ -0,0 +1,40 @@
+import {
+	CaseStatusConditionsAPI,
+	CaseStatusesAPI as CaseStatusesApi,
+} from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
+
+import {
+	type FilterConfigBaseParams,
+	type FilterConfigSearchRequestParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
+import { FilterOption } from '../../enums/FilterOption';
+import CaseStatusFilterValueField from './case-status-filter-value-field.vue';
+import CaseStatusFilterValuePreview from './case-status-filter-value-preview.vue';
+
+class CaseStatusFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseStatus;
+	valueInputComponent = CaseStatusFilterValueField;
+	valuePreviewComponent = CaseStatusFilterValuePreview;
+
+	searchStatuses = gateFilterSearch(WtObject.Status, CaseStatusesApi.getLookup);
+	searchConditions = gateFilterSearch(
+		WtObject.Status,
+		CaseStatusConditionsAPI.getLookup,
+	);
+
+	async searchRecords(params: FilterConfigSearchRequestParams) {
+		const value = params.id;
+		return this.searchConditions({
+			parentId: value?.selection,
+			id: value?.conditions,
+		});
+	}
+}
+
+export type { CaseStatusFilterConfig };
+
+export const createCaseStatusFilterConfig = (params?: FilterConfigBaseParams) =>
+	new CaseStatusFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/case-status/index.ts

@@ -0,0 +1,10 @@
+import CaseStatusFilterValueField from './case-status-filter-value-field.vue';
+import CaseStatusFilterValuePreview from './case-status-filter-value-preview.vue';
+import { createCaseStatusFilterConfig } from './filterConfig';
+
+export type * from './filterConfig';
+export {
+	CaseStatusFilterValueField,
+	CaseStatusFilterValuePreview,
+	createCaseStatusFilterConfig,
+};

package/src/modules/filters/modules/filterConfig/components/contact/contact-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
+    :disabled="!hasReadAccess"
+    :search-method="lookupSearchMethod"
     :model-value="model"
     :v="!disableValidation && v$.model"
     option-value="id"
@@ -13,14 +14,17 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { searchMethod } from './config.js';
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
 const props = defineProps<{
+	filterConfig: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -33,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Contact);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

package/src/modules/filters/modules/filterConfig/components/contact/index.ts

@@ -0,0 +1,22 @@
+import { ContactsAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
+
+import {
+	type FilterConfigBaseParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
+import { FilterOption } from '../../enums/FilterOption';
+import ContactFilterValueField from './contact-filter-value-field.vue';
+import ContactFilterValuePreview from './contact-filter-value-preview.vue';
+
+class ContactFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.Contact;
+	valueInputComponent = ContactFilterValueField;
+	valuePreviewComponent = ContactFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Contact, ContactsAPI.getLookup);
+}
+
+export const createContactFilterConfig = (params?: FilterConfigBaseParams) =>
+	new ContactFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/contact-group/contact-group-filter-value-field.vue

@@ -1,12 +1,13 @@
 <template>
   <wt-multi-select
+    v-bind="$attrs"
     :label="labelValue"
-    :search-method="props.filterConfig.searchRecords"
+    :disabled="!hasReadAccess"
+    :search-method="searchMethod"
     :v="!disableValidation && vList"
     :model-value="value.list"
     data-key="id"
     option-value="id"
-    v-bind="$attrs"
     @update:model-value="changeListValue"
   />
   <wt-checkbox
@@ -22,9 +23,11 @@
 import { useVuelidate } from '@vuelidate/core';
 import { requiredIf } from '@vuelidate/validators';
 import { WtCheckbox, WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 import { IContactGroupFilterConfig } from './index';
 
 type ModelValue = {
@@ -79,6 +82,11 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(
+	WtObject.ContactGroup,
+);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	props?.hideLabel ? undefined : t('webitelUI.filters.filterValue'),
 );

package/src/modules/filters/modules/filterConfig/components/contact-group/index.ts

@@ -1,4 +1,5 @@
 import { ContactGroupsAPI as contactGroups } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
 
 import {
 	type FilterConfigBaseParams,
@@ -7,6 +8,7 @@ import {
 	type IWtSysTypeFilterConfig,
 	WtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
 import { FilterOption } from '../../enums/FilterOption';
 import ContactGroupFilterValueField from './contact-group-filter-value-field.vue';
 import ContactGroupFilterValuePreview from './contact-group-filter-value-preview.vue';
@@ -28,7 +30,7 @@ class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
 		}
 	}
 
-	searchRecords(
+	async searchRecords(
 		params: FilterConfigSearchRequestParams,
 		{ filterValue }: FilterConfigSearchFilterContext = {},
 	): Promise<{
@@ -48,7 +50,10 @@ class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
 		const idsCount = Array.isArray(id) ? id.length : 10;
 		const size = idsCount || params.size;
 
-		return contactGroups.getLookup({
+		return gateFilterSearch(
+			WtObject.ContactGroup,
+			contactGroups.getLookup,
+		)({
 			...params,
 			id,
 			size,

package/src/modules/filters/modules/filterConfig/components/contact-label/contact-label-filter-value-field.vue

@@ -1,12 +1,13 @@
 <template>
   <wt-multi-select
+    v-bind="$attrs"
     :label="labelValue"
-    :search-method="props.filterConfig.searchRecords"
+    :disabled="!hasReadAccess"
+    :search-method="searchMethod"
     :v="!disableValidation && v$?.model"
     :model-value="model"
     option-label="label"
     data-key="label"
-    v-bind="$attrs"
     @update:model-value="handleInput"
   />
 </template>
@@ -15,10 +16,12 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 const props = defineProps<{
 	filterConfig: WtSysTypeFilterConfig;
@@ -37,6 +40,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Contact);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const labelValue = computed(() =>
 	props?.hideLabel ? undefined : t('webitelUI.filters.filterValue'),
 );

package/src/modules/filters/modules/filterConfig/components/contact-label/index.ts

@@ -1,4 +1,5 @@
 import { LabelsAPI as contactLabels } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
 
 import {
 	type FilterConfigBaseParams,
@@ -6,6 +7,7 @@ import {
 	type FilterConfigSearchRequestParams,
 	WtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
 import { FilterOption } from '../../enums/FilterOption';
 import ContactLabelFilterValueField from './contact-label-filter-value-field.vue';
 import ContactLabelFilterValuePreview from './contact-label-filter-value-preview.vue';
@@ -15,7 +17,7 @@ class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = ContactLabelFilterValueField;
 	valuePreviewComponent = ContactLabelFilterValuePreview;
 
-	searchRecords(
+	async searchRecords(
 		params: FilterConfigSearchRequestParams,
 		{
 			filterValue,
@@ -32,11 +34,11 @@ class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
 		//   For label preview component no need to call the API, so we return filterValue back to the searchRecords method and display it
 
 		if (filterValue)
-			return Promise.resolve({
+			return {
 				items: filterValue,
-			});
+			};
 
-		return contactLabels.getLookup(params);
+		return gateFilterSearch(WtObject.Contact, contactLabels.getLookup)(params);
 	}
 }
 

package/src/modules/filters/modules/filterConfig/components/contact-owner/contact-owner-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
-    :search-method="props.filterConfig.searchRecords"
+    :disabled="!hasReadAccess"
+    :search-method="searchMethod"
     :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
@@ -13,10 +14,12 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 const props = defineProps<{
 	filterConfig: WtSysTypeFilterConfig;
@@ -34,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.User);
+const searchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

package/src/modules/filters/modules/filterConfig/components/contact-owner/index.ts

@@ -1,9 +1,11 @@
 import { UsersAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
 
 import {
 	type FilterConfigBaseParams,
 	WtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
 import { FilterOption } from '../../enums/FilterOption';
 import ContactOwnerFilterValueField from './contact-owner-filter-value-field.vue';
 import ContactOwnerFilterValuePreview from './contact-owner-filter-value-preview.vue';
@@ -13,12 +15,7 @@ class ContactOwnerFilterConfig extends WtSysTypeFilterConfig {
 	valueInputComponent = ContactOwnerFilterValueField;
 	valuePreviewComponent = ContactOwnerFilterValuePreview;
 
-	searchRecords(params: object): Promise<{
-		items: unknown[];
-		next?: boolean;
-	}> {
-		return UsersAPI.getLookup(params);
-	}
+	searchRecords = gateFilterSearch(WtObject.User, UsersAPI.getLookup);
 }
 
 export const createContactOwnerFilterConfig = (

package/src/modules/filters/modules/filterConfig/components/gateway/gateway-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="labelValue"
-    :search-method="searchGateway"
+    :disabled="!hasReadAccess"
+    :search-method="lookupSearchMethod"
     :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
@@ -13,18 +14,19 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
-import { searchMethod } from './config.js';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
 const model = defineModel<ModelValue>();
 
 const props = defineProps<{
-	filterConfig?: WtSysTypeFilterConfig;
+	filterConfig: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -35,6 +37,8 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Gateway);
+
 const labelValue = computed(() => {
 	const value = props?.filterConfig?.showFilterName
 		? props?.filterConfig.name
@@ -60,13 +64,7 @@ onMounted(() => {
 	if (!props.disableValidation) v$.value.$touch();
 });
 
-const searchGateway = async (params: { search?: string }) => {
-	return params.search
-		? await searchMethod({
-				name: params.search,
-			})
-		: await searchMethod(params);
-};
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
 
 watch(
 	() => v$.value.$invalid,

package/src/modules/filters/modules/filterConfig/components/gateway/index.ts

@@ -0,0 +1,31 @@
+import { GatewaysAPI } from '@webitel/api-services/api';
+import { WtObject } from '@webitel/ui-sdk/enums';
+
+import {
+	type FilterConfigBaseParams,
+	type FilterConfigSearchRequestParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
+import { FilterOption } from '../../enums/FilterOption';
+import GatewayFilterValueField from './gateway-filter-value-field.vue';
+import GatewayFilterValuePreview from './gateway-filter-value-preview.vue';
+
+class GatewayFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.Gateway;
+	valueInputComponent = GatewayFilterValueField;
+	valuePreviewComponent = GatewayFilterValuePreview;
+
+	searchRecords = gateFilterSearch(
+		WtObject.Gateway,
+		(params: FilterConfigSearchRequestParams) =>
+			params.search
+				? GatewaysAPI.getLookup({
+						name: params.search,
+					})
+				: GatewaysAPI.getLookup(params),
+	);
+}
+
+export const createGatewayFilterConfig = (params?: FilterConfigBaseParams) =>
+	new GatewayFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/grantee/grantee-filter-value-field.vue

@@ -1,7 +1,8 @@
 <template>
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
+    :disabled="!hasReadAccess"
+    :search-method="lookupSearchMethod"
     :model-value="model"
     :v="!disableValidation && v$.model"
     option-value="id"
@@ -13,14 +14,17 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { searchMethod } from './config.js';
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
 
 type ModelValue = number[];
 
 const props = defineProps<{
+	filterConfig: WtSysTypeFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -33,6 +37,9 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Role);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

package/src/modules/filters/modules/filterConfig/components/grantee/index.ts

@@ -0,0 +1,22 @@
+import RolesAPI from '@webitel/ui-sdk/api/clients/roles/roles';
+import { WtObject } from '@webitel/ui-sdk/enums';
+
+import {
+	type FilterConfigBaseParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
+import { gateFilterSearch } from '../../composables/useFilterReadAccess';
+import { FilterOption } from '../../enums/FilterOption';
+import GranteeFilterValueField from './grantee-filter-value-field.vue';
+import GranteeFilterValuePreview from './grantee-filter-value-preview.vue';
+
+class GranteeFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.Grantee;
+	valueInputComponent = GranteeFilterValueField;
+	valuePreviewComponent = GranteeFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Role, RolesAPI.getLookup);
+}
+
+export const createGranteeFilterConfig = (params?: FilterConfigBaseParams) =>
+	new GranteeFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/index.ts

@@ -1,14 +1,13 @@
 import type { Component } from 'vue';
 
-import type { FilterConfigSearchMethodParams } from '../classes/FilterConfig';
 import { FilterOption } from '../enums/FilterOption';
 import DateTimeOptionsFilterValueField from './_shared/date-time-filter/date-time-options/date-time-options-filter-value-field.vue';
 import DateTimeOptionsFilterValuePreview from './_shared/date-time-filter/date-time-options/date-time-options-filter-value-preview.vue';
 import StringFilterValueField from './_shared/string-filter/string-filter-value-field.vue';
 import StringFilterValuePreview from './_shared/string-filter/string-filter-value-preview.vue';
+import { createAgentFilterConfig } from './agent';
 import AgentFilter from './agent/agent-filter-value-field.vue';
 import AgentFilterPreview from './agent/agent-filter-value-preview.vue';
-import { searchMethod as agentSearchMethod } from './agent/config';
 import AgentStatusFilter from './agent-status/agent-status-filter-value-field.vue';
 import AgentStatusFilterPreview from './agent-status/agent-status-filter-value-preview.vue';
 import AmdResultFilter from './amd-result/amd-result-filter-value-field.vue';
@@ -28,41 +27,41 @@ import CaseActualReactionTimeFilterValuePreview from './case-actual-reaction-tim
 import CaseActualResolutionTimeFilterValueField from './case-actual-resolution-time/case-actual-resolution-time-filter-value-field.vue';
 import CaseActualResolutionTimeFilterValuePreview from './case-actual-resolution-time/case-actual-resolution-time-filter-value-preview.vue';
 import { createCaseAssigneeFilterConfig } from './case-assignee';
+import { createCaseAuthorFilterConfig } from './case-author';
 import CaseAuthorFilterValueField from './case-author/case-author-filter-value-field.vue';
 import CaseAuthorFilterValuePreview from './case-author/case-author-filter-value-preview.vue';
-import { searchMethod as caseAuthorSearchMethod } from './case-author/config';
+import { createCaseCloseReasonGroupsFilterConfig } from './case-close-reason-groups';
 import CaseCloseReasonGroupsFilterValueField from './case-close-reason-groups/case-close-reason-groups-filter-value-field.vue';
 import CaseCloseReasonGroupsFilterValuePreview from './case-close-reason-groups/case-close-reason-groups-filter-value-preview.vue';
-import { caseCloseReasonsSearchMethod } from './case-close-reason-groups/config';
+import { createCaseImpactedFilterConfig } from './case-impacted';
 import CaseImpactedFilterValueField from './case-impacted/case-impacted-filter-value-field.vue';
 import CaseImpactedFilterValuePreview from './case-impacted/case-impacted-filter-value-preview.vue';
-import { searchMethod as caseImpactedSearchMethod } from './case-impacted/config';
+import { createCasePriorityFilterConfig } from './case-priority';
 import CasePriorityFilterValueField from './case-priority/case-priority-filter-value-field.vue';
 import CasePriorityFilterValuePreview from './case-priority/case-priority-filter-value-preview.vue';
-import { searchMethod as casePrioritySearchMethod } from './case-priority/config';
 import CaseReactionTimeFilterValueField from './case-reaction-time/case-reaction-time-filter-value-field.vue';
 import CaseReactionTimeFilterValuePreview from './case-reaction-time/case-reaction-time-filter-value-preview.vue';
+import { createCaseReporterFilterConfig } from './case-reporter';
 import CaseReporterFilterValueField from './case-reporter/case-reporter-filter-value-field.vue';
 import CaseReporterFilterValuePreview from './case-reporter/case-reporter-filter-value-preview.vue';
-import { searchMethod as caseReporterSearchMethod } from './case-reporter/config';
 import CaseResolutionTimeFilterValueField from './case-resolution-time/case-resolution-time-filter-value-field.vue';
 import CaseResolutionTimeFilterValuePreview from './case-resolution-time/case-resolution-time-filter-value-preview.vue';
+import { createCaseServiceFilterConfig } from './case-service';
 import CaseServiceFilterValueField from './case-service/case-service-filter-value-field.vue';
 import CaseServiceFilterValuePreview from './case-service/case-service-filter-value-preview.vue';
-import { servicesSearchMethod } from './case-service/config';
+import { createCaseSlaFilterConfig } from './case-sla';
 import CaseSlaFilterValueField from './case-sla/case-sla-filter-value-field.vue';
 import CaseSlaFilterValuePreview from './case-sla/case-sla-filter-value-preview.vue';
-import { searchMethod as caseSlaSearchMethod } from './case-sla/config';
+import { createCaseSlaConditionFilterConfig } from './case-sla-condition';
 import CaseSlaConditionFilterValueField from './case-sla-condition/case-sla-condition-filter-value-field.vue';
 import CaseSlaConditionFilterValuePreview from './case-sla-condition/case-sla-condition-filter-value-preview.vue';
-import { slasConditionsSearchMethod } from './case-sla-condition/config';
+import { createCaseSourceFilterConfig } from './case-source';
 import CaseSourceFilterValueField from './case-source/case-source-filter-value-field.vue';
 import CaseSourceFilterValuePreview from './case-source/case-source-filter-value-preview.vue';
-import { searchMethod as caseSourceSearchMethod } from './case-source/config';
+import { createCaseStatusFilterConfig } from './case-status';
 import CaseStatusFilterValueField from './case-status/case-status-filter-value-field.vue';
 import CaseStatusFilterValuePreview from './case-status/case-status-filter-value-preview.vue';
-import { caseStatusConditionsSearchMethod } from './case-status/config';
-import { searchMethod as contactSearchMethod } from './contact/config';
+import { createContactFilterConfig } from './contact';
 import ContactFilter from './contact/contact-filter-value-field.vue';
 import ContactFilterPreview from './contact/contact-filter-value-preview.vue';
 import { createContactGroupFilterConfig } from './contact-group';
@@ -74,10 +73,10 @@ import ContactLabelFilterPreview from './contact-label/contact-label-filter-valu
 import { createContactOwnerFilterConfig } from './contact-owner';
 import ContactOwnerFilter from './contact-owner/contact-owner-filter-value-field.vue';
 import ContactOwnerFilterPreview from './contact-owner/contact-owner-filter-value-preview.vue';
-import { searchMethod as gatewaySearchMethod } from './gateway/config';
+import { createGatewayFilterConfig } from './gateway';
 import GatewayFilter from './gateway/gateway-filter-value-field.vue';
 import GatewayFilterPreview from './gateway/gateway-filter-value-preview.vue';
-import { searchMethod as granteeSearchMethod } from './grantee/config';
+import { createGranteeFilterConfig } from './grantee';
 import GranteeFilter from './grantee/grantee-filter-value-field.vue';
 import GranteeFilterPreview from './grantee/grantee-filter-value-preview.vue';
 import HangupCauseFilterValueField from './hangup-cause/hangup-cause-filter-value-field.vue';
@@ -99,7 +98,7 @@ import QueuePeriodFilter from './queue-period/queue-period-filter-value-field.vu
 import QueuePeriodFilterPreview from './queue-period/queue-period-filter-value-preview.vue';
 import QueueTypeFilter from './queue-type/queue-type-filter-value-field.vue';
 import QueueTypeFilterPreview from './queue-type/queue-type-filter-value-preview.vue';
-import { searchMethod as ratedBySearchMethod } from './rated-by/config';
+import { createRatedByFilterConfig } from './rated-by';
 import RatedByFilter from './rated-by/rated-by-filter-value-field.vue';
 import RatedByFilterPreview from './rated-by/rated-by-filter-value-preview.vue';
 import RatingFromToFilter from './rating/rating-from-to-filter-value-field.vue';
@@ -129,7 +128,7 @@ import TeamFilter from './team/team-filter-value-field.vue';
 import TeamFilterPreview from './team/team-filter-value-preview.vue';
 import TotalDurationFilter from './total-duration/total-duration-filter-value-field.vue';
 import TotalDurationFilterPreview from './total-duration/total-duration-filter-value-preview.vue';
-import { searchMethod as userSearchMethod } from './user/config';
+import { createUserFilterConfig } from './user';
 import UserFilter from './user/user-filter-value-field.vue';
 import UserFilterPreview from './user/user-filter-value-preview.vue';
 import UtilizationProgressFilter from './utilization-progress/utilization-progress-filter-value-field.vue';
@@ -371,58 +370,33 @@ export const FilterOptionToPreviewComponentMap: Record<
 	[FilterOption.HasAttachment]: HasAttachmentFilterPreview,
 };
 
-export const FilterOptionToPreviewApiSearchMethodMap: Record<
-	FilterOption,
-	(...params: FilterConfigSearchMethodParams) => Promise<{
-		items: unknown[];
-		next?: boolean;
-	}>
-> = {
-	[FilterOption.Agent]: agentSearchMethod,
-	[FilterOption.Gateway]: gatewaySearchMethod,
-	[FilterOption.Grantee]: granteeSearchMethod,
-	[FilterOption.RatedBy]: ratedBySearchMethod,
-	[FilterOption.CaseReporter]: caseReporterSearchMethod,
-	[FilterOption.CaseSla]: caseSlaSearchMethod,
-	[FilterOption.CaseService]: servicesSearchMethod,
-	[FilterOption.CaseSource]: caseSourceSearchMethod,
-	[FilterOption.CaseStatus]: ({ id: value }) =>
-		caseStatusConditionsSearchMethod({
-			parentId: value?.selection,
-			id: value?.conditions,
-		}),
-	[FilterOption.User]: userSearchMethod,
-	[FilterOption.CaseAuthor]: caseAuthorSearchMethod,
-	[FilterOption.CasePriority]: casePrioritySearchMethod,
-	[FilterOption.CaseImpacted]: caseImpactedSearchMethod,
-	[FilterOption.Contact]: contactSearchMethod,
-	[FilterOption.CaseCloseReasonGroups]: ({ id: value, ...rest }) => {
-		return caseCloseReasonsSearchMethod({
-			parentId: value?.selection,
-			id: value?.conditions,
-			...rest,
-		});
-	},
-	[FilterOption.CaseSlaCondition]: ({ id: value, ...rest }) => {
-		return slasConditionsSearchMethod({
-			parentId: value?.selection,
-			id: value?.conditions,
-			...rest,
-		});
-	},
-};
-
 export const FilterOptionToFilterConfigCreatorMap = {
+	[FilterOption.Agent]: createAgentFilterConfig,
+	[FilterOption.Auditor]: createAuditorFilterConfig,
+	[FilterOption.Bucket]: createBucketFilterConfig,
 	[FilterOption.CaseAssignee]: createCaseAssigneeFilterConfig,
+	[FilterOption.CaseAuthor]: createCaseAuthorFilterConfig,
+	[FilterOption.CaseCloseReasonGroups]: createCaseCloseReasonGroupsFilterConfig,
+	[FilterOption.CaseImpacted]: createCaseImpactedFilterConfig,
+	[FilterOption.CasePriority]: createCasePriorityFilterConfig,
+	[FilterOption.CaseReporter]: createCaseReporterFilterConfig,
+	[FilterOption.CaseService]: createCaseServiceFilterConfig,
+	[FilterOption.CaseSla]: createCaseSlaFilterConfig,
+	[FilterOption.CaseSlaCondition]: createCaseSlaConditionFilterConfig,
+	[FilterOption.CaseSource]: createCaseSourceFilterConfig,
+	[FilterOption.CaseStatus]: createCaseStatusFilterConfig,
+	[FilterOption.Contact]: createContactFilterConfig,
+	[FilterOption.ContactGroup]: createContactGroupFilterConfig,
 	[FilterOption.ContactLabel]: createContactLabelFilterConfig,
 	[FilterOption.ContactOwner]: createContactOwnerFilterConfig,
-	[FilterOption.ContactGroup]: createContactGroupFilterConfig,
-	[FilterOption.Team]: createTeamFilterConfig,
+	[FilterOption.Gateway]: createGatewayFilterConfig,
+	[FilterOption.Grantee]: createGranteeFilterConfig,
 	[FilterOption.Queue]: createQueueFilterConfig,
+	[FilterOption.QueueTags]: createQueueTagsFilterConfig,
+	[FilterOption.RatedBy]: createRatedByFilterConfig,
+	[FilterOption.Region]: createRegionFilterConfig,
 	[FilterOption.Skill]: createSkillFilterConfig,
 	[FilterOption.Supervisor]: createSupervisorFilterConfig,
-	[FilterOption.Auditor]: createAuditorFilterConfig,
-	[FilterOption.Region]: createRegionFilterConfig,
-	[FilterOption.Bucket]: createBucketFilterConfig,
-	[FilterOption.QueueTags]: createQueueTagsFilterConfig,
+	[FilterOption.Team]: createTeamFilterConfig,
+	[FilterOption.User]: createUserFilterConfig,
 };