@webitel/ui-sdk 26.8.63 → 26.8.65

package/src/scripts/storageFile/getFileTypeIcon.ts

@@ -0,0 +1,6 @@
+export const getFileTypeIcon = (mimeType: string): string => {
+	if (mimeType.includes('image')) return 'preview-tag-image';
+	if (mimeType.includes('video')) return 'preview-tag-video';
+	if (mimeType.includes('audio')) return 'preview-tag-audio';
+	return 'attach';
+};

package/src/scripts/storageFile/getStorageFileUrl.ts

@@ -0,0 +1,17 @@
+interface GetStorageFileUrlParams {
+	id: string;
+	type?: string;
+}
+
+export const getStorageFileUrl = ({
+	id,
+	type,
+}: GetStorageFileUrlParams): string => {
+	const token = localStorage.getItem('access-token');
+	let url = `${import.meta.env.VITE_API_URL}/storage/file/${id}/download?access_token=${token}`;
+
+	const source = type?.match(/source=[^;]+/)?.[0];
+	if (source) url = `${url}&${source}`;
+
+	return url;
+};

package/src/scripts/storageFile/openStorageFileInNewTab.ts

@@ -0,0 +1,34 @@
+import { getStorageFileUrl } from './getStorageFileUrl';
+
+interface OpenStorageFileInNewTabParams {
+	id?: string;
+}
+
+export const openStorageFileInNewTab = async (
+	item?: OpenStorageFileInNewTabParams,
+) => {
+	if (!item?.id) return;
+
+	// opened synchronously, before the awaits below, so browsers don't
+	// treat it as a blocked popup once the user-gesture context is gone
+	const newTab = window.open('', '_blank');
+
+	try {
+		const url = getStorageFileUrl({
+			id: item.id,
+		});
+
+		const response = await fetch(url);
+		if (!response.ok) {
+			throw new Error(`Failed to fetch file: ${response.statusText}`);
+		}
+
+		const blob = await response.blob();
+		const fileURL = URL.createObjectURL(blob);
+
+		if (newTab) newTab.location.href = fileURL;
+	} catch (error) {
+		newTab?.close();
+		console.error('Error opening file:', error);
+	}
+};

package/src/utils/index.ts

@@ -1,2 +1,3 @@
 export * from './displayText';
 export * from './formatDate';
+export * from './prettifyDate';

package/src/utils/prettifyDate.ts

@@ -0,0 +1,14 @@
+import { FormatDateMode } from '../enums';
+import { formatDate } from './formatDate';
+
+export function prettifyDate(
+	timestamp: string | number,
+	timezone?: string,
+): string {
+	const value = Number(timestamp);
+	if (!value) return '';
+
+	return formatDate(new Date(value), FormatDateMode.DATETIME_SHORT, {
+		timezone,
+	});
+}