@webitel/ui-sdk 24.10.2 → 24.10.4

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;

package/src/locale/en/en.js

@@ -5,18 +5,13 @@ import {
   ChannelType,
   EngineRoutingSchemaType,
 } from 'webitel-sdk';
-import ChatGatewayProvider
-  from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
+import ChatGatewayProvider from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
 import QueueType from '../../enums/QueueType/QueueType.enum.js';
-import AdminSections
-  from '../../enums/WebitelApplications/AdminSections.enum.js';
-import AuditorSections
-  from '../../enums/WebitelApplications/AuditorSections.enum.js';
+import AdminSections from '../../enums/WebitelApplications/AdminSections.enum.js';
+import AuditorSections from '../../enums/WebitelApplications/AuditorSections.enum.js';
 import CrmSections from '../../enums/WebitelApplications/CrmSections.enum.js';
-import SupervisorSections
-  from '../../enums/WebitelApplications/SupervisorSections.enum.js';
-import WebitelApplications
-  from '../../enums/WebitelApplications/WebitelApplications.enum.js';
+import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum.js';
+import WebitelApplications from '../../enums/WebitelApplications/WebitelApplications.enum.js';
 import { snakeToCamel } from '../../scripts/caseConverters.js';
 
 export default {
@@ -57,7 +52,7 @@ export default {
     retry: 'Retry',
     downloadAll: 'Download all',
     warning: 'Warning',
-    doNotSave: 'Don\'t save',
+    doNotSave: "Don't save",
     required: 'Required',
     copy: 'Copy',
     new: 'New',
@@ -340,8 +335,8 @@ export default {
         text: 'Sorry, you have not enough privileges to see this page.',
       },
       page404: {
-        title: 'Looks like you\'re lost',
-        text: 'Sorry, we can\'t find the page you want.',
+        title: "Looks like you're lost",
+        text: "Sorry, we can't find the page you want.",
       },
     },
     copyAction: {
@@ -362,7 +357,8 @@ export default {
     },
     deleteConfirmationPopup: {
       title: 'Confirm deletion',
-      askingAlert: 'Are you sure you want\n to delete {count} record? | Are you sure you want\n to delete {count} records?',
+      askingAlert:
+        'Are you sure you want\n to delete {count} record? | Are you sure you want\n to delete {count} records?',
       deleteAll: 'ALL',
     },
     dummy: {
@@ -376,7 +372,8 @@ export default {
       },
       statusSelectErrorPopup: {
         title: 'Attention',
-        message: 'The limit for agents to take a pause has been exceeded. The pause is unavailable right now.',
+        message:
+          'The limit for agents to take a pause has been exceeded. The pause is unavailable right now.',
       },
     },
     saveFailedPopup: {

package/src/locale/es/es.js

@@ -6,14 +6,10 @@ import {
   EngineRoutingSchemaType,
 } from 'webitel-sdk';
 import QueueType from '../../enums/QueueType/QueueType.enum.js';
-import AdminSections
-  from '../../enums/WebitelApplications/AdminSections.enum.js';
-import AuditorSections
-  from '../../enums/WebitelApplications/AuditorSections.enum.js';
-import SupervisorSections
-  from '../../enums/WebitelApplications/SupervisorSections.enum.js';
-import WebitelApplications
-  from '../../enums/WebitelApplications/WebitelApplications.enum.js';
+import AdminSections from '../../enums/WebitelApplications/AdminSections.enum.js';
+import AuditorSections from '../../enums/WebitelApplications/AuditorSections.enum.js';
+import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum.js';
+import WebitelApplications from '../../enums/WebitelApplications/WebitelApplications.enum.js';
 import { snakeToCamel } from '../../scripts/caseConverters.js';
 
 export default {

package/src/locale/kz/kz.js

@@ -6,13 +6,10 @@ import {
   EngineRoutingSchemaType,
 } from 'webitel-sdk';
 import QueueType from '../../enums/QueueType/QueueType.enum.js';
-import AdminSections
-  from '../../enums/WebitelApplications/AdminSections.enum.js';
+import AdminSections from '../../enums/WebitelApplications/AdminSections.enum.js';
 import CrmSections from '../../enums/WebitelApplications/CrmSections.enum.js';
-import SupervisorSections
-  from '../../enums/WebitelApplications/SupervisorSections.enum.js';
-import WebitelApplications
-  from '../../enums/WebitelApplications/WebitelApplications.enum.js';
+import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum.js';
+import WebitelApplications from '../../enums/WebitelApplications/WebitelApplications.enum.js';
 import { snakeToCamel } from '../../scripts/caseConverters.js';
 
 export default {
@@ -311,7 +308,8 @@ export default {
     },
     deleteConfirmationPopup: {
       title: 'Жоюды растаңыз',
-      askingAlert: '{count} жазбасын  жойғыңыз келетініне сенімдісіз бе?  | {count} жазбасын  жойғыңыз келетініне сенімдісіз бе?',
+      askingAlert:
+        '{count} жазбасын  жойғыңыз келетініне сенімдісіз бе?  | {count} жазбасын  жойғыңыз келетініне сенімдісіз бе?',
       undoneActionAlert: 'Бұл әрекетті қайтару мүмкін емес.',
       deleteAll: 'БАРЛЫҒЫ',
     },

package/src/locale/ru/ru.js

@@ -5,18 +5,13 @@ import {
   ChannelType,
   EngineRoutingSchemaType,
 } from 'webitel-sdk';
-import ChatGatewayProvider
-  from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
+import ChatGatewayProvider from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
 import QueueType from '../../enums/QueueType/QueueType.enum.js';
-import AdminSections
-  from '../../enums/WebitelApplications/AdminSections.enum.js';
-import AuditorSections
-  from '../../enums/WebitelApplications/AuditorSections.enum.js';
+import AdminSections from '../../enums/WebitelApplications/AdminSections.enum.js';
+import AuditorSections from '../../enums/WebitelApplications/AuditorSections.enum.js';
 import CrmSections from '../../enums/WebitelApplications/CrmSections.enum.js';
-import SupervisorSections
-  from '../../enums/WebitelApplications/SupervisorSections.enum.js';
-import WebitelApplications
-  from '../../enums/WebitelApplications/WebitelApplications.enum.js';
+import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum.js';
+import WebitelApplications from '../../enums/WebitelApplications/WebitelApplications.enum.js';
 import { snakeToCamel } from '../../scripts/caseConverters.js';
 
 export default {
@@ -360,7 +355,8 @@ export default {
     },
     deleteConfirmationPopup: {
       title: 'Подтвердите удаление',
-      askingAlert: 'Вы уверенны, что хотите\n удалить {count} запись? | Вы уверенны, что хотите\n удалить {count} записей?',
+      askingAlert:
+        'Вы уверенны, что хотите\n удалить {count} запись? | Вы уверенны, что хотите\n удалить {count} записей?',
       deleteAll: 'ВСЕ',
     },
     dummy: {

package/src/locale/ua/ua.js

@@ -5,18 +5,13 @@ import {
   ChannelType,
   EngineRoutingSchemaType,
 } from 'webitel-sdk';
-import ChatGatewayProvider
-  from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
+import ChatGatewayProvider from '../../enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
 import QueueType from '../../enums/QueueType/QueueType.enum.js';
-import AdminSections
-  from '../../enums/WebitelApplications/AdminSections.enum.js';
-import AuditorSections
-  from '../../enums/WebitelApplications/AuditorSections.enum.js';
+import AdminSections from '../../enums/WebitelApplications/AdminSections.enum.js';
+import AuditorSections from '../../enums/WebitelApplications/AuditorSections.enum.js';
 import CrmSections from '../../enums/WebitelApplications/CrmSections.enum.js';
-import SupervisorSections
-  from '../../enums/WebitelApplications/SupervisorSections.enum.js';
-import WebitelApplications
-  from '../../enums/WebitelApplications/WebitelApplications.enum.js';
+import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum.js';
+import WebitelApplications from '../../enums/WebitelApplications/WebitelApplications.enum.js';
 import { snakeToCamel } from '../../scripts/caseConverters.js';
 
 export default {
@@ -59,7 +54,7 @@ export default {
     downloadAll: 'Завантажити все',
     warning: 'Попередження',
     doNotSave: 'Не зберігати',
-    required: 'Обов\'язковий',
+    required: "Обов'язковий",
     copy: 'Скопіювати',
     new: 'Новий',
     createdAt: 'Створено',
@@ -118,7 +113,7 @@ export default {
     supervisor: 'Супервізор | Супервізори',
     auditor: 'Аудитор | Аудитори',
     region: 'Регіон | Регіони',
-    communicationType: 'Тип зв\'язку | Типи зв\'язку',
+    communicationType: "Тип зв'язку | Типи зв'язку",
     grantee: 'Отримувач | Отримувачі',
     user: 'Користувач | Користувачі',
     queue: {
@@ -128,7 +123,7 @@ export default {
         [QueueType.OUTBOUND_IVR_QUEUE]: 'Вихідний IVR',
         [QueueType.PREDICTIVE_DIALER]: 'Предиктивний обзвін',
         [QueueType.PROGRESSIVE_DIALER]: 'Прогресивний обзвін',
-        [QueueType.PREVIEW_DIALER]: 'Прев\'ю обзвін',
+        [QueueType.PREVIEW_DIALER]: "Прев'ю обзвін",
         [QueueType.CHAT_INBOUND_QUEUE]: 'Черга чатів',
         [QueueType.INBOUND_JOB_QUEUE]: 'Вхідна черга завдань',
         [QueueType.OUTBOUND_JOB_QUEUE]: 'Вихідна черга завдань',
@@ -168,7 +163,7 @@ export default {
       [ChannelState.Offering]: 'Розподіл',
       [ChannelState.Answered]: 'Прийнятий',
       [ChannelState.Active]: 'Активний',
-      [ChannelState.Bridged]: 'З\'єднаний',
+      [ChannelState.Bridged]: "З'єднаний",
       [ChannelState.Hold]: 'Утримання',
       [ChannelState.Missed]: 'Пропущений',
       [snakeToCamel(ChannelState.WrapTime)]: 'Постобробка',
@@ -230,7 +225,7 @@ export default {
         [AdminSections.BLACKLIST]: 'Cписки',
         [AdminSections.CALENDARS]: 'Календарі',
         [AdminSections.REGIONS]: 'Розташування',
-        [AdminSections.COMMUNICATIONS]: 'Типи зв\'язку',
+        [AdminSections.COMMUNICATIONS]: "Типи зв'язку",
         [AdminSections.PAUSE_CAUSE]: 'Статуси оператора',
         [AdminSections.AGENTS]: 'Оператори',
         [AdminSections.TEAMS]: 'Команди',
@@ -252,7 +247,7 @@ export default {
     },
   },
   validation: {
-    required: 'Обов\'язкове поле',
+    required: "Обов'язкове поле",
     numeric: 'Необхідно ввести цифрові значення',
     email: 'Необхідно ввести адресу електронної пошти',
     gatewayHostValidator: 'Необхідно ввести IPv4 або FQDN',
@@ -360,7 +355,8 @@ export default {
     },
     deleteConfirmationPopup: {
       title: 'Підтвердіть видалення',
-      askingAlert: 'Ви впевнені, що хочете\n видалити {count} запис? | Ви впевнені, що хочете\n видалити {count} записів?',
+      askingAlert:
+        'Ви впевнені, що хочете\n видалити {count} запис? | Ви впевнені, що хочете\n видалити {count} записів?',
       deleteAll: 'ВСІ',
     },
     dummy: {

package/src/mixins/dataFilterMixins/__tests__/enumFilterMixin.spec.js

@@ -21,8 +21,7 @@ const router = createRouter({
 describe('Enum filter mixin', () => {
   let wrapper;
   const Component = {
-    render() {
-    },
+    render() {},
     mixins: [enumFilterMixin],
     data: () => ({
       filterQuery: 'type',