@azure/communication-react 1.6.1-alpha-202306220014 → 1.6.1-alpha-202306240016

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

@@ -63,14 +63,14 @@ export const hiddenStyles = {
 /**
  * @private
  */
-export const sidePaneStyles = {
+export const sidePaneStyles = (maxWidth) => ({
     root: {
         height: 'auto',
         width: '100%',
         padding: '0.5rem 0.25rem',
-        maxWidth: '21.5rem'
+        maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : '21.5rem'
     }
-};
+});
 /**
  * @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":["../../../../../../../../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,GAAG,CAAC,QAAiB,EAAgB,EAAE,CAAC,CAAC;IAClE,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,SAAS;KAChC;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';\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): IStackStyles => ({\n  root: {\n    height: 'auto',\n    width: '100%',\n    padding: '0.5rem 0.25rem',\n    maxWidth: 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"]}

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

@@ -29,8 +29,9 @@ export const sidePaneContainerTokens = {
  */
 export const sidePaneHeaderStyles = {
     root: {
-        lineHeight: '1.25rem',
-        padding: '0.25rem',
+        lineHeight: '1.5rem',
+        fontSize: '1.125rem',
+        padding: '0.75rem 0.75rem 0.75rem 0.25rem',
         fontWeight: '600'
     }
 };

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

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

@@ -156,7 +156,15 @@
         "transferPageTransferTargetText": "Connecting...",
         "transferPageUnknownTransferorDisplayName": "Unknown",
         "transferPageUnknownTransferTargetDisplayName": "Unknown",
-        "transferPageNoticeString": "You are being transferred"
+        "transferPageNoticeString": "You are being transferred",
+        "participantCouldNotBeReachedTitle": "Target participant is currently not available",
+        "participantCouldNotBeReachedMoreDetails": "Please contact participant when they are available",
+        "permissionToReachTargetParticipantNotAllowedTitle": "Permission to reach target participant is not allowed",
+        "permissionToReachTargetParticipantNotAllowedMoreDetails": "Please check that the target participant is in the same tenant",
+        "unableToResolveTenantTitle": "Unable to resolve tenant id for the target participant",
+        "unableToResolveTenantMoreDetails": "Please check the participant id is entered correctly",
+        "participantIdIsMalformedTitle": "Participant id is not in the correct format",
+        "participantIdIsMalformedMoreDetails": "Please check that the participant id is in the correct format"
     },
     "chat": {
         "chatListHeader": "In this chat",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.6.1-alpha-202306220014",
+  "version": "1.6.1-alpha-202306240016",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -48,7 +48,7 @@
     "uuid": "^8.1.0"
   },
   "peerDependencies": {
-    "@azure/communication-calling": "1.13.2-beta.1 || >=1.13.1",
+    "@azure/communication-calling": "1.14.1-beta.1 || >=1.14.1",
     "@azure/communication-calling-effects": "1.0.0-beta.2",
     "@azure/communication-chat": "1.3.2-beta.2 || >=1.2.0",
     "@types/react": ">=16.8.0 <19.0.0",
@@ -89,19 +89,19 @@
     "_by-flavor": "rushx _current-flavor && env-cmd -f ../../common/config/env/.env --use-shell"
   },
   "devDependencies": {
-    "@azure/communication-calling": "1.14.1-beta.1 || >=1.13.1",
+    "@azure/communication-calling": "1.14.1-beta.1 || >=1.14.1",
     "@azure/communication-calling-effects": "1.0.0-beta.2",
     "@azure/communication-chat": "1.3.2-beta.2 || >=1.2.0",
     "@azure/core-auth": "^1.4.0",
     "@babel/cli": "~7.16.0",
     "@babel/core": "~7.16.0",
-    "@internal/calling-component-bindings": "1.6.1-alpha-202306220014",
-    "@internal/calling-stateful-client": "1.6.1-alpha-202306220014",
-    "@internal/chat-component-bindings": "1.6.1-alpha-202306220014",
-    "@internal/chat-stateful-client": "1.6.1-alpha-202306220014",
-    "@internal/fake-backends": "1.6.1-alpha-202306220014",
-    "@internal/react-components": "1.6.1-alpha-202306220014",
-    "@internal/react-composites": "1.6.1-alpha-202306220014",
+    "@internal/calling-component-bindings": "1.6.1-alpha-202306240016",
+    "@internal/calling-stateful-client": "1.6.1-alpha-202306240016",
+    "@internal/chat-component-bindings": "1.6.1-alpha-202306240016",
+    "@internal/chat-stateful-client": "1.6.1-alpha-202306240016",
+    "@internal/fake-backends": "1.6.1-alpha-202306240016",
+    "@internal/react-components": "1.6.1-alpha-202306240016",
+    "@internal/react-composites": "1.6.1-alpha-202306240016",
     "@fluentui/react-northstar": "0.61.0",
     "@microsoft/api-documenter": "~7.12.11",
     "@microsoft/api-extractor": "~7.18.0",