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

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 (61) hide show
  1. package/dist/{HLSView-JTO7E2KW.js → HLSView-662T7R7H.js} +2 -2
  2. package/dist/Prebuilt/common/constants.d.ts +1 -0
  3. package/dist/Prebuilt/common/hooks.d.ts +24 -0
  4. package/dist/Prebuilt/components/Chat/{Navigation.d.ts → ArrowNavigation.d.ts} +1 -2
  5. package/dist/Prebuilt/components/Chat/ChatFooter.d.ts +2 -4
  6. package/dist/Prebuilt/components/Chat/ChatSelector.d.ts +5 -0
  7. package/dist/Prebuilt/components/Chat/ChatSelectorContainer.d.ts +2 -0
  8. package/dist/Prebuilt/components/Chat/ChatStates.d.ts +3 -0
  9. package/dist/Prebuilt/components/Chat/StickIndicator.d.ts +5 -0
  10. package/dist/Prebuilt/components/Chat/useUnreadCount.d.ts +4 -0
  11. package/dist/Prebuilt/components/ChatSettings.d.ts +2 -0
  12. package/dist/Prebuilt/components/Preview/PreviewForm.d.ts +2 -1
  13. package/dist/Prebuilt/components/SidePaneTabs.d.ts +0 -2
  14. package/dist/Prebuilt/components/TileMenu/TileMenuContent.d.ts +19 -0
  15. package/dist/Prebuilt/components/VirtualBackground/VBOption.d.ts +2 -1
  16. package/dist/Prebuilt/components/hooks/useChatBlacklist.d.ts +2 -1
  17. package/dist/Prebuilt/components/hooks/useSetPinnedMessages.d.ts +1 -1
  18. package/dist/Prebuilt/layouts/SidePane.d.ts +1 -3
  19. package/dist/{chunk-TOKLXTAS.js → chunk-2B7YYNHQ.js} +1651 -1229
  20. package/dist/chunk-2B7YYNHQ.js.map +7 -0
  21. package/dist/index.cjs.js +2074 -1609
  22. package/dist/index.cjs.js.map +4 -4
  23. package/dist/index.js +1 -1
  24. package/dist/meta.cjs.json +451 -115
  25. package/dist/meta.esbuild.json +457 -121
  26. package/package.json +6 -6
  27. package/src/Prebuilt/common/constants.ts +1 -0
  28. package/src/Prebuilt/common/{hooks.js → hooks.ts} +4 -5
  29. package/src/Prebuilt/components/AppData/AppData.tsx +1 -0
  30. package/src/Prebuilt/components/AppData/useUISettings.js +2 -1
  31. package/src/Prebuilt/components/AuthToken.jsx +16 -8
  32. package/src/Prebuilt/components/Chat/{Navigation.tsx → ArrowNavigation.tsx} +3 -19
  33. package/src/Prebuilt/components/Chat/Chat.jsx +15 -44
  34. package/src/Prebuilt/components/Chat/ChatBody.jsx +114 -69
  35. package/src/Prebuilt/components/Chat/ChatFooter.tsx +128 -130
  36. package/src/Prebuilt/components/Chat/ChatSelector.tsx +225 -0
  37. package/src/Prebuilt/components/Chat/ChatSelectorContainer.tsx +158 -0
  38. package/src/Prebuilt/components/Chat/{ChatStates.jsx → ChatStates.tsx} +4 -4
  39. package/src/Prebuilt/components/Chat/PinnedMessage.tsx +59 -41
  40. package/src/Prebuilt/components/Chat/StickIndicator.tsx +24 -0
  41. package/src/Prebuilt/components/Chat/useUnreadCount.ts +19 -0
  42. package/src/Prebuilt/components/ChatSettings.tsx +68 -0
  43. package/src/Prebuilt/components/Footer/ParticipantList.jsx +2 -1
  44. package/src/Prebuilt/components/Header/ParticipantFilter.jsx +2 -1
  45. package/src/Prebuilt/components/Notifications/ChatNotifications.tsx +1 -1
  46. package/src/Prebuilt/components/Preview/PreviewForm.tsx +3 -0
  47. package/src/Prebuilt/components/Preview/PreviewJoin.tsx +2 -1
  48. package/src/Prebuilt/components/SidePaneTabs.tsx +48 -50
  49. package/src/Prebuilt/components/TileMenu/{TileMenuContent.jsx → TileMenuContent.tsx} +72 -41
  50. package/src/Prebuilt/components/VirtualBackground/VBCollection.tsx +2 -1
  51. package/src/Prebuilt/components/VirtualBackground/VBOption.tsx +3 -0
  52. package/src/Prebuilt/components/VirtualBackground/VBToggle.jsx +1 -1
  53. package/src/Prebuilt/components/hooks/useChatBlacklist.ts +8 -6
  54. package/src/Prebuilt/components/hooks/useSetPinnedMessages.ts +2 -7
  55. package/src/Prebuilt/layouts/SidePane.tsx +1 -5
  56. package/src/Prebuilt/provider/roomLayoutProvider/constants/index.ts +1 -0
  57. package/dist/chunk-TOKLXTAS.js.map +0 -7
  58. package/src/Prebuilt/components/Chat/ChatSelector.jsx +0 -161
  59. package/src/Prebuilt/components/Chat/ChatSelectorContainer.jsx +0 -81
  60. package/src/Prebuilt/components/Chat/useUnreadCount.js +0 -17
  61. /package/dist/{HLSView-JTO7E2KW.js.map → HLSView-662T7R7H.js.map} +0 -0
@@ -22,7 +22,7 @@ import {
22
22
  init_define_process_env,
23
23
  styled,
24
24
  useTheme
25
- } from "./chunk-TOKLXTAS.js";
25
+ } from "./chunk-2B7YYNHQ.js";
26
26
 
27
27
  // src/Prebuilt/layouts/HLSView.jsx
28
28
  init_define_process_env();
@@ -880,4 +880,4 @@ var HLSView_default = HLSView;
880
880
  export {
881
881
  HLSView_default as default
882
882
  };
883
- //# sourceMappingURL=HLSView-JTO7E2KW.js.map
883
+ //# sourceMappingURL=HLSView-662T7R7H.js.map
@@ -16,6 +16,7 @@ export declare const EMOJI_REACTION_TYPE = "EMOJI_REACTION";
16
16
  export declare const CHAT_SELECTOR: {
17
17
  PEER_ID: string;
18
18
  ROLE: string;
19
+ EVERYONE: string;
19
20
  };
20
21
  export declare const APP_DATA: {
21
22
  uiSettings: string;
@@ -0,0 +1,24 @@
1
+ /**
2
+ * Hook to execute a callback when alone in room(after a certain 5d of time)
3
+ * @param {number} thresholdMs The threshold(in ms) after which the callback is executed,
4
+ * starting from the instant when alone in room.
5
+ * note: the cb is not called when another peer joins during this period.
6
+ */
7
+ export declare const useWhenAloneInRoom: (thresholdMs?: number) => {
8
+ alone: boolean | undefined;
9
+ aloneForLong: boolean;
10
+ };
11
+ export declare const useFilteredRoles: () => string[];
12
+ export declare const useShowStreamingUI: () => boolean;
13
+ export declare const useParticipants: (params?: {
14
+ metadata?: {
15
+ isHandRaised?: boolean;
16
+ };
17
+ role?: string;
18
+ search?: string;
19
+ }) => {
20
+ participants: import("@100mslive/react-sdk").HMSPeer[];
21
+ isConnected: boolean | undefined;
22
+ peerCount: number;
23
+ rolesWithParticipants: (string | undefined)[];
24
+ };
@@ -1,8 +1,7 @@
1
1
  import React from 'react';
2
- export declare const Navigation: ({ total, index, showPrevious, showNext, isMobile, }: {
2
+ export declare const ArrowNavigation: ({ total, index, showPrevious, showNext, }: {
3
3
  total: number;
4
4
  index: number;
5
5
  showPrevious: () => void;
6
6
  showNext: () => void;
7
- isMobile: boolean;
8
7
  }) => React.JSX.Element | null;
@@ -1,7 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- export declare const ChatFooter: ({ role, peerId, onSend, children, }: {
3
- role: any;
4
- peerId: string;
5
- onSend: any;
2
+ export declare const ChatFooter: ({ onSend, children }: {
3
+ onSend: () => void;
6
4
  children: ReactNode;
7
5
  }) => React.JSX.Element;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export declare const ChatSelector: ({ role, peerId }: {
3
+ role: string;
4
+ peerId: string;
5
+ }) => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const ChatSelectorContainer: () => React.JSX.Element | null;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const ChatPaused: () => React.JSX.Element | null;
3
+ export declare const ChatBlocked: () => React.JSX.Element;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export declare const StickIndicator: ({ total, index }: {
3
+ total: number;
4
+ index: number;
5
+ }) => React.JSX.Element | null;
@@ -0,0 +1,4 @@
1
+ export declare const useUnreadCount: ({ role, peerId }: {
2
+ role?: string | undefined;
3
+ peerId?: string | undefined;
4
+ }) => number;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const ChatSettings: () => React.JSX.Element | null;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
- declare const PreviewForm: ({ name, onChange, onJoin, enableJoin, cannotPublishVideo, cannotPublishAudio, }: {
2
+ declare const PreviewForm: ({ name, disabled, onChange, onJoin, enableJoin, cannotPublishVideo, cannotPublishAudio, }: {
3
3
  name: string;
4
+ disabled?: boolean | undefined;
4
5
  onChange: (name: string) => void;
5
6
  onJoin: () => void;
6
7
  enableJoin: boolean;
@@ -1,7 +1,5 @@
1
1
  import React from 'react';
2
- import { ConferencingScreen } from '@100mslive/types-prebuilt';
3
2
  export declare const SidePaneTabs: React.NamedExoticComponent<{
4
3
  active: 'Participants | Chat';
5
- screenType: keyof ConferencingScreen;
6
4
  hideControls?: boolean | undefined;
7
5
  }>;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { HMSTrackID } from '@100mslive/react-sdk';
3
+ export declare const isSameTile: ({ trackId, videoTrackID, audioTrackID, }: {
4
+ trackId: HMSTrackID;
5
+ videoTrackID: string;
6
+ audioTrackID: string;
7
+ }) => boolean | "";
8
+ export declare const TileMenuContent: ({ videoTrackID, audioTrackID, isLocal, isScreenshare, showSpotlight, showPinAction, peerID, canMinimise, closeSheetOnClick, openNameChangeModal, }: {
9
+ videoTrackID: string;
10
+ audioTrackID: string;
11
+ isLocal: boolean;
12
+ isScreenshare: boolean;
13
+ showSpotlight: boolean;
14
+ showPinAction: boolean;
15
+ peerID: string;
16
+ canMinimise: boolean;
17
+ closeSheetOnClick: () => void;
18
+ openNameChangeModal: () => void;
19
+ }) => false | React.JSX.Element;
@@ -1,10 +1,11 @@
1
1
  import React from 'react';
2
2
  export declare const VBOption: {
3
- Root: ({ onClick, mediaURL, isActive, children, }: {
3
+ Root: ({ onClick, mediaURL, isActive, children, testid, }: {
4
4
  onClick?: (() => Promise<void>) | undefined;
5
5
  mediaURL?: string | undefined;
6
6
  isActive: boolean;
7
7
  children?: React.JSX.Element[] | undefined;
8
+ testid: string;
8
9
  }) => React.JSX.Element;
9
10
  Title: ({ children }: {
10
11
  children?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  import { SESSION_STORE_KEY } from '../../common/constants';
2
2
  export declare const useChatBlacklist: (sessionStoreKey: SESSION_STORE_KEY.CHAT_MESSAGE_BLACKLIST | SESSION_STORE_KEY.CHAT_PEER_BLACKLIST) => {
3
- blacklistItem: (blacklistedIDs: string[], blacklistID: string) => Promise<any>;
3
+ blacklistItem: (blacklistID: string) => Promise<void>;
4
+ blacklistedIDs: any;
4
5
  };
@@ -11,6 +11,6 @@ declare type PinnedMessage = {
11
11
  export declare const useSetPinnedMessages: () => {
12
12
  setPinnedMessages: (pinnedMessages: PinnedMessage[] | undefined, message: HMSMessage, pinnedBy: string) => Promise<void>;
13
13
  removePinnedMessage: (pinnedMessages: PinnedMessage[] | undefined, indexToRemove: number) => Promise<void>;
14
- unpinBlacklistedMessages: (pinnedMessages: PinnedMessage[] | undefined, blacklistedPeerIDSet: Set<string>, blacklistedMessageIDSet: Set<string>) => Promise<void>;
14
+ unpinBlacklistedMessages: (pinnedMessages: PinnedMessage[] | undefined, blacklistedMessageIDSet: Set<string>) => Promise<void>;
15
15
  };
16
16
  export {};
@@ -1,8 +1,6 @@
1
1
  import React from 'react';
2
- import { ConferencingScreen } from '@100mslive/types-prebuilt';
3
2
  import { TileCustomisationProps } from '../components/VideoLayouts/GridLayout';
4
- declare const SidePane: ({ screenType, tileProps, hideControls, }: {
5
- screenType: keyof ConferencingScreen;
3
+ declare const SidePane: ({ tileProps, hideControls, }: {
6
4
  tileProps?: TileCustomisationProps | undefined;
7
5
  hideControls?: boolean | undefined;
8
6
  }) => React.JSX.Element | null;