PR for main to dev backmerge

packages/hms-video-store/src/core/IHMSActions.ts

@@ -5,6 +5,7 @@ import {
   HMSConfig,
   HMSLogLevel,
   HMSMidCallPreviewConfig,
+  HMSPlaylistSettings,
   HMSPluginSupportResult,
   HMSPreferredSimulcastLayer,
   HMSPreviewConfig,
@@ -514,4 +515,9 @@ export interface IHMSActions<T extends HMSGenericTypes = { sessionStore: Record<
   lowerRemotePeerHand(peerId: string): Promise<void>;
 
   getPeerListIterator(options?: HMSPeerListIteratorOptions): HMSPeerListIterator;
+  /**
+   * Method to override the default settings for playlist tracks
+   * @param {HMSPlaylistSettings} settings
+   */
+  setPlaylistSettings(settings: HMSPlaylistSettings): void;
 }

packages/hms-video-store/src/core/hmsSDKStore/HMSSDKActions.ts

@@ -134,6 +134,9 @@ export class HMSSDKActions<T extends HMSGenericTypes = { sessionStore: Record<st
     this.interactivityCenter = new HMSInteractivityCenter(this.sdk);
     // this.actionBatcher = new ActionBatcher(store);
   }
+  setPlaylistSettings(settings: sdkTypes.HMSPlaylistSettings): void {
+    this.sdk.updatePlaylistSettings(settings);
+  }
 
   async refreshDevices() {
     await this.sdk.refreshDevices();

packages/hms-video-store/src/core/hmsSDKStore/sdkTypes.ts

@@ -25,6 +25,7 @@ import {
   HMSPlaylistItem,
   HMSPlaylistManager,
   HMSPlaylistProgressEvent,
+  HMSPlaylistSettings,
   HMSPoll,
   HMSPollCreateParams,
   HMSPollQuestionAnswer,
@@ -97,6 +98,7 @@ export type {
   HMSDeviceChangeEvent,
   HMSPlaylistItem,
   HMSPlaylistManager,
+  HMSPlaylistSettings,
   HMSPlaylistProgressEvent,
   RTMPRecordingConfig,
   HMSRecording,

packages/hms-video-store/src/core/selectors/selectors.ts

@@ -379,7 +379,7 @@ export const selectHMSBroadcastMessages = createSelector(selectHMSMessages, mess
   return messages.filter(m => !m.recipientPeer && !(m.recipientRoles && m.recipientRoles?.length > 0));
 });
 /**
- * Select the nuber of unread broadcast messages
+ * Select the number of unread broadcast messages
  */
 export const selectUnreadHMSBroadcastMessagesCount = createSelector(selectHMSBroadcastMessages, messages => {
   return messages.filter(m => !m.read).length;

packages/hms-video-web/src/interfaces/hms.ts

@@ -6,7 +6,7 @@ import { HLSConfig } from './hls-config';
 import { HMSMessage } from './message';
 import { HMSLocalPeer, HMSPeer } from './peer';
 import { HMSPeerListIteratorOptions } from './peer-list-iterator';
-import { HMSPlaylistManager } from './playlist';
+import { HMSPlaylistManager, HMSPlaylistSettings } from './playlist';
 import { HMSPreviewListener } from './preview-listener';
 import { HMSRole } from './role';
 import { HMSRoleChangeRequest } from './role-change-request';
@@ -99,4 +99,6 @@ export interface HMSInterface {
   lowerRemotePeerHand(peerId: string): Promise<void>;
 
   getPeerListIterator(options?: HMSPeerListIteratorOptions): HMSPeerListIterator;
+
+  updatePlaylistSettings(options: HMSPlaylistSettings): void;
 }

packages/hms-video-web/src/interfaces/playlist.ts

@@ -105,3 +105,12 @@ export interface HMSPlaylistManager {
    */
   setPlaybackRate(type: HMSPlaylistType, value: number): void;
 }
+
+export interface HMSPlaylistSettings {
+  video: {
+    bitrate: number;
+  };
+  audio: {
+    bitrate: number;
+  };
+}

packages/hms-video-web/src/sdk/index.ts

@@ -28,6 +28,7 @@ import {
   HMSDeviceChangeEvent,
   HMSFrameworkInfo,
   HMSMessageInput,
+  HMSPlaylistSettings,
   HMSPlaylistType,
   HMSPreviewConfig,
   HMSRole,
@@ -65,7 +66,11 @@ import { InitConfig } from '../signal/init/models';
 import HMSTransport from '../transport';
 import ITransportObserver from '../transport/ITransportObserver';
 import { TransportState } from '../transport/models/TransportState';
-import { HAND_RAISE_GROUP_NAME } from '../utils/constants';
+import {
+  DEFAULT_PLAYLIST_AUDIO_BITRATE,
+  DEFAULT_PLAYLIST_VIDEO_BITRATE,
+  HAND_RAISE_GROUP_NAME,
+} from '../utils/constants';
 import { fetchWithRetry } from '../utils/fetch';
 import decodeJWT from '../utils/jwt';
 import HMSLogger, { HMSLogLevel } from '../utils/logger';
@@ -109,6 +114,14 @@ export class HMSSdk implements HMSInterface {
   private interactivityCenter!: InteractivityCenter;
   private sdkState = { ...INITIAL_STATE };
   private frameworkInfo?: HMSFrameworkInfo;
+  private playlistSettings: HMSPlaylistSettings = {
+    video: {
+      bitrate: DEFAULT_PLAYLIST_VIDEO_BITRATE,
+    },
+    audio: {
+      bitrate: DEFAULT_PLAYLIST_AUDIO_BITRATE,
+    },
+  };
 
   private initNotificationManager() {
     if (!this.notificationManager) {
@@ -224,6 +237,15 @@ export class HMSSdk implements HMSInterface {
     return new HMSPeerListIterator(this.transport, this.store, options);
   }
 
+  updatePlaylistSettings(options: HMSPlaylistSettings) {
+    if (options.video) {
+      Object.assign(this.playlistSettings.video, options.video);
+    }
+    if (options.audio) {
+      Object.assign(this.playlistSettings.audio, options.audio);
+    }
+  }
+
   private handleAutoplayError = (error: HMSException) => {
     this.errorListener?.onError?.(error);
   };
@@ -1151,9 +1173,9 @@ export class HMSSdk implements HMSInterface {
     if (source === 'videoplaylist') {
       const settings: { maxBitrate?: number; width?: number; height?: number } = {};
       if (track.kind === 'audio') {
-        settings.maxBitrate = 64;
+        settings.maxBitrate = this.playlistSettings.audio?.bitrate || DEFAULT_PLAYLIST_AUDIO_BITRATE;
       } else {
-        settings.maxBitrate = 1000;
+        settings.maxBitrate = this.playlistSettings.video?.bitrate || DEFAULT_PLAYLIST_VIDEO_BITRATE;
         const { width, height } = track.getSettings();
         settings.width = width;
         settings.height = height;

packages/hms-video-web/src/utils/constants.ts

@@ -60,3 +60,7 @@ export const PROTOCOL_VERSION = '2.5';
 export const PROTOCOL_SPEC = '20231020';
 
 export const HAND_RAISE_GROUP_NAME = '_handraise';
+
+export const DEFAULT_PLAYLIST_VIDEO_BITRATE = 1000;
+
+export const DEFAULT_PLAYLIST_AUDIO_BITRATE = 64;

packages/react-icons/src/PersonIcon.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
 const SvgPersonIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width="24px" height="24px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
       fillRule="evenodd"
       clipRule="evenodd"
-      d="M12 2.813a4.687 4.687 0 1 0 0 9.374 4.687 4.687 0 0 0 0-9.374ZM9.746 5.245a3.188 3.188 0 1 1 4.508 4.508 3.188 3.188 0 0 1-4.508-4.508ZM8.012 16.45a5.64 5.64 0 0 1 9.628 3.988.75.75 0 0 0 1.5 0 7.14 7.14 0 0 0-14.28 0 .75.75 0 0 0 1.5 0 5.64 5.64 0 0 1 1.652-3.988Z"
+      d="M6.533 5.333a1.6 1.6 0 1 1 3.2 0 1.6 1.6 0 0 1-3.2 0Zm1.6-2.666a2.667 2.667 0 1 0 0 5.333 2.667 2.667 0 0 0 0-5.333ZM6 9.067a2.667 2.667 0 0 0-2.667 2.666V12.8a.533.533 0 1 0 1.067 0v-1.067a1.6 1.6 0 0 1 1.6-1.6h4.267a1.6 1.6 0 0 1 1.6 1.6V12.8a.533.533 0 1 0 1.066 0v-1.067a2.667 2.667 0 0 0-2.666-2.666H6Z"
       fill="currentColor"
     />
   </svg>

packages/react-icons/src/UnpinIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgUnpinIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg width="24px" height="24px" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M1.333 1.333 15.5 15.5M8.417 11.958V15.5M6.292 6.292v1.246a1.417 1.417 0 0 1-.787 1.268l-1.26.638a1.417 1.417 0 0 0-.787 1.267v1.247h8.5M10.542 6.532V4.167h.708a1.416 1.416 0 1 0 0-2.834H5.505"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgUnpinIcon;

packages/react-icons/src/index.ts

@@ -242,6 +242,7 @@ export { default as ThumbsUpIcon } from './ThumbsUpIcon';
 export { default as TranscriptIcon } from './TranscriptIcon';
 export { default as TrashIcon } from './TrashIcon';
 export { default as TwitterIcon } from './TwitterIcon';
+export { default as UnpinIcon } from './UnpinIcon';
 export { default as UploadIcon } from './UploadIcon';
 export { default as VerifiedIcon } from './VerifiedIcon';
 export { default as VerticalMenuIcon } from './VerticalMenuIcon';

packages/roomkit-react/src/Prebuilt/common/constants.ts

@@ -19,6 +19,7 @@ export const EMOJI_REACTION_TYPE = 'EMOJI_REACTION';
 export const CHAT_SELECTOR = {
   PEER_ID: 'peer_id',
   ROLE: 'role',
+  EVERYONE: 'Everyone',
 };
 
 export const APP_DATA = {