@webitel/ui-sdk 24.6.17 → 24.6.18

package/src/modules/AuditForm/components/audit-form-question-write-wrapper.vue

@@ -2,9 +2,9 @@
   <article class="audit-form-question-write">
     <header class="audit-form-question-write-header">
       <wt-switcher
-        :value="question.required"
-        :label="$t('reusable.required')"
         :disabled="first"
+        :label="$t('reusable.required')"
+        :value="question.required"
         @change="updateQuestion({ path: 'required', value: $event })"
       />
       <div class="audit-form-question-write-header__actions">
@@ -20,8 +20,8 @@
         <wt-tooltip>
           <template #activator>
             <wt-icon-btn
-              icon="bucket"
               :disabled="first"
+              icon="bucket"
               @click="emit('delete')"
             />
           </template>
@@ -32,19 +32,19 @@
     <section class="audit-form-question-write-content">
       <div class="audit-form-question-write-content-question">
         <wt-input
-          :value="question.question"
           :label="$t('webitelUI.auditForm.question')"
           :v="v.question.question"
-          required
+          :value="question.question"
           prevent-trim
+          required
           @input="updateQuestion({ path: 'question', value: $event })"
         />
         <wt-select
-          :value="prettifiedQuestionType"
-          :options="QuestionType"
-          track-by="value"
           :clearable="false"
           :label="$t('webitelUI.auditForm.answerType')"
+          :options="QuestionType"
+          :value="prettifiedQuestionType"
+          track-by="value"
           @input="handleQuestionTypeChange($event.value)"
         />
       </div>
@@ -59,22 +59,22 @@
 </template>
 
 <script setup>
-import set from 'lodash/set';
 import cloneDeep from 'lodash/cloneDeep';
+import set from 'lodash/set';
 import { computed } from 'vue';
 import { EngineAuditQuestionType } from 'webitel-sdk';
-import WtTooltip from '../../../components/wt-tooltip/wt-tooltip.vue';
-import WtSwitcher from '../../../components/wt-switcher/wt-switcher.vue';
 import WtIconBtn from '../../../components/wt-icon-btn/wt-icon-btn.vue';
 import WtInput from '../../../components/wt-input/wt-input.vue';
 import WtSelect from '../../../components/wt-select/wt-select.vue';
+import WtSwitcher from '../../../components/wt-switcher/wt-switcher.vue';
+import WtTooltip from '../../../components/wt-tooltip/wt-tooltip.vue';
+import { generateQuestionOptionsSchema } from '../schemas/AuditFormQuestionOptionsSchema.js';
+
+import { generateQuestionScoreSchema } from '../schemas/AuditFormQuestionScoreSchema.js';
 
 import AuditFormQuestionOptions from './questions/options/audit-form-question-options.vue';
 import AuditFormQuestionScore from './questions/score/audit-form-question-score.vue';
 
-import { generateQuestionScoreSchema } from '../schemas/AuditFormQuestionScoreSchema';
-import { generateQuestionOptionsSchema } from '../schemas/AuditFormQuestionOptionsSchema';
-
 const props = defineProps({
   question: {
     type: Object,
@@ -129,14 +129,14 @@ function handleQuestionTypeChange(type) {
 .audit-form-question.audit-form-question-write {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-sm);
   box-shadow: var(--elevation-3);
+  gap: var(--spacing-sm);
 }
 
 .audit-form-question-write-header {
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: space-between;
 
   &__actions {
     display: flex;
@@ -146,9 +146,9 @@ function handleQuestionTypeChange(type) {
 
 .audit-form-question-write-content-question {
   display: grid;
-  grid-template-columns: 3fr 1fr;
-  gap: var(--spacing-sm);
   margin-right: calc(24px + var(--spacing-sm)); // delete icon action for type "options"
   margin-bottom: var(--spacing-sm);
+  grid-template-columns: 3fr 1fr;
+  gap: var(--spacing-sm);
 }
 </style>

package/src/modules/AuditForm/components/audit-form-question.vue

@@ -30,8 +30,8 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { computed, onMounted, ref, toRefs } from 'vue';
-import isEmpty from '../../../scripts/isEmpty';
-import vClickaway from '../../../directives/clickaway/clickaway';
+import vClickaway from '../../../directives/clickaway/clickaway.js';
+import isEmpty from '../../../scripts/isEmpty.js';
 import QuestionRead from './audit-form-question-read-wrapper.vue';
 import QuestionWrite from './audit-form-question-write-wrapper.vue';
 
@@ -123,6 +123,7 @@ onMounted(() => {
   // override audit-form-question-read-wrapper specificity for hover
   &.audit-form-question--answered {
     background: var(--secondary-color);
+
     &:hover,
     &:focus-within {
       border-color: transparent;

package/src/modules/AuditForm/components/audit-form.vue

@@ -7,13 +7,13 @@
     >
       <audit-form-question
         v-for="(question, key) of questions"
-        ref="auditQuestions"
         :key="key"
-        :question="question"
-        :result="(result && result[key]) ? result[key] : null"
-        :mode="mode"
+        ref="auditQuestions"
         :first="key === 0"
+        :mode="mode"
+        :question="question"
         :readonly="readonly"
+        :result="(result && result[key]) ? result[key] : null"
         @copy="copyQuestion({ question, key })"
         @delete="deleteQuestion({ question, key})"
         @update:question="handleQuestionUpdate({ key, value: $event })"
@@ -22,8 +22,8 @@
     </div>
     <wt-button
       v-if="mode === 'create' && !readonly"
-      class="audit-form__add-button"
       :disabled="isInvalidForm"
+      class="audit-form__add-button"
       @click="addQuestion"
     >
       {{ $t('webitelUI.auditForm.addQuestion') }}
@@ -32,16 +32,13 @@
 </template>
 
 <script setup>
-import cloneDeep from 'lodash/cloneDeep';
-import {
-  watch, watchEffect, ref, computed, onMounted,
-  reactive, nextTick,
-} from 'vue';
 import { useVuelidate } from '@vuelidate/core';
-import { useDestroyableSortable } from '../../../composables/useDestroyableSortable/useDestroyableSortable';
-import AuditFormQuestion from './audit-form-question.vue';
+import cloneDeep from 'lodash/cloneDeep';
+import { computed, nextTick, onMounted, reactive, ref, watch, watchEffect } from 'vue';
 import WtButton from '../../../components/wt-button/wt-button.vue';
-import { generateQuestionSchema } from '../schemas/AuditFormQuestionSchema';
+import { useDestroyableSortable } from '../../../composables/useDestroyableSortable/useDestroyableSortable.js';
+import { generateQuestionSchema } from '../schemas/AuditFormQuestionSchema.js';
+import AuditFormQuestion from './audit-form-question.vue';
 
 const props = defineProps({
   mode: {

package/src/modules/AuditForm/components/questions/options/__tests__/audit-form-question-options-write-row.spec.js

@@ -1,5 +1,6 @@
-import { shallowMount, mount } from '@vue/test-utils';
-import AuditFormQuestionOptionsWriteRow from '../audit-form-question-options-write-row.vue';
+import { mount, shallowMount } from '@vue/test-utils';
+import AuditFormQuestionOptionsWriteRow
+  from '../audit-form-question-options-write-row.vue';
 
 describe('AuditFormQuestionOptionsWriteRow', () => {
   it('renders a component', () => {

package/src/modules/AuditForm/components/questions/options/__tests__/audit-form-question-options.spec.js

@@ -1,4 +1,4 @@
-import { shallowMount, mount } from '@vue/test-utils';
+import { mount, shallowMount } from '@vue/test-utils';
 import AuditFormQuestionOptions from '../audit-form-question-options.vue';
 
 describe('AuditFormQuestionOptions', () => {
@@ -17,7 +17,9 @@ describe('AuditFormQuestionOptions', () => {
         mode: 'write',
       },
     });
-    wrapper.findComponent('.audit-form-question-options-write__add-button').vm.$emit('click');
+    wrapper.findComponent('.audit-form-question-options-write__add-button')
+    .vm
+    .$emit('click');
     expect(wrapper.emitted()['change:question'][0][0].options.length).toBe(2);
   });
   it('deletes existing question option at "delete" icon-btn click', () => {

package/src/modules/AuditForm/components/questions/options/audit-form-question-options-write-row.vue

@@ -2,15 +2,15 @@
   <div class="audit-form-question-options-write-row">
     <wt-input
       :label="$t('webitelUI.auditForm.option', 1)"
-      :value="option.name"
       :v="v$.option.name"
+      :value="option.name"
       prevent-trim
       @input="emit('update:option', { name: $event, score: option.score })"
     />
     <wt-input
       :label="$t('webitelUI.auditForm.score', 1)"
-      :value="option.score"
       :v="v$.option.score"
+      :value="option.score"
       type="number"
       @input="emit('update:option', { name: option.name, score: $event })"
     />
@@ -29,12 +29,12 @@
 
 <script setup>
 import { useVuelidate } from '@vuelidate/core';
-import { required, minValue, maxValue } from '@vuelidate/validators';
+import { maxValue, minValue, required } from '@vuelidate/validators';
 import { computed, onMounted, toRefs } from 'vue';
-import WtTooltip from '../../../../../components/wt-tooltip/wt-tooltip.vue';
 import WtIconBtn from '../../../../../components/wt-icon-btn/wt-icon-btn.vue';
 import WtInput from '../../../../../components/wt-input/wt-input.vue';
-import decimalValidator from '../../../../../validators/decimalValidator';
+import WtTooltip from '../../../../../components/wt-tooltip/wt-tooltip.vue';
+import decimalValidator from '../../../../../validators/decimalValidator.js';
 
 const props = defineProps({
   option: {

package/src/modules/AuditForm/components/questions/options/audit-form-question-options.vue

@@ -7,10 +7,10 @@
       <options-write-row
         v-for="(option, key) of question.options"
         :key="key"
-        :option="option"
         :first="key === 0"
-        @update:option="updateQuestion({ path: `options[${key}]`, value: $event })"
+        :option="option"
         @delete="deleteQuestionOption({ key })"
+        @update:option="updateQuestion({ path: `options[${key}]`, value: $event })"
       />
       <wt-button
         class="audit-form-question-options-write__add-button"
@@ -39,11 +39,11 @@
 </template>
 
 <script setup>
-import OptionsWriteRow from './audit-form-question-options-write-row.vue';
 import WtButton from '../../../../../components/wt-button/wt-button.vue';
 import WtRadio from '../../../../../components/wt-radio/wt-radio.vue';
-import updateObject from '../../../../../scripts/updateObject';
-import { generateOption } from '../../../schemas/AuditFormQuestionOptionsSchema';
+import updateObject from '../../../../../scripts/updateObject.js';
+import { generateOption } from '../../../schemas/AuditFormQuestionOptionsSchema.js';
+import OptionsWriteRow from './audit-form-question-options-write-row.vue';
 
 const props = defineProps({
   question: {

package/src/modules/AuditForm/components/questions/score/audit-form-question-score.vue

@@ -5,23 +5,23 @@
       class="audit-form-question-score-write"
     >
       <wt-input
-        :value="question.min"
-        :v="v$.question.min"
-        :number-min="0"
-        :number-max="19"
         :label="$t('reusable.from')"
-        type="number"
+        :number-max="19"
+        :number-min="0"
+        :v="v$.question.min"
+        :value="question.min"
         required
+        type="number"
         @input="updateQuestion({ path: 'min', value: $event })"
       />
       <wt-input
-        :value="question.max"
-        :v="v$.question.max"
-        :number-min="1"
-        :number-max="20"
         :label="$t('reusable.to')"
-        type="number"
+        :number-max="20"
+        :number-min="1"
+        :v="v$.question.max"
+        :value="question.max"
         required
+        type="number"
         @input="updateQuestion({ path: 'max', value: $event })"
       />
     </div>
@@ -33,8 +33,8 @@
         v-for="(value) of scoreRange"
         :key="value"
         :label="`${value}`"
-        :value="value"
         :selected="isResult ? result.score : null"
+        :value="value"
         @input="emit('change:result', { score: value })"
       />
     </div>
@@ -43,12 +43,12 @@
 
 <script setup>
 import { useVuelidate } from '@vuelidate/core';
-import { maxValue, minValue, required, integer } from '@vuelidate/validators';
+import { integer, maxValue, minValue, required } from '@vuelidate/validators';
 import { computed, onMounted, toRefs } from 'vue';
-import isEmpty from '../../../../../scripts/isEmpty';
-import updateObject from '../../../../../scripts/updateObject';
-import WtRadio from '../../../../../components/wt-radio/wt-radio.vue';
 import WtInput from '../../../../../components/wt-input/wt-input.vue';
+import WtRadio from '../../../../../components/wt-radio/wt-radio.vue';
+import isEmpty from '../../../../../scripts/isEmpty.js';
+import updateObject from '../../../../../scripts/updateObject.js';
 
 const props = defineProps({
   question: {
@@ -119,9 +119,9 @@ onMounted(() => v$.value.$touch());
 <style lang="scss" scoped>
 .audit-form-question-score-write {
   display: grid;
+  margin-right: calc(var(--spacing-sm) + 24px); // icon offset
   grid-template-columns: 100px 100px;
   gap: var(--spacing-sm);
-  margin-right: calc(var(--spacing-sm) + 24px); // icon offset
 }
 
 .audit-form-question-score-read {

package/src/modules/AuditForm/schemas/AuditFormQuestionSchema.js

@@ -1,4 +1,4 @@
-import { generateQuestionScoreSchema } from './AuditFormQuestionScoreSchema';
+import { generateQuestionScoreSchema } from './AuditFormQuestionScoreSchema.js';
 
 // eslint-disable-next-line import/prefer-default-export
 export const generateQuestionSchema = ({ required = true } = {}) => ({

package/src/modules/CSVExport/CSVExport.js

@@ -1,13 +1,13 @@
-import { saveAs } from 'file-saver';
 import stringify from 'csv-stringify/lib/sync';
-import { objSnakeToCamel } from '../../scripts/caseConverters';
+import { saveAs } from 'file-saver';
+import { objSnakeToCamel } from '../../scripts/caseConverters.js';
 
 const cast = {
   object: (separator) => {
     const cast = (object) => {
       if (Array.isArray(object)) {
         return object.map((item) => cast(item))
-          .join(separator);
+        .join(separator);
       }
       return object.name || JSON.stringify(object);
     };
@@ -33,7 +33,8 @@ export default class CSVExport {
       header: true,
       delimiter: ',',
     };
-    const localStorageOptions = JSON.parse(localStorage.getItem('csv-export-options')) || {};
+    const localStorageOptions = JSON.parse(localStorage.getItem('csv-export-options')) ||
+      {};
     return {
       ...defaultOptions,
       ...localStorageOptions,
@@ -57,11 +58,12 @@ export default class CSVExport {
     let csv = '';
     let isNext = false;
     // why _columns? https://webitel.atlassian.net/browse/DEV-3797
-    let columns = params._columns || (params?.fields ? objSnakeToCamel(params?.fields) : []);
+    let columns = params._columns ||
+      (params?.fields ? objSnakeToCamel(params?.fields) : []);
     let page = 1;
 
     do {
-       
+
       const { items, next } = await this.fetchMethod({
         ...params,
         page,

package/src/modules/CSVExport/__tests__/CSVExport.spec.js

@@ -1,8 +1,8 @@
 import { shallowMount } from '@vue/test-utils';
-import * as fileSaver from 'file-saver';
 import stringify from 'csv-stringify/lib/sync';
-import CSVExportMixin from '../mixins/exportCSVMixin';
-import '../../../../tests/mocks/localStorageMock';
+import * as fileSaver from 'file-saver';
+import CSVExportMixin from '../mixins/exportCSVMixin.js';
+import '../../../../tests/mocks/localStorageMock.js';
 
 vi.mock('csv-stringify/lib/sync');
 vi.mock('file-saver', () => ({

package/src/modules/CSVExport/mixins/exportCSVMixin.js

@@ -1,4 +1,4 @@
-import CSVExport from '../CSVExport';
+import CSVExport from '../CSVExport.js';
 
 export default {
   data: () => ({
@@ -15,8 +15,8 @@ export default {
     },
     selectedIds() {
       return this.dataList
-        .filter((item) => item._isSelected)
-        .map((item) => item.id);
+      .filter((item) => item._isSelected)
+      .map((item) => item.id);
     },
     isAnySelected() {
       return !!this.selectedIds.length;
@@ -40,7 +40,8 @@ export default {
         await this.CSVExport.export(params);
       } catch (err) {
         throw err;
-      };
+      }
+
     },
   },
 };

package/src/modules/CardStoreModule/composables/useCardStore.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 useCardStore = (namespace) => {

package/src/modules/CardStoreModule/store/CardStoreModule.js

@@ -1,6 +1,6 @@
 import deepCopy from 'deep-copy';
 import set from 'lodash/set';
-import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
 
 export default class CardStoreModule extends BaseStoreModule {
   state = {
@@ -41,7 +41,7 @@ export default class CardStoreModule extends BaseStoreModule {
       context.commit('RESET_ITEM_STATE');
     },
     DELETE_ITEM: async (context, { id }) => {
-      await context.dispatch('api/DELETE_ITEM', {context, id});
+      await context.dispatch('api/DELETE_ITEM', { context, id });
     },
   };
 

package/src/modules/DeleteConfirmationPopup/__tests__/delete-confirmation-popup.spec.js

@@ -1,9 +1,10 @@
 import { mount, shallowMount } from '@vue/test-utils';
 import { ref } from 'vue';
-import { useValidation } from '../../../mixins/validationMixin/useValidation';
-import DeleteConfirmationPopup from '../components/delete-confirmation-popup.vue';
+import { useValidation } from '../../../mixins/validationMixin/useValidation.js';
+import DeleteConfirmationPopup
+  from '../components/delete-confirmation-popup.vue';
 
-vi.mock('../../../mixins/validationMixin/useValidation');
+vi.mock('../../../mixins/validationMixin/useValidation.js');
 
 useValidation.mockImplementation(() => ({
   isValidation: ref(false),
@@ -30,7 +31,8 @@ describe('DeleteConfirmationPopup', () => {
         callback,
       },
     });
-    const button = wrapper.findAllComponents({ name: 'wt-button' }).find((btn) => btn.text().includes('Yes'));
+    const button = wrapper.findAllComponents({ name: 'wt-button' })
+    .find((btn) => btn.text().includes('Yes'));
     expect(button.text()).toContain('Yes');
     await button.trigger('click');
     await wrapper.vm.$nextTick();
@@ -46,7 +48,7 @@ describe('DeleteConfirmationPopup', () => {
       },
     });
     expect(wrapper.find('.delete-confirmation-popup__content').text())
-      .toContain(deleteCount.toString());
+    .toContain(deleteCount.toString());
   });
 
   it('yes button emitted close', async () => {
@@ -56,7 +58,8 @@ describe('DeleteConfirmationPopup', () => {
         callback: vi.fn(),
       },
     });
-    const button = wrapper.findAllComponents({ name: 'wt-button' }).find((btn) => btn.text().includes('Yes'));
+    const button = wrapper.findAllComponents({ name: 'wt-button' })
+    .find((btn) => btn.text().includes('Yes'));
     await button.vm.$emit('close');
     await wrapper.vm.$nextTick();
     expect(button.emitted('close')).toBeTruthy();
@@ -69,7 +72,8 @@ describe('DeleteConfirmationPopup', () => {
         callback: vi.fn(),
       },
     });
-    const button = wrapper.findAllComponents({ name: 'wt-button' }).find((btn) => btn.text().includes('No'));
+    const button = wrapper.findAllComponents({ name: 'wt-button' })
+    .find((btn) => btn.text().includes('No'));
     await button.vm.$emit('close');
     await wrapper.vm.$nextTick();
     expect(button.emitted('close')).toBeTruthy();

package/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue

@@ -1,8 +1,8 @@
 <template>
   <wt-popup
     class="delete-confirmation-popup"
-    v-bind="attrs"
     size="sm"
+    v-bind="attrs"
     @close="close"
   >
     <template #title>
@@ -11,8 +11,8 @@
     <template #main>
       <div class="delete-confirmation-popup__content">
         <wt-icon
-          icon="attention"
           color="error"
+          icon="attention"
         />
         <p class="delete-confirmation-popup__message">
           {{ deleteMessage }}
@@ -53,7 +53,7 @@ const props = defineProps({
 });
 
 const emit = defineEmits([
- 'close',
+  'close',
 ]);
 
 const attrs = useAttrs();
@@ -96,8 +96,8 @@ async function confirm() {
 <style scoped>
 .delete-confirmation-popup__content {
   display: flex;
-  flex-direction: column;
   align-items: center;
+  flex-direction: column;
   gap: var(--spacing-sm);
 }
 

package/src/modules/FilesExport/FilesExport.js

@@ -1,10 +1,9 @@
-import jszipUtils from 'jszip-utils';
 import { saveAs } from 'file-saver';
 import JSZip from 'jszip';
+import jszipUtils from 'jszip-utils';
 import path from 'path-browserify';
-import generateMediaURL from './scripts/generateMediaURL';
+import generateMediaURL from './scripts/generateMediaURL.js';
 
- 
 export default class FilesExport {
   filename = 'files';
 

package/src/modules/FilesExport/__tests__/FilesExport.spec.js

@@ -2,7 +2,7 @@ import { shallowMount } from '@vue/test-utils';
 import * as fileSaver from 'file-saver';
 import jszip from 'jszip';
 import jszipUtils from 'jszip-utils';
-import FilesExportMixin from '../mixins/exportFilesMixin';
+import FilesExportMixin from '../mixins/exportFilesMixin.js';
 import '../../../../tests/mocks/localStorageMock';
 
 vi.mock('jszip');
@@ -15,19 +15,31 @@ const dataList = [
   { files: [{ name: 'jest', id: '1', mimeType: 'mime/type' }] },
 ];
 const selectedDataList = [
-  { _isSelected: true, files: [{ name: 'jest1', id: '1', mimeType: 'mime/type' }] },
-  { _isSelected: true, files: [{ name: 'jest2', id: '2', mimeType: 'mime/type' }] },
+  {
+    _isSelected: true,
+    files: [{ name: 'jest1', id: '1', mimeType: 'mime/type' }],
+  },
+  {
+    _isSelected: true,
+    files: [{ name: 'jest2', id: '2', mimeType: 'mime/type' }],
+  },
 ];
 
 describe('File Export', () => {
-  jszipUtils.getBinaryContent.mockImplementation((url, callback) => callback(null, {}));
+  jszipUtils.getBinaryContent.mockImplementation((
+    url,
+    callback,
+  ) => callback(null, {}));
   let wrapper;
   const Component = {
     render() {
     },
     mixins: [FilesExportMixin],
     created() {
-      this.initFilesExport({ fetchMethod: () => ({ items: dataList }), filename: 'jest' });
+      this.initFilesExport({
+        fetchMethod: () => ({ items: dataList }),
+        filename: 'jest',
+      });
     },
     data: () => ({ dataList }),
   };
@@ -51,7 +63,7 @@ describe('File Export', () => {
       computed: { selectedItems() { return selectedDataList; } },
     });
     expect(wrapper.vm.getSelectedFiles())
-      .toEqual([...selectedDataList[0].files, ...selectedDataList[1].files]);
+    .toEqual([...selectedDataList[0].files, ...selectedDataList[1].files]);
   });
 
   it('mixin catches export error and resets isFilesLoading on export error', async () => {

package/src/modules/FilesExport/mixins/exportFilesMixin.js

@@ -1,4 +1,4 @@
-import FilesExport from '../FilesExport';
+import FilesExport from '../FilesExport.js';
 
 export default {
   data: () => ({
@@ -15,7 +15,9 @@ export default {
     },
 
     filesZippingProgress() {
-      return this.FilesExport ? Math.floor(this.FilesExport.zippingProgress.percent) : 0;
+      return this.FilesExport
+        ? Math.floor(this.FilesExport.zippingProgress.percent)
+        : 0;
     },
   },
 
@@ -28,7 +30,9 @@ export default {
       let files = null;
       if (this.selectedItems?.length) {
         files = this.selectedItems.reduce((filesAccumulator, next) => (
-          next.files ? [...filesAccumulator, ...next.files] : filesAccumulator), []);
+          next.files
+            ? [...filesAccumulator, ...next.files]
+            : filesAccumulator), []);
       }
       return files;
     },

package/src/modules/FilesExport/scripts/generateMediaURL.js

@@ -1,6 +1,7 @@
 const generateMediaURL = (id) => {
   const token = localStorage.getItem('access-token');
-  const BASE_URL = process?.env?.VUE_APP_API_URL || import.meta.env.VITE_API_URL;
+  const BASE_URL = process?.env?.VUE_APP_API_URL ||
+    import.meta.env.VITE_API_URL;
   return `${BASE_URL}/storage/recordings/${id}/stream?access_token=${token}`;
 };