@100mslive/roomkit-react 0.1.18-alpha.1 → 0.1.18

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 (37) hide show
  1. package/dist/{HLSView-MR7RYQZB.js → HLSView-XU2WQ4VV.js} +2 -2
  2. package/dist/Prebuilt/components/Chat/Chat.d.ts +2 -0
  3. package/dist/Prebuilt/components/Chat/ChatActions.d.ts +12 -0
  4. package/dist/Prebuilt/components/Chat/ChatBody.d.ts +8 -0
  5. package/dist/Prebuilt/components/Chat/ChatFooter.d.ts +2 -2
  6. package/dist/Prebuilt/components/Chat/ChatStates.d.ts +1 -1
  7. package/dist/Prebuilt/components/Chat/MwebChatOption.d.ts +1 -1
  8. package/dist/Prebuilt/components/Chat/PinnedMessage.d.ts +1 -3
  9. package/dist/Prebuilt/components/hooks/useChatBlacklist.d.ts +1 -0
  10. package/dist/Prebuilt/components/hooks/useSetPinnedMessages.d.ts +3 -10
  11. package/dist/Prebuilt/components/hooks/useUnreadPollQuizPresent.d.ts +5 -0
  12. package/dist/{chunk-WFHOR7AP.js → chunk-2FX6MFDM.js} +4535 -4495
  13. package/dist/chunk-2FX6MFDM.js.map +7 -0
  14. package/dist/index.cjs.js +5110 -5055
  15. package/dist/index.cjs.js.map +4 -4
  16. package/dist/index.js +1 -1
  17. package/dist/meta.cjs.json +341 -223
  18. package/dist/meta.esbuild.json +351 -233
  19. package/package.json +6 -6
  20. package/src/Prebuilt/components/Chat/Chat.tsx +108 -0
  21. package/src/Prebuilt/components/Chat/ChatActions.tsx +295 -0
  22. package/src/Prebuilt/components/Chat/ChatBody.tsx +444 -0
  23. package/src/Prebuilt/components/Chat/ChatFooter.tsx +9 -3
  24. package/src/Prebuilt/components/Chat/ChatStates.tsx +5 -0
  25. package/src/Prebuilt/components/Chat/MwebChatOption.tsx +1 -1
  26. package/src/Prebuilt/components/Chat/PinnedMessage.tsx +4 -2
  27. package/src/Prebuilt/components/Footer/PollsToggle.tsx +12 -3
  28. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +5 -1
  29. package/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx +1 -1
  30. package/src/Prebuilt/components/SidePaneTabs.tsx +33 -11
  31. package/src/Prebuilt/components/hooks/useChatBlacklist.ts +7 -1
  32. package/src/Prebuilt/components/hooks/useSetPinnedMessages.ts +19 -11
  33. package/src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx +20 -0
  34. package/dist/chunk-WFHOR7AP.js.map +0 -7
  35. package/src/Prebuilt/components/Chat/Chat.jsx +0 -124
  36. package/src/Prebuilt/components/Chat/ChatBody.jsx +0 -726
  37. /package/dist/{HLSView-MR7RYQZB.js.map → HLSView-XU2WQ4VV.js.map} +0 -0
@@ -1,5 +1,5 @@
1
1
  import { useCallback } from 'react';
2
- import { selectSessionStore, useHMSActions, useHMSStore } from '@100mslive/react-sdk';
2
+ import { selectLocalPeer, selectSessionStore, useHMSActions, useHMSStore } from '@100mslive/react-sdk';
3
3
  // @ts-ignore
4
4
  import { ToastManager } from '../Toast/ToastManager';
5
5
  import { SESSION_STORE_KEY } from '../../common/constants';
@@ -21,3 +21,9 @@ export const useChatBlacklist = (
21
21
 
22
22
  return { blacklistItem, blacklistedIDs };
23
23
  };
24
+
25
+ export const useIsLocalPeerBlacklisted = () => {
26
+ const localPeer = useHMSStore(selectLocalPeer);
27
+ const blacklistedPeerIDs = useHMSStore(selectSessionStore(SESSION_STORE_KEY.CHAT_PEER_BLACKLIST)) || [];
28
+ return blacklistedPeerIDs?.includes(localPeer?.customerUserId);
29
+ };
@@ -1,5 +1,11 @@
1
1
  import { useCallback } from 'react';
2
- import { HMSMessage, selectPeerNameByID, useHMSActions, useHMSVanillaStore } from '@100mslive/react-sdk';
2
+ import {
3
+ HMSMessage,
4
+ selectPeerNameByID,
5
+ selectSessionStore,
6
+ useHMSActions,
7
+ useHMSVanillaStore,
8
+ } from '@100mslive/react-sdk';
3
9
  // @ts-ignore
4
10
  import { ToastManager } from '../Toast/ToastManager';
5
11
  // @ts-ignore
@@ -8,7 +14,6 @@ import { SESSION_STORE_KEY } from '../../common/constants';
8
14
  type PinnedMessage = {
9
15
  text: string;
10
16
  id: string;
11
- authorId: string;
12
17
  pinnedBy: string;
13
18
  };
14
19
 
@@ -20,9 +25,9 @@ export const useSetPinnedMessages = () => {
20
25
  const vanillaStore = useHMSVanillaStore();
21
26
 
22
27
  const setPinnedMessages = useCallback(
23
- async (pinnedMessages: PinnedMessage[] = [], message: HMSMessage, pinnedBy: string) => {
28
+ async (message: HMSMessage, pinnedBy: string) => {
24
29
  const peerName = vanillaStore.getState(selectPeerNameByID(message?.sender)) || message?.senderName;
25
- const newPinnedMessage = { text: '', id: message.id, pinnedBy, authorId: message?.senderUserId || '' };
30
+ const newPinnedMessage = { text: '', id: message.id, pinnedBy };
26
31
 
27
32
  if (message && peerName) {
28
33
  newPinnedMessage['text'] = `${peerName}: ${message.message}`;
@@ -30,7 +35,8 @@ export const useSetPinnedMessages = () => {
30
35
  newPinnedMessage['text'] = message.message;
31
36
  }
32
37
 
33
- if (newPinnedMessage && !pinnedMessages.find(pinnedMessage => pinnedMessage.id === newPinnedMessage.id)) {
38
+ const pinnedMessages = vanillaStore.getState(selectSessionStore(SESSION_STORE_KEY.PINNED_MESSAGES)) || [];
39
+ if (!pinnedMessages?.find((pinnedMessage: PinnedMessage) => pinnedMessage.id === newPinnedMessage.id)) {
34
40
  await hmsActions.sessionStore
35
41
  .set(SESSION_STORE_KEY.PINNED_MESSAGES, [...pinnedMessages, newPinnedMessage].slice(-3)) // Limiting to maximum of 3 messages - FIFO
36
42
  .catch(err => ToastManager.addToast({ title: err.description }));
@@ -40,30 +46,32 @@ export const useSetPinnedMessages = () => {
40
46
  );
41
47
 
42
48
  const removePinnedMessage = useCallback(
43
- async (pinnedMessages: PinnedMessage[] = [], indexToRemove: number) => {
49
+ async (indexToRemove: number) => {
50
+ const pinnedMessages = vanillaStore.getState(selectSessionStore(SESSION_STORE_KEY.PINNED_MESSAGES)) || [];
44
51
  if (pinnedMessages[indexToRemove]) {
45
52
  await hmsActions.sessionStore
46
53
  .set(
47
54
  SESSION_STORE_KEY.PINNED_MESSAGES,
48
- pinnedMessages.filter((_, index: number) => index !== indexToRemove),
55
+ pinnedMessages.filter((_: PinnedMessage, index: number) => index !== indexToRemove),
49
56
  )
50
57
  .catch(err => ToastManager.addToast({ title: err.description }));
51
58
  }
52
59
  },
53
- [hmsActions],
60
+ [hmsActions, vanillaStore],
54
61
  );
55
62
 
56
63
  const unpinBlacklistedMessages = useCallback(
57
- async (pinnedMessages: PinnedMessage[] = [], blacklistedMessageIDSet: Set<string>) => {
64
+ async (blacklistedMessageIDSet: Set<string>) => {
65
+ const pinnedMessages = vanillaStore.getState(selectSessionStore(SESSION_STORE_KEY.PINNED_MESSAGES)) || [];
58
66
  const filteredPinnedMessages = pinnedMessages?.filter(
59
- pinnedMessage => !blacklistedMessageIDSet?.has(pinnedMessage.id),
67
+ (pinnedMessage: PinnedMessage) => !blacklistedMessageIDSet?.has(pinnedMessage.id),
60
68
  );
61
69
 
62
70
  await hmsActions.sessionStore
63
71
  .set(SESSION_STORE_KEY.PINNED_MESSAGES, filteredPinnedMessages)
64
72
  .catch(err => ToastManager.addToast({ title: err.description }));
65
73
  },
66
- [hmsActions],
74
+ [hmsActions, vanillaStore],
67
75
  );
68
76
 
69
77
  return { setPinnedMessages, removePinnedMessage, unpinBlacklistedMessages };
@@ -0,0 +1,20 @@
1
+ import { useEffect, useState } from 'react';
2
+ import { selectLocalPeerID } from '@100mslive/hms-video-store';
3
+ import { HMSNotificationTypes, useHMSNotifications, useHMSStore } from '@100mslive/react-sdk';
4
+
5
+ export const useUnreadPollQuizPresent = () => {
6
+ const localPeerID = useHMSStore(selectLocalPeerID);
7
+ const notification = useHMSNotifications();
8
+ const [unreadPollQuiz, setUnreadPollQuiz] = useState(false);
9
+
10
+ useEffect(() => {
11
+ if (!notification) {
12
+ return;
13
+ }
14
+ if (notification.type !== HMSNotificationTypes.POLL_STARTED) {
15
+ return;
16
+ }
17
+ setUnreadPollQuiz(notification.data.startedBy !== localPeerID);
18
+ }, [localPeerID, notification]);
19
+ return { unreadPollQuiz, setUnreadPollQuiz };
20
+ };