@azure/communication-react 1.13.0-beta.1 → 1.13.0

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

@@ -43,17 +43,18 @@ export const digitStyles = (theme) => {
 /**
  * @private
  */
-export const textFieldStyles = (theme) => ({
+export const textFieldStyles = (theme, buttonPresent) => ({
     field: {
         padding: 0,
         textAlign: 'center',
         fontSize: `${_pxToRem(18)}`,
         fontWeight: 400,
-        width: `${_pxToRem(192)}`,
+        width: `${buttonPresent ? '10rem' : '12rem'}`,
         height: '3rem',
         borderRadius: '0.5rem',
         position: 'relative',
-        overflowX: 'auto'
+        overflowX: 'hidden',
+        textOverflow: 'clip'
     },
     root: {
         backgroundColor: `${theme.palette.neutralLighter}`,
@@ -64,6 +65,7 @@ export const textFieldStyles = (theme) => ({
     fieldGroup: {
         border: 'none',
         borderRadius: '0.5rem',
+        width: '12rem',
         height: '3rem',
         backgroundColor: `${theme.palette.neutralLighter}`,
         ':after': {

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

@@ -1 +1 @@
-{"version":3,"file":"Dialpad.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/Dialpad.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { IButtonStyles, IStyle, ITextFieldStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const containerStyles = (theme: Theme): IStyle => {\n  return {\n    maxWidth: '16rem',\n    textAlign: 'center',\n    background: `${theme.palette.white}`,\n    borderRadius: '0.75rem',\n    margin: 'auto'\n  };\n};\n\n/**\n * @private\n */\nexport const buttonStyles = (theme: Theme): IButtonStyles => ({\n  root: {\n    background: 'none',\n    fontWeight: 600,\n    fontSize: `${_pxToRem(20)}`,\n    border: 'none',\n    borderRadius: 0,\n    width: '3rem',\n    height: '3rem',\n    padding: `${_pxToRem(16)}, ${_pxToRem(5)}, ${_pxToRem(16)}, ${_pxToRem(5)}`,\n    minWidth: 0,\n    minHeight: 0\n  }\n});\n\n/**\n * @private\n */\nexport const digitStyles = (theme: Theme): IStyle => {\n  return {\n    fontSize: '1.25rem',\n    fontWeight: theme.fonts.medium.fontWeight,\n    color: `${theme.palette.themePrimary}`\n  };\n};\n\n/**\n * @private\n */\nexport const textFieldStyles = (theme: Theme): Partial<ITextFieldStyles> => ({\n  field: {\n    padding: 0,\n    textAlign: 'center',\n    fontSize: `${_pxToRem(18)}`,\n    fontWeight: 400,\n    width: `${_pxToRem(192)}`,\n    height: '3rem',\n    borderRadius: '0.5rem',\n    position: 'relative',\n    overflowX: 'auto'\n  },\n  root: {\n    backgroundColor: `${theme.palette.neutralLighter}`,\n    marginBottom: '0.625rem',\n    height: '3rem',\n    borderRadius: '0.5rem'\n  },\n  fieldGroup: {\n    border: 'none',\n    borderRadius: '0.5rem',\n    height: '3rem',\n    backgroundColor: `${theme.palette.neutralLighter}`,\n    ':after': {\n      borderRadius: '0.5rem'\n    }\n  },\n  errorMessage: {\n    color: theme.semanticColors.errorText\n  },\n  suffix: {\n    padding: 0,\n    position: 'absolute',\n    right: '0.25rem',\n    top: '0.55rem',\n    transform: 'scale(1.15)',\n    background: 'unset'\n  }\n});\n\n/**\n * @private\n */\nexport const letterStyles = (theme: Theme): IStyle => {\n  return {\n    fontSize: '0.625rem',\n    color: `${theme.palette.neutralSecondary}`,\n    fontWeight: 400,\n    margin: '0.125rem',\n    minHeight: '0.75rem'\n  };\n};\n\n/**\n * @private\n */\nexport const iconButtonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      color: `${theme.palette.black}`,\n      padding: 0,\n      background: 'transparent'\n    },\n    icon: {\n      height: 'auto',\n      background: 'transparent',\n      // Needed to keep the icon vertically centered.\n      '> span': {\n        display: 'flex'\n      }\n    }\n  };\n};"]}
+{"version":3,"file":"Dialpad.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/Dialpad.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { IButtonStyles, IStyle, ITextFieldStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const containerStyles = (theme: Theme): IStyle => {\n  return {\n    maxWidth: '16rem',\n    textAlign: 'center',\n    background: `${theme.palette.white}`,\n    borderRadius: '0.75rem',\n    margin: 'auto'\n  };\n};\n\n/**\n * @private\n */\nexport const buttonStyles = (theme: Theme): IButtonStyles => ({\n  root: {\n    background: 'none',\n    fontWeight: 600,\n    fontSize: `${_pxToRem(20)}`,\n    border: 'none',\n    borderRadius: 0,\n    width: '3rem',\n    height: '3rem',\n    padding: `${_pxToRem(16)}, ${_pxToRem(5)}, ${_pxToRem(16)}, ${_pxToRem(5)}`,\n    minWidth: 0,\n    minHeight: 0\n  }\n});\n\n/**\n * @private\n */\nexport const digitStyles = (theme: Theme): IStyle => {\n  return {\n    fontSize: '1.25rem',\n    fontWeight: theme.fonts.medium.fontWeight,\n    color: `${theme.palette.themePrimary}`\n  };\n};\n\n/**\n * @private\n */\nexport const textFieldStyles = (theme: Theme, buttonPresent: boolean): Partial<ITextFieldStyles> => ({\n  field: {\n    padding: 0,\n    textAlign: 'center',\n    fontSize: `${_pxToRem(18)}`,\n    fontWeight: 400,\n    width: `${buttonPresent ? '10rem' : '12rem'}`,\n    height: '3rem',\n    borderRadius: '0.5rem',\n    position: 'relative',\n    overflowX: 'hidden',\n    textOverflow: 'clip'\n  },\n  root: {\n    backgroundColor: `${theme.palette.neutralLighter}`,\n    marginBottom: '0.625rem',\n    height: '3rem',\n    borderRadius: '0.5rem'\n  },\n  fieldGroup: {\n    border: 'none',\n    borderRadius: '0.5rem',\n    width: '12rem',\n    height: '3rem',\n    backgroundColor: `${theme.palette.neutralLighter}`,\n    ':after': {\n      borderRadius: '0.5rem'\n    }\n  },\n  errorMessage: {\n    color: theme.semanticColors.errorText\n  },\n  suffix: {\n    padding: 0,\n    position: 'absolute',\n    right: '0.25rem',\n    top: '0.55rem',\n    transform: 'scale(1.15)',\n    background: 'unset'\n  }\n});\n\n/**\n * @private\n */\nexport const letterStyles = (theme: Theme): IStyle => {\n  return {\n    fontSize: '0.625rem',\n    color: `${theme.palette.neutralSecondary}`,\n    fontWeight: 400,\n    margin: '0.125rem',\n    minHeight: '0.75rem'\n  };\n};\n\n/**\n * @private\n */\nexport const iconButtonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      color: `${theme.palette.black}`,\n      padding: 0,\n      background: 'transparent'\n    },\n    icon: {\n      height: 'auto',\n      background: 'transparent',\n      // Needed to keep the icon vertically centered.\n      '> span': {\n        display: 'flex'\n      }\n    }\n  };\n};"]}

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

@@ -24,7 +24,7 @@ export declare const useChatMessageRenderStyles: () => Record<"rootCommon" | "ro
 /**
  * @private
  */
-export declare const useChatMyMessageStyles: () => Record<"root" | "body" | "menu" | "menuHidden" | "bodyAttached" | "menuAttached" | "menuVisible", string>;
+export declare const useChatMyMessageStyles: () => Record<"body" | "menu" | "root" | "bodyAttached" | "menuAttached" | "menuHidden" | "menuVisible", string>;
 /**
  * @private
  */
@@ -36,7 +36,7 @@ export declare const chatMessageDateStyle: CSSProperties;
 /**
  * @private
  */
-export declare const useChatMessageStyles: () => Record<"root" | "body" | "bodyWithoutAvatar" | "bodyWithAvatar" | "avatarNoOverlap" | "avatarOverlap" | "bodyWithPlaceholderImage", string>;
+export declare const useChatMessageStyles: () => Record<"body" | "root" | "bodyWithoutAvatar" | "bodyWithAvatar" | "avatarNoOverlap" | "avatarOverlap" | "bodyWithPlaceholderImage", string>;
 /**
  * @private
  */

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

@@ -28,7 +28,6 @@ export declare const sendButtonStyle: string;
 export declare const sendIconStyle: (props: {
     theme: Theme;
     hasText: boolean;
-    hasFile: boolean;
     hasErrorMessage: boolean;
     customSendIconStyle?: IStyle;
 }) => string;

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

@@ -40,9 +40,8 @@ export const sendButtonStyle = mergeStyles({
  * @private
  */
 export const sendIconStyle = (props) => {
-    const { theme, hasText, 
-    /* @conditional-compile-remove(file-sharing) */ hasFile, hasErrorMessage, customSendIconStyle } = props;
-    const hasNoContent = !hasText && /* @conditional-compile-remove(file-sharing) */ !hasFile;
+    const { theme, hasText, hasErrorMessage, customSendIconStyle } = props;
+    const hasNoContent = !hasText;
     return mergeStyles({
         width: '1.25rem',
         height: '1.25rem',

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

@@ -1 +1 @@
-{"version":3,"file":"SendBox.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/SendBox.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, mergeStyles, Theme } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const suppressIconStyle = {\n  iconContainer: {\n    minHeight: '0',\n    minWidth: '0',\n    height: '0',\n    width: '0',\n    margin: '0'\n  },\n  icon: {\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const sendBoxWrapperStyles = mergeStyles({\n  margin: '0.25rem',\n  overflow: 'hidden',\n  /**\n   * margin-top set for all the child components of sendbox except first\n   */\n  ':not(:first-child)': {\n    marginTop: '0.25rem'\n  }\n});\n\n/**\n * @private\n */\nexport const sendButtonStyle = mergeStyles({\n  height: '2.25rem',\n  width: '2.25rem'\n});\n\n/**\n * @private\n */\nexport const sendIconStyle = (props: {\n  theme: Theme;\n  hasText: boolean;\n  /* @conditional-compile-remove(file-sharing) */\n  hasFile: boolean;\n  hasErrorMessage: boolean;\n  customSendIconStyle?: IStyle;\n}): string => {\n  const {\n    theme,\n    hasText,\n    /* @conditional-compile-remove(file-sharing) */hasFile,\n    hasErrorMessage,\n    customSendIconStyle\n  } = props;\n  const hasNoContent = !hasText && /* @conditional-compile-remove(file-sharing) */!hasFile;\n  return mergeStyles({\n    width: '1.25rem',\n    height: '1.25rem',\n    margin: 'auto',\n    color: hasErrorMessage || hasNoContent ? theme.palette.neutralTertiary : theme.palette.themePrimary\n  }, customSendIconStyle);\n};\n\n/**\n * @private\n */\nexport const fileUploadCardsStyles = mergeStyles({\n  margin: '0 0.25rem 0.25rem 0.25rem',\n  maxHeight: '12.5rem',\n  overflow: 'auto'\n});\n\n/**\n * @private\n */\nexport const fileCardBoxStyle = mergeStyles({\n  width: '100%',\n  padding: '0.50rem'\n});\n\n/**\n * @private\n */\nexport const defaultSendBoxInactiveBorderThicknessREM = 0.0625;\n/**\n * @private\n */\nexport const defaultSendBoxActiveBorderThicknessREM = 0.125;\n\n/**\n * @private\n */\nexport const borderAndBoxShadowStyle = (props: {\n  theme: Theme;\n  hasErrorMessage: boolean;\n  disabled: boolean;\n}): string => {\n  const {\n    theme,\n    hasErrorMessage,\n    disabled\n  } = props;\n  const borderColor = hasErrorMessage ? theme.semanticColors.errorText : theme.palette.neutralSecondary;\n  const borderColorActive = hasErrorMessage ? theme.semanticColors.errorText : theme.palette.themePrimary;\n  const borderThickness = disabled ? 0 : defaultSendBoxInactiveBorderThicknessREM;\n  const borderActiveThickness = disabled ? 0 : defaultSendBoxActiveBorderThicknessREM;\n  return mergeStyles({\n    borderRadius: theme.effects.roundedCorner4,\n    border: `${borderThickness}rem solid ${borderColor}`,\n    // The border thickness of the sendbox wrapper changes on hover, to prevent the border thickness change causing the\n    // input box to shift we apply a margin to compensate. This margin is then removed on hover when the border is thicker.\n    margin: `${defaultSendBoxActiveBorderThicknessREM - borderThickness}rem`,\n    ':hover, :active, :focus, :focus-within': {\n      border: `${borderActiveThickness}rem solid ${borderColorActive}`,\n      margin: `${defaultSendBoxActiveBorderThicknessREM - borderActiveThickness}rem`\n    }\n  });\n};"]}
+{"version":3,"file":"SendBox.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/SendBox.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, mergeStyles, Theme } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const suppressIconStyle = {\n  iconContainer: {\n    minHeight: '0',\n    minWidth: '0',\n    height: '0',\n    width: '0',\n    margin: '0'\n  },\n  icon: {\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const sendBoxWrapperStyles = mergeStyles({\n  margin: '0.25rem',\n  overflow: 'hidden',\n  /**\n   * margin-top set for all the child components of sendbox except first\n   */\n  ':not(:first-child)': {\n    marginTop: '0.25rem'\n  }\n});\n\n/**\n * @private\n */\nexport const sendButtonStyle = mergeStyles({\n  height: '2.25rem',\n  width: '2.25rem'\n});\n\n/**\n * @private\n */\nexport const sendIconStyle = (props: {\n  theme: Theme;\n  hasText: boolean;\n  hasErrorMessage: boolean;\n  customSendIconStyle?: IStyle;\n}): string => {\n  const {\n    theme,\n    hasText,\n    hasErrorMessage,\n    customSendIconStyle\n  } = props;\n  const hasNoContent = !hasText;\n  return mergeStyles({\n    width: '1.25rem',\n    height: '1.25rem',\n    margin: 'auto',\n    color: hasErrorMessage || hasNoContent ? theme.palette.neutralTertiary : theme.palette.themePrimary\n  }, customSendIconStyle);\n};\n\n/**\n * @private\n */\nexport const fileUploadCardsStyles = mergeStyles({\n  margin: '0 0.25rem 0.25rem 0.25rem',\n  maxHeight: '12.5rem',\n  overflow: 'auto'\n});\n\n/**\n * @private\n */\nexport const fileCardBoxStyle = mergeStyles({\n  width: '100%',\n  padding: '0.50rem'\n});\n\n/**\n * @private\n */\nexport const defaultSendBoxInactiveBorderThicknessREM = 0.0625;\n/**\n * @private\n */\nexport const defaultSendBoxActiveBorderThicknessREM = 0.125;\n\n/**\n * @private\n */\nexport const borderAndBoxShadowStyle = (props: {\n  theme: Theme;\n  hasErrorMessage: boolean;\n  disabled: boolean;\n}): string => {\n  const {\n    theme,\n    hasErrorMessage,\n    disabled\n  } = props;\n  const borderColor = hasErrorMessage ? theme.semanticColors.errorText : theme.palette.neutralSecondary;\n  const borderColorActive = hasErrorMessage ? theme.semanticColors.errorText : theme.palette.themePrimary;\n  const borderThickness = disabled ? 0 : defaultSendBoxInactiveBorderThicknessREM;\n  const borderActiveThickness = disabled ? 0 : defaultSendBoxActiveBorderThicknessREM;\n  return mergeStyles({\n    borderRadius: theme.effects.roundedCorner4,\n    border: `${borderThickness}rem solid ${borderColor}`,\n    // The border thickness of the sendbox wrapper changes on hover, to prevent the border thickness change causing the\n    // input box to shift we apply a margin to compensate. This margin is then removed on hover when the border is thicker.\n    margin: `${defaultSendBoxActiveBorderThicknessREM - borderThickness}rem`,\n    ':hover, :active, :focus, :focus-within': {\n      border: `${borderActiveThickness}rem solid ${borderColorActive}`,\n      margin: `${defaultSendBoxActiveBorderThicknessREM - borderActiveThickness}rem`\n    }\n  });\n};"]}

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

@@ -1,10 +1,13 @@
-import { ActiveFileUpload } from '../FileUploadCards';
 /**
  * @private
  */
-export declare const hasIncompleteFileUploads: (activeFileUploads: ActiveFileUpload[] | undefined) => boolean;
+export declare const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
 /**
  * @private
  */
-export declare const hasCompletedFileUploads: (activeFileUploads: ActiveFileUpload[] | undefined) => boolean;
+export declare const exceedsMaxAllowedLength: (valueLength: number) => boolean;
+/**
+ * @private
+ */
+export declare const sanitizeText: (message: string) => string;
 //# sourceMappingURL=SendBoxUtils.d.ts.map

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

@@ -1,17 +1,25 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(file-sharing) */
 /**
  * @private
  */
-export const hasIncompleteFileUploads = (activeFileUploads) => {
-    return !!((activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.length) && !activeFileUploads.filter(fileUpload => !fileUpload.error).every(fileUpload => fileUpload.uploadComplete));
+export const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
+const EMPTY_MESSAGE_REGEX = /^\s*$/;
+/**
+ * @private
+ */
+export const exceedsMaxAllowedLength = (valueLength) => {
+    return valueLength > MAXIMUM_LENGTH_OF_MESSAGE;
 };
-/* @conditional-compile-remove(file-sharing) */
 /**
  * @private
  */
-export const hasCompletedFileUploads = (activeFileUploads) => {
-    return !!(activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.find(file => !file.error));
+export const sanitizeText = (message) => {
+    if (EMPTY_MESSAGE_REGEX.test(message)) {
+        return '';
+    }
+    else {
+        return message;
+    }
 };
 //# sourceMappingURL=SendBoxUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SendBoxUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/SendBoxUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,+CAA+C;AAC/C;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,iBAAiD,EAAW,EAAE;IACrG,OAAO,CAAC,CAAC,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,KAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC;AACpJ,CAAC,CAAC;AAEF,+CAA+C;AAC/C;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,iBAAiD,EAAW,EAAE;IACpG,OAAO,CAAC,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAC;AACxD,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(file-sharing) */\nimport { ActiveFileUpload } from '../FileUploadCards';\n\n/* @conditional-compile-remove(file-sharing) */\n/**\n * @private\n */\nexport const hasIncompleteFileUploads = (activeFileUploads: ActiveFileUpload[] | undefined): boolean => {\n  return !!(activeFileUploads?.length && !activeFileUploads.filter(fileUpload => !fileUpload.error).every(fileUpload => fileUpload.uploadComplete));\n};\n\n/* @conditional-compile-remove(file-sharing) */\n/**\n * @private\n */\nexport const hasCompletedFileUploads = (activeFileUploads: ActiveFileUpload[] | undefined): boolean => {\n  return !!activeFileUploads?.find(file => !file.error);\n};"]}
+{"version":3,"file":"SendBoxUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/SendBoxUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,CAAC;AAC9C,MAAM,mBAAmB,GAAG,OAAO,CAAC;AACpC;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,WAAmB,EAAW,EAAE;IACtE,OAAO,WAAW,GAAG,yBAAyB,CAAC;AACjD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAe,EAAU,EAAE;IACtD,IAAI,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,CAAC;IACZ,CAAC;SAAM,CAAC;QACN,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n/**\n * @private\n */\nexport const MAXIMUM_LENGTH_OF_MESSAGE = 8000;\nconst EMPTY_MESSAGE_REGEX = /^\\s*$/;\n/**\n * @private\n */\nexport const exceedsMaxAllowedLength = (valueLength: number): boolean => {\n  return valueLength > MAXIMUM_LENGTH_OF_MESSAGE;\n};\n\n/**\n * @private\n */\nexport const sanitizeText = (message: string): string => {\n  if (EMPTY_MESSAGE_REGEX.test(message)) {\n    return '';\n  } else {\n    return message;\n  }\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,5 +1,4 @@
 import { ChatMessage, ReadReceiptsBySenderId } from '../..';
-import { BlockedMessage } from '../../types/ChatMessage';
 /**
  * @private
  *logic: Looking at message A, how do we know it's read number?
@@ -14,7 +13,7 @@ import { BlockedMessage } from '../../types/ChatMessage';
  *
  * 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 */
-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":"AAAA,uCAAuC;AACvC,kCAAkC;AAOlC;;;;;;;;;;;;;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.\n\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":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC;;;;;;;;;;;;;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.\n\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

@@ -45,10 +45,6 @@ export interface _Identifiers {
     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

@@ -19,11 +19,7 @@ const defaultIdentifiers = {
     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'
+    verticalGalleryPageCounter: 'vertical-gallery-page-counter'
 };
 /**
  * @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;AAmDzD,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;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  /* @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}\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};\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

@@ -30,5 +30,4 @@ export type { BaseCustomStyles, CallParticipantListParticipant, ChatMessage, Com
 export type { RaisedHand } from './types';
 export type { SpokenLanguageStrings, CaptionLanguageStrings } from './types';
 export { _spokenLanguageToCaptionLanguage } 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":["../../../../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;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAEtF,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AAOxC,iDAAiD;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,SAAS,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 { COMPONENT_LOCALE_EN_GB } from './localization/locales/en-GB/ComponentLocale';\nexport { COMPONENT_LOCALE_AR_SA } from './localization/locales/ar-SA/ComponentLocale';\nexport { COMPONENT_LOCALE_CS_CZ } from './localization/locales/cs-CZ/ComponentLocale';\nexport { COMPONENT_LOCALE_DE_DE } from './localization/locales/de-DE/ComponentLocale';\nexport { COMPONENT_LOCALE_ES_ES } from './localization/locales/es-ES/ComponentLocale';\nexport { COMPONENT_LOCALE_FI_FI } from './localization/locales/fi-FI/ComponentLocale';\nexport { COMPONENT_LOCALE_FR_FR } from './localization/locales/fr-FR/ComponentLocale';\nexport { COMPONENT_LOCALE_HE_IL } from './localization/locales/he-IL/ComponentLocale';\nexport { COMPONENT_LOCALE_IT_IT } from './localization/locales/it-IT/ComponentLocale';\nexport { COMPONENT_LOCALE_JA_JP } from './localization/locales/ja-JP/ComponentLocale';\nexport { COMPONENT_LOCALE_KO_KR } from './localization/locales/ko-KR/ComponentLocale';\nexport { COMPONENT_LOCALE_NB_NO } from './localization/locales/nb-NO/ComponentLocale';\nexport { COMPONENT_LOCALE_NL_NL } from './localization/locales/nl-NL/ComponentLocale';\nexport { COMPONENT_LOCALE_PL_PL } from './localization/locales/pl-PL/ComponentLocale';\nexport { COMPONENT_LOCALE_PT_BR } from './localization/locales/pt-BR/ComponentLocale';\nexport { COMPONENT_LOCALE_RU_RU } from './localization/locales/ru-RU/ComponentLocale';\nexport { COMPONENT_LOCALE_SV_SE } from './localization/locales/sv-SE/ComponentLocale';\nexport { COMPONENT_LOCALE_TR_TR } from './localization/locales/tr-TR/ComponentLocale';\nexport { COMPONENT_LOCALE_ZH_CN } from './localization/locales/zh-CN/ComponentLocale';\nexport { COMPONENT_LOCALE_ZH_TW } from './localization/locales/zh-TW/ComponentLocale';\nexport type { ComponentStrings, ComponentLocale, LocalizationProviderProps } from './localization';\nexport * from './theming';\nexport * from './theming/generateTheme';\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(raise-hand) */\nexport type { RaisedHand } from './types';\n/* @conditional-compile-remove(close-captions) */\nexport type { SpokenLanguageStrings, CaptionLanguageStrings } from './types';\n/* @conditional-compile-remove(close-captions) */\nexport { _spokenLanguageToCaptionLanguage } 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;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAEtF,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AAOxC,iDAAiD;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,SAAS,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 { COMPONENT_LOCALE_EN_GB } from './localization/locales/en-GB/ComponentLocale';\nexport { COMPONENT_LOCALE_AR_SA } from './localization/locales/ar-SA/ComponentLocale';\nexport { COMPONENT_LOCALE_CS_CZ } from './localization/locales/cs-CZ/ComponentLocale';\nexport { COMPONENT_LOCALE_DE_DE } from './localization/locales/de-DE/ComponentLocale';\nexport { COMPONENT_LOCALE_ES_ES } from './localization/locales/es-ES/ComponentLocale';\nexport { COMPONENT_LOCALE_FI_FI } from './localization/locales/fi-FI/ComponentLocale';\nexport { COMPONENT_LOCALE_FR_FR } from './localization/locales/fr-FR/ComponentLocale';\nexport { COMPONENT_LOCALE_HE_IL } from './localization/locales/he-IL/ComponentLocale';\nexport { COMPONENT_LOCALE_IT_IT } from './localization/locales/it-IT/ComponentLocale';\nexport { COMPONENT_LOCALE_JA_JP } from './localization/locales/ja-JP/ComponentLocale';\nexport { COMPONENT_LOCALE_KO_KR } from './localization/locales/ko-KR/ComponentLocale';\nexport { COMPONENT_LOCALE_NB_NO } from './localization/locales/nb-NO/ComponentLocale';\nexport { COMPONENT_LOCALE_NL_NL } from './localization/locales/nl-NL/ComponentLocale';\nexport { COMPONENT_LOCALE_PL_PL } from './localization/locales/pl-PL/ComponentLocale';\nexport { COMPONENT_LOCALE_PT_BR } from './localization/locales/pt-BR/ComponentLocale';\nexport { COMPONENT_LOCALE_RU_RU } from './localization/locales/ru-RU/ComponentLocale';\nexport { COMPONENT_LOCALE_SV_SE } from './localization/locales/sv-SE/ComponentLocale';\nexport { COMPONENT_LOCALE_TR_TR } from './localization/locales/tr-TR/ComponentLocale';\nexport { COMPONENT_LOCALE_ZH_CN } from './localization/locales/zh-CN/ComponentLocale';\nexport { COMPONENT_LOCALE_ZH_TW } from './localization/locales/zh-TW/ComponentLocale';\nexport type { ComponentStrings, ComponentLocale, LocalizationProviderProps } from './localization';\nexport * from './theming';\nexport * from './theming/generateTheme';\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(raise-hand) */\nexport type { RaisedHand } from './types';\n/* @conditional-compile-remove(close-captions) */\nexport type { SpokenLanguageStrings, CaptionLanguageStrings } from './types';\n/* @conditional-compile-remove(close-captions) */\nexport { _spokenLanguageToCaptionLanguage } from './types';"]}

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

@@ -1,19 +1,8 @@
 import React from 'react';
 import { CameraButtonStrings, EndCallButtonStrings, ErrorBarStrings, MessageStatusIndicatorStrings, MessageThreadStrings, MicrophoneButtonStrings, DevicesButtonStrings, ParticipantsButtonStrings, ParticipantItemStrings, ScreenShareButtonStrings, SendBoxStrings, TypingIndicatorStrings, VideoGalleryStrings } from '../components';
 import { RaiseHandButtonStrings } 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 { ParticipantListStrings } from '../components/ParticipantList';
-import { MentionPopoverStrings } from '../components/MentionPopover';
-import { ImageGalleryStrings } from '../components/ImageGallery';
 /**
  * Locale information for all components exported from this library.
  *
@@ -22,11 +11,6 @@ import { ImageGalleryStrings } from '../components/ImageGallery';
 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.
@@ -56,10 +40,6 @@ export interface ComponentStrings {
     typingIndicator: TypingIndicatorStrings;
     /** Strings for SendBox */
     sendBox: SendBoxStrings;
-    /** Strings for MentionPopover */
-    mentionPopover: MentionPopoverStrings;
-    /** Strings for ImageGallery */
-    imageGallery: ImageGalleryStrings;
     /** Strings for MessageStatusIndicator */
     messageStatusIndicator: MessageStatusIndicatorStrings;
     /** Strings for ErroBar */
@@ -68,50 +48,10 @@ export interface ComponentStrings {
     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;
-    /** Strings for the participant list component */
-    ParticipantList: ParticipantListStrings;
 }
 /**
  * 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;AAmBzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA6InD;;;;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(raise-hand) */\nimport { RaiseHandButtonStrings } 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(total-participant-count) */\nimport { ParticipantListStrings } from '../components/ParticipantList';\n/* @conditional-compile-remove(mention) */\nimport { MentionPopoverStrings } from '../components/MentionPopover';\n/* @conditional-compile-remove(image-gallery) */\nimport { ImageGalleryStrings } from '../components/ImageGallery';\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  /* @conditional-compile-remove(raise-hand) */\n  /** Strings for RaiseHandButton */\n  raiseHandButton: RaiseHandButtonStrings;\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  /* @conditional-compile-remove(image-gallery) */\n  /** Strings for ImageGallery */\n  imageGallery: ImageGalleryStrings;\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  /* @conditional-compile-remove(total-participant-count) */\n  /** Strings for the participant list component */\n  ParticipantList: ParticipantListStrings;\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;AAMzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA0DnD;;;;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(raise-hand) */\nimport { RaiseHandButtonStrings } from '../components';\n/* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\nimport { DialpadStrings } from '../components';\nimport { COMPONENT_LOCALE_EN_US } from './locales';\n/* @conditional-compile-remove(vertical-gallery) */\nimport { VerticalGalleryStrings } from '../components/VerticalGallery';\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  /* @conditional-compile-remove(raise-hand) */\n  /** Strings for RaiseHandButton */\n  raiseHandButton: RaiseHandButtonStrings;\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  /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\n  /** Strings for Dialpad */\n  dialpad: DialpadStrings;\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);"]}

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "الاقتراحات"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "تنزيل",
         "dismissButtonAriaLabel": "إغلاق"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "فشل في الانضمام إلى المكالمة.",
         "failedToJoinCallInvalidMeetingLink": "تعذر الانضمام إلى الاجتماع. ارتباط غير صالح.",
         "cameraFrozenForRemoteParticipants": "يواجه المستخدمون في المكالمة مشكلات في رؤية الفيديو الخاص بك. الرجاء التحقق من أجهزتك وشبكتك.",
-        "unableToStartVideoEffect": "يتعذر تطبيق تأثير الفيديو."
+        "unableToStartVideoEffect": "يتعذر تطبيق تأثير الفيديو.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "لا يمكن بدء تسليط الضوء على المشاركين (المشاركين) لأنه تم بالفعل تسليط الضوء على الحد الأقصى لعدد المشاركين."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "أنت تشارك شاشتك",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "تثبيت {participantName}",
         "unpinParticipantMenuItemAriaLabel": "إزالة تثبيت {participantName}",
         "pinnedParticipantAnnouncementAriaLabel": "تم تثبيت {participantName}",
-        "unpinnedParticipantAnnouncementAriaLabel": "تم إلغاء تثبيت {participantName}"
+        "unpinnedParticipantAnnouncementAriaLabel": "تم إلغاء تثبيت {participantName}",
+        "startSpotlightVideoTileMenuLabel": "تسليط الضوء لدى الجميع",
+        "addSpotlightVideoTileMenuLabel": "إضافة تسليط ضوء",
+        "spotlightLimitReachedMenuTitle": "تم الوصول إلى الحد الأقصى لتسليط الضوء",
+        "stopSpotlightVideoTileMenuLabel": "التوقف عن تسليط الضوء",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "الخروج من وضع تسليط الضوء"
     },
     "dialpad": {
         "placeholderText": "أدخل رقم الهاتف",

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "Návrhy"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "Stáhnout",
         "dismissButtonAriaLabel": "Zavřít"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "K hovoru se nepovedlo připojit.",
         "failedToJoinCallInvalidMeetingLink": "Ke schůzce se nelze připojit. Neplatný odkaz.",
         "cameraFrozenForRemoteParticipants": "Uživatelé v hovoru mají problémy s zobrazením vašeho videa. Zkontrolujte prosím svá zařízení a síť.",
-        "unableToStartVideoEffect": "Nelze použít efekt videa."
+        "unableToStartVideoEffect": "Nelze použít efekt videa.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "Nelze zahájit vytváření hlavního výběru účastníků, protože je již v hlavním výběru maximální počet účastníků."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Sdílíte obrazovku",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "Připnout {participantName}",
         "unpinParticipantMenuItemAriaLabel": "Odepnout {participantName}",
         "pinnedParticipantAnnouncementAriaLabel": "Připnutý účastník {participantName}",
-        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} odepnut"
+        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} odepnut",
+        "startSpotlightVideoTileMenuLabel": "Přidat do hlavního výběru všem",
+        "addSpotlightVideoTileMenuLabel": "Přidat do hlavního výběru",
+        "spotlightLimitReachedMenuTitle": "Dosáhlo se limitu hlavního výběru",
+        "stopSpotlightVideoTileMenuLabel": "Zastavit přidávání do hlavního výběru",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Ukončit hlavní výběr"
     },
     "dialpad": {
         "placeholderText": "Zadejte telefonní číslo",

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

@@ -31,7 +31,7 @@
     "mentionPopover": {
         "mentionPopoverHeader": "Vorschläge"
     },
-    "imageGallery": {
+    "imageOverlay": {
         "downloadButtonLabel": "Herunterladen",
         "dismissButtonAriaLabel": "Schließen"
     },
@@ -200,7 +200,8 @@
         "failedToJoinCallGeneric": "Fehler bei der Teilnahme am Anruf.",
         "failedToJoinCallInvalidMeetingLink": "Teilnahme an Besprechung nicht möglich. Ungültiger Link.",
         "cameraFrozenForRemoteParticipants": "Benutzer im Anruf haben Probleme, Ihr Video zu sehen. Überprüfen Sie Ihre Geräte und Ihr Netzwerk.",
-        "unableToStartVideoEffect": "Videoeffekt kann nicht angewendet werden."
+        "unableToStartVideoEffect": "Videoeffekt kann nicht angewendet werden.",
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "Das Spotlight für Teilnehmer*innen kann nicht gestartet werden, da die maximale Anzahl von Teilnehmer*innen bereits im Spotlight ist."
     },
     "videoGallery": {
         "screenIsBeingSharedMessage": "Sie teilen Ihren Bildschirm",
@@ -218,7 +219,12 @@
         "pinParticipantMenuItemAriaLabel": "{participantName} anheften",
         "unpinParticipantMenuItemAriaLabel": "{participantName} lösen",
         "pinnedParticipantAnnouncementAriaLabel": "{participantName} angeheftet",
-        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} gelöst"
+        "unpinnedParticipantAnnouncementAriaLabel": "{participantName} gelöst",
+        "startSpotlightVideoTileMenuLabel": "Spotlight für alle",
+        "addSpotlightVideoTileMenuLabel": "Spotlight hinzufügen",
+        "spotlightLimitReachedMenuTitle": "Spotlight-Limit erreicht",
+        "stopSpotlightVideoTileMenuLabel": "Spotlight beenden",
+        "stopSpotlightOnSelfVideoTileMenuLabel": "Spotlight beenden"
     },
     "dialpad": {
         "placeholderText": "Telefonnummer eingeben",