@webitel/ui-datalist 26.8.17 → 26.8.18

package/src/modules/filters/modules/filterConfig/components/case-close-reason-groups/filterConfig.ts

@@ -0,0 +1,44 @@
+import {
+	CaseCloseReasonGroupsAPI,
+	CaseCloseReasonsAPI,
+} 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 CaseCloseReasonGroupsFilterValueField from './case-close-reason-groups-filter-value-field.vue';
+import CaseCloseReasonGroupsFilterValuePreview from './case-close-reason-groups-filter-value-preview.vue';
+
+class CaseCloseReasonGroupsFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseCloseReasonGroups;
+	valueInputComponent = CaseCloseReasonGroupsFilterValueField;
+	valuePreviewComponent = CaseCloseReasonGroupsFilterValuePreview;
+
+	searchGroups = gateFilterSearch(
+		WtObject.CloseReasonGroup,
+		CaseCloseReasonGroupsAPI.getLookup,
+	);
+	searchConditions = gateFilterSearch(
+		WtObject.CloseReasonGroup,
+		CaseCloseReasonsAPI.getLookup,
+	);
+
+	async searchRecords({ id: value, ...rest }: FilterConfigSearchRequestParams) {
+		return this.searchConditions({
+			parentId: value?.selection,
+			id: value?.conditions,
+			...rest,
+		});
+	}
+}
+
+export type { CaseCloseReasonGroupsFilterConfig };
+
+export const createCaseCloseReasonGroupsFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new CaseCloseReasonGroupsFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/case-close-reason-groups/index.ts

@@ -0,0 +1,10 @@
+import CaseCloseReasonGroupsFilterValueField from './case-close-reason-groups-filter-value-field.vue';
+import CaseCloseReasonGroupsFilterValuePreview from './case-close-reason-groups-filter-value-preview.vue';
+import { createCaseCloseReasonGroupsFilterConfig } from './filterConfig';
+
+export type * from './filterConfig';
+export {
+	CaseCloseReasonGroupsFilterValueField,
+	CaseCloseReasonGroupsFilterValuePreview,
+	createCaseCloseReasonGroupsFilterConfig,
+};

package/src/modules/filters/modules/filterConfig/components/case-impacted/case-impacted-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"
     :v="!disableValidation && v$.model"
     :model-value="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/case-impacted/index.ts

@@ -0,0 +1,23 @@
+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 CaseImpactedFilterValueField from './case-impacted-filter-value-field.vue';
+import CaseImpactedFilterValuePreview from './case-impacted-filter-value-preview.vue';
+
+class CaseImpactedFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseImpacted;
+	valueInputComponent = CaseImpactedFilterValueField;
+	valuePreviewComponent = CaseImpactedFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Contact, ContactsAPI.getLookup);
+}
+
+export const createCaseImpactedFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new CaseImpactedFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/case-priority/case-priority-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"
     :v="!disableValidation && v$.model"
     :model-value="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;
 }>();
 
@@ -34,6 +38,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Priorities);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

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

@@ -0,0 +1,26 @@
+import { CasePrioritiesAPI } 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 CasePriorityFilterValueField from './case-priority-filter-value-field.vue';
+import CasePriorityFilterValuePreview from './case-priority-filter-value-preview.vue';
+
+class CasePriorityFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CasePriority;
+	valueInputComponent = CasePriorityFilterValueField;
+	valuePreviewComponent = CasePriorityFilterValuePreview;
+
+	searchRecords = gateFilterSearch(
+		WtObject.Priorities,
+		CasePrioritiesAPI.getLookup,
+	);
+}
+
+export const createCasePriorityFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new CasePriorityFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/case-reporter/case-reporter-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"
     :v="!disableValidation && v$.model"
     :model-value="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/case-reporter/index.ts

@@ -0,0 +1,23 @@
+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 CaseReporterFilterValueField from './case-reporter-filter-value-field.vue';
+import CaseReporterFilterValuePreview from './case-reporter-filter-value-preview.vue';
+
+class CaseReporterFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseReporter;
+	valueInputComponent = CaseReporterFilterValueField;
+	valuePreviewComponent = CaseReporterFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Contact, ContactsAPI.getLookup);
+}
+
+export const createCaseReporterFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new CaseReporterFilterConfig(params);

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

@@ -14,20 +14,27 @@
 
 <script lang="ts" setup>
 import { WtTree } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import deepCopy from 'deep-copy';
 import { onMounted, ref } from 'vue';
 
-import { searchMethod } from './config.js';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
+import type { CaseServiceFilterConfig } from './filterConfig';
 
 type ModelValue = string[];
+
+const props = defineProps<{
+	filterConfig: CaseServiceFilterConfig;
+}>();
+
 const model = defineModel<ModelValue>({
 	default: (): ModelValue => [],
 });
 
-const catalogData = ref([]);
+const catalogData = ref<unknown[]>([]);
 
 const loadCatalogs = async () => {
-	const { items } = await searchMethod({
+	const { items } = await props.filterConfig.searchCatalogs({
 		size: -1, // To get all catalogs with services we need to pass size -1
 		fields: [
 			'id',
@@ -39,14 +46,20 @@ const loadCatalogs = async () => {
 		hasSubservices: true,
 	});
 
-	catalogData.value = deepCopy(items);
+	catalogData.value = deepCopy(items ?? []);
 };
 
 if (!model.value) {
 	model.value = [];
 }
 
-onMounted(loadCatalogs);
+const { hasReadAccess } = useFilterReadAccess(WtObject.ServiceCatalog);
+
+onMounted(() => {
+	if (hasReadAccess.value) {
+		loadCatalogs();
+	}
+});
 </script>
 
 <style lang="scss" scoped>

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

@@ -0,0 +1,33 @@
+import { ServiceCatalogsAPI, ServicesAPI } 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 CaseServiceFilterValueField from './case-service-filter-value-field.vue';
+import CaseServiceFilterValuePreview from './case-service-filter-value-preview.vue';
+
+class CaseServiceFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseService;
+	valueInputComponent = CaseServiceFilterValueField;
+	valuePreviewComponent = CaseServiceFilterValuePreview;
+
+	searchCatalogs = gateFilterSearch(
+		WtObject.ServiceCatalog,
+		ServiceCatalogsAPI.getList,
+	);
+
+	searchRecords = gateFilterSearch(
+		WtObject.ServiceCatalog,
+		ServicesAPI.getLookup,
+	);
+}
+
+export type { CaseServiceFilterConfig };
+
+export const createCaseServiceFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new CaseServiceFilterConfig(params);

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

@@ -0,0 +1,10 @@
+import CaseServiceFilterValueField from './case-service-filter-value-field.vue';
+import CaseServiceFilterValuePreview from './case-service-filter-value-preview.vue';
+import { createCaseServiceFilterConfig } from './filterConfig';
+
+export type * from './filterConfig';
+export {
+	CaseServiceFilterValueField,
+	CaseServiceFilterValuePreview,
+	createCaseServiceFilterConfig,
+};

package/src/modules/filters/modules/filterConfig/components/case-sla/case-sla-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"
     :v="!disableValidation && v$.model"
     :model-value="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;
 }>();
 
@@ -34,6 +38,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Slas);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

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

@@ -0,0 +1,22 @@
+import { SlasAPI } 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 CaseSlaFilterValueField from './case-sla-filter-value-field.vue';
+import CaseSlaFilterValuePreview from './case-sla-filter-value-preview.vue';
+
+class CaseSlaFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseSla;
+	valueInputComponent = CaseSlaFilterValueField;
+	valuePreviewComponent = CaseSlaFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Slas, SlasAPI.getLookup);
+}
+
+export const createCaseSlaFilterConfig = (params?: FilterConfigBaseParams) =>
+	new CaseSlaFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/case-sla-condition/case-sla-condition-filter-value-field.vue

@@ -3,7 +3,8 @@
     <wt-single-select
       :show-clear="false"
       :label="t('cases.appliedSLA')"
-      :search-method="slasSearchMethod"
+      :disabled="!hasReadAccess"
+      :search-method="slasLookupSearchMethod"
       :v="!disableValidation && vSelection"
       :model-value="value.selection"
       data-key="id"
@@ -14,9 +15,9 @@
     <wt-multi-select
       v-if="value.selection"
       :key="value.selection"
-      :disabled="!value.selection"
+      :disabled="!hasReadAccess || !value.selection"
       :label="t('webitelUI.filters.filterValue')"
-      :search-method="getConditionList"
+      :search-method="conditionsSearchMethod"
       :v="!disableValidation && vConditions"
       :model-value="value.conditions"
       data-key="id"
@@ -30,12 +31,15 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect, WtSingleSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { slasConditionsSearchMethod, slasSearchMethod } from './config.js';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
+import type { CaseSlaConditionFilterConfig } from './filterConfig';
 
 const props = defineProps<{
+	filterConfig: CaseSlaConditionFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -51,6 +55,8 @@ const model = defineModel<ModelValue>({
 });
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Slas);
+
 const value = computed<ModelValue>(
 	() =>
 		model.value ?? {
@@ -77,12 +83,15 @@ const updateSelected = (selection: string) => {
 };
 
 const getConditionList = async (params: Record<string, unknown>) => {
-	return await slasConditionsSearchMethod({
+	return await props.filterConfig.searchConditions({
 		parentId: value.value.selection,
 		...params,
 	});
 };
 
+const slasLookupSearchMethod = gateSearch(props.filterConfig.searchSlas);
+const conditionsSearchMethod = gateSearch(getConditionList);
+
 const v$ = useVuelidate<{
 	model: ModelValue;
 }>(

package/src/modules/filters/modules/filterConfig/components/case-sla-condition/filterConfig.ts

@@ -0,0 +1,38 @@
+import { SLAConditionsAPI, SlasAPI } 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 CaseSlaConditionFilterValueField from './case-sla-condition-filter-value-field.vue';
+import CaseSlaConditionFilterValuePreview from './case-sla-condition-filter-value-preview.vue';
+
+class CaseSlaConditionFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseSlaCondition;
+	valueInputComponent = CaseSlaConditionFilterValueField;
+	valuePreviewComponent = CaseSlaConditionFilterValuePreview;
+
+	searchSlas = gateFilterSearch(WtObject.Slas, SlasAPI.getLookup);
+	searchConditions = gateFilterSearch(
+		WtObject.Slas,
+		SLAConditionsAPI.getLookup,
+	);
+
+	async searchRecords({ id: value, ...rest }: FilterConfigSearchRequestParams) {
+		return this.searchConditions({
+			parentId: value?.selection,
+			id: value?.conditions,
+			...rest,
+		});
+	}
+}
+
+export type { CaseSlaConditionFilterConfig };
+
+export const createCaseSlaConditionFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new CaseSlaConditionFilterConfig(params);

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

@@ -0,0 +1,10 @@
+import CaseSlaConditionFilterValueField from './case-sla-condition-filter-value-field.vue';
+import CaseSlaConditionFilterValuePreview from './case-sla-condition-filter-value-preview.vue';
+import { createCaseSlaConditionFilterConfig } from './filterConfig';
+
+export type * from './filterConfig';
+export {
+	CaseSlaConditionFilterValueField,
+	CaseSlaConditionFilterValuePreview,
+	createCaseSlaConditionFilterConfig,
+};

package/src/modules/filters/modules/filterConfig/components/case-source/case-source-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"
     :v="!disableValidation && v$.model"
     :model-value="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;
 }>();
 
@@ -34,6 +38,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Source);
+const lookupSearchMethod = gateSearch(props.filterConfig.searchRecords);
+
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {

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

@@ -0,0 +1,22 @@
+import { CaseSourcesAPI } 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 CaseSourceFilterValueField from './case-source-filter-value-field.vue';
+import CaseSourceFilterValuePreview from './case-source-filter-value-preview.vue';
+
+class CaseSourceFilterConfig extends WtSysTypeFilterConfig {
+	readonly name = FilterOption.CaseSource;
+	valueInputComponent = CaseSourceFilterValueField;
+	valuePreviewComponent = CaseSourceFilterValuePreview;
+
+	searchRecords = gateFilterSearch(WtObject.Source, CaseSourcesAPI.getLookup);
+}
+
+export const createCaseSourceFilterConfig = (params?: FilterConfigBaseParams) =>
+	new CaseSourceFilterConfig(params);

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

@@ -3,7 +3,8 @@
     <wt-single-select
       :show-clear="false"
       :label="t('cases.status')"
-      :search-method="caseStatusesSearchMethod"
+      :disabled="!hasReadAccess"
+      :search-method="statusesSearchMethod"
       :v="!disableValidation && vSelection"
       :model-value="value.selection"
       data-key="id"
@@ -14,9 +15,9 @@
     <wt-multi-select
       v-if="value.selection"
       :key="value.selection"
-      :disabled="!value.selection"
+      :disabled="!hasReadAccess || !value.selection"
       :label="t('webitelUI.filters.filterValue')"
-      :search-method="getConditionList"
+      :search-method="conditionsSearchMethod"
       :v="!disableValidation && vConditions"
       :model-value="value.conditions"
       data-key="id"
@@ -30,15 +31,15 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtMultiSelect, WtSingleSelect } from '@webitel/ui-sdk/components';
+import { WtObject } from '@webitel/ui-sdk/enums';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import {
-	caseStatusConditionsSearchMethod,
-	caseStatusesSearchMethod,
-} from './config.js';
+import { useFilterReadAccess } from '../../composables/useFilterReadAccess';
+import type { CaseStatusFilterConfig } from './filterConfig';
 
 const props = defineProps<{
+	filterConfig: CaseStatusFilterConfig;
 	disableValidation?: boolean;
 }>();
 
@@ -54,6 +55,8 @@ const model = defineModel<ModelValue>({
 });
 const { t } = useI18n();
 
+const { hasReadAccess, gateSearch } = useFilterReadAccess(WtObject.Status);
+
 const value = computed<ModelValue>(
 	() =>
 		model.value ?? {
@@ -80,12 +83,15 @@ const updateSelected = (selection: string) => {
 };
 
 const getConditionList = (params: Record<string, unknown>) => {
-	return caseStatusConditionsSearchMethod({
+	return props.filterConfig.searchConditions({
 		parentId: value.value.selection,
 		...params,
 	});
 };
 
+const statusesSearchMethod = gateSearch(props.filterConfig.searchStatuses);
+const conditionsSearchMethod = gateSearch(getConditionList);
+
 const v$ = useVuelidate<{
 	model: ModelValue;
 }>(