@azure/communication-react 1.13.0-beta.1 → 1.13.1-alpha-202402280012

package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IButtonStyles, IStackStyles, IStackTokens } from '@fluentui/react';\nimport { CHAT_CONTAINER_MIN_WIDTH_REM } from '../constants';\nconst SIDE_PANE_PADDING_LR_REM = 0.25;\n\n/**\n * @private\n */\nexport const mobilePaneStyle = {\n  root: {\n    width: '100%',\n    height: '100%'\n  }\n};\n\n/**\n * @private\n */\nexport const hiddenMobilePaneStyle: IStackStyles = concatStyleSets(mobilePaneStyle, {\n  root: {\n    display: 'none'\n  }\n});\n\n/**\n * @private\n */\nexport const mobilePaneControlBarStyle: IStackStyles = {\n  root: {\n    height: '3rem'\n  }\n};\n\n/**\n * @private\n */\nexport const mobilePaneBackButtonStyles: IButtonStyles = {\n  root: {\n    border: 'none',\n    minWidth: '2.5rem',\n    height: '100%',\n    background: 'none',\n    padding: '0 1rem'\n  },\n  rootChecked: {\n    background: 'none'\n  },\n  rootCheckedHovered: {\n    background: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const mobilePaneHiddenIconStyles: IButtonStyles = concatStyleSets(mobilePaneBackButtonStyles, {\n  root: {\n    visibility: 'hidden'\n  }\n});\n\n/**\n * @private\n */\nexport const mobilePaneButtonStyles: IButtonStyles = {\n  root: {\n    border: 'none',\n    borderBottom: '0.125rem solid transparent',\n    width: '8rem',\n    height: '100%',\n    background: 'none',\n    padding: '0'\n  },\n  rootChecked: {\n    background: 'none'\n  },\n  rootCheckedHovered: {\n    background: 'none'\n  },\n  flexContainer: {\n    flexFlow: 'column',\n    display: 'contents'\n  },\n  label: {\n    fontSize: '1rem',\n    fontWeight: 100,\n    lineHeight: '2rem',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap'\n  },\n  labelChecked: {\n    fontWeight: 600\n  }\n};\n\n/**\n * @private\n */\nexport const hiddenStyles: IStackStyles = {\n  root: {\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneStyles = (maxWidth?: string, minWidth?: string): IStackStyles => ({\n  root: {\n    height: 'auto',\n    width: '100%',\n    padding: `0.5rem ${SIDE_PANE_PADDING_LR_REM}rem`,\n    maxWidth: maxWidth ?? '21.5rem',\n    minWidth: minWidth ?? `${CHAT_CONTAINER_MIN_WIDTH_REM + SIDE_PANE_PADDING_LR_REM * 2}rem`\n  }\n});\n\n/**\n * @private\n */\nexport const availableSpaceStyles: IStackStyles = {\n  root: {\n    width: '100%',\n    height: '100%'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};"]}
+{"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAA6C,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAEtC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB,eAAe,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AAEnH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAEpF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB;IACvD,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;IACnG,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IACnC,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;CAC3C,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB,eAAe,CAAC,0BAA0B,EAAE;IACnG,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;CAC/B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,4BAA4B;QAC1C,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,GAAG;KACb;IACD,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IACnC,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC1C,aAAa,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;IAC1D,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAiB,EAAE,QAAiB,EAAgB,EAAE,CAAC,CAAC;IACrF,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,UAAU,wBAAwB,KAAK;QAChD,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,SAAS;QAC/B,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,GAAG,4BAA4B,GAAG,wBAAwB,GAAG,CAAC,KAAK;KAC1F;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE9F;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,WAAW,EAAE,QAAQ;CACtB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IButtonStyles, IStackStyles, IStackTokens } from '@fluentui/react';\nimport { CHAT_CONTAINER_MIN_WIDTH_REM } from '../constants';\n\nconst SIDE_PANE_PADDING_LR_REM = 0.25;\n\n/**\n * @private\n */\nexport const mobilePaneStyle = { root: { width: '100%', height: '100%' } };\n\n/**\n * @private\n */\nexport const hiddenMobilePaneStyle: IStackStyles = concatStyleSets(mobilePaneStyle, { root: { display: 'none' } });\n\n/**\n * @private\n */\nexport const mobilePaneControlBarStyle: IStackStyles = { root: { height: '3rem' } };\n\n/**\n * @private\n */\nexport const mobilePaneBackButtonStyles: IButtonStyles = {\n  root: { border: 'none', minWidth: '2.5rem', height: '100%', background: 'none', padding: '0 1rem' },\n  rootChecked: { background: 'none' },\n  rootCheckedHovered: { background: 'none' }\n};\n\n/**\n * @private\n */\nexport const mobilePaneHiddenIconStyles: IButtonStyles = concatStyleSets(mobilePaneBackButtonStyles, {\n  root: { visibility: 'hidden' }\n});\n\n/**\n * @private\n */\nexport const mobilePaneButtonStyles: IButtonStyles = {\n  root: {\n    border: 'none',\n    borderBottom: '0.125rem solid transparent',\n    width: '8rem',\n    height: '100%',\n    background: 'none',\n    padding: '0'\n  },\n  rootChecked: { background: 'none' },\n  rootCheckedHovered: { background: 'none' },\n  flexContainer: { flexFlow: 'column', display: 'contents' },\n  label: {\n    fontSize: '1rem',\n    fontWeight: 100,\n    lineHeight: '2rem',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap'\n  },\n  labelChecked: { fontWeight: 600 }\n};\n\n/**\n * @private\n */\nexport const hiddenStyles: IStackStyles = {\n  root: {\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneStyles = (maxWidth?: string, minWidth?: string): IStackStyles => ({\n  root: {\n    height: 'auto',\n    width: '100%',\n    padding: `0.5rem ${SIDE_PANE_PADDING_LR_REM}rem`,\n    maxWidth: maxWidth ?? '21.5rem',\n    minWidth: minWidth ?? `${CHAT_CONTAINER_MIN_WIDTH_REM + SIDE_PANE_PADDING_LR_REM * 2}rem`\n  }\n});\n\n/**\n * @private\n */\nexport const availableSpaceStyles: IStackStyles = { root: { width: '100%', height: '100%' } };\n\n/**\n * @private\n */\nexport const sidePaneTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.js

@@ -46,22 +46,11 @@ export const sidePaneHeaderContainerStyles = {
 /**
  * @private
  */
-export const paneBodyContainer = {
-    root: {
-        flexDirection: 'column',
-        display: 'flex'
-    }
-};
+export const paneBodyContainer = { root: { flexDirection: 'column', display: 'flex' } };
 /**
  * @private
  */
-export const scrollableContainer = {
-    root: {
-        flexBasis: '0',
-        flexGrow: '1',
-        overflowY: 'auto'
-    }
-};
+export const scrollableContainer = { root: { flexBasis: '0', flexGrow: '1', overflowY: 'auto' } };
 /**
  * @private
  */
@@ -77,13 +66,7 @@ export const scrollableContainerContents = {
 /**
  * @private
  */
-export const containerContextStyles = {
-    root: {
-        position: 'absolute',
-        height: '100%',
-        width: '100%'
-    }
-};
+export const containerContextStyles = { root: { position: 'absolute', height: '100%', width: '100%' } };
 /**
  * @private
  */
@@ -115,9 +98,7 @@ export const participantListWrapper = (theme) => mergeStyles({
 /**
  * @private
  */
-export const participantListContainerPadding = {
-    childrenGap: '0.5rem'
-};
+export const participantListContainerPadding = { childrenGap: '0.5rem' };
 /**
  * @private
  */
@@ -136,9 +117,7 @@ export const participantListContainerStyle = mergeStyles({
  * @private
  */
 export const participantListStyle = {
-    root: {
-        padding: '0rem'
-    },
+    root: { padding: '0rem' },
     participantItemStyles: {
         root: {
             padding: '0.5rem'
@@ -149,9 +128,7 @@ export const participantListStyle = {
  * @private
  */
 export const participantListMobileStyle = {
-    root: {
-        padding: '0rem'
-    },
+    root: { padding: '0rem' },
     participantItemStyles: {
         root: {
             padding: '0.5rem 1rem'

package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantContainer.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/ParticipantContainer.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, IStackItemStyles, IStackTokens, mergeStyles, Theme, ITextStyles } from '@fluentui/react';\nimport { ParticipantListStyles } from '@internal/react-components';\nimport { CHAT_CONTAINER_ZINDEX } from '../../ChatComposite/styles/Chat.styles';\n\n/**\n * @private\n */\nexport const sidePaneContainerStyles: IStackItemStyles = {\n  root: {\n    height: '100%',\n    padding: '0.5rem 0.25rem',\n    width: '21.5rem'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneContainerHiddenStyles: IStackItemStyles = {\n  root: {\n    ...sidePaneContainerStyles,\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const sidePaneHeaderStyles: IStackItemStyles = {\n  root: {\n    lineHeight: '1.5rem',\n    fontSize: '1.125rem',\n    padding: '0.75rem 0.75rem 0.75rem 0.25rem',\n    fontWeight: '600'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneHeaderContainerStyles: IStackStyles = {\n  root: {\n    margin: '0 0.25rem'\n  }\n};\n\n/**\n * @private\n */\nexport const paneBodyContainer: IStackStyles = {\n  root: {\n    flexDirection: 'column',\n    display: 'flex'\n  }\n};\n\n/**\n * @private\n */\nexport const scrollableContainer: IStackStyles = {\n  root: {\n    flexBasis: '0',\n    flexGrow: '1',\n    overflowY: 'auto'\n  }\n};\n\n/**\n * @private\n */\nexport const scrollableContainerContents: IStackItemStyles = {\n  root: {\n    flexGrow: '1',\n    flexBasis: '0',\n    maxWidth: '100%',\n    // Create a new stacking context so that `pipStyles` can set zIndex above the container.\n    position: 'relative'\n  }\n};\n\n/**\n * @private\n */\nexport const containerContextStyles: IStackStyles = {\n  root: {\n    position: 'absolute',\n    height: '100%',\n    width: '100%'\n  }\n};\n/**\n * @private\n */\nexport const peopleSubheadingStyle: IStackItemStyles = {\n  root: {\n    fontSize: '0.75rem'\n  }\n};\n\n/**\n * @private\n */\nexport const peoplePaneContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const participantListWrapper = (theme: Theme): string => mergeStyles({\n  width: '20rem',\n  maxWidth: '50%',\n  height: '100%',\n  position: 'absolute',\n  right: '0',\n  boxShadow: theme.effects.elevation16,\n  background: theme.semanticColors.bodyBackground,\n  // zIndex to set the participant pane above the chat container\n  zIndex: CHAT_CONTAINER_ZINDEX + 1\n});\n\n/**\n * @private\n */\nexport const participantListContainerPadding = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const participantListStack = mergeStyles({\n  height: '100%'\n});\n\n/**\n * @private\n */\nexport const participantListContainerStyle = mergeStyles({\n  height: '100%',\n  overflowY: 'auto',\n  overflowX: 'hidden'\n});\n\n/**\n * @private\n */\nexport const participantListStyle: ParticipantListStyles = {\n  root: {\n    padding: '0rem'\n  },\n  participantItemStyles: {\n    root: {\n      padding: '0.5rem'\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const participantListMobileStyle: ParticipantListStyles = {\n  root: {\n    padding: '0rem'\n  },\n  participantItemStyles: {\n    root: {\n      padding: '0.5rem 1rem'\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const displayNameStyles: ITextStyles = {\n  root: {\n    padding: '0.5rem',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden'\n  }\n};"]}
+{"version":3,"file":"ParticipantContainer.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ParticipantContainer.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgD,WAAW,EAAsB,MAAM,iBAAiB,CAAC;AAEhH,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACvD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,gBAAgB;QACzB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAqB;IAC7D,IAAI,kCACC,uBAAuB,KAC1B,OAAO,EAAE,MAAM,GAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB;IACnD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAqB;IACpD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,iCAAiC;QAC1C,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB;IACzD,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC;AAEtG;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;AAEhH;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAqB;IAC3D,IAAI,EAAE;QACJ,QAAQ,EAAE,GAAG;QACb,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,MAAM;QAChB,wFAAwF;QACxF,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC;AACtH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACrD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAY,EAAU,EAAE,CAC7D,WAAW,CAAC;IACV,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;IACpC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;IAC/C,8DAA8D;IAC9D,MAAM,EAAE,qBAAqB,GAAG,CAAC;CAClC,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAEzE;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;IACvD,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IACzB,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;SAClB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAA0B;IAC/D,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IACzB,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,OAAO,EAAE,aAAa;SACvB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,OAAO,EAAE,QAAQ;QACjB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, IStackItemStyles, IStackTokens, mergeStyles, Theme, ITextStyles } from '@fluentui/react';\nimport { ParticipantListStyles } from '@internal/react-components';\nimport { CHAT_CONTAINER_ZINDEX } from '../../ChatComposite/styles/Chat.styles';\n\n/**\n * @private\n */\nexport const sidePaneContainerStyles: IStackItemStyles = {\n  root: {\n    height: '100%',\n    padding: '0.5rem 0.25rem',\n    width: '21.5rem'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneContainerHiddenStyles: IStackItemStyles = {\n  root: {\n    ...sidePaneContainerStyles,\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const sidePaneHeaderStyles: IStackItemStyles = {\n  root: {\n    lineHeight: '1.5rem',\n    fontSize: '1.125rem',\n    padding: '0.75rem 0.75rem 0.75rem 0.25rem',\n    fontWeight: '600'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneHeaderContainerStyles: IStackStyles = {\n  root: {\n    margin: '0 0.25rem'\n  }\n};\n\n/**\n * @private\n */\nexport const paneBodyContainer: IStackStyles = { root: { flexDirection: 'column', display: 'flex' } };\n\n/**\n * @private\n */\nexport const scrollableContainer: IStackStyles = { root: { flexBasis: '0', flexGrow: '1', overflowY: 'auto' } };\n\n/**\n * @private\n */\nexport const scrollableContainerContents: IStackItemStyles = {\n  root: {\n    flexGrow: '1',\n    flexBasis: '0',\n    maxWidth: '100%',\n    // Create a new stacking context so that `pipStyles` can set zIndex above the container.\n    position: 'relative'\n  }\n};\n\n/**\n * @private\n */\nexport const containerContextStyles: IStackStyles = { root: { position: 'absolute', height: '100%', width: '100%' } };\n/**\n * @private\n */\nexport const peopleSubheadingStyle: IStackItemStyles = {\n  root: {\n    fontSize: '0.75rem'\n  }\n};\n\n/**\n * @private\n */\nexport const peoplePaneContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const participantListWrapper = (theme: Theme): string =>\n  mergeStyles({\n    width: '20rem',\n    maxWidth: '50%',\n    height: '100%',\n    position: 'absolute',\n    right: '0',\n    boxShadow: theme.effects.elevation16,\n    background: theme.semanticColors.bodyBackground,\n    // zIndex to set the participant pane above the chat container\n    zIndex: CHAT_CONTAINER_ZINDEX + 1\n  });\n\n/**\n * @private\n */\nexport const participantListContainerPadding = { childrenGap: '0.5rem' };\n\n/**\n * @private\n */\nexport const participantListStack = mergeStyles({\n  height: '100%'\n});\n\n/**\n * @private\n */\nexport const participantListContainerStyle = mergeStyles({\n  height: '100%',\n  overflowY: 'auto',\n  overflowX: 'hidden'\n});\n\n/**\n * @private\n */\nexport const participantListStyle: ParticipantListStyles = {\n  root: { padding: '0rem' },\n  participantItemStyles: {\n    root: {\n      padding: '0.5rem'\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const participantListMobileStyle: ParticipantListStyles = {\n  root: { padding: '0rem' },\n  participantItemStyles: {\n    root: {\n      padding: '0.5rem 1rem'\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const displayNameStyles: ITextStyles = {\n  root: {\n    padding: '0.5rem',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden'\n  }\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js

@@ -19,29 +19,15 @@ export const peoplePaneContainerStyle = {
 /**
  * @private
  */
-export const participantListContainerStyles = {
-    root: {
-        overflowY: 'scroll'
-    }
-};
+export const participantListContainerStyles = { root: { overflowY: 'scroll' } };
 /**
  * @private
  */
-export const copyLinkButtonContainerStyles = {
-    root: {
-        width: '100%',
-        padding: '0.5rem 1rem'
-    }
-};
+export const copyLinkButtonContainerStyles = { root: { width: '100%', padding: '0.5rem 1rem' } };
 /**
  * @private
  */
-export const copyLinkButtonStackStyles = {
-    root: {
-        marginLeft: '0.5rem',
-        marginRight: '0.5rem'
-    }
-};
+export const copyLinkButtonStackStyles = { root: { marginLeft: '0.5rem', marginRight: '0.5rem' } };
 /**
  * @private
  */
@@ -63,11 +49,7 @@ export const linkIconStyles = {
 /**
  * @private
  */
-export const localAndRemotePIPStyles = {
-    root: {
-        marginRight: '1rem'
-    }
-};
+export const localAndRemotePIPStyles = { root: { marginRight: '1rem' } };
 /**
  * @private
  */

package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeoplePaneContent.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/PeoplePaneContent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACxD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAqB;IAC9D,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB;IACzD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,aAAa;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB;IACnD,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,UAA+B,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IACpH,IAAI,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACvF;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStackItemStyles, IStackStyles, IStackTokens, Theme } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const peoplePaneContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const peoplePaneContainerStyle: IStackItemStyles = {\n  root: {\n    position: 'relative',\n    maxHeight: '100%',\n    overflow: 'hidden'\n  }\n};\n\n/**\n * @private\n */\nexport const participantListContainerStyles: IStackItemStyles = {\n  root: {\n    overflowY: 'scroll'\n  }\n};\n\n/**\n * @private\n */\nexport const copyLinkButtonContainerStyles: IStackStyles = {\n  root: {\n    width: '100%',\n    padding: '0.5rem 1rem'\n  }\n};\n\n/**\n * @private\n */\nexport const copyLinkButtonStackStyles: IStackStyles = {\n  root: {\n    marginLeft: '0.5rem',\n    marginRight: '0.5rem'\n  }\n};\n\n/**\n * @private\n */\nexport const copyLinkButtonStyles: IButtonStyles = {\n  root: {\n    height: '2.5rem',\n    width: '100%'\n  },\n  textContainer: {\n    display: 'contents'\n  }\n};\n\n/**\n * @private\n */\nexport const linkIconStyles = {\n  marginRight: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const localAndRemotePIPStyles: IStackStyles = {\n  root: {\n    marginRight: '1rem'\n  }\n};\n\n/**\n * @private\n */\nexport const themedCopyLinkButtonStyles = (mobileView: boolean | undefined, theme: Theme): Partial<IButtonStyles> => ({\n  root: {\n    minHeight: mobileView ? '3rem' : '2.5rem',\n    borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4\n  }\n});"]}
+{"version":3,"file":"PeoplePaneContent.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/PeoplePaneContent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACxD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAqB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;AAElG;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,CAAC;AAE/G;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,CAAC;AAEjH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC;AAEvF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,UAA+B,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IACpH,IAAI,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACvF;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStackItemStyles, IStackStyles, IStackTokens, Theme } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const peoplePaneContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const peoplePaneContainerStyle: IStackItemStyles = {\n  root: {\n    position: 'relative',\n    maxHeight: '100%',\n    overflow: 'hidden'\n  }\n};\n\n/**\n * @private\n */\nexport const participantListContainerStyles: IStackItemStyles = { root: { overflowY: 'scroll' } };\n\n/**\n * @private\n */\nexport const copyLinkButtonContainerStyles: IStackStyles = { root: { width: '100%', padding: '0.5rem 1rem' } };\n\n/**\n * @private\n */\nexport const copyLinkButtonStackStyles: IStackStyles = { root: { marginLeft: '0.5rem', marginRight: '0.5rem' } };\n\n/**\n * @private\n */\nexport const copyLinkButtonStyles: IButtonStyles = {\n  root: {\n    height: '2.5rem',\n    width: '100%'\n  },\n  textContainer: {\n    display: 'contents'\n  }\n};\n\n/**\n * @private\n */\nexport const linkIconStyles = {\n  marginRight: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const localAndRemotePIPStyles: IStackStyles = { root: { marginRight: '1rem' } };\n\n/**\n * @private\n */\nexport const themedCopyLinkButtonStyles = (mobileView: boolean | undefined, theme: Theme): Partial<IButtonStyles> => ({\n  root: {\n    minHeight: mobileView ? '3rem' : '2.5rem',\n    borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4\n  }\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/Survey.styles.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const questionTextStyle: (theme: Theme) => string;
+/**
+ * @private
+ */
+export declare const surveyContainerStyle: (isMobile: any) => string;
+//# sourceMappingURL=Survey.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/styles/Survey.styles.js

@@ -0,0 +1,36 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(end-of-call-survey) */
+import { mergeStyles } from '@fluentui/react';
+/* @conditional-compile-remove(end-of-call-survey) */
+import { _pxToRem } from "../../../../../acs-ui-common/src";
+/* @conditional-compile-remove(end-of-call-survey) */
+/**
+ * @private
+ */
+export const questionTextStyle = (theme) => mergeStyles({
+    fontWeight: 600,
+    fontSize: _pxToRem(20),
+    lineHeight: _pxToRem(20),
+    color: theme.palette.neutralPrimary
+});
+/* @conditional-compile-remove(end-of-call-survey) */
+/**
+ * @private
+ */
+export const surveyContainerStyle = (isMobile) => mergeStyles(isMobile
+    ? {
+        width: '20rem',
+        position: 'absolute',
+        top: '10%',
+        left: '50%',
+        transform: 'translateX(-50%)'
+    }
+    : {
+        width: '24rem',
+        position: 'absolute',
+        top: '20%',
+        left: '50%',
+        transform: 'translateX(-50%)'
+    });
+//# sourceMappingURL=Survey.styles.js.map

package/dist/dist-esm/react-composites/src/composites/common/styles/Survey.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Survey.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Survey.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,qDAAqD;AACrD,OAAO,EAAS,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,qDAAqD;AACrD,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD,qDAAqD;AACrD;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAU,EAAE,CACxD,WAAW,CAAC;IACV,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;CACpC,CAAC,CAAC;AAEL,qDAAqD;AACrD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAQ,EAAU,EAAE,CACvD,WAAW,CACT,QAAQ;IACN,CAAC,CAAC;QACE,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,kBAAkB;KAC9B;IACH,CAAC,CAAC;QACE,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,kBAAkB;KAC9B,CACN,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Theme, mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/* @conditional-compile-remove(end-of-call-survey) */\n/**\n * @private\n */\nexport const questionTextStyle = (theme: Theme): string =>\n  mergeStyles({\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(20),\n    color: theme.palette.neutralPrimary\n  });\n\n/* @conditional-compile-remove(end-of-call-survey) */\n/**\n * @private\n */\nexport const surveyContainerStyle = (isMobile): string =>\n  mergeStyles(\n    isMobile\n      ? {\n          width: '20rem',\n          position: 'absolute',\n          top: '10%',\n          left: '50%',\n          transform: 'translateX(-50%)'\n        }\n      : {\n          width: '24rem',\n          position: 'absolute',\n          top: '20%',\n          left: '50%',\n          transform: 'translateX(-50%)'\n        }\n  );\n"]}

package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.d.ts

@@ -73,6 +73,13 @@ export type CommonCallControlOptions = {
     raiseHandButton?: boolean | {
         disabled: boolean;
     };
+    /**
+     * Show, Hide or Disable the reaction button during a call.
+     * @defaultValue true
+     */
+    reactionButton?: boolean | {
+        disabled: boolean;
+    };
     /**
      * Inject custom buttons in the call controls.
      */
@@ -87,5 +94,15 @@ export type CommonCallControlOptions = {
     peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
         disabled: boolean;
     };
+    /**
+     * Show or hide the dialpad button in the composite control bar.
+     */
+    dtmfDialerButton?: boolean | {
+        disabled: boolean;
+    };
+    /**
+     * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.
+     */
+    exitSpotlightButton?: boolean;
 };
 //# sourceMappingURL=CommonCallControlOptions.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/**\n * Control bar display type for {@link CallComposite}.\n *\n * @public\n */\nexport type CallControlDisplayType = 'default' | 'compact';\n\n/**\n * Customization options for the control bar in calling experience.\n *\n * @public\n */\nexport type CommonCallControlOptions = {\n  /**\n   * {@link CallControlDisplayType} to change how the call controls are displayed.\n   * `'compact'` display type will decreases the size of buttons and hide the labels.\n   *\n   * @remarks\n   * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n   *\n   * @defaultValue 'default'\n   */\n  displayType?: CallControlDisplayType;\n  /**\n   * Show or Hide Camera Button during a call\n   * @defaultValue true\n   */\n  cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */{\n    disabled: boolean;\n  };\n  /**\n   * Show or Hide EndCall button during a call.\n   * @defaultValue true\n   */\n  endCallButton?: boolean;\n  /**\n   * Show or Hide Microphone button during a call.\n   * @defaultValue true\n   */\n  microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */{\n    disabled: boolean;\n  };\n  /**\n   * Show or Hide Devices button during a call.\n   * @defaultValue true\n   */\n  devicesButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */{\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable participants button during a call.\n   * @defaultValue true\n   */\n  participantsButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  screenShareButton?: boolean | {\n    disabled: boolean;\n  };\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */ /* @conditional-compile-remove(raise-hand) */\n  /**\n   * Show, Hide or disable the more button during a call.\n   * @defaultValue true\n   */\n  moreButton?: boolean;\n  /* @conditional-compile-remove(raise-hand) */\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  raiseHandButton?: boolean | {\n    disabled: boolean;\n  };\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  /**\n   * Inject custom buttons in the call controls.\n   */\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  holdButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or hide the people button in the composite control bar.\n   * @defaultValue true\n   */\n  peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */{\n    disabled: boolean;\n  };\n};"]}
+{"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/**\n * Control bar display type for {@link CallComposite}.\n *\n * @public\n */\nexport type CallControlDisplayType = 'default' | 'compact';\n\n/**\n * Customization options for the control bar in calling experience.\n *\n * @public\n */\nexport type CommonCallControlOptions = {\n  /**\n   * {@link CallControlDisplayType} to change how the call controls are displayed.\n   * `'compact'` display type will decreases the size of buttons and hide the labels.\n   *\n   * @remarks\n   * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n   *\n   * @defaultValue 'default'\n   */\n  displayType?: CallControlDisplayType;\n  /**\n   * Show or Hide Camera Button during a call\n   * @defaultValue true\n   */\n  cameraButton?:\n    | boolean\n    | /* @conditional-compile-remove(PSTN-calls) */ {\n        disabled: boolean;\n      };\n  /**\n   * Show or Hide EndCall button during a call.\n   * @defaultValue true\n   */\n  endCallButton?: boolean;\n  /**\n   * Show or Hide Microphone button during a call.\n   * @defaultValue true\n   */\n  microphoneButton?:\n    | boolean\n    | /* @conditional-compile-remove(PSTN-calls) */ {\n        disabled: boolean;\n      };\n  /**\n   * Show or Hide Devices button during a call.\n   * @defaultValue true\n   */\n  devicesButton?:\n    | boolean\n    | /* @conditional-compile-remove(PSTN-calls) */ {\n        disabled: boolean;\n      };\n  /**\n   * Show, Hide or Disable participants button during a call.\n   * @defaultValue true\n   */\n  participantsButton?: boolean | { disabled: boolean };\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  screenShareButton?: boolean | { disabled: boolean };\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */ /* @conditional-compile-remove(raise-hand) */\n  /**\n   * Show, Hide or disable the more button during a call.\n   * @defaultValue true\n   */\n  moreButton?: boolean;\n  /* @conditional-compile-remove(raise-hand) */\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  raiseHandButton?: boolean | { disabled: boolean };\n  /* @conditional-compile-remove(reaction) */\n  /**\n   * Show, Hide or Disable the reaction button during a call.\n   * @defaultValue true\n   */\n  reactionButton?: boolean | { disabled: boolean };\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  /**\n   * Inject custom buttons in the call controls.\n   */\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  holdButton?: boolean | { disabled: boolean };\n  /**\n   * Show or hide the people button in the composite control bar.\n   * @defaultValue true\n   */\n  peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ { disabled: boolean };\n  /* @conditional-compile-remove(dtmf-dialer) */\n  /**\n   * Show or hide the dialpad button in the composite control bar.\n   */\n  dtmfDialerButton?: boolean | { disabled: boolean };\n  /* @conditional-compile-remove(spotlight) */\n  /**\n   * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.\n   */\n  exitSpotlightButton?: boolean;\n};\n"]}

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

@@ -11,18 +11,23 @@ export const useMinMaxDragPosition = (modalLayerHostId, rtl) => {
     const modalHostRef = useRef(document.getElementById(modalLayerHostId));
     const modalHostWidth = _useContainerWidth(modalHostRef);
     const modalHostHeight = _useContainerHeight(modalHostRef);
-    const minDragPosition = useMemo(() => modalHostWidth === undefined ? undefined : {
-        x: rtl ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
-        y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx
-    }, [modalHostWidth, rtl]);
-    const maxDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined ? undefined : {
-        x: rtl ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx : MODAL_PIP_DEFAULT_PX.rightPositionPx,
-        y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx
-    }, [modalHostHeight, modalHostWidth, rtl]);
-    return {
-        minDragPosition: minDragPosition,
-        maxDragPosition: maxDragPosition
-    };
+    const minDragPosition = useMemo(() => modalHostWidth === undefined
+        ? undefined
+        : {
+            x: rtl
+                ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx
+                : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
+            y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx
+        }, [modalHostWidth, rtl]);
+    const maxDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined
+        ? undefined
+        : {
+            x: rtl
+                ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx
+                : MODAL_PIP_DEFAULT_PX.rightPositionPx,
+            y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx
+        }, [modalHostHeight, modalHostWidth, rtl]);
+    return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };
 };
 /**
  * @private

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QAC1G,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,CAAC,eAAe,GAAG,cAAc,GAAG,oBAAoB,CAAC,OAAO;QACzI,CAAC,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,aAAa;KAC3C,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC;IAC1B,MAAM,eAAe,GAA8B,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QAC3I,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,eAAe;QACpI,CAAC,EAAE,eAAe,GAAG,oBAAoB,CAAC,aAAa,GAAG,oBAAoB,CAAC,QAAQ;KACxF,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3C,OAAO;QACL,eAAe,EAAE,eAAe;QAChC,eAAe,EAAE,eAAe;KACjC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _ICoordinates, _useContainerHeight, _useContainerWidth } from '@internal/react-components';\nimport { useMemo, useRef } from 'react';\nimport { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';\n\n/**\n * Interface for ModalLocalAndRemotePIP drag positions\n */\ninterface MinMaxDragPosition {\n  minDragPosition: _ICoordinates | undefined;\n  maxDragPosition: _ICoordinates | undefined;\n}\n\n/**\n * @private\n */\n// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410\nexport const useMinMaxDragPosition = (modalLayerHostId: string, rtl?: boolean): MinMaxDragPosition => {\n  const modalHostRef = useRef<HTMLElement>(document.getElementById(modalLayerHostId));\n  const modalHostWidth = _useContainerWidth(modalHostRef);\n  const modalHostHeight = _useContainerHeight(modalHostRef);\n  const minDragPosition: _ICoordinates | undefined = useMemo(() => modalHostWidth === undefined ? undefined : {\n    x: rtl ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,\n    y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx\n  }, [modalHostWidth, rtl]);\n  const maxDragPosition: _ICoordinates | undefined = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined ? undefined : {\n    x: rtl ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx : MODAL_PIP_DEFAULT_PX.rightPositionPx,\n    y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx\n  }, [modalHostHeight, modalHostWidth, rtl]);\n  return {\n    minDragPosition: minDragPosition,\n    maxDragPosition: maxDragPosition\n  };\n};\n\n/**\n * @private\n */\nexport const defaultSpokenLanguage = 'en-us';"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,eAAe;gBAC3C,CAAC,CAAC,oBAAoB,CAAC,eAAe,GAAG,cAAc,GAAG,oBAAoB,CAAC,OAAO;YACxF,CAAC,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,aAAa;SAC3C,EACP,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IACF,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS;QAC3D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,cAAc,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO;gBACtF,CAAC,CAAC,oBAAoB,CAAC,eAAe;YACxC,CAAC,EAAE,eAAe,GAAG,oBAAoB,CAAC,aAAa,GAAG,oBAAoB,CAAC,QAAQ;SACxF,EACP,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,CACvC,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAChF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _ICoordinates, _useContainerHeight, _useContainerWidth } from '@internal/react-components';\nimport { useMemo, useRef } from 'react';\nimport { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';\n\n/**\n * Interface for ModalLocalAndRemotePIP drag positions\n */\ninterface MinMaxDragPosition {\n  minDragPosition: _ICoordinates | undefined;\n  maxDragPosition: _ICoordinates | undefined;\n}\n\n/**\n * @private\n */\n// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410\nexport const useMinMaxDragPosition = (modalLayerHostId: string, rtl?: boolean): MinMaxDragPosition => {\n  const modalHostRef = useRef<HTMLElement>(document.getElementById(modalLayerHostId));\n  const modalHostWidth = _useContainerWidth(modalHostRef);\n  const modalHostHeight = _useContainerHeight(modalHostRef);\n  const minDragPosition: _ICoordinates | undefined = useMemo(\n    () =>\n      modalHostWidth === undefined\n        ? undefined\n        : {\n            x: rtl\n              ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx\n              : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,\n            y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx\n          },\n    [modalHostWidth, rtl]\n  );\n  const maxDragPosition: _ICoordinates | undefined = useMemo(\n    () =>\n      modalHostWidth === undefined || modalHostHeight === undefined\n        ? undefined\n        : {\n            x: rtl\n              ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx\n              : MODAL_PIP_DEFAULT_PX.rightPositionPx,\n            y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx\n          },\n    [modalHostHeight, modalHostWidth, rtl]\n  );\n\n  return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };\n};\n\n/**\n * @private\n */\nexport const defaultSpokenLanguage = 'en-us';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-composites/src/composites/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,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;AAGtF,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,cAAc,wBAAwB,CAAC;AAQvC,2DAA2D;AAC3D,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAC/F,2DAA2D;AAC3D,OAAO,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport type { Disposable, AdapterState } from './common/adapters';\nexport * from './ChatComposite';\nexport * from './CallComposite';\nexport * from './CallWithChatComposite';\nexport { COMPOSITE_LOCALE_EN_GB } from './localization/locales/en-GB/CompositeLocale';\nexport { COMPOSITE_LOCALE_AR_SA } from './localization/locales/ar-SA/CompositeLocale';\nexport { COMPOSITE_LOCALE_CS_CZ } from './localization/locales/cs-CZ/CompositeLocale';\nexport { COMPOSITE_LOCALE_DE_DE } from './localization/locales/de-DE/CompositeLocale';\nexport { COMPOSITE_LOCALE_ES_ES } from './localization/locales/es-ES/CompositeLocale';\nexport { COMPOSITE_LOCALE_FI_FI } from './localization/locales/fi-FI/CompositeLocale';\nexport { COMPOSITE_LOCALE_FR_FR } from './localization/locales/fr-FR/CompositeLocale';\nexport { COMPOSITE_LOCALE_HE_IL } from './localization/locales/he-IL/CompositeLocale';\nexport { COMPOSITE_LOCALE_IT_IT } from './localization/locales/it-IT/CompositeLocale';\nexport { COMPOSITE_LOCALE_JA_JP } from './localization/locales/ja-JP/CompositeLocale';\nexport { COMPOSITE_LOCALE_KO_KR } from './localization/locales/ko-KR/CompositeLocale';\nexport { COMPOSITE_LOCALE_NB_NO } from './localization/locales/nb-NO/CompositeLocale';\nexport { COMPOSITE_LOCALE_NL_NL } from './localization/locales/nl-NL/CompositeLocale';\nexport { COMPOSITE_LOCALE_PL_PL } from './localization/locales/pl-PL/CompositeLocale';\nexport { COMPOSITE_LOCALE_PT_BR } from './localization/locales/pt-BR/CompositeLocale';\nexport { COMPOSITE_LOCALE_RU_RU } from './localization/locales/ru-RU/CompositeLocale';\nexport { COMPOSITE_LOCALE_SV_SE } from './localization/locales/sv-SE/CompositeLocale';\nexport { COMPOSITE_LOCALE_TR_TR } from './localization/locales/tr-TR/CompositeLocale';\nexport { COMPOSITE_LOCALE_ZH_CN } from './localization/locales/zh-CN/CompositeLocale';\nexport { COMPOSITE_LOCALE_ZH_TW } from './localization/locales/zh-TW/CompositeLocale';\nexport type { CallControlDisplayType, CommonCallControlOptions } from './common/types/CommonCallControlOptions';\nexport type { AvatarPersonaData, AvatarPersonaDataCallback } from './common/AvatarPersona';\nexport { COMPOSITE_ONLY_ICONS, DEFAULT_COMPOSITE_ICONS } from './common/icons';\nexport type { CompositeIcons, ChatCompositeIcons, CallCompositeIcons, CallWithChatCompositeIcons } from './common/icons';\nexport * from './localization/locales';\nexport type { CompositeStrings, CompositeLocale } from './localization';\nexport type { AdapterError, AdapterErrors } from './common/adapters';\nexport type { BaseCompositeProps } from './common/BaseComposite';\n\n/* @conditional-compile-remove(control-bar-button-injection) */\nexport type { CustomCallControlButtonCallback, CustomCallControlButtonPlacement, CustomCallControlButtonCallbackArgs, CustomCallControlButtonStrings } from './common/ControlBar/CustomButton';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport { onResolveVideoEffectDependencyLazy } from './common/resolveVideoEffectDependencyLazy';\n/* @conditional-compile-remove(video-background-effects) */\nexport { onResolveVideoEffectDependency } from './common/resolveVideoEffectDependency';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-composites/src/composites/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,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;AAKtF,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAO/E,cAAc,wBAAwB,CAAC;AAavC,2DAA2D;AAC3D,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAC/F,2DAA2D;AAC3D,OAAO,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport type { Disposable, AdapterState } from './common/adapters';\n\nexport * from './ChatComposite';\nexport * from './CallComposite';\nexport * from './CallWithChatComposite';\nexport { COMPOSITE_LOCALE_EN_GB } from './localization/locales/en-GB/CompositeLocale';\nexport { COMPOSITE_LOCALE_AR_SA } from './localization/locales/ar-SA/CompositeLocale';\nexport { COMPOSITE_LOCALE_CS_CZ } from './localization/locales/cs-CZ/CompositeLocale';\nexport { COMPOSITE_LOCALE_DE_DE } from './localization/locales/de-DE/CompositeLocale';\nexport { COMPOSITE_LOCALE_ES_ES } from './localization/locales/es-ES/CompositeLocale';\nexport { COMPOSITE_LOCALE_FI_FI } from './localization/locales/fi-FI/CompositeLocale';\nexport { COMPOSITE_LOCALE_FR_FR } from './localization/locales/fr-FR/CompositeLocale';\nexport { COMPOSITE_LOCALE_HE_IL } from './localization/locales/he-IL/CompositeLocale';\nexport { COMPOSITE_LOCALE_IT_IT } from './localization/locales/it-IT/CompositeLocale';\nexport { COMPOSITE_LOCALE_JA_JP } from './localization/locales/ja-JP/CompositeLocale';\nexport { COMPOSITE_LOCALE_KO_KR } from './localization/locales/ko-KR/CompositeLocale';\nexport { COMPOSITE_LOCALE_NB_NO } from './localization/locales/nb-NO/CompositeLocale';\nexport { COMPOSITE_LOCALE_NL_NL } from './localization/locales/nl-NL/CompositeLocale';\nexport { COMPOSITE_LOCALE_PL_PL } from './localization/locales/pl-PL/CompositeLocale';\nexport { COMPOSITE_LOCALE_PT_BR } from './localization/locales/pt-BR/CompositeLocale';\nexport { COMPOSITE_LOCALE_RU_RU } from './localization/locales/ru-RU/CompositeLocale';\nexport { COMPOSITE_LOCALE_SV_SE } from './localization/locales/sv-SE/CompositeLocale';\nexport { COMPOSITE_LOCALE_TR_TR } from './localization/locales/tr-TR/CompositeLocale';\nexport { COMPOSITE_LOCALE_ZH_CN } from './localization/locales/zh-CN/CompositeLocale';\nexport { COMPOSITE_LOCALE_ZH_TW } from './localization/locales/zh-TW/CompositeLocale';\n\nexport type { CallControlDisplayType, CommonCallControlOptions } from './common/types/CommonCallControlOptions';\n\nexport type { AvatarPersonaData, AvatarPersonaDataCallback } from './common/AvatarPersona';\nexport { COMPOSITE_ONLY_ICONS, DEFAULT_COMPOSITE_ICONS } from './common/icons';\nexport type {\n  CompositeIcons,\n  ChatCompositeIcons,\n  CallCompositeIcons,\n  CallWithChatCompositeIcons\n} from './common/icons';\nexport * from './localization/locales';\nexport type { CompositeStrings, CompositeLocale } from './localization';\nexport type { AdapterError, AdapterErrors } from './common/adapters';\nexport type { BaseCompositeProps } from './common/BaseComposite';\n\n/* @conditional-compile-remove(control-bar-button-injection) */\nexport type {\n  CustomCallControlButtonCallback,\n  CustomCallControlButtonPlacement,\n  CustomCallControlButtonCallbackArgs,\n  CustomCallControlButtonStrings\n} from './common/ControlBar/CustomButton';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport { onResolveVideoEffectDependencyLazy } from './common/resolveVideoEffectDependencyLazy';\n/* @conditional-compile-remove(video-background-effects) */\nexport { onResolveVideoEffectDependency } from './common/resolveVideoEffectDependency';\n"]}

package/dist/dist-esm/react-composites/src/composites/localization/LocalizationProvider.js

@@ -16,8 +16,8 @@ export const LocaleContext = createContext(COMPOSITE_LOCALE_EN_US);
  */
 export const LocalizationProvider = (props) => {
     const { locale, children } = props;
-    return React.createElement(LocaleContext.Provider, { value: locale },
-        React.createElement(ComponentLocalizationProvider, { locale: locale.component }, children));
+    return (React.createElement(LocaleContext.Provider, { value: locale },
+        React.createElement(ComponentLocalizationProvider, { locale: locale.component }, children)));
 };
 /**
  * @private

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

@@ -1 +1 @@
-{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAmB,oBAAoB,IAAI,6BAA6B,EAAE,yCAAmC;AACpH,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA4CnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;GAIG;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;QACxC,oBAAC,6BAA6B,IAAC,MAAM,EAAE,MAAM,CAAC,SAAS,IAAG,QAAQ,CAAiC,CAC5E,CAAC;AAC9B,CAAC,CAAC;AAEF;;GAEG;AACH,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 { ComponentLocale, LocalizationProvider as ComponentLocalizationProvider } from '@internal/react-components';\nimport { COMPOSITE_LOCALE_EN_US } from './locales';\nimport { CallCompositeStrings } from '../CallComposite';\nimport { CallWithChatCompositeStrings } from '../CallWithChatComposite';\nimport { ChatCompositeStrings } from '../ChatComposite';\n\n/**\n * Locale information for all composites exported from this library.\n *\n * @public\n */\nexport interface CompositeLocale {\n  /** Strings used in composites directly\n   *\n   * Contrast with {@link CompositeLocale.component}, which contains strings used via the component library.\n   */\n  strings: CompositeStrings;\n\n  /** Locale information for the pure Components used by Composites. See {@link communication-react#ComponentLocale}. */\n  component: ComponentLocale;\n}\n\n/**\n * Strings used in the composites directly.\n *\n * These strings are used by the composites directly, instead of by the contained components.\n *\n * @public\n */\nexport interface CompositeStrings {\n  /**\n   * Strings used by {@link CallComposite}.\n   */\n  call: CallCompositeStrings;\n  /**\n   * Strings used by {@link ChatComposite}.\n   */\n  chat: ChatCompositeStrings;\n\n  /**\n   * Strings used by {@link CallWithChatComposite}.\n   */\n  callWithChat: CallWithChatCompositeStrings;\n}\n\n/**\n * Context for providing localized strings to components\n *\n * @private\n */\nexport const LocaleContext = createContext<CompositeLocale>(COMPOSITE_LOCALE_EN_US);\n\n/**\n * Props to LocalizationProvider\n *\n * @private\n */\nexport type LocalizationProviderProps = {\n  /** Locale context to provide components */\n  locale: CompositeLocale;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * Provider to provide localized strings for this library's composites.\n *\n * @private\n */\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n  const {\n    locale,\n    children\n  } = props;\n  return <LocaleContext.Provider value={locale}>\n      <ComponentLocalizationProvider locale={locale.component}>{children}</ComponentLocalizationProvider>\n    </LocaleContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useLocale = (): CompositeLocale => useContext(LocaleContext);"]}
+{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAmB,oBAAoB,IAAI,6BAA6B,EAAE,yCAAmC;AAEpH,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA4CnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM;QACnC,oBAAC,6BAA6B,IAAC,MAAM,EAAE,MAAM,CAAC,SAAS,IAAG,QAAQ,CAAiC,CAC5E,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,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';\n\nimport { ComponentLocale, LocalizationProvider as ComponentLocalizationProvider } from '@internal/react-components';\n\nimport { COMPOSITE_LOCALE_EN_US } from './locales';\nimport { CallCompositeStrings } from '../CallComposite';\nimport { CallWithChatCompositeStrings } from '../CallWithChatComposite';\nimport { ChatCompositeStrings } from '../ChatComposite';\n\n/**\n * Locale information for all composites exported from this library.\n *\n * @public\n */\nexport interface CompositeLocale {\n  /** Strings used in composites directly\n   *\n   * Contrast with {@link CompositeLocale.component}, which contains strings used via the component library.\n   */\n  strings: CompositeStrings;\n\n  /** Locale information for the pure Components used by Composites. See {@link communication-react#ComponentLocale}. */\n  component: ComponentLocale;\n}\n\n/**\n * Strings used in the composites directly.\n *\n * These strings are used by the composites directly, instead of by the contained components.\n *\n * @public\n */\nexport interface CompositeStrings {\n  /**\n   * Strings used by {@link CallComposite}.\n   */\n  call: CallCompositeStrings;\n  /**\n   * Strings used by {@link ChatComposite}.\n   */\n  chat: ChatCompositeStrings;\n\n  /**\n   * Strings used by {@link CallWithChatComposite}.\n   */\n  callWithChat: CallWithChatCompositeStrings;\n}\n\n/**\n * Context for providing localized strings to components\n *\n * @private\n */\nexport const LocaleContext = createContext<CompositeLocale>(COMPOSITE_LOCALE_EN_US);\n\n/**\n * Props to LocalizationProvider\n *\n * @private\n */\nexport type LocalizationProviderProps = {\n  /** Locale context to provide components */\n  locale: CompositeLocale;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * Provider to provide localized strings for this library's composites.\n *\n * @private\n */\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n  const { locale, children } = props;\n  return (\n    <LocaleContext.Provider value={locale}>\n      <ComponentLocalizationProvider locale={locale.component}>{children}</ComponentLocalizationProvider>\n    </LocaleContext.Provider>\n  );\n};\n\n/**\n * @private\n */\nexport const useLocale = (): CompositeLocale => useContext(LocaleContext);\n"]}

package/dist/dist-esm/react-composites/src/composites/localization/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/localization/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './LocalizationProvider';\nimport { useLocale } from './LocalizationProvider';\n\n/**\n * @internal\n *\n * Used by storybook INTERNAL stories to provide strings to components from\n * \\@internal/react-components that use composite strings, e.g., _ComplianceBanner.\n */\nexport const _useCompositeLocale = useLocale;"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/localization/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './LocalizationProvider';\n\nimport { useLocale } from './LocalizationProvider';\n\n/**\n * @internal\n *\n * Used by storybook INTERNAL stories to provide strings to components from\n * \\@internal/react-components that use composite strings, e.g., _ComplianceBanner.\n */\nexport const _useCompositeLocale = useLocale;\n"]}

package/dist/dist-esm/react-composites/src/composites/localization/locales/ar-SA/CompositeLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-composites/src/composites/localization/locales/ar-SA/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_AR_SA } from '@internal/react-components';\nimport ar_SA from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Arabic (Saudi Arabia)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_AR_SA: CompositeLocale = {\n  component: COMPONENT_LOCALE_AR_SA,\n  strings: createCompositeStrings(ar_SA)\n};"]}
+{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/localization/locales/ar-SA/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_AR_SA } from '@internal/react-components';\nimport ar_SA from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Arabic (Saudi Arabia)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_AR_SA: CompositeLocale = {\n  component: COMPONENT_LOCALE_AR_SA,\n  strings: createCompositeStrings(ar_SA)\n};\n"]}

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

@@ -60,6 +60,11 @@
         "removedFromCallMoreDetails": "قام مشارك آخر بإزالتك من المكالمة.",
         "removedFromCallTitle": "تمت إزالتك",
         "removeMenuLabel": "إزالة",
+        "startSpotlightParticipantListMenuLabel": "تسليط الضوء لدى الجميع",
+        "addSpotlightParticipantListMenuLabel": "إضافة تسليط ضوء",
+        "stopSpotlightParticipantListMenuLabel": "التوقف عن تسليط الضوء",
+        "stopSpotlightOnSelfParticipantListMenuLabel": "الخروج من وضع تسليط الضوء",
+        "spotlightLimitReachedParticipantListMenuTitle": "تم الوصول إلى الحد الأقصى لتسليط الضوء",
         "returnToCallButtonAriaDescription": "رجوع إلى المكالمة",
         "returnToCallButtonAriaLabel": "رجوع",
         "roomNotFoundDetails": "تعذر العثور على معرف الغرفة الذي تم توفيره.",
@@ -120,6 +125,13 @@
         "callRejectedMoreDetails": "الشخص الذي تحاول الوصول إليه غير متوفر. الرجاء المحاولة مرة أخرى لاحقا.",
         "callTimeoutTitle": "إكمال المكالمة غير ممكن",
         "callTimeoutDetails": "الشخص الذي تحاول الوصول إليه غير متوفر. الرجاء المحاولة مرة أخرى لاحقا.",
+        "callTimeoutBotTitle": "إكمال المكالمة غير ممكن",
+        "callTimeoutBotDetails": "الخدمة التي تحاول الوصول إليها غير متوفرة. الرجاء المحاولة مرة أخرى لاحقا.",
+        "dtmfDialerButtonLabel": "لوحة الطلب",
+        "dtmfDialerButtonTooltipOn": "عرض لوحة الطلب",
+        "dtmfDialerButtonTooltipOff": "إخفاء لوحة الطلب",
+        "dtmfDialerMoreButtonLabelOn": "عرض لوحة الطلب",
+        "dtmfDialerMoreButtonLabelOff": "إخفاء لوحة الطلب",
         "spokenLanguageStrings": {
             "ar-ae": "العربية - الإمارات العربية المتحدة",
             "ar-sa": "العربية - السعودية",
@@ -232,7 +244,7 @@
                 "grantedDueToRoleChangeToPresenter": "أنت مقدم العرض. يمكنك مشاركة المحتوى وتسهيل الاجتماع."
             }
         },
-        "surveyQuestion": "كيف كانت مكالمتك اليوم؟",
+        "surveyTitle": "ساعدنا في تحسين خدماتنا",
         "starSurveyHelperText": "كيف كانت جودة المكالمة؟",
         "starSurveyOneStarText": "كانت الجودة سيئة.",
         "starSurveyTwoStarText": "كانت الجودة رديئة.",
@@ -241,11 +253,12 @@
         "starSurveyFiveStarText": "كانت الجودة ممتازة.",
         "surveyConfirmButtonLabel": "إرسال ملاحظات",
         "starRatingAriaLabel": "حدد {0} من {1} نجوم",
-        "surveyCancelButtonAriaLabel": "إلغاء الأمر",
+        "surveySkipButtonLabel": "تخطٍ",
         "tagsSurveyQuestion": "ما الذي كان يمكن أن يكون أفضل؟",
         "tagsSurveyTextFieldDefaultText": "أخرى، يُرجى التحديد",
         "tagsSurveyHelperText": "تحقق من أي مشاكل واجهتك",
         "surveyTextboxDefaultText": "أخرى، يُرجى التحديد",
+        "endOfSurveyText": "شكراً لك على تقديم ملاحظاتك!",
         "surveyIssues": {
             "overallRating": {
                 "callCannotJoin": "تعذر علي الانضمام إلى المكالمة",
@@ -291,6 +304,20 @@
             "audioRating": "صوت",
             "videoRating": "فيديو",
             "screenshareRating": "تقديم"
+        },
+        "spotlightPrompt": {
+            "startSpotlightHeading": "هل تريد تسليط الضوء للجميع؟",
+            "startSpotlightText": "ستسلط الضوء على هذا الفيديو لجميع المشاركين في الاجتماع.",
+            "startSpotlightOnSelfText": "ستبرز مقطع الفيديو الخاص بك لجميع المشاركين في الاجتماع.",
+            "startSpotlightConfirmButtonLabel": "تسليط الضوء للجميع",
+            "startSpotlightCancelButtonLabel": "إلغاء",
+            "stopSpotlightHeading": "هل تريد إيقاف تسليط الضوء؟",
+            "stopSpotlightOnSelfHeading": "هل تريد إنهاء تسليط الضوء؟",
+            "stopSpotlightText": "لن يتم تمييز الفيديو الخاص بك بعد الآن لجميع المشاركين في الاجتماع.",
+            "stopSpotlightOnSelfText": "لن يتم تمييز الفيديو الخاص بك بعد الآن لجميع المشاركين في الاجتماع.",
+            "stopSpotlightConfirmButtonLabel": "التوقف عن تسليط الضوء",
+            "stopSpotlightOnSelfConfirmButtonLabel": "الخروج من وضع تسليط الضوء",
+            "stopSpotlightCancelButtonLabel": "إلغاء"
         }
     },
     "chat": {

package/dist/dist-esm/react-composites/src/composites/localization/locales/cs-CZ/CompositeLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-composites/src/composites/localization/locales/cs-CZ/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_CS_CZ } from '@internal/react-components';\nimport cs_CZ from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Czech (Czech Republic)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_CS_CZ: CompositeLocale = {\n  component: COMPONENT_LOCALE_CS_CZ,\n  strings: createCompositeStrings(cs_CZ)\n};"]}
+{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/localization/locales/cs-CZ/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_CS_CZ } from '@internal/react-components';\nimport cs_CZ from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Czech (Czech Republic)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_CS_CZ: CompositeLocale = {\n  component: COMPONENT_LOCALE_CS_CZ,\n  strings: createCompositeStrings(cs_CZ)\n};\n"]}

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

@@ -60,6 +60,11 @@
         "removedFromCallMoreDetails": "Jiný účastník vás odebral z hovoru.",
         "removedFromCallTitle": "Byli jste odebráni",
         "removeMenuLabel": "Odebrat",
+        "startSpotlightParticipantListMenuLabel": "Přidat do hlavního výběru všem",
+        "addSpotlightParticipantListMenuLabel": "Přidat do hlavního výběru",
+        "stopSpotlightParticipantListMenuLabel": "Zastavit přidávání do hlavního výběru",
+        "stopSpotlightOnSelfParticipantListMenuLabel": "Ukončit hlavní výběr",
+        "spotlightLimitReachedParticipantListMenuTitle": "Dosáhlo se limitu hlavního výběru",
         "returnToCallButtonAriaDescription": "Pokračovat v hovoru",
         "returnToCallButtonAriaLabel": "Zpět",
         "roomNotFoundDetails": "Zadané ID místnosti se nepovedlo najít.",
@@ -120,6 +125,13 @@
         "callRejectedMoreDetails": "Osoba, se kterou se pokoušíte spojit, není k dispozici. Zkuste to prosím znovu později.",
         "callTimeoutTitle": "Hovor nešlo spojit.",
         "callTimeoutDetails": "Osoba, se kterou se pokoušíte spojit, není k dispozici. Zkuste to prosím znovu později.",
+        "callTimeoutBotTitle": "Hovor nešlo spojit.",
+        "callTimeoutBotDetails": "Služba, ke které se pokoušíte získat přístup, není k dispozici. Zkuste to prosím znovu později.",
+        "dtmfDialerButtonLabel": "Číselník",
+        "dtmfDialerButtonTooltipOn": "Zobrazit číselník",
+        "dtmfDialerButtonTooltipOff": "Skrýt číselník",
+        "dtmfDialerMoreButtonLabelOn": "Zobrazit číselník",
+        "dtmfDialerMoreButtonLabelOff": "Skrýt číselník",
         "spokenLanguageStrings": {
             "ar-ae": "Arabština - Spojené arabské emiráty",
             "ar-sa": "Arabština - Saúdská Arábie",
@@ -232,7 +244,7 @@
                 "grantedDueToRoleChangeToPresenter": "Jste prezentující. Můžete sdílet obsah a moderovat schůzku."
             }
         },
-        "surveyQuestion": "Jaký byl váš dnešní hovor?",
+        "surveyTitle": "Pomozte nám se zlepšovat",
         "starSurveyHelperText": "Jaká byla kvalita hovoru?",
         "starSurveyOneStarText": "Kvalita byla špatná.",
         "starSurveyTwoStarText": "Kvalita byla slabá.",
@@ -241,11 +253,12 @@
         "starSurveyFiveStarText": "Kvalita byla vynikající.",
         "surveyConfirmButtonLabel": "Poslat zpětnou vazbu",
         "starRatingAriaLabel": "Vybrat {0} z(e) {1} hvězdiček",
-        "surveyCancelButtonAriaLabel": "Zrušit",
+        "surveySkipButtonLabel": "Přeskočit",
         "tagsSurveyQuestion": "Co by mohlo být lepší?",
         "tagsSurveyTextFieldDefaultText": "Jiné, upřesněte prosím",
         "tagsSurveyHelperText": "Zkontrolujte všechny problémy, se které jste zaznamenali.",
         "surveyTextboxDefaultText": "Jiné, upřesněte prosím",
+        "endOfSurveyText": "Děkujeme za váš názor!",
         "surveyIssues": {
             "overallRating": {
                 "callCannotJoin": "Nepovedlo se mi připojit se k hovoru",
@@ -291,6 +304,20 @@
             "audioRating": "Zvuk",
             "videoRating": "Video",
             "screenshareRating": "Prezentování"
+        },
+        "spotlightPrompt": {
+            "startSpotlightHeading": "Přidat do hlavního výběru všem?",
+            "startSpotlightText": "Toto video se zvýrazní všem účastníkům schůzky.",
+            "startSpotlightOnSelfText": "Vaše video se zvýrazní všem účastníkům schůzky.",
+            "startSpotlightConfirmButtonLabel": "Přidat do hlavního výběru všem",
+            "startSpotlightCancelButtonLabel": "Zrušit",
+            "stopSpotlightHeading": "Zastavit přidávání do hlavního výběru?",
+            "stopSpotlightOnSelfHeading": "Ukončit hlavní výběr?",
+            "stopSpotlightText": "Účastníkům se už toto video nebude zvýrazňovat.",
+            "stopSpotlightOnSelfText": "Účastníkům se už vaše video nebude zvýrazňovat.",
+            "stopSpotlightConfirmButtonLabel": "Zastavit přidávání do hlavního výběru",
+            "stopSpotlightOnSelfConfirmButtonLabel": "Ukončit hlavní výběr",
+            "stopSpotlightCancelButtonLabel": "Zrušit"
         }
     },
     "chat": {