@webinex/chatify 1.0.0-alpha07 → 1.0.0-rc1

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

@@ -35,14 +35,14 @@ export interface SendMessageRequest {
     files: File[];
     requestId: string;
 }
-export interface MessageContent {
+export interface MessageBody {
     text: string;
     files: File[];
 }
 export interface AddChatRequest {
     requestId: string;
     name: string;
-    message?: MessageContent;
+    message?: MessageBody;
     members: string[];
 }
 export interface ReadRequest {

package/dist/esm/types/ui/Chatify.d.ts

@@ -8,8 +8,9 @@ import { AddChatButton } from './AddChatButton';
 import { Footer } from './Footer';
 import { ChatName } from './ChatName';
 import { ChatListItemBox, ChatListItemLastMessage, ChatListItemLastMessageAuthor, ChatListItemLastMessageContent, ChatListItemName, ChatListItemUnreadCount } from './ChatListItem';
-import { SendingMessage, SendingMessageBody, SendingMessageInfoBox, SendingMessageText } from './SendingMessage';
-import { MessageAuthor, MessageBody, MessageBox, MessageInfoBox, MessageReadObserver, MessageRow, MessageText } from './Message';
+import { SendingMessage, SendingMessageContent, SendingMessageInfoBox, SendingMessageText } from './SendingMessage';
+import { MessageAuthor, MessageContent, MessageBox, MessageInfoBox, MessageReadObserver, MessageRow, MessageText } from './Message';
+import { Icon } from './Icon';
 export interface ChatifyCustomizeValue {
     Avatar?: typeof Avatar.Component | null;
     Header?: typeof Header.Component | null;
@@ -25,16 +26,17 @@ export interface ChatifyCustomizeValue {
     ChatListItemLastMessageAuthor?: typeof ChatListItemLastMessageAuthor.Component | null;
     ChatListItemLastMessageContent?: typeof ChatListItemLastMessageContent.Component | null;
     SendingMessage?: typeof SendingMessage.Component | null;
-    SendingMessageBody?: typeof SendingMessageBody.Component | null;
+    SendingMessageBody?: typeof SendingMessageContent.Component | null;
     SendingMessageInfoBox?: typeof SendingMessageInfoBox.Component | null;
     SendingMessageText?: typeof SendingMessageText.Component | null;
     MessageBox?: typeof MessageBox.Component | null;
     MessageReadObserver?: typeof MessageReadObserver.Component | null;
     MessageRow?: typeof MessageRow.Component | null;
-    MessageBody?: typeof MessageBody.Component | null;
+    MessageBody?: typeof MessageContent.Component | null;
     MessageInfoBox?: typeof MessageInfoBox.Component | null;
     MessageText?: typeof MessageText.Component | null;
     MessageAuthor?: typeof MessageAuthor.Component | null;
+    Icon?: typeof Icon.Component | null;
 }
 export interface ChatifyProps {
     className?: string;

package/dist/esm/types/ui/Icon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export type IconType = 'attach' | 'send';
+export interface IconProps {
+    type: IconType;
+}
+export declare const ICONS: Record<IconType, React.ComponentType>;
+export declare const Icon: import("../util").Customizable<FC<IconProps>, string>;

package/dist/esm/types/ui/Message.d.ts

@@ -9,7 +9,7 @@ export interface MessageRowProps extends MessageBoxProps {
 export declare const MessageAuthor: import("../util").Customizable<FC<MessageBoxProps>, string>;
 export declare const MessageText: import("../util").Customizable<FC<MessageBoxProps>, string>;
 export declare const MessageInfoBox: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageBody: import("../util").Customizable<FC<MessageBoxProps>, string>;
+export declare const MessageContent: import("../util").Customizable<FC<MessageBoxProps>, string>;
 export declare const MessageRow: import("../util").Customizable<FC<MessageRowProps>, string>;
 export declare const MessageBox: import("../util").Customizable<FC<MessageBoxProps>, string>;
 export interface MessageReadObserverProps extends MessageBoxProps {

package/dist/esm/types/ui/SendingMessage.d.ts

@@ -6,5 +6,5 @@ export interface SendingMessageProps {
 }
 export declare const SendingMessageText: import("../util").Customizable<FC<SendingMessageProps>, string>;
 export declare const SendingMessageInfoBox: import("../util").Customizable<FC<SendingMessageProps>, string>;
-export declare const SendingMessageBody: import("../util").Customizable<FC<SendingMessageProps>, string>;
+export declare const SendingMessageContent: import("../util").Customizable<FC<SendingMessageProps>, string>;
 export declare const SendingMessage: import("../util").Customizable<FC<SendingMessageProps>, string>;

package/dist/esm/types/ui/index.d.ts

@@ -8,3 +8,4 @@ export * from './ChatHeaderMembers';
 export * from './ChatListItem';
 export * from './Message';
 export * from './SystemMessage';
+export * from './Icon';

package/dist/esm/types/ui/localizer.d.ts

@@ -3,6 +3,7 @@ export interface Localizer {
     timestamp: (value: string) => string;
     system: {
         chatCreated: () => string;
+        memberAdded: () => string;
     };
     message: {
         read: () => React.ReactNode;
@@ -22,6 +23,9 @@ export interface Localizer {
         };
         submitBtn: () => React.ReactNode;
     };
+    input: {
+        placeholder: () => string;
+    };
 }
 export declare const LocalizerContext: React.Context<Localizer>;
 export declare function useLocalizer(): Localizer;

package/dist/index.d.ts

@@ -7,6 +7,7 @@ interface Localizer {
     timestamp: (value: string) => string;
     system: {
         chatCreated: () => string;
+        memberAdded: () => string;
     };
     message: {
         read: () => React$1.ReactNode;
@@ -26,6 +27,9 @@ interface Localizer {
         };
         submitBtn: () => React$1.ReactNode;
     };
+    input: {
+        placeholder: () => string;
+    };
 }
 declare const LocalizerContext: React$1.Context<Localizer>;
 declare function useLocalizer(): Localizer;
@@ -73,14 +77,14 @@ interface SendMessageRequest {
     files: File[];
     requestId: string;
 }
-interface MessageContent {
+interface MessageBody {
     text: string;
     files: File[];
 }
 interface AddChatRequest {
     requestId: string;
     name: string;
-    message?: MessageContent;
+    message?: MessageBody;
     members: string[];
 }
 interface ReadRequest {
@@ -214,9 +218,12 @@ declare const ACTIONS: {
     read_received: (state: State, { events }: {
         events: ReadEvent[];
     }) => State;
-    member_added: (state: State, { chatId, account }: {
+    member_added: (state: State, { chatId, chatName, account, me, message, }: {
         chatId: string;
+        chatName: string;
         account: Account;
+        me: string;
+        message: Message;
     }) => State;
     member_removed: (state: State, { chatId, accountId, deleteHistory, me, }: {
         chatId: string;
@@ -318,7 +325,7 @@ interface SendingMessageProps {
 }
 declare const SendingMessageText: Customizable<FC<SendingMessageProps>, string>;
 declare const SendingMessageInfoBox: Customizable<FC<SendingMessageProps>, string>;
-declare const SendingMessageBody: Customizable<FC<SendingMessageProps>, string>;
+declare const SendingMessageContent: Customizable<FC<SendingMessageProps>, string>;
 declare const SendingMessage: Customizable<FC<SendingMessageProps>, string>;
 
 interface MessageBoxProps {
@@ -330,7 +337,7 @@ interface MessageRowProps extends MessageBoxProps {
 declare const MessageAuthor: Customizable<FC<MessageBoxProps>, string>;
 declare const MessageText: Customizable<FC<MessageBoxProps>, string>;
 declare const MessageInfoBox: Customizable<FC<MessageBoxProps>, string>;
-declare const MessageBody: Customizable<FC<MessageBoxProps>, string>;
+declare const MessageContent: Customizable<FC<MessageBoxProps>, string>;
 declare const MessageRow: Customizable<FC<MessageRowProps>, string>;
 declare const MessageBox: Customizable<FC<MessageBoxProps>, string>;
 interface MessageReadObserverProps extends MessageBoxProps {
@@ -338,6 +345,13 @@ interface MessageReadObserverProps extends MessageBoxProps {
 }
 declare const MessageReadObserver: Customizable<FC<MessageReadObserverProps>, string>;
 
+type IconType = 'attach' | 'send';
+interface IconProps {
+    type: IconType;
+}
+declare const ICONS: Record<IconType, React.ComponentType>;
+declare const Icon: Customizable<FC<IconProps>, string>;
+
 interface ChatifyCustomizeValue {
     Avatar?: typeof Avatar.Component | null;
     Header?: typeof Header.Component | null;
@@ -353,16 +367,17 @@ interface ChatifyCustomizeValue {
     ChatListItemLastMessageAuthor?: typeof ChatListItemLastMessageAuthor.Component | null;
     ChatListItemLastMessageContent?: typeof ChatListItemLastMessageContent.Component | null;
     SendingMessage?: typeof SendingMessage.Component | null;
-    SendingMessageBody?: typeof SendingMessageBody.Component | null;
+    SendingMessageBody?: typeof SendingMessageContent.Component | null;
     SendingMessageInfoBox?: typeof SendingMessageInfoBox.Component | null;
     SendingMessageText?: typeof SendingMessageText.Component | null;
     MessageBox?: typeof MessageBox.Component | null;
     MessageReadObserver?: typeof MessageReadObserver.Component | null;
     MessageRow?: typeof MessageRow.Component | null;
-    MessageBody?: typeof MessageBody.Component | null;
+    MessageBody?: typeof MessageContent.Component | null;
     MessageInfoBox?: typeof MessageInfoBox.Component | null;
     MessageText?: typeof MessageText.Component | null;
     MessageAuthor?: typeof MessageAuthor.Component | null;
+    Icon?: typeof Icon.Component | null;
 }
 interface ChatifyProps {
     className?: string;
@@ -394,4 +409,4 @@ declare function ChatifyContext({ value, children }: PropsWithChildren<{
     value: ChatifyContextValue;
 }>): react_jsx_runtime.JSX.Element;
 
-export { ACTIONS, Account, Action, AddChatButton, AddChatRequest, AddMemberRequest, Avatar, AvatarProps, Chat, ChatHeader, ChatHeaderMembers, ChatHeaderMembersProps, ChatHeaderProps, ChatListItem, ChatListItemBox, ChatListItemBoxProps, ChatListItemLastMessage, ChatListItemLastMessageAuthor, ChatListItemLastMessageContent, ChatListItemName, ChatListItemUnreadCount, Chatify, ChatifyClient, ChatifyClientConfig, ChatifyContext, ChatifyContextValue, ChatifyCustomizeValue, ChatifyProps, ChatifySignalRConfig, File, Header, Localizer, LocalizerContext, Message, MessageAuthor, MessageBody, MessageBox, MessageBoxProps, MessageContent, MessageInfoBox, MessageReadObserver, MessageReadObserverProps, MessageRow, MessageRowProps, MessageState, MessageText, ReadEvent, ReadRequest, Reducer, ReducerProvider, RemoveMemberRequest, SendMessageRequest, SystemMessage, SystemMessageProps, defaultLocalizer, formatSystemMessage, useAccounts, useAddChat, useAddMember, useChat, useChatList, useClient, useDispatch, useLoadMore, useLocalizer, useMe, useMessages, useReadMonitor, useReducer, useRemoveMember, useSelect, useSignalRMonitor, useStateRef };
+export { ACTIONS, Account, Action, AddChatButton, AddChatRequest, AddMemberRequest, Avatar, AvatarProps, Chat, ChatHeader, ChatHeaderMembers, ChatHeaderMembersProps, ChatHeaderProps, ChatListItem, ChatListItemBox, ChatListItemBoxProps, ChatListItemLastMessage, ChatListItemLastMessageAuthor, ChatListItemLastMessageContent, ChatListItemName, ChatListItemUnreadCount, Chatify, ChatifyClient, ChatifyClientConfig, ChatifyContext, ChatifyContextValue, ChatifyCustomizeValue, ChatifyProps, ChatifySignalRConfig, File, Header, ICONS, Icon, IconProps, IconType, Localizer, LocalizerContext, Message, MessageAuthor, MessageBody, MessageBox, MessageBoxProps, MessageContent, MessageInfoBox, MessageReadObserver, MessageReadObserverProps, MessageRow, MessageRowProps, MessageState, MessageText, ReadEvent, ReadRequest, Reducer, ReducerProvider, RemoveMemberRequest, SendMessageRequest, SystemMessage, SystemMessageProps, defaultLocalizer, formatSystemMessage, useAccounts, useAddChat, useAddMember, useChat, useChatList, useClient, useDispatch, useLoadMore, useLocalizer, useMe, useMessages, useReadMonitor, useReducer, useRemoveMember, useSelect, useSignalRMonitor, useStateRef };

package/package.json

@@ -1,90 +1,90 @@
-{
-  "name": "@webinex/chatify",
-  "description": "Webinex Wispo",
-  "private": false,
-  "version": "1.0.0-alpha07",
-  "author": "Webinex Dev",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
-  "type": "module",
-  "targets": {
-    "demo": {
-      "source": "./example/index.html",
-      "isLibrary": false
-    }
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "scripts": {
-    "build": "rimraf dist && rimraf add && rollup -c --environment ENV:production --failAfterWarnings",
-    "start": "rollup -c -w",
-    "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
-    "prettier:write": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
-    "prettier:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
-    "parcel": "parcel --target demo --dist-dir ./dist/demo",
-    "parcel:build": "rimraf ../Webinex.Chatify.Example/wwwroot && cross-env NODE_ENV=production parcel build --target demo --dist-dir ../Webinex.Chatify.Example/wwwroot"
-  },
-  "devDependencies": {
-    "@microsoft/signalr": "^8.0.0",
-    "@parcel/transformer-sass": "2.9.2",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-eslint": "^9.0.3",
-    "@rollup/plugin-image": "^3.0.2",
-    "@rollup/plugin-node-resolve": "^15.0.2",
-    "@rollup/plugin-typescript": "^11.1.0",
-    "@types/react": "^18.0.33",
-    "@types/react-dom": "^18.0.11",
-    "antd": "^5.11.5",
-    "axios": "^1.6.2",
-    "buffer": "^5.5.0||^6.0.0",
-    "classnames": "^2.3.2",
-    "cross-env": "^7.0.3",
-    "dayjs": "^1.11.7",
-    "eslint": "^8.38.0",
-    "eslint-config-react-app": "^7.0.1",
-    "is-hotkey": "^0.2.0",
-    "parcel": "^2.10.3",
-    "postcss": "^8.4.21",
-    "prettier": "^2.8.7",
-    "process": "^0.11.10",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^5.0.5",
-    "rollup": "^3.20.2",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-dts": "^5.3.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-visualizer": "^5.11.0",
-    "sass": "^1.66.1",
-    "shallow-equal": "^3.1.0",
-    "slate": "^0.94.1",
-    "slate-history": "^0.93.0",
-    "slate-react": "^0.98.3",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2"
-  },
-  "peerDependencies": {
-    "@ant-design/icons": "^5.2.6",
-    "@ctrl/tinycolor": "^4.0.2",
-    "@microsoft/signalr": "^8.0.0",
-    "antd": ">=5",
-    "axios": ">=1",
-    "classnames": ">=2",
-    "dayjs": ">=1.8",
-    "is-hotkey": ">=0",
-    "react": ">=16",
-    "react-dom": ">=16",
-    "shallow-equal": ">=3",
-    "slate": "^0.94.1",
-    "slate-history": "^0.93.0",
-    "slate-react": "^0.98.3"
-  },
-  "dependencies": {}
-}
+{
+  "name": "@webinex/chatify",
+  "description": "Webinex Wispo",
+  "private": false,
+  "version": "1.0.0-rc1",
+  "author": "Webinex Dev",
+  "license": "Apache-2.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "targets": {
+    "demo": {
+      "source": "./example/index.html",
+      "isLibrary": false
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "rimraf dist && rimraf add && rollup -c --environment ENV:production --failAfterWarnings",
+    "start": "rollup -c -w",
+    "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
+    "prettier:write": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
+    "prettier:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
+    "parcel": "parcel --target demo --dist-dir ./dist/demo",
+    "parcel:build": "rimraf ../Webinex.Chatify.Example/wwwroot && cross-env NODE_ENV=production parcel build --target demo --dist-dir ../Webinex.Chatify.Example/wwwroot"
+  },
+  "devDependencies": {
+    "@microsoft/signalr": "^8.0.0",
+    "@parcel/transformer-sass": "2.9.2",
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-eslint": "^9.0.3",
+    "@rollup/plugin-image": "^3.0.2",
+    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-typescript": "^11.1.0",
+    "@types/react": "^18.0.33",
+    "@types/react-dom": "^18.0.11",
+    "antd": "^5.11.5",
+    "axios": "^1.6.2",
+    "buffer": "^5.5.0||^6.0.0",
+    "classnames": "^2.3.2",
+    "cross-env": "^7.0.3",
+    "dayjs": "^1.11.7",
+    "eslint": "^8.38.0",
+    "eslint-config-react-app": "^7.0.1",
+    "is-hotkey": "^0.2.0",
+    "parcel": "^2.10.3",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.7",
+    "process": "^0.11.10",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^5.0.5",
+    "rollup": "^3.20.2",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-dts": "^5.3.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.11.0",
+    "sass": "^1.66.1",
+    "shallow-equal": "^3.1.0",
+    "slate": "^0.94.1",
+    "slate-history": "^0.93.0",
+    "slate-react": "^0.98.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "^5.2.6",
+    "@ctrl/tinycolor": "^4.0.2",
+    "@microsoft/signalr": "^8.0.0",
+    "antd": ">=5",
+    "axios": ">=1",
+    "classnames": ">=2",
+    "dayjs": ">=1.8",
+    "is-hotkey": ">=0",
+    "react": ">=16",
+    "react-dom": ">=16",
+    "shallow-equal": ">=3",
+    "slate": "^0.94.1",
+    "slate-history": "^0.93.0",
+    "slate-react": "^0.98.3"
+  },
+  "dependencies": {}
+}

package/src/ChatifyContext.tsx

@@ -1,41 +1,41 @@
-import React, { PropsWithChildren, useContext } from 'react';
-import { ReducerProvider } from './core/reducer';
-import { ChatifyClient } from './core/client';
-import { useSignalRMonitor } from './core/useSignalRMonitor';
-
-const MeContext = React.createContext<string>(null!);
-const ClientContext = React.createContext<ChatifyClient>(null!);
-
-export function useClient() {
-  return useContext(ClientContext);
-}
-
-export function useMe() {
-  return useContext(MeContext);
-}
-
-export interface ChatifyContextValue {
-  me: string;
-  client: ChatifyClient;
-}
-
-function ChatifyContextWrapper(props: PropsWithChildren<{}>) {
-  const { children } = props;
-  const me = useMe();
-  const client = useClient();
-  useSignalRMonitor(me, client);
-
-  return <>{children}</>;
-}
-
-export function ChatifyContext({ value, children }: PropsWithChildren<{ value: ChatifyContextValue }>) {
-  return (
-    <ClientContext.Provider value={value.client}>
-      <MeContext.Provider value={value.me}>
-        <ReducerProvider>
-          <ChatifyContextWrapper>{children}</ChatifyContextWrapper>
-        </ReducerProvider>
-      </MeContext.Provider>
-    </ClientContext.Provider>
-  );
-}
+import React, { PropsWithChildren, useContext } from 'react';
+import { ReducerProvider } from './core/reducer';
+import { ChatifyClient } from './core/client';
+import { useSignalRMonitor } from './core/useSignalRMonitor';
+
+const MeContext = React.createContext<string>(null!);
+const ClientContext = React.createContext<ChatifyClient>(null!);
+
+export function useClient() {
+  return useContext(ClientContext);
+}
+
+export function useMe() {
+  return useContext(MeContext);
+}
+
+export interface ChatifyContextValue {
+  me: string;
+  client: ChatifyClient;
+}
+
+function ChatifyContextWrapper(props: PropsWithChildren<{}>) {
+  const { children } = props;
+  const me = useMe();
+  const client = useClient();
+  useSignalRMonitor(me, client);
+
+  return <>{children}</>;
+}
+
+export function ChatifyContext({ value, children }: PropsWithChildren<{ value: ChatifyContextValue }>) {
+  return (
+    <ClientContext.Provider value={value.client}>
+      <MeContext.Provider value={value.me}>
+        <ReducerProvider>
+          <ChatifyContextWrapper>{children}</ChatifyContextWrapper>
+        </ReducerProvider>
+      </MeContext.Provider>
+    </ClientContext.Provider>
+  );
+}