- 
-
- `;
- } else {
- const blob = this.base64ToBlob(message.content.data, message.content.type);
- const url = URL.createObjectURL(blob);
- fileContent = `
-
- `;
- }
-
- messageContent.innerHTML = `
-
-
- `;
- } else {
- messageContent.innerHTML = `
-
-
- `;
- }
-
- messageElement.appendChild(messageContent);
- messagesContainer.appendChild(messageElement);
- }
-
- this.scrollToBottom(messagesContainer);
- } else {
- console.log('No messages found');
- }
- this.scrollToBottom(messagesContainer);
- } catch (error) {
- console.error('❌ Error in loadMemberChat:', error);
- } finally {
- this.isLoading = false;
- }
- }
-
- private async reloadMemberChat(pairingProcess: string) {
- try {
- const service = await Services.getInstance();
- const database = await Database.getInstance();
- const db = database.db;
-
- const chatHeader = this.shadowRoot?.querySelector('#chat-header');
- const messagesContainer = this.shadowRoot?.querySelector('#messages');
-
- if (!chatHeader || !messagesContainer) return;
-
- messagesContainer.innerHTML = '';
-
- const emojis = await addressToEmoji(pairingProcess);
-
- const transaction = db.transaction("labels", "readonly");
- const store = transaction.objectStore("labels");
- const request = store.get(emojis);
-
- request.onsuccess = () => {
- const label = request.result;
- if (this.selectedMember === pairingProcess) {
- chatHeader.textContent = label ? `Chat with ${label.label} (${emojis})` : `Chat with member (${emojis})`;
- }
-
- };
-
- request.onerror = () => {
- chatHeader.textContent = `Chat with member (${emojis})`;
- };
-
- let dmProcessId = await this.selectedChatProcessId;
-
- // Récupérer les messages depuis les états du processus
- const allMessages: any[] = [];
-
- const dmProcess = await service.getProcess(dmProcessId);
-
- console.log(dmProcess);
-
- if (dmProcess?.states) {
- for (const state of dmProcess.states) {
- if (!state.state_id) { continue; }
- const message = await service.decryptAttribute(dmProcessId, state, 'message');
- if (message === "" || message === undefined || message === null) {
- continue;
- }
- console.log('message', message);
- allMessages.push(message);
- }
- }
-
- allMessages.sort((a, b) => a.metadata.createdAt - b.metadata.createdAt);
- if (allMessages.length > 0) {
- console.log('Messages found:', allMessages);
- for (const message of allMessages) {
- const messageElement = document.createElement('div');
- messageElement.className = 'message-container';
-
- const myProcessId = await this.getMyProcessId();
-
- const isCurrentUser = message.metadata.sender === myProcessId;
- messageElement.style.justifyContent = isCurrentUser ? 'flex-end' : 'flex-start';
-
- const messageContent = document.createElement('div');
- messageContent.className = isCurrentUser ? 'message user' : 'message';
-
-
-
- const myEmoji = await addressToEmoji(myProcessId);
- const otherEmoji = await addressToEmoji(this.selectedMember);
-
- const senderEmoji = isCurrentUser ? myEmoji : otherEmoji;
-
- if (message.type === 'file') {
- let fileContent = '';
- if (message.content.type.startsWith('image/')) {
- fileContent = `
-
-
-
- `;
- } else {
- const blob = this.base64ToBlob(message.content.data, message.content.type);
- const url = URL.createObjectURL(blob);
- fileContent = `
-
- `;
- }
-
- messageContent.innerHTML = `
-
-
- `;
- } else {
- messageContent.innerHTML = `
-
-
- `;
- }
-
- messageElement.appendChild(messageContent);
- messagesContainer.appendChild(messageElement);
- }
-
- this.scrollToBottom(messagesContainer);
- } else {
- console.log('No messages found');
- }
- this.scrollToBottom(messagesContainer);
- } catch (error) {
- console.error('❌ Error in reloadMemberChat:', error);
- }
- }
-
- private base64ToBlob(base64: string, type: string): Blob {
- const byteCharacters = atob(base64.split(',')[1]);
- const byteArrays = [];
-
- for (let offset = 0; offset < byteCharacters.length; offset += 512) {
- const slice = byteCharacters.slice(offset, offset + 512);
- const byteNumbers = new Array(slice.length);
-
- for (let i = 0; i < slice.length; i++) {
- byteNumbers[i] = slice.charCodeAt(i);
- }
-
- const byteArray = new Uint8Array(byteNumbers);
- byteArrays.push(byteArray);
- }
-
- return new Blob(byteArrays, { type: type });
- }
-
- //To get a map with key: sp address, value: pairing process
- async getAddressMap() {
- const service = await Services.getInstance();
- const allMembers = await service.getAllMembers();
-
- const addressMap: Record