@azure/communication-react 1.7.0-beta.2 → 1.7.0

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

@@ -152,34 +152,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":["../../../../../../preprocess-dist/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 { CSSProperties } from 'react';\nimport { MESSAGE_STATUS_INDICATOR_SIZE_REM } from './MessageStatusIndicator.styles';\nimport { ComponentSlotStyle } from '../../types';\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    '& msft-mention': {\n      color: '#D83B01',\n      fontWeight: 600\n    }\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',\n    // Add !important to make sure it won't be overridden by style defined in element\n    height: 'auto !important'\n  },\n  '& video': {\n    maxWidth: '100% !important',\n    // 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    '& tr': {\n      border: `1px solid ${theme.palette.neutralQuaternary}`,\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  '& i': {\n    paddingTop: '0.25rem'\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  '& 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}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 => 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': {\n    background: 'none'\n  },\n  '&:active': {\n    background: 'none'\n  }\n});\n\n/**\n * @private\n */\nexport const DownIconStyle = mergeStyles({\n  marginRight: '0.5em'\n});"]}
+{"version":3,"file":"MessageThread.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/MessageThread.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAiB,WAAW,EAAS,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAE,iCAAiC,EAAE,MAAM,iCAAiC,CAAC;AAGpF,sFAAsF;AACtF,8CAA8C;AAC9C,MAAM,oCAAoC,GAAG,IAAI,CAAC;AAElD,sEAAsE;AACtE,yEAAyE;AACzE,oFAAoF;AACpF,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,sBAAsB,GAAG,GAAG,CAAC;AACnC,MAAM,gCAAgC,GAAG,CAAC,CAAC;AAE3C,gFAAgF;AAChF,MAAM,0BAA0B,GAAG,KAAK,CAAC;AACzC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,sDAAsD;AACtD,MAAM,yBAAyB,GAAG,CAAC,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,WAAW,CAAC;IACrD,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,4EAA4E;IAC5E,4DAA4D;IAC5D,KAAK,EAAE,GAAG,iCAAiC,KAAK;CACjD,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAuB;IAC3C,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,oFAAoF;IACpF,wEAAwE;IACxE,MAAM,EAAE,MAAM;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,WAAW,CAAC;IACxD,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,yBAAyB;IACjC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,QAAQ;CAChB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAkB;IAC7C,SAAS,EAAE,QAAQ;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,uBAAgC,EAAsB,EAAE;IACtG,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,sBAAsB,CAAC;IACxG,OAAO;QACL,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,GAAG,gBAAgB,KAAK;QACpC,KAAK,EAAE,eAAe,gBAAgB,GAAG,gCAAgC,GAAG,gBAAgB,MAAM;QAClG,MAAM,EAAE,mBAAmB;QAC3B,gBAAgB,EAAE;YAChB,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,GAAG;SAChB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAuB;IAC/D,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,GAAG,oCAAoC,KAAK;IACtD,UAAU,EAAE,MAAM;IAClB,kGAAkG;IAClG,MAAM,EAAE,uBAAuB;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,mCACpC,+BAA+B,KAClC,eAAe,EAAE,sBAAsB,GACxC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAY,EAAsB,EAAE,CAAC,CAAC;IAChF,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,GAAG,oCAAoC,KAAK;IACtD,WAAW,EAAE,MAAM;IACnB,OAAO,EAAE;QACP,QAAQ,EAAE,iBAAiB;QAC3B,iFAAiF;QACjF,MAAM,EAAE,iBAAiB;KAC1B;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,iBAAiB;QAC3B,iFAAiF;QACjF,MAAM,EAAE,iBAAiB;KAC1B;IACD,KAAK,EAAE;QACL,yDAAyD;QACzD,gFAAgF;QAChF,WAAW,EAAE,UAAU;KACxB;IACD,cAAc,EAAE;QACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;QACpC,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,iBAAiB;QAC5C,eAAe,EAAE,KAAK;KACvB;IACD,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;QACpC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,iBAAiB;QACvC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE;YACN,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,iBAAiB,EAAE;YACtD,MAAM,EAAE;gBACN,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,iBAAiB,EAAE;gBACtD,SAAS,EAAE,QAAQ;gBACnB,OAAO,EAAE,SAAS;aACnB;SACF;KACF;IACD,kGAAkG;IAClG,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAuB;IAClD,KAAK,EAAE,GAAG,gBAAgB,KAAK;IAC/B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,aAAa;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,mCAC9B,gBAAgB,KACnB,UAAU,EAAE,QAAQ;IACpB,wDAAwD;IACxD,wDAAwD;IACxD,MAAM,EAAE,CAAC,GACV,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAa,EAAU,EAAE,CAAC,WAAW,CAAC;IAChF,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;CACtC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC;IAC/C,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,aAAa;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,WAAW,CAAC;IACxD,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;KACnB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,WAAW,EAAE,OAAO;CACrB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, mergeStyles, Theme } from '@fluentui/react';\nimport { CSSProperties } from 'react';\nimport { MESSAGE_STATUS_INDICATOR_SIZE_REM } from './MessageStatusIndicator.styles';\nimport { ComponentSlotStyle } from '../../types';\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    '& msft-mention': {\n      color: '#D83B01',\n      fontWeight: 600\n    }\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',\n    // Add !important to make sure it won't be overridden by style defined in element\n    height: 'auto !important'\n  },\n  '& video': {\n    maxWidth: '100% !important',\n    // 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    '& tr': {\n      border: `1px solid ${theme.palette.neutralQuaternary}`,\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 * @private\n */\nexport const gutterWithAvatar: ComponentSlotStyle = {\n  width: `${AVATAR_WIDTH_REM}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 => 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': {\n    background: 'none'\n  },\n  '&:active': {\n    background: 'none'\n  }\n});\n\n/**\n * @private\n */\nexport const DownIconStyle = mergeStyles({\n  marginRight: '0.5em'\n});"]}

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

@@ -1,14 +1,10 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-/* @conditional-compile-remove(file-sharing) */
-import { useLocale } from '../../localization';
 /**
  * Conditionally modify locale strings passed to the file card
  * @returns file upload card strings
  */
 export const useLocaleFileCardStringsTrampoline = () => {
-    /* @conditional-compile-remove(file-sharing) */
-    return useLocale().strings.sendBox;
     return {
         removeFile: '',
         uploadCompleted: '',

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

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,+CAA+C;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C;;;GAGG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,GAA4B,EAAE;IAC9E,+CAA+C;IAC/C,OAAO,SAAS,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IACnC,OAAO;QACL,UAAU,EAAE,EAAE;QACd,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE;KACd,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,gBAAmC,EAAW,EAAE;IAC/F,OAAO,CAAC,CAAC,gBAAgB,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAClH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _FileUploadCardsStrings } from '../FileUploadCards';\n/* @conditional-compile-remove(file-sharing) */\nimport { useLocale } from '../../localization';\nimport { ParticipantState } from '../../types';\n\n/**\n * Conditionally modify locale strings passed to the file card\n * @returns file upload card strings\n */\nexport const useLocaleFileCardStringsTrampoline = (): _FileUploadCardsStrings => {\n  /* @conditional-compile-remove(file-sharing) */\n  return useLocale().strings.sendBox;\n  return {\n    removeFile: '',\n    uploadCompleted: '',\n    uploading: ''\n  };\n};\n\n/**\n * Identify if a participant state if part of the Calling states or Hold states.\n */\nexport const _isParticipantStateCallingOrHold = (participantState?: ParticipantState): boolean => {\n  return !!participantState && ['Idle', 'Connecting', 'EarlyMedia', 'Ringing', 'Hold'].includes(participantState);\n};"]}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC;;;GAGG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,GAA4B,EAAE;IAC9E,OAAO;QACL,UAAU,EAAE,EAAE;QACd,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE;KACd,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,gBAAmC,EAAW,EAAE;IAC/F,OAAO,CAAC,CAAC,gBAAgB,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAClH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _FileUploadCardsStrings } from '../FileUploadCards';\nimport { ParticipantState } from '../../types';\n\n/**\n * Conditionally modify locale strings passed to the file card\n * @returns file upload card strings\n */\nexport const useLocaleFileCardStringsTrampoline = (): _FileUploadCardsStrings => {\n  return {\n    removeFile: '',\n    uploadCompleted: '',\n    uploading: ''\n  };\n};\n\n/**\n * Identify if a participant state if part of the Calling states or Hold states.\n */\nexport const _isParticipantStateCallingOrHold = (participantState?: ParticipantState): boolean => {\n  return !!participantState && ['Idle', 'Connecting', 'EarlyMedia', 'Ringing', 'Hold'].includes(participantState);\n};"]}

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

@@ -1,6 +1,5 @@
 import { ChatMessage, ReadReceiptsBySenderId } from '../..';
-import { BlockedMessage } from '../../types/ChatMessage';
-declare const _default: (message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage, readReceiptsBySenderId: ReadReceiptsBySenderId) => {
+declare const _default: (message: ChatMessage, readReceiptsBySenderId: ReadReceiptsBySenderId) => {
     id: string;
     displayName: string;
 }[];

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

@@ -1 +1 @@
-{"version":3,"file":"getParticipantsWhoHaveReadMessage.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;mHAamH;AACnH,eAAe,CAAC,CAAC,OAA4F,EAAE,sBAA8C,EAGzJ,EAAE;IACJ,OAAO,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;QAC7C,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;QAC3B,EAAE;QACF,WAAW,EAAE,WAAW,CAAC,WAAW;KACrC,CAAC,CAAC,CAAC;AACN,CAAC,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 ((message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */BlockedMessage, readReceiptsBySenderId: ReadReceiptsBySenderId): {\n  id: string;\n  displayName: string;\n}[] => {\n  return 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]) => ({\n    id,\n    displayName: readReceipt.displayName\n  }));\n});"]}
+{"version":3,"file":"getParticipantsWhoHaveReadMessage.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;mHAamH;AACnH,eAAe,CAAC,CAAC,OAAoB,EAAE,sBAA8C,EAGjF,EAAE;IACJ,OAAO,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;QAC7C,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;QAC3B,EAAE;QACF,WAAW,EAAE,WAAW,CAAC,WAAW;KACrC,CAAC,CAAC,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { ChatMessage, ReadReceiptsBySenderId } from '../..';\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 ((message: ChatMessage, readReceiptsBySenderId: ReadReceiptsBySenderId): {\n  id: string;\n  displayName: string;\n}[] => {\n  return 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]) => ({\n    id,\n    displayName: readReceipt.displayName\n  }));\n});"]}

package/dist/dist-esm/react-components/src/identifiers/IdentifierProvider.d.ts

@@ -41,14 +41,6 @@ export interface _Identifiers {
     overflowGalleryRightNavButton: string;
     /** `data-ui-id` value for the video tiles in the horizontal gallery */
     horizontalGalleryVideoTile: string;
-    /** `data-ui-id` value for `VerticalGallery` Component's children video tiles */
-    verticalGalleryVideoTile: string;
-    /** `data-ui-id` value for `VerticalGallery` Component's page counter */
-    verticalGalleryPageCounter: string;
-    /** `data-ui-id` value for `MentionPopover` Component's suggestion list */
-    mentionSuggestionList: string;
-    /** `data-ui-id` value for `MentionPopover` Component's suggestion list item */
-    mentionSuggestionItem: string;
 }
 /**
  * @private

package/dist/dist-esm/react-components/src/identifiers/IdentifierProvider.js

@@ -15,15 +15,7 @@ const defaultIdentifiers = {
     videoTile: 'video-tile',
     overflowGalleryLeftNavButton: 'overflow-gallery-left-nav-button',
     overflowGalleryRightNavButton: 'overflow-gallery-right-nav-button',
-    /* @conditional-compile-remove(vertical-gallery) */
-    verticalGalleryVideoTile: 'vertical-gallery-video-tile',
-    horizontalGalleryVideoTile: 'horizontal-gallery-video-tile',
-    /* @conditional-compile-remove(vertical-gallery) */
-    verticalGalleryPageCounter: 'vertical-gallery-page-counter',
-    /* @conditional-compile-remove(mention) */
-    mentionSuggestionList: 'mention-suggestion-list',
-    /* @conditional-compile-remove(mention) */
-    mentionSuggestionItem: 'mention-suggestion-item'
+    horizontalGalleryVideoTile: 'horizontal-gallery-video-tile'
 };
 /**
  * @private

package/dist/dist-esm/react-components/src/identifiers/IdentifierProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdentifierProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/identifiers/IdentifierProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAyDzD,MAAM,kBAAkB,GAAiB;IACvC,gBAAgB,EAAE,mBAAmB;IACrC,+BAA+B,EAAE,qCAAqC;IACtE,yBAAyB,EAAE,8BAA8B;IACzD,eAAe,EAAE,kBAAkB;IACnC,2BAA2B,EAAE,gCAAgC;IAC7D,sCAAsC,EAAE,4CAA4C;IACpF,cAAc,EAAE,iBAAiB;IACjC,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;IACvB,4BAA4B,EAAE,kCAAkC;IAChE,6BAA6B,EAAE,mCAAmC;IAClE,mDAAmD;IACnD,wBAAwB,EAAE,6BAA6B;IACvD,0BAA0B,EAAE,+BAA+B;IAC3D,mDAAmD;IACnD,0BAA0B,EAAE,+BAA+B;IAC3D,0CAA0C;IAC1C,qBAAqB,EAAE,yBAAyB;IAChD,0CAA0C;IAC1C,qBAAqB,EAAE,yBAAyB;CACjD,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAe,kBAAkB,CAAC,CAAC;AAgBjF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EACJ,WAAW,EACX,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,kBAAkB,IAAG,QAAQ,CAA8B,CAAC;AACvH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\n\n/**\n * Identifiers that can be used to target specific components in a composite.\n *\n * @experimental\n *\n * These identifiers are assigned as `data-ui-id` HTML attribute of the root element of the targeted component.\n *\n * This API is intended for end to end test automation. As such, they are not covered by the API\n * guarantee of the public API. This will remain perenially experimental and compatibility breaking changes\n * may be made at any point.\n *\n * @internal\n */\nexport interface _Identifiers {\n  /** `data-ui-id` value for `SendBox` Component */\n  sendboxTextField: string;\n  /** `data-ui-id` value for `ParticipantButton` Component's People menu item */\n  participantButtonPeopleMenuItem: string;\n  /** `data-ui-id` value for `ParticipantItem` Component's Menu button */\n  participantItemMenuButton: string;\n  /** `data-ui-id` value for `ParticipantList` Component */\n  participantList: string;\n  /** `data-ui-id` value for `ParticipantList` Component's People Button */\n  participantListPeopleButton: string;\n  /** `data-ui-id` value for `ParticipantList` Component's Remove Participant Button */\n  participantListRemoveParticipantButton: string;\n  /** `data-ui-id` value for `MessageThread` components message content */\n  messageContent: string;\n  /** `data-ui-id` value for `MessageThread` components message timestamp */\n  messageTimestamp: string;\n  /** `data-ui-id` value for `TypingIndicator` Component */\n  typingIndicator: string;\n  /** `data-ui-id` value for `VideoGallery` Component */\n  videoGallery: string;\n  /** `data-ui-id` value for `VideoTile` Component */\n  videoTile: string;\n  /** `data-ui-id` value for overflow gallery component's left navigation button */\n  overflowGalleryLeftNavButton: string;\n  /** `data-ui-id` value for overflow gallery component's right navigation button */\n  overflowGalleryRightNavButton: string;\n  /** `data-ui-id` value for the video tiles in the horizontal gallery */\n  horizontalGalleryVideoTile: string;\n  /* @conditional-compile-remove(vertical-gallery) */\n  /** `data-ui-id` value for `VerticalGallery` Component's children video tiles */\n  verticalGalleryVideoTile: string;\n  /* @conditional-compile-remove(vertical-gallery) */\n  /** `data-ui-id` value for `VerticalGallery` Component's page counter */\n  verticalGalleryPageCounter: string;\n  /* @conditional-compile-remove(mention) */\n  /** `data-ui-id` value for `MentionPopover` Component's suggestion list */\n  mentionSuggestionList: string;\n  /* @conditional-compile-remove(mention) */\n  /** `data-ui-id` value for `MentionPopover` Component's suggestion list item */\n  mentionSuggestionItem: string;\n}\nconst defaultIdentifiers: _Identifiers = {\n  sendboxTextField: 'sendbox-textfield',\n  participantButtonPeopleMenuItem: 'participant-button-people-menu-item',\n  participantItemMenuButton: 'participant-item-menu-button',\n  participantList: 'participant-list',\n  participantListPeopleButton: 'participant-list-people-button',\n  participantListRemoveParticipantButton: 'participant-list-remove-participant-button',\n  messageContent: 'message-content',\n  messageTimestamp: 'message-timestamp',\n  typingIndicator: 'typing-indicator',\n  videoGallery: 'video-gallery',\n  videoTile: 'video-tile',\n  overflowGalleryLeftNavButton: 'overflow-gallery-left-nav-button',\n  overflowGalleryRightNavButton: 'overflow-gallery-right-nav-button',\n  /* @conditional-compile-remove(vertical-gallery) */\n  verticalGalleryVideoTile: 'vertical-gallery-video-tile',\n  horizontalGalleryVideoTile: 'horizontal-gallery-video-tile',\n  /* @conditional-compile-remove(vertical-gallery) */\n  verticalGalleryPageCounter: 'vertical-gallery-page-counter',\n  /* @conditional-compile-remove(mention) */\n  mentionSuggestionList: 'mention-suggestion-list',\n  /* @conditional-compile-remove(mention) */\n  mentionSuggestionItem: 'mention-suggestion-item'\n};\n\n/**\n * @private\n */\nexport const IdentifierContext = createContext<_Identifiers>(defaultIdentifiers);\n\n/**\n * Arguments to Context Provider for {@link _Identifiers}.\n *\n * @experimental\n *\n * See documentation for {@link _Identifiers}.\n *\n * @internal\n */\nexport interface _IdentifierProviderProps {\n  identifiers?: _Identifiers;\n  children: React.ReactNode;\n}\n\n/**\n * React Context provider for {@link _Identifiers}.\n *\n * @experimental\n *\n * See documentation for {@link _Identifiers}.\n *\n * @internal\n */\nexport const _IdentifierProvider = (props: _IdentifierProviderProps): JSX.Element => {\n  const {\n    identifiers,\n    children\n  } = props;\n  return <IdentifierContext.Provider value={identifiers ?? defaultIdentifiers}>{children}</IdentifierContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useIdentifiers = (): _Identifiers => useContext(IdentifierContext);"]}
+{"version":3,"file":"IdentifierProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/identifiers/IdentifierProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA6CzD,MAAM,kBAAkB,GAAiB;IACvC,gBAAgB,EAAE,mBAAmB;IACrC,+BAA+B,EAAE,qCAAqC;IACtE,yBAAyB,EAAE,8BAA8B;IACzD,eAAe,EAAE,kBAAkB;IACnC,2BAA2B,EAAE,gCAAgC;IAC7D,sCAAsC,EAAE,4CAA4C;IACpF,cAAc,EAAE,iBAAiB;IACjC,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;IACvB,4BAA4B,EAAE,kCAAkC;IAChE,6BAA6B,EAAE,mCAAmC;IAClE,0BAA0B,EAAE,+BAA+B;CAC5D,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAe,kBAAkB,CAAC,CAAC;AAgBjF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EACJ,WAAW,EACX,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,kBAAkB,IAAG,QAAQ,CAA8B,CAAC;AACvH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\n\n/**\n * Identifiers that can be used to target specific components in a composite.\n *\n * @experimental\n *\n * These identifiers are assigned as `data-ui-id` HTML attribute of the root element of the targeted component.\n *\n * This API is intended for end to end test automation. As such, they are not covered by the API\n * guarantee of the public API. This will remain perenially experimental and compatibility breaking changes\n * may be made at any point.\n *\n * @internal\n */\nexport interface _Identifiers {\n  /** `data-ui-id` value for `SendBox` Component */\n  sendboxTextField: string;\n  /** `data-ui-id` value for `ParticipantButton` Component's People menu item */\n  participantButtonPeopleMenuItem: string;\n  /** `data-ui-id` value for `ParticipantItem` Component's Menu button */\n  participantItemMenuButton: string;\n  /** `data-ui-id` value for `ParticipantList` Component */\n  participantList: string;\n  /** `data-ui-id` value for `ParticipantList` Component's People Button */\n  participantListPeopleButton: string;\n  /** `data-ui-id` value for `ParticipantList` Component's Remove Participant Button */\n  participantListRemoveParticipantButton: string;\n  /** `data-ui-id` value for `MessageThread` components message content */\n  messageContent: string;\n  /** `data-ui-id` value for `MessageThread` components message timestamp */\n  messageTimestamp: string;\n  /** `data-ui-id` value for `TypingIndicator` Component */\n  typingIndicator: string;\n  /** `data-ui-id` value for `VideoGallery` Component */\n  videoGallery: string;\n  /** `data-ui-id` value for `VideoTile` Component */\n  videoTile: string;\n  /** `data-ui-id` value for overflow gallery component's left navigation button */\n  overflowGalleryLeftNavButton: string;\n  /** `data-ui-id` value for overflow gallery component's right navigation button */\n  overflowGalleryRightNavButton: string;\n  /** `data-ui-id` value for the video tiles in the horizontal gallery */\n  horizontalGalleryVideoTile: string;\n}\nconst defaultIdentifiers: _Identifiers = {\n  sendboxTextField: 'sendbox-textfield',\n  participantButtonPeopleMenuItem: 'participant-button-people-menu-item',\n  participantItemMenuButton: 'participant-item-menu-button',\n  participantList: 'participant-list',\n  participantListPeopleButton: 'participant-list-people-button',\n  participantListRemoveParticipantButton: 'participant-list-remove-participant-button',\n  messageContent: 'message-content',\n  messageTimestamp: 'message-timestamp',\n  typingIndicator: 'typing-indicator',\n  videoGallery: 'video-gallery',\n  videoTile: 'video-tile',\n  overflowGalleryLeftNavButton: 'overflow-gallery-left-nav-button',\n  overflowGalleryRightNavButton: 'overflow-gallery-right-nav-button',\n  horizontalGalleryVideoTile: 'horizontal-gallery-video-tile'\n};\n\n/**\n * @private\n */\nexport const IdentifierContext = createContext<_Identifiers>(defaultIdentifiers);\n\n/**\n * Arguments to Context Provider for {@link _Identifiers}.\n *\n * @experimental\n *\n * See documentation for {@link _Identifiers}.\n *\n * @internal\n */\nexport interface _IdentifierProviderProps {\n  identifiers?: _Identifiers;\n  children: React.ReactNode;\n}\n\n/**\n * React Context provider for {@link _Identifiers}.\n *\n * @experimental\n *\n * See documentation for {@link _Identifiers}.\n *\n * @internal\n */\nexport const _IdentifierProvider = (props: _IdentifierProviderProps): JSX.Element => {\n  const {\n    identifiers,\n    children\n  } = props;\n  return <IdentifierContext.Provider value={identifiers ?? defaultIdentifiers}>{children}</IdentifierContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useIdentifiers = (): _Identifiers => useContext(IdentifierContext);"]}

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

@@ -5,9 +5,5 @@ export * from './localization/locales';
 export { LocalizationProvider } from './localization';
 export type { ComponentStrings, ComponentLocale, LocalizationProviderProps } from './localization';
 export * from './theming';
-export { _PermissionsProvider, presenterPermissions, consumerPermissions, _usePermissions, _getPermissions } from './permissions';
-export type { _Permissions, _PermissionsProviderProps, Role } from './permissions';
 export type { BaseCustomStyles, CallParticipantListParticipant, ChatMessage, CommunicationParticipant, ComponentSlotStyle, 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 { CaptionsAvailableLanguageStrings } from './types';
-export type { BlockedMessage } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -5,6 +5,4 @@ export { _IdentifierProvider } from './identifiers';
 export * from './localization/locales';
 export { LocalizationProvider } from './localization';
 export * from './theming';
-/* @conditional-compile-remove(rooms) */
-export { _PermissionsProvider, presenterPermissions, consumerPermissions, _usePermissions, _getPermissions } from './permissions';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../preprocess-dist/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,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,eAAe,EAAE,eAAe,EAAE,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 { _PermissionsProvider, presenterPermissions, consumerPermissions, _usePermissions, _getPermissions } from './permissions';\n/* @conditional-compile-remove(rooms) */\nexport type { _Permissions, _PermissionsProviderProps, Role } from './permissions';\nexport type { BaseCustomStyles, CallParticipantListParticipant, ChatMessage, CommunicationParticipant, ComponentSlotStyle, 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';\n\n/* @conditional-compile-remove(close-captions) */\nexport type { CaptionsAvailableLanguageStrings } from './types';\n\n/* @conditional-compile-remove(data-loss-prevention) */\nexport type { BlockedMessage } from './types';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../preprocess-dist/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","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';\nexport type { BaseCustomStyles, CallParticipantListParticipant, ChatMessage, CommunicationParticipant, ComponentSlotStyle, 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';"]}

package/dist/dist-esm/react-components/src/localization/LocalizationProvider.d.ts

@@ -1,16 +1,5 @@
 import React from 'react';
 import { CameraButtonStrings, EndCallButtonStrings, ErrorBarStrings, MessageStatusIndicatorStrings, MessageThreadStrings, MicrophoneButtonStrings, DevicesButtonStrings, ParticipantsButtonStrings, ParticipantItemStrings, ScreenShareButtonStrings, SendBoxStrings, TypingIndicatorStrings, VideoGalleryStrings } from '../components';
-import { HoldButtonStrings } from '../components';
-import { DialpadStrings } from '../components';
-import { SitePermissionsStrings } from '../components/DevicePermissions/SitePermissionsScaffolding';
-import { BrowserPermissionDeniedStrings } from '../components/DevicePermissions/BrowserPermissionDenied';
-import { BrowserPermissionDeniedIOSStrings } from '../components/DevicePermissions/BrowserPermissionDeniedIOS';
-import { UnsupportedBrowserStrings } from '../components/UnsupportedBrowser';
-import { VideoTileStrings } from '../components/VideoTile';
-import { UnsupportedBrowserVersionStrings } from '../components/UnsupportedBrowserVersion';
-import { UnsupportedOperatingSystemStrings } from '../components/UnsupportedOperatingSystem';
-import { VerticalGalleryStrings } from '../components/VerticalGallery';
-import { MentionPopoverStrings } from '../components/MentionPopover';
 /**
  * Locale information for all components exported from this library.
  *
@@ -19,11 +8,6 @@ import { MentionPopoverStrings } from '../components/MentionPopover';
 export interface ComponentLocale {
     /** Strings for components */
     strings: ComponentStrings;
-    /**
-     * Optional function to provide customized date format.
-     * @beta
-     */
-    onDisplayDateTimeString?: (messageDate: Date) => string;
 }
 /**
  * Strings used by all components exported from this library.
@@ -51,58 +35,12 @@ export interface ComponentStrings {
     typingIndicator: TypingIndicatorStrings;
     /** Strings for SendBox */
     sendBox: SendBoxStrings;
-    /** Strings for MentionPopover */
-    mentionPopover: MentionPopoverStrings;
     /** Strings for MessageStatusIndicator */
     messageStatusIndicator: MessageStatusIndicatorStrings;
     /** Strings for ErroBar */
     errorBar: ErrorBarStrings;
     /** Strings for VideoGallery */
     videoGallery: VideoGalleryStrings;
-    /** Strings for Dialpad */
-    dialpad: DialpadStrings;
-    /** Strings for VideoTile */
-    videoTile: VideoTileStrings;
-    /** Strings for HoldButton */
-    holdButton: HoldButtonStrings;
-    /** Strings for a site's permission request prompt */
-    CameraAndMicrophoneSitePermissionsRequest: SitePermissionsStrings;
-    /** Strings for a site's permission request prompt */
-    CameraSitePermissionsRequest: SitePermissionsStrings;
-    /** Strings for a site's permission request prompt */
-    MicrophoneSitePermissionsRequest: SitePermissionsStrings;
-    /** Strings for a site's permission generic checking prompt */
-    CameraAndMicrophoneSitePermissionsCheck: SitePermissionsStrings;
-    /** Strings for a site's permission generic checking prompt */
-    CameraSitePermissionsCheck: SitePermissionsStrings;
-    /** Strings for a site's permission generic checking prompt */
-    MicrophoneSitePermissionsCheck: SitePermissionsStrings;
-    /** Strings for a site's permission denied prompt */
-    CameraAndMicrophoneSitePermissionsDenied: SitePermissionsStrings;
-    /** Strings for a site's permission denied prompt for safari browsers*/
-    CameraAndMicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;
-    /** Strings for a site's permission denied prompt */
-    CameraSitePermissionsDenied: SitePermissionsStrings;
-    /** Strings for a site's permission denied prompt */
-    MicrophoneSitePermissionsDenied: SitePermissionsStrings;
-    /** Strings for a site's permission denied prompt for safari browsers*/
-    CameraSitePermissionsDeniedSafari: SitePermissionsStrings;
-    /** Strings for a site's permission denied prompt for safari browsers*/
-    MicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;
-    /** Strings for unsupported browser UI */
-    UnsupportedBrowser: UnsupportedBrowserStrings;
-    /** Strings for unsupported browser version UI */
-    UnsupportedBrowserVersion: UnsupportedBrowserVersionStrings;
-    /** Strings for unsupported browser version UI */
-    UnsupportedOperatingSystem: UnsupportedOperatingSystemStrings;
-    /** Strings for BrowserPemissionDenied */
-    BrowserPermissionDenied: BrowserPermissionDeniedStrings;
-    /** Strings for BrowserPemissionDeniedIOS */
-    BrowserPermissionDeniedIOS: BrowserPermissionDeniedIOSStrings;
-    /**
-     * Strings for the VerticalGallery.
-     */
-    VerticalGallery: VerticalGalleryStrings;
 }
 /**
  * Context for providing localized strings to components exported from this library.

package/dist/dist-esm/react-components/src/localization/LocalizationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAiBzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAiInD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,MAAM,EACN,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAAC;AACpF,CAAC,CAAC;AAEF,kCAAkC;AAClC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAoB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { CameraButtonStrings, EndCallButtonStrings, ErrorBarStrings, MessageStatusIndicatorStrings, MessageThreadStrings, MicrophoneButtonStrings, DevicesButtonStrings, ParticipantsButtonStrings, ParticipantItemStrings, ScreenShareButtonStrings, SendBoxStrings, TypingIndicatorStrings, VideoGalleryStrings } from '../components';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { HoldButtonStrings } from '../components';\n/* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\nimport { DialpadStrings } from '../components';\n/* @conditional-compile-remove(call-readiness) */\nimport { SitePermissionsStrings } from '../components/DevicePermissions/SitePermissionsScaffolding';\n/* @conditional-compile-remove(call-readiness) */\nimport { BrowserPermissionDeniedStrings } from '../components/DevicePermissions/BrowserPermissionDenied';\n/* @conditional-compile-remove(call-readiness) */\nimport { BrowserPermissionDeniedIOSStrings } from '../components/DevicePermissions/BrowserPermissionDeniedIOS';\n/* @conditional-compile-remove(call-readiness) */ /* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedBrowserStrings } from '../components/UnsupportedBrowser';\n/* @conditional-compile-remove(one-to-n-calling) */\n// @conditional-compile-remove(PSTN-calls)\nimport { VideoTileStrings } from '../components/VideoTile';\nimport { COMPONENT_LOCALE_EN_US } from './locales';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedBrowserVersionStrings } from '../components/UnsupportedBrowserVersion';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedOperatingSystemStrings } from '../components/UnsupportedOperatingSystem';\n/* @conditional-compile-remove(vertical-gallery) */\nimport { VerticalGalleryStrings } from '../components/VerticalGallery';\n/* @conditional-compile-remove(mention) */\nimport { MentionPopoverStrings } from '../components/MentionPopover';\n\n/**\n * Locale information for all components exported from this library.\n *\n * @public\n */\nexport interface ComponentLocale {\n  /** Strings for components */\n  strings: ComponentStrings;\n  /* @conditional-compile-remove(date-time-customization) */\n  /**\n   * Optional function to provide customized date format.\n   * @beta\n   */\n  onDisplayDateTimeString?: (messageDate: Date) => string;\n}\n\n/**\n * Strings used by all components exported from this library.\n *\n * @public\n */\nexport interface ComponentStrings {\n  /** Strings for MessageThread */\n  messageThread: MessageThreadStrings;\n  /** Strings for ParticipantItem */\n  participantItem: ParticipantItemStrings;\n  /** Strings for CameraButton */\n  cameraButton: CameraButtonStrings;\n  /** Strings for MicrophoneButton */\n  microphoneButton: MicrophoneButtonStrings;\n  /** Strings for EndCallButton */\n  endCallButton: EndCallButtonStrings;\n  /** Strings for DevicesButton */\n  devicesButton: DevicesButtonStrings;\n  /** Strings for ParticipantsButton */\n  participantsButton: ParticipantsButtonStrings;\n  /** Strings for ScreenShareButton */\n  screenShareButton: ScreenShareButtonStrings;\n  /** Strings for TypingIndicator */\n  typingIndicator: TypingIndicatorStrings;\n  /** Strings for SendBox */\n  sendBox: SendBoxStrings;\n  /* @conditional-compile-remove(mention) */\n  /** Strings for MentionPopover */\n  mentionPopover: MentionPopoverStrings;\n  /** Strings for MessageStatusIndicator */\n  messageStatusIndicator: MessageStatusIndicatorStrings;\n  /** Strings for ErroBar */\n  errorBar: ErrorBarStrings;\n  /** Strings for VideoGallery */\n  videoGallery: VideoGalleryStrings;\n  /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\n  /** Strings for Dialpad */\n  dialpad: DialpadStrings;\n  /* @conditional-compile-remove(one-to-n-calling) */\n  // @conditional-compile-remove(PSTN-calls)\n  /** Strings for VideoTile */\n  videoTile: VideoTileStrings;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /** Strings for HoldButton */\n  holdButton: HoldButtonStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission request prompt */\n  CameraAndMicrophoneSitePermissionsRequest: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission request prompt */\n  CameraSitePermissionsRequest: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission request prompt */\n  MicrophoneSitePermissionsRequest: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission generic checking prompt */\n  CameraAndMicrophoneSitePermissionsCheck: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission generic checking prompt */\n  CameraSitePermissionsCheck: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission generic checking prompt */\n  MicrophoneSitePermissionsCheck: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission denied prompt */\n  CameraAndMicrophoneSitePermissionsDenied: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission denied prompt for safari browsers*/\n  CameraAndMicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission denied prompt */\n  CameraSitePermissionsDenied: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission denied prompt */\n  MicrophoneSitePermissionsDenied: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission denied prompt for safari browsers*/\n  CameraSitePermissionsDeniedSafari: SitePermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a site's permission denied prompt for safari browsers*/\n  MicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /** Strings for unsupported browser UI */\n  UnsupportedBrowser: UnsupportedBrowserStrings;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /** Strings for unsupported browser version UI */\n  UnsupportedBrowserVersion: UnsupportedBrowserVersionStrings;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /** Strings for unsupported browser version UI */\n  UnsupportedOperatingSystem: UnsupportedOperatingSystemStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for BrowserPemissionDenied */\n  BrowserPermissionDenied: BrowserPermissionDeniedStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for BrowserPemissionDeniedIOS */\n  BrowserPermissionDeniedIOS: BrowserPermissionDeniedIOSStrings;\n  /* @conditional-compile-remove(vertical-gallery) */\n  /**\n   * Strings for the VerticalGallery.\n   */\n  VerticalGallery: VerticalGalleryStrings;\n}\n\n/**\n * Context for providing localized strings to components exported from this library.\n *\n * @public\n */\nexport const LocaleContext = createContext<ComponentLocale>(COMPONENT_LOCALE_EN_US);\n\n/**\n * Props for {@link LocalizationProvider}.\n *\n * @public\n */\nexport type LocalizationProviderProps = {\n  /** Locale context to provide components */\n  locale: ComponentLocale;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * Provider to provide localized strings for this library's react components.\n *\n * @remarks Components will be provided localized strings in English (US) by default if this\n * provider is not used.\n *\n * @public\n */\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n  const {\n    locale,\n    children\n  } = props;\n  return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;\n};\n\n/** React hook to access locale */\nexport const useLocale = (): ComponentLocale => useContext(LocaleContext);"]}
+{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA6CnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,MAAM,EACN,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAAC;AACpF,CAAC,CAAC;AAEF,kCAAkC;AAClC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAoB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { CameraButtonStrings, EndCallButtonStrings, ErrorBarStrings, MessageStatusIndicatorStrings, MessageThreadStrings, MicrophoneButtonStrings, DevicesButtonStrings, ParticipantsButtonStrings, ParticipantItemStrings, ScreenShareButtonStrings, SendBoxStrings, TypingIndicatorStrings, VideoGalleryStrings } from '../components';\nimport { COMPONENT_LOCALE_EN_US } from './locales';\n/**\n * Locale information for all components exported from this library.\n *\n * @public\n */\nexport interface ComponentLocale {\n  /** Strings for components */\n  strings: ComponentStrings;\n}\n\n/**\n * Strings used by all components exported from this library.\n *\n * @public\n */\nexport interface ComponentStrings {\n  /** Strings for MessageThread */\n  messageThread: MessageThreadStrings;\n  /** Strings for ParticipantItem */\n  participantItem: ParticipantItemStrings;\n  /** Strings for CameraButton */\n  cameraButton: CameraButtonStrings;\n  /** Strings for MicrophoneButton */\n  microphoneButton: MicrophoneButtonStrings;\n  /** Strings for EndCallButton */\n  endCallButton: EndCallButtonStrings;\n  /** Strings for DevicesButton */\n  devicesButton: DevicesButtonStrings;\n  /** Strings for ParticipantsButton */\n  participantsButton: ParticipantsButtonStrings;\n  /** Strings for ScreenShareButton */\n  screenShareButton: ScreenShareButtonStrings;\n  /** Strings for TypingIndicator */\n  typingIndicator: TypingIndicatorStrings;\n  /** Strings for SendBox */\n  sendBox: SendBoxStrings;\n  /** Strings for MessageStatusIndicator */\n  messageStatusIndicator: MessageStatusIndicatorStrings;\n  /** Strings for ErroBar */\n  errorBar: ErrorBarStrings;\n  /** Strings for VideoGallery */\n  videoGallery: VideoGalleryStrings;\n}\n\n/**\n * Context for providing localized strings to components exported from this library.\n *\n * @public\n */\nexport const LocaleContext = createContext<ComponentLocale>(COMPONENT_LOCALE_EN_US);\n\n/**\n * Props for {@link LocalizationProvider}.\n *\n * @public\n */\nexport type LocalizationProviderProps = {\n  /** Locale context to provide components */\n  locale: ComponentLocale;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * Provider to provide localized strings for this library's react components.\n *\n * @remarks Components will be provided localized strings in English (US) by default if this\n * provider is not used.\n *\n * @public\n */\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n  const {\n    locale,\n    children\n  } = props;\n  return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;\n};\n\n/** React hook to access locale */\nexport const useLocale = (): ComponentLocale => useContext(LocaleContext);"]}

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "يتم الآن الاتصال...",
         "participantStateHold": "قيد الانتظار"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} من الأشخاص الإضافيين"
+    },
     "typingIndicator": {
         "singleUser": "{user} يكتب",
         "multipleUsers": "يكتب {users} الآن...",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "تقديم العرض على شاشتك.",
         "tooltipOffContent": "عرض الشاشة"
     },
+    "raiseHandButton": {
+        "offLabel": "رفع",
+        "onLabel": "خفض",
+        "tooltipDisabledContent": "تم تعطيل إجراء رفع اليد",
+        "tooltipOnContent": "خفض يد",
+        "tooltipOffContent": "رفع يد"
+    },
     "messageThread": {
         "yesterday": "أمس",
         "sunday": "الأحد",

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "Volání…",
         "participantStateHold": "Pozastavený hovor"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} další(ch)"
+    },
     "typingIndicator": {
         "singleUser": "{user} píše...",
         "multipleUsers": "{users} píší...",
@@ -73,7 +76,7 @@
         "speakerMenuTitle": "Reproduktor",
         "speakerMenuTooltip": "Zvolit reproduktor",
         "microphoneButtonSplitRoleDescription": "Tlačítko rozdělení",
-        "onSplitButtonAriaLabel": "Ztlumit možnosti mikrofonu a zvuku",
+        "onSplitButtonAriaLabel": "Ztlumit mikrofon a možnosti zvuku",
         "offSplitButtonAriaLabel": "Zrušit ztlumení mikrofonu a možností zvuku",
         "microphoneActionTurnedOnAnnouncement": "Váš mikrofon je zapnutý",
         "microphoneActionTurnedOffAnnouncement": "Váš mikrofon je vypnutý",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "Sdílí se vaše obrazovka",
         "tooltipOffContent": "Sdílet obrazovku"
     },
+    "raiseHandButton": {
+        "offLabel": "Zvednout",
+        "onLabel": "Dolů",
+        "tooltipDisabledContent": "Akce Zvednout ruku je zakázaná",
+        "tooltipOnContent": "Dát ruku dolů",
+        "tooltipOffContent": "Zvednout ruku"
+    },
     "messageThread": {
         "yesterday": "Včera",
         "sunday": "Neděle",

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "Anrufen...",
         "participantStateHold": "In der Warteschleife"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} weitere"
+    },
     "typingIndicator": {
         "singleUser": "{user} schreibt ...",
         "multipleUsers": "{users} schreiben ...",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "Ihr Bildschirm wird präsentiert",
         "tooltipOffContent": "Präsentieren Sie Ihren Bildschirm"
     },
+    "raiseHandButton": {
+        "offLabel": "Heben",
+        "onLabel": "Senken",
+        "tooltipDisabledContent": "Aktion „Hand heben“ ist deaktiviert",
+        "tooltipOnContent": "Hand senken",
+        "tooltipOffContent": "Hand heben"
+    },
     "messageThread": {
         "yesterday": "Gestern",
         "sunday": "Sonntag",

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "Calling...",
         "participantStateHold": "On hold"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} more"
+    },
     "typingIndicator": {
         "singleUser": "{user} is typing ...",
         "multipleUsers": "{users} are typing ...",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "Presenting your screen",
         "tooltipOffContent": "Present your screen"
     },
+    "raiseHandButton": {
+        "offLabel": "Raise",
+        "onLabel": "Lower",
+        "tooltipDisabledContent": "Raise Hand action is disabled",
+        "tooltipOnContent": "Lower Hand",
+        "tooltipOffContent": "Raise Hand"
+    },
     "messageThread": {
         "yesterday": "Yesterday",
         "sunday": "Sunday",

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "Calling...",
         "participantStateHold": "On hold"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} more"
+    },
     "typingIndicator": {
         "singleUser": "{user} is typing ...",
         "multipleUsers": "{users} are typing ...",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "Presenting your screen",
         "tooltipOffContent": "Present your screen"
     },
+    "raiseHandButton": {
+        "offLabel": "Raise",
+        "onLabel": "Lower",
+        "tooltipDisabledContent": "Raise Hand action is disabled",
+        "tooltipOnContent": "Lower Hand",
+        "tooltipOffContent": "Raise Hand"
+    },
     "messageThread": {
         "yesterday": "Yesterday",
         "sunday": "Sunday",

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "Llamando...",
         "participantStateHold": "En espera"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} más"
+    },
     "typingIndicator": {
         "singleUser": "{user} está escribiendo...",
         "multipleUsers": "{users} están escribiendo...",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "Presentando su pantalla",
         "tooltipOffContent": "Presentar la pantalla"
     },
+    "raiseHandButton": {
+        "offLabel": "Participar",
+        "onLabel": "Bajar",
+        "tooltipDisabledContent": "La acción Levantar la mano está deshabilitada",
+        "tooltipOnContent": "Bajar la mano",
+        "tooltipOffContent": "Levantar la mano"
+    },
     "messageThread": {
         "yesterday": "Ayer",
         "sunday": "Domingo",

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "Soitetaan...",
         "participantStateHold": "Pidossa"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} lisää"
+    },
     "typingIndicator": {
         "singleUser": "{user} käyttäjä kirjoittaa parhaillaan...",
         "multipleUsers": "{users} käyttäjää kirjoittaa parhaillaan...",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "Näyttösi näytetään muille osallistujille",
         "tooltipOffContent": "Näytä oma näyttösi"
     },
+    "raiseHandButton": {
+        "offLabel": "Nosta",
+        "onLabel": "Laske",
+        "tooltipDisabledContent": "Nosta käsi -toiminto on poistettu käytöstä",
+        "tooltipOnContent": "Laske käsi",
+        "tooltipOffContent": "Nosta käsi"
+    },
     "messageThread": {
         "yesterday": "eilen",
         "sunday": "sunnuntaina",

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "Appel en cours...",
         "participantStateHold": "En attente"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} plus"
+    },
     "typingIndicator": {
         "singleUser": "{user} en train d’écrire...",
         "multipleUsers": "{users} sont en train d'écrire...",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "Présentation de votre écran",
         "tooltipOffContent": "Présenter votre écran"
     },
+    "raiseHandButton": {
+        "offLabel": "Augmenter",
+        "onLabel": "Inférieur",
+        "tooltipDisabledContent": "L'action lever la main est désactivée",
+        "tooltipOnContent": "Baisser la main",
+        "tooltipOffContent": "Lever les mains"
+    },
     "messageThread": {
         "yesterday": "Hier",
         "sunday": "Dimanche",

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

@@ -9,6 +9,9 @@
         "participantStateRinging": "מתקשר...",
         "participantStateHold": "בהמתנה"
     },
+    "ParticipantList": {
+        "overflowParticipantCount": "+{overflowCount} נוספים"
+    },
     "typingIndicator": {
         "singleUser": "{user} מקליד...",
         "multipleUsers": "{users} מקלידים...",
@@ -109,6 +112,13 @@
         "tooltipOnContent": "מציג את המסך שלך",
         "tooltipOffContent": "הצג את המסך שלך"
     },
+    "raiseHandButton": {
+        "offLabel": "הרם",
+        "onLabel": "הורד",
+        "tooltipDisabledContent": "פעולת הרמת יד אינה זמינה",
+        "tooltipOnContent": "הורד יד",
+        "tooltipOffContent": "הרם יד"
+    },
     "messageThread": {
         "yesterday": "אתמול",
         "sunday": "יום ראשון",