@azure/communication-react 1.5.2-alpha-202301190014.0 → 1.6.0

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

@@ -4,28 +4,53 @@ import { concatStyleSets } from '@fluentui/react';
 /**
  * @private
  */
-export const mobilePaneStyle = { root: { width: '100%', height: '100%' } };
+export const mobilePaneStyle = {
+    root: {
+        width: '100%',
+        height: '100%'
+    }
+};
 /**
  * @private
  */
-export const hiddenMobilePaneStyle = concatStyleSets(mobilePaneStyle, { root: { display: 'none' } });
+export const hiddenMobilePaneStyle = concatStyleSets(mobilePaneStyle, {
+    root: {
+        display: 'none'
+    }
+});
 /**
  * @private
  */
-export const mobilePaneControlBarStyle = { root: { height: '3rem' } };
+export const mobilePaneControlBarStyle = {
+    root: {
+        height: '3rem'
+    }
+};
 /**
  * @private
  */
 export const mobilePaneBackButtonStyles = {
-    root: { border: 'none', minWidth: '2.5rem', height: '100%', background: 'none', padding: '0 1rem' },
-    rootChecked: { background: 'none' },
-    rootCheckedHovered: { background: 'none' }
+    root: {
+        border: 'none',
+        minWidth: '2.5rem',
+        height: '100%',
+        background: 'none',
+        padding: '0 1rem'
+    },
+    rootChecked: {
+        background: 'none'
+    },
+    rootCheckedHovered: {
+        background: 'none'
+    }
 };
 /**
  * @private
  */
 export const mobilePaneHiddenIconStyles = concatStyleSets(mobilePaneBackButtonStyles, {
-    root: { visibility: 'hidden' }
+    root: {
+        visibility: 'hidden'
+    }
 });
 /**
  * @private
@@ -39,9 +64,16 @@ export const mobilePaneButtonStyles = {
         background: 'none',
         padding: '0'
     },
-    rootChecked: { background: 'none' },
-    rootCheckedHovered: { background: 'none' },
-    flexContainer: { flexFlow: 'column', display: 'contents' },
+    rootChecked: {
+        background: 'none'
+    },
+    rootCheckedHovered: {
+        background: 'none'
+    },
+    flexContainer: {
+        flexFlow: 'column',
+        display: 'contents'
+    },
     label: {
         fontSize: '1rem',
         fontWeight: 100,
@@ -50,7 +82,9 @@ export const mobilePaneButtonStyles = {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap'
     },
-    labelChecked: { fontWeight: 600 }
+    labelChecked: {
+        fontWeight: 600
+    }
 };
 /**
  * @private
@@ -74,7 +108,12 @@ export const sidePaneStyles = {
 /**
  * @private
  */
-export const availableSpaceStyles = { root: { width: '100%', height: '100%' } };
+export const availableSpaceStyles = {
+    root: {
+        width: '100%',
+        height: '100%'
+    }
+};
 /**
  * @private
  */

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

@@ -1 +1 @@
-{"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;AAE7F;;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,GAAiB;IAC1C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;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';\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: IStackStyles = {\n  root: {\n    height: 'auto',\n    width: '100%',\n    padding: '0.5rem 0.25rem',\n    maxWidth: '21.5rem'\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"]}
+{"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAA6C,MAAM,iBAAiB,CAAC;AAE7F;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB,eAAe,CAAC,eAAe,EAAE;IAClF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB;IACvD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,QAAQ;KAClB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,MAAM;KACnB;IACD,kBAAkB,EAAE;QAClB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB,eAAe,CAAC,0BAA0B,EAAE;IACnG,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;KACrB;CACF,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;QACX,UAAU,EAAE,MAAM;KACnB;IACD,kBAAkB,EAAE;QAClB,UAAU,EAAE,MAAM;KACnB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,UAAU;KACpB;IACD,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;QACZ,UAAU,EAAE,GAAG;KAChB;CACF,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,GAAiB;IAC1C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB;IAChD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;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';\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: IStackStyles = {\n  root: {\n    height: 'auto',\n    width: '100%',\n    padding: '0.5rem 0.25rem',\n    maxWidth: '21.5rem'\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};"]}

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

@@ -32,6 +32,10 @@ export declare const scrollableContainer: IStackStyles;
  * @private
  */
 export declare const scrollableContainerContents: IStackItemStyles;
+/**
+ * @private
+ */
+export declare const containerContextStyles: IStackStyles;
 /**
  * @private
  */

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

@@ -45,11 +45,22 @@ 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
  */
@@ -62,6 +73,16 @@ export const scrollableContainerContents = {
         position: 'relative'
     }
 };
+/**
+ * @private
+ */
+export const containerContextStyles = {
+    root: {
+        position: 'absolute',
+        height: '100%',
+        width: '100%'
+    }
+};
 /**
  * @private
  */
@@ -93,7 +114,9 @@ export const participantListWrapper = (theme) => mergeStyles({
 /**
  * @private
  */
-export const participantListContainerPadding = { childrenGap: '0.5rem' };
+export const participantListContainerPadding = {
+    childrenGap: '0.5rem'
+};
 /**
  * @private
  */
@@ -112,7 +135,9 @@ export const participantListContainerStyle = mergeStyles({
  * @private
  */
 export const participantListStyle = {
-    root: { padding: '0rem' },
+    root: {
+        padding: '0rem'
+    },
     participantItemStyles: {
         root: {
             padding: '0.5rem'
@@ -123,7 +148,9 @@ 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":["../../../../../../../../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.25rem',\n    padding: '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 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\"../../../../../react-components/src\""]}
+{"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.25rem',\n    padding: '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};\"../../../../../react-components/src\""]}

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

@@ -19,15 +19,29 @@ 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
  */
@@ -49,7 +63,11 @@ 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":["../../../../../../../../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"]}
+{"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});"]}

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

@@ -0,0 +1,151 @@
+import { BaseCustomStyles, ControlBarButtonStyles } from "../../../../../react-components/src";
+import { CustomCallControlButtonPlacement } from '../ControlBar/CustomButton';
+import { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';
+/**
+ * Control bar display type for {@link CallComposite}.
+ *
+ * @public
+ */
+export declare type CallControlDisplayType = 'default' | 'compact';
+/**
+ * Customization options for the control bar in calling experience.
+ *
+ * @public
+ */
+export declare type CommonCallControlOptions = {
+    /**
+     * {@link CallControlDisplayType} to change how the call controls are displayed.
+     * `'compact'` display type will decreases the size of buttons and hide the labels.
+     *
+     * @remarks
+     * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.
+     *
+     * @defaultValue 'default'
+     */
+    displayType?: CallControlDisplayType;
+    /**
+     * Show or Hide Camera Button during a call
+     * @defaultValue true
+     */
+    cameraButton?: boolean;
+    /**
+     * Show or Hide EndCall button during a call.
+     * @defaultValue true
+     */
+    endCallButton?: boolean;
+    /**
+     * Show or Hide Microphone button during a call.
+     * @defaultValue true
+     */
+    microphoneButton?: boolean;
+    /**
+     * Show or Hide Devices button during a call.
+     * @defaultValue true
+     */
+    devicesButton?: boolean;
+    /**
+     * Show, Hide or Disable participants button during a call.
+     * @defaultValue true
+     */
+    participantsButton?: boolean | {
+        disabled: boolean;
+    };
+    /**
+     * Show, Hide or Disable the screen share button during a call.
+     * @defaultValue true
+     */
+    screenShareButton?: boolean | {
+        disabled: boolean;
+    };
+    /**
+     * Show or hide the people button in the composite control bar.
+     * @defaultValue true
+     */
+    peopleButton?: boolean;
+};
+/**
+ * While the public API for the custom buttons is in beta. Use this type to access the internal
+ * API.
+ * @internal
+ */
+export declare type _CommonCallControlOptions = CommonCallControlOptions & {
+    onFetchCustomButtonProps?: CustomCallControlButtonCallback[];
+};
+/**
+ * Arguments for {@link CustomCallControlButtonCallback}.
+ *
+ * @beta
+ */
+export interface CustomCallControlButtonCallbackArgs {
+    /**
+     * Buttons should reduce the size to fit a smaller viewport when `displayType` is `'compact'`.
+     *
+     * @defaultValue `'default'`
+     */
+    displayType?: CallControlDisplayType;
+}
+/**
+ * Includes the base props necessary to render a {@link ControlBarButton} or {@link DrawerMenuItem}.
+ *
+ * @beta
+ */
+export interface CustomControlButtonProps {
+    /**
+     * Calback for when button is clicked
+     */
+    onItemClick?: () => void;
+    /**
+     * Whether the buttons is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the label is displayed or not.
+     *
+     * @defaultValue `false`
+     */
+    showLabel?: boolean;
+    /**
+     * Fluent styles, common to all {@link ControlBarButton}s or {@link DrawerMenuItem}s.
+     */
+    styles?: ControlBarButtonStyles | BaseCustomStyles;
+    /**
+     * Optional label for the button
+     */
+    text?: string;
+    /**
+     * A unique key for the button
+     */
+    key?: string | number;
+    /**
+     * The aria label of the button for the benefit of screen readers.
+     */
+    ariaLabel?: string;
+    /**
+     * Detailed description of the button for the benefit of screen readers.
+     */
+    ariaDescription?: string;
+    /**
+     * A unique id set for the standard HTML id attibute
+     */
+    id?: string;
+}
+/**
+ * Response from {@link CustomCallControlButtonCallback}.
+ *
+ * Includes the placement prop necessary to indicate where to place the
+ * {@link ControlBarButton} and a {@link DrawerMenuItem}
+ *
+ * @beta
+ */
+export interface CustomCallControlButtonProps extends CustomControlButtonProps {
+    /**
+     * Where to place the custom button relative to other buttons.
+     */
+    placement: CustomCallControlButtonPlacement;
+    /**
+     * Icon to render. Icon is a non-default icon name that needs to be registered as a
+     * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library
+     */
+    iconName?: string;
+}
+//# sourceMappingURL=CommonCallControlOptions.d.ts.map

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

@@ -0,0 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+export {};
+//# sourceMappingURL=CommonCallControlOptions.js.map

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

@@ -0,0 +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 { BaseCustomStyles, ControlBarButtonStyles } from '@internal/react-components';\nimport { CustomCallControlButtonPlacement } from '../ControlBar/CustomButton';\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;\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;\n  /**\n   * Show or Hide Devices button during a call.\n   * @defaultValue true\n   */\n  devicesButton?: boolean;\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  /**\n   * Show or hide the people button in the composite control bar.\n   * @defaultValue true\n   */\n  peopleButton?: boolean;\n};\n\n/**\n * While the public API for the custom buttons is in beta. Use this type to access the internal\n * API.\n * @internal\n */\nexport type _CommonCallControlOptions = CommonCallControlOptions & {\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n};\n\n/**\n * Arguments for {@link CustomCallControlButtonCallback}.\n *\n * @beta\n */\nexport interface CustomCallControlButtonCallbackArgs {\n  /**\n   * Buttons should reduce the size to fit a smaller viewport when `displayType` is `'compact'`.\n   *\n   * @defaultValue `'default'`\n   */\n  displayType?: CallControlDisplayType;\n}\n\n/**\n * Includes the base props necessary to render a {@link ControlBarButton} or {@link DrawerMenuItem}.\n *\n * @beta\n */\nexport interface CustomControlButtonProps {\n  /**\n   * Calback for when button is clicked\n   */\n  onItemClick?: () => void;\n  /**\n   * Whether the buttons is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Whether the label is displayed or not.\n   *\n   * @defaultValue `false`\n   */\n  showLabel?: boolean;\n  /**\n   * Fluent styles, common to all {@link ControlBarButton}s or {@link DrawerMenuItem}s.\n   */\n  styles?: ControlBarButtonStyles | BaseCustomStyles;\n  /**\n   * Optional label for the button\n   */\n  text?: string;\n  /**\n   * A unique key for the button\n   */\n  key?: string | number;\n  /**\n   * The aria label of the button for the benefit of screen readers.\n   */\n  ariaLabel?: string;\n  /**\n   * Detailed description of the button for the benefit of screen readers.\n   */\n  ariaDescription?: string;\n  /**\n   * A unique id set for the standard HTML id attibute\n   */\n  id?: string;\n}\n\n/**\n * Response from {@link CustomCallControlButtonCallback}.\n *\n * Includes the placement prop necessary to indicate where to place the\n * {@link ControlBarButton} and a {@link DrawerMenuItem}\n *\n * @beta\n */\nexport interface CustomCallControlButtonProps extends CustomControlButtonProps {\n  /**\n   * Where to place the custom button relative to other buttons.\n   */\n  placement: CustomCallControlButtonPlacement;\n  /**\n   * Icon to render. Icon is a non-default icon name that needs to be registered as a\n   * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library\n   */\n  iconName?: string;\n}\"../../../../../react-components/src\""]}

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

@@ -10,5 +10,9 @@ interface MinMaxDragPosition {
  * @private
  */
 export declare const useMinMaxDragPosition: (modalLayerHostId: string, rtl?: boolean | undefined) => MinMaxDragPosition;
+/**
+ * @private
+ */
+export declare const defaultSpokenLanguage = "en-us";
 export {};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -11,22 +11,21 @@ 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
+ */
+export const defaultSpokenLanguage = 'en-us';
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"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","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\"../../../../react-components/src\""]}
+{"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';\"../../../../react-components/src\""]}

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

@@ -2,6 +2,7 @@ export type { Disposable, AdapterState } from './common/adapters';
 export * from './ChatComposite';
 export * from './CallComposite';
 export * from './CallWithChatComposite';
+export type { CallControlDisplayType, CommonCallControlOptions } from './common/types/CommonCallControlOptions';
 export type { AvatarPersonaData, AvatarPersonaDataCallback } from './common/AvatarPersona';
 export { COMPOSITE_ONLY_ICONS, DEFAULT_COMPOSITE_ICONS } from './common/icons';
 export type { CompositeIcons, ChatCompositeIcons, CallCompositeIcons, CallWithChatCompositeIcons } from './common/icons';

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

@@ -1 +1 @@
-{"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;AAGxC,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAO/E,cAAc,wBAAwB,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';\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"]}
+{"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;AAGxC,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,cAAc,wBAAwB,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 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';"]}

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":["../../../../../../../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\"../../../../react-components/src\""]}
+{"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);\"../../../../react-components/src\""]}

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

@@ -1 +1 @@
-{"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"]}
+{"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;"]}