@webitel/ui-sdk 24.6.16 → 24.6.18

package/src/modules/QueryFilters/mixins/__tests__/enumFilterMixin.spec.js

@@ -1,15 +1,17 @@
 import { shallowMount } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
-import enumFilterMixin from '../enumFilterMixin';
+import enumFilterMixin from '../enumFilterMixin.js';
 
-const options = [{
+const options = [
+  {
     name: 'Inbound',
     value: 'inbound',
   },
   {
     name: 'Outbound',
     value: 'outbound',
-  }];
+  },
+];
 
 const router = createRouter({
   history: createWebHistory(),
@@ -41,7 +43,8 @@ describe('Enum filter mixin', () => {
       global: { plugins: [router] },
     });
     await wrapper.vm.$nextTick();
-    expect(setValue).toHaveBeenCalledWith({ filter: 'direction', value: options[0] });
+    expect(setValue)
+    .toHaveBeenCalledWith({ filter: 'direction', value: options[0] });
   });
 
   it('Sets empty array value if $route query is empty', async () => {
@@ -52,13 +55,17 @@ describe('Enum filter mixin', () => {
   });
 
   it('Attaches locales to options, if they have "locale" key', async () => {
-    const options = [{
-      locale: 'vi.locale',
-    }];
-    const expectedOptions = [{
-      locale: options[0].locale,
-      name: options[0].locale,
-    }];
+    const options = [
+      {
+        locale: 'vi.locale',
+      },
+    ];
+    const expectedOptions = [
+      {
+        locale: options[0].locale,
+        name: options[0].locale,
+      },
+    ];
     const wrapper = shallowMount(Component, {
       global: { plugins: [router] },
       data: () => ({ options }),

package/src/modules/QueryFilters/mixins/__tests__/sortFilterMixin.spec.js

@@ -1,35 +1,39 @@
 import { shallowMount } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
-import sortFilterMixin from '../sortFilterMixin';
+import sortFilterMixin from '../sortFilterMixin.js';
 
 const router = createRouter({
   history: createWebHistory(),
   routes: [{ path: '/', name: 'jest' }],
 });
 
-const headers = [{
-  value: 'queue',
-  show: true,
-  sort: null,
-  field: 'queue',
-}, {
-  value: 'agents',
-  show: true,
-  sort: null,
-  field: 'online',
-}];
+const headers = [
+  {
+    value: 'queue',
+    show: true,
+    sort: null,
+    field: 'queue',
+  }, {
+    value: 'agents',
+    show: true,
+    sort: null,
+    field: 'online',
+  },
+];
 
-const sortedHeaders = [{
-  value: 'queue',
-  show: true,
-  sort: 'asc',
-  field: 'queue',
-}, {
-  value: 'agents',
-  show: true,
-  sort: null,
-  field: 'online',
-}];
+const sortedHeaders = [
+  {
+    value: 'queue',
+    show: true,
+    sort: 'asc',
+    field: 'queue',
+  }, {
+    value: 'agents',
+    show: true,
+    sort: null,
+    field: 'online',
+  },
+];
 
 describe('Sort filter mixin', () => {
   const setHeaders = vi.fn();

package/src/modules/QueryFilters/mixins/__tests__/urlControllerMixin.spec.js

@@ -1,6 +1,6 @@
 import { shallowMount } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
-import _urlControllerMixin from '../_urlControllerMixin/_urlControllerMixin';
+import _urlControllerMixin from '../_urlControllerMixin/_urlControllerMixin.js';
 
 const router = createRouter({
   history: createWebHistory(),

package/src/modules/QueryFilters/mixins/apiFilterMixin.js

@@ -1,4 +1,4 @@
-import baseFilterMixin from './baseFilterMixin/baseFilterMixin';
+import baseFilterMixin from './baseFilterMixin/baseFilterMixin.js';
 
 export default {
   mixins: [baseFilterMixin],
@@ -27,7 +27,10 @@ export default {
         let newValue;
         if (this.multiple) {
           const idsArr = Array.isArray(id) ? id : [id];
-          this.setValue({ filter: this.filterQuery, value: idsArr.map((id) => ({ id })) });
+          this.setValue({
+            filter: this.filterQuery,
+            value: idsArr.map((id) => ({ id })),
+          });
           newValue = await this.fetchSelected(idsArr);
         } else {
           this.setValue({ filter: this.filterQuery, value: { id } });

package/src/modules/QueryFilters/mixins/baseFilterMixin/baseFilterMixin.js

@@ -1,5 +1,5 @@
-import _urlControllerMixin from '../_urlControllerMixin/_urlControllerMixin';
-import getNamespacedState from '../../../../store/helpers/getNamespacedState';
+import getNamespacedState from '../../../../store/helpers/getNamespacedState.js';
+import _urlControllerMixin from '../_urlControllerMixin/_urlControllerMixin.js';
 
 export default {
   mixins: [_urlControllerMixin],

package/src/modules/QueryFilters/mixins/enumFilterMixin.js

@@ -1,4 +1,4 @@
-import baseFilterMixin from './baseFilterMixin/baseFilterMixin';
+import baseFilterMixin from './baseFilterMixin/baseFilterMixin.js';
 
 export default {
   mixins: [baseFilterMixin],
@@ -35,7 +35,9 @@ export default {
       if (optsHaveLocale) {
         return this.options.map((opt) => ({
           ...opt,
-          name: Array.isArray(opt.locale) ? this.$tc(...opt.locale) : this.$t(opt.locale),
+          name: Array.isArray(opt.locale)
+            ? this.$tc(...opt.locale)
+            : this.$t(opt.locale),
         }));
       }
       return this.options;
@@ -49,8 +51,8 @@ export default {
         restore not just value, but value with all client-side properties like locale
          */
         newValue = this.localizedOptions
-          .filter((option) => value
-            .some((value) => value === option[this.storedProp]));
+        .filter((option) => value
+        .some((value) => value === option[this.storedProp]));
 
         /*
         but if allowCustomValues is true, we should also restore custom values,
@@ -59,9 +61,9 @@ export default {
         if (this.allowCustomValues) {
           newValue = newValue.concat(
             value
-              .filter((val) => !this.localizedOptions
-                .some((option) => val === option[this.storedProp]))
-              .map((val) => ({ [this.storedProp]: val, name: val })),
+            .filter((val) => !this.localizedOptions
+            .some((option) => val === option[this.storedProp]))
+            .map((val) => ({ [this.storedProp]: val, name: val })),
           );
         }
       } else {
@@ -69,10 +71,10 @@ export default {
         see comments above
          */
         newValue = this.localizedOptions
-          .find((option) => value === option[this.storedProp]);
-          if (this.allowCustomValues) {
-            newValue = newValue || { [this.storedProp]: value, name: value };
-          }
+        .find((option) => value === option[this.storedProp]);
+        if (this.allowCustomValues) {
+          newValue = newValue || { [this.storedProp]: value, name: value };
+        }
       }
       this.setValue({ filter: this.filterQuery, value: newValue });
     },

package/src/modules/QueryFilters/mixins/paginationFilterMixin.js

@@ -1,4 +1,4 @@
-import baseFilterMixin from './baseFilterMixin/baseFilterMixin';
+import baseFilterMixin from './baseFilterMixin/baseFilterMixin.js';
 
 export default {
   mixins: [baseFilterMixin],
@@ -24,13 +24,15 @@ export default {
 
     restorePage() {
       const defaultPage = 1;
-      const value = +this.getValueFromQuery({ filterQuery: 'page' }) || defaultPage;
+      const value = +this.getValueFromQuery({ filterQuery: 'page' }) ||
+        defaultPage;
       this.setPage(value);
     },
 
     restoreSize() {
       const defaultSize = 10;
-      const value = +this.getValueFromQuery({ filterQuery: 'size' }) || defaultSize;
+      const value = +this.getValueFromQuery({ filterQuery: 'size' }) ||
+        defaultSize;
       this.setSize(value);
     },
 

package/src/modules/QueryFilters/mixins/sortFilterMixin.js

@@ -1,16 +1,27 @@
-import baseFilterMixin from './baseFilterMixin/baseFilterMixin';
-import { SortSymbols, queryToSortAdapter, sortToQueryAdapter } from '../../../scripts/sortQueryAdapters';
+import {
+  queryToSortAdapter,
+  SortSymbols,
+  sortToQueryAdapter,
+} from '../../../scripts/sortQueryAdapters.js';
+import baseFilterMixin from './baseFilterMixin/baseFilterMixin.js';
 
 const getNextSortOrder = (sort) => {
   switch (sort) {
-    case SortSymbols.NONE: return SortSymbols.ASC;
-    case SortSymbols.ASC: return SortSymbols.DESC;
-    case SortSymbols.DESC: return SortSymbols.NONE;
-    default: return SortSymbols.ASC;
+    case SortSymbols.NONE:
+      return SortSymbols.ASC;
+    case SortSymbols.ASC:
+      return SortSymbols.DESC;
+    case SortSymbols.DESC:
+      return SortSymbols.NONE;
+    default:
+      return SortSymbols.ASC;
   }
 };
 
-const encodeSortQuery = ({ column, order }) => (`${sortToQueryAdapter(order)}${column.field}`);
+const encodeSortQuery = ({
+                           column,
+                           order,
+                         }) => (`${sortToQueryAdapter(order)}${column.field}`);
 
 const decodeSortQuery = ({ value }) => {
   const sort = queryToSortAdapter(value.slice(0, 1));

package/src/modules/QueryFilters/store/QueryFiltersStoreModule.js

@@ -1,5 +1,5 @@
-import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
-import isEmpty from '../../../scripts/isEmpty';
+import isEmpty from '../../../scripts/isEmpty.js';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
 
 export default class QueryFiltersStoreModule extends BaseStoreModule {
   getters = {

package/src/modules/QueryFilters/store/__tests__/QueryFiltersStoreModule.spec.js

@@ -1,7 +1,7 @@
 // import { shallowMount, createLocalVue } from '@vue/test-utils';
 // import Vuex from 'vuex';
 // import queryFilters from '../queryFilters';
-import QueryFiltersStoreModule from '../QueryFiltersStoreModule';
+import QueryFiltersStoreModule from '../QueryFiltersStoreModule.js';
 
 const valueFilter = 'search';
 const arrayFilter = 'agent';
@@ -25,17 +25,17 @@ describe('QueryFiltersStoreModule getters', () => {
   });
   it('GET_FILTER: single value filter', () => {
     expect(module.getters.GET_FILTER(state)(valueFilter))
-      .toEqual('jest');
+    .toEqual('jest');
   });
   it('GET_FILTER: array value filter', () => {
     expect(module.getters.GET_FILTER(state)(arrayFilter))
-      .toEqual([1]);
+    .toEqual([1]);
   });
   it('GET_FILTERS filters aggregator', () => {
     const { GET_FILTER } = module.getters;
     module.getters.GET_FILTER = vi.fn((filter) => GET_FILTER(state)(filter));
     expect(module.getters.GET_FILTERS(state, module.getters))
-      .toEqual({ agent: [1], search: 'jest' });
+    .toEqual({ agent: [1], search: 'jest' });
   });
 });
 
@@ -59,19 +59,25 @@ describe('QueryFiltersStoreModule actions', () => {
     const filter = { filter: arrayFilter, value: { id: 3 } };
     module.actions.SET_FILTER(context, filter);
     expect(context.commit)
-      .toHaveBeenCalledWith('SET_FILTER', { filter: filter.filter, value: [filter.value] });
+    .toHaveBeenCalledWith('SET_FILTER', {
+      filter: filter.filter,
+      value: [filter.value],
+    });
   });
   it('SET_FILTER: sets array value filter with null value to defaultValue', () => {
     const filter = { filter: arrayFilter, value: null };
     module.actions.SET_FILTER(context, filter);
     expect(context.commit)
-      .toHaveBeenCalledWith('SET_FILTER', { filter: filter.filter, value: [] });
+    .toHaveBeenCalledWith('SET_FILTER', { filter: filter.filter, value: [] });
   });
   it('SET_FILTER: sets "false" value filter', () => {
     const filter = { filter: valueFilter, value: false };
     module.actions.SET_FILTER(context, filter);
     expect(context.commit)
-      .toHaveBeenCalledWith('SET_FILTER', { filter: filter.filter, value: false });
+    .toHaveBeenCalledWith('SET_FILTER', {
+      filter: filter.filter,
+      value: false,
+    });
   });
   it('calls RESET_FILTERS mutation on RESET_FILTERS action call', () => {
     module.actions.RESET_FILTERS(context);
@@ -82,8 +88,10 @@ describe('QueryFiltersStoreModule actions', () => {
 describe('QueryFiltersStoreModule mutations', () => {
   const module = new QueryFiltersStoreModule().getModule();
   it('correctly mutates state at RESET_FILTERS call', () => {
-    expect(Object.values(state).every((filter) => filter.value === filter.defaultValue)).toBeFalsy();
+    expect(Object.values(state)
+    .every((filter) => filter.value === filter.defaultValue)).toBeFalsy();
     module.mutations.RESET_FILTERS(state);
-    expect(Object.values(state).every((filter) => filter.value === filter.defaultValue)).toBeTruthy();
+    expect(Object.values(state)
+    .every((filter) => filter.value === filter.defaultValue)).toBeTruthy();
   });
 });

package/src/modules/QueryFilters/store/queryFilters.js

@@ -1,4 +1,4 @@
-import QueryFiltersStoreModule from './QueryFiltersStoreModule';
+import QueryFiltersStoreModule from './QueryFiltersStoreModule.js';
 /*
  * @deprecated: PLEASE USE QUERY_FILTERS_STORE_MODULE
  */

package/src/modules/TableStoreModule/composables/useTableStore.js

@@ -1,6 +1,6 @@
 import { computed } from 'vue';
 import { useStore } from 'vuex';
-import getNamespacedState from '../../../store/helpers/getNamespacedState';
+import getNamespacedState from '../../../store/helpers/getNamespacedState.js';
 
 // eslint-disable-next-line import/prefer-default-export
 export const useTableStore = (namespace) => {

package/src/modules/TableStoreModule/store/TableStoreModule.js

@@ -2,9 +2,9 @@ import set from 'lodash/set';
 import {
   queryToSortAdapter,
   sortToQueryAdapter,
-} from '../../../scripts/sortQueryAdapters';
-import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
-import FilterEvent from '../../Filters/enums/FilterEvent.enum';
+} from '../../../scripts/sortQueryAdapters.js';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
+import FilterEvent from '../../Filters/enums/FilterEvent.enum.js';
 
 export default class TableStoreModule extends BaseStoreModule {
   state = {

package/src/modules/TableStoreModule/store/__tests__/TableStoreModule.spec.js

@@ -1,9 +1,9 @@
 import { createRouter, createWebHistory } from 'vue-router';
 import { createStore } from 'vuex';
-import { SortSymbols } from '../../../../scripts/sortQueryAdapters';
-import FilterEvent from '../../../Filters/enums/FilterEvent.enum';
-import FiltersStoreModule from '../../../Filters/store/FiltersStoreModule';
-import TableStoreModule from '../TableStoreModule';
+import { SortSymbols } from '../../../../scripts/sortQueryAdapters.js';
+import FilterEvent from '../../../Filters/enums/FilterEvent.enum.js';
+import FiltersStoreModule from '../../../Filters/store/FiltersStoreModule.js';
+import TableStoreModule from '../TableStoreModule.js';
 
 describe('TableStoreModule', () => {
   it('correctly computes FIELDS getter', () => {
@@ -243,7 +243,8 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
       value: ['surname'],
     });
 
-    expect(store.getters['table/filters/GET_FILTER']('fields')).toEqual(['surname']);
+    expect(store.getters['table/filters/GET_FILTER']('fields'))
+    .toEqual(['surname']);
 
     expect(store.getters['table/FIELDS']).toEqual(['id', 'included']);
 

package/src/modules/Userinfo/api/userinfo.js

@@ -1,7 +1,7 @@
 import applyTransform, {
   notify,
   snakeToCamel,
-} from '../../../api/transformers';
+} from '../../../api/transformers/index.js';
 
 const userinfo = (instance) => ({
   async getSession() {
@@ -42,7 +42,7 @@ const userinfo = (instance) => ({
         notify,
       ]);
     }
-  }
+  },
 });
 
 export default userinfo;

package/src/modules/Userinfo/classes/ApplicationsAccess.js

@@ -1,11 +1,14 @@
-import deepmerge from 'deepmerge';
 import deepCopy from 'deep-copy';
-import CrmSections from '../../../enums/WebitelApplications/CrmSections.enum';
-import WebitelApplications from '../../../enums/WebitelApplications/WebitelApplications.enum';
-import SupervisorSections from '../../../enums/WebitelApplications/SupervisorSections.enum';
-import AdminSections from '../../../enums/WebitelApplications/AdminSections.enum';
+import deepmerge from 'deepmerge';
+import AdminSections
+  from '../../../enums/WebitelApplications/AdminSections.enum.js';
 import AuditorSections
-  from '../../../enums/WebitelApplications/AuditorSections.enum';
+  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';
 
 const applicationsAccess = (value = true) => ({
   [WebitelApplications.AGENT]: {
@@ -193,22 +196,20 @@ export default class ApplicationsAccess {
   constructor({ access, value } = { value: true }) {
     /* if access, deeply merge with falsy values schema
      if no access, "not configured => full permissions" */
-    this.access = access ? ApplicationsAccess.restore(access) : applicationsAccess(value);
-  }
-
-  getAccess() {
-    return this.access;
+    this.access = access
+      ? ApplicationsAccess.restore(access)
+      : applicationsAccess(value);
   }
 
   // minify schema for API sending
   static minify(access) {
     const rmEmptyKeys = (obj) => {
       Object.keys(obj).forEach((key) => {
-        // eslint-disable-next-line no-param-reassign
+
         if (!obj[key] || key === '_locale') delete obj[key];
         if (typeof obj[key] === 'object') {
           rmEmptyKeys(obj[key]);
-          // eslint-disable-next-line no-param-reassign
+
           if (!Object.keys(obj[key]).length) delete obj[key];
         }
       });
@@ -222,4 +223,8 @@ export default class ApplicationsAccess {
     return deepmerge(applicationsAccess(false), access);
     // return deepmerge(access, applicationsAccess(false));
   }
+
+  getAccess() {
+    return this.access;
+  }
 }

package/src/modules/Userinfo/store/UserinfoStoreModule.js

@@ -1,7 +1,7 @@
-import userinfoGenerator from '../api/userinfo';
-import ApplicationsAccess from '../classes/ApplicationsAccess';
-import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
-import Permissions from '../enums/Permissions.enum';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
+import userinfoGenerator from '../api/userinfo.js';
+import ApplicationsAccess from '../classes/ApplicationsAccess.js';
+import Permissions from '../enums/Permissions.enum.js';
 
 let userinfo = null;
 
@@ -24,14 +24,16 @@ const defaultState = () => ({
 export default class UserinfoStoreModule extends BaseStoreModule {
   state = {
     ...defaultState(),
-  }
+  };
 
   getters = {
     THIS_APP: (state) => state.thisApp,
     // if no access[app] => accessed by default
-    CHECK_APP_ACCESS: (state) => (app) => !state.access[app] || state.access[app]?._enabled,
+    CHECK_APP_ACCESS: (state) => (app) => !state.access[app] ||
+      state.access[app]?._enabled,
     CHECK_OBJECT_ACCESS: (state, getters) => ({ name, route }) => {
-      if (!state.access[getters.THIS_APP] || !state.access[getters.THIS_APP]._enabled) return false;
+      if (!state.access[getters.THIS_APP] ||
+        !state.access[getters.THIS_APP]._enabled) return false;
       if (route) return getters.CHECK_OBJECT_ACCESS_BY_ROUTE(route);
       return getters.CHECK_OBJECT_ACCESS_BY_NAME(name);
     },
@@ -39,7 +41,8 @@ export default class UserinfoStoreModule extends BaseStoreModule {
       state.access[getters.THIS_APP][name]?._enabled
     ),
     CHECK_OBJECT_ACCESS_BY_ROUTE: (state, getters) => (route) => {
-      const accessKey = Object.keys(state.access[getters.THIS_APP]).find((object) => route.name.includes(object));
+      const accessKey = Object.keys(state.access[getters.THIS_APP])
+      .find((object) => route.name.includes(object));
       return state.access[getters.THIS_APP][accessKey]?._enabled;
     },
     GET_OBJECT_SCOPE: (state, getters) => ({ name, route }) => {
@@ -50,7 +53,8 @@ export default class UserinfoStoreModule extends BaseStoreModule {
       Object.values(state.scope).find((object) => name === object.name)
     ),
     GET_OBJECT_SCOPE_BY_ROUTE: (state) => (route) => (
-      Object.values(state.scope).find((object) => route.name.includes(object.route))
+      Object.values(state.scope)
+      .find((object) => route.name.includes(object.route))
     ),
     HAS_READ_ACCESS: (state, getters) => (checkedObject) => {
       if (!getters.CHECK_OBJECT_ACCESS(checkedObject)) return false;
@@ -73,7 +77,7 @@ export default class UserinfoStoreModule extends BaseStoreModule {
       const objectScope = getters.GET_OBJECT_SCOPE(checkedObject);
       return objectScope?.access?.includes('d');
     },
-  }
+  };
 
   actions = {
     BEFORE_OPEN_SESSION_HOOK: () => {},
@@ -82,7 +86,10 @@ export default class UserinfoStoreModule extends BaseStoreModule {
     CONVERT_USER_PERMISSIONS: (context, initialPermissions) => {
       let permissions = {};
       if (!initialPermissions) return permissions;
-      permissions = initialPermissions.reduce((permissions, currentPermission) => ({
+      permissions = initialPermissions.reduce((
+        permissions,
+        currentPermission,
+      ) => ({
         ...permissions,
         [currentPermission.id]: currentPermission,
       }), {});
@@ -130,13 +137,19 @@ export default class UserinfoStoreModule extends BaseStoreModule {
       }
     },
 
-    LOGOUT: async (context, { authUrl = import.meta.env.VITE_AUTH_URL } = {}) => {
+    LOGOUT: async (
+      context,
+      { authUrl = import.meta.env.VITE_AUTH_URL } = {},
+    ) => {
       if (!authUrl) throw new Error('No authUrl for LOGOUT provided');
       await userinfo.logout();
       window.location.href = authUrl;
     },
 
-    SET_APPLICATIONS_ACCESS: (context, access) => context.commit('SET_APPLICATIONS_ACCESS', access),
+    SET_APPLICATIONS_ACCESS: (
+      context,
+      access,
+    ) => context.commit('SET_APPLICATIONS_ACCESS', access),
 
     SET_LOADING: (context, isLoading) => {
       context.commit('SET_LOADING', isLoading);
@@ -145,7 +158,7 @@ export default class UserinfoStoreModule extends BaseStoreModule {
     RESET_STATE: (context) => {
       context.commit('RESET_STATE');
     },
-  }
+  };
 
   mutations = {
     SET_SESSION: (state, session) => {
@@ -163,5 +176,5 @@ export default class UserinfoStoreModule extends BaseStoreModule {
     RESET_STATE: (state) => {
       Object.assign(state, defaultState());
     },
-  }
+  };
 }

package/src/plugins/breakpoint/breakpoint.plugin.js

@@ -1,5 +1,5 @@
 import { reactive } from 'vue';
-import debounce from '../../scripts/debounce';
+import debounce from '../../scripts/debounce.js';
 
 // https://stackoverflow.com/questions/41791193/vuejs-reactive-binding-for-a-plugin-how-to/41801107#41801107
 // https://stackoverflow.com/questions/50111231/vue-prototype-not-reactive-when-data-changes
@@ -130,7 +130,6 @@ const install = (app) => {
 
   onResize();
 
-  // eslint-disable-next-line no-param-reassign
   app.config.globalProperties.$breakpoint = breakpoint;
 };
 

package/src/scripts/__tests__/caseConverters.spec.js

@@ -2,12 +2,12 @@ import {
   camelToKebab,
   camelToSnake,
   kebabToCamel,
-  snakeToKebab,
   kebabToSnake,
   objCamelToSnake,
   objSnakeToCamel,
   snakeToCamel,
-} from '../caseConverters';
+  snakeToKebab,
+} from '../caseConverters.js';
 
 describe('Case converters', () => {
   it('Camel-Kebab', () => {
@@ -60,7 +60,10 @@ describe('Case converters', () => {
 
   it('Camel-Snake Arrays', () => {
     const camelArr = ['camelToSnake', { camelToSnake: { camelToSnake: null } }];
-    const snakeArr = ['camel_to_snake', { camel_to_snake: { camel_to_snake: null } }];
+    const snakeArr = [
+      'camel_to_snake',
+      { camel_to_snake: { camel_to_snake: null } },
+    ];
     expect(objCamelToSnake(camelArr)).toEqual(snakeArr);
     expect(objSnakeToCamel(snakeArr)).toEqual(camelArr);
   });

package/src/scripts/__tests__/convertDuration.spec.js

@@ -1,4 +1,4 @@
-import convertDuration from '../convertDuration';
+import convertDuration from '../convertDuration.js';
 
 describe('Case converters', () => {
   it('duration from sec value', () => {

package/src/scripts/__tests__/debounce.spec.js

@@ -1,4 +1,4 @@
-import debounce from '../debounce';
+import debounce from '../debounce.js';
 
 describe('debounce', () => {
   it('debounces call', async () => {

package/src/scripts/__tests__/editProxy.spec.js

@@ -1,4 +1,4 @@
-import editProxy from '../editProxy';
+import editProxy from '../editProxy.js';
 
 describe('editProxy', () => {
   it('correctly updates _dirty prop at object property change', () => {