@webitel/ui-chats 0.0.2 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-chats",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Reusable Webitel Frontend Code for Chats UI",
   "workspaces": [
     "../../",

package/src/ui/index.ts

@@ -1,2 +1,3 @@
 export { default as ChatContainerComponent } from './chat-container.vue';
 export { ChatAction } from './chat-footer/modules/user-input/types/ChatAction.types';
+export { type ChatMessageType } from './messaging/types/ChatMessage.types';

package/src/ui/messaging/modules/message/components/chat-message.vue

@@ -54,6 +54,7 @@
   import { ComponentSize } from '@webitel/ui-sdk/enums';
   import {computed, defineEmits, defineProps, inject} from 'vue';
 
+  import { ChatMessageType } from "../../../types/ChatMessage.types";
   import { useChatMessageFile } from '../composables/useChatMessageFile'
   import MessageAvatar from './details/chat-message-avatar.vue';
   import MessageBlockedError from './details/chat-message-blocked-error.vue';
@@ -64,7 +65,7 @@
   import MessageTime from './details/chat-message-time.vue';
 
   const props = withDefaults(defineProps<{
-    message: object,
+    message: ChatMessageType
     showAvatar?: boolean,
     username?: string,
   }>(), {

package/src/ui/messaging/types/ChatMessage.types.ts

@@ -1,5 +1,20 @@
-export type ChatMessageType = {
+export interface ChatMessageType {
+  id: number;
+  date: number;
+  file?: ChatMessageFile;
+  member: ChatMember;
+  peer?: ChatMember;
+  chat?: ChatMessageChatInfo;
+  createdAt: number;
+  channelId?: string;
+  updatedAt?: number;
+  contact?: null | ContactInfo;
+  text?: string;
+}
+
+export type ContactInfo = {
   id: string;
+  name?: string;
 };
 
 export type ChatMessageFile = {
@@ -10,3 +25,25 @@ export type ChatMessageFile = {
   url?: string;
   streamUrl?: string;
 };
+
+export type ChatMember = {
+  id: number;
+  name: string;
+  type: string;
+  userId?: number;
+  externalId?: string;
+  via?: ChatVia;
+  self?: boolean;
+};
+
+export type ChatMessageChatInfo = {
+  id: string;
+  via: ChatVia;
+};
+
+export type ChatVia = {
+  id: number;
+  name: string;
+  type: string;
+  messenger?: string;
+};

package/types/ui/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ChatContainerComponent } from './chat-container.vue';
 export { ChatAction } from './chat-footer/modules/user-input/types/ChatAction.types';
+export { type ChatMessageType } from './messaging/types/ChatMessage.types';

package/types/ui/messaging/modules/message/components/chat-message.vue.d.ts

@@ -1,5 +1,6 @@
+import { ChatMessageType } from "../../../types/ChatMessage.types";
 type __VLS_Props = {
-    message: object;
+    message: ChatMessageType;
     showAvatar?: boolean;
     username?: string;
 };

package/types/ui/messaging/types/ChatMessage.types.d.ts

@@ -1,5 +1,19 @@
-export type ChatMessageType = {
+export interface ChatMessageType {
+    id: number;
+    date: number;
+    file?: ChatMessageFile;
+    member: ChatMember;
+    peer?: ChatMember;
+    chat?: ChatMessageChatInfo;
+    createdAt: number;
+    channelId?: string;
+    updatedAt?: number;
+    contact?: null | ContactInfo;
+    text?: string;
+}
+export type ContactInfo = {
     id: string;
+    name?: string;
 };
 export type ChatMessageFile = {
     id?: string;
@@ -9,3 +23,22 @@ export type ChatMessageFile = {
     url?: string;
     streamUrl?: string;
 };
+export type ChatMember = {
+    id: number;
+    name: string;
+    type: string;
+    userId?: number;
+    externalId?: string;
+    via?: ChatVia;
+    self?: boolean;
+};
+export type ChatMessageChatInfo = {
+    id: string;
+    via: ChatVia;
+};
+export type ChatVia = {
+    id: number;
+    name: string;
+    type: string;
+    messenger?: string;
+};