@azure/communication-react 1.5.1-alpha-202304040013 → 1.5.1-beta.2

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

@@ -41,11 +41,6 @@ export declare const FailedMyChatMessageContainer: ComponentSlotStyle;
  * @private
  */
 export declare const defaultChatMessageContainer: (theme: Theme) => ComponentSlotStyle;
-/**
- * @private
- * @conditional-compile-remove(data-loss-prevention)
- */
-export declare const defaultBlockedMessageStyleContainer: (theme: Theme) => ComponentSlotStyle;
 /**
  * @private
  */

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

@@ -142,34 +142,6 @@ export const defaultChatMessageContainer = (theme) => ({
     // This makes message bubble show border in high contrast mode making each message distinguishable
     border: '1px solid transparent'
 });
-/**
- * @private
- * @conditional-compile-remove(data-loss-prevention)
- */
-export const defaultBlockedMessageStyleContainer = (theme) => ({
-    maxWidth: '100%',
-    minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,
-    marginRight: '0rem',
-    color: theme.palette.neutralSecondary,
-    '& i': {
-        paddingTop: '0.25rem'
-    },
-    '& p': {
-        // Deal with awkward padding seen in messages from Teams.
-        // For more info see https://github.com/Azure/communication-ui-library/pull/1507
-        marginBlock: '0.125rem',
-        paddingRight: '0.75rem',
-        fontStyle: 'italic'
-    },
-    '& a': {
-        marginBlock: '0.125rem',
-        fontStyle: 'normal',
-        color: theme.palette.themePrimary,
-        textDecoration: 'none'
-    },
-    // This makes message bubble show border in high contrast mode making each message distinguishable
-    border: '1px solid transparent'
-});
 /**
  * @private
  */

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

@@ -1 +1 @@
-{"version":3,"file":"MessageThread.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/MessageThread.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, mergeStyles, Theme } from '@fluentui/react';\nimport { ComponentSlotStyle } from '@fluentui/react-northstar';\nimport { CSSProperties } from 'react';\nimport { MESSAGE_STATUS_INDICATOR_SIZE_REM } from './MessageStatusIndicator.styles';\n\n// Minimum chat bubble width. This matches the minimum chat bubble width from FluentUI\n// that can contain a message and a timestamp.\nconst CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM = 6.25;\n\n// Chat messages should span just short of the width of the container.\n// When calculating the width of a message we also must take into account\n// the width of the avatar/gutter and the gap between the message and avatar/gutter.\nconst AVATAR_WIDTH_REM = 2;\nconst AVATAR_MESSAGE_GAP_REM = 0.5;\nconst MESSAGE_AMOUNT_OUT_FROM_EDGE_REM = 2;\n\n// Avatars should display on top of chat messages when the chat thread is narrow\nconst MESSAGE_AVATAR_OVERLAP_REM = 0.425;\nconst CHAT_MESSAGE_ZINDEX = 1;\nconst AVATAR_ZINDEX = 2;\n// new message button should be on top of chat message\nconst NEW_MESSAGE_BUTTON_ZINDEX = 2;\n\n/**\n * @private\n */\nexport const messageThreadContainerStyle = mergeStyles({\n  height: '100%',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'auto',\n  position: 'relative',\n  alignSelf: 'center'\n});\n\n/**\n * @private\n */\nexport const noMessageStatusStyle = mergeStyles({\n  // This should match the size of the message status indicator icon to ensure\n  // multiple messages sent by the user are aligned correctly.\n  width: `${MESSAGE_STATUS_INDICATOR_SIZE_REM}rem`\n});\n\n/**\n * @private\n */\nexport const chatStyle: ComponentSlotStyle = {\n  paddingBottom: '0.5rem',\n  paddingTop: '0.8rem',\n  border: 'none',\n  overflow: 'auto',\n  // `height: 100%` ensures that the Chat component covers 100% of it's parents height\n  // to prevent intermittent scrollbars when gifs are present in the chat.\n  height: '100%'\n};\n\n/**\n * @private\n */\nexport const newMessageButtonContainerStyle = mergeStyles({\n  position: 'absolute',\n  zIndex: NEW_MESSAGE_BUTTON_ZINDEX,\n  bottom: 0,\n  right: '1.5rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageStyle: CSSProperties = {\n  overflowY: 'hidden'\n};\n\n/**\n * @private\n */\nexport const chatMessageDateStyle: CSSProperties = {\n  fontWeight: 600\n};\n\n/**\n * @private\n */\nexport const defaultChatItemMessageContainer = (overlapAvatarAndMessage: boolean): ComponentSlotStyle => {\n  const messageAvatarGap = overlapAvatarAndMessage ? -MESSAGE_AVATAR_OVERLAP_REM : AVATAR_MESSAGE_GAP_REM;\n  return {\n    marginRight: '0rem',\n    marginLeft: `${messageAvatarGap}rem`,\n    width: `calc(100% - ${AVATAR_WIDTH_REM + MESSAGE_AMOUNT_OUT_FROM_EDGE_REM + messageAvatarGap}rem)`,\n    zIndex: CHAT_MESSAGE_ZINDEX\n  };\n};\n\n/**\n * @private\n */\nexport const defaultMyChatMessageContainer: ComponentSlotStyle = {\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginLeft: '0rem',\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n};\n\n/**\n * @private\n */\nexport const FailedMyChatMessageContainer: ComponentSlotStyle = {\n  ...defaultChatItemMessageContainer,\n  backgroundColor: 'rgba(168, 0, 0, 0.2)'\n};\n\n/**\n * @private\n */\nexport const defaultChatMessageContainer = (theme: Theme): ComponentSlotStyle => ({\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginRight: '0rem',\n  '& img': {\n    maxWidth: '100% !important', // Add !important to make sure it won't be overridden by style defined in element\n    height: 'auto !important'\n  },\n  '& p': {\n    // Deal with awkward padding seen in messages from Teams.\n    // For more info see https://github.com/Azure/communication-ui-library/pull/1507\n    marginBlock: '0.125rem'\n  },\n  '& blockquote': {\n    backgroundColor: theme.palette.white,\n    clear: 'left',\n    minHeight: '2.25rem',\n    width: 'fit-content',\n    margin: '7px 0px',\n    padding: '7px 15px',\n    border: 'solid',\n    borderRadius: '4px',\n    borderWidth: '1px',\n    borderColor: theme.palette.neutralQuaternary,\n    borderLeftWidth: '4px'\n  },\n  '& table': {\n    backgroundColor: theme.palette.white,\n    border: theme.palette.neutralQuaternary,\n    borderCollapse: 'collapse',\n    tableLayout: 'auto',\n    width: '100%',\n\n    '& tr': {\n      border: `1px solid ${theme.palette.neutralQuaternary}`,\n\n      '& td': {\n        border: `1px solid ${theme.palette.neutralQuaternary}`,\n        wordBreak: 'normal',\n        padding: '0px 5px'\n      }\n    }\n  },\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n});\n\n/**\n * @private\n * @conditional-compile-remove(data-loss-prevention)\n */\nexport const defaultBlockedMessageStyleContainer = (theme: Theme): ComponentSlotStyle => ({\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginRight: '0rem',\n  color: theme.palette.neutralSecondary,\n\n  '& i': {\n    paddingTop: '0.25rem'\n  },\n\n  '& p': {\n    // Deal with awkward padding seen in messages from Teams.\n    // For more info see https://github.com/Azure/communication-ui-library/pull/1507\n    marginBlock: '0.125rem',\n    paddingRight: '0.75rem',\n    fontStyle: 'italic'\n  },\n\n  '& a': {\n    marginBlock: '0.125rem',\n    fontStyle: 'normal',\n    color: theme.palette.themePrimary,\n    textDecoration: 'none'\n  },\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n});\n\n/**\n * @private\n */\nexport const gutterWithAvatar: ComponentSlotStyle = {\n  width: `${AVATAR_WIDTH_REM}`,\n  position: 'relative',\n  float: 'left',\n  display: 'block',\n  visibility: 'visible',\n  zIndex: AVATAR_ZINDEX\n};\n\n/**\n * @private\n */\nexport const gutterWithHiddenAvatar: ComponentSlotStyle = {\n  ...gutterWithAvatar,\n  visibility: 'hidden',\n  // we use this hidden avatar just as a width placeholder\n  // the placeholder is needed for responsive bubble width\n  height: 0\n};\n\n/**\n * @private\n */\nexport const messageStatusContainerStyle = (mine: boolean): string =>\n  mergeStyles({\n    marginLeft: mine ? '0.25rem' : '0rem'\n  });\n\n/**\n * @private\n */\nexport const newMessageButtonStyle = mergeStyles({\n  float: 'right',\n  width: 'fit-content'\n});\n\n/**\n * @private\n */\nexport const buttonWithIconStyles: IButtonStyles = {\n  textContainer: {\n    display: 'contents'\n  }\n};\n\n/**\n * @private\n */\nexport const loadPreviousMessageButtonStyle = mergeStyles({\n  border: 'none',\n  minHeight: '1.5rem',\n  '&:hover': { background: 'none' },\n  '&:active': { background: 'none' }\n});\n\n/**\n * @private\n */\nexport const DownIconStyle = mergeStyles({\n  marginRight: '0.5em'\n});\n"]}
+{"version":3,"file":"MessageThread.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/MessageThread.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, mergeStyles, Theme } from '@fluentui/react';\nimport { ComponentSlotStyle } from '@fluentui/react-northstar';\nimport { CSSProperties } from 'react';\nimport { MESSAGE_STATUS_INDICATOR_SIZE_REM } from './MessageStatusIndicator.styles';\n\n// Minimum chat bubble width. This matches the minimum chat bubble width from FluentUI\n// that can contain a message and a timestamp.\nconst CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM = 6.25;\n\n// Chat messages should span just short of the width of the container.\n// When calculating the width of a message we also must take into account\n// the width of the avatar/gutter and the gap between the message and avatar/gutter.\nconst AVATAR_WIDTH_REM = 2;\nconst AVATAR_MESSAGE_GAP_REM = 0.5;\nconst MESSAGE_AMOUNT_OUT_FROM_EDGE_REM = 2;\n\n// Avatars should display on top of chat messages when the chat thread is narrow\nconst MESSAGE_AVATAR_OVERLAP_REM = 0.425;\nconst CHAT_MESSAGE_ZINDEX = 1;\nconst AVATAR_ZINDEX = 2;\n// new message button should be on top of chat message\nconst NEW_MESSAGE_BUTTON_ZINDEX = 2;\n\n/**\n * @private\n */\nexport const messageThreadContainerStyle = mergeStyles({\n  height: '100%',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'auto',\n  position: 'relative',\n  alignSelf: 'center'\n});\n\n/**\n * @private\n */\nexport const noMessageStatusStyle = mergeStyles({\n  // This should match the size of the message status indicator icon to ensure\n  // multiple messages sent by the user are aligned correctly.\n  width: `${MESSAGE_STATUS_INDICATOR_SIZE_REM}rem`\n});\n\n/**\n * @private\n */\nexport const chatStyle: ComponentSlotStyle = {\n  paddingBottom: '0.5rem',\n  paddingTop: '0.8rem',\n  border: 'none',\n  overflow: 'auto',\n  // `height: 100%` ensures that the Chat component covers 100% of it's parents height\n  // to prevent intermittent scrollbars when gifs are present in the chat.\n  height: '100%'\n};\n\n/**\n * @private\n */\nexport const newMessageButtonContainerStyle = mergeStyles({\n  position: 'absolute',\n  zIndex: NEW_MESSAGE_BUTTON_ZINDEX,\n  bottom: 0,\n  right: '1.5rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageStyle: CSSProperties = {\n  overflowY: 'hidden'\n};\n\n/**\n * @private\n */\nexport const chatMessageDateStyle: CSSProperties = {\n  fontWeight: 600\n};\n\n/**\n * @private\n */\nexport const defaultChatItemMessageContainer = (overlapAvatarAndMessage: boolean): ComponentSlotStyle => {\n  const messageAvatarGap = overlapAvatarAndMessage ? -MESSAGE_AVATAR_OVERLAP_REM : AVATAR_MESSAGE_GAP_REM;\n  return {\n    marginRight: '0rem',\n    marginLeft: `${messageAvatarGap}rem`,\n    width: `calc(100% - ${AVATAR_WIDTH_REM + MESSAGE_AMOUNT_OUT_FROM_EDGE_REM + messageAvatarGap}rem)`,\n    zIndex: CHAT_MESSAGE_ZINDEX\n  };\n};\n\n/**\n * @private\n */\nexport const defaultMyChatMessageContainer: ComponentSlotStyle = {\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginLeft: '0rem',\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n};\n\n/**\n * @private\n */\nexport const FailedMyChatMessageContainer: ComponentSlotStyle = {\n  ...defaultChatItemMessageContainer,\n  backgroundColor: 'rgba(168, 0, 0, 0.2)'\n};\n\n/**\n * @private\n */\nexport const defaultChatMessageContainer = (theme: Theme): ComponentSlotStyle => ({\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginRight: '0rem',\n  '& img': {\n    maxWidth: '100% !important', // Add !important to make sure it won't be overridden by style defined in element\n    height: 'auto !important'\n  },\n  '& p': {\n    // Deal with awkward padding seen in messages from Teams.\n    // For more info see https://github.com/Azure/communication-ui-library/pull/1507\n    marginBlock: '0.125rem'\n  },\n  '& blockquote': {\n    backgroundColor: theme.palette.white,\n    clear: 'left',\n    minHeight: '2.25rem',\n    width: 'fit-content',\n    margin: '7px 0px',\n    padding: '7px 15px',\n    border: 'solid',\n    borderRadius: '4px',\n    borderWidth: '1px',\n    borderColor: theme.palette.neutralQuaternary,\n    borderLeftWidth: '4px'\n  },\n  '& table': {\n    backgroundColor: theme.palette.white,\n    border: theme.palette.neutralQuaternary,\n    borderCollapse: 'collapse',\n    tableLayout: 'auto',\n    width: '100%',\n\n    '& tr': {\n      border: `1px solid ${theme.palette.neutralQuaternary}`,\n\n      '& td': {\n        border: `1px solid ${theme.palette.neutralQuaternary}`,\n        wordBreak: 'normal',\n        padding: '0px 5px'\n      }\n    }\n  },\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n});\n\n/**\n * @private\n */\nexport const gutterWithAvatar: ComponentSlotStyle = {\n  width: `${AVATAR_WIDTH_REM}`,\n  position: 'relative',\n  float: 'left',\n  display: 'block',\n  visibility: 'visible',\n  zIndex: AVATAR_ZINDEX\n};\n\n/**\n * @private\n */\nexport const gutterWithHiddenAvatar: ComponentSlotStyle = {\n  ...gutterWithAvatar,\n  visibility: 'hidden',\n  // we use this hidden avatar just as a width placeholder\n  // the placeholder is needed for responsive bubble width\n  height: 0\n};\n\n/**\n * @private\n */\nexport const messageStatusContainerStyle = (mine: boolean): string =>\n  mergeStyles({\n    marginLeft: mine ? '0.25rem' : '0rem'\n  });\n\n/**\n * @private\n */\nexport const newMessageButtonStyle = mergeStyles({\n  float: 'right',\n  width: 'fit-content'\n});\n\n/**\n * @private\n */\nexport const buttonWithIconStyles: IButtonStyles = {\n  textContainer: {\n    display: 'contents'\n  }\n};\n\n/**\n * @private\n */\nexport const loadPreviousMessageButtonStyle = mergeStyles({\n  border: 'none',\n  minHeight: '1.5rem',\n  '&:hover': { background: 'none' },\n  '&:active': { background: 'none' }\n});\n\n/**\n * @private\n */\nexport const DownIconStyle = mergeStyles({\n  marginRight: '0.5em'\n});\n"]}

package/dist/dist-esm/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.d.ts

@@ -1,9 +1,4 @@
 import { ChatMessage, ReadReceiptsBySenderId } from '../..';
-import { BlockedMessage } from '../../types/ChatMessage';
-declare const _default: (message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage, readReceiptsBySenderId: ReadReceiptsBySenderId) => {
-    id: string;
-    displayName: string;
-}[];
 /**
  * @private
  *logic: Looking at message A, how do we know it's read number?
@@ -18,5 +13,8 @@ declare const _default: (message: ChatMessage | /* @conditional-compile-remove(d
  *
  * if MessageId of B is larger than message Id of A, then B is created after A
  * if the last read message is created after the message A is sent, then user should have read message A as well */
-export default _default;
+export declare const getParticipantsWhoHaveReadMessage: (message: ChatMessage, readReceiptsBySenderId: ReadReceiptsBySenderId) => {
+    id: string;
+    displayName: string;
+}[];
 //# sourceMappingURL=getParticipantsWhoHaveReadMessage.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.js

@@ -12,7 +12,7 @@
  *
  * if MessageId of B is larger than message Id of A, then B is created after A
  * if the last read message is created after the message A is sent, then user should have read message A as well */
-export default (message, readReceiptsBySenderId) => {
+export const getParticipantsWhoHaveReadMessage = (message, readReceiptsBySenderId) => {
     return (Object.entries(readReceiptsBySenderId)
         // Filter to only read receipts that match the message OR the participant has read a different message after this message has been created
         // eslint-disable-next-line @typescript-eslint/no-unused-vars

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

@@ -1 +1 @@
-{"version":3,"file":"getParticipantsWhoHaveReadMessage.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/getParticipantsWhoHaveReadMessage.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;mHAamH;AACnH,eAAe,CACb,OAA6F,EAC7F,sBAA8C,EACP,EAAE;IACzC,OAAO,CACL,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;QACpC,0IAA0I;QAC1I,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,eAAe,IAAI,OAAO,CAAC,SAAS,CAAC;QAC/E,gDAAgD;QAChD,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,WAAW,KAAK,EAAE,CAAC;QACxF,iCAAiC;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAC9E,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { ChatMessage, ReadReceiptsBySenderId } from '../..';\n\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { BlockedMessage } from '../../types/ChatMessage';\n\n/**\n * @private\n *logic: Looking at message A, how do we know it's read number?\n * Assumption: if user read the latest message, user has read all messages before that\n * ReadReceipt behaviour: read receipt is only sent to the last message\n *\n * If participant read a message that is sent later than message A, then the participant has read message A\n * How do we check if the message is sent later than message A?\n * We compare if the messageID of the last read message is larger than or equal to the message A's id\n * Because messageID is the creation timestamp of each message\n * Timestamps are in epoch time so lecixographical ordering is the same as time ordering.\n *\n * if MessageId of B is larger than message Id of A, then B is created after A\n * if the last read message is created after the message A is sent, then user should have read message A as well */\nexport default (\n  message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage,\n  readReceiptsBySenderId: ReadReceiptsBySenderId\n): { id: string; displayName: string }[] => {\n  return (\n    Object.entries(readReceiptsBySenderId)\n      // Filter to only read receipts that match the message OR the participant has read a different message after this message has been created\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .filter(([_, readReceipt]) => readReceipt.lastReadMessage >= message.messageId)\n      // make sure the person is not removed from chat\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .filter(([_, readReceipt]) => readReceipt.displayName && readReceipt.displayName !== '')\n      // Map properties to useful array\n      .map(([id, readReceipt]) => ({ id, displayName: readReceipt.displayName }))\n  );\n};\n"]}
+{"version":3,"file":"getParticipantsWhoHaveReadMessage.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/getParticipantsWhoHaveReadMessage.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;mHAamH;AACnH,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAC/C,OAAoB,EACpB,sBAA8C,EACP,EAAE;IACzC,OAAO,CACL,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;QACpC,0IAA0I;QAC1I,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,eAAe,IAAI,OAAO,CAAC,SAAS,CAAC;QAC/E,gDAAgD;QAChD,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,WAAW,KAAK,EAAE,CAAC;QACxF,iCAAiC;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAC9E,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { ChatMessage, ReadReceiptsBySenderId } from '../..';\n\n/**\n * @private\n *logic: Looking at message A, how do we know it's read number?\n * Assumption: if user read the latest message, user has read all messages before that\n * ReadReceipt behaviour: read receipt is only sent to the last message\n *\n * If participant read a message that is sent later than message A, then the participant has read message A\n * How do we check if the message is sent later than message A?\n * We compare if the messageID of the last read message is larger than or equal to the message A's id\n * Because messageID is the creation timestamp of each message\n * Timestamps are in epoch time so lecixographical ordering is the same as time ordering.\n *\n * if MessageId of B is larger than message Id of A, then B is created after A\n * if the last read message is created after the message A is sent, then user should have read message A as well */\nexport const getParticipantsWhoHaveReadMessage = (\n  message: ChatMessage,\n  readReceiptsBySenderId: ReadReceiptsBySenderId\n): { id: string; displayName: string }[] => {\n  return (\n    Object.entries(readReceiptsBySenderId)\n      // Filter to only read receipts that match the message OR the participant has read a different message after this message has been created\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .filter(([_, readReceipt]) => readReceipt.lastReadMessage >= message.messageId)\n      // make sure the person is not removed from chat\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .filter(([_, readReceipt]) => readReceipt.displayName && readReceipt.displayName !== '')\n      // Map properties to useful array\n      .map(([id, readReceipt]) => ({ id, displayName: readReceipt.displayName }))\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/index.d.ts

@@ -8,5 +8,4 @@ export * from './theming';
 export { _PermissionsProvider, presenterPermissions, consumerPermissions, _usePermissions, _getPermissions } from './permissions';
 export type { _Permissions, _PermissionsProviderProps, Role } from './permissions';
 export type { BaseCustomStyles, CallParticipantListParticipant, ChatMessage, CommunicationParticipant, ContentSystemMessage, CreateVideoStreamViewResult, CustomAvatarOptions, CustomMessage, Message, MessageAttachedStatus, MessageCommon, MessageContentType, OnRenderAvatarCallback, ParticipantAddedSystemMessage, ParticipantListParticipant, ParticipantRemovedSystemMessage, ParticipantState, ReadReceiptsBySenderId, SystemMessage, SystemMessageCommon, TopicUpdatedSystemMessage, VideoGalleryLocalParticipant, VideoGalleryParticipant, VideoGalleryRemoteParticipant, VideoGalleryStream, VideoStreamOptions, ViewScalingMode } from './types';
-export type { BlockedMessage } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-components/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../react-components/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,cAAc,WAAW,CAAC;AAE1B,wCAAwC;AACxC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './components';\nexport { _IdentifierProvider } from './identifiers';\nexport type { _Identifiers, _IdentifierProviderProps } from './identifiers';\nexport * from './localization/locales';\nexport { LocalizationProvider } from './localization';\nexport type { ComponentStrings, ComponentLocale, LocalizationProviderProps } from './localization';\nexport * from './theming';\n\n/* @conditional-compile-remove(rooms) */\nexport {\n  _PermissionsProvider,\n  presenterPermissions,\n  consumerPermissions,\n  _usePermissions,\n  _getPermissions\n} from './permissions';\n/* @conditional-compile-remove(rooms) */\nexport type { _Permissions, _PermissionsProviderProps, Role } from './permissions';\n\nexport type {\n  BaseCustomStyles,\n  CallParticipantListParticipant,\n  ChatMessage,\n  CommunicationParticipant,\n  ContentSystemMessage,\n  CreateVideoStreamViewResult,\n  CustomAvatarOptions,\n  CustomMessage,\n  Message,\n  MessageAttachedStatus,\n  MessageCommon,\n  MessageContentType,\n  OnRenderAvatarCallback,\n  ParticipantAddedSystemMessage,\n  ParticipantListParticipant,\n  ParticipantRemovedSystemMessage,\n  ParticipantState,\n  ReadReceiptsBySenderId,\n  SystemMessage,\n  SystemMessageCommon,\n  TopicUpdatedSystemMessage,\n  VideoGalleryLocalParticipant,\n  VideoGalleryParticipant,\n  VideoGalleryRemoteParticipant,\n  VideoGalleryStream,\n  VideoStreamOptions,\n  ViewScalingMode\n} from './types';\n\n/* @conditional-compile-remove(data-loss-prevention) */\nexport type { BlockedMessage } from './types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../react-components/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,cAAc,WAAW,CAAC;AAE1B,wCAAwC;AACxC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './components';\nexport { _IdentifierProvider } from './identifiers';\nexport type { _Identifiers, _IdentifierProviderProps } from './identifiers';\nexport * from './localization/locales';\nexport { LocalizationProvider } from './localization';\nexport type { ComponentStrings, ComponentLocale, LocalizationProviderProps } from './localization';\nexport * from './theming';\n\n/* @conditional-compile-remove(rooms) */\nexport {\n  _PermissionsProvider,\n  presenterPermissions,\n  consumerPermissions,\n  _usePermissions,\n  _getPermissions\n} from './permissions';\n/* @conditional-compile-remove(rooms) */\nexport type { _Permissions, _PermissionsProviderProps, Role } from './permissions';\n\nexport type {\n  BaseCustomStyles,\n  CallParticipantListParticipant,\n  ChatMessage,\n  CommunicationParticipant,\n  ContentSystemMessage,\n  CreateVideoStreamViewResult,\n  CustomAvatarOptions,\n  CustomMessage,\n  Message,\n  MessageAttachedStatus,\n  MessageCommon,\n  MessageContentType,\n  OnRenderAvatarCallback,\n  ParticipantAddedSystemMessage,\n  ParticipantListParticipant,\n  ParticipantRemovedSystemMessage,\n  ParticipantState,\n  ReadReceiptsBySenderId,\n  SystemMessage,\n  SystemMessageCommon,\n  TopicUpdatedSystemMessage,\n  VideoGalleryLocalParticipant,\n  VideoGalleryParticipant,\n  VideoGalleryRemoteParticipant,\n  VideoGalleryStream,\n  VideoStreamOptions,\n  ViewScalingMode\n} from './types';\n"]}

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

@@ -5,8 +5,7 @@
         "removeButtonLabel": "Entfernen",
         "sharingIconLabel": "Teilen",
         "mutedIconLabel": "Stumm geschaltet",
-        "displayNamePlaceholder": "Unbenannter Teilnehmer",
-        "participantStateConnecting": "Anrufen...",
+        "displayNamePlaceholder": "Teilnehmer ohne Namen",
         "participantStateRinging": "Anrufen...",
         "participantStateHold": "In der Warteschleife"
     },
@@ -54,7 +53,10 @@
         "onSplitButtonAriaLabel": "Kamera und Kameraoptionen deaktivieren",
         "offSplitButtonAriaLabel": "Kamera und Kameraoptionen aktivieren",
         "cameraActionTurnedOnAnnouncement": "Ihre Kamera wurde eingeschaltet.",
-        "cameraActionTurnedOffAnnouncement": "Ihre Kamera wurde ausgeschaltet."
+        "cameraActionTurnedOffAnnouncement": "Ihre Kamera wurde ausgeschaltet.",
+        "onSplitButtonPrimaryActionCamera": "Kamera ausschalten",
+        "offSplitButtonPrimaryActionCamera": "Kamera einschalten",
+        "cameraPrimaryActionSplitButtonTitle": "Kamera verwenden"
     },
     "microphoneButton": {
         "onLabel": "Stumm schalten",
@@ -70,7 +72,10 @@
         "onSplitButtonAriaLabel": "Mikrofon- und Audiooptionen stummschalten",
         "offSplitButtonAriaLabel": "Stummschaltung von Mikrofon- und Audiooptionen aufheben",
         "microphoneActionTurnedOnAnnouncement": "Ihr Mikrofon wurde eingeschaltet.",
-        "microphoneActionTurnedOffAnnouncement": "Ihr Mikrofon wurde ausgeschaltet."
+        "microphoneActionTurnedOffAnnouncement": "Ihr Mikrofon wurde ausgeschaltet.",
+        "offSplitButtonMicrophonePrimaryAction": "Mikrofonstummschaltung aufheben",
+        "onSplitButtonMicrophonePrimaryAction": "Mikrofon stummschalten",
+        "micPrimaryActionSplitButtonTitle": "Mikrofon verwenden"
     },
     "devicesButton": {
         "label": "Geräte",
@@ -90,7 +95,8 @@
         "menuHeader": "In diesem Anruf",
         "participantsListButtonLabel": "{numParticipants} Personen",
         "muteAllButtonLabel": "Alle stumm schalten",
-        "copyInviteLinkButtonLabel": "Einladungslink kopieren"
+        "copyInviteLinkButtonLabel": "Einladungslink kopieren",
+        "copyInviteLinkActionedAriaLabel": "Einladungslink kopiert"
     },
     "screenShareButton": {
         "onLabel": "Präsentation beenden",
@@ -146,11 +152,13 @@
         "callNoSpeakerFound": "Keine Lautsprecher oder Kopfhörer gefunden. Schließen Sie ein Audiogerät an, um den Anruf zu hören.",
         "callNoMicrophoneFound": "Es wurden keine Mikrofone gefunden. Schließen Sie ein Audioeingabegerät an.",
         "callMicrophoneAccessDenied": "Auf das Mikrofon kann nicht zugegriffen werden. Klicken Sie auf die Sperre in der Adressleiste, um dieser Webseite Berechtigungen zu erteilen.",
+        "callMicrophoneAccessDeniedSafari": "Auf das Mikrofon kann nicht zugegriffen werden. Aktualisieren Sie die Seite, um Berechtigungen zuzulassen, oder überprüfen Sie die Einstellungen dieses Browsers, und stellen Sie sicher, dass die Berechtigungen für diese Website aktiviert sind.",
         "callMicrophoneMutedBySystem": "Sie werden von Ihrem System stummgeschaltet.",
         "callMicrophoneUnmutedBySystem": "Ihr Mikrofon wurde wiederhergestellt, und Ihr System hat die Stummschaltung aufgehoben.",
         "callMacOsMicrophoneAccessDenied": "Auf das Mikrofon kann nicht zugegriffen werden. Erteilen Sie die Mikrofonberechtigung in Ihren macOS-Datenschutzeinstellungen.",
         "callLocalVideoFreeze": "Die Netzwerkbandbreite ist schlecht. Ihr Video wird möglicherweise für andere Personen während des Anrufs angehalten angezeigt.",
         "callCameraAccessDenied": "Auf die Kamera kann nicht zugegriffen werden. Klicken Sie auf die Sperre in der Adressleiste, um dieser Webseite Berechtigungen zu erteilen.",
+        "callCameraAccessDeniedSafari": "Auf die Kamera kann nicht zugegriffen werden. Aktualisieren Sie die Seite, um Berechtigungen zuzulassen, oder überprüfen Sie die Einstellungen dieses Browsers, und stellen Sie sicher, dass die Berechtigungen für diese Website aktiviert sind.",
         "callCameraAlreadyInUse": "Auf die Kamera kann nicht zugegriffen werden. Sie wird möglicherweise bereits von einer anderen Anwendung verwendet.",
         "callVideoStoppedBySystem": "Ihr Video wurde von Ihrem System beendet.",
         "callVideoRecoveredBySystem": "Ihr Video wurde fortgesetzt.",
@@ -158,7 +166,9 @@
         "callMacOsScreenShareAccessDenied": "MacOS blockiert die Bildschirmfreigabe. Aktualisieren Sie Ihre Datenschutzeinstellungen, damit dieser Browser Ihren Bildschirm aufzeichnen kann.",
         "dismissButtonAriaLabel": "Schließen",
         "failedToJoinCallGeneric": "Fehler bei der Teilnahme am Anruf.",
-        "failedToJoinCallInvalidMeetingLink": "Teilnahme an Besprechung nicht möglich. Ungültiger Link."
+        "failedToJoinCallInvalidMeetingLink": "Teilnahme an Besprechung nicht möglich. Ungültiger Link.",
+        "startScreenSharingGeneric": "Beim Starten der Bildschirmfreigabe ist ein Problem aufgetreten.",
+        "cameraFrozenForRemoteParticipants": "Benutzer im Anruf haben Probleme, Ihr Video zu sehen. Überprüfen Sie Ihre Geräte und Ihr Netzwerk."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Sie teilen Ihren Bildschirm",
@@ -167,7 +177,16 @@
         "localVideoCameraSwitcherLabel": "Kamera wechseln",
         "localVideoMovementLabel": "Verschiebbare lokale Videokachel",
         "localVideoSelectedDescription": "{cameraName} ausgewählt",
-        "displayNamePlaceholder": "Unbenannter Teilnehmer"
+        "displayNamePlaceholder": "Teilnehmer ohne Namen",
+        "fitRemoteParticipantToFrame": "An Rahmen anpassen",
+        "fillRemoteParticipantFrame": "Rahmen ausfüllen",
+        "pinParticipantForMe": "Für mich anheften",
+        "pinParticipantForMeLimitReached": "Anheften (Limit erreicht)",
+        "unpinParticipantForMe": "Lösen",
+        "pinParticipantMenuItemAriaLabel": "{participantName} anheften",
+        "unpinParticipantMenuItemAriaLabel": "{participantName} lösen",
+        "pinnedParticipantAnnouncementAriaLabel": "{participantName} angeheftet",
+        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} gelöst"
     },
     "dialpad": {
         "placeholderText": "Telefonnummer eingeben",
@@ -180,20 +199,102 @@
         "tooltipOffContent": "Anruf halten"
     },
     "videoTile": {
-        "participantStateConnecting": "Anrufen...",
         "participantStateRinging": "Anrufen...",
         "participantStateHold": "In der Warteschleife"
     },
-    "SitePermissions": {
+    "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "Zulassen, dass {appName} Ihre Kamera und Ihr Mikrofon verwendet",
         "secondaryText": "So können die Teilnehmer Sie sehen und hören.",
         "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung",
-        "primaryButtonText": "Zugriff erlauben"
+        "primaryButtonText": "Ohne Kamera und Mikrofon fortfahren",
+        "ariaLabel": "Zugriff auf Kamera und Mikrofon zulassen"
+    },
+    "CameraSitePermissionsRequest": {
+        "primaryText": "{appName} die Verwendung Ihrer Kamera erlauben",
+        "secondaryText": "So können die Teilnehmer Sie sehen.",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung",
+        "primaryButtonText": "Ohne Kamera fortfahren",
+        "ariaLabel": "Kamerazugriff zulassen"
+    },
+    "MicrophoneSitePermissionsRequest": {
+        "primaryText": "{appName} die Verwendung Ihres Mikrofons erlauben",
+        "secondaryText": "So können die Teilnehmer Sie hören.",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung",
+        "primaryButtonText": "Ohne Mikrofon fortfahren",
+        "ariaLabel": "Mikrofonzugriff zulassen"
+    },
+    "CameraAndMicrophoneSitePermissionsCheck": {
+        "primaryText": "Überprüfen des Kamera- und Mikrofonzugriffs",
+        "secondaryText": "Zugriff bei Aufforderung zulassen. Dies ist so, dass Teilnehmer Sie sehen und hören können.",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung",
+        "primaryButtonText": "Ohne Kamera und Mikrofon fortfahren",
+        "ariaLabel": "Überprüfen des Kamera- und Mikrofonzugriffs. Erlauben Sie den Zugriff, wenn Sie aufgefordert werden."
+    },
+    "CameraSitePermissionsCheck": {
+        "primaryText": "Überprüfung des Kamerazugriffs",
+        "secondaryText": "Zugriff bei Aufforderung zulassen. Dies ist so, dass Teilnehmer Sie sehen können.",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung",
+        "primaryButtonText": "Ohne Kamera fortfahren",
+        "ariaLabel": "Überprüfen des Kamerazugriffs. Erlauben Sie den Zugriff, wenn Sie aufgefordert werden."
+    },
+    "MicrophoneSitePermissionsCheck": {
+        "primaryText": "Überprüfen des Mikrofonzugriffs",
+        "secondaryText": "Zugriff bei Aufforderung zulassen. Dies ist so, dass Teilnehmer Sie hören können.",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung",
+        "primaryButtonText": "Ohne Mikrofon fortfahren",
+        "ariaLabel": "Der Mikrofonzugriff wird überprüft. Erlauben Sie den Zugriff, wenn Sie aufgefordert werden."
+    },
+    "CameraAndMicrophoneSitePermissionsDenied": {
+        "primaryText": "Auf Kamera und Mikrofon kann nicht zugegriffen werden",
+        "secondaryText": "Klicken Sie auf das Schlosssymbol in der Adressleiste, um dieser Webseite Mikrofonberechtigungen zu erteilen. Möglicherweise ist eine Seitenaktualisierung erforderlich.",
+        "primaryButtonText": "Ohne Kamera und Mikrofon fortfahren",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung"
+    },
+    "CameraAndMicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "Auf Kamera und Mikrofon kann nicht zugegriffen werden",
+        "secondaryText": "Aktualisieren Sie die Seite, um Berechtigungen zuzulassen, oder überprüfen Sie die Einstellungen dieses Browsers und stellen Sie sicher, dass die Berechtigungen für diese Website aktiviert sind.",
+        "primaryButtonText": "Ohne Kamera und Mikrofon fortfahren",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung"
+    },
+    "CameraSitePermissionsDenied": {
+        "primaryText": "Auf die Kamera kann nicht zugegriffen werden",
+        "secondaryText": "Klicken Sie auf das Schlosssymbol in der Adressleiste, um dieser Webseite Kameraberechtigungen zu erteilen. Möglicherweise ist eine Seitenaktualisierung erforderlich.",
+        "primaryButtonText": "Ohne Kamera fortfahren",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung"
+    },
+    "MicrophoneSitePermissionsDenied": {
+        "primaryText": "Auf das Mikrofon kann nicht zugegriffen werden",
+        "secondaryText": "Klicken Sie auf das Schlosssymbol in der Adressleiste, um dieser Webseite Mikrofonberechtigungen zu erteilen. Möglicherweise ist eine Seitenaktualisierung erforderlich.",
+        "primaryButtonText": "Ohne Mikrofon fortfahren",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung"
+    },
+    "CameraSitePermissionsDeniedSafari": {
+        "primaryText": "Auf die Kamera kann nicht zugegriffen werden",
+        "secondaryText": "Aktualisieren Sie die Seite, um Berechtigungen zuzulassen, oder überprüfen Sie die Einstellungen dieses Browsers und stellen Sie sicher, dass die Berechtigungen für diese Website aktiviert sind.",
+        "primaryButtonText": "Ohne Kamera fortfahren",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung"
+    },
+    "MicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "Auf das Mikrofon kann nicht zugegriffen werden",
+        "secondaryText": "Aktualisieren Sie die Seite, um Berechtigungen zuzulassen, oder überprüfen Sie die Einstellungen dieses Browsers und stellen Sie sicher, dass die Berechtigungen für diese Website aktiviert sind.",
+        "primaryButtonText": "Ohne Mikrofon fortfahren",
+        "linkText": "Benötigen Sie Hilfe? Hilfe zur Problembehandlung"
     },
     "UnsupportedBrowser": {
         "primaryText": "Der Browser wird nicht unterstützt.",
         "secondaryText": "Bitte nehmen Sie über einen kompatiblen Browser an diesem Anruf teil.",
-        "moreHelpLink": "Weitere Hilfe"
+        "moreHelpLinkText": "Kompatibilitätsanforderungen anzeigen"
+    },
+    "UnsupportedBrowserVersion": {
+        "primaryText": "Browserupdate erforderlich",
+        "secondaryText": "Um einen optimalen Anruf zu gewährleisten, aktualisieren Sie Ihren Browser, und versuchen Sie dann erneut, an dem Anruf teilzunehmen.",
+        "moreHelpLinkText": "Kompatibilitätsanforderungen anzeigen",
+        "continueAnywayButtonText": "Anruf ohne Aktualisierung starten"
+    },
+    "UnsupportedOperatingSystem": {
+        "primaryText": "Das Betriebssystem wird nicht unterstützt.",
+        "secondaryText": "Nehmen Sie an diesem Anruf teil, indem Sie ein Gerät mit einem kompatiblen Betriebssystem verwenden.",
+        "moreHelpLinkText": "Kompatibilitätsanforderungen anzeigen"
     },
     "BrowserPermissionDenied": {
         "primaryText": "Kamera oder Mikrofon kann nicht verwendet werden",
@@ -215,5 +316,9 @@
         "step2DigitText": "2",
         "step3DigitText": "3",
         "step4DigitText": "4"
+    },
+    "VerticalGallery": {
+        "leftNavButtonAriaLabel": "Vorherige Seite",
+        "rightNavButtonAriaLabel": "Nächste Seite"
     }
 }

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

@@ -6,7 +6,6 @@
         "sharingIconLabel": "Sharing",
         "mutedIconLabel": "Muted",
         "displayNamePlaceholder": "Unnamed participant",
-        "participantStateConnecting": "Calling...",
         "participantStateRinging": "Calling...",
         "participantStateHold": "On hold"
     },
@@ -54,7 +53,10 @@
         "onSplitButtonAriaLabel": "Turn off camera and camera options",
         "offSplitButtonAriaLabel": "Turn on camera and camera options",
         "cameraActionTurnedOnAnnouncement": "Your camera has been turned on",
-        "cameraActionTurnedOffAnnouncement": "Your camera has been turned off"
+        "cameraActionTurnedOffAnnouncement": "Your camera has been turned off",
+        "onSplitButtonPrimaryActionCamera": "Turn off camera",
+        "offSplitButtonPrimaryActionCamera": "Turn on camera",
+        "cameraPrimaryActionSplitButtonTitle": "Use camera"
     },
     "microphoneButton": {
         "onLabel": "Mute",
@@ -70,7 +72,10 @@
         "onSplitButtonAriaLabel": "Mute microphone and audio options",
         "offSplitButtonAriaLabel": "Unmute microphone and audio options",
         "microphoneActionTurnedOnAnnouncement": "Your microphone has been turned on",
-        "microphoneActionTurnedOffAnnouncement": "Your microphone has been turned off"
+        "microphoneActionTurnedOffAnnouncement": "Your microphone has been turned off",
+        "offSplitButtonMicrophonePrimaryAction": "Unmute microphone",
+        "onSplitButtonMicrophonePrimaryAction": "Mute microphone",
+        "micPrimaryActionSplitButtonTitle": "Use microphone"
     },
     "devicesButton": {
         "label": "Devices",
@@ -90,7 +95,8 @@
         "menuHeader": "In this call",
         "participantsListButtonLabel": "{numParticipants} people",
         "muteAllButtonLabel": "Mute all",
-        "copyInviteLinkButtonLabel": "Copy invite link"
+        "copyInviteLinkButtonLabel": "Copy invite link",
+        "copyInviteLinkActionedAriaLabel": "Invite link copied"
     },
     "screenShareButton": {
         "onLabel": "Stop presenting",
@@ -146,11 +152,13 @@
         "callNoSpeakerFound": "No speakers or headphones found. Connect an audio device to hear the call.",
         "callNoMicrophoneFound": "No microphones found. Connect an audio input device.",
         "callMicrophoneAccessDenied": "Unable to access microphone. Click the lock in the address bar to grant permission to this webpage.",
+        "callMicrophoneAccessDeniedSafari": "Unable to access microphone. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",
         "callMicrophoneMutedBySystem": "You are muted by your system.",
         "callMicrophoneUnmutedBySystem": "Your microphone recovered and you were unmuted by your system.",
         "callMacOsMicrophoneAccessDenied": "Unable to access microphone. Grant microphone permission in your macOS privacy settings.",
         "callLocalVideoFreeze": "Network bandwidth is poor. Your video may appear paused for others on the call.",
         "callCameraAccessDenied": "Unable to access camera. Click the lock in the address bar to grant permission to this webpage.",
+        "callCameraAccessDeniedSafari": "Unable to access camera. Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",
         "callCameraAlreadyInUse": "Unable to access camera. It may already be in use by another application.",
         "callVideoStoppedBySystem": "Your video has been stopped by your system.",
         "callVideoRecoveredBySystem": "Your video has resumed.",
@@ -158,7 +166,9 @@
         "callMacOsScreenShareAccessDenied": "MacOS is blocking screen sharing. Update your privacy settings to allow this browser to record your screen.",
         "dismissButtonAriaLabel": "Close",
         "failedToJoinCallGeneric": "Failed to join call.",
-        "failedToJoinCallInvalidMeetingLink": "Unable to join Meeting. Invalid Link."
+        "failedToJoinCallInvalidMeetingLink": "Unable to join Meeting. Invalid Link.",
+        "startScreenSharingGeneric": "There was an issue starting screen share.",
+        "cameraFrozenForRemoteParticipants": "Users in the call are having issues seeing your video. Please check your devices and network."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "You are sharing your screen",
@@ -167,7 +177,16 @@
         "localVideoCameraSwitcherLabel": "Switch camera",
         "localVideoMovementLabel": "Movable Local Video Tile",
         "localVideoSelectedDescription": "{cameraName} selected",
-        "displayNamePlaceholder": "Unnamed participant"
+        "displayNamePlaceholder": "Unnamed participant",
+        "fitRemoteParticipantToFrame": "Fit to frame",
+        "fillRemoteParticipantFrame": "Fill frame",
+        "pinParticipantForMe": "Pin for me",
+        "pinParticipantForMeLimitReached": "Pin (limit reached)",
+        "unpinParticipantForMe": "Unpin",
+        "pinParticipantMenuItemAriaLabel": "Pin {participantName}",
+        "unpinParticipantMenuItemAriaLabel": "Unpin {participantName}",
+        "pinnedParticipantAnnouncementAriaLabel": "Pinned {participantName}",
+        "unpinnedParticipantAnnouncementAriaLabel": "Unpinned {participantName}"
     },
     "dialpad": {
         "placeholderText": "Enter phone number",
@@ -180,20 +199,102 @@
         "tooltipOffContent": "Hold call"
     },
     "videoTile": {
-        "participantStateConnecting": "Calling...",
         "participantStateRinging": "Calling...",
         "participantStateHold": "On hold"
     },
-    "SitePermissions": {
+    "CameraAndMicrophoneSitePermissionsRequest": {
         "primaryText": "Allow {appName} to use your camera and microphone",
         "secondaryText": "This is so participants can see and hear you.",
         "linkText": "Need help? Get troubleshooting help",
-        "primaryButtonText": "Allow Access"
+        "primaryButtonText": "Continue without camera and microphone",
+        "ariaLabel": "Allow camera and microphone access"
+    },
+    "CameraSitePermissionsRequest": {
+        "primaryText": "Allow {appName} to use your camera",
+        "secondaryText": "This is so participants can see you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without camera",
+        "ariaLabel": "Allow camera access"
+    },
+    "MicrophoneSitePermissionsRequest": {
+        "primaryText": "Allow {appName} to use your microphone",
+        "secondaryText": "This is so participants can hear you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without microphone",
+        "ariaLabel": "Allow microphone access"
+    },
+    "CameraAndMicrophoneSitePermissionsCheck": {
+        "primaryText": "Checking for camera and microphone access",
+        "secondaryText": "Allow access if prompted. This is so participants can see and hear you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without camera and microphone",
+        "ariaLabel": "Checking for camera and microphone access. Allow access if prompted."
+    },
+    "CameraSitePermissionsCheck": {
+        "primaryText": "Checking for camera access",
+        "secondaryText": "Allow access if prompted. This is so participants can see you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without camera",
+        "ariaLabel": "Checking for camera access. Allow access if prompted."
+    },
+    "MicrophoneSitePermissionsCheck": {
+        "primaryText": "Checking for microphone access",
+        "secondaryText": "Allow access if prompted. This is so participants can hear you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without microphone",
+        "ariaLabel": "Checking for microphone access. Allow access if prompted."
+    },
+    "CameraAndMicrophoneSitePermissionsDenied": {
+        "primaryText": "Unable to access camera and microphone",
+        "secondaryText": "Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",
+        "primaryButtonText": "Continue without camera and microphone",
+        "linkText": "Need help? Get troubleshooting help"
+    },
+    "CameraAndMicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "Unable to access camera and microphone",
+        "secondaryText": "Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",
+        "primaryButtonText": "Continue without camera and microphone",
+        "linkText": "Need help? Get troubleshooting help"
+    },
+    "CameraSitePermissionsDenied": {
+        "primaryText": "Unable to access camera",
+        "secondaryText": "Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",
+        "primaryButtonText": "Continue without camera",
+        "linkText": "Need help? Get troubleshooting help"
+    },
+    "MicrophoneSitePermissionsDenied": {
+        "primaryText": "Unable to access microphone",
+        "secondaryText": "Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",
+        "primaryButtonText": "Continue without microphone",
+        "linkText": "Need help? Get troubleshooting help"
+    },
+    "CameraSitePermissionsDeniedSafari": {
+        "primaryText": "Unable to access camera",
+        "secondaryText": "Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",
+        "primaryButtonText": "Continue without camera",
+        "linkText": "Need help? Get troubleshooting help"
+    },
+    "MicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "Unable to access microphone",
+        "secondaryText": "Refresh the page to allow permissions, or check this browser’s settings and verify permissions are enabled for this website.",
+        "primaryButtonText": "Continue without microphone",
+        "linkText": "Need help? Get troubleshooting help"
     },
     "UnsupportedBrowser": {
         "primaryText": "Browser not supported",
         "secondaryText": "Please join this call using a compatible browser.",
-        "moreHelpLink": "More help"
+        "moreHelpLinkText": "See compatibility requirements"
+    },
+    "UnsupportedBrowserVersion": {
+        "primaryText": "Browser update needed",
+        "secondaryText": "To ensure the best call possible, please update your browser and then try joining the call again.",
+        "moreHelpLinkText": "See compatibility requirements",
+        "continueAnywayButtonText": "Start call without updating"
+    },
+    "UnsupportedOperatingSystem": {
+        "primaryText": "Operating system not supported",
+        "secondaryText": "Please join this call using a device with a compatible operating system.",
+        "moreHelpLinkText": "See compatibility requirements"
     },
     "BrowserPermissionDenied": {
         "primaryText": "Can't use your camera or microphone",
@@ -215,5 +316,9 @@
         "step2DigitText": "2",
         "step3DigitText": "3",
         "step4DigitText": "4"
+    },
+    "VerticalGallery": {
+        "leftNavButtonAriaLabel": "previous page",
+        "rightNavButtonAriaLabel": "next page"
     }
 }

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

@@ -132,9 +132,7 @@
         "editBoxSubmitButton": "Submit",
         "messageReadCount": "Read by {messageReadByCount} of {remoteParticipantsCount}",
         "actionMenuMoreOptions": "More Options",
-        "downloadFile": "Download file",
-        "blockedWarningText": "This message was deleted due to organizational policy.",
-        "blockedWarningLinkText": "Details"
+        "downloadFile": "Download file"
     },
     "errorBar": {
         "unableToReachChatService": "You are offline",