@webinex/chatify 2.0.0-alpha4 → 2.0.0-alpha8

package/dist/esm/types/core/client.d.ts

@@ -1,6 +1,6 @@
 import { AxiosInstance } from 'axios';
 import * as SignalR from '@microsoft/signalr';
-import { Account, AddChatRequest, AddChatMemberRequest, Chat, ChatListItem, ChatMessage, ReadChatMessageEvent, ReadChatMessageRequest, RemoveChatMemberRequest, SendChatMessageRequest, UpdateChatNameRequest, SendThreadMessageRequest, Thread, ThreadMessage, ThreadWatchListItem as ThreadListItem } from './types';
+import { Account, AddChatRequest, AddChatMemberRequest, Chat, ChatListItem, ChatMessage, ReadChatMessageEvent, ReadChatMessageRequest, RemoveChatMemberRequest, SendChatMessageRequest, UpdateChatNameRequest, SendThreadMessageRequest, Thread, ThreadMessage, ThreadWatchListItem as ThreadListItem, UpdateAccountRequest } from './types';
 export interface ChatifySignalRConfig {
     hubUri?: string;
     accessTokenFactory?: () => Promise<string>;
@@ -10,7 +10,7 @@ export interface ChatifyClientConfig {
     axios: AxiosInstance;
     signalR: ChatifySignalRConfig;
 }
-export declare const CHATIFY_SIGNALR_METHODS: readonly ["chatify://chat-new-message", "chatify://chat-created", "chatify://chat-message-read", "chatify://chat-member-added", "chatify://chat-member-removed", "chatify://chat-name-changed", "chatify://thread-created", "chatify://thread-message-new", "chatify://thread-message-read", "chatify://thread-watch-added", "chatify://thread-watch-removed"];
+export declare const CHATIFY_SIGNALR_METHODS: readonly ["chatify://chat-new-message", "chatify://chat-created", "chatify://chat-message-read", "chatify://chat-member-added", "chatify://chat-member-removed", "chatify://chat-name-changed", "chatify://thread-created", "chatify://thread-message-new", "chatify://thread-message-read", "chatify://thread-watch-added", "chatify://thread-watch-removed", "chatify://thread-updated"];
 export type ChatifySignalRMethod = (typeof CHATIFY_SIGNALR_METHODS)[number];
 export type ChatifySignalRArgsByMethod = {
     'chatify://chat-new-message': [message: ChatMessage];
@@ -37,6 +37,7 @@ export type ChatifySignalRArgsByMethod = {
     'chatify://thread-watch-added': [thread: ThreadListItem];
     'chatify://thread-watch-removed': [id: string];
     'chatify://thread-created': [thread: ThreadListItem, watch: boolean];
+    'chatify://thread-updated': [threadId: string, threadName: string];
 };
 export declare class ChatifyClient {
     private _config;
@@ -48,10 +49,11 @@ export declare class ChatifyClient {
     constructor(config: ChatifyClientConfig);
     connect: () => Promise<SignalR.HubConnection | undefined>;
     private createAndStartConnection;
-    subscribe: <TMethod extends "chatify://chat-created" | "chatify://chat-name-changed" | "chatify://chat-new-message" | "chatify://chat-message-read" | "chatify://chat-member-added" | "chatify://chat-member-removed" | "chatify://thread-created" | "chatify://thread-message-new" | "chatify://thread-message-read" | "chatify://thread-watch-added" | "chatify://thread-watch-removed">(method: TMethod, subscriber: (args: ChatifySignalRArgsByMethod[TMethod]) => void) => () => ((args: any[]) => void)[];
+    subscribe: <TMethod extends "chatify://chat-created" | "chatify://chat-name-changed" | "chatify://chat-new-message" | "chatify://chat-message-read" | "chatify://chat-member-added" | "chatify://chat-member-removed" | "chatify://thread-created" | "chatify://thread-message-new" | "chatify://thread-message-read" | "chatify://thread-watch-added" | "chatify://thread-watch-removed" | "chatify://thread-updated">(method: TMethod, subscriber: (args: ChatifySignalRArgsByMethod[TMethod]) => void) => () => ((args: any[]) => void)[];
     subscribeReconnect: (subscriber: () => any) => () => (() => void)[];
     private get axios();
     accounts: () => Promise<Account[]>;
+    updateAccount: (request: UpdateAccountRequest) => Promise<void>;
     chats: () => Promise<ChatListItem[]>;
     chat: (id: string) => Promise<Chat>;
     addChat: (args: AddChatRequest) => Promise<string>;

package/dist/esm/types/core/types.d.ts

@@ -1,12 +1,32 @@
+export interface Optional<TValue> {
+    hasValue: boolean;
+    value?: TValue | null;
+}
 export interface File {
     name: string;
     bytes: number;
     ref: string;
 }
+export interface Period {
+    start: string;
+    end: string;
+}
+export interface AutoReply {
+    text: string;
+    period: Period;
+}
 export interface Account {
     id: string;
     name: string;
     avatar: string;
+    autoReply: AutoReply | null;
+}
+export interface UpdateAccountRequest {
+    id: string;
+    autoReply?: Optional<AutoReply> | null;
+    name?: Optional<string> | null;
+    avatar?: Optional<string> | null;
+    active?: Optional<boolean> | null;
 }
 export interface MessageBase {
     id: string;

package/dist/index.d.ts

@@ -83,15 +83,35 @@ declare const ChatList: Customizable<react.ComponentType<unknown>>;
 
 declare const SYSTEM_ID = "chatify::system";
 
+interface Optional<TValue> {
+    hasValue: boolean;
+    value?: TValue | null;
+}
 interface File {
     name: string;
     bytes: number;
     ref: string;
 }
+interface Period {
+    start: string;
+    end: string;
+}
+interface AutoReply {
+    text: string;
+    period: Period;
+}
 interface Account {
     id: string;
     name: string;
     avatar: string;
+    autoReply: AutoReply | null;
+}
+interface UpdateAccountRequest {
+    id: string;
+    autoReply?: Optional<AutoReply> | null;
+    name?: Optional<string> | null;
+    avatar?: Optional<string> | null;
+    active?: Optional<boolean> | null;
 }
 interface MessageBase {
     id: string;
@@ -195,7 +215,7 @@ interface ChatifyClientConfig {
     axios: AxiosInstance;
     signalR: ChatifySignalRConfig;
 }
-declare const CHATIFY_SIGNALR_METHODS: readonly ["chatify://chat-new-message", "chatify://chat-created", "chatify://chat-message-read", "chatify://chat-member-added", "chatify://chat-member-removed", "chatify://chat-name-changed", "chatify://thread-created", "chatify://thread-message-new", "chatify://thread-message-read", "chatify://thread-watch-added", "chatify://thread-watch-removed"];
+declare const CHATIFY_SIGNALR_METHODS: readonly ["chatify://chat-new-message", "chatify://chat-created", "chatify://chat-message-read", "chatify://chat-member-added", "chatify://chat-member-removed", "chatify://chat-name-changed", "chatify://thread-created", "chatify://thread-message-new", "chatify://thread-message-read", "chatify://thread-watch-added", "chatify://thread-watch-removed", "chatify://thread-updated"];
 type ChatifySignalRMethod = (typeof CHATIFY_SIGNALR_METHODS)[number];
 type ChatifySignalRArgsByMethod = {
     'chatify://chat-new-message': [message: ChatMessage];
@@ -222,6 +242,7 @@ type ChatifySignalRArgsByMethod = {
     'chatify://thread-watch-added': [thread: ThreadWatchListItem];
     'chatify://thread-watch-removed': [id: string];
     'chatify://thread-created': [thread: ThreadWatchListItem, watch: boolean];
+    'chatify://thread-updated': [threadId: string, threadName: string];
 };
 declare class ChatifyClient {
     private _config;
@@ -233,10 +254,11 @@ declare class ChatifyClient {
     constructor(config: ChatifyClientConfig);
     connect: () => Promise<SignalR.HubConnection | undefined>;
     private createAndStartConnection;
-    subscribe: <TMethod extends "chatify://chat-created" | "chatify://chat-name-changed" | "chatify://chat-new-message" | "chatify://chat-message-read" | "chatify://chat-member-added" | "chatify://chat-member-removed" | "chatify://thread-created" | "chatify://thread-message-new" | "chatify://thread-message-read" | "chatify://thread-watch-added" | "chatify://thread-watch-removed">(method: TMethod, subscriber: (args: ChatifySignalRArgsByMethod[TMethod]) => void) => () => ((args: any[]) => void)[];
+    subscribe: <TMethod extends "chatify://chat-created" | "chatify://chat-name-changed" | "chatify://chat-new-message" | "chatify://chat-message-read" | "chatify://chat-member-added" | "chatify://chat-member-removed" | "chatify://thread-created" | "chatify://thread-message-new" | "chatify://thread-message-read" | "chatify://thread-watch-added" | "chatify://thread-watch-removed" | "chatify://thread-updated">(method: TMethod, subscriber: (args: ChatifySignalRArgsByMethod[TMethod]) => void) => () => ((args: any[]) => void)[];
     subscribeReconnect: (subscriber: () => any) => () => (() => void)[];
     private get axios();
     accounts: () => Promise<Account[]>;
+    updateAccount: (request: UpdateAccountRequest) => Promise<void>;
     chats: () => Promise<ChatListItem[]>;
     chat: (id: string) => Promise<Chat>;
     addChat: (args: AddChatRequest) => Promise<string>;
@@ -13359,4 +13381,4 @@ declare const Chatify: {
     Chat: typeof ChatPanel;
 };
 
-export { Account, AddChatMemberRequest, AddChatRequest, Avatar, AvatarProps, CHATIFY_SIGNALR_METHODS, Chat, ChatContext, ChatEditableHeaderName, ChatGroupAside, ChatGroupBody, ChatGroupContext, ChatGroupCustomizeValue, ChatGroupFooter, ChatGroupHeader, ChatGroupLayoutCustomizeValue, ChatGroupMain, ChatGroupPanel, ChatHeaderActions, ChatList, ChatListCustomizeValue, ChatListItem, ChatListItemAvatar, ChatListItemBox, ChatListItemBoxProps, ChatListItemLastMessage, ChatListItemLastMessageAuthor, ChatListItemLastMessageContent, ChatListItemLastMessageSentAt, ChatListItemName, ChatListItemUnreadCount, ChatMembersButton, ChatMembersCustomizeValue, ChatMembersPanel, ChatMembersPreview, ChatMessage, ChatMessageListResult, ChatPanel, ChatPanelCustomizeValue, ChatPanelProps, ChatProps, ChatValue, ChatView, ChatViewCustomizeValue, Chatify, ChatifyClient, ChatifyClientConfig, ChatifyProps, ChatifySignalRArgsByMethod, ChatifySignalRConfig, ChatifySignalRMethod, Conversation, ConversationActions, ConversationBody, ConversationContext, ConversationContextValue, ConversationCustomizeValue, ConversationHeader, ConversationName, ConversationProps, ConversationValue, CreateChatButton, CreateChatForm, CreateChatFormProps, CreateChatFormValue, CreateChatMemberInput, CreateChatMemberInputProps, CreateChatNameInput, CreateChatNameInputProps, CreateChatPanel, CreateChatPanelCustomizeValue, Customizable, CustomizeContext, DEFAULT_CHAT_VIEW_CUSTOMIZE_VALUE, File, ICONS, Icon, IconProps, IconType, InputBox, InputBoxCustomizeValue, InputBoxFile, InputBoxFileList, InputBoxFileListProps, InputBoxFileProps, InputFileButton, InputFilesBox, InputFilesBoxProps, InputSubmitButtonBox, InputSubmitButtonBoxProps, InputTextBox, Localizer, LocalizerContext, MessageAuthor, MessageBase, MessageBody, MessageBox, MessageBoxProps, MessageContent, MessageCustomizeValue, MessageFile, MessageFileList, MessageFileProps, MessageInfoBox, MessageReadObserver, MessageReadObserverProps, MessageRow, MessageRowProps, MessageSkeleton, MessageSkeletonProps, MessageText, NextMessagesObserver, NextMessagesObserverProps, ReadChatMessageEvent, ReadChatMessageRequest, RemoveChatMemberRequest, SYSTEM_ID, SendChatMessageRequest, SendThreadMessageRequest, SendingMessageBox, SendingMessageBoxProps, SendingMessageContent, SendingMessageCustomizeValue, SendingMessageInfoBox, SendingMessageText, SystemMessageBox, SystemMessageBoxProps, SystemMessageCustomizeValue, SystemMessageRow, SystemMessageRowProps, SystemMessageText, TextInputBoxProps, Thread, ThreadActions, ThreadContext, ThreadContextValue, ThreadCustomizeValue, ThreadMessage, ThreadMessageList, ThreadPanel, ThreadPanelProps, ThreadWatchListItem, UpdateChatNameRequest, calcThreadListUnreadCount, calcThreadUnreadCount, chatId, chatifyApi, color, customize, defaultLocalizer, formatSystemMessage, parseThreadMessageId, unsubscribe, useChatContext, useChatGroupContext, useChatListItem, useConversation, useCustomize, useCustomizeContext, useLocalizer, useThreadContext, useUnreadThreadMessageCount };
+export { Account, AddChatMemberRequest, AddChatRequest, AutoReply, Avatar, AvatarProps, CHATIFY_SIGNALR_METHODS, Chat, ChatContext, ChatEditableHeaderName, ChatGroupAside, ChatGroupBody, ChatGroupContext, ChatGroupCustomizeValue, ChatGroupFooter, ChatGroupHeader, ChatGroupLayoutCustomizeValue, ChatGroupMain, ChatGroupPanel, ChatHeaderActions, ChatList, ChatListCustomizeValue, ChatListItem, ChatListItemAvatar, ChatListItemBox, ChatListItemBoxProps, ChatListItemLastMessage, ChatListItemLastMessageAuthor, ChatListItemLastMessageContent, ChatListItemLastMessageSentAt, ChatListItemName, ChatListItemUnreadCount, ChatMembersButton, ChatMembersCustomizeValue, ChatMembersPanel, ChatMembersPreview, ChatMessage, ChatMessageListResult, ChatPanel, ChatPanelCustomizeValue, ChatPanelProps, ChatProps, ChatValue, ChatView, ChatViewCustomizeValue, Chatify, ChatifyClient, ChatifyClientConfig, ChatifyProps, ChatifySignalRArgsByMethod, ChatifySignalRConfig, ChatifySignalRMethod, Conversation, ConversationActions, ConversationBody, ConversationContext, ConversationContextValue, ConversationCustomizeValue, ConversationHeader, ConversationName, ConversationProps, ConversationValue, CreateChatButton, CreateChatForm, CreateChatFormProps, CreateChatFormValue, CreateChatMemberInput, CreateChatMemberInputProps, CreateChatNameInput, CreateChatNameInputProps, CreateChatPanel, CreateChatPanelCustomizeValue, Customizable, CustomizeContext, DEFAULT_CHAT_VIEW_CUSTOMIZE_VALUE, File, ICONS, Icon, IconProps, IconType, InputBox, InputBoxCustomizeValue, InputBoxFile, InputBoxFileList, InputBoxFileListProps, InputBoxFileProps, InputFileButton, InputFilesBox, InputFilesBoxProps, InputSubmitButtonBox, InputSubmitButtonBoxProps, InputTextBox, Localizer, LocalizerContext, MessageAuthor, MessageBase, MessageBody, MessageBox, MessageBoxProps, MessageContent, MessageCustomizeValue, MessageFile, MessageFileList, MessageFileProps, MessageInfoBox, MessageReadObserver, MessageReadObserverProps, MessageRow, MessageRowProps, MessageSkeleton, MessageSkeletonProps, MessageText, NextMessagesObserver, NextMessagesObserverProps, Optional, Period, ReadChatMessageEvent, ReadChatMessageRequest, RemoveChatMemberRequest, SYSTEM_ID, SendChatMessageRequest, SendThreadMessageRequest, SendingMessageBox, SendingMessageBoxProps, SendingMessageContent, SendingMessageCustomizeValue, SendingMessageInfoBox, SendingMessageText, SystemMessageBox, SystemMessageBoxProps, SystemMessageCustomizeValue, SystemMessageRow, SystemMessageRowProps, SystemMessageText, TextInputBoxProps, Thread, ThreadActions, ThreadContext, ThreadContextValue, ThreadCustomizeValue, ThreadMessage, ThreadMessageList, ThreadPanel, ThreadPanelProps, ThreadWatchListItem, UpdateAccountRequest, UpdateChatNameRequest, calcThreadListUnreadCount, calcThreadUnreadCount, chatId, chatifyApi, color, customize, defaultLocalizer, formatSystemMessage, parseThreadMessageId, unsubscribe, useChatContext, useChatGroupContext, useChatListItem, useConversation, useCustomize, useCustomizeContext, useLocalizer, useThreadContext, useUnreadThreadMessageCount };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@webinex/chatify",
   "description": "Webinex Chatify",
   "private": false,
-  "version": "2.0.0-alpha4",
+  "version": "2.0.0-alpha8",
   "author": "Webinex Dev",
   "license": "Apache-2.0",
   "main": "src/index.ts",

package/src/core/api/api.ts

@@ -459,6 +459,14 @@ const __chatifyApi = __baseApi.injectEndpoints({
               if (index !== -1) threads.splice(index, 1);
             }),
           ),
+          __settings.client.subscribe('chatify://thread-updated', ([threadId, threadName]) =>
+            updateCachedData((threads) => {
+              const thread = threads.find((x) => x.id === threadId);
+              if (!thread) return;
+
+              thread.name = threadName;
+            }),
+          ),
         ).when(cacheEntryRemoved);
       },
     }),
@@ -509,6 +517,14 @@ const __chatifyApi = __baseApi.injectEndpoints({
                 thread.watch = false;
               }),
           ),
+          __settings.client.subscribe(
+            'chatify://thread-updated',
+            ([threadId, threadName]) =>
+              id === threadId &&
+              updateCachedData((thread) => {
+                thread.name = threadName;
+              }),
+          ),
         ).when(cacheEntryRemoved);
       },
     }),

package/src/core/client.ts

@@ -16,6 +16,7 @@ import {
   Thread,
   ThreadMessage,
   ThreadWatchListItem as ThreadListItem,
+  UpdateAccountRequest,
 } from './types';
 
 export interface ChatifySignalRConfig {
@@ -47,6 +48,7 @@ export const CHATIFY_SIGNALR_METHODS = [
   'chatify://thread-message-read',
   'chatify://thread-watch-added',
   'chatify://thread-watch-removed',
+  'chatify://thread-updated',
 ] as const;
 
 export type ChatifySignalRMethod = (typeof CHATIFY_SIGNALR_METHODS)[number];
@@ -77,6 +79,7 @@ export type ChatifySignalRArgsByMethod = {
   'chatify://thread-watch-added': [thread: ThreadListItem];
   'chatify://thread-watch-removed': [id: string];
   'chatify://thread-created': [thread: ThreadListItem, watch: boolean];
+  'chatify://thread-updated': [threadId: string, threadName: string];
 };
 
 export class ChatifyClient {
@@ -166,6 +169,10 @@ export class ChatifyClient {
     return data;
   };
 
+  public updateAccount = async (request: UpdateAccountRequest) => {
+    await this.axios.put(`account/${encodeURIComponent(request.id)}`, request);
+  };
+
   public chats = async () => {
     const { data } = await this.axios.get<ChatListItem[]>('chat');
     return data;

package/src/core/types.tsx

@@ -1,13 +1,37 @@
+export interface Optional<TValue> {
+  hasValue: boolean;
+  value?: TValue | null;
+}
+
 export interface File {
   name: string;
   bytes: number;
   ref: string;
 }
 
+export interface Period {
+  start: string;
+  end: string;
+}
+
+export interface AutoReply {
+  text: string;
+  period: Period;
+}
+
 export interface Account {
   id: string;
   name: string;
   avatar: string;
+  autoReply: AutoReply | null;
+}
+
+export interface UpdateAccountRequest {
+  id: string;
+  autoReply?: Optional<AutoReply> | null;
+  name?: Optional<string> | null;
+  avatar?: Optional<string> | null;
+  active?: Optional<boolean> | null;
 }
 
 export interface MessageBase {

package/src/styles/aside.scss

@@ -75,7 +75,7 @@
         }
 
         .wxchtf-chat-info {
-          min-width: 1;
+          min-width: 0;
         }
 
         .wxchtf-chat-name {

package/src/styles/chat.scss

@@ -6,14 +6,14 @@
     flex: auto;
     display: flex;
     flex-flow: row nowrap;
-    min-width: 1;
+    min-width: 0;
   }
 
   .wxchtf-conversation {
     flex: auto;
     display: flex;
     flex-flow: row nowrap;
-    min-width: 1;
+    min-width: 0;
 
     .wxchtf-conversation-main {
       flex: 1;