@webitel/ui-sdk 24.10.3 → 24.10.5

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/contacts.js

@@ -0,0 +1,235 @@
+import { ContactsApiFactory } from 'webitel-sdk';
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '../defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  merge,
+  notify,
+  sanitize,
+  snakeToCamel,
+} from '../transformers/index.js';
+import ContactsSearchMode from './enums/ContactsSearchMode.js';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const contactService = new ContactsApiFactory(configuration, '', instance);
+
+const formatAccessMode = (item) => ({
+  ...item,
+  access: {
+    edit: item.mode.includes('w'),
+    delete: item.mode.includes('d'),
+  },
+});
+
+const getList = async (params) => {
+  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'id', 'qin'];
+
+  if (!params.fields) {
+    params.fields = [
+      'id',
+      'etag',
+      'name',
+      'managers',
+      'labels',
+      'about',
+      'variables',
+      'timezones',
+      'phones',
+      'emails',
+      'imclients',
+    ];
+  }
+
+  const listResponseHandler = (items) =>
+    items?.map((item) => ({
+      ...item,
+      name: item.name.commonName,
+      managers: item.managers ? [...item.managers.data] : [],
+      labels: item.labels ? [...item.labels.data] : [],
+      variables: item.variables ? [...item.variables.data] : [],
+      timezones: item.timezones ? [...item.timezones.data] : [],
+      phones: item.phones ? [...item.phones.data] : [],
+      emails: item.emails ? [...item.emails.data] : [],
+    }));
+
+  let changedParams;
+
+  if(params?.search) {
+    changedParams = { ...params, q: params.search };
+  } else if (params?.q && params?.qin) {
+    changedParams = { ...params };
+  } else {
+    let searchValue = '';
+    let searchKey = '';
+
+    if (params[ContactsSearchMode.NAME]) {
+      searchValue = params[ContactsSearchMode.NAME];
+      searchKey = ContactsSearchMode.NAME;
+    } else if (params[ContactsSearchMode.LABELS]) {
+      searchValue = params[ContactsSearchMode.LABELS];
+      searchKey = ContactsSearchMode.LABELS;
+    } else if (params[ContactsSearchMode.ABOUT]) {
+      searchValue = params[ContactsSearchMode.ABOUT];
+      searchKey = ContactsSearchMode.ABOUT;
+    } else if (params[ContactsSearchMode.VARIABLES]) {
+      searchValue = params[ContactsSearchMode.VARIABLES];
+      searchKey = ContactsSearchMode.VARIABLES;
+    } else if (params[ContactsSearchMode.DESTINATION]) {
+      searchValue = params[ContactsSearchMode.DESTINATION];
+      searchKey = 'emails,phones';
+    }
+
+    // This code needed for adding starToSearch method to applyTransform while searchKey !== SearchMode.VARIABLES because '*' in variables search mode brokes backend logic.
+    // if (searchKey !== ContactsSearchMode.VARIABLES) {
+    //   transformations.push(starToSearch('q')); WTEL-4265
+    // }
+
+    changedParams = {
+      ...params,
+      q: searchValue || '',
+      qin: searchKey || '',
+    };
+  }
+
+  const transformations = [sanitize(fieldsToSend), merge(getDefaultGetParams()), camelToSnake()];
+
+  const { page, size, q, sort, fields, id, qin } = applyTransform(changedParams, transformations);
+
+  try {
+    const response = await contactService.searchContacts(
+      page,
+      size,
+      q,
+      sort || '+name',
+      ['mode', ...fields],
+      id,
+      qin,
+    );
+    const { data, next } = applyTransform(response.data, [
+      snakeToCamel(),
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items: applyTransform(data, [(items) => items?.map((item) => formatAccessMode(item)), listResponseHandler]),
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const get = async ({ itemId: id }) => {
+  const fields = [
+    'name',
+    'about',
+    'labels',
+    'etag',
+    'mode',
+    'managers',
+    'timezones',
+    'variables',
+    'phones',
+    'emails',
+    'imclients',
+  ];
+
+  const defaultObject = {};
+  const itemResponseHandler = (item) => {
+    return {
+      ...item,
+      labels: item.labels ? [...item.labels.data] : [],
+      managers: item.managers ? [...item.managers.data] : [],
+      timezones: item.timezones ? [...item.timezones.data] : [],
+      variables: item.variables ? [...item.variables.data] : [],
+      phones: item.phones ? [...item.phones.data] : [],
+      emails: item.emails ? [...item.emails.data] : [],
+    };
+  };
+  try {
+    const response = await contactService.locateContact(id, fields);
+    return applyTransform(response.data, [
+      snakeToCamel(),
+      merge(defaultObject),
+      itemResponseHandler,
+      formatAccessMode,
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const fieldsToSend = ['name', 'labels', 'about', 'managers', 'timezones'];
+
+const sanitizeManagers = (itemInstance) => {
+  // handle many managers and even no managers field cases
+  const managers = (itemInstance.managers || []).filter(({ user } = {}) => user.id);
+  return { ...itemInstance, managers };
+};
+
+const sanitizeTimezones = (itemInstance) => {
+  // handle many timezones and even no timezones field cases
+  const timezones = (itemInstance.timezones || []).filter(({ timezone } = {}) => timezone.id);
+  return { ...itemInstance, timezones };
+};
+
+const add = async ({ itemInstance }) => {
+  const item = applyTransform(itemInstance, [
+    sanitizeManagers,
+    sanitizeTimezones,
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
+  try {
+    const response = await contactService.createContact(item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const update = async ({ itemInstance }) => {
+  const { etag } = itemInstance;
+  const item = applyTransform(itemInstance, [
+    sanitizeManagers,
+    sanitizeTimezones,
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
+  try {
+    const response = await contactService.updateContact(etag, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const deleteContact = async ({ id }) => {
+  try {
+    const response = await contactService.deleteContact(id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getContactsLookup = (params) => getList({
+  ...params,
+  fields: params.fields || ['id', 'name'],
+});
+
+const ContactsAPI = {
+  getList,
+  get,
+  add,
+  update,
+  delete: deleteContact,
+  getLookup: getContactsLookup,
+};
+
+export default ContactsAPI;

package/src/api/crm/enums/ContactsSearchMode.js

@@ -0,0 +1,9 @@
+const ContactsSearchMode = Object.freeze({
+  NAME: 'name',
+  LABELS: 'labels',
+  ABOUT: 'about',
+  VARIABLES: 'variables',
+  DESTINATION: 'destination',
+});
+
+export default ContactsSearchMode;

package/src/api/crm/index.js

@@ -1,5 +1,4 @@
+import contacts from './contacts.js';
 import contactChatMessagesHistoryHistory from './contactChatMessagesHistory.js';
 
-export {
-  contactChatMessagesHistoryHistory,
-}
+export { contacts, 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);
   });
 });