@webitel/ui-sdk 24.10.3 → 24.10.4

package/src/api/crm/contactChatMessagesHistory.js

@@ -1,14 +1,10 @@
+import { ContactsChatCatalogApiFactory } from 'webitel-sdk';
 import {
+  getDefaultGetListResponse,
   getDefaultInstance,
   getDefaultOpenAPIConfig,
-  getDefaultGetListResponse,
 } from '../defaults/index.js';
-import applyTransform, {
-  notify,
-  snakeToCamel,
-  merge,
-} from '../transformers/index.js';
-import { ContactsChatCatalogApiFactory } from 'webitel-sdk';
+import applyTransform, { notify, snakeToCamel, merge } from '../transformers/index.js';
 
 const instance = getDefaultInstance();
 const configuration = getDefaultOpenAPIConfig();
@@ -27,18 +23,12 @@ const getChat = async ({ contactId, chatId }) => {
 
   try {
     const response = await contactChatService.getContactChatHistory(contactId, chatId);
-    const { messages, peers } = applyTransform(response.data, [
-      snakeToCamel(),
-    ]);
+    const { messages, peers } = applyTransform(response.data, [snakeToCamel()]);
     return {
-      items: applyTransform({ messages, peers }, [
-        mergeChatMessagesData,
-      ]).reverse(),
+      items: applyTransform({ messages, peers }, [mergeChatMessagesData]).reverse(),
     };
   } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
+    throw applyTransform(err, [notify]);
   }
 };
 
@@ -61,17 +51,12 @@ const getAllMessages = async ({ id }) => {
       merge(getDefaultGetListResponse()),
     ]);
     return {
-      items: applyTransform({ messages, peers, chats }, [
-        mergeMessagesData,
-      ]).reverse(),
+      items: applyTransform({ messages, peers, chats }, [mergeMessagesData]).reverse(),
       next,
     };
   } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
+    throw applyTransform(err, [notify]);
   }
-
 };
 
 export default {

package/src/api/crm/index.js

@@ -1,5 +1,3 @@
 import contactChatMessagesHistoryHistory from './contactChatMessagesHistory.js';
 
-export {
-  contactChatMessagesHistoryHistory,
-}
+export { contactChatMessagesHistoryHistory };

package/src/api/defaults/getDefaultGetParams/getDefaultGetParams.js

@@ -1,7 +1,4 @@
-const getDefaultGetParams = ({
-                               page = 1,
-                               size = 10,
-                             } = {}) => ({
+const getDefaultGetParams = ({ page = 1, size = 10 } = {}) => ({
   page,
   size,
 });

package/src/api/defaults/getDefaultInstance/getDefaultInstance.js

@@ -1,15 +1,14 @@
 import generateInstance from '../../axios/generateInstance.js';
-import updateTokenInterceptor
-  from '../../interceptors/request/updateToken.interceptor.js';
-import handleUnauthorizedInterceptor
-  from '../../interceptors/response/handleUnauthorized.interceptor.js';
+import updateTokenInterceptor from '../../interceptors/request/updateToken.interceptor.js';
+import handleUnauthorizedInterceptor from '../../interceptors/response/handleUnauthorized.interceptor.js';
 
-const getDefaultInstance = () => generateInstance({
-  interceptors: {
-    request: [updateTokenInterceptor],
-    response: [handleUnauthorizedInterceptor],
-  },
-  baseURL: import.meta.env.VITE_API_URL,
-});
+const getDefaultInstance = () =>
+  generateInstance({
+    interceptors: {
+      request: [updateTokenInterceptor],
+      response: [handleUnauthorizedInterceptor],
+    },
+    baseURL: import.meta.env.VITE_API_URL,
+  });
 
 export default getDefaultInstance;

package/src/api/defaults/getDefaultOpenAPIConfig/getDefaultOpenAPIConfig.js

@@ -1,9 +1,10 @@
 import { Configuration } from 'webitel-sdk';
 
-const getDefaultOpenAPIConfig = () => new Configuration({
-  basePath: import.meta.env.VITE_API_URL,
-  apiKey: localStorage.getItem('access-key') || '',
-  accessToken: localStorage.getItem('access-key') || '',
-});
+const getDefaultOpenAPIConfig = () =>
+  new Configuration({
+    basePath: import.meta.env.VITE_API_URL,
+    apiKey: localStorage.getItem('access-key') || '',
+    accessToken: localStorage.getItem('access-key') || '',
+  });
 
 export default getDefaultOpenAPIConfig;

package/src/api/defaults/index.js

@@ -1,9 +1,7 @@
-import getDefaultGetListResponse
-  from './getDefaultGetListResponse/getDefaultGetListResponse.js';
+import getDefaultGetListResponse from './getDefaultGetListResponse/getDefaultGetListResponse.js';
 import getDefaultGetParams from './getDefaultGetParams/getDefaultGetParams.js';
 import getDefaultInstance from './getDefaultInstance/getDefaultInstance.js';
-import getDefaultOpenAPIConfig
-  from './getDefaultOpenAPIConfig/getDefaultOpenAPIConfig.js';
+import getDefaultOpenAPIConfig from './getDefaultOpenAPIConfig/getDefaultOpenAPIConfig.js';
 
 export {
   getDefaultGetParams,

package/src/api/history/index.js

@@ -1,5 +1,3 @@
 import callTranscript from './transcript/callTranscript.js';
 
-export {
-  callTranscript,
-}
+export { callTranscript };

package/src/api/history/transcript/callTranscript.js

@@ -16,11 +16,7 @@ const configuration = getDefaultOpenAPIConfig();
 
 const transcriptService = new FileTranscriptServiceApiFactory(configuration, '', instance);
 
-const getTranscript = async ({
-                               id,
-                               page = 1,
-                               size = 10000,
-                             }) => {
+const getTranscript = async ({ id, page = 1, size = 10000 }) => {
   try {
     const response = await transcriptService.getFileTranscriptPhrases(id, page, size);
     const { items } = applyTransform(response.data, [
@@ -29,32 +25,22 @@ const getTranscript = async ({
     ]);
     return items;
   } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
+    throw applyTransform(err, [notify]);
   }
 };
 
-
 const createTranscript = async ({ callId }) => {
   const preRequestHandler = (callId) => {
     return Array.isArray(callId) ? callId : [callId];
-  }
+  };
 
-  const uuid = applyTransform(callId, [
-    preRequestHandler,
-    camelToSnake(),
-  ]);
+  const uuid = applyTransform(callId, [preRequestHandler, camelToSnake()]);
 
   try {
     const response = await transcriptService.createFileTranscript({ uuid });
-    return applyTransform(response.data, [
-      snakeToCamel(),
-    ]);
+    return applyTransform(response.data, [snakeToCamel()]);
   } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
+    throw applyTransform(err, [notify]);
   }
 };
 
@@ -62,23 +48,17 @@ const deleteTranscript = async (item) => {
   const preRequestHandler = ({ fileId, callId }) => {
     if (fileId) {
       return { id: Array.isArray(fileId) ? fileId : [fileId] };
-    } else {
-      return { uuid: Array.isArray(callId) ? callId : [callId] };
     }
-  }
+    return { uuid: Array.isArray(callId) ? callId : [callId] };
+  };
 
-  const body = applyTransform(item, [
-    preRequestHandler,
-    camelToSnake(),
-  ]);
+  const body = applyTransform(item, [preRequestHandler, camelToSnake()]);
 
   try {
     const response = await transcriptService.deleteFileTranscript(body);
     return applyTransform(response.data, []);
   } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
+    throw applyTransform(err, [notify]);
   }
 };
 

package/src/api/interceptors/request/updateToken.interceptor.js

@@ -1,7 +1,6 @@
 const updateTokenInterceptor = [
   (config) => {
-    config.headers['X-Webitel-Access'] = localStorage.getItem('access-token')
-      || '';
+    config.headers['X-Webitel-Access'] = localStorage.getItem('access-token') || '';
     return config;
   },
   (error) => Promise.reject(error),

package/src/api/transformers/merge/merge.transformer.js

@@ -1,5 +1,8 @@
 import merge from 'deepmerge';
 
-const mergeTransformer = (...args) => (main) => merge.all([...args, main]);
+const mergeTransformer =
+  (...args) =>
+  (main) =>
+    merge.all([...args, main]);
 
 export default mergeTransformer;

package/src/api/transformers/mergeEach/mergeEach.transformer.js

@@ -1,8 +1,8 @@
 import merge from 'deepmerge';
 
-const mergeEachTransformer = (...args) => (main) => main.map((item) => merge.all([
-  ...args,
-  item,
-]));
+const mergeEachTransformer =
+  (...args) =>
+  (main) =>
+    main.map((item) => merge.all([...args, item]));
 
 export default mergeEachTransformer;

package/src/api/transformers/notify/notify.transformer.js

@@ -9,10 +9,11 @@ const notifyTransformer = (notificationObject) => {
     /*
     so, create a callback which will send notification with params, passed to it
      */
-    const callback = ({ type, text }) => eventBus.$emit('notification', {
-      type,
-      text,
-    });
+    const callback = ({ type, text }) =>
+      eventBus.$emit('notification', {
+        type,
+        text,
+      });
 
     /*
     and, then, return a function, which will be called in main applyTransform flow,
@@ -26,8 +27,10 @@ const notifyTransformer = (notificationObject) => {
   if (notificationObject instanceof Error) {
     eventBus.$emit('notification', {
       type: 'error',
-      text: notificationObject.response?.data?.detail ||
-        notificationObject.response?.data?.message || notificationObject,
+      text:
+        notificationObject.response?.data?.detail ||
+        notificationObject.response?.data?.message ||
+        notificationObject,
     });
   }
   return notificationObject;

package/src/api/transformers/starToSearch/starToSearch.transformer.js

@@ -2,11 +2,13 @@ import deepcopy from 'deep-copy';
 import get from 'lodash/get.js';
 import updateObject from '../../../scripts/updateObject.js';
 
-const starToSearchTransformer = (path = 'search') => (params) => {
-  const copy = deepcopy(params);
-  const value = get(copy, path);
-  if (!value || value.slice(-1) === '*') return copy;
-  return updateObject({ obj: copy, path, value: `${value}*` });
-};
+const starToSearchTransformer =
+  (path = 'search') =>
+  (params) => {
+    const copy = deepcopy(params);
+    const value = get(copy, path);
+    if (!value || value.slice(-1) === '*') return copy;
+    return updateObject({ obj: copy, path, value: `${value}*` });
+  };
 
 export default starToSearchTransformer;

package/src/components/index.js

@@ -14,8 +14,7 @@ import WtDivider from './wt-divider/wt-divider.vue';
 import WtDummy from './wt-dummy/wt-dummy.vue';
 import WtErrorPage from './wt-error-page/wt-error-page.vue';
 import WtExpansionPanel from './wt-expansion-panel/wt-expansion-panel.vue';
-import WtFiltersPanelWrapper
-  from './wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue';
+import WtFiltersPanelWrapper from './wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue';
 import WtHeadlineNav from './wt-headline-nav/wt-headline-nav.vue';
 import WtHeadline from './wt-headline/wt-headline.vue';
 import WtHint from './wt-hint/wt-hint.vue';
@@ -32,8 +31,7 @@ import WtLoader from './wt-loader/wt-loader.vue';
 import WtLogo from './wt-logo/wt-logo.vue';
 import WtNavigationBar from './wt-navigation-bar/wt-navigation-bar.vue';
 import WtNotification from './wt-notification/wt-notification.vue';
-import WtNotificationsBar
-  from './wt-notifications-bar/wt-notifications-bar.vue';
+import WtNotificationsBar from './wt-notifications-bar/wt-notifications-bar.vue';
 import WtPageHeader from './wt-page-header/wt-page-header.vue';
 import WtPageWrapper from './wt-page-wrapper/wt-page-wrapper.vue';
 import WtPagination from './wt-pagination/wt-pagination.vue';
@@ -49,8 +47,7 @@ import WtStatusSelect from './wt-status-select/wt-status-select.vue';
 import WtStepper from './wt-stepper/wt-stepper.vue';
 import WtSwitcher from './wt-switcher/wt-switcher.vue';
 import WtTableActions from './wt-table-actions/wt-table-actions.vue';
-import WtTableColumnSelect
-  from './wt-table-column-select/wt-table-column-select.vue';
+import WtTableColumnSelect from './wt-table-column-select/wt-table-column-select.vue';
 import WtTable from './wt-table/wt-table.vue';
 import WtTabs from './wt-tabs/wt-tabs.vue';
 import WtTagsInput from './wt-tags-input/wt-tags-input.vue';

package/src/components/on-demand/wt-cc-agent-status-timers/__tests__/wt-cc-agent-status-timers.spec.js

@@ -12,14 +12,12 @@ describe('WtCcAgentStatusTimers', () => {
         },
       },
     });
-    expect(wrapper.exists())
-    .toBe(true);
+    expect(wrapper.exists()).toBe(true);
   });
   it('renders component with empty status prop', () => {
     const wrapper = shallowMount(WtCcAgentStatusTimers, {
       props: { status: {} },
     });
-    expect(wrapper.exists())
-    .toBe(true);
+    expect(wrapper.exists()).toBe(true);
   });
 });

package/src/components/transitions/wt-expand-transition.vue

@@ -10,7 +10,6 @@
 </template>
 
 <script>
-
 // https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/
 export default {
   name: 'WtExpandTransition',
@@ -36,7 +35,7 @@ export default {
 
       getComputedStyle(element).height;
 
-      requestAnimationFrame(() => element.style.height = height);
+      requestAnimationFrame(() => (element.style.height = height));
     },
     leave(element) {
       const { height } = getComputedStyle(element);
@@ -44,7 +43,7 @@ export default {
 
       getComputedStyle(element).height;
 
-      requestAnimationFrame(() => element.style.height = 0);
+      requestAnimationFrame(() => (element.style.height = 0));
     },
   },
 };

package/src/components/wt-app-header/__tests__/WtAppNavigator.spec.js

@@ -1,6 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
-import WebitelApplications
-  from '../../../enums/WebitelApplications/WebitelApplications.enum.js';
+import WebitelApplications from '../../../enums/WebitelApplications/WebitelApplications.enum.js';
 import WtAppNavigator from '../wt-app-navigator.vue';
 
 const apps = [

package/src/components/wt-app-header/__tests__/WtHeaderActions.spec.js

@@ -16,7 +16,6 @@ describe('WtHeaderActions', () => {
       props: { user },
     });
     expect(wrapper.find('.wt-header-actions__name').text()).toBe(user.name);
-    expect(wrapper.find('.wt-header-actions__account').text())
-    .toBe(user.account);
+    expect(wrapper.find('.wt-header-actions__account').text()).toBe(user.account);
   });
 });

package/src/components/wt-app-header/wt-app-navigator.vue

@@ -130,19 +130,25 @@ const order = [
   WebitelApplications.ANALYTICS,
 ];
 
-const formattedApps = computed(() => props.apps.reduce((apps, app) => ([
-  ...apps,
-  {
-    ...app,
-    img: props.darkMode ? pics[app.name].dark : pics[app.name].light,
-    currentApp: props.currentApp === app.name,
-  },
-]), []).sort((a, b) => order.indexOf(a.name) - order.indexOf(b.name)));
+const formattedApps = computed(() =>
+  props.apps
+    .reduce(
+      (apps, app) => [
+        ...apps,
+        {
+          ...app,
+          img: props.darkMode ? pics[app.name].dark : pics[app.name].light,
+          currentApp: props.currentApp === app.name,
+        },
+      ],
+      [],
+    )
+    .sort((a, b) => order.indexOf(a.name) - order.indexOf(b.name)),
+);
 
 function close() {
   isOpened.value = false;
 }
-
 </script>
 
 <style lang="scss" scoped>

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

@@ -57,7 +57,10 @@ const isLetterAvatar = computed(() => !props.src && props.username);
 
 const avatarLetters = computed(() => {
   if (!props.username) return false;
-  const abbreviation = props.username.split(' ').map((word) => word.at(0).toUpperCase()).join('');
+  const abbreviation = props.username
+    .split(' ')
+    .map((word) => word.at(0).toUpperCase())
+    .join('');
   return abbreviation.length > 2 ? abbreviation.at(0).concat(abbreviation.at(-1)) : abbreviation;
 });
 
@@ -78,8 +81,10 @@ const avatarLettersBackground = computed(() => {
     { letters: 'WX'.concat(''), color: '--wt-avatar-letters-p12-color' },
     { letters: 'YZ'.concat(''), color: '--wt-avatar-letters-p13-color' },
   ];
-  const searchedLetter = letterList.find(({ letters }) => letters.includes(avatarLetters.value.at(0).toUpperCase()));
-  return (searchedLetter && searchedLetter.color) || '--wt-avatar-letters-p1-color';
+  const searchedLetter = letterList.find(({ letters }) =>
+    letters.includes(avatarLetters.value.at(0).toUpperCase()),
+  );
+  return searchedLetter?.color || '--wt-avatar-letters-p1-color';
 });
 
 const imgSrc = computed(() => props.src || defaultAvatar);

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

@@ -110,7 +110,6 @@ export default {
         }
       },
     },
-
   },
 };
 </script>

package/src/components/wt-button-select/__tests__/WtButtonSelect.spec.js

@@ -30,13 +30,12 @@ describe('WtSelectButton', () => {
         options: [],
       },
     });
-    const arrowBtn = wrapper.findAllComponents({ name: 'wt-button' })
-    .find((component) => component.classes()
-    .includes('wt-button-select__select-btn'));
+    const arrowBtn = wrapper
+      .findAllComponents({ name: 'wt-button' })
+      .find((component) => component.classes().includes('wt-button-select__select-btn'));
     arrowBtn.vm.$emit('click');
     await wrapper.vm.$nextTick();
     const wtIcon = wrapper.find('.wt-button-select__select-arrow');
-    expect(wtIcon.classes())
-    .toContain('wt-button-select__select-arrow--active');
+    expect(wtIcon.classes()).toContain('wt-button-select__select-arrow--active');
   });
 });

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

@@ -92,7 +92,6 @@ function selectOption({ option, index }) {
 function atClickaway() {
   isOpened.value = false;
 }
-
 </script>
 
 <style lang="scss">

package/src/components/wt-context-menu/wt-context-menu.vue

@@ -43,43 +43,40 @@
 </template>
 
 <script setup>
-  const props = defineProps({
-    options: {
-      type: Array,
-      required: true,
-      description: '[{ text, disabled, ... anything you need }]',
-    },
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    width: {
-      type: [String],
-      default: 'auto',
-    },
-    minWidth: {
-      type: [String],
-      default: '160px',
-    },
-    maxWidth: {
-      type: [String],
-      default: '300px',
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-  });
+const props = defineProps({
+  options: {
+    type: Array,
+    required: true,
+    description: '[{ text, disabled, ... anything you need }]',
+  },
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  width: {
+    type: [String],
+    default: 'auto',
+  },
+  minWidth: {
+    type: [String],
+    default: '160px',
+  },
+  maxWidth: {
+    type: [String],
+    default: '300px',
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
 
-  const emit = defineEmits([
-    'click',
-    'update:visible'
-  ]);
+const emit = defineEmits(['click', 'update:visible']);
 
-  function handleOptionClick({ option, index, hide }) {
-    emit('click', { option, index });
-    hide();
-  }
+function handleOptionClick({ option, index, hide }) {
+  emit('click', { option, index });
+  hide();
+}
 </script>
 
 <style lang="scss">

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

@@ -56,12 +56,9 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits([
-  'create',
-]);
-
-const dummy = computed(() => props.darkMode ? dummyDark : dummyLight);
+const emits = defineEmits(['create']);
 
+const dummy = computed(() => (props.darkMode ? dummyDark : dummyLight));
 </script>
 
 <style lang="scss">

package/src/components/wt-expansion-panel/wt-expansion-panel.vue

@@ -70,13 +70,16 @@ function toggle() {
   return opened.value ? close() : open();
 }
 
-watch(() => props.collapsed, (newVal) => {
-  if (newVal) {
-    close();
-  } else {
-    open();
-  }
-});
+watch(
+  () => props.collapsed,
+  (newVal) => {
+    if (newVal) {
+      close();
+    } else {
+      open();
+    }
+  },
+);
 </script>
 
 <style lang="scss">

package/src/components/wt-filters-panel-wrapper/__tests__/WtFiltersPanelWrapper.spec.js

@@ -8,19 +8,15 @@ describe('Filters Panel Wrapper', () => {
   });
   it('emits "reset" event at wt-table-actions "filterReset" event', () => {
     const wrapper = shallowMount(FiltersPanelWrapper);
-    wrapper.findComponent({ name: 'wt-table-actions' })
-    .vm.$emit('input', 'filterReset');
+    wrapper.findComponent({ name: 'wt-table-actions' }).vm.$emit('input', 'filterReset');
     expect(wrapper.emitted().reset).toBeTruthy();
   });
   it(`toggles "filters-panel-wrapper--opened" class at
    wt-table-actions "settings" event`, async () => {
     const wrapper = shallowMount(FiltersPanelWrapper);
-    expect(wrapper.classes().includes('filters-panel-wrapper--opened'))
-    .toBe(false);
-    wrapper.findComponent({ name: 'wt-table-actions' })
-    .vm.$emit('input', 'settings');
+    expect(wrapper.classes().includes('filters-panel-wrapper--opened')).toBe(false);
+    wrapper.findComponent({ name: 'wt-table-actions' }).vm.$emit('input', 'settings');
     await wrapper.vm.$nextTick();
-    expect(wrapper.classes().includes('filters-panel-wrapper--opened'))
-    .toBe(true);
+    expect(wrapper.classes().includes('filters-panel-wrapper--opened')).toBe(true);
   });
 });

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

@@ -14,7 +14,6 @@
 </template>
 
 <script setup>
-
 import { computed } from 'vue';
 
 const props = defineProps({