(fix) allow currentUserId number type

Author: antoine92190

README.md

@@ -70,7 +70,7 @@ You can import it as a custom component:
       return {
         rooms: [],
         messages: [],
-        currentUserId: '1234'
+        currentUserId: 1234
       }
     }
   }
@@ -79,23 +79,23 @@ You can import it as a custom component:
 
 ## Props API
 
-| Prop               | Type    | Required | Default |
-| ------------------ | ------- | -------- | ------- |
-| height             | String  | -        | 600px   |
-| currentUserId (1)  | String  | true     | -       |
-| rooms              | Array   | -        | [ ]     |
-| loadingRooms (2)   | Boolean | -        | false   |
-| messages           | Array   | -        | [ ]     |
-| messagesLoaded (3) | Boolean | -        | false   |
-| menuActions (4)    | Array   | -        | [ ]     |
-| messageActions (5) | Array   | -        | (4)     |
-| showAddRoom        | Boolean | -        | true    |
-| showFiles          | Boolean | -        | true    |
-| showEmojis         | Boolean | -        | true    |
-| showReactionEmojis | Boolean | -        | true    |
-| textMessages (6)   | Object  | -        | null    |
-| theme (7)          | Sring   | -        | light   |
-| colors (8)         | Object  | -        | (8)     |
+| Prop               | Type             | Required | Default |
+| ------------------ | ---------------- | -------- | ------- |
+| height             | String           | -        | 600px   |
+| currentUserId (1)  | [String, Number] | true     | -       |
+| rooms              | Array            | -        | [ ]     |
+| loadingRooms (2)   | Boolean          | -        | false   |
+| messages           | Array            | -        | [ ]     |
+| messagesLoaded (3) | Boolean          | -        | false   |
+| menuActions (4)    | Array            | -        | [ ]     |
+| messageActions (5) | Array            | -        | (4)     |
+| showAddRoom        | Boolean          | -        | true    |
+| showFiles          | Boolean          | -        | true    |
+| showEmojis         | Boolean          | -        | true    |
+| showReactionEmojis | Boolean          | -        | true    |
+| textMessages (6)   | Object           | -        | null    |
+| theme (7)          | Sring            | -        | light   |
+| colors (8)         | Object           | -        | (8)     |
 
 (1) `currentUserId` is required to display UI and trigger actions according to the user using the chat (ex: messages position on the right, etc.)
 

src/ChatWindow/ChatMessage.vue

@@ -206,7 +206,7 @@ export default {
 	},
 
 	props: {
-		currentUserId: { type: String, required: true },
+		currentUserId: { type: [String, Number], required: true },
 		textMessages: { type: Object, required: true },
 		index: { type: Number, required: true },
 		message: { type: Object, required: true },

src/ChatWindow/ChatWindow.vue

@@ -61,7 +61,7 @@ export default {
 		theme: { type: String, default: 'light' },
 		colors: { type: Object, default: null },
 		textMessages: { type: Object, default: null },
-		currentUserId: { type: String, default: '' },
+		currentUserId: { type: [String, Number], default: '' },
 		rooms: { type: Array, default: () => [] },
 		loadingRooms: { type: Boolean, default: false },
 		messages: { type: Array, default: () => [] },

src/ChatWindow/MessagesList.vue

@@ -222,7 +222,7 @@ export default {
 	},
 
 	props: {
-		currentUserId: { type: String, required: true },
+		currentUserId: { type: [String, Number], required: true },
 		textMessages: { type: Object, required: true },
 		showRoomsList: { type: Boolean, required: true },
 		isMobile: { type: Boolean, required: true },