@webitel/ui-sdk 26.4.18 → 26.4.19

package/src/modules/AgentPdfs/components/agent-pdfs-tab.vue

@@ -1,99 +1,105 @@
 <template>
-  <section class="table-wrapper table-page table-wrapper--tab-table">
-    <slot
-      name="header"
-      :selected="selected"
-      :load-data-list="loadDataList"
-      :ask-delete-confirmation="askDeleteConfirmation"
-      :handle-delete="handleDelete"
-    />
-
-    <delete-confirmation-popup
-      :shown="isDeleteConfirmationPopup"
-      :callback="deleteCallback"
-      :delete-count="deleteCount"
-      @close="closeDelete"
-    />
-
-    <wt-loader v-show="isLoading" />
-
-    <wt-empty
-      v-show="showEmpty"
-      :image="imageEmpty"
-      :headline="textEmpty"
-    />
-
-    <div v-if="dataList?.length" class="table-section__table-wrapper">
-      <wt-table
-        v-if="dataList?.length"
-        :data="dataList"
-        :headers="shownHeaders"
-        :selected="selected"
-        sortable
-        @sort="updateSort"
-        @update:selected="updateSelected"
-      >
-        <template #preview="{ item }">
-          <pdf-status-preview
-            :status="item.status"
-            :clickable="item.status === WebitelMediaExporterExportStatus.Done"
-            @click="openPdfInNewWindow(item.fileId)"
-          />
-        </template>
-
-        <template #name="{ item }">
-          {{ item.name }}
-        </template>
-
-        <template #status="{ item }">
-          <pdf-status :status="item.status" />
-        </template>
-
-        <template #valid_until="{ item }">
-          {{ prettifyTimestamp(item.validUntil) }}
-        </template>
-
-        <template #created_at="{ item }">
-          {{ prettifyTimestamp(item.createdAt) }}
-        </template>
-
-        <template #created_by="{ item }">
-          {{ item.createdBy }}
-        </template>
-
-        <template #actions="{ item }">
-          <wt-icon-action
-            action="download"
-            :disabled="isDownloadDisabled(item)"
-            @click="downloadPdf(item.fileId)"
-          />
-          <wt-icon-action
-            action="delete"
-            :disabled="isDeleteDisabled(item) || !hasDeleteAccess"
-            @click="
-              askDeleteConfirmation({
-                deleted: [item],
-                callback: () => handleDelete([item]),
-              })
-            "
-          />
-        </template>
-      </wt-table>
-
-      <wt-pagination
-        :next="next"
-        :prev="page > 1"
-        :size="size"
-        debounce
-        @change="updateSize"
-        @next="updatePage(page + 1)"
-        @prev="updatePage(page - 1)"
-      />
-    </div>
-  </section>
+	<section class="table-wrapper table-page table-wrapper--tab-table">
+		<slot
+			name="header"
+			:selected="selected"
+			:load-data-list="loadDataList"
+			:ask-delete-confirmation="askDeleteConfirmation"
+			:handle-delete="handleDelete"
+		/>
+
+		<delete-confirmation-popup
+			:shown="isDeleteConfirmationPopup"
+			:callback="deleteCallback"
+			:delete-count="deleteCount"
+			@close="closeDelete"
+		/>
+
+		<wt-loader v-show="isLoading" />
+
+		<wt-empty
+			v-show="showEmpty"
+			:image="imageEmpty"
+			:headline="textEmpty"
+		/>
+
+		<div
+			v-if="dataList?.length"
+			class="table-section__table-wrapper"
+		>
+			<wt-table
+				v-if="dataList?.length"
+				:data="dataList"
+				:headers="shownHeaders"
+				:selected="selected"
+				sortable
+				@sort="updateSort"
+				@update:selected="updateSelected"
+			>
+				<template #preview="{ item }">
+					<pdf-status-preview
+						:status="item.status"
+						:clickable="item.status === WebitelMediaExporterExportStatus.Done"
+						@click="openPdfInNewWindow(item.fileId)"
+					/>
+				</template>
+
+				<template #name="{ item }">
+					{{ item.name }}
+				</template>
+
+				<template #status="{ item }">
+					<pdf-status :status="item.status" />
+				</template>
+
+				<template #valid_until="{ item }">
+					{{ prettifyTimestamp(item.validUntil) }}
+				</template>
+
+				<template #created_at="{ item }">
+					{{ prettifyTimestamp(item.createdAt) }}
+				</template>
+
+				<template #created_by="{ item }">
+					{{ item.createdBy }}
+				</template>
+
+				<template #actions="{ item }">
+					<wt-icon-action
+						action="download"
+						:disabled="isDownloadDisabled(item)"
+						@click="downloadPdf(item.fileId)"
+					/>
+					<wt-icon-action
+						action="delete"
+						:disabled="isDeleteDisabled(item) || !hasDeleteAccess"
+						@click="
+							askDeleteConfirmation({
+								deleted: [item],
+								callback: () => handleDelete([item]),
+							})
+							"
+					/>
+				</template>
+			</wt-table>
+
+			<wt-pagination
+				:next="next"
+				:prev="page > 1"
+				:size="size"
+				debounce
+				@change="updateSize"
+				@next="updatePage(page + 1)"
+				@prev="updatePage(page - 1)"
+			/>
+		</div>
+	</section>
 </template>
 
-<script lang="ts" setup>
+<script
+	lang="ts"
+	setup
+>
 import {
 	downloadFile,
 	FileServicesAPI,
@@ -120,7 +126,7 @@ import PdfStatus from './pdf-status.vue';
 import PdfStatusPreview from './pdf-status-preview.vue';
 
 const props = defineProps<{
-	store?: any;
+	store?: unknown;
 	entityIdKey?: string;
 	entityIdValue?: string | number;
 	isCreatedAtFilter: boolean;
@@ -275,5 +281,7 @@ const openPdfInNewWindow = (fileId: string) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
-
+<style
+	lang="scss"
+	scoped
+></style>

package/src/modules/AgentStatusSelect/api/agent-status.js

@@ -9,19 +9,15 @@ const AgentStatusAPIFactory = ({ instance, OpenAPIConfig }) => {
 		pauseCause,
 		statusComment,
 	}) => {
-		try {
-			const res = await service.updateAgentStatus(agentId, {
-				status,
-				id: agentId,
-				payload: pauseCause,
-				status_comment: statusComment,
-			});
-			return {
-				success: !!res,
-			};
-		} catch (err) {
-			throw err;
-		}
+		const res = await service.updateAgentStatus(agentId, {
+			status,
+			id: agentId,
+			payload: pauseCause,
+			status_comment: statusComment,
+		});
+		return {
+			success: !!res,
+		};
 	};
 
 	return {

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

@@ -164,7 +164,7 @@ function handleAnswerUpdate({ key, value }) {
 }
 
 function initAnswers() {
-	if (!answersModel.value || !answersModel.value.length) {
+	if (!answersModel.value?.length) {
 		answersModel.value = props.questions.map(() => ({}));
 	}
 }

package/src/modules/AuditForm/components/form-answers/answer-editing-info/audit-form-answer-editing-info.vue

@@ -61,7 +61,7 @@ const initialComment =
 
 const updateTime = computed(() => {
 	return formatDate(
-		Number.parseInt(props.answer.updatedAt),
+		Number.parseInt(props.answer.updatedAt, 10),
 		FormatDateMode.DATETIME,
 	);
 });

package/src/modules/CSVExport/XLSExport.js

@@ -59,13 +59,11 @@ export default class XLSExport {
 			});
 
 			return columns.reduce((acc, column) => {
-				return {
-					...acc,
-					[column]:
-						this.extractNameFromObject(item[column]) ||
-						flatVariables[column] ||
-						'',
-				};
+				acc[column] =
+					this.extractNameFromObject(item[column]) ||
+					flatVariables[column] ||
+					'';
+				return acc;
 			}, {});
 		});
 

package/src/modules/CSVExport/composables/useCSVExport.ts

@@ -4,9 +4,9 @@ import { useRoute } from 'vue-router';
 
 import CSVExport from '../CSVExport';
 
-export type CSVRow = Record<string, any>;
+export type CSVRow = Record<string, unknown>;
 
-export type FetchMethod = (params: Record<string, any>) => Promise<{
+export type FetchMethod = (params: Record<string, unknown>) => Promise<{
 	items: CSVRow[];
 	next: boolean;
 }>;
@@ -39,7 +39,7 @@ export function useCSVExport({ selected }: { selected: Ref<number[]> }) {
 		CSVExportInstance.value = new CSVExport(fetchMethod, options);
 	}
 
-	async function exportCSV(exportParams?: Record<string, any>) {
+	async function exportCSV(exportParams?: Record<string, unknown>) {
 		const routeQuery = route.query;
 		const params = {
 			...(exportParams || routeQuery),

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

@@ -36,11 +36,7 @@ export default {
 			};
 			if (this.isAnySelected) params.id = this.selectedIds;
 
-			try {
-				await this.CSVExport.export(params);
-			} catch (err) {
-				throw err;
-			}
+			await this.CSVExport.export(params);
 		},
 	},
 };

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

@@ -35,11 +35,7 @@ export default {
 			};
 			if (this.isAnySelected) params.id = this.selectedIds;
 
-			try {
-				await this.XLSExport.export(params);
-			} catch (err) {
-				throw err;
-			}
+			await this.XLSExport.export(params);
 		},
 	},
 };

package/src/modules/FilesExport/composables/useFilesExport.ts

@@ -2,7 +2,7 @@ import JSZip from 'jszip';
 import { ref } from 'vue';
 
 import { _wtUiLog } from '../../../scripts/logger';
-import {
+import type {
 	ExportedItem,
 	UseFilesExportOptions,
 	UseFilesExportReturn,

package/src/modules/FilesExport/types/types.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 
 export type ExportedItem = {
 	name: string; // file name inside zip

package/src/modules/Filters/store/FiltersStoreModule.js

@@ -11,7 +11,7 @@ export default class FiltersStoreModule extends BaseStoreModule {
 	};
 
 	getters = {
-		ROUTER: (state, g, rootState) => {
+		ROUTER: (_s, _g, rootState) => {
 			if (rootState.router === undefined) {
 				console.warn(
 					'"rootState.router" is needed for filters to work properly.' +
@@ -22,16 +22,12 @@ export default class FiltersStoreModule extends BaseStoreModule {
 		},
 
 		_STATE_FILTER_NAMES: (state) => {
-			return Object.values(state).reduce(
-				(names, prop) =>
-					prop.value || prop.name
-						? [
-								...names,
-								prop.name,
-							]
-						: names,
-				[],
-			);
+			return Object.values(state).reduce((names, prop) => {
+				if (prop.value || prop.name) {
+					names.push(prop.name);
+				}
+				return names;
+			}, []);
 		},
 
 		// get value of specific filter
@@ -46,15 +42,14 @@ export default class FiltersStoreModule extends BaseStoreModule {
 		},
 
 		// get all filters values
-		GET_FILTERS: (state, getters) => () => {
+		GET_FILTERS: (_state, getters) => () => {
 			return getters._STATE_FILTER_NAMES.reduce((values, filterName) => {
 				const filterValue = getters.GET_FILTER(filterName);
-				return isEmpty(filterValue)
-					? values
-					: {
-							...values,
-							[filterName]: filterValue,
-						};
+				if (isEmpty(filterValue)) {
+					return values;
+				}
+				values[filterName] = filterValue;
+				return values;
 			}, {});
 		},
 	};
@@ -146,10 +141,8 @@ export default class FiltersStoreModule extends BaseStoreModule {
 					if (context.state[qKey]) {
 						return filteredQuery;
 					}
-					return {
-						...filteredQuery,
-						[qKey]: qValue,
-					};
+					filteredQuery[qKey] = qValue;
+					return filteredQuery;
 				},
 				{},
 			);
@@ -166,9 +159,13 @@ export default class FiltersStoreModule extends BaseStoreModule {
 		},
 
 		SUBSCRIBE: (context, { event, callback }) => {
-			const subscribe = () => context.state._emitter.on(event, callback);
-			if (Array.isArray(event)) event.forEach((e) => subscribe(e, callback));
-			else subscribe(event, callback);
+			if (Array.isArray(event)) {
+				event.forEach((e) => {
+					context.state._emitter.on(e, callback);
+				});
+			} else {
+				context.state._emitter.on(event, callback);
+			}
 		},
 
 		FLUSH_SUBSCRIBERS: (context) => {
@@ -217,8 +214,11 @@ export default class FiltersStoreModule extends BaseStoreModule {
 			};
 		};
 
-		if (Array.isArray(filter)) filter.forEach((f) => setup(f));
-		else setup(filter);
+		if (Array.isArray(filter)) {
+			filter.forEach((f) => {
+				setup(f);
+			});
+		} else setup(filter);
 
 		return this;
 	}

package/src/modules/Notifications/store/NotificationsStoreModule.js

@@ -163,7 +163,7 @@ export default class NotificationsStoreModule extends BaseStoreModule {
 		},
 
 		SEND_NOTIFICATION: (
-			context,
+			_,
 			{
 				locale,
 				text = i18n.global.t(locale),

package/src/modules/ObjectPermissions/_internals/store/helpers/createObjectPermissionsStoreModule.js

@@ -15,10 +15,6 @@ export const createObjectPermissionsStoreModule = (modules) => {
 		objectPermissionsStoreModule(),
 	]);
 
-	const cardSubmodule = [
-		// empty, now permissions don't have standard card functionality
-	];
-
 	return createBaseStoreModule([
 		{
 			modules: {

package/src/modules/ObjectPermissions/components/permissions-tab.vue

@@ -150,14 +150,12 @@ const {
 
 const localizedDataList = computed(() => {
 	return dataList.value.map((item) => {
-		const access = Object.keys(item.access).reduce((access, rule) => {
-			return {
-				...access,
-				[rule]: {
-					...item.access[rule],
-					name: t(`access.accessMode.${item.access[rule].id}`),
-				},
+		const access = Object.keys(item.access).reduce((acc, rule) => {
+			acc[rule] = {
+				...item.access[rule],
+				name: t(`access.accessMode.${item.access[rule].id}`),
 			};
+			return acc;
 		}, {});
 
 		return {

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

@@ -53,7 +53,7 @@ describe('API filter mixin', () => {
 				team,
 			},
 		});
-		const wrapper = shallowMount(Component, {
+		shallowMount(Component, {
 			global: {
 				plugins: [
 					router,
@@ -74,7 +74,7 @@ describe('API filter mixin', () => {
 	});
 
 	it('Sets empty array value if $route query is empty', async () => {
-		const wrapper = shallowMount(Component, {
+		shallowMount(Component, {
 			global: {
 				plugins: [
 					router,

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

@@ -69,7 +69,7 @@ describe('Sort filter mixin', () => {
 				sort: '+queue',
 			},
 		});
-		const wrapper = shallowMount(Component, {
+		shallowMount(Component, {
 			global: {
 				plugins: [
 					router,

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

@@ -6,12 +6,11 @@ export default class QueryFiltersStoreModule extends BaseStoreModule {
 		GET_FILTERS: (state, getters) =>
 			Object.keys(state).reduce((filters, filterKey) => {
 				const filterValue = getters.GET_FILTER(filterKey);
-				return isEmpty(filterValue)
-					? filters
-					: {
-							...filters,
-							[filterKey]: filterValue,
-						};
+				if (isEmpty(filterValue)) {
+					return filters;
+				}
+				filters[filterKey] = filterValue;
+				return filters;
 			}, {}),
 		GET_FILTER: (state) => (filter) => {
 			const { value, storedProp, multiple } = state[filter];

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

@@ -19,15 +19,13 @@ export default class TableStoreModule extends BaseStoreModule {
 		PARENT_ID: () => null, // override me
 
 		// FIXME: maybe move to filters module?
-		FILTERS: (state, getters) => getters['filters/GET_FILTERS'],
+		FILTERS: (_, getters) => getters['filters/GET_FILTERS'],
 
 		FIELDS: (state) => {
 			const fields = state.headers.reduce((fields, { show, field }) => {
-				if (show)
-					return [
-						...fields,
-						field,
-					];
+				if (show) {
+					fields.push(field);
+				}
 				return fields;
 			}, []);
 
@@ -40,7 +38,7 @@ export default class TableStoreModule extends BaseStoreModule {
 		},
 
 		// main GET_LIST params collector
-		GET_LIST_PARAMS: (state, getters) => (overrides) => {
+		GET_LIST_PARAMS: (_state, getters) => (overrides) => {
 			const filters = getters.FILTERS();
 			const fields = getters.FIELDS;
 			const parentId = getters.PARENT_ID;
@@ -250,8 +248,6 @@ export default class TableStoreModule extends BaseStoreModule {
 			}
 			try {
 				await context.dispatch(action, deleted);
-			} catch (err) {
-				throw err;
 			} finally {
 				await context.dispatch('LOAD_DATA_LIST');
 
@@ -269,15 +265,11 @@ export default class TableStoreModule extends BaseStoreModule {
 		},
 
 		DELETE_SINGLE: async (context, { id, etag }) => {
-			try {
-				await context.dispatch('api/DELETE_ITEM', {
-					context,
-					id,
-					etag,
-				});
-			} catch (err) {
-				throw err;
-			}
+			await context.dispatch('api/DELETE_ITEM', {
+				context,
+				id,
+				etag,
+			});
 		},
 
 		DELETE_BULK: async (context, deleted) =>

package/src/modules/UploadCsvPopup/scripts/normalizeCSVData.ts

@@ -21,12 +21,12 @@ const normalizeCSVData = ({ data, mappings }) => {
 
 	return data.map((dataItem, index) => {
 		const normalized = nonEmptyMappingFields.reduce(
-			(normalizedItem, { name, csv, required }) => {
+			(normalizedItem: Record<string, unknown>, { name, csv, required }) => {
 				const value = Array.isArray(csv)
 					? csv.map((csv) => dataItem[csv])
 					: dataItem[csv];
 
-				let filteredValue; // Filter empty values in validation purposes
+				let filteredValue: unknown; // Filter empty values in validation purposes
 				if (Array.isArray(value)) {
 					// Because required field can be combined from many fields in multiple select, so we need to check all values.
 					// For example, if we have 3 fields and they are empty, we will get empty array.
@@ -43,14 +43,14 @@ const normalizeCSVData = ({ data, mappings }) => {
 					);
 				}
 
-				return isValueEmpty
-					? normalizedItem
-					: {
-							...normalizedItem,
-							[name]: value, // Return the original value for proper mapping (e.g., variables in members)
-						};
+				if (isValueEmpty) {
+					return normalizedItem;
+				}
+				// Original value for proper mapping (e.g., variables in members)
+				normalizedItem[name] = value;
+				return normalizedItem;
 			},
-			{},
+			{} as Record<string, unknown>,
 		);
 
 		return normalized;

package/src/modules/UploadCsvPopup/scripts/parseCSV.ts

@@ -6,7 +6,7 @@ const parseCSV = (csvStr, options = {}) =>
 			csvStr,
 			{
 				columns: true,
-				cast: (value, context) => {
+				cast: (value /* context */) => {
 					if (typeof value !== 'string') return value;
 
 					const trimmed = value.trim();

package/src/modules/Userinfo/composables/createUserAccessControl.ts

@@ -1,8 +1,8 @@
-import { computed, Ref } from 'vue';
+import { computed, type Ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { CrudAction, type WtObject } from '../../../enums';
 import { _wtUiLog } from '../../../scripts/logger';
-import { createUserAccessStore } from '../stores/accessStore';
+import type { createUserAccessStore } from '../stores/accessStore';
 import type { UserAccessStore } from '../types/UserAccess.d.ts';
 
 export type UseUserAccessControlComposableOptions =