@webitel/ui-sdk 24.10.3 → 24.10.5

package/src/components/wt-slider/wt-slider.vue

@@ -79,11 +79,13 @@ export default {
   },
   emits: ['input'],
   computed: {
-    progressStyle() { // To achieve the correct color styling:
+    progressStyle() {
+      // To achieve the correct color styling:
       const progressPercent = ((this.value - this.min) / (this.max - this.min)) * 100;
       return `linear-gradient(to right, var(--wt-slider-background-completed-color) ${progressPercent}%, var(--wt-slider-background-color) 0%)`;
     },
-    verticalHeight() { // in order to have correct parent height after slider rotation
+    verticalHeight() {
+      // in order to have correct parent height after slider rotation
       return this.vertical ? `${this.height}px` : '100%';
     },
   },

package/src/components/wt-status-select/wt-status-select.vue

@@ -59,17 +59,21 @@ export default {
       return this.statusOptions.find((option) => option.value === this.status);
     },
     statusOptions() {
-      return this.options ? this.options
+      return this.options
+        ? this.options
         : StatusOptions.map((opt) => ({
-          ...opt,
-          text: this.$t(opt.locale),
-        }));
+            ...opt,
+            text: this.$t(opt.locale),
+          }));
     },
     availableOptions() {
       return this.statusOptions.reduce((options, opt) => {
         // PAUSE option is always passed
-        if ((this.status === opt.value && opt.value !== AgentStatus.PAUSE)
-          || opt.value === AgentStatus.BREAK_OUT) { // skip breakout option
+        if (
+          (this.status === opt.value && opt.value !== AgentStatus.PAUSE) ||
+          opt.value === AgentStatus.BREAK_OUT
+        ) {
+          // skip breakout option
           return options;
         }
         return [...options, opt];

package/src/components/wt-stepper/wt-stepper.vue

@@ -47,10 +47,12 @@ const props = defineProps({
 
 const description = computed(() => props.steps[props.activeStep - 1].description);
 
-const stepWithCompleted = computed(() => props.steps.map((item, idx) => ({
-  ...item,
-  completed: props.activeStep > idx,
-})));
+const stepWithCompleted = computed(() =>
+  props.steps.map((item, idx) => ({
+    ...item,
+    completed: props.activeStep > idx,
+  })),
+);
 </script>
 
 <style lang="scss">

package/src/components/wt-switcher/wt-switcher.vue

@@ -66,9 +66,7 @@ export default {
       description: 'Object with props, passed down to wt-label as props',
     },
   },
-  emits: [
-    'change',
-  ],
+  emits: ['change'],
   methods: {
     inputHandler() {
       this.$emit('change', !this.value);

package/src/components/wt-table/__tests__/WtTable.spec.js

@@ -69,8 +69,7 @@ describe('WtTable', () => {
         gridActions: false,
       },
     });
-    expect(wrapper.findAll('.wt-table__tr__head th').length)
-    .toBe(headers.length);
+    expect(wrapper.findAll('.wt-table__tr__head th').length).toBe(headers.length);
   });
 
   it('do not renders table footer by default', () => {
@@ -117,9 +116,7 @@ describe('WtTable', () => {
         sortable: true,
       },
     });
-    expect(wrapper
-    .find('.wt-table__th--sortable .wt-table__th__sort-arrow')
-    .exists()).toBe(true);
+    expect(wrapper.find('.wt-table__th--sortable .wt-table__th__sort-arrow').exists()).toBe(true);
   });
 
   it('selects all rows at header checkbox click', async () => {

package/src/components/wt-table/wt-table.vue

@@ -156,10 +156,7 @@ export default {
       default: true,
     },
   },
-  emits: [
-    'sort',
-    'update:selected',
-  ],
+  emits: ['sort', 'update:selected'],
 
   data: () => ({}),
 
@@ -175,16 +172,19 @@ export default {
 
     dataHeaders() {
       return this.headers
-      .filter((header) => header.show === undefined || header.show)
-      .map((header) => {
-        if (!header.text && header.locale) {
-          return {
-            ...header,
-            text: typeof header.locale === 'string' ? this.$t(header.locale) : this.$t(...header.locale),
-          };
-        }
-        return header;
-      });
+        .filter((header) => header.show === undefined || header.show)
+        .map((header) => {
+          if (!header.text && header.locale) {
+            return {
+              ...header,
+              text:
+                typeof header.locale === 'string'
+                  ? this.$t(header.locale)
+                  : this.$t(...header.locale),
+            };
+          }
+          return header;
+        });
     },
 
     columnsStyle() {
@@ -248,7 +248,10 @@ export default {
         if (select) {
           this.$emit('update:selected', [...this._selected, row]);
         } else {
-          this.$emit('update:selected', this._selected.filter((item) => item !== row));
+          this.$emit(
+            'update:selected',
+            this._selected.filter((item) => item !== row),
+          );
         }
       } else {
         // for backwards compatibility
@@ -256,7 +259,6 @@ export default {
       }
     },
   },
-
 };
 </script>
 

package/src/components/wt-table-column-select/wt-table-column-select.vue

@@ -74,7 +74,8 @@ export default {
     headers: {
       type: Array,
       required: true,
-      description: 'Each header should have following schema: { value: String, show: Boolean, text: String }',
+      description:
+        'Each header should have following schema: { value: String, show: Boolean, text: String }',
     },
     staticHeaders: {
       type: Array,
@@ -82,19 +83,19 @@ export default {
       description: 'Header values to exclude from selection',
     },
   },
-  emits: [
-    'change',
-  ],
+  emits: ['change'],
   data: () => ({
     draft: [], // headers draft
     isColumnSelectPopup: false,
   }),
   computed: {
     changeableDraft() {
-      return this.draft.filter((header) => !this.staticHeaders.includes(header.value)).sort((a, b) => {
-        return this.shownColLabel(a).localeCompare(this.shownColLabel(b));
-        // sorting headers for alphabet just in popup
-      });
+      return this.draft
+        .filter((header) => !this.staticHeaders.includes(header.value))
+        .sort((a, b) => {
+          return this.shownColLabel(a).localeCompare(this.shownColLabel(b));
+          // sorting headers for alphabet just in popup
+        });
     },
   },
 

package/src/components/wt-tabs/wt-tabs.vue

@@ -58,9 +58,7 @@ export default {
       default: false,
     },
   },
-  emits: [
-    'change',
-  ],
+  emits: ['change'],
   data: () => ({
     activeLineWidth: 0,
     activeLineOffset: 0,

package/src/components/wt-tags-input/mixin/taggableMixin.js

@@ -6,17 +6,18 @@ export default {
     tag(searchQuery, id) {
       this.emitTagEvent(searchQuery, id);
 
-      const tag = this.trackBy ? {
-        [this.optionLabel || 'name']: searchQuery,
-        [this.trackBy]: id || searchQuery,
-      } : searchQuery;
+      const tag = this.trackBy
+        ? {
+            [this.optionLabel || 'name']: searchQuery,
+            [this.trackBy]: id || searchQuery,
+          }
+        : searchQuery;
 
       const isTagExist = (newTag) => {
         if (typeof newTag === 'string') {
           return this.options.some((elem) => elem === newTag);
         }
-        return this.options.some((elem) => elem[this.trackBy] ===
-          newTag[this.trackBy]);
+        return this.options.some((elem) => elem[this.trackBy] === newTag[this.trackBy]);
       };
 
       if (isTagExist(tag)) return;
@@ -33,4 +34,3 @@ export default {
     },
   },
 };
-

package/src/components/wt-textarea/__tests__/WtTextarea.spec.js

@@ -30,8 +30,7 @@ describe('WtTextarea', () => {
       },
       props: { chatMode: true },
     });
-    wrapper.find('.wt-textarea__textarea')
-    .trigger('keypress', { key: 'Enter' });
+    wrapper.find('.wt-textarea__textarea').trigger('keypress', { key: 'Enter' });
     expect(wrapper.emitted().enter).toBeTruthy();
   });
 
@@ -41,8 +40,7 @@ describe('WtTextarea', () => {
         WtLabel,
       },
     });
-    wrapper.find('.wt-textarea__textarea')
-    .trigger('keypress', { key: 'Enter' });
+    wrapper.find('.wt-textarea__textarea').trigger('keypress', { key: 'Enter' });
     expect(wrapper.emitted().enter).toBeFalsy();
   });
 });

package/src/components/wt-textarea/wt-textarea.vue

@@ -136,8 +136,9 @@ export default {
       // cant test this thing cause vue test utils doesnt render elements width :/
       const afterWrapperWidth = this.$refs['after-wrapper'].offsetWidth;
       const inputEl = this.$refs['wt-textarea'];
-      const defaultInputPadding = getComputedStyle(document.documentElement)
-      .getPropertyValue('--textarea-padding');
+      const defaultInputPadding = getComputedStyle(document.documentElement).getPropertyValue(
+        '--textarea-padding',
+      );
       inputEl.style.paddingRight = `calc(${defaultInputPadding} * 2 + ${afterWrapperWidth}px)`;
     },
   },

package/src/components/wt-timepicker/wt-timepicker.vue

@@ -129,9 +129,7 @@ export default {
     },
     sec: {
       get() {
-        return this.dateMode
-          ? new Date(+this.value).getSeconds()
-          : Math.floor(this.value % 60);
+        return this.dateMode ? new Date(+this.value).getSeconds() : Math.floor(this.value % 60);
       },
       set(value) {
         const newValue = this.dateMode

package/src/components/wt-tooltip/_internals/useTooltipTriggerSubscriptions.js

@@ -19,9 +19,7 @@ const HIDE_EVENT_MAP = {
 };
 
 // eslint-disable-next-line import/prefer-default-export
-export const useTooltipTriggerSubscriptions = ({
-                                                 target, triggers, show, hide,
-                                               }) => {
+export const useTooltipTriggerSubscriptions = ({ target, triggers, show, hide }) => {
   const subscribeTriggers = () => {
     const setEventListeners = (target, triggers) => {
       triggers.forEach((trigger) => {

package/src/components/wt-tooltip/_internals/wt-tooltip-floating.vue

@@ -9,13 +9,13 @@
 
 <script setup>
 /*
-* We need to create separate floating component so that we could set
-* eventListeners on it at mount
-*
-* wt-tooltip itself can't do it, because floating is rendered conditionally
-* through v-if so that there's no way to attach eventListeners to floating
-* on tooltip mount
-* */
+ * We need to create separate floating component so that we could set
+ * eventListeners on it at mount
+ *
+ * wt-tooltip itself can't do it, because floating is rendered conditionally
+ * through v-if so that there's no way to attach eventListeners to floating
+ * on tooltip mount
+ * */
 
 import { ref } from 'vue';
 import { useTooltipTriggerSubscriptions } from './useTooltipTriggerSubscriptions.js';
@@ -27,10 +27,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits([
-  'show',
-  'hide',
-]);
+const emit = defineEmits(['show', 'hide']);
 
 const floating = ref(null);
 
@@ -40,7 +37,6 @@ useTooltipTriggerSubscriptions({
   show: () => emit('show'),
   hide: () => emit('hide'),
 });
-
 </script>
 
 <style lang="scss" scoped>

package/src/components/wt-tooltip/wt-tooltip.vue

@@ -29,10 +29,10 @@
 
 <script setup>
 import { autoPlacement, autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/vue';
-import { onMounted, onBeforeUnmount, ref, watch } from 'vue';
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import debounce from '../../scripts/debounce.js';
 import { useTooltipTriggerSubscriptions } from './_internals/useTooltipTriggerSubscriptions.js';
 import WtTooltipFloating from './_internals/wt-tooltip-floating.vue';
-import debounce from '../../scripts/debounce.js';
 
 const props = defineProps({
   visible: {
@@ -103,10 +103,7 @@ const { floatingStyles } = useFloating(activator, floating, {
   TOGGLE BECAUSE OF PERFORMANCE ISSUES, RELATED TO USAGE OF AUTO_UPDATE OF POSITIONS
   */
   whileElementsMounted: autoUpdate, // https://floating-ui.com/docs/vue#anchoring
-  middleware: [
-    shift(), offset(4),
-    props.placement === 'auto' ? autoPlacement() : flip(),
-  ],
+  middleware: [shift(), offset(4), props.placement === 'auto' ? autoPlacement() : flip()],
 });
 
 useTooltipTriggerSubscriptions({
@@ -116,18 +113,21 @@ useTooltipTriggerSubscriptions({
   hide: hideTooltip,
 });
 
-watch(() => props.visible, (value) => {
-  if (value) showTooltip();
-  else hideTooltip();
-});
+watch(
+  () => props.visible,
+  (value) => {
+    if (value) showTooltip();
+    else hideTooltip();
+  },
+);
 
 onMounted(() => {
   if (props.visible) showTooltip();
 });
 
-onBeforeUnmount( () => {
-  removeScrollListener()
-})
+onBeforeUnmount(() => {
+  removeScrollListener();
+});
 </script>
 
 <style lang="scss">

package/src/composables/useCachedInterval/__tests__/useCachedInterval.spec.js

@@ -6,9 +6,11 @@ describe('useCachedInterval', () => {
     const { subscribe } = useCachedInterval({ timeout: 10 });
     subscribe(callback);
     expect(callback).toHaveBeenCalledTimes(1);
-    return await new Promise((resolve, reject) => setTimeout(() => {
-      expect(callback).toHaveBeenCalledTimes(2);
-      resolve();
-    }, 10));
+    return await new Promise((resolve, reject) =>
+      setTimeout(() => {
+        expect(callback).toHaveBeenCalledTimes(2);
+        resolve();
+      }, 10),
+    );
   });
 });

package/src/composables/useCachedInterval/useCachedInterval.js

@@ -1,20 +1,15 @@
 import { onBeforeUnmount } from 'vue';
-import preventHiddenPageCallsDecorator
-  from '../../scripts/preventHiddenPageCallsDecorator.js';
+import preventHiddenPageCallsDecorator from '../../scripts/preventHiddenPageCallsDecorator.js';
 
 // eslint-disable-next-line import/prefer-default-export
-export const useCachedInterval = ({
-                                    timeout,
-                                    localStorageKey = 'auto-refresh',
-                                  }) => {
+export const useCachedInterval = ({ timeout, localStorageKey = 'auto-refresh' }) => {
   let interval = null;
 
   onBeforeUnmount(() => {
     if (interval) clearInterval(interval);
   });
   const subscribe = (callback) => {
-    const _timeout = timeout || +localStorage.getItem(localStorageKey) || 5 *
-      60 * 1000;
+    const _timeout = timeout || +localStorage.getItem(localStorageKey) || 5 * 60 * 1000;
     callback();
     interval = setInterval(preventHiddenPageCallsDecorator(callback), _timeout);
   };

package/src/composables/useRepresentableAgentPauseCause/__tests__/useRepresentableAgentPauseCause.spec.js

@@ -1,82 +1,60 @@
-import {
-  useRepresentableAgentPauseCause,
-} from '../useRepresentableAgentPauseCause.js';
+import { useRepresentableAgentPauseCause } from '../useRepresentableAgentPauseCause.js';
 
 describe('useRepresentableAgentPauseCause', () => {
   it('correctly computes duration', () => {
     const pauseCauses = { value: [{ durationMin: 10, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].duration).toBe('00:10');
   });
   it('isOverflow with limit = 0 returns false', () => {
     const pauseCauses = { value: [{ durationMin: 10, limitMin: 0 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].isOverflow).toBe(false);
   });
   it('isOverflow with duration < limit returns false', () => {
     const pauseCauses = { value: [{ durationMin: 10, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].isOverflow).toBe(false);
   });
   it('isOverflow with duration > limit returns true', () => {
     const pauseCauses = { value: [{ durationMin: 14, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].isOverflow).toBe(true);
   });
 
   it('isOverflow with duration = limit returns false', () => {
     const pauseCauses = { value: [{ durationMin: 12, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].isOverflow).toBe(false);
   });
 
   it('correctly computes progressColor', () => {
     const pauseCauses = { value: [{ durationMin: 10, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].progressColor).toBe('primary');
   });
 
   it('correctly computes progressColor with duration > limit', () => {
     const pauseCauses = { value: [{ durationMin: 14, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].progressColor).toBe('error');
   });
 
   it('correctly computes progressColor with duration < limit', () => {
     const pauseCauses = { value: [{ durationMin: 3, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].progressColor).toBe('success');
   });
 
   it('correctly computes progressColor with duration = limit', () => {
     const pauseCauses = { value: [{ durationMin: 12, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].progressColor).toBe('primary');
   });
 
   it('correctly computes limit', () => {
     const pauseCauses = { value: [{ durationMin: 12, limitMin: 12 }] };
-    const {
-      representablePauseCause,
-    } = useRepresentableAgentPauseCause(pauseCauses);
+    const { representablePauseCause } = useRepresentableAgentPauseCause(pauseCauses);
     expect(representablePauseCause.value[0].limit).toBe('00:12');
   });
 });

package/src/composables/useRepresentableAgentPauseCause/useRepresentableAgentPauseCause.js

@@ -8,7 +8,7 @@ const prettifyPauseCauseDuration = (min) => {
 };
 
 const isDurationOverflow = ({ durationMin, limitMin }) => {
-  return (durationMin > limitMin) && limitMin !== 0;
+  return durationMin > limitMin && limitMin !== 0;
 };
 
 const duration = ({ durationMin, limitMin }) => {
@@ -19,19 +19,21 @@ const duration = ({ durationMin, limitMin }) => {
 
 const pauseCauseProgressColor = ({ durationMin, limitMin }) => {
   if (isDurationOverflow({ durationMin, limitMin })) return 'error';
-  if (durationMin <= (limitMin * 0.75)) return 'success';
+  if (durationMin <= limitMin * 0.75) return 'success';
   return 'primary';
 };
 
 // eslint-disable-next-line import/prefer-default-export
 export const useRepresentableAgentPauseCause = (pauseCauses) => {
-  const representablePauseCause = computed(() => pauseCauses.value.map((pauseCause) => ({
-    ...pauseCause,
-    duration: duration(pauseCause),
-    progressColor: pauseCauseProgressColor(pauseCause),
-    isOverflow: isDurationOverflow(pauseCause),
-    limit: prettifyPauseCauseDuration(pauseCause.limitMin),
-  })));
+  const representablePauseCause = computed(() =>
+    pauseCauses.value.map((pauseCause) => ({
+      ...pauseCause,
+      duration: duration(pauseCause),
+      progressColor: pauseCauseProgressColor(pauseCause),
+      isOverflow: isDurationOverflow(pauseCause),
+      limit: prettifyPauseCauseDuration(pauseCause.limitMin),
+    })),
+  );
 
   return { representablePauseCause };
 };

package/src/enums/WebitelApplications/AdminSections.enum.js

@@ -1,45 +1,45 @@
 const AdminSections = Object.freeze({
   // DIRECTORY
-  LICENSE: 'license',                   // permissions: add
-  USERS: 'users',                       // scope: users
-  DEVICES: 'devices',                   // scope: devices
+  LICENSE: 'license', // permissions: add
+  USERS: 'users', // scope: users
+  DEVICES: 'devices', // scope: devices
 
   // ROUTING
-  FLOW: 'flow',                          // scope: flow
-  DIALPLAN: 'dialplan',                  // scope: acr_routing
-  GATEWAYS: 'gateways',                  // scope: gateways
-  CHATPLAN: 'chatplan',                  // scope: acr_routing
-  CHAT_GATEWAYS: 'chat-gateways',        // scope: chats
+  FLOW: 'flow', // scope: flow
+  DIALPLAN: 'dialplan', // scope: acr_routing
+  GATEWAYS: 'gateways', // scope: gateways
+  CHATPLAN: 'chatplan', // scope: acr_routing
+  CHAT_GATEWAYS: 'chat-gateways', // scope: chats
 
   // LOOKUPS
-  BLACKLIST: 'blacklist',                // scope: cc_list
-  REGIONS: 'regions',                    // scope: lookups
-  CALENDARS: 'calendars',                // scope: calendars
-  COMMUNICATIONS: 'communications',      // scope: lookups
-  PAUSE_CAUSE: 'pause-cause',            // scope: lookups
-  MEDIA: 'media',                        // scope: media_file
+  BLACKLIST: 'blacklist', // scope: cc_list
+  REGIONS: 'regions', // scope: lookups
+  CALENDARS: 'calendars', // scope: calendars
+  COMMUNICATIONS: 'communications', // scope: lookups
+  PAUSE_CAUSE: 'pause-cause', // scope: lookups
+  MEDIA: 'media', // scope: media_file
 
   // CONTACT CENTER
-  SKILLS: 'skills',                     // scope: lookups
-  AGENTS: 'agents',                      // scope: cc_agent
-  BUCKETS: 'buckets',                    // scope: cc_bucket
-  QUEUES: 'queues',                      // scope: cc_queue
-  MEMBERS: 'members',                    // scope: cc_queue
-  RESOURCE_GROUPS: 'resource-groups',    // scope: cc_resource_group
-  RESOURCES: 'resources',               // scope: cc_resource
-  TEAMS: 'teams',                       // scope: cc_team
+  SKILLS: 'skills', // scope: lookups
+  AGENTS: 'agents', // scope: cc_agent
+  BUCKETS: 'buckets', // scope: cc_bucket
+  QUEUES: 'queues', // scope: cc_queue
+  MEMBERS: 'members', // scope: cc_queue
+  RESOURCE_GROUPS: 'resource-groups', // scope: cc_resource_group
+  RESOURCES: 'resources', // scope: cc_resource
+  TEAMS: 'teams', // scope: cc_team
 
   // INTEGRATIONS
-  STORAGE: 'storage',                   // scope: storage_profile
-  COGNITIVE_PROFILES: 'cognitive-profiles',  // scope: cognitive_profile
-  EMAIL_PROFILES: 'email-profiles',  // scope: email_profile
-  SINGLE_SIGN_ON: 'single-sign-on',  // scope: single-sign-on
+  STORAGE: 'storage', // scope: storage_profile
+  COGNITIVE_PROFILES: 'cognitive-profiles', // scope: cognitive_profile
+  EMAIL_PROFILES: 'email-profiles', // scope: email_profile
+  SINGLE_SIGN_ON: 'single-sign-on', // scope: single-sign-on
   IMPORT_CSV: 'import-csv',
   TRIGGERS: 'triggers',
 
   // PERMISSIONS
-  OBJECTS: 'objects',                // permissions: add
-  ROLES: 'roles',                   // scope: roles
+  OBJECTS: 'objects', // permissions: add
+  ROLES: 'roles', // scope: roles
 
   // SYSTEM
   CHANGELOGS: 'changelogs',

package/src/enums/WebitelApplications/CrmSections.enum.js

@@ -1,6 +1,6 @@
 const CrmSections = Object.freeze({
   CONTACTS: 'contacts',
-  CONFIGURATION: 'configuration'
+  CONFIGURATION: 'configuration',
 });
 
 export default CrmSections;