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

Sign up to get free protection for your applications and to get access to all the features.
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;