@webinex/chatify 2.0.0-alpha13 → 2.0.0-alpha14

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.
Files changed (143) hide show
  1. package/dist/{Chatify-CwAfN1wu.js → Chatify-CP2jgo8d.js} +191 -118
  2. package/dist/Chatify-CP2jgo8d.js.map +1 -0
  3. package/dist/Chatify.css +28 -0
  4. package/dist/audit.js +3 -2
  5. package/dist/audit.js.map +1 -1
  6. package/dist/index.js +1 -1
  7. package/dist/types/audit/index.d.ts +17 -15
  8. package/dist/types/ui/Chat/ChatContext.d.ts +2 -0
  9. package/dist/types/ui/Chat/ChatPanel.d.ts +7 -0
  10. package/dist/types/ui/Chat/ChatView.d.ts +4 -2
  11. package/dist/types/ui/ChatGroup/ChatGroupContext.d.ts +4 -1
  12. package/dist/types/ui/ChatGroup/ChatGroupPanel.d.ts +21 -2
  13. package/dist/types/ui/Conversation/Conversation.d.ts +1 -0
  14. package/dist/types/ui/Conversation/ConversationContext.d.ts +1 -0
  15. package/dist/types/ui/Conversation/ConversationHeader.d.ts +4 -1
  16. package/dist/types/ui/localizer.d.ts +4 -1
  17. package/dist/types/ui/useCompact.d.ts +4 -0
  18. package/package.json +81 -81
  19. package/src/audit/AuditChatList.tsx +25 -25
  20. package/src/audit/AuditConversationPanel.tsx +49 -48
  21. package/src/audit/AuditPanel.tsx +76 -76
  22. package/src/audit/AuditPanelCustomizeValue.ts +11 -11
  23. package/src/audit/AuditSearch.tsx +89 -89
  24. package/src/audit/AuditSearchValue.tsx +42 -42
  25. package/src/audit/auditApi.tsx +113 -113
  26. package/src/audit/index.d.ts +18 -18
  27. package/src/audit/index.tsx +28 -28
  28. package/src/audit/styles.scss +72 -72
  29. package/src/core/api/api.ts +675 -675
  30. package/src/core/api/baseApi.ts +38 -38
  31. package/src/core/api/index.ts +1 -1
  32. package/src/core/client.ts +298 -298
  33. package/src/core/constants.ts +1 -1
  34. package/src/core/debounce.ts +90 -90
  35. package/src/core/index.ts +4 -4
  36. package/src/core/types.tsx +182 -182
  37. package/src/index.ts +2 -2
  38. package/src/styles/aside.scss +34 -26
  39. package/src/styles/chat-list.scss +138 -138
  40. package/src/styles/chat.scss +11 -11
  41. package/src/styles/conversation.scss +199 -200
  42. package/src/styles/index.scss +227 -220
  43. package/src/styles/input.scss +148 -148
  44. package/src/styles/keyframes.scss +14 -14
  45. package/src/styles/members.scss +30 -13
  46. package/src/styles/mixins.scss +38 -25
  47. package/src/styles/variables.scss +13 -13
  48. package/src/ui/Chat/ChatContext.tsx +32 -30
  49. package/src/ui/Chat/ChatEditableHeaderName.tsx +63 -63
  50. package/src/ui/Chat/ChatHeaderActions.tsx +19 -19
  51. package/src/ui/Chat/ChatPanel.tsx +46 -30
  52. package/src/ui/Chat/ChatView.tsx +122 -115
  53. package/src/ui/Chat/Members/ChatMembersButton.tsx +9 -9
  54. package/src/ui/Chat/Members/ChatMembersPanel.tsx +128 -112
  55. package/src/ui/Chat/Members/ChatMembersPreview.tsx +25 -25
  56. package/src/ui/Chat/Members/index.ts +13 -13
  57. package/src/ui/Chat/index.ts +6 -6
  58. package/src/ui/ChatGroup/AutoReply/AutoReplyButton.tsx +21 -21
  59. package/src/ui/ChatGroup/AutoReply/AutoReplyForm.tsx +50 -50
  60. package/src/ui/ChatGroup/AutoReply/AutoReplyPanel.tsx +94 -94
  61. package/src/ui/ChatGroup/AutoReply/AutoReplyPeriodInput.tsx +22 -22
  62. package/src/ui/ChatGroup/AutoReply/AutoReplyTextInput.tsx +22 -22
  63. package/src/ui/ChatGroup/AutoReply/index.ts +19 -19
  64. package/src/ui/ChatGroup/ChatGroupContext.tsx +63 -61
  65. package/src/ui/ChatGroup/ChatGroupPanel.tsx +110 -75
  66. package/src/ui/ChatGroup/Create/CreateChatButton.tsx +15 -15
  67. package/src/ui/ChatGroup/Create/CreateChatForm.tsx +36 -36
  68. package/src/ui/ChatGroup/Create/CreateChatMemberInput.tsx +65 -65
  69. package/src/ui/ChatGroup/Create/CreateChatNameInput.tsx +25 -25
  70. package/src/ui/ChatGroup/Create/CreateChatPanel.tsx +45 -45
  71. package/src/ui/ChatGroup/Create/index.ts +19 -19
  72. package/src/ui/ChatGroup/Layout/ChatGroupActions.tsx +15 -15
  73. package/src/ui/ChatGroup/Layout/ChatGroupAside.tsx +12 -12
  74. package/src/ui/ChatGroup/Layout/ChatGroupBody.tsx +17 -10
  75. package/src/ui/ChatGroup/Layout/ChatGroupFooter.tsx +3 -3
  76. package/src/ui/ChatGroup/Layout/ChatGroupHeader.tsx +5 -5
  77. package/src/ui/ChatGroup/Layout/ChatGroupMain.tsx +21 -19
  78. package/src/ui/ChatGroup/Layout/index.ts +22 -22
  79. package/src/ui/ChatGroup/List/ChatListPanel.tsx +28 -28
  80. package/src/ui/ChatGroup/List/index.ts +8 -8
  81. package/src/ui/ChatGroup/index.ts +6 -6
  82. package/src/ui/Chatify.tsx +15 -15
  83. package/src/ui/Conversation/Conversation.tsx +96 -92
  84. package/src/ui/Conversation/ConversationActions.tsx +12 -12
  85. package/src/ui/Conversation/ConversationBody.tsx +28 -28
  86. package/src/ui/Conversation/ConversationContext.ts +31 -30
  87. package/src/ui/Conversation/ConversationHeader.tsx +35 -19
  88. package/src/ui/Conversation/ConversationName.tsx +7 -7
  89. package/src/ui/Conversation/InputBox/InputBox.tsx +126 -126
  90. package/src/ui/Conversation/InputBox/InputBoxFile.tsx +38 -38
  91. package/src/ui/Conversation/InputBox/InputBoxFileList.tsx +21 -21
  92. package/src/ui/Conversation/InputBox/InputFilesBox.tsx +78 -78
  93. package/src/ui/Conversation/InputBox/InputSubmitButtonBox.tsx +26 -26
  94. package/src/ui/Conversation/InputBox/InputTextBox.tsx +63 -61
  95. package/src/ui/Conversation/InputBox/index.ts +23 -23
  96. package/src/ui/Conversation/Message/MessageAuthor.tsx +13 -13
  97. package/src/ui/Conversation/Message/MessageBox.tsx +20 -20
  98. package/src/ui/Conversation/Message/MessageContent.tsx +15 -15
  99. package/src/ui/Conversation/Message/MessageFile.tsx +54 -54
  100. package/src/ui/Conversation/Message/MessageFileList.tsx +14 -14
  101. package/src/ui/Conversation/Message/MessageInfoBox.tsx +28 -28
  102. package/src/ui/Conversation/Message/MessageRow.tsx +28 -28
  103. package/src/ui/Conversation/Message/MessageText.tsx +7 -7
  104. package/src/ui/Conversation/Message/index.ts +28 -28
  105. package/src/ui/Conversation/NextObserver/NextMessagesObserver.tsx +47 -47
  106. package/src/ui/Conversation/NextObserver/index.ts +1 -1
  107. package/src/ui/Conversation/ReadObserver/MessageReadObserver.tsx +49 -49
  108. package/src/ui/Conversation/ReadObserver/index.ts +1 -1
  109. package/src/ui/Conversation/SendingMessage/SendingMessageBox.tsx +16 -16
  110. package/src/ui/Conversation/SendingMessage/SendingMessageContent.tsx +13 -13
  111. package/src/ui/Conversation/SendingMessage/SendingMessageInfoBox.tsx +13 -13
  112. package/src/ui/Conversation/SendingMessage/SendingMessageText.tsx +7 -7
  113. package/src/ui/Conversation/SendingMessage/index.ts +16 -16
  114. package/src/ui/Conversation/SystemMessage/SystemMessageBox.tsx +20 -20
  115. package/src/ui/Conversation/SystemMessage/SystemMessageRow.tsx +28 -28
  116. package/src/ui/Conversation/SystemMessage/index.ts +10 -10
  117. package/src/ui/Conversation/index.ts +13 -13
  118. package/src/ui/Thread/ThreadActions.tsx +22 -22
  119. package/src/ui/Thread/ThreadContext.ts +13 -13
  120. package/src/ui/Thread/ThreadPanel.tsx +128 -127
  121. package/src/ui/Thread/index.tsx +3 -3
  122. package/src/ui/color.ts +20 -20
  123. package/src/ui/common/Avatar.tsx +20 -20
  124. package/src/ui/common/ChatList/ChatList.tsx +83 -84
  125. package/src/ui/common/ChatList/ChatListItemAvatar.tsx +22 -22
  126. package/src/ui/common/ChatList/ChatListItemBox.tsx +32 -32
  127. package/src/ui/common/ChatList/ChatListItemLastMessage.tsx +15 -15
  128. package/src/ui/common/ChatList/ChatListItemLastMessageAuthor.tsx +15 -15
  129. package/src/ui/common/ChatList/ChatListItemLastMessageContent.tsx +21 -21
  130. package/src/ui/common/ChatList/ChatListItemLastMessageSentAt.tsx +22 -22
  131. package/src/ui/common/ChatList/ChatListItemName.tsx +8 -8
  132. package/src/ui/common/ChatList/ChatListItemUnreadCount.tsx +12 -12
  133. package/src/ui/common/ChatList/ChatListValue.ts +9 -9
  134. package/src/ui/common/ChatList/index.ts +32 -32
  135. package/src/ui/common/Icon.tsx +48 -48
  136. package/src/ui/common/MessageSkeleton.tsx +20 -20
  137. package/src/ui/common/index.ts +14 -14
  138. package/src/ui/customize.tsx +51 -51
  139. package/src/ui/index.ts +11 -11
  140. package/src/ui/localizer.tsx +148 -137
  141. package/src/ui/useCompact.tsx +32 -0
  142. package/src/ui/useFormatter.tsx +17 -17
  143. package/dist/Chatify-CwAfN1wu.js.map +0 -1
package/src/styles/chat-list.scss CHANGED
@@ -1,138 +1,138 @@
1
- @use './variables.scss' as vars;
2
- @use './mixins.scss' as mixins;
3
-
4
- .wxchtf-chat-list.ant-menu {
5
- flex: 1 1 auto;
6
- height: 100px;
7
- overflow-y: auto;
8
- border-inline-end: none;
9
- padding-bottom: 2rem;
10
-
11
- @include mixins.scrollbar();
12
-
13
- .ant-menu-item + .ant-menu-item {
14
- margin-top: 8px;
15
- }
16
-
17
- .ant-menu-item {
18
- padding: 0;
19
- height: unset;
20
- margin: 0;
21
- margin-left: 8px;
22
- width: calc(100% - 16px);
23
- border-radius: 8px;
24
- line-height: 1.5;
25
-
26
- &.ant-menu-item-selected {
27
- background-color: #e4f7f7;
28
-
29
- .wxchtf-chat-name {
30
- font-weight: 600;
31
- color: inherit;
32
- }
33
- }
34
-
35
- .wxchtf-chat {
36
- padding-inline: 10px;
37
- padding-block: 8.5px;
38
- position: relative;
39
- display: flex;
40
- flex-flow: row nowrap;
41
- align-items: center;
42
-
43
- &.--unread {
44
- .wxchtf-chat-last {
45
- font-weight: bold;
46
- }
47
-
48
- .wxchtf-chat-name {
49
- font-weight: bold;
50
- max-width: 100%;
51
- }
52
- }
53
-
54
- .wxchtf-chat-info {
55
- min-width: 0;
56
- }
57
-
58
- .wxchtf-chat-name {
59
- display: inline-block;
60
- font-weight: 500;
61
- color: rgba(0, 0, 0, 0.88);
62
- }
63
-
64
- .wxchtf-chat-avatar {
65
- background-color: var(--background-color);
66
- width: 42px;
67
- height: 42px;
68
- line-height: 40px;
69
- text-align: center;
70
- color: var(--color);
71
- border-radius: 50%;
72
- margin-right: 11px;
73
- flex: none;
74
-
75
- .anticon {
76
- font-size: 20px;
77
- line-height: 42px;
78
- height: 42px;
79
- }
80
- }
81
-
82
- .wxchtf-unread-count {
83
- background-color: #ff4d4f;
84
- border-radius: 50%;
85
- width: 16px;
86
- height: 16px;
87
- padding: 0;
88
- font-size: 10px;
89
- position: absolute;
90
- top: 32px;
91
- right: 13px;
92
- color: white;
93
- line-height: 16px;
94
- font-weight: bold;
95
- text-align: center;
96
- }
97
-
98
- .wxchtf-chat-last {
99
- $size: 25px;
100
- color: #0e0f1799;
101
-
102
- font-style: italic;
103
- overflow: hidden;
104
- text-overflow: ellipsis;
105
- white-space: nowrap;
106
- line-height: $size;
107
-
108
- .wxchtf-chat-last-author {
109
- display: inline-block;
110
- margin-right: 0.5rem;
111
-
112
- .ant-avatar {
113
- display: inline-block;
114
- border: none;
115
- margin-right: 5px;
116
-
117
- @include mixins.avatarSize($size);
118
- }
119
-
120
- &::after {
121
- content: ':';
122
- }
123
- }
124
-
125
- .wxchtf-chat-last-message {
126
- display: inline;
127
- }
128
-
129
- .wxchtf-chat-last-sent-at {
130
- position: absolute;
131
- top: 7px;
132
- right: 13px;
133
- font-size: 0.8em;
134
- }
135
- }
136
- }
137
- }
138
- }
1
+ @use './variables.scss' as vars;
2
+ @use './mixins.scss' as mixins;
3
+
4
+ .wxchtf-chat-list.ant-menu {
5
+ flex: 1 1 auto;
6
+ height: 100px;
7
+ overflow-y: auto;
8
+ border-inline-end: none;
9
+ padding-bottom: 2rem;
10
+
11
+ @include mixins.scrollbar();
12
+
13
+ .ant-menu-item + .ant-menu-item {
14
+ margin-top: 8px;
15
+ }
16
+
17
+ .ant-menu-item {
18
+ padding: 0;
19
+ height: unset;
20
+ margin: 0;
21
+ margin-left: 8px;
22
+ width: calc(100% - 16px);
23
+ border-radius: 8px;
24
+ line-height: 1.5;
25
+
26
+ &.ant-menu-item-selected {
27
+ background-color: #e4f7f7;
28
+
29
+ .wxchtf-chat-name {
30
+ font-weight: 600;
31
+ color: inherit;
32
+ }
33
+ }
34
+
35
+ .wxchtf-chat {
36
+ padding-inline: 10px;
37
+ padding-block: 8.5px;
38
+ position: relative;
39
+ display: flex;
40
+ flex-flow: row nowrap;
41
+ align-items: center;
42
+
43
+ &.--unread {
44
+ .wxchtf-chat-last {
45
+ font-weight: bold;
46
+ }
47
+
48
+ .wxchtf-chat-name {
49
+ font-weight: bold;
50
+ max-width: 100%;
51
+ }
52
+ }
53
+
54
+ .wxchtf-chat-info {
55
+ min-width: 0;
56
+ }
57
+
58
+ .wxchtf-chat-name {
59
+ display: inline-block;
60
+ font-weight: 500;
61
+ color: rgba(0, 0, 0, 0.88);
62
+ }
63
+
64
+ .wxchtf-chat-avatar {
65
+ background-color: var(--background-color);
66
+ width: 42px;
67
+ height: 42px;
68
+ line-height: 40px;
69
+ text-align: center;
70
+ color: var(--color);
71
+ border-radius: 50%;
72
+ margin-right: 11px;
73
+ flex: none;
74
+
75
+ .anticon {
76
+ font-size: 20px;
77
+ line-height: 42px;
78
+ height: 42px;
79
+ }
80
+ }
81
+
82
+ .wxchtf-unread-count {
83
+ background-color: #ff4d4f;
84
+ border-radius: 50%;
85
+ width: 16px;
86
+ height: 16px;
87
+ padding: 0;
88
+ font-size: 10px;
89
+ position: absolute;
90
+ top: 32px;
91
+ right: 13px;
92
+ color: white;
93
+ line-height: 16px;
94
+ font-weight: bold;
95
+ text-align: center;
96
+ }
97
+
98
+ .wxchtf-chat-last {
99
+ $size: 25px;
100
+ color: #0e0f1799;
101
+
102
+ font-style: italic;
103
+ overflow: hidden;
104
+ text-overflow: ellipsis;
105
+ white-space: nowrap;
106
+ line-height: $size;
107
+
108
+ .wxchtf-chat-last-author {
109
+ display: inline-block;
110
+ margin-right: 0.5rem;
111
+
112
+ .ant-avatar {
113
+ display: inline-block;
114
+ border: none;
115
+ margin-right: 5px;
116
+
117
+ @include mixins.avatarSize($size);
118
+ }
119
+
120
+ &::after {
121
+ content: ':';
122
+ }
123
+ }
124
+
125
+ .wxchtf-chat-last-message {
126
+ display: inline;
127
+ }
128
+
129
+ .wxchtf-chat-last-sent-at {
130
+ position: absolute;
131
+ top: 7px;
132
+ right: 13px;
133
+ font-size: 0.8em;
134
+ }
135
+ }
136
+ }
137
+ }
138
+ }
package/src/styles/chat.scss CHANGED
@@ -1,11 +1,11 @@
1
- @use './variables.scss' as vars;
2
- @use './mixins.scss' as mixins;
3
-
4
- .wxchtf-chatify {
5
- .wxchtf-chat {
6
- flex: auto;
7
- display: flex;
8
- flex-flow: row nowrap;
9
- min-width: 0;
10
- }
11
- }
1
+ @use './variables.scss' as vars;
2
+ @use './mixins.scss' as mixins;
3
+
4
+ .wxchtf-chatify {
5
+ .wxchtf-chat {
6
+ flex: auto;
7
+ display: flex;
8
+ flex-flow: row nowrap;
9
+ min-width: 0;
10
+ }
11
+ }