corp-chat-library-antd-react-socket 1.2.14 → 1.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +44 -20
- package/dist/CHAT/provider/ChatSocketProvider.d.ts +7 -2
- package/dist/CHAT/types/types.d.ts +16 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3088 -3060
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -9,24 +9,32 @@ npm install corp-chat-library-antd-react-socket
|
|
|
9
9
|
```tsx
|
|
10
10
|
import Chat from "corp-chat-library-antd-react-socket";
|
|
11
11
|
|
|
12
|
-
export default () => (
|
|
13
|
-
<Chat userdata={userdata}
|
|
14
|
-
httpParams={httpParams}
|
|
15
|
-
fetchParams={fetchParams}
|
|
16
|
-
socketSubscribe={socketSubscribe}
|
|
17
|
-
socketActions={socketActions}
|
|
18
|
-
|
|
19
|
-
);
|
|
20
|
-
|
|
12
|
+
export default () => (
|
|
13
|
+
<Chat userdata={userdata}
|
|
14
|
+
httpParams={httpParams}
|
|
15
|
+
fetchParams={fetchParams}
|
|
16
|
+
socketSubscribe={socketSubscribe}
|
|
17
|
+
socketActions={socketActions}
|
|
18
|
+
onNewMessage={(payload) => {
|
|
19
|
+
console.log('new chat message', payload);
|
|
20
|
+
}}
|
|
21
|
+
onMessageUpdated={(payload) => {
|
|
22
|
+
console.log('chat message updated', payload);
|
|
23
|
+
}}
|
|
24
|
+
/>
|
|
25
|
+
);
|
|
26
|
+
```
|
|
21
27
|
## Props types
|
|
22
28
|
```ts
|
|
23
|
-
export interface ChatParams {
|
|
24
|
-
userdata: UserData;
|
|
25
|
-
httpParams: HttpParams;
|
|
26
|
-
fetchParams: FetchParams;
|
|
27
|
-
socketSubscribe: SocketSubscribe;
|
|
28
|
-
socketActions: SocketActions;
|
|
29
|
-
|
|
29
|
+
export interface ChatParams {
|
|
30
|
+
userdata: UserData;
|
|
31
|
+
httpParams: HttpParams;
|
|
32
|
+
fetchParams: FetchParams;
|
|
33
|
+
socketSubscribe: SocketSubscribe;
|
|
34
|
+
socketActions: SocketActions;
|
|
35
|
+
onNewMessage?: (payload: NewSmsResponse) => void;
|
|
36
|
+
onMessageUpdated?: (payload: UpdateSmsResponse) => void;
|
|
37
|
+
}
|
|
30
38
|
|
|
31
39
|
export interface HttpParams {
|
|
32
40
|
CSRF_TOKEN: string;
|
|
@@ -46,10 +54,26 @@ export interface SocketSubscribe {
|
|
|
46
54
|
subscribeToChat: string;
|
|
47
55
|
}
|
|
48
56
|
|
|
49
|
-
export interface SocketActions {
|
|
50
|
-
newSms: string;
|
|
51
|
-
updateSms: string;
|
|
52
|
-
}
|
|
57
|
+
export interface SocketActions {
|
|
58
|
+
newSms: string;
|
|
59
|
+
updateSms: string;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export interface NewSmsResponse {
|
|
63
|
+
left?: ChatToList & {
|
|
64
|
+
total_unread?: number;
|
|
65
|
+
};
|
|
66
|
+
right?: ChatMessage;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export interface UpdateSmsResponse {
|
|
70
|
+
sms?: ChatMessage & {
|
|
71
|
+
to?: number;
|
|
72
|
+
count_unread?: number;
|
|
73
|
+
total_unread?: number;
|
|
74
|
+
};
|
|
75
|
+
from?: number;
|
|
76
|
+
}
|
|
53
77
|
|
|
54
78
|
export interface UserData {
|
|
55
79
|
acls: number[],
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
2
|
+
import { NewSmsResponse, UpdateSmsResponse } from '../types/types';
|
|
3
|
+
interface ChatSocketProviderProps {
|
|
3
4
|
children: React.ReactNode;
|
|
4
|
-
|
|
5
|
+
onNewMessage?: (payload: NewSmsResponse) => void;
|
|
6
|
+
onMessageUpdated?: (payload: UpdateSmsResponse) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const ChatSocketProvider: ({ children, onNewMessage, onMessageUpdated }: ChatSocketProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -5,6 +5,8 @@ export interface ChatParams {
|
|
|
5
5
|
fetchParams: FetchParams;
|
|
6
6
|
socketSubscribe: SocketSubscribe;
|
|
7
7
|
socketActions: SocketActions;
|
|
8
|
+
onNewMessage?: (payload: NewSmsResponse) => void;
|
|
9
|
+
onMessageUpdated?: (payload: UpdateSmsResponse) => void;
|
|
8
10
|
}
|
|
9
11
|
export interface HttpParams {
|
|
10
12
|
CSRF_TOKEN: string;
|
|
@@ -25,6 +27,20 @@ export interface SocketActions {
|
|
|
25
27
|
newSms: string;
|
|
26
28
|
updateSms: string;
|
|
27
29
|
}
|
|
30
|
+
export interface NewSmsResponse {
|
|
31
|
+
left?: ChatToList & {
|
|
32
|
+
total_unread?: number;
|
|
33
|
+
};
|
|
34
|
+
right?: ChatMessage;
|
|
35
|
+
}
|
|
36
|
+
export interface UpdateSmsResponse {
|
|
37
|
+
sms?: ChatMessage & {
|
|
38
|
+
to?: number;
|
|
39
|
+
count_unread?: number;
|
|
40
|
+
total_unread?: number;
|
|
41
|
+
};
|
|
42
|
+
from?: number;
|
|
43
|
+
}
|
|
28
44
|
export interface UserData {
|
|
29
45
|
acls: number[];
|
|
30
46
|
companies: Company[];
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--app-top-menu: linear-gradient(178deg, rgba(79, 143, 207, 1) 0%, rgba(41, 92, 143, 1) 100%);--sa-primary-color: #2178fa}.ant-layout-sider-children{margin:0!important;padding:0!important}ol,ul{list-style:none;padding-left:0;margin:0}.
|
|
1
|
+
:root{--app-top-menu: linear-gradient(178deg, rgba(79, 143, 207, 1) 0%, rgba(41, 92, 143, 1) 100%);--sa-primary-color: #2178fa}.ant-layout-sider-children{margin:0!important;padding:0!important}ol,ul{list-style:none;padding-left:0;margin:0}._draggableWrapper_kwnz2_17 .ant-modal-content{padding:0;background-color:#fff;border:1px solid #787878a2;border-radius:15px;overflow:hidden}._chat-modal__title_kwnz2_33{cursor:grab;padding:20px 10px 10px 20px;background:var(--app-top-menu);color:#fff!important;font-weight:400!important}._chat-modal__title_kwnz2_33:active{cursor:grabbing}._chat-input__footer_kwnz2_57{border-top:1px solid #c1c1c1;background:#fff;padding:5px 0;display:flex;gap:5px;justify-content:space-around}._chat-input__footer_kwnz2_57>*{margin:0 auto!important}._sidebar-layout_kwnz2_83{display:flex;flex-direction:column;height:100%;border-right:1px solid #c1c1c1;padding:2px 0}._sidebar-layout_kwnz2_83>*:not(:last-child){border-bottom:1px solid #e6e6e6}._sidebar-layout_kwnz2_83:nth-child(1){border-bottom:none}._chat-list_kwnz2_113::-webkit-scrollbar{display:none}._chat-list_kwnz2_113>*{margin:0;border-bottom:1px solid #e6e6e6;height:86px}._chat-item_kwnz2_139{margin-bottom:12px}._last-message_kwnz2_147{min-height:20px;max-height:36px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:.9em;color:#555}._activeChatItem_kwnz2_165 ._last-message_kwnz2_147{color:#f3f1f1}._lastMessageLabel_kwnz2_169{font-style:italic}._lastMessageDateTime_kwnz2_173{margin-top:2px;display:flex;align-items:center;gap:6px}._lastMessageDate_kwnz2_173{font-size:11px;line-height:14px;color:#8a8a8a}._lastMessageTime_kwnz2_186{padding:1px 5px;border-radius:4px;background:#eef3f7;color:#4f6575;font-size:11px;line-height:14px;font-weight:600}._activeChatItem_kwnz2_165 ._lastMessageDate_kwnz2_173{color:#e5e5e5}._activeChatItem_kwnz2_165 ._lastMessageTime_kwnz2_186{background:#fff3;color:#fff}._message_kwnz2_208{display:flex;margin-bottom:8px}._myMessage_kwnz2_218{justify-content:flex-end}._otherMessage_kwnz2_226{justify-content:flex-start}._bubble_kwnz2_236{max-width:70%;padding:8px 12px;position:relative}._myMessageBubble_kwnz2_250{border-radius:25px 25px 0;margin:0 7px 0 auto;background:#dcf8c6;color:#000;align-self:flex-end;border:1px solid #e6e6e6;-webkit-box-shadow:9px 10px 15px -5px rgba(34,60,80,.2);-moz-box-shadow:9px 10px 15px -5px rgba(34,60,80,.2);box-shadow:9px 10px 15px -5px #223c5033}._otherMessageBubble_kwnz2_276{border-radius:25px 25px 25px 0;margin-left:7px;background:#e1f8f2;color:#000;border:1px solid #e6e6e6;align-self:flex-start;-webkit-box-shadow:-13px 10px 15px -5px rgba(34,60,80,.2);-moz-box-shadow:-13px 10px 15px -5px rgba(34,60,80,.2);box-shadow:-13px 10px 15px -5px #223c5033}._senderName_kwnz2_302{display:block;font-size:12px;font-weight:700;color:#333;margin-bottom:4px}._time_kwnz2_320{font-size:11px;color:#666;text-align:right;margin-top:2px}._chat_header_kwnz2_336{height:40px;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #f0f0f0;background:#fafafa;flex-shrink:0}._lastUpdate_kwnz2_360{font-size:12px;color:#888}._localMessage_kwnz2_370{opacity:.7}._sending_kwnz2_378{color:#1890ff;font-size:11px;font-style:italic}._notification-badge_kwnz2_390{cursor:pointer;transition:background-color .2s}._notification-badge_kwnz2_390:hover{background-color:#1890ff}._chat-layout_kwnz2_410{height:700px;display:flex;overflow:hidden}._chat-layout_kwnz2_410 ._ant-layout-content_kwnz2_422{min-height:0!important}._chat-content_kwnz2_430{flex:1;overflow:hidden}._chatcontentLayout_kwnz2_440{height:100%;display:flex;flex-direction:column}._chat_content_kwnz2_452{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}._messagesList_kwnz2_474{flex:1;overflow-y:auto;padding:8px;min-height:0;display:flex;flex-direction:column}._messagesList_kwnz2_474::-webkit-scrollbar,._textArea_kwnz2_496::-webkit-scrollbar{display:none}._textArea_kwnz2_496{min-height:40px;max-height:120px;resize:none;padding:0 2px;width:200px;line-height:40px}._textArea_kwnz2_496::placeholder{color:#999;opacity:.5}._chatItem_kwnz2_532{height:86px;padding:5px;display:flex;align-items:center;justify-content:space-between;gap:8px}._chatItemContent_kwnz2_540{min-width:0;flex:1}._activeChatItem_kwnz2_165{background:var(--app-top-menu);color:#fff;opacity:.8}._chat_body_kwnz2_560{flex:1;display:flex;flex-direction:column;overflow-y:scroll;scrollbar-color:#f5f5f5 #f5f5f5;scrollbar-width:thin;transition:.3s}._chat_body_kwnz2_560:hover{scrollbar-color:var(--sa-primary-color) #f5f5f5}._antd_empty_kwnz2_588{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}._chat_inputs_kwnz2_604{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:10px;padding:0 10px}._chat-list__container_kwnz2_622{height:100%;overflow-y:scroll;scrollbar-color:#f5f5f5 #f5f5f5;scrollbar-width:thin;transition:.3s}._chat-list__container_kwnz2_622:hover{scrollbar-color:var(--sa-primary-color) #f5f5f5}._files_container_kwnz2_642{display:flex;flex-direction:column;align-items:center;gap:10px}._file_kwnz2_642{width:100%;padding:0 5px;border-radius:5px;color:#333;display:flex;align-items:center;gap:10px}._file_circle_kwnz2_672{background-color:#99bad3;border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center}._file_circle_kwnz2_672._self_kwnz2_688{background-color:#9ed399}._href_label_kwnz2_694{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,5 +2,5 @@ export { default as Chat } from './Chat';
|
|
|
2
2
|
export { default as ChatBtn } from './CHAT/ChatBtn';
|
|
3
3
|
export { useChatSocket } from './CHAT/context/ChatSocketContext';
|
|
4
4
|
export { ChatSocketProvider } from './CHAT/provider/ChatSocketProvider';
|
|
5
|
-
export type { ChatParams } from './CHAT/types/types.ts';
|
|
5
|
+
export type { ChatParams, NewSmsResponse, UpdateSmsResponse } from './CHAT/types/types.ts';
|
|
6
6
|
export { default } from './Chat';
|