@ethora/chat-component 25.1.14 → 25.1.16

package/dist/networking/stanzaHandlers.d.ts

@@ -1,8 +1,10 @@
 import { Element } from 'ltx';
 
 declare const onRealtimeMessage: (stanza: Element) => Promise<import('../types/types').IMessage>;
+declare const onReactionMessage: (stanza: Element) => Promise<void>;
 declare const onDeleteMessage: (stanza: Element) => Promise<void>;
 declare const onEditMessage: (stanza: Element) => Promise<void>;
+declare const onReactionHistory: (stanza: any) => Promise<void>;
 declare const onMessageHistory: (stanza: any) => Promise<void>;
 declare const handleComposing: (stanza: Element, currentUser: string) => Promise<void>;
 declare const onPresenceInRoom: (stanza: Element | any) => void;
@@ -12,4 +14,4 @@ declare const onGetRoomInfo: (stanza: Element) => void;
 declare const onGetLastMessageArchive: (stanza: Element, xmpp: any) => void;
 declare const onNewRoomCreated: (stanza: Element, xmpp: any) => void;
 declare const onGetChatRooms: (stanza: Element, xmpp: any) => void;
-export { onRealtimeMessage, onMessageHistory, onPresenceInRoom, onGetLastMessageArchive, handleComposing, onGetChatRooms, onNewRoomCreated, onGetMembers, onGetRoomInfo, onDeleteMessage, onEditMessage, onChatInvite, };
+export { onRealtimeMessage, onMessageHistory, onPresenceInRoom, onReactionHistory, onGetLastMessageArchive, handleComposing, onGetChatRooms, onNewRoomCreated, onGetMembers, onGetRoomInfo, onDeleteMessage, onEditMessage, onReactionMessage, onChatInvite, };

package/dist/networking/xmpp/sendMessageReaction.xmpp.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@xmpp/client';
+
+export declare function sendMessageReaction(client: Client, messageId: string, roomJid: string, reactionsList: string[], data: any, reactionSymbol?: any): void;

package/dist/networking/xmppClient.d.ts

@@ -35,6 +35,7 @@ export declare class XmppClient implements XmppClientInterface {
     sendTextMessageWithTranslateTagStanza: (roomJID: string, firstName: string, lastName: string, photo: string, walletAddress: string, userMessage: string, notDisplayedValue?: string, isReply?: boolean, showInChannel?: boolean, mainMessage?: string) => void;
     deleteMessageStanza(room: string, msgId: string): void;
     editMessageStanza(room: string, msgId: string, text: string): void;
+    sendMessageReactionStanza(messageId: string, roomJid: string, reactionsList: string[], reactionSymbol?: any): void;
     sendTypingRequestStanza(chatId: string, fullName: string, start: boolean): void;
     getChatsPrivateStoreRequestStanza: () => Promise<unknown>;
     actionSetTimestampToPrivateStoreStanza(chatId: string, timestamp: number, chats?: string[]): Promise<void>;

package/dist/roomStore/roomsSlice.d.ts

@@ -1,5 +1,5 @@
 import { PayloadAction } from '@reduxjs/toolkit';
-import { EditAction, IMessage, IRoom } from '../types/types';
+import { EditAction, IMessage, IRoom, ReactionAction } from '../types/types';
 
 interface RoomMessagesState {
     rooms: {
@@ -28,6 +28,7 @@ export declare const roomsStore: import('@reduxjs/toolkit').Slice<RoomMessagesSt
         roomJID: string;
         messageId: string;
     }>): void;
+    setReactions: (state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<ReactionAction | undefined>) => void;
     setEditAction: (state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<EditAction | undefined>) => void;
     editRoomMessage(state: import('immer').WritableDraft<RoomMessagesState>, action: PayloadAction<{
         roomJID: string;
@@ -108,7 +109,7 @@ export declare const addRoom: import('@reduxjs/toolkit').ActionCreatorWithOption
 }, "roomMessages/setCurrentRoom">, setRoomRole: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     chatJID: string;
     role: string;
-}, "roomMessages/setRoomRole">, setLogoutState: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"roomMessages/setLogoutState">, setActiveMessage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
+}, "roomMessages/setRoomRole">, setReactions: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<ReactionAction, "roomMessages/setReactions">, setLogoutState: import('@reduxjs/toolkit').ActionCreatorWithoutPayload<"roomMessages/setLogoutState">, setActiveMessage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{
     id: string;
     chatJID: string;
 }, "roomMessages/setActiveMessage">, setCloseActiveMessage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<{

package/dist/style.css

@@ -1 +1 @@
-body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;margin:0;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#5e3fde;border-radius:6px}::-webkit-scrollbar-track{background-color:#f0f0f0}*{scrollbar-width:thin;scrollbar-color:#5e3fde #f0f0f0}
+body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;margin:0;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#5e3fde;border-radius:6px}::-webkit-scrollbar-track{background-color:#f0f0f0}*{scrollbar-width:thin;scrollbar-color:#5e3fde #f0f0f0}.apple-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.emoji-mart{max-width:320px;max-height:360px;overflow-y:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}

package/dist/types/types.d.ts

@@ -31,9 +31,14 @@ export interface IMessage {
     isDeleted?: boolean;
     mainMessage?: string;
     reply?: IReply[];
+    reaction?: Record<string, ReactionMessage>;
     translations?: TranslationObject;
     langSource?: string;
 }
+export interface ReactionMessage {
+    emoji: string[];
+    data: Record<string, string>;
+}
 export interface IReply extends IMessage {
 }
 export interface IRoom {
@@ -205,12 +210,24 @@ export interface EditAction {
     messageId?: string;
     text?: string;
 }
+export interface ReactionAction {
+    roomJID: string;
+    messageId: string;
+    from: string;
+    reactions: string[];
+    data?: Record<string, string>;
+}
 export type ModalType = (typeof MODAL_TYPES)[keyof typeof MODAL_TYPES];
 export interface ModalFile {
     fileName: string;
     fileURL: string;
     mimetype: string;
 }
+export interface ReactionAction {
+    roomJID: string;
+    messageId: string;
+    reactions: string[];
+}
 export interface XmppClientInterface {
     client: Client;
     devServer?: string;
@@ -241,6 +258,7 @@ export interface XmppClientInterface {
     getRoomMembersStanza(roomJID: string): void;
     setVCardStanza(xmppUsername: string): void;
     sendMessage(roomJID: string, firstName: string, lastName: string, photo: string, walletAddress: string, userMessage: string, notDisplayedValue?: string, isReply?: boolean, showInChannel?: boolean, mainMessage?: string): void;
+    sendMessageReactionStanza(messageId: string, roomJid: string, reactionsList: string[], data: any, reactionSymbol?: any): void;
     deleteMessageStanza(room: string, msgId: string): void;
     editMessageStanza(room: string, msgId: string, text: string): void;
     sendTypingRequestStanza(chatId: string, fullName: string, start: boolean): void;
@@ -248,6 +266,7 @@ export interface XmppClientInterface {
     actionSetTimestampToPrivateStoreStanza(chatId: string, timestamp: number, chats?: string[]): Promise<void>;
     sendMediaMessageStanza(roomJID: string, data: any): void;
     createPrivateRoomStanza(title: string, description: string, to: string): Promise<string>;
+    sendMessageReactionStanza(messageId: string, roomJid: string, reactionsList: string[], reactionSymbol?: any): void;
 }
 export type Iso639_1Codes = 'en' | 'es' | 'pt' | 'ht' | 'zh';
 export interface Language {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethora/chat-component",
-  "version": "25.01.14",
+  "version": "25.01.16",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -16,12 +16,15 @@
     "lint:fix": "npx eslint --fix && prettier . --write"
   },
   "dependencies": {
+    "@emoji-mart/data": "^1.2.1",
+    "@emoji-mart/react": "^1.1.1",
     "@reduxjs/toolkit": "^2.2.1",
     "@types/react": "^18.2.65",
     "@types/react-dom": "^18.2.22",
     "@types/styled-components": "^5.1.34",
     "@xmpp/client": "^0.13.1",
     "axios": "^1.7.2",
+    "emoji-mart": "^5.6.0",
     "firebase": "^10.13.2",
     "i": "^0.3.7",
     "js-sha256": "^0.11.0",