@azure/communication-react 1.19.0-alpha-202409130015 → 1.19.0-alpha-202409170013

package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js

@@ -9,12 +9,19 @@ const DEFAULT_MAX_VIDEO_SREAMS = 4;
  */
 export const MAX_GRID_PARTICIPANTS_NOT_LARGE_GALLERY = 9;
 const getOrganizedParticipants = (props) => {
-    const { remoteParticipants = [], dominantSpeakers = [], maxGridParticipants = DEFAULT_MAX_VIDEO_SREAMS, maxOverflowGalleryDominantSpeakers = DEFAULT_MAX_OVERFLOW_GALLERY_DOMINANT_SPEAKERS, isScreenShareActive = false, layout, previousGridParticipants = [], previousOverflowParticipants = [] } = props;
-    const remoteParticipantsOrdered = putVideoParticipantsFirst(remoteParticipants);
+    const { remoteParticipants = [], dominantSpeakers = [], maxGridParticipants = DEFAULT_MAX_VIDEO_SREAMS, maxOverflowGalleryDominantSpeakers = DEFAULT_MAX_OVERFLOW_GALLERY_DOMINANT_SPEAKERS, layout, previousGridParticipants = [], previousOverflowParticipants = [] } = props;
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    const callingParticipants = remoteParticipants.filter((p) => p.state === ('Connecting' || 'Ringing'));
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    const callingParticipantsSet = new Set(callingParticipants.map((p) => p.userId));
+    let connectedParticipants = remoteParticipants;
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    connectedParticipants = connectedParticipants.filter((p) => !callingParticipantsSet.has(p.userId));
+    const remoteParticipantsOrdered = putVideoParticipantsFirst(connectedParticipants);
     const videoParticipants = remoteParticipants.filter((p) => { var _a; return (_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable; });
-    const participants = layout === 'floatingLocalVideo' && videoParticipants.length > 0 ? videoParticipants : remoteParticipantsOrdered;
+    const participantsForGrid = layout === 'floatingLocalVideo' && videoParticipants.length > 0 ? videoParticipants : remoteParticipantsOrdered;
     let newGridParticipants = smartDominantSpeakerParticipants({
-        participants: participants,
+        participants: participantsForGrid,
         dominantSpeakers,
         currentParticipants: previousGridParticipants,
         maxDominantSpeakers: maxGridParticipants
@@ -28,31 +35,21 @@ const getOrganizedParticipants = (props) => {
         newGridParticipants = dominantSpeakerToGrid;
     }
     const gridParticipantSet = new Set(newGridParticipants.map((p) => p.userId));
-    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-    const callingParticipants = remoteParticipantsOrdered.filter((p) => p.state === ('Connecting' || 'Ringing'));
-    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-    const callingParticipantsSet = new Set(callingParticipants.map((p) => p.userId));
     const newOverflowGalleryParticipants = smartDominantSpeakerParticipants({
-        participants: remoteParticipantsOrdered.filter((p) => !gridParticipantSet.has(p.userId) &&
-            /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !callingParticipantsSet.has(p.userId)),
+        participants: remoteParticipantsOrdered.filter((p) => !gridParticipantSet.has(p.userId)),
         dominantSpeakers: dominantSpeakers,
         currentParticipants: previousOverflowParticipants,
         maxDominantSpeakers: maxOverflowGalleryDominantSpeakers
     });
-    const gridParticipants = getGridParticipants({
-        isScreenShareActive,
-        gridParticipants: newGridParticipants,
-        overflowGalleryParticipants: newOverflowGalleryParticipants,
-        maxGridParticipants: maxGridParticipants,
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ callingParticipants
-    });
-    const overflowGalleryParticipants = getOverflowGalleryRemoteParticipants({
-        isScreenShareActive,
-        gridParticipants: newGridParticipants,
-        overflowGalleryParticipants: newOverflowGalleryParticipants,
-        maxGridParticipants: maxGridParticipants,
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ callingParticipants
-    });
+    let gridParticipants = newGridParticipants;
+    let overflowGalleryParticipants = newOverflowGalleryParticipants;
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    if (gridParticipants.length + callingParticipants.length <= maxGridParticipants) {
+        gridParticipants = gridParticipants.concat(callingParticipants);
+    }
+    else {
+        overflowGalleryParticipants = overflowGalleryParticipants.concat(callingParticipants);
+    }
     return { gridParticipants, overflowGalleryParticipants };
 };
 /**
@@ -76,60 +73,20 @@ export const useOrganizedParticipants = (props) => {
     const currentGridParticipants = useRef([]);
     const currentOverflowGalleryParticipants = useRef([]);
     const unfocusedParticipants = props.remoteParticipants.filter((p) => !focusedParticipantUserIdSet.has(p.userId));
-    const useOrganizedParticipantsProps = Object.assign(Object.assign({}, props), { 
+    const organizedParticipantsArgs = Object.assign(Object.assign({}, props), { 
         // if there are focused participants then leave no room in the grid by setting maxGridParticipants to 0
         maxGridParticipants: focusedParticipants.length > 0 || props.isScreenShareActive ? 0 : props.maxGridParticipants, remoteParticipants: unfocusedParticipants, previousGridParticipants: currentGridParticipants.current, previousOverflowParticipants: currentOverflowGalleryParticipants.current });
-    const useOrganizedParticipantsResult = getOrganizedParticipants(useOrganizedParticipantsProps);
-    currentGridParticipants.current = useOrganizedParticipantsResult.gridParticipants;
-    currentOverflowGalleryParticipants.current = useOrganizedParticipantsResult.overflowGalleryParticipants;
+    const organizedParticipants = getOrganizedParticipants(organizedParticipantsArgs);
+    currentGridParticipants.current = organizedParticipants.gridParticipants;
+    currentOverflowGalleryParticipants.current = organizedParticipants.overflowGalleryParticipants;
     return focusedParticipants.length > 0
         ? {
             gridParticipants: props.isScreenShareActive ? [] : focusedParticipants,
             overflowGalleryParticipants: props.isScreenShareActive
-                ? focusedParticipants.concat(useOrganizedParticipantsResult.overflowGalleryParticipants)
-                : useOrganizedParticipantsResult.overflowGalleryParticipants
+                ? focusedParticipants.concat(organizedParticipants.overflowGalleryParticipants)
+                : organizedParticipants.overflowGalleryParticipants
         }
-        : useOrganizedParticipantsResult;
-};
-const getGridParticipants = (args) => {
-    if (args.isScreenShareActive) {
-        return [];
-    }
-    // if we have no grid participants we need to cap the max number of overflowGallery participants in the grid
-    // we will use the max streams provided to the function to find the max participants that can go in the grid
-    // if there are less participants than max streams then we will use all participants including joining in the grid
-    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-    return args.gridParticipants.length > 0
-        ? args.gridParticipants
-        : args.overflowGalleryParticipants.length > args.maxGridParticipants
-            ? args.overflowGalleryParticipants.slice(0, args.maxGridParticipants)
-            : args.overflowGalleryParticipants.slice(0, args.maxGridParticipants).concat(args.callingParticipants);
-    return args.gridParticipants.length > 0
-        ? args.gridParticipants
-        : args.overflowGalleryParticipants.slice(0, args.maxGridParticipants);
-};
-const getOverflowGalleryRemoteParticipants = (args) => {
-    if (args.isScreenShareActive) {
-        // If screen sharing is active, assign video and audio participants as overflow gallery participants
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-        return args.gridParticipants.concat(args.overflowGalleryParticipants.concat(args.callingParticipants));
-        return args.gridParticipants.concat(args.overflowGalleryParticipants);
-    }
-    else {
-        // If screen sharing is not active, then assign all video tiles as grid tiles.
-        // If there are no video tiles, then assign audio tiles as grid tiles.
-        // if there are more overflow tiles than max streams then find the tiles that don't fit in the grid and put them in overflow
-        // overflow should be empty if total participants including calling participants is less than max streams
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-        return args.gridParticipants.length > 0
-            ? args.overflowGalleryParticipants.concat(args.callingParticipants)
-            : args.overflowGalleryParticipants.length > args.maxGridParticipants
-                ? args.overflowGalleryParticipants.slice(args.maxGridParticipants).concat(args.callingParticipants)
-                : [];
-        return args.gridParticipants.length > 0
-            ? args.overflowGalleryParticipants
-            : args.overflowGalleryParticipants.slice(args.maxGridParticipants);
-    }
+        : organizedParticipants;
 };
 const putVideoParticipantsFirst = (remoteParticipants) => {
     const videoParticipants = [];

package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoGalleryLayoutUtils.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useRef } from 'react';\nimport { smartDominantSpeakerParticipants } from '../../../gallery';\nimport { VideoGalleryParticipant, VideoGalleryRemoteParticipant } from '../../../types';\nimport { ReactionResources } from '../../..';\nimport { VideoGalleryLayout } from '../../VideoGallery';\n\n/**\n * Arguments used to determine a {@link OrganizedParticipantsResult}\n * @private\n */\nexport interface OrganizedParticipantsArgs {\n  remoteParticipants: VideoGalleryRemoteParticipant[];\n  localParticipant?: VideoGalleryParticipant;\n  dominantSpeakers?: string[];\n  maxGridParticipants?: number;\n  maxOverflowGalleryDominantSpeakers?: number;\n  isScreenShareActive?: boolean;\n  pinnedParticipantUserIds?: string[];\n  layout?: VideoGalleryLayout;\n  spotlightedParticipantUserIds?: string[];\n  previousGridParticipants?: VideoGalleryRemoteParticipant[];\n  previousOverflowParticipants?: VideoGalleryRemoteParticipant[];\n}\n\n/**\n * A result that defines grid participants and overflow gallery participants in the VideoGallery\n * @private\n */\nexport interface OrganizedParticipantsResult {\n  gridParticipants: VideoGalleryParticipant[];\n  overflowGalleryParticipants: VideoGalleryParticipant[];\n}\n\nconst DEFAULT_MAX_OVERFLOW_GALLERY_DOMINANT_SPEAKERS = 6;\nconst DEFAULT_MAX_VIDEO_SREAMS = 4;\n/**\n * @private\n */\nexport const MAX_GRID_PARTICIPANTS_NOT_LARGE_GALLERY = 9;\n\nconst getOrganizedParticipants = (props: OrganizedParticipantsArgs): OrganizedParticipantsResult => {\n  const {\n    remoteParticipants = [],\n    dominantSpeakers = [],\n    maxGridParticipants = DEFAULT_MAX_VIDEO_SREAMS,\n    maxOverflowGalleryDominantSpeakers = DEFAULT_MAX_OVERFLOW_GALLERY_DOMINANT_SPEAKERS,\n    isScreenShareActive = false,\n    layout,\n    previousGridParticipants = [],\n    previousOverflowParticipants = []\n  } = props;\n\n  const remoteParticipantsOrdered = putVideoParticipantsFirst(remoteParticipants);\n  const videoParticipants = remoteParticipants.filter((p) => p.videoStream?.isAvailable);\n  const participants =\n    layout === 'floatingLocalVideo' && videoParticipants.length > 0 ? videoParticipants : remoteParticipantsOrdered;\n\n  let newGridParticipants = smartDominantSpeakerParticipants({\n    participants: participants,\n    dominantSpeakers,\n    currentParticipants: previousGridParticipants,\n    maxDominantSpeakers: maxGridParticipants\n  }).slice(0, maxGridParticipants);\n\n  const dominantSpeakerToGrid =\n    layout === 'speaker'\n      ? dominantSpeakers && dominantSpeakers[0]\n        ? newGridParticipants.filter((p) => p.userId === dominantSpeakers[0])\n        : [newGridParticipants[0]]\n      : [];\n\n  if (dominantSpeakerToGrid[0]) {\n    newGridParticipants = dominantSpeakerToGrid;\n  }\n\n  const gridParticipantSet = new Set(newGridParticipants.map((p) => p.userId));\n\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const callingParticipants = remoteParticipantsOrdered.filter((p) => p.state === ('Connecting' || 'Ringing'));\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const callingParticipantsSet = new Set(callingParticipants.map((p) => p.userId));\n\n  const newOverflowGalleryParticipants = smartDominantSpeakerParticipants({\n    participants: remoteParticipantsOrdered.filter(\n      (p) =>\n        !gridParticipantSet.has(p.userId) &&\n        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ !callingParticipantsSet.has(\n          p.userId\n        )\n    ),\n    dominantSpeakers: dominantSpeakers,\n    currentParticipants: previousOverflowParticipants,\n    maxDominantSpeakers: maxOverflowGalleryDominantSpeakers\n  });\n\n  const gridParticipants = getGridParticipants({\n    isScreenShareActive,\n    gridParticipants: newGridParticipants,\n    overflowGalleryParticipants: newOverflowGalleryParticipants,\n    maxGridParticipants: maxGridParticipants,\n    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ callingParticipants\n  });\n\n  const overflowGalleryParticipants = getOverflowGalleryRemoteParticipants({\n    isScreenShareActive,\n    gridParticipants: newGridParticipants,\n    overflowGalleryParticipants: newOverflowGalleryParticipants,\n    maxGridParticipants: maxGridParticipants,\n    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ callingParticipants\n  });\n\n  return { gridParticipants, overflowGalleryParticipants };\n};\n\ninterface SortedRemoteParticipants {\n  [key: string]: VideoGalleryRemoteParticipant;\n}\n\n/**\n * Hook to determine which participants should be in grid and overflow gallery and their order respectively\n * @private\n */\nexport const useOrganizedParticipants = (props: OrganizedParticipantsArgs): OrganizedParticipantsResult => {\n  // map remote participants by userId\n  const remoteParticipantMap = props.remoteParticipants.reduce((map, remoteParticipant) => {\n    map[remoteParticipant.userId] = remoteParticipant;\n    return map;\n  }, {} as SortedRemoteParticipants);\n\n  const spotlightedParticipantUserIds = props.spotlightedParticipantUserIds ?? [];\n  const pinnedParticipantUserIds = props.pinnedParticipantUserIds ?? [];\n  // declare set of focused participant user ids as spotlighted participants user ids followed by\n  // pinned participants user ids which is deduplicated while maintaining order\n  const focusedParticipantUserIdSet = new Set(\n    spotlightedParticipantUserIds.concat(pinnedParticipantUserIds).filter((p) => remoteParticipantMap[p])\n  );\n  // get focused participants from map of remote participants in the order of the user ids\n  const focusedParticipants: VideoGalleryRemoteParticipant[] = [...focusedParticipantUserIdSet].map(\n    (p) => remoteParticipantMap[p]\n  );\n\n  const currentGridParticipants = useRef<VideoGalleryRemoteParticipant[]>([]);\n  const currentOverflowGalleryParticipants = useRef<VideoGalleryRemoteParticipant[]>([]);\n\n  const unfocusedParticipants = props.remoteParticipants.filter((p) => !focusedParticipantUserIdSet.has(p.userId));\n\n  const useOrganizedParticipantsProps: OrganizedParticipantsArgs = {\n    ...props,\n    // if there are focused participants then leave no room in the grid by setting maxGridParticipants to 0\n    maxGridParticipants: focusedParticipants.length > 0 || props.isScreenShareActive ? 0 : props.maxGridParticipants,\n    remoteParticipants: unfocusedParticipants,\n    previousGridParticipants: currentGridParticipants.current,\n    previousOverflowParticipants: currentOverflowGalleryParticipants.current\n  };\n\n  const useOrganizedParticipantsResult = getOrganizedParticipants(useOrganizedParticipantsProps);\n\n  currentGridParticipants.current = useOrganizedParticipantsResult.gridParticipants;\n  currentOverflowGalleryParticipants.current = useOrganizedParticipantsResult.overflowGalleryParticipants;\n\n  return focusedParticipants.length > 0\n    ? {\n        gridParticipants: props.isScreenShareActive ? [] : focusedParticipants,\n        overflowGalleryParticipants: props.isScreenShareActive\n          ? focusedParticipants.concat(useOrganizedParticipantsResult.overflowGalleryParticipants)\n          : useOrganizedParticipantsResult.overflowGalleryParticipants\n      }\n    : useOrganizedParticipantsResult;\n};\n\nconst getGridParticipants = (args: {\n  isScreenShareActive: boolean;\n  gridParticipants: VideoGalleryParticipant[];\n  overflowGalleryParticipants: VideoGalleryParticipant[];\n  maxGridParticipants: number;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ callingParticipants: VideoGalleryParticipant[];\n}): VideoGalleryRemoteParticipant[] => {\n  if (args.isScreenShareActive) {\n    return [];\n  }\n  // if we have no grid participants we need to cap the max number of overflowGallery participants in the grid\n  // we will use the max streams provided to the function to find the max participants that can go in the grid\n  // if there are less participants than max streams then we will use all participants including joining in the grid\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  return args.gridParticipants.length > 0\n    ? args.gridParticipants\n    : args.overflowGalleryParticipants.length > args.maxGridParticipants\n      ? args.overflowGalleryParticipants.slice(0, args.maxGridParticipants)\n      : args.overflowGalleryParticipants.slice(0, args.maxGridParticipants).concat(args.callingParticipants);\n  return args.gridParticipants.length > 0\n    ? args.gridParticipants\n    : args.overflowGalleryParticipants.slice(0, args.maxGridParticipants);\n};\n\nconst getOverflowGalleryRemoteParticipants = (args: {\n  isScreenShareActive: boolean;\n  gridParticipants: VideoGalleryParticipant[];\n  overflowGalleryParticipants: VideoGalleryParticipant[];\n  maxGridParticipants: number;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ callingParticipants: VideoGalleryParticipant[];\n}): VideoGalleryRemoteParticipant[] => {\n  if (args.isScreenShareActive) {\n    // If screen sharing is active, assign video and audio participants as overflow gallery participants\n    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n    return args.gridParticipants.concat(args.overflowGalleryParticipants.concat(args.callingParticipants));\n    return args.gridParticipants.concat(args.overflowGalleryParticipants);\n  } else {\n    // If screen sharing is not active, then assign all video tiles as grid tiles.\n    // If there are no video tiles, then assign audio tiles as grid tiles.\n    // if there are more overflow tiles than max streams then find the tiles that don't fit in the grid and put them in overflow\n    // overflow should be empty if total participants including calling participants is less than max streams\n    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n    return args.gridParticipants.length > 0\n      ? args.overflowGalleryParticipants.concat(args.callingParticipants)\n      : args.overflowGalleryParticipants.length > args.maxGridParticipants\n        ? args.overflowGalleryParticipants.slice(args.maxGridParticipants).concat(args.callingParticipants)\n        : [];\n    return args.gridParticipants.length > 0\n      ? args.overflowGalleryParticipants\n      : args.overflowGalleryParticipants.slice(args.maxGridParticipants);\n  }\n};\n\nconst putVideoParticipantsFirst = (\n  remoteParticipants: VideoGalleryRemoteParticipant[]\n): VideoGalleryRemoteParticipant[] => {\n  const videoParticipants: VideoGalleryRemoteParticipant[] = [];\n  const audioParticipants: VideoGalleryRemoteParticipant[] = [];\n  remoteParticipants.forEach((p) => {\n    if (p.videoStream?.isAvailable) {\n      videoParticipants.push(p);\n    } else {\n      audioParticipants.push(p);\n    }\n  });\n  const remoteParticipantSortedByVideo = videoParticipants.concat(audioParticipants);\n  return remoteParticipantSortedByVideo;\n};\n\n/**\n * @private\n */\nexport const renderTiles = (\n  gridParticipants: VideoGalleryParticipant[],\n  onRenderRemoteParticipant: (participant: VideoGalleryRemoteParticipant, isVideoParticipant?: boolean) => JSX.Element,\n  maxRemoteVideoStreams: number,\n  indexesToRender: number[],\n  overflowGalleryParticipants: VideoGalleryParticipant[],\n  dominantSpeakers?: string[]\n): { gridTiles: JSX.Element[]; overflowGalleryTiles: JSX.Element[] } => {\n  const _dominantSpeakers = dominantSpeakers ?? [];\n  let streamsLeftToRender = maxRemoteVideoStreams;\n\n  // Render the grid participants\n  const participantWithStreamsToRenderInGrid = gridParticipants.filter((p) => p?.videoStream?.isAvailable);\n  const dominantSpeakerWithStreamsToRenderInGrid = _dominantSpeakers\n    .filter((userId) => participantWithStreamsToRenderInGrid.find((p) => p?.userId === userId))\n    .slice(0, streamsLeftToRender);\n  streamsLeftToRender = streamsLeftToRender - dominantSpeakerWithStreamsToRenderInGrid.length;\n  const gridTiles = gridParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      dominantSpeakerWithStreamsToRenderInGrid.includes(p.userId) ||\n        (p.videoStream?.isAvailable && streamsLeftToRender-- > 0)\n    );\n  });\n\n  // Render the overflow participants\n  const participantWithStreamsToRenderInOverflow = indexesToRender\n    .map((i) => {\n      return overflowGalleryParticipants.at(i);\n    })\n    .filter((p) => p?.videoStream?.isAvailable);\n  const dominantSpeakerWithStreamsToRenderInOverflow = _dominantSpeakers\n    .filter((userId) => participantWithStreamsToRenderInOverflow.find((p) => p?.userId === userId))\n    .slice(0, streamsLeftToRender);\n  streamsLeftToRender = streamsLeftToRender - dominantSpeakerWithStreamsToRenderInOverflow.length;\n  const overflowGalleryTiles = overflowGalleryParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      dominantSpeakerWithStreamsToRenderInOverflow.includes(p.userId) ||\n        (p.videoStream?.isAvailable && streamsLeftToRender-- > 0)\n    );\n  });\n\n  return { gridTiles, overflowGalleryTiles };\n};\n\n/**\n * @private\n */\nexport const getEmojiResource = (reactionName: string, reactionResources: ReactionResources): string | undefined => {\n  switch (reactionName) {\n    case 'like':\n      return reactionResources.likeReaction?.url;\n    case 'heart':\n      return reactionResources.heartReaction?.url;\n    case 'laugh':\n      return reactionResources.laughReaction?.url;\n    case 'applause':\n      return reactionResources.applauseReaction?.url;\n    case 'surprised':\n      return reactionResources.surprisedReaction?.url;\n  }\n  return undefined;\n};\n\n/**\n * @private\n */\nexport const getEmojiFrameCount = (reactionName: string, reactionResources: ReactionResources): number => {\n  switch (reactionName) {\n    case 'like':\n      return reactionResources.likeReaction?.frameCount ?? 0;\n    case 'heart':\n      return reactionResources.heartReaction?.frameCount ?? 0;\n    case 'laugh':\n      return reactionResources.laughReaction?.frameCount ?? 0;\n    case 'applause':\n      return reactionResources.applauseReaction?.frameCount ?? 0;\n    case 'surprised':\n      return reactionResources.surprisedReaction?.frameCount ?? 0;\n    default:\n      return 0;\n  }\n};\n"]}
+{"version":3,"file":"videoGalleryLayoutUtils.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useRef } from 'react';\nimport { smartDominantSpeakerParticipants } from '../../../gallery';\nimport { VideoGalleryParticipant, VideoGalleryRemoteParticipant } from '../../../types';\nimport { ReactionResources } from '../../..';\nimport { VideoGalleryLayout } from '../../VideoGallery';\n\n/**\n * Arguments used to determine a {@link OrganizedParticipantsResult}\n * @private\n */\nexport interface OrganizedParticipantsArgs {\n  remoteParticipants: VideoGalleryRemoteParticipant[];\n  localParticipant?: VideoGalleryParticipant;\n  dominantSpeakers?: string[];\n  maxGridParticipants?: number;\n  maxOverflowGalleryDominantSpeakers?: number;\n  isScreenShareActive?: boolean;\n  pinnedParticipantUserIds?: string[];\n  layout?: VideoGalleryLayout;\n  spotlightedParticipantUserIds?: string[];\n  previousGridParticipants?: VideoGalleryRemoteParticipant[];\n  previousOverflowParticipants?: VideoGalleryRemoteParticipant[];\n}\n\n/**\n * A result that defines grid participants and overflow gallery participants in the VideoGallery\n * @private\n */\nexport interface OrganizedParticipantsResult {\n  gridParticipants: VideoGalleryParticipant[];\n  overflowGalleryParticipants: VideoGalleryParticipant[];\n}\n\nconst DEFAULT_MAX_OVERFLOW_GALLERY_DOMINANT_SPEAKERS = 6;\nconst DEFAULT_MAX_VIDEO_SREAMS = 4;\n/**\n * @private\n */\nexport const MAX_GRID_PARTICIPANTS_NOT_LARGE_GALLERY = 9;\n\nconst getOrganizedParticipants = (props: OrganizedParticipantsArgs): OrganizedParticipantsResult => {\n  const {\n    remoteParticipants = [],\n    dominantSpeakers = [],\n    maxGridParticipants = DEFAULT_MAX_VIDEO_SREAMS,\n    maxOverflowGalleryDominantSpeakers = DEFAULT_MAX_OVERFLOW_GALLERY_DOMINANT_SPEAKERS,\n    layout,\n    previousGridParticipants = [],\n    previousOverflowParticipants = []\n  } = props;\n\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const callingParticipants = remoteParticipants.filter((p) => p.state === ('Connecting' || 'Ringing'));\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  const callingParticipantsSet = new Set(callingParticipants.map((p) => p.userId));\n\n  let connectedParticipants = remoteParticipants;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  connectedParticipants = connectedParticipants.filter((p) => !callingParticipantsSet.has(p.userId));\n\n  const remoteParticipantsOrdered = putVideoParticipantsFirst(connectedParticipants);\n  const videoParticipants = remoteParticipants.filter((p) => p.videoStream?.isAvailable);\n  const participantsForGrid =\n    layout === 'floatingLocalVideo' && videoParticipants.length > 0 ? videoParticipants : remoteParticipantsOrdered;\n\n  let newGridParticipants = smartDominantSpeakerParticipants({\n    participants: participantsForGrid,\n    dominantSpeakers,\n    currentParticipants: previousGridParticipants,\n    maxDominantSpeakers: maxGridParticipants\n  }).slice(0, maxGridParticipants);\n\n  const dominantSpeakerToGrid =\n    layout === 'speaker'\n      ? dominantSpeakers && dominantSpeakers[0]\n        ? newGridParticipants.filter((p) => p.userId === dominantSpeakers[0])\n        : [newGridParticipants[0]]\n      : [];\n\n  if (dominantSpeakerToGrid[0]) {\n    newGridParticipants = dominantSpeakerToGrid;\n  }\n\n  const gridParticipantSet = new Set(newGridParticipants.map((p) => p.userId));\n\n  const newOverflowGalleryParticipants = smartDominantSpeakerParticipants({\n    participants: remoteParticipantsOrdered.filter((p) => !gridParticipantSet.has(p.userId)),\n    dominantSpeakers: dominantSpeakers,\n    currentParticipants: previousOverflowParticipants,\n    maxDominantSpeakers: maxOverflowGalleryDominantSpeakers\n  });\n\n  let gridParticipants = newGridParticipants;\n  let overflowGalleryParticipants = newOverflowGalleryParticipants;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  if (gridParticipants.length + callingParticipants.length <= maxGridParticipants) {\n    gridParticipants = gridParticipants.concat(callingParticipants);\n  } else {\n    overflowGalleryParticipants = overflowGalleryParticipants.concat(callingParticipants);\n  }\n\n  return { gridParticipants, overflowGalleryParticipants };\n};\n\ninterface SortedRemoteParticipants {\n  [key: string]: VideoGalleryRemoteParticipant;\n}\n\n/**\n * Hook to determine which participants should be in grid and overflow gallery and their order respectively\n * @private\n */\nexport const useOrganizedParticipants = (props: OrganizedParticipantsArgs): OrganizedParticipantsResult => {\n  // map remote participants by userId\n  const remoteParticipantMap = props.remoteParticipants.reduce((map, remoteParticipant) => {\n    map[remoteParticipant.userId] = remoteParticipant;\n    return map;\n  }, {} as SortedRemoteParticipants);\n\n  const spotlightedParticipantUserIds = props.spotlightedParticipantUserIds ?? [];\n  const pinnedParticipantUserIds = props.pinnedParticipantUserIds ?? [];\n  // declare set of focused participant user ids as spotlighted participants user ids followed by\n  // pinned participants user ids which is deduplicated while maintaining order\n  const focusedParticipantUserIdSet = new Set(\n    spotlightedParticipantUserIds.concat(pinnedParticipantUserIds).filter((p) => remoteParticipantMap[p])\n  );\n  // get focused participants from map of remote participants in the order of the user ids\n  const focusedParticipants: VideoGalleryRemoteParticipant[] = [...focusedParticipantUserIdSet].map(\n    (p) => remoteParticipantMap[p]\n  );\n\n  const currentGridParticipants = useRef<VideoGalleryRemoteParticipant[]>([]);\n  const currentOverflowGalleryParticipants = useRef<VideoGalleryRemoteParticipant[]>([]);\n\n  const unfocusedParticipants = props.remoteParticipants.filter((p) => !focusedParticipantUserIdSet.has(p.userId));\n\n  const organizedParticipantsArgs: OrganizedParticipantsArgs = {\n    ...props,\n    // if there are focused participants then leave no room in the grid by setting maxGridParticipants to 0\n    maxGridParticipants: focusedParticipants.length > 0 || props.isScreenShareActive ? 0 : props.maxGridParticipants,\n    remoteParticipants: unfocusedParticipants,\n    previousGridParticipants: currentGridParticipants.current,\n    previousOverflowParticipants: currentOverflowGalleryParticipants.current\n  };\n\n  const organizedParticipants = getOrganizedParticipants(organizedParticipantsArgs);\n\n  currentGridParticipants.current = organizedParticipants.gridParticipants;\n  currentOverflowGalleryParticipants.current = organizedParticipants.overflowGalleryParticipants;\n\n  return focusedParticipants.length > 0\n    ? {\n        gridParticipants: props.isScreenShareActive ? [] : focusedParticipants,\n        overflowGalleryParticipants: props.isScreenShareActive\n          ? focusedParticipants.concat(organizedParticipants.overflowGalleryParticipants)\n          : organizedParticipants.overflowGalleryParticipants\n      }\n    : organizedParticipants;\n};\n\nconst putVideoParticipantsFirst = (\n  remoteParticipants: VideoGalleryRemoteParticipant[]\n): VideoGalleryRemoteParticipant[] => {\n  const videoParticipants: VideoGalleryRemoteParticipant[] = [];\n  const audioParticipants: VideoGalleryRemoteParticipant[] = [];\n  remoteParticipants.forEach((p) => {\n    if (p.videoStream?.isAvailable) {\n      videoParticipants.push(p);\n    } else {\n      audioParticipants.push(p);\n    }\n  });\n  const remoteParticipantSortedByVideo = videoParticipants.concat(audioParticipants);\n  return remoteParticipantSortedByVideo;\n};\n\n/**\n * @private\n */\nexport const renderTiles = (\n  gridParticipants: VideoGalleryParticipant[],\n  onRenderRemoteParticipant: (participant: VideoGalleryRemoteParticipant, isVideoParticipant?: boolean) => JSX.Element,\n  maxRemoteVideoStreams: number,\n  indexesToRender: number[],\n  overflowGalleryParticipants: VideoGalleryParticipant[],\n  dominantSpeakers?: string[]\n): { gridTiles: JSX.Element[]; overflowGalleryTiles: JSX.Element[] } => {\n  const _dominantSpeakers = dominantSpeakers ?? [];\n  let streamsLeftToRender = maxRemoteVideoStreams;\n\n  // Render the grid participants\n  const participantWithStreamsToRenderInGrid = gridParticipants.filter((p) => p?.videoStream?.isAvailable);\n  const dominantSpeakerWithStreamsToRenderInGrid = _dominantSpeakers\n    .filter((userId) => participantWithStreamsToRenderInGrid.find((p) => p?.userId === userId))\n    .slice(0, streamsLeftToRender);\n  streamsLeftToRender = streamsLeftToRender - dominantSpeakerWithStreamsToRenderInGrid.length;\n  const gridTiles = gridParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      dominantSpeakerWithStreamsToRenderInGrid.includes(p.userId) ||\n        (p.videoStream?.isAvailable && streamsLeftToRender-- > 0)\n    );\n  });\n\n  // Render the overflow participants\n  const participantWithStreamsToRenderInOverflow = indexesToRender\n    .map((i) => {\n      return overflowGalleryParticipants.at(i);\n    })\n    .filter((p) => p?.videoStream?.isAvailable);\n  const dominantSpeakerWithStreamsToRenderInOverflow = _dominantSpeakers\n    .filter((userId) => participantWithStreamsToRenderInOverflow.find((p) => p?.userId === userId))\n    .slice(0, streamsLeftToRender);\n  streamsLeftToRender = streamsLeftToRender - dominantSpeakerWithStreamsToRenderInOverflow.length;\n  const overflowGalleryTiles = overflowGalleryParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      dominantSpeakerWithStreamsToRenderInOverflow.includes(p.userId) ||\n        (p.videoStream?.isAvailable && streamsLeftToRender-- > 0)\n    );\n  });\n\n  return { gridTiles, overflowGalleryTiles };\n};\n\n/**\n * @private\n */\nexport const getEmojiResource = (reactionName: string, reactionResources: ReactionResources): string | undefined => {\n  switch (reactionName) {\n    case 'like':\n      return reactionResources.likeReaction?.url;\n    case 'heart':\n      return reactionResources.heartReaction?.url;\n    case 'laugh':\n      return reactionResources.laughReaction?.url;\n    case 'applause':\n      return reactionResources.applauseReaction?.url;\n    case 'surprised':\n      return reactionResources.surprisedReaction?.url;\n  }\n  return undefined;\n};\n\n/**\n * @private\n */\nexport const getEmojiFrameCount = (reactionName: string, reactionResources: ReactionResources): number => {\n  switch (reactionName) {\n    case 'like':\n      return reactionResources.likeReaction?.frameCount ?? 0;\n    case 'heart':\n      return reactionResources.heartReaction?.frameCount ?? 0;\n    case 'laugh':\n      return reactionResources.laughReaction?.frameCount ?? 0;\n    case 'applause':\n      return reactionResources.applauseReaction?.frameCount ?? 0;\n    case 'surprised':\n      return reactionResources.surprisedReaction?.frameCount ?? 0;\n    default:\n      return 0;\n  }\n};\n"]}

package/dist/dist-esm/react-components/src/localization/locales/ar-SA/strings.json

@@ -99,14 +99,15 @@
         "cameraMenuTitle": "الكاميرا",
         "cameraMenuTooltip": "اختيار الكاميرا",
         "cameraButtonSplitRoleDescription": "زر الانقسام",
-        "onSplitButtonAriaLabel": "خيارات إيقاف تشغيل الكاميرا",
-        "offSplitButtonAriaLabel": "خيارات تشغيل الكاميرا",
+        "onSplitButtonAriaLabel": "إيقاف تشغيل الكاميرا",
+        "offSplitButtonAriaLabel": "تشغيل الكاميرا",
         "cameraActionTurnedOnAnnouncement": "تم تشغيل كاميراتك",
         "cameraActionTurnedOffAnnouncement": "تم إيقاف تشغيل كاميراتك",
         "onSplitButtonPrimaryActionCamera": "إيقاف تشغيل الكاميرا",
         "offSplitButtonPrimaryActionCamera": "تشغيل الكاميرا",
         "cameraPrimaryActionSplitButtonTitle": "استخدام الكاميرا",
-        "videoEffectsMenuItemTitle": "التأثيرات"
+        "videoEffectsMenuItemTitle": "التأثيرات",
+        "cameraButtonAriaDescription": "خيارات الكاميرا"
     },
     "microphoneButton": {
         "onLabel": "الميكروفون",
@@ -119,13 +120,17 @@
         "speakerMenuTitle": "مكبر الصوت",
         "speakerMenuTooltip": "اختيار مكبر صوت",
         "microphoneButtonSplitRoleDescription": "زر الانقسام",
-        "onSplitButtonAriaLabel": "كتم صوت الميكروفون وخيارات الصوت",
-        "offSplitButtonAriaLabel": "إلغاء كتم صوت الميكروفون وخيارات الصوت",
+        "onSplitButtonAriaLabel": "كتم الميكروفون",
+        "offSplitButtonAriaLabel": "إلغاء كتم الميكروفون",
         "microphoneActionTurnedOnAnnouncement": "تم تشغيل الميكروفون",
         "microphoneActionTurnedOffAnnouncement": "تم إيقاف الميكروفون",
-        "offSplitButtonMicrophonePrimaryAction": "إلغاء كتم صوت الميكروفون",
-        "onSplitButtonMicrophonePrimaryAction": "كتم صوت الميكروفون",
-        "microphonePrimaryActionSplitButtonTitle": "استخدام الميكروفون"
+        "offSplitButtonMicrophonePrimaryAction": "إلغاء كتم الميكروفون",
+        "onSplitButtonMicrophonePrimaryAction": "كتم الميكروفون",
+        "microphonePrimaryActionSplitButtonTitle": "استخدام الميكروفون",
+        "microphoneAriaDescription": "خيارات الصوت",
+        "deepNoiseSuppressionTitle": "منع الضوضاء",
+        "deepNoiseSuppressionOnAnnouncement": "تم تشغيل منع الضوضاء العميقة",
+        "deepNoiseSuppressionOffAnnouncement": "تم إيقاف تشغيل منع الضوضاء العميقة"
     },
     "devicesButton": {
         "label": "الأجهزة",
@@ -504,7 +509,8 @@
         "stopSpotlightVideoTileMenuLabel": "التوقف عن تسليط الضوء",
         "stopSpotlightOnSelfVideoTileMenuLabel": "الخروج من وضع تسليط الضوء",
         "attendeeRole": "الحضور",
-        "muteParticipantMenuItemLabel": "كتم الصوت"
+        "muteParticipantMenuItemLabel": "كتم الصوت",
+        "waitingScreenText": "في انتظار انضمام الآخرين"
     },
     "dialpad": {
         "placeholderText": "أدخل رقم الهاتف",
@@ -658,6 +664,7 @@
         "incomingCallNoticicationRejectAriaLabel": "رفض",
         "incomingCallNotificationAcceptButtonLabel": "قبول",
         "incomingCallNotificationRejectButtonLabel": "رفض",
-        "incomingCallNotificationAccceptWithVideoButtonLabel": "قبول مع الفيديو"
+        "incomingCallNotificationAccceptWithVideoButtonLabel": "قبول مع الفيديو",
+        "incomingCallNotificationDismissButtonAriaLabel": "تجاهل"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/cs-CZ/strings.json

@@ -99,14 +99,15 @@
         "cameraMenuTitle": "Kamera",
         "cameraMenuTooltip": "Zvolit kameru",
         "cameraButtonSplitRoleDescription": "Tlačítko rozdělení",
-        "onSplitButtonAriaLabel": "Vypnout kameru a možnosti kamery",
-        "offSplitButtonAriaLabel": "Zapnout kameru a možnosti kamery",
+        "onSplitButtonAriaLabel": "Vypnout kameru",
+        "offSplitButtonAriaLabel": "Zapnout kameru",
         "cameraActionTurnedOnAnnouncement": "Vaše kamera je zapnutá",
         "cameraActionTurnedOffAnnouncement": "Vaše kamera je vypnutá",
         "onSplitButtonPrimaryActionCamera": "Vypnout kameru",
         "offSplitButtonPrimaryActionCamera": "Zapnout kameru",
         "cameraPrimaryActionSplitButtonTitle": "Použít kameru",
-        "videoEffectsMenuItemTitle": "Efekty"
+        "videoEffectsMenuItemTitle": "Efekty",
+        "cameraButtonAriaDescription": "možnosti kamery"
     },
     "microphoneButton": {
         "onLabel": "Mikrofon",
@@ -119,13 +120,17 @@
         "speakerMenuTitle": "Reproduktor",
         "speakerMenuTooltip": "Zvolit reproduktor",
         "microphoneButtonSplitRoleDescription": "Tlačítko rozdělení",
-        "onSplitButtonAriaLabel": "Ztlumit mikrofon a možnosti zvuku",
-        "offSplitButtonAriaLabel": "Zrušit ztlumení mikrofonu a možností zvuku",
+        "onSplitButtonAriaLabel": "Ztlumit mikrofon",
+        "offSplitButtonAriaLabel": "Zrušit ztlumení mikrofonu",
         "microphoneActionTurnedOnAnnouncement": "Váš mikrofon je zapnutý",
         "microphoneActionTurnedOffAnnouncement": "Váš mikrofon je vypnutý",
         "offSplitButtonMicrophonePrimaryAction": "Zrušit ztlumení mikrofonu",
         "onSplitButtonMicrophonePrimaryAction": "Ztlumit mikrofon",
-        "microphonePrimaryActionSplitButtonTitle": "Použít mikrofon"
+        "microphonePrimaryActionSplitButtonTitle": "Použít mikrofon",
+        "microphoneAriaDescription": "Možnosti zvuku",
+        "deepNoiseSuppressionTitle": "Potlačení šumu",
+        "deepNoiseSuppressionOnAnnouncement": "Potlačení hlubokého šumu je zapnuté",
+        "deepNoiseSuppressionOffAnnouncement": "Potlačení hlubokého šumu je vypnuté"
     },
     "devicesButton": {
         "label": "Zařízení",
@@ -504,7 +509,8 @@
         "stopSpotlightVideoTileMenuLabel": "Zastavit přidávání do hlavního výběru",
         "stopSpotlightOnSelfVideoTileMenuLabel": "Ukončit hlavní výběr",
         "attendeeRole": "Účastník",
-        "muteParticipantMenuItemLabel": "Ztlumit"
+        "muteParticipantMenuItemLabel": "Ztlumit",
+        "waitingScreenText": "Čeká se na připojení ostatních"
     },
     "dialpad": {
         "placeholderText": "Zadejte telefonní číslo",
@@ -658,6 +664,7 @@
         "incomingCallNoticicationRejectAriaLabel": "Odmítnout",
         "incomingCallNotificationAcceptButtonLabel": "Přijmout",
         "incomingCallNotificationRejectButtonLabel": "Odmítnout",
-        "incomingCallNotificationAccceptWithVideoButtonLabel": "Přijmout s videem"
+        "incomingCallNotificationAccceptWithVideoButtonLabel": "Přijmout s videem",
+        "incomingCallNotificationDismissButtonAriaLabel": "Zavřít"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/de-DE/strings.json

@@ -99,14 +99,15 @@
         "cameraMenuTitle": "Kamera",
         "cameraMenuTooltip": "Kamera auswählen",
         "cameraButtonSplitRoleDescription": "Unterteilte Schaltfläche",
-        "onSplitButtonAriaLabel": "Kamera und Kameraoptionen deaktivieren",
-        "offSplitButtonAriaLabel": "Kamera und Kameraoptionen aktivieren",
+        "onSplitButtonAriaLabel": "Kamera ausschalten",
+        "offSplitButtonAriaLabel": "Kamera einschalten",
         "cameraActionTurnedOnAnnouncement": "Ihre Kamera wurde eingeschaltet.",
         "cameraActionTurnedOffAnnouncement": "Ihre Kamera wurde ausgeschaltet.",
         "onSplitButtonPrimaryActionCamera": "Kamera ausschalten",
         "offSplitButtonPrimaryActionCamera": "Kamera einschalten",
         "cameraPrimaryActionSplitButtonTitle": "Kamera verwenden",
-        "videoEffectsMenuItemTitle": "Effekte"
+        "videoEffectsMenuItemTitle": "Effekte",
+        "cameraButtonAriaDescription": "Kameraoptionen"
     },
     "microphoneButton": {
         "onLabel": "Mikrofon",
@@ -119,13 +120,17 @@
         "speakerMenuTitle": "Lautsprecher",
         "speakerMenuTooltip": "Lautsprecher auswählen",
         "microphoneButtonSplitRoleDescription": "Unterteilte Schaltfläche",
-        "onSplitButtonAriaLabel": "Mikrofon- und Audiooptionen stummschalten",
-        "offSplitButtonAriaLabel": "Stummschaltung von Mikrofon- und Audiooptionen aufheben",
+        "onSplitButtonAriaLabel": "Mikrofon stummschalten",
+        "offSplitButtonAriaLabel": "Stummschaltung des Mikrofons aufheben",
         "microphoneActionTurnedOnAnnouncement": "Ihr Mikrofon wurde eingeschaltet.",
         "microphoneActionTurnedOffAnnouncement": "Ihr Mikrofon wurde ausgeschaltet.",
-        "offSplitButtonMicrophonePrimaryAction": "Mikrofonstummschaltung aufheben",
+        "offSplitButtonMicrophonePrimaryAction": "Stummschaltung des Mikrofons aufheben",
         "onSplitButtonMicrophonePrimaryAction": "Mikrofon stummschalten",
-        "microphonePrimaryActionSplitButtonTitle": "Mikrofon verwenden"
+        "microphonePrimaryActionSplitButtonTitle": "Mikrofon verwenden",
+        "microphoneAriaDescription": "Audiooptionen",
+        "deepNoiseSuppressionTitle": "Rauschunterdrückung",
+        "deepNoiseSuppressionOnAnnouncement": "Die Unterdrückung tiefer Geräusche wurde aktiviert.",
+        "deepNoiseSuppressionOffAnnouncement": "Die Unterdrückung tiefer Geräusche wurde deaktiviert."
     },
     "devicesButton": {
         "label": "Geräte",
@@ -504,7 +509,8 @@
         "stopSpotlightVideoTileMenuLabel": "Spotlight beenden",
         "stopSpotlightOnSelfVideoTileMenuLabel": "Spotlight beenden",
         "attendeeRole": "Teilnehmer",
-        "muteParticipantMenuItemLabel": "Stummschalten"
+        "muteParticipantMenuItemLabel": "Stummschalten",
+        "waitingScreenText": "Warten auf andere Teilnehmer"
     },
     "dialpad": {
         "placeholderText": "Telefonnummer eingeben",
@@ -658,6 +664,7 @@
         "incomingCallNoticicationRejectAriaLabel": "Ablehnen",
         "incomingCallNotificationAcceptButtonLabel": "Akzeptieren",
         "incomingCallNotificationRejectButtonLabel": "Ablehnen",
-        "incomingCallNotificationAccceptWithVideoButtonLabel": "Mit Video annehmen"
+        "incomingCallNotificationAccceptWithVideoButtonLabel": "Mit Video annehmen",
+        "incomingCallNotificationDismissButtonAriaLabel": "Verwerfen"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/en-GB/strings.json

@@ -99,14 +99,15 @@
         "cameraMenuTitle": "Camera",
         "cameraMenuTooltip": "Choose camera",
         "cameraButtonSplitRoleDescription": "Split button",
-        "onSplitButtonAriaLabel": "Turn off camera and camera options",
-        "offSplitButtonAriaLabel": "Turn on camera and camera options",
+        "onSplitButtonAriaLabel": "Turn off camera",
+        "offSplitButtonAriaLabel": "Turn on camera",
         "cameraActionTurnedOnAnnouncement": "Your camera has been turned on",
         "cameraActionTurnedOffAnnouncement": "Your camera has been turned off",
         "onSplitButtonPrimaryActionCamera": "Turn off camera",
         "offSplitButtonPrimaryActionCamera": "Turn on camera",
         "cameraPrimaryActionSplitButtonTitle": "Use camera",
-        "videoEffectsMenuItemTitle": "Effects"
+        "videoEffectsMenuItemTitle": "Effects",
+        "cameraButtonAriaDescription": "camera options"
     },
     "microphoneButton": {
         "onLabel": "Mic",
@@ -119,13 +120,17 @@
         "speakerMenuTitle": "Speaker",
         "speakerMenuTooltip": "Choose speaker",
         "microphoneButtonSplitRoleDescription": "Split button",
-        "onSplitButtonAriaLabel": "Mute microphone and audio options",
-        "offSplitButtonAriaLabel": "Unmute microphone and audio options",
+        "onSplitButtonAriaLabel": "Mute mic",
+        "offSplitButtonAriaLabel": "Unmute mic",
         "microphoneActionTurnedOnAnnouncement": "Your microphone has been turned on",
         "microphoneActionTurnedOffAnnouncement": "Your microphone has been turned off",
-        "offSplitButtonMicrophonePrimaryAction": "Unmute microphone",
-        "onSplitButtonMicrophonePrimaryAction": "Mute microphone",
-        "microphonePrimaryActionSplitButtonTitle": "Use microphone"
+        "offSplitButtonMicrophonePrimaryAction": "Unmute mic",
+        "onSplitButtonMicrophonePrimaryAction": "Mute mic",
+        "microphonePrimaryActionSplitButtonTitle": "Use microphone",
+        "microphoneAriaDescription": "Audio options",
+        "deepNoiseSuppressionTitle": "Noise suppression",
+        "deepNoiseSuppressionOnAnnouncement": "Deep noise suppression has been turned on",
+        "deepNoiseSuppressionOffAnnouncement": "Deep noise suppression has been turned off"
     },
     "devicesButton": {
         "label": "Devices",
@@ -504,7 +509,8 @@
         "stopSpotlightVideoTileMenuLabel": "Stop spotlighting",
         "stopSpotlightOnSelfVideoTileMenuLabel": "Exit spotlight",
         "attendeeRole": "Attendee",
-        "muteParticipantMenuItemLabel": "Mute"
+        "muteParticipantMenuItemLabel": "Mute",
+        "waitingScreenText": "Waiting for others to join"
     },
     "dialpad": {
         "placeholderText": "Enter phone number",
@@ -658,6 +664,7 @@
         "incomingCallNoticicationRejectAriaLabel": "Reject",
         "incomingCallNotificationAcceptButtonLabel": "Accept",
         "incomingCallNotificationRejectButtonLabel": "Decline",
-        "incomingCallNotificationAccceptWithVideoButtonLabel": "Accept with Video"
+        "incomingCallNotificationAccceptWithVideoButtonLabel": "Accept with Video",
+        "incomingCallNotificationDismissButtonAriaLabel": "Dismiss"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/es-ES/strings.json

@@ -99,14 +99,15 @@
         "cameraMenuTitle": "Cámara",
         "cameraMenuTooltip": "Elegir cámara",
         "cameraButtonSplitRoleDescription": "Botón de expansión",
-        "onSplitButtonAriaLabel": "Desactivar la cámara y las opciones de cámara",
-        "offSplitButtonAriaLabel": "Activar la cámara y las opciones de cámara",
+        "onSplitButtonAriaLabel": "Desconectar la cámara",
+        "offSplitButtonAriaLabel": "Activar la cámara",
         "cameraActionTurnedOnAnnouncement": "La cámara se ha activado",
         "cameraActionTurnedOffAnnouncement": "La cámara se ha desactivado",
         "onSplitButtonPrimaryActionCamera": "Desconectar la cámara",
         "offSplitButtonPrimaryActionCamera": "Activar la cámara",
         "cameraPrimaryActionSplitButtonTitle": "Usar cámara",
-        "videoEffectsMenuItemTitle": "Efectos"
+        "videoEffectsMenuItemTitle": "Efectos",
+        "cameraButtonAriaDescription": "opciones de cámara"
     },
     "microphoneButton": {
         "onLabel": "Micro",
@@ -119,13 +120,17 @@
         "speakerMenuTitle": "Altavoz",
         "speakerMenuTooltip": "Elegir altavoz",
         "microphoneButtonSplitRoleDescription": "Botón de expansión",
-        "onSplitButtonAriaLabel": "Silenciar opciones de micrófono y audio",
-        "offSplitButtonAriaLabel": "Reactivar el micrófono y las opciones de audio",
+        "onSplitButtonAriaLabel": "Desactivar audio del micrófono",
+        "offSplitButtonAriaLabel": "Reactivar audio del micrófono",
         "microphoneActionTurnedOnAnnouncement": "El micrófono se ha activado",
         "microphoneActionTurnedOffAnnouncement": "El micrófono se ha desactivado",
-        "offSplitButtonMicrophonePrimaryAction": "Reactivar micrófono",
-        "onSplitButtonMicrophonePrimaryAction": "Silenciar micrófono",
-        "microphonePrimaryActionSplitButtonTitle": "Usar micrófono"
+        "offSplitButtonMicrophonePrimaryAction": "Reactivar audio del micrófono",
+        "onSplitButtonMicrophonePrimaryAction": "Desactivar audio del micrófono",
+        "microphonePrimaryActionSplitButtonTitle": "Usar micrófono",
+        "microphoneAriaDescription": "Opciones de audio",
+        "deepNoiseSuppressionTitle": "Supresión de ruido",
+        "deepNoiseSuppressionOnAnnouncement": "Se ha activado la supresión profunda de ruido",
+        "deepNoiseSuppressionOffAnnouncement": "Se ha desactivado la supresión profunda de ruido"
     },
     "devicesButton": {
         "label": "Dispositivos",
@@ -504,7 +509,8 @@
         "stopSpotlightVideoTileMenuLabel": "Dejar de poner en primer plano",
         "stopSpotlightOnSelfVideoTileMenuLabel": "Primer plano",
         "attendeeRole": "Asistente",
-        "muteParticipantMenuItemLabel": "Silenciar"
+        "muteParticipantMenuItemLabel": "Silenciar",
+        "waitingScreenText": "Esperando a que se unan otros usuarios"
     },
     "dialpad": {
         "placeholderText": "Introduzca el número de teléfono",
@@ -658,6 +664,7 @@
         "incomingCallNoticicationRejectAriaLabel": "Rechazar",
         "incomingCallNotificationAcceptButtonLabel": "Aceptar",
         "incomingCallNotificationRejectButtonLabel": "Rechazar",
-        "incomingCallNotificationAccceptWithVideoButtonLabel": "Aceptar con vídeo"
+        "incomingCallNotificationAccceptWithVideoButtonLabel": "Aceptar con vídeo",
+        "incomingCallNotificationDismissButtonAriaLabel": "Descartar"
     }
 }

package/dist/dist-esm/react-components/src/localization/locales/fi-FI/strings.json

@@ -99,14 +99,15 @@
         "cameraMenuTitle": "Kamera",
         "cameraMenuTooltip": "Valitse kamera",
         "cameraButtonSplitRoleDescription": "Jaettu painike",
-        "onSplitButtonAriaLabel": "Kameran ja sen käytöstä poistamisen asetukset",
-        "offSplitButtonAriaLabel": "Kameran ja sen käyttöön ottamisen asetukset",
+        "onSplitButtonAriaLabel": "Poista kamera käytöstä",
+        "offSplitButtonAriaLabel": "Ota kamera käyttöön",
         "cameraActionTurnedOnAnnouncement": "Kamerasi on otettu käyttöön",
         "cameraActionTurnedOffAnnouncement": "Kamerasi on poistettu käytöstä",
         "onSplitButtonPrimaryActionCamera": "Poista kamera käytöstä",
         "offSplitButtonPrimaryActionCamera": "Käynnistä kamera",
         "cameraPrimaryActionSplitButtonTitle": "Käytä kameraa",
-        "videoEffectsMenuItemTitle": "Tehosteet"
+        "videoEffectsMenuItemTitle": "Tehosteet",
+        "cameraButtonAriaDescription": "kamera-asetukset"
     },
     "microphoneButton": {
         "onLabel": "Mikrofoni",
@@ -119,13 +120,17 @@
         "speakerMenuTitle": "Kaiutin",
         "speakerMenuTooltip": "Valitse kaiutin",
         "microphoneButtonSplitRoleDescription": "Jaettu painike",
-        "onSplitButtonAriaLabel": "Äänen ja mikrofonin mykistyksen asetukset",
-        "offSplitButtonAriaLabel": "Äänen ja mikrofonin mykistyksen poistamisen asetukset",
+        "onSplitButtonAriaLabel": "Mykistä mikrofoni",
+        "offSplitButtonAriaLabel": "Poista mikrofonin mykistys",
         "microphoneActionTurnedOnAnnouncement": "Mikrofonisi on otettu käyttöön",
         "microphoneActionTurnedOffAnnouncement": "Mikrofonisi on poistettu käytöstä",
         "offSplitButtonMicrophonePrimaryAction": "Poista mikrofonin mykistys",
         "onSplitButtonMicrophonePrimaryAction": "Mykistä mikrofoni",
-        "microphonePrimaryActionSplitButtonTitle": "Käytä mikrofonia"
+        "microphonePrimaryActionSplitButtonTitle": "Käytä mikrofonia",
+        "microphoneAriaDescription": "Ääniasetukset",
+        "deepNoiseSuppressionTitle": "Melunvaimennus",
+        "deepNoiseSuppressionOnAnnouncement": "Syvä melunvaimennus on otettu käyttöön",
+        "deepNoiseSuppressionOffAnnouncement": "Syvä melunvaimennus on poistettu käytöstä"
     },
     "devicesButton": {
         "label": "Laitteet",
@@ -504,7 +509,8 @@
         "stopSpotlightVideoTileMenuLabel": "Poista valokeilasta",
         "stopSpotlightOnSelfVideoTileMenuLabel": "Valokeila",
         "attendeeRole": "Osallistuja",
-        "muteParticipantMenuItemLabel": "Mykistä"
+        "muteParticipantMenuItemLabel": "Mykistä",
+        "waitingScreenText": "Odotetaan että muut liittyvät"
     },
     "dialpad": {
         "placeholderText": "Anna puhelinnumero",
@@ -658,6 +664,7 @@
         "incomingCallNoticicationRejectAriaLabel": "Hylkää",
         "incomingCallNotificationAcceptButtonLabel": "Hyväksy",
         "incomingCallNotificationRejectButtonLabel": "Hylkää",
-        "incomingCallNotificationAccceptWithVideoButtonLabel": "Vastaa videopuhelulla"
+        "incomingCallNotificationAccceptWithVideoButtonLabel": "Vastaa videopuhelulla",
+        "incomingCallNotificationDismissButtonAriaLabel": "Hylkää"
     }
 }