Сменить аватар
- +
+
+
+ `;
+ root.querySelector('[data-action="back"]')?.addEventListener('click', showStepChoice);
+ root.querySelector('[data-action="close"]')?.addEventListener('click', () => close(false, resolve));
+ };
+
+ const showStepFreeUploadForm = () => {
+ if (closed) return;
+ const remaining = Number(freeQuotaInfo?.remainingCount || 0);
+ const limit = Number(freeQuotaInfo?.limit || 3);
+ const maxBytes = Number(freeQuotaInfo?.maxBytes || DEFAULT_FREE_AVATAR_MAX_BYTES);
+ root.innerHTML = `
+
+
+ Лимит исчерпан
+ +
+
+
+
+
+
+ `;
+
+ const modal = root.querySelector('[data-avatar-wizard-modal="true"]');
+ const fileInput = root.querySelector('#avatar-free-file-input');
+ const errorEl = root.querySelector('[data-error="true"]');
+ const metaEl = root.querySelector('[data-meta="true"]');
+ const previewWrap = root.querySelector('[data-preview-wrap="true"]');
+ const previewImage = root.querySelector('[data-preview-image="true"]');
+ const uploadBtn = root.querySelector('[data-action="upload"]');
+
+ optimized = null;
+ uploadedSha256Hex = '';
+
+ modal?.addEventListener('click', (event) => {
+ if (event.target === modal) close(false, resolve);
+ });
+ root.querySelector('[data-action="back"]')?.addEventListener('click', showStepChoice);
+
+ fileInput?.addEventListener('change', async () => {
+ setNodeText(errorEl, '');
+ setNodeText(metaEl, '');
+ uploadBtn.disabled = true;
+ revokePreviewUrl();
+
+ const selectedFile = fileInput.files?.[0] || null;
+ if (!selectedFile) {
+ setNodeText(errorEl, 'Выберите файл изображения.');
+ return;
+ }
+
+ try {
+ validateAvatarSourceFile(selectedFile);
+ optimized = await prepareAvatarImageFile(selectedFile);
+ if (Number(optimized?.file?.size || 0) > maxBytes) {
+ throw new Error(`После уменьшения файл всё ещё больше ${formatBytes(maxBytes)}. Возьмите более простое изображение.`);
+ }
+
+ lastPreviewUrl = URL.createObjectURL(optimized.file);
+ previewImage.src = lastPreviewUrl;
+ previewWrap.hidden = false;
+ metaEl.innerHTML = `
+
+
+ Залить аватар бесплатно
+ + + + +
+ ![Предпросмотр аватара]()
+
+
+
+
+
+
+
+
+ Исходный размер: ${escapeHtml(formatBytes(optimized.originalSizeBytes))}
+ Итоговый размер: ${escapeHtml(formatBytes(optimized.optimizedSizeBytes))}
+ Итоговое разрешение: ${escapeHtml(`${optimized.width} × ${optimized.height}`)}
+ Тип файла: ${escapeHtml(optimized.contentType)}
+ SHA-256: ${escapeHtml(String(optimized.sha256Hex || '').toLowerCase())}
+ `;
+ uploadBtn.disabled = false;
+ } catch (error) {
+ setNodeText(errorEl, String(error?.message || 'Не удалось подготовить изображение.'));
+ }
+ });
+
+ uploadBtn?.addEventListener('click', async () => {
+ setNodeText(errorEl, '');
+ if (!optimized?.file) {
+ setNodeText(errorEl, 'Выберите файл изображения.');
+ return;
+ }
+
+ uploadBtn.disabled = true;
+ try {
+ const fileBytes = new Uint8Array(await optimized.file.arrayBuffer());
+ const uploaded = await authService.uploadTestFreeAvatar({
+ contentType: optimized.contentType,
+ fileBytesBase64: bytesToBase64(fileBytes),
+ sha256Hex: String(optimized.sha256Hex || '').trim().toLowerCase(),
+ });
+ uploadedTxId = String(uploaded.txId || '').trim();
+ uploadedSha256Hex = String(uploaded.sha256Hex || optimized.sha256Hex || '').trim().toLowerCase();
+ uploadedInfoText = `Осталось бесплатных загрузок: ${Number(uploaded.remainingCount || 0)} из ${Number(uploaded.limit || limit)}.`;
+ if (!uploadedTxId) {
+ throw new Error('Сервер не вернул Transaction ID.');
+ }
+ showStepUploaded();
+ } catch (error) {
+ setNodeText(errorEl, String(error?.message || 'Не удалось бесплатно загрузить аватар.'));
+ uploadBtn.disabled = false;
+ }
+ });
+ };
+
+ const showStepFreeUpload = async () => {
+ if (closed) return;
+ root.innerHTML = `
+
+
+ `;
+
+ const loadingEl = root.querySelector('[data-loading="true"]');
+ const errorEl = root.querySelector('[data-error="true"]');
+ root.querySelector('[data-action="back"]')?.addEventListener('click', showStepChoice);
+
+ try {
+ freeQuotaInfo = await authService.getTestFreeAvatarQuota();
+ } catch (error) {
+ setNodeText(errorEl, error?.message || 'Не удалось получить остаток бесплатных загрузок.');
+ return;
+ }
+
+ if (!freeQuotaInfo?.enabled) {
+ setNodeText(loadingEl, '');
+ setNodeText(errorEl, 'Временная бесплатная загрузка аватаров сейчас отключена на сервере.');
+ return;
+ }
+ if (Number(freeQuotaInfo?.remainingCount || 0) <= 0) {
+ showStepFreeLimitExhausted();
+ return;
+ }
+ showStepFreeUploadForm();
+ };
+
const showStepUploaded = () => {
if (closed) return;
root.innerHTML = `
@@ -373,6 +545,7 @@ export function openAvatarWizard({
+ ${uploadedInfoText ? `` : ''}
+
+ Подготовка бесплатной загрузки
+ + +
+
+
+
diff --git a/shine-UI/js/pages/chat-view.js b/shine-UI/js/pages/chat-view.js
index 706f55d..f9e9af7 100644
--- a/shine-UI/js/pages/chat-view.js
+++ b/shine-UI/js/pages/chat-view.js
@@ -10,6 +10,7 @@ import {
markChatRead,
markOutgoingSent,
markReadReceiptSentByBaseKey,
+ normalizeDmChatId,
authService,
setContacts,
state,
@@ -71,7 +72,7 @@ function openMessageActionsMenu({
const menuId = `chat-message-actions-menu-${Date.now()}`;
root.innerHTML = `