@tencentcloud/chat-uikit-react 3.0.3 → 3.4.2

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 (113) hide show
  1. package/.eslintrc.cjs +5 -4
  2. package/CHANGELOG.md +9 -0
  3. package/dist/components/Chat/Chat.d.ts +1 -1
  4. package/dist/components/Chat/Chat.js +18 -23
  5. package/dist/components/ChatHeader/AudioCallPicker/AudioCallPicker.d.ts +30 -0
  6. package/dist/components/ChatHeader/AudioCallPicker/AudioCallPicker.js +135 -0
  7. package/dist/components/ChatHeader/AudioCallPicker/index.d.ts +1 -0
  8. package/dist/components/ChatHeader/AudioCallPicker/index.js +4 -0
  9. package/dist/components/ChatHeader/ChatHeader.d.ts +6 -0
  10. package/dist/components/ChatHeader/ChatHeader.js +43 -41
  11. package/dist/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.d.ts +12 -7
  12. package/dist/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.js +47 -65
  13. package/dist/components/ChatHeader/VideoCallPicker/VideoCallPicker.d.ts +30 -0
  14. package/dist/components/ChatHeader/VideoCallPicker/VideoCallPicker.js +135 -0
  15. package/dist/components/ChatHeader/VideoCallPicker/index.d.ts +1 -0
  16. package/dist/components/ChatHeader/VideoCallPicker/index.js +4 -0
  17. package/dist/components/ChatHeader/index.d.ts +2 -1
  18. package/dist/components/ChatHeader/index.js +4 -2
  19. package/dist/components/Checkbox/index.js +1 -1
  20. package/dist/components/Modal/Modal.js +1 -1
  21. package/dist/components/Model/index.js +1 -1
  22. package/dist/components/Plugins/index.js +1 -1
  23. package/dist/components/Popup/index.js +1 -1
  24. package/dist/components/PopupNew/Popup.js +1 -1
  25. package/dist/components/Profile/Profile.js +20 -22
  26. package/dist/components/Profile/ProfileDefault.d.ts +3 -2
  27. package/dist/components/Profile/ProfileDefault.js +55 -56
  28. package/dist/components/Profile/hooks/useMyProfile.d.ts +2 -3
  29. package/dist/components/Profile/hooks/useMyProfile.js +1 -1
  30. package/dist/components/Profile/myProfile/MyProfile.d.ts +1 -1
  31. package/dist/components/Profile/myProfile/MyProfile.js +12 -16
  32. package/dist/components/index.js +27 -25
  33. package/dist/context/ChatContext.d.ts +1 -1
  34. package/dist/context/ChatContext.js +11 -16
  35. package/dist/context/ContactContext.d.ts +1 -1
  36. package/dist/external_modules/mui-BhvHeL5-.js +2253 -0
  37. package/dist/hooks/index.d.ts +2 -2
  38. package/dist/hooks/index.js +2 -2
  39. package/dist/{states/ChatHeaderState.d.ts → hooks/useChatHeader.d.ts} +6 -6
  40. package/dist/hooks/useChatHeader.js +41 -0
  41. package/dist/index-UBuvRM8r-DTXQB6zV.js +34000 -0
  42. package/dist/index.d.ts +3 -1
  43. package/dist/index.js +93 -4133
  44. package/dist/server/mainServer.js +2 -2
  45. package/dist/states/UIManagerState.d.ts +5 -5
  46. package/dist/states/UIManagerState.js +2 -2
  47. package/dist/states/index.d.ts +0 -1
  48. package/dist/states/index.js +2 -4
  49. package/dist/styles/AudioCallPicker.css +1 -0
  50. package/dist/styles/ChatHeaderUI.css +1 -1
  51. package/dist/styles/VideoCallPicker.css +1 -0
  52. package/dist/styles/index-UBuvRM8r.css +1 -0
  53. package/dist/styles/index.css +1 -1
  54. package/dist/styles/index2.css +1 -1
  55. package/dist/styles/index3.css +1 -1
  56. package/dist/styles/index4.css +1 -1
  57. package/dist/styles/index5.css +1 -1
  58. package/dist/types/message.d.ts +1 -1
  59. package/dist/types/user.d.ts +4 -4
  60. package/package.json +12 -20
  61. package/src/components/ChatHeader/AudioCallPicker/AudioCallPicker.module.scss +57 -0
  62. package/src/components/ChatHeader/AudioCallPicker/AudioCallPicker.tsx +234 -0
  63. package/src/components/ChatHeader/AudioCallPicker/index.ts +1 -0
  64. package/src/components/ChatHeader/ChatHeader.tsx +15 -3
  65. package/src/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.tsx +29 -36
  66. package/src/components/ChatHeader/VideoCallPicker/VideoCallPicker.module.scss +57 -0
  67. package/src/components/ChatHeader/VideoCallPicker/VideoCallPicker.tsx +233 -0
  68. package/src/components/ChatHeader/VideoCallPicker/index.ts +1 -0
  69. package/src/components/ChatHeader/index.ts +2 -1
  70. package/src/components/Profile/Profile.tsx +7 -6
  71. package/src/components/Profile/ProfileDefault.tsx +8 -8
  72. package/src/components/Profile/hooks/useMyProfile.tsx +2 -3
  73. package/src/components/Profile/myProfile/MyProfile.tsx +1 -1
  74. package/src/context/ChatContext.tsx +1 -1
  75. package/src/context/ContactContext.tsx +1 -1
  76. package/src/hooks/index.ts +2 -2
  77. package/src/{states/ChatHeaderState.ts → hooks/useChatHeader.ts} +15 -17
  78. package/src/index.ts +3 -5
  79. package/src/server/mainServer.ts +2 -2
  80. package/src/states/UIManagerState.ts +9 -9
  81. package/src/states/index.ts +0 -2
  82. package/src/styles/index.scss +0 -1
  83. package/src/types/message.ts +1 -1
  84. package/src/types/user.ts +4 -4
  85. package/vite.config.ts +4 -25
  86. package/dist/ChatSetting-LYkP2NWu.js +0 -29890
  87. package/dist/assets/fonts/iconfont.ttf +0 -0
  88. package/dist/assets/fonts/iconfont.woff +0 -0
  89. package/dist/assets/fonts/iconfont.woff2 +0 -0
  90. package/dist/components/ChatHeader/ChatHeaderActions/ChatHeaderActions.d.ts +0 -11
  91. package/dist/components/ChatHeader/ChatHeaderActions/ChatHeaderActions.js +0 -79
  92. package/dist/components/ChatHeader/ChatHeaderActions/index.d.ts +0 -1
  93. package/dist/components/ChatHeader/ChatHeaderActions/index.js +0 -4
  94. package/dist/components/IconFont/Icon.d.ts +0 -21
  95. package/dist/components/IconFont/Icon.js +0 -47
  96. package/dist/components/IconFont/index.d.ts +0 -2
  97. package/dist/components/IconFont/index.js +0 -4
  98. package/dist/external_modules/lodash-vwDjcXxQ.js +0 -0
  99. package/dist/external_modules/mui-BcA3SBHM.js +0 -2473
  100. package/dist/states/ChatHeaderState.js +0 -46
  101. package/dist/styles/ChatHeaderActions.css +0 -1
  102. package/dist/styles/ChatSetting.css +0 -1
  103. package/dist/styles/Icon2.css +0 -1
  104. package/src/assets/fonts/iconfont.ttf +0 -0
  105. package/src/assets/fonts/iconfont.woff +0 -0
  106. package/src/assets/fonts/iconfont.woff2 +0 -0
  107. package/src/components/ChatHeader/ChatHeaderActions/ChatHeaderActions.module.scss +0 -44
  108. package/src/components/ChatHeader/ChatHeaderActions/ChatHeaderActions.tsx +0 -105
  109. package/src/components/ChatHeader/ChatHeaderActions/index.ts +0 -1
  110. package/src/components/IconFont/Icon.module.scss +0 -42
  111. package/src/components/IconFont/Icon.tsx +0 -68
  112. package/src/components/IconFont/index.ts +0 -3
  113. package/src/styles/fonts/icon-font.scss +0 -18
package/dist/server/mainServer.js CHANGED
@@ -1,5 +1,5 @@
1
- import e from "@tencentcloud/chat-uikit-engine";
2
- import T, { TUIConstants as o, TUILogin as r } from "@tencentcloud/tui-core";
1
+ import e from "@tencentcloud/chat-uikit-engine-lite";
2
+ import T, { TUIConstants as o, TUILogin as r } from "@tencentcloud/tui-core-lite";
3
3
  class U {
4
4
  constructor() {
5
5
  T.registerEvent(
package/dist/states/UIManagerState.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { IUserStatusMap } from '../types/user';
2
- import { Profile, Friend, FriendApplication } from '@tencentcloud/chat';
3
- import { IConversationModel, IGroupModel } from '@tencentcloud/chat-uikit-engine';
1
+ import { UserStatusMap } from '../types/user';
2
+ import { Profile, Friend, FriendApplication } from '@tencentcloud/lite-chat';
3
+ import { IConversationModel, IGroupModel } from '@tencentcloud/chat-uikit-engine-lite';
4
4
  type BlockData = {
5
5
  type: 'block';
6
6
  data: Profile;
@@ -38,7 +38,7 @@ interface IUIManagerState {
38
38
  /** TUIManageShow */
39
39
  TUIManageShow: boolean;
40
40
  /** userStatusMap */
41
- userStatusMap: IUserStatusMap | undefined;
41
+ userStatusMap: UserStatusMap | undefined;
42
42
  }
43
43
  /**
44
44
  * Interface representing actions available for UI management operations
@@ -81,7 +81,7 @@ interface IUIManagerAction {
81
81
  /** Set the user status map
82
82
  * @param userStatusMap - The user status map to set, undefined to clear
83
83
  */
84
- setUserStatusMap: (userStatusMap?: IUserStatusMap) => void;
84
+ setUserStatusMap: (userStatusMap?: UserStatusMap) => void;
85
85
  }
86
86
  type IuseUIManagerStateReturn = Omit<IUIManagerState & IUIManagerAction, 'setMyProfile' | 'setUserStatusMap' | 'setActiveConversation' | 'setConversationList'>;
87
87
  declare function useUIManagerState(..._args: any[]): IuseUIManagerStateReturn;
package/dist/states/UIManagerState.js CHANGED
@@ -1,5 +1,5 @@
1
- import { TUIStore as a, StoreName as i, TUIConversationService as r } from "@tencentcloud/chat-uikit-engine";
2
- import { TUILogin as s } from "@tencentcloud/tui-core";
1
+ import { TUIStore as a, StoreName as i, TUIConversationService as r } from "@tencentcloud/chat-uikit-engine-lite";
2
+ import { TUILogin as s } from "@tencentcloud/tui-core-lite";
3
3
  import { c, u as n } from "../external_modules/zustand-CDmQR4co.js";
4
4
  const o = c()((e) => ({
5
5
  chat: null,
package/dist/states/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export { useUIManagerState } from './UIManagerState';
2
- export { useChatHeaderState } from './ChatHeaderState';
package/dist/states/index.js CHANGED
@@ -1,6 +1,4 @@
1
- import { useUIManagerState as a } from "./UIManagerState.js";
2
- import { useChatHeaderState as o } from "./ChatHeaderState.js";
1
+ import { useUIManagerState as r } from "./UIManagerState.js";
3
2
  export {
4
- o as useChatHeaderState,
5
- a as useUIManagerState
3
+ r as useUIManagerState
6
4
  };
package/dist/styles/AudioCallPicker.css ADDED
@@ -0,0 +1 @@
1
+ .uikit-audio-call-picker__button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px 6px;border:none;background:transparent;transition:background-color .5s ease;border-radius:4px;outline:none}[data-uikit-theme=light] .uikit-audio-call-picker__button:hover{background-color:var(--uikit-theme-light-button-color-secondary-hover)}[data-uikit-theme=light] .uikit-audio-call-picker__button:active{background-color:var(--uikit-theme-light-button-color-secondary-active)}[data-uikit-theme=light] .uikit-audio-call-picker__button{transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-audio-call-picker__button:hover{background-color:var(--uikit-theme-dark-button-color-secondary-hover)}[data-uikit-theme=dark] .uikit-audio-call-picker__button:active{background-color:var(--uikit-theme-dark-button-color-secondary-active)}[data-uikit-theme=dark] .uikit-audio-call-picker__button{transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-audio-call-picker__button:focus{outline:none}.uikit-audio-call-picker__button--disabled{opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none;pointer-events:none}.uikit-audio-call-picker__icon{transition:color .2s ease}[data-uikit-theme=light] .uikit-audio-call-picker__icon{color:var(--uikit-theme-light-text-color-link);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-audio-call-picker__icon{color:var(--uikit-theme-dark-text-color-link);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-group-call-dialog{background:#fff;border-radius:8px;max-width:500px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}
package/dist/styles/ChatHeaderUI.css CHANGED
@@ -1 +1 @@
1
- .uikit-chat-header{height:64px;display:flex;justify-content:center;padding:14px 10px}@media (min-width: 1024px){.uikit-chat-header{padding:14px 20px}}[data-uikit-theme=light] .uikit-chat-header{background-color:var(--uikit-theme-light-bg-color-operate);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-chat-header{background-color:var(--uikit-theme-dark-bg-color-operate);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-chat-header__container{flex-direction:row;align-items:center;justify-content:space-between}.uikit-chat-header__left{flex:1 1 auto;display:flex;flex-direction:row;align-items:center;gap:12px}.uikit-chat-header__back-icon{display:flex}@media (min-width: 1024px){.uikit-chat-header__back-icon{display:none}}.uikit-chat-header__info{display:flex;flex-direction:column;justify-content:center}.uikit-chat-header__title{display:block;margin:0;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-uikit-theme=light] .uikit-chat-header__title{color:var(--uikit-theme-light-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-chat-header__title{color:var(--uikit-theme-dark-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-chat-header__typing-indicator{font-size:12px}[data-uikit-theme=light] .uikit-chat-header__typing-indicator{color:var(--uikit-theme-light-text-color-secondary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-chat-header__typing-indicator{color:var(--uikit-theme-dark-text-color-secondary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-chat-header__live{margin-top:4px;font-size:12px}[data-uikit-theme=light] .uikit-chat-header__live{color:var(--uikit-theme-light-text-color-tertiary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-chat-header__live{color:var(--uikit-theme-dark-text-color-tertiary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-icon-button{flex:0 0 auto;border:none;padding:4px;margin:0;background:none;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease;cursor:pointer}[data-uikit-theme=light] .uikit-icon-button{color:var(--uikit-theme-light-text-color-link);background-color:var(--uikit-theme-light-dropdown-color-default);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=light] .uikit-icon-button:hover{background-color:var(--uikit-theme-light-dropdown-color-hover)}[data-uikit-theme=light] .uikit-icon-button:active{background-color:var(--uikit-theme-light-dropdown-color-active)}[data-uikit-theme=dark] .uikit-icon-button{color:var(--uikit-theme-dark-text-color-link);background-color:var(--uikit-theme-dark-dropdown-color-default);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-icon-button:hover{background-color:var(--uikit-theme-dark-dropdown-color-hover)}[data-uikit-theme=dark] .uikit-icon-button:active{background-color:var(--uikit-theme-dark-dropdown-color-active)}
1
+ .uikit-chat-header{height:64px;display:flex;justify-content:center;padding:14px 10px}@media (min-width: 1024px){.uikit-chat-header{padding:14px 20px}}[data-uikit-theme=light] .uikit-chat-header{background-color:var(--uikit-theme-light-bg-color-operate);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-chat-header{background-color:var(--uikit-theme-dark-bg-color-operate);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-chat-header__container{flex-direction:row;align-items:center;justify-content:space-between}.uikit-chat-header__left{flex:1 1 auto;display:flex;flex-direction:row;align-items:center;gap:12px}.uikit-chat-header__back-icon{display:flex}@media (min-width: 1024px){.uikit-chat-header__back-icon{display:none}}.uikit-chat-header__info{display:flex;flex-direction:column;justify-content:center}.uikit-chat-header__title{display:block;margin:0;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-uikit-theme=light] .uikit-chat-header__title{color:var(--uikit-theme-light-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-chat-header__title{color:var(--uikit-theme-dark-text-color-primary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-chat-header__typing-indicator{font-size:12px}[data-uikit-theme=light] .uikit-chat-header__typing-indicator{color:var(--uikit-theme-light-text-color-secondary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-chat-header__typing-indicator{color:var(--uikit-theme-dark-text-color-secondary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-chat-header__live{margin-top:4px;font-size:12px}[data-uikit-theme=light] .uikit-chat-header__live{color:var(--uikit-theme-light-text-color-tertiary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-chat-header__live{color:var(--uikit-theme-dark-text-color-tertiary);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-icon-button{flex:0 0 auto;border:none;padding:4px;margin:0;background:none;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease;cursor:pointer}[data-uikit-theme=light] .uikit-icon-button{color:var(--uikit-theme-light-text-color-link);background-color:var(--uikit-theme-light-dropdown-color-default)}[data-uikit-theme=light] .uikit-icon-button:hover{background-color:var(--uikit-theme-light-dropdown-color-hover)}[data-uikit-theme=light] .uikit-icon-button:active{background-color:var(--uikit-theme-light-dropdown-color-active)}[data-uikit-theme=light] .uikit-icon-button{transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-icon-button{color:var(--uikit-theme-dark-text-color-link);background-color:var(--uikit-theme-dark-dropdown-color-default)}[data-uikit-theme=dark] .uikit-icon-button:hover{background-color:var(--uikit-theme-dark-dropdown-color-hover)}[data-uikit-theme=dark] .uikit-icon-button:active{background-color:var(--uikit-theme-dark-dropdown-color-active)}[data-uikit-theme=dark] .uikit-icon-button{transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}
package/dist/styles/VideoCallPicker.css ADDED
@@ -0,0 +1 @@
1
+ .uikit-video-call-picker__button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px 6px;border:none;background:transparent;transition:background-color .5s ease;border-radius:4px;outline:none}[data-uikit-theme=light] .uikit-video-call-picker__button:hover{background-color:var(--uikit-theme-light-button-color-secondary-hover)}[data-uikit-theme=light] .uikit-video-call-picker__button:active{background-color:var(--uikit-theme-light-button-color-secondary-active)}[data-uikit-theme=light] .uikit-video-call-picker__button{transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-video-call-picker__button:hover{background-color:var(--uikit-theme-dark-button-color-secondary-hover)}[data-uikit-theme=dark] .uikit-video-call-picker__button:active{background-color:var(--uikit-theme-dark-button-color-secondary-active)}[data-uikit-theme=dark] .uikit-video-call-picker__button{transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-video-call-picker__button:focus{outline:none}.uikit-video-call-picker__button--disabled{opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none;pointer-events:none}.uikit-video-call-picker__icon{transition:color .2s ease}[data-uikit-theme=light] .uikit-video-call-picker__icon{color:var(--uikit-theme-light-text-color-link);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}[data-uikit-theme=dark] .uikit-video-call-picker__icon{color:var(--uikit-theme-dark-text-color-link);transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out}.uikit-group-call-dialog{background:#fff;border-radius:8px;max-width:500px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}