@azure/communication-react 1.19.0-alpha-202408280014 → 1.19.0-alpha-202408300015

package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.d.ts

@@ -1,4 +1,4 @@
-import { IButtonStyles, IStyle, Theme, ITheme } from '@fluentui/react';
+import { IButtonStyles, IStyle, Theme, ITheme, ISpinnerStyles } from '@fluentui/react';
 /**
  * @private
  */
@@ -60,4 +60,16 @@ export declare const reactionRenderingStyle: (args: {
     rawFrameSize: number;
     frameCount: number;
 }) => string;
+/**
+ * @private
+ */
+export declare const loadSpinnerStyles: (theme: ITheme, isOverLay: boolean) => ISpinnerStyles;
+/**
+ * @private
+ */
+export declare const overlayStyles: () => IStyle;
+/**
+ * @private
+ */
+export declare const overlayStylesTransparent: () => IStyle;
 //# sourceMappingURL=VideoTile.styles.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js

@@ -186,4 +186,40 @@ export const reactionRenderingStyle = (args) => {
         transformOrigin: 'top left'
     });
 };
+/**
+ * @private
+ */
+export const loadSpinnerStyles = (theme, isOverLay) => {
+    return {
+        circle: {
+            width: '2rem',
+            height: '2rem'
+        },
+        label: {
+            fontSize: '1rem',
+            color: isOverLay ? theme.palette.white : theme.palette.themePrimary
+        }
+    };
+};
+/**
+ * @private
+ */
+export const overlayStyles = () => {
+    return {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.3)'
+    };
+};
+/**
+ * @private
+ */
+export const overlayStylesTransparent = () => {
+    return {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+    };
+};
 //# sourceMappingURL=VideoTile.styles.js.map

package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoTile.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoTile.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStyle, mergeStyles, Theme, ITheme } from '@fluentui/react';\nimport { keyframes, memoizeFunction } from '@fluentui/react';\nimport { REACTION_SCREEN_SHARE_ANIMATION_TIME_MS } from '../VideoGallery/utils/reactionUtils';\n\n/**\n * @private\n */\nexport const rootStyles: IStyle = {\n  position: 'relative',\n  height: '100%',\n  width: '100%'\n};\n\n/**\n * @private\n */\nexport const videoContainerStyles: IStyle = {\n  position: 'absolute',\n  top: '0',\n  left: '0',\n  width: '100%',\n  height: '100%',\n  minWidth: '100%',\n  minHeight: '100%',\n  objectPosition: 'center',\n  objectFit: 'cover',\n  zIndex: 0\n};\n\n/**\n * @private\n */\nexport const overlayContainerStyles: IStyle = {\n  width: '100%',\n  height: '100%',\n  zIndex: 5\n};\n\n/**\n * @private\n */\nexport const tileInfoContainerStyle = mergeStyles({\n  position: 'absolute',\n  bottom: '0',\n  left: '0',\n  padding: '0.5rem',\n  width: '100%'\n});\n\n/**\n * @private\n */\nexport const disabledVideoHint = mergeStyles({\n  backgroundColor: 'inherit',\n  boxShadow: 'none',\n  textAlign: 'left',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  alignItems: 'center',\n  padding: '0.15rem',\n  maxWidth: '100%'\n});\n\n/**\n * @private\n */\nexport const displayNameStyle: IStyle = {\n  padding: '0.1rem',\n  fontSize: '0.75rem',\n  fontWeight: 600,\n  // Text component will take body color by default (white in Dark Mode), so forcing it to be parent container color\n  color: 'inherit',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  maxWidth: '100%'\n};\n\n/**\n * @private\n */\nexport const pinIconStyle: IStyle = {\n  padding: '0.125rem'\n};\n\n/**\n * @private\n */\nexport const iconContainerStyle: IStyle = {\n  margin: 'auto',\n  alignItems: 'center',\n  '& svg': {\n    display: 'block',\n    // Similar to text color, icon color will be inherited from parent container\n    color: 'inherit'\n  }\n};\n\n/**\n * @private\n */\nexport const participantStateStringStyles = (theme: Theme): IStyle => {\n  return {\n    minWidth: 'max-content',\n    color: theme.palette.black,\n    fontSize: '0.75rem',\n    lineHeight: 'normal',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    padding: '0.1rem'\n  };\n};\n\n/**\n * @private\n */\nexport const moreButtonStyles: IButtonStyles = {\n  root: {\n    // To ensure that the button is clickable when there is a floating video tile\n    zIndex: 1,\n    color: 'inherit',\n    top: '-0.125rem',\n    height: '100%',\n    padding: '0rem'\n  },\n  rootHovered: {\n    background: 'none'\n  },\n  rootPressed: {\n    background: 'none'\n  },\n  rootExpanded: {\n    background: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const raiseHandContainerStyles = (theme: ITheme, limitedSpace: boolean): string =>\n  mergeStyles(\n    {\n      alignItems: 'center',\n      padding: '0.2rem 0.3rem',\n      backgroundColor: theme.palette.white,\n      opacity: 0.9,\n      borderRadius: '1rem',\n      margin: '0.5rem',\n      width: 'fit-content',\n      position: 'absolute',\n      top: 0,\n      height: 'fit-content'\n    },\n    limitedSpace && raiseHandLimitedSpaceStyles\n  );\n\n/**\n * @private\n */\nexport const raiseHandLimitedSpaceStyles: IStyle = {\n  // position centrally\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  left: 0,\n  right: 0,\n  // position at the bottom\n  bottom: 0\n};\n\n/**\n * @private\n */\nexport const playFrames = memoizeFunction((frameHightPx: number, frameCount: number) =>\n  keyframes({\n    from: {\n      backgroundPosition: `0px 0px`\n    },\n    to: {\n      backgroundPosition: `0px ${frameCount * -frameHightPx}px`\n    }\n  })\n);\n\n/**\n * @private\n */\nexport const reactionRenderingStyle = (args: {\n  spriteImageUrl: string;\n  emojiSize: number;\n  rawFrameSize: number;\n  frameCount: number;\n}): string => {\n  const imageUrl = `url(${args.spriteImageUrl})`;\n  const steps = args.frameCount ?? 0;\n  const frameSizePx = args.rawFrameSize;\n  return mergeStyles({\n    height: `${frameSizePx}px`,\n    width: `${frameSizePx}px`,\n    overflow: 'hidden',\n    animationName: playFrames(frameSizePx, steps),\n    backgroundImage: imageUrl,\n    animationDuration: `${REACTION_SCREEN_SHARE_ANIMATION_TIME_MS / 1000}s`,\n    animationTimingFunction: `steps(${steps})`,\n    animationPlayState: 'running',\n    animationIterationCount: 'infinite',\n\n    // Scale the emoji to fit the parent container\n    transform: `scale(${args.emojiSize / frameSizePx})`,\n    transformOrigin: 'top left'\n  });\n};\n"]}
+{"version":3,"file":"VideoTile.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoTile.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStyle, mergeStyles, Theme, ITheme, ISpinnerStyles } from '@fluentui/react';\nimport { keyframes, memoizeFunction } from '@fluentui/react';\nimport { REACTION_SCREEN_SHARE_ANIMATION_TIME_MS } from '../VideoGallery/utils/reactionUtils';\n\n/**\n * @private\n */\nexport const rootStyles: IStyle = {\n  position: 'relative',\n  height: '100%',\n  width: '100%'\n};\n\n/**\n * @private\n */\nexport const videoContainerStyles: IStyle = {\n  position: 'absolute',\n  top: '0',\n  left: '0',\n  width: '100%',\n  height: '100%',\n  minWidth: '100%',\n  minHeight: '100%',\n  objectPosition: 'center',\n  objectFit: 'cover',\n  zIndex: 0\n};\n\n/**\n * @private\n */\nexport const overlayContainerStyles: IStyle = {\n  width: '100%',\n  height: '100%',\n  zIndex: 5\n};\n\n/**\n * @private\n */\nexport const tileInfoContainerStyle = mergeStyles({\n  position: 'absolute',\n  bottom: '0',\n  left: '0',\n  padding: '0.5rem',\n  width: '100%'\n});\n\n/**\n * @private\n */\nexport const disabledVideoHint = mergeStyles({\n  backgroundColor: 'inherit',\n  boxShadow: 'none',\n  textAlign: 'left',\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  alignItems: 'center',\n  padding: '0.15rem',\n  maxWidth: '100%'\n});\n\n/**\n * @private\n */\nexport const displayNameStyle: IStyle = {\n  padding: '0.1rem',\n  fontSize: '0.75rem',\n  fontWeight: 600,\n  // Text component will take body color by default (white in Dark Mode), so forcing it to be parent container color\n  color: 'inherit',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  maxWidth: '100%'\n};\n\n/**\n * @private\n */\nexport const pinIconStyle: IStyle = {\n  padding: '0.125rem'\n};\n\n/**\n * @private\n */\nexport const iconContainerStyle: IStyle = {\n  margin: 'auto',\n  alignItems: 'center',\n  '& svg': {\n    display: 'block',\n    // Similar to text color, icon color will be inherited from parent container\n    color: 'inherit'\n  }\n};\n\n/**\n * @private\n */\nexport const participantStateStringStyles = (theme: Theme): IStyle => {\n  return {\n    minWidth: 'max-content',\n    color: theme.palette.black,\n    fontSize: '0.75rem',\n    lineHeight: 'normal',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    padding: '0.1rem'\n  };\n};\n\n/**\n * @private\n */\nexport const moreButtonStyles: IButtonStyles = {\n  root: {\n    // To ensure that the button is clickable when there is a floating video tile\n    zIndex: 1,\n    color: 'inherit',\n    top: '-0.125rem',\n    height: '100%',\n    padding: '0rem'\n  },\n  rootHovered: {\n    background: 'none'\n  },\n  rootPressed: {\n    background: 'none'\n  },\n  rootExpanded: {\n    background: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const raiseHandContainerStyles = (theme: ITheme, limitedSpace: boolean): string =>\n  mergeStyles(\n    {\n      alignItems: 'center',\n      padding: '0.2rem 0.3rem',\n      backgroundColor: theme.palette.white,\n      opacity: 0.9,\n      borderRadius: '1rem',\n      margin: '0.5rem',\n      width: 'fit-content',\n      position: 'absolute',\n      top: 0,\n      height: 'fit-content'\n    },\n    limitedSpace && raiseHandLimitedSpaceStyles\n  );\n\n/**\n * @private\n */\nexport const raiseHandLimitedSpaceStyles: IStyle = {\n  // position centrally\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  left: 0,\n  right: 0,\n  // position at the bottom\n  bottom: 0\n};\n\n/**\n * @private\n */\nexport const playFrames = memoizeFunction((frameHightPx: number, frameCount: number) =>\n  keyframes({\n    from: {\n      backgroundPosition: `0px 0px`\n    },\n    to: {\n      backgroundPosition: `0px ${frameCount * -frameHightPx}px`\n    }\n  })\n);\n\n/**\n * @private\n */\nexport const reactionRenderingStyle = (args: {\n  spriteImageUrl: string;\n  emojiSize: number;\n  rawFrameSize: number;\n  frameCount: number;\n}): string => {\n  const imageUrl = `url(${args.spriteImageUrl})`;\n  const steps = args.frameCount ?? 0;\n  const frameSizePx = args.rawFrameSize;\n  return mergeStyles({\n    height: `${frameSizePx}px`,\n    width: `${frameSizePx}px`,\n    overflow: 'hidden',\n    animationName: playFrames(frameSizePx, steps),\n    backgroundImage: imageUrl,\n    animationDuration: `${REACTION_SCREEN_SHARE_ANIMATION_TIME_MS / 1000}s`,\n    animationTimingFunction: `steps(${steps})`,\n    animationPlayState: 'running',\n    animationIterationCount: 'infinite',\n\n    // Scale the emoji to fit the parent container\n    transform: `scale(${args.emojiSize / frameSizePx})`,\n    transformOrigin: 'top left'\n  });\n};\n\n/**\n * @private\n */\nexport const loadSpinnerStyles = (theme: ITheme, isOverLay: boolean): ISpinnerStyles => {\n  return {\n    circle: {\n      width: '2rem',\n      height: '2rem'\n    },\n    label: {\n      fontSize: '1rem',\n      color: isOverLay ? theme.palette.white : theme.palette.themePrimary\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const overlayStyles = (): IStyle => {\n  return {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: 'rgba(0, 0, 0, 0.3)'\n  };\n};\n\n/**\n * @private\n */\nexport const overlayStylesTransparent = (): IStyle => {\n  return {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center'\n  };\n};\n"]}

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

@@ -452,6 +452,31 @@
             "title": "توقفت كتابة الحديث.",
             "message": "أنت الآن تسجل هذا الاجتماع فقط.",
             "dismissButtonAriaLabel": "إغلاق"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "سننقلك إلى الغرفة المعينة خلال 5 ثوان.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "تم تغيير الغرفة الفرعية الخاصة بك",
+            "message": "سننقلك إلى الغرفة المعينة خلال 5 ثوان.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "هل تريد الانضمام إلى الغرفة الفرعية؟",
+            "message": "تم تعيينك إلى غرفة اجتماع فرعية.",
+            "dismissButtonAriaLabel": "إغلاق",
+            "primaryButtonLabel": "الانضمام إلى الغرفة",
+            "secondaryButtonLabel": "لاحقاً"
+        },
+        "breakoutRoomJoined": {
+            "title": "لقد قمت بالانضمام إلى غرفة الاجتماع فرعية.",
+            "dismissButtonAriaLabel": "‏إغلاق"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "أوشكت صلاحية الحد الزمني للغرفة على الانتهاء.",
+            "message": "سيتم إغلاق هذه الغرفة في غضون 30 ثانية.",
+            "dismissButtonAriaLabel": "‏إغلاق"
         }
     },
     "videoGallery": {

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

@@ -452,6 +452,31 @@
             "title": "Přepis se zastavil.",
             "message": "Nyní tuto schůzku pouze nahráváte.",
             "dismissButtonAriaLabel": "Zavřít"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "Za 5 sekund vás přesuneme do přiřazené místnosti.",
+            "dismissButtonAriaLabel": "Zavřít"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "Vaše skupinová místnost se změnila",
+            "message": "Za 5 sekund vás přesuneme do přiřazené místnosti.",
+            "dismissButtonAriaLabel": "Zavřít"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Připojit se ke skupinové místnosti?",
+            "message": "Byli jste přiřazeni ke skupinové místnosti.",
+            "dismissButtonAriaLabel": "Zavřít",
+            "primaryButtonLabel": "Připojit se k místnosti",
+            "secondaryButtonLabel": "Později"
+        },
+        "breakoutRoomJoined": {
+            "title": "Připojili jste se ke skupinové místnosti.",
+            "dismissButtonAriaLabel": "Zavřít"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Časový limit místnosti brzy vyprší.",
+            "message": "Tato místnost se zavře během 30 sekund.",
+            "dismissButtonAriaLabel": "Zavřít"
         }
     },
     "videoGallery": {

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

@@ -452,6 +452,31 @@
             "title": "Die Transkription wurde beendet.",
             "message": "Sie zeichnen nun nur diese Besprechung auf.",
             "dismissButtonAriaLabel": "Schließen"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "Wir verschieben Sie in 5 Sekunden zu Ihrem zugewiesenen Raum.",
+            "dismissButtonAriaLabel": "Schließen"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "Ihr Gruppenraum hat sich geändert.",
+            "message": "Wir verschieben Sie in 5 Sekunden zu Ihrem zugewiesenen Raum.",
+            "dismissButtonAriaLabel": "Schließen"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Gruppenraum betreten?",
+            "message": "Sie wurden einem Gruppenraum zugewiesen.",
+            "dismissButtonAriaLabel": "Schließen",
+            "primaryButtonLabel": "Raum betreten",
+            "secondaryButtonLabel": "Später"
+        },
+        "breakoutRoomJoined": {
+            "title": "Sie sind einem Gruppenraum beigetreten.",
+            "dismissButtonAriaLabel": "Schließen"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Das Raumzeitlimit läuft bald ab.",
+            "message": "Dieser Raum wird in 30 Sekunden geschlossen.",
+            "dismissButtonAriaLabel": "Schließen"
         }
     },
     "videoGallery": {

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

@@ -452,6 +452,31 @@
             "title": "Transcription has stopped.",
             "message": "You are now only recording this meeting.",
             "dismissButtonAriaLabel": "Close"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "We'll move you to your assigned room in 5 seconds.",
+            "dismissButtonAriaLabel": "Close"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "Your breakout room has changed",
+            "message": "We'll move you to your assigned room in 5 seconds.",
+            "dismissButtonAriaLabel": "Close"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Join breakout room?",
+            "message": "You've been assigned to a breakout room.",
+            "dismissButtonAriaLabel": "Close",
+            "primaryButtonLabel": "Join room",
+            "secondaryButtonLabel": "Later"
+        },
+        "breakoutRoomJoined": {
+            "title": "You have joined a breakout room.",
+            "dismissButtonAriaLabel": "Close"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Room time limit about to expire.",
+            "message": "This room will close in 30 seconds",
+            "dismissButtonAriaLabel": "Close"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/en-US/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,18 @@
         "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",
+        "deepNoiseSuppresionOnTitle": "Noise Suppression On",
+        "deepNoiseSuppresionOffTitle": "Noise Suppression Off",
+        "deepNoiseSuppresionOnAnnouncement": "Deep noise suppression has been turned on",
+        "deepNoiseSuppresionOffAnnouncement": "Deep noise suppression has been turned off"
     },
     "devicesButton": {
         "label": "Devices",
@@ -504,7 +510,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 +665,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

@@ -452,6 +452,31 @@
             "title": "La transcripción se ha detenido.",
             "message": "Solo está grabando esta reunión.",
             "dismissButtonAriaLabel": "Cerrar"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "Le moveremos a la sala asignada en 5 segundos.",
+            "dismissButtonAriaLabel": "Cerrar"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "La sala para sesión de subgrupo ha cambiado",
+            "message": "Le moveremos a la sala asignada en 5 segundos.",
+            "dismissButtonAriaLabel": "Cerrar"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "¿Quiere unirse a la sala para sesión de subgrupo?",
+            "message": "Se le ha asignado a una sala para sesión de subgrupo.",
+            "dismissButtonAriaLabel": "Cerrar",
+            "primaryButtonLabel": "Unirse a la sala",
+            "secondaryButtonLabel": "Más tarde"
+        },
+        "breakoutRoomJoined": {
+            "title": "Se ha unido a una sala para sesión de subgrupo.",
+            "dismissButtonAriaLabel": "Cerrar"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Límite de tiempo de sala a punto de expirar.",
+            "message": "Esta sala se cerrará en 30 segundos",
+            "dismissButtonAriaLabel": "Cerrar"
         }
     },
     "videoGallery": {

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

@@ -452,6 +452,31 @@
             "title": "Transkriptio on pysäytetty.",
             "message": "Tallennetta ollaan luomassa vain tästä kokouksesta.",
             "dismissButtonAriaLabel": "Sulje"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "Siirrämme sinut määritettyihin huoneeseesi 5 sekunnin kuluttua.",
+            "dismissButtonAriaLabel": "Sulje"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "Pienryhmätilasi on muuttunut",
+            "message": "Siirrämme sinut määritettyihin huoneeseesi 5 sekunnin kuluttua.",
+            "dismissButtonAriaLabel": "Sulje"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Liitytäänkö pienryhmätilaan?",
+            "message": "Sinut on määritetty pienryhmätilaan.",
+            "dismissButtonAriaLabel": "Sulje",
+            "primaryButtonLabel": "Liity tilaan",
+            "secondaryButtonLabel": "Myöhemmin"
+        },
+        "breakoutRoomJoined": {
+            "title": "Olet liittynyt pienryhmätilaan.",
+            "dismissButtonAriaLabel": "Sulje"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Pienryhmätilan aikaraja on täyttymässä.",
+            "message": "Tämä huone suljetaan 30 sekunnin kuluttua",
+            "dismissButtonAriaLabel": "Sulje"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/fr-FR/strings.json

@@ -452,6 +452,31 @@
             "title": "Arrêt de la transcription.",
             "message": "Vous n’enregistrez désormais que cette réunion.",
             "dismissButtonAriaLabel": "Fermer"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "Nous allons vous déplacer vers la salle affectée dans 5 secondes.",
+            "dismissButtonAriaLabel": "Fermer"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "Votre salle pour petit groupe a changé",
+            "message": "Nous allons vous déplacer vers la salle affectée dans 5 secondes.",
+            "dismissButtonAriaLabel": "Fermer"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Rejoindre la salle de réunion ?",
+            "message": "Vous avez reçu une invitation à rejoindre une salle pour petit groupe.",
+            "dismissButtonAriaLabel": "Fermer",
+            "primaryButtonLabel": "Rejoindre une salle",
+            "secondaryButtonLabel": "Plus tard"
+        },
+        "breakoutRoomJoined": {
+            "title": "Vous avez rejoint une salle pour petit groupe.",
+            "dismissButtonAriaLabel": "Proche"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Limite de temps de la salle sur le point d’expirer.",
+            "message": "Cette salle se fermera dans 30 secondes.",
+            "dismissButtonAriaLabel": "Proche"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/he-IL/strings.json

@@ -452,6 +452,31 @@
             "title": "התמלול הופסק.",
             "message": "אתה כעת רק מקליט את הפגישה.",
             "dismissButtonAriaLabel": "סגור"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "נעביר אותך לחדר שהוקצה לך תוך 5 שניות.",
+            "dismissButtonAriaLabel": "סגור"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "פיצול החדרים שלך השתנה",
+            "message": "נעביר אותך לחדר שהוקצה לך תוך 5 שניות.",
+            "dismissButtonAriaLabel": "סגור"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "להצטרף לפיצול חדרים?",
+            "message": "הוקצית לפיצול חדר.",
+            "dismissButtonAriaLabel": "סגור",
+            "primaryButtonLabel": "הצטרף לחדר",
+            "secondaryButtonLabel": "מאוחר יותר"
+        },
+        "breakoutRoomJoined": {
+            "title": "הצטרפת לפיצול חדרים.",
+            "dismissButtonAriaLabel": "סגור"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "תוקף מגבלת זמן החדר עומד לפוג.",
+            "message": "חדר זה ייסגר בעוד 30 שניות",
+            "dismissButtonAriaLabel": "סגור"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/it-IT/strings.json

@@ -452,6 +452,31 @@
             "title": "La trascrizione è stata arrestata.",
             "message": "È in corso la registrazione solo di questa riunione.",
             "dismissButtonAriaLabel": "Chiudi"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "Verrai spostato nella stanza assegnata tra 5 secondi.",
+            "dismissButtonAriaLabel": "Chiudi"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "La stanza di lavoro è cambiata",
+            "message": "Verrai spostato nella stanza assegnata tra 5 secondi.",
+            "dismissButtonAriaLabel": "Chiudi"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Vuoi partecipare alla stanza di lavoro?",
+            "message": "Ti è stata assegnata una stanza di lavoro.",
+            "dismissButtonAriaLabel": "Chiudi",
+            "primaryButtonLabel": "Accedi alla stanza",
+            "secondaryButtonLabel": "Più tardi"
+        },
+        "breakoutRoomJoined": {
+            "title": "Sei stato aggiunto alla stanza di lavoro.",
+            "dismissButtonAriaLabel": "Chiudi"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Il limite di tempo della stanza di lavoro sta per scadere.",
+            "message": "Questa stanza verrà chiusa tra 30 secondi",
+            "dismissButtonAriaLabel": "Chiudi"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/ja-JP/strings.json

@@ -167,7 +167,7 @@
         "ariaLabel": "リアクション ボタン、リアクションの送信",
         "tooltipDisabledContent": "リアクション操作が無効になっています",
         "tooltipContent": "リアクションを送信します",
-        "likeReactionTooltipContent": "高く評価",
+        "likeReactionTooltipContent": "いいね!",
         "heartReactionTooltipContent": "大好き",
         "laughReactionTooltipContent": "笑い",
         "applauseReactionTooltipContent": "喝采",
@@ -452,6 +452,31 @@
             "title": "文字起こしが停止しました。",
             "message": "今はこの会議の録画のみを行っています。",
             "dismissButtonAriaLabel": "閉じる"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "5 秒後に、割り当てられた会議室に移動します。",
+            "dismissButtonAriaLabel": "閉じる"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "ブレークアウト ルームが変更されました",
+            "message": "5 秒後に、割り当てられた会議室に移動します。",
+            "dismissButtonAriaLabel": "閉じる"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "ブレークアウト ルームに参加しますか?",
+            "message": "ブレークアウト ルームに割り当てられました。",
+            "dismissButtonAriaLabel": "閉じる",
+            "primaryButtonLabel": "ルームに参加",
+            "secondaryButtonLabel": "後で"
+        },
+        "breakoutRoomJoined": {
+            "title": "ブレークアウト ルームに参加しました。",
+            "dismissButtonAriaLabel": "閉じる"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "ルームの時間制限がもうすぐ切れます。",
+            "message": "このルームは 30 秒後に終了します",
+            "dismissButtonAriaLabel": "閉じる"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/ko-KR/strings.json

@@ -452,6 +452,31 @@
             "title": "대화 내용 기록을 중단했습니다.",
             "message": "이제 이 모임의 녹음/녹화만 진행합니다.",
             "dismissButtonAriaLabel": "닫기"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "5초 후에 할당된 채팅방으로 이동합니다.",
+            "dismissButtonAriaLabel": "닫기"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "소규모 회의실이 변경되었습니다.",
+            "message": "5초 후에 할당된 채팅방으로 이동합니다.",
+            "dismissButtonAriaLabel": "닫기"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "소규모 회의실에 참가하시겠어요?",
+            "message": "사용자가 소규모 회의실에 배정되었습니다.",
+            "dismissButtonAriaLabel": "닫기",
+            "primaryButtonLabel": "소회의실 참가",
+            "secondaryButtonLabel": "나중에"
+        },
+        "breakoutRoomJoined": {
+            "title": "소회의실에 참가했습니다.",
+            "dismissButtonAriaLabel": "닫기"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "소회의실 시간 제한이 곧 만료됩니다.",
+            "message": "이 소회의실은 30초 후에 닫힙니다.",
+            "dismissButtonAriaLabel": "닫기"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/nb-NO/strings.json

@@ -452,6 +452,31 @@
             "title": "Transkripsjon har stoppet.",
             "message": "Du tar nå bare opp dette møtet.",
             "dismissButtonAriaLabel": "Lukk"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "Vi flytter deg til det tilordnede rommet om fem sekunder.",
+            "dismissButtonAriaLabel": "Lukk"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "Grupperommet er endret",
+            "message": "Vi flytter deg til det tilordnede rommet om fem sekunder.",
+            "dismissButtonAriaLabel": "Lukk"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Bli med i grupperommet?",
+            "message": "Du har blitt tilordnet et grupperom.",
+            "dismissButtonAriaLabel": "Lukk",
+            "primaryButtonLabel": "Bli med i rom",
+            "secondaryButtonLabel": "Senere"
+        },
+        "breakoutRoomJoined": {
+            "title": "Du har blitt med i et grupperom.",
+            "dismissButtonAriaLabel": "Lukk"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Romtidsgrensen er i ferd med å utløpe.",
+            "message": "Dette rommet blir lukket om 30 sekunder",
+            "dismissButtonAriaLabel": "Lukk"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/nl-NL/strings.json

@@ -452,6 +452,31 @@
             "title": "Transcriptie is gestopt.",
             "message": "U bent nu alleen deze vergadering aan het opnemen.",
             "dismissButtonAriaLabel": "Sluiten"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "U wordt over 5 seconden naar de toegewezen ruimte verplaatst.",
+            "dismissButtonAriaLabel": "Sluiten"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "Uw aparte vergaderruimte is gewijzigd",
+            "message": "U wordt over 5 seconden naar de toegewezen ruimte verplaatst.",
+            "dismissButtonAriaLabel": "Sluiten"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Deelnemen aan aparte vergaderruimte?",
+            "message": "U bent toegewezen aan een aparte vergaderruimte.",
+            "dismissButtonAriaLabel": "Sluiten",
+            "primaryButtonLabel": "Naar vergaderruimte",
+            "secondaryButtonLabel": "Later"
+        },
+        "breakoutRoomJoined": {
+            "title": "U heeft deelgenomen aan een vergaderruimte.",
+            "dismissButtonAriaLabel": "Sluiten"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "De tijdslimiet voor de ruimte verloopt binnenkort.",
+            "message": "Deze ruimte wordt in 30 seconden gesloten.",
+            "dismissButtonAriaLabel": "Sluiten"
         }
     },
     "videoGallery": {

package/dist/dist-esm/react-components/src/localization/locales/pl-PL/strings.json

@@ -452,6 +452,31 @@
             "title": "Zakończono transkrypcję.",
             "message": "W tej chwili tylko Ty nagrywasz to spotkanie.",
             "dismissButtonAriaLabel": "Zamknij"
+        },
+        "assignedBreakoutRoomOpened": {
+            "title": "Przeniesiemy Cię do przypisanego pokoju w ciągu 5 sekund.",
+            "dismissButtonAriaLabel": "Zamknij"
+        },
+        "assignedBreakoutRoomChanged": {
+            "title": "Twój osobny pokój został zmieniony",
+            "message": "Przeniesiemy Cię do przypisanego pokoju w ciągu 5 sekund.",
+            "dismissButtonAriaLabel": "Zamknij"
+        },
+        "assignedBreakoutRoomOpenedPromptJoin": {
+            "title": "Dołączyć do osobnego pokoju?",
+            "message": "Przypisano Cię do osobnego pokoju.",
+            "dismissButtonAriaLabel": "Zamknij",
+            "primaryButtonLabel": "Dołącz do pokoju",
+            "secondaryButtonLabel": "Później"
+        },
+        "breakoutRoomJoined": {
+            "title": "Dołączono do osobnego pokoju.",
+            "dismissButtonAriaLabel": "Zamknij"
+        },
+        "breakoutRoomClosingSoon": {
+            "title": "Limit czasu pokoju wkrótce wygaśnie.",
+            "message": "Ten pokój zostanie zamknięty za 30 sekund",
+            "dismissButtonAriaLabel": "Zamknij"
         }
     },
     "videoGallery": {