@azure/communication-react 1.6.0 → 1.6.1-alpha-202306230016

package/dist/dist-esm/react-components/src/types/CaptionsAvailableLanguageStrings.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaptionsAvailableLanguageStrings.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/CaptionsAvailableLanguageStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * @beta\n * strings for captions setting modal\n */\nexport interface CaptionsAvailableLanguageStrings {\n  'ar-ae': string;\n  'ar-sa': string;\n  'da-dk': string;\n  'de-de': string;\n  'en-au': string;\n  'en-ca': string;\n  'en-gb': string;\n  'en-in': string;\n  'en-nz': string;\n  'en-us': string;\n  'es-es': string;\n  'es-mx': string;\n  'fi-fi': string;\n  'fr-ca': string;\n  'fr-fr': string;\n  'hi-in': string;\n  'it-it': string;\n  'ja-jp': string;\n  'ko-kr': string;\n  'nb-no': string;\n  'nl-be': string;\n  'nl-nl': string;\n  'pl-pl': string;\n  'pt-br': string;\n  'ru-ru': string;\n  'sv-se': string;\n  'zh-cn': string;\n  'zh-hk': string;\n  'cs-cz': string;\n  'pt-pt': string;\n  'tr-tr': string;\n  'vi-vn': string;\n  'th-th': string;\n  'he-il': string;\n  'cy-gb': string;\n  'uk-ua': string;\n  'el-gr': string;\n  'hu-hu': string;\n  'ro-ro': string;\n  'sk-sk': string;\n  'zh-tw': string;\n}"]}
+{"version":3,"file":"CaptionsAvailableLanguageStrings.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/CaptionsAvailableLanguageStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * @beta\n * strings for captions setting modal\n */\nexport interface CaptionsAvailableLanguageStrings {\n  'ar-ae': string;\n  'ar-sa': string;\n  'da-dk': string;\n  'de-de': string;\n  'en-au': string;\n  'en-ca': string;\n  'en-gb': string;\n  'en-in': string;\n  'en-nz': string;\n  'en-us': string;\n  'es-es': string;\n  'es-mx': string;\n  'fi-fi': string;\n  'fr-ca': string;\n  'fr-fr': string;\n  'hi-in': string;\n  'it-it': string;\n  'ja-jp': string;\n  'ko-kr': string;\n  'nb-no': string;\n  'nl-be': string;\n  'nl-nl': string;\n  'pl-pl': string;\n  'pt-br': string;\n  'ru-ru': string;\n  'sv-se': string;\n  'zh-cn': string;\n  'zh-hk': string;\n  'cs-cz': string;\n  'pt-pt': string;\n  'tr-tr': string;\n  'vi-vn': string;\n  'th-th': string;\n  'he-il': string;\n  'cy-gb': string;\n  'uk-ua': string;\n  'el-gr': string;\n  'hu-hu': string;\n  'ro-ro': string;\n  'sk-sk': string;\n  'zh-tw': string;\n}\n"]}

package/dist/dist-esm/react-components/src/types/ChatMessage.d.ts

@@ -1,5 +1,6 @@
 import { MessageStatus } from "../../../acs-ui-common/src";
 import { CommunicationParticipant } from './CommunicationParticipant';
+import { FileMetadata } from '../components/FileDownloadCards';
 /**
  * Indicate whether a chat message should be displayed merged with the message before / after it.
  *
@@ -21,7 +22,7 @@ export declare type MessageContentType = 'text' | 'html' | 'richtext/html' | 'un
  *
  * @public
  */
-export declare type Message = ChatMessage | SystemMessage | CustomMessage;
+export declare type Message = ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage;
 /**
  * Discriminated union of all system messages.
  *
@@ -53,6 +54,12 @@ export interface ChatMessage extends MessageCommon {
      * {@link @azure/communication-chat#ChatMessage.metadata}
      */
     metadata?: Record<string, string>;
+    /**
+     * @beta
+     * A list of files attached to the message.
+     * {@link FileMetadata}
+     */
+    attachedFilesMetadata?: FileMetadata[];
 }
 /**
  * A system message notifying that a participant was added to the chat thread.
@@ -90,6 +97,25 @@ export interface ContentSystemMessage extends SystemMessageCommon {
     systemMessageType: 'content';
     content: string;
 }
+/**
+ * Content blocked message type.
+ *
+ * Content blocked messages will rendered default value, but applications can provide custom strings and icon to renderers.
+ *
+ * @beta
+ */
+export interface BlockedMessage extends MessageCommon {
+    messageType: 'blocked';
+    warningText?: string;
+    linkText?: string;
+    link?: string;
+    deletedOn?: Date;
+    senderId?: string;
+    senderDisplayName?: string;
+    status?: MessageStatus;
+    attached?: MessageAttachedStatus;
+    mine?: boolean;
+}
 /**
  * A custom message type.
  *

package/dist/dist-esm/react-components/src/types/ChatMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ChatMessage.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { MessageStatus } from '@internal/acs-ui-common';\nimport { CommunicationParticipant } from './CommunicationParticipant';\n/**\n * Indicate whether a chat message should be displayed merged with the message before / after it.\n *\n * Useful to merge many messages from the same sender into a single message bubble.\n *\n * @public\n */\nexport type MessageAttachedStatus = 'bottom' | 'top' | boolean;\n\n/**\n * Supported types of chat message content.\n *\n * @public\n */\nexport type MessageContentType = 'text' | 'html' | 'richtext/html' | 'unknown';\n\n/**\n * Discriminated union of all messages.\n *\n * The `messageType` field specializes into union variants.\n *\n * @public\n */\nexport type Message = ChatMessage | SystemMessage | CustomMessage;\n\n/**\n * Discriminated union of all system messages.\n *\n * The `systemMessageType` field specializes into union variants.\n *\n * @public\n */\nexport type SystemMessage = ParticipantAddedSystemMessage | ParticipantRemovedSystemMessage | TopicUpdatedSystemMessage | ContentSystemMessage;\n\n/**\n * A chat message.\n *\n * @public\n */\nexport interface ChatMessage extends MessageCommon {\n  messageType: 'chat';\n  content?: string;\n  editedOn?: Date;\n  deletedOn?: Date;\n  senderId?: string;\n  senderDisplayName?: string;\n  status?: MessageStatus;\n  failureReason?: string;\n  attached?: MessageAttachedStatus;\n  mine?: boolean;\n  clientMessageId?: string;\n  contentType: MessageContentType;\n  /**\n   * A metadata field for the message.\n   * {@link @azure/communication-chat#ChatMessage.metadata}\n   */\n  metadata?: Record<string, string>;\n}\n\n/**\n * A system message notifying that a participant was added to the chat thread.\n *\n * @public\n */\nexport interface ParticipantAddedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'participantAdded';\n  participants: CommunicationParticipant[];\n}\n\n/**\n * A system message notifying that a participant was removed from the chat thread.\n *\n * @public\n */\nexport interface ParticipantRemovedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'participantRemoved';\n  participants: CommunicationParticipant[];\n}\n\n/**\n * A system message notifying that the chat thread topic was updated.\n *\n * @public\n */\nexport interface TopicUpdatedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'topicUpdated';\n  topic: string;\n}\n\n/**\n * A system message with arbitary content.\n *\n * @public\n */\nexport interface ContentSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'content';\n  content: string;\n}\n/**\n * A custom message type.\n *\n * Custom messages are not rendered by default, but applications can provide custom renderers for them.\n *\n * @public\n */\nexport interface CustomMessage extends MessageCommon {\n  messageType: 'custom';\n  content: string;\n}\n\n/**\n * Common properties of all system messages.\n *\n * @public\n */\nexport interface SystemMessageCommon extends MessageCommon {\n  messageType: 'system';\n  iconName: string;\n}\n\n/**\n * Common properties of all message types.\n *\n * @public\n */\nexport interface MessageCommon {\n  messageId: string;\n  // ISO8601 format: `yyyy-MM-ddTHH:mm:ssZ`\n  createdOn: Date;\n}\"../../../acs-ui-common/src\""]}
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/ChatMessage.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { MessageStatus } from '@internal/acs-ui-common';\nimport { CommunicationParticipant } from './CommunicationParticipant';\n/* @conditional-compile-remove(file-sharing) */ /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\nimport { FileMetadata } from '../components/FileDownloadCards';\n\n/**\n * Indicate whether a chat message should be displayed merged with the message before / after it.\n *\n * Useful to merge many messages from the same sender into a single message bubble.\n *\n * @public\n */\nexport type MessageAttachedStatus = 'bottom' | 'top' | boolean;\n\n/**\n * Supported types of chat message content.\n *\n * @public\n */\nexport type MessageContentType = 'text' | 'html' | 'richtext/html' | 'unknown';\n\n/**\n * Discriminated union of all messages.\n *\n * The `messageType` field specializes into union variants.\n *\n * @public\n */\nexport type Message =\n  | ChatMessage\n  | SystemMessage\n  | CustomMessage\n  | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage;\n\n/**\n * Discriminated union of all system messages.\n *\n * The `systemMessageType` field specializes into union variants.\n *\n * @public\n */\nexport type SystemMessage =\n  | ParticipantAddedSystemMessage\n  | ParticipantRemovedSystemMessage\n  | TopicUpdatedSystemMessage\n  | ContentSystemMessage;\n\n/**\n * A chat message.\n *\n * @public\n */\nexport interface ChatMessage extends MessageCommon {\n  messageType: 'chat';\n  content?: string;\n  editedOn?: Date;\n  deletedOn?: Date;\n  senderId?: string;\n  senderDisplayName?: string;\n  status?: MessageStatus;\n  failureReason?: string;\n  attached?: MessageAttachedStatus;\n  mine?: boolean;\n  clientMessageId?: string;\n  contentType: MessageContentType;\n  /**\n   * A metadata field for the message.\n   * {@link @azure/communication-chat#ChatMessage.metadata}\n   */\n  metadata?: Record<string, string>;\n  /* @conditional-compile-remove(file-sharing) */ /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\n  /**\n   * @beta\n   * A list of files attached to the message.\n   * {@link FileMetadata}\n   */\n  attachedFilesMetadata?: FileMetadata[];\n}\n\n/**\n * A system message notifying that a participant was added to the chat thread.\n *\n * @public\n */\nexport interface ParticipantAddedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'participantAdded';\n\n  participants: CommunicationParticipant[];\n}\n\n/**\n * A system message notifying that a participant was removed from the chat thread.\n *\n * @public\n */\nexport interface ParticipantRemovedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'participantRemoved';\n\n  participants: CommunicationParticipant[];\n}\n\n/**\n * A system message notifying that the chat thread topic was updated.\n *\n * @public\n */\nexport interface TopicUpdatedSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'topicUpdated';\n\n  topic: string;\n}\n\n/**\n * A system message with arbitary content.\n *\n * @public\n */\nexport interface ContentSystemMessage extends SystemMessageCommon {\n  systemMessageType: 'content';\n\n  content: string;\n}\n\n/* @conditional-compile-remove(data-loss-prevention) */\n/**\n * Content blocked message type.\n *\n * Content blocked messages will rendered default value, but applications can provide custom strings and icon to renderers.\n *\n * @beta\n */\nexport interface BlockedMessage extends MessageCommon {\n  messageType: 'blocked';\n  warningText?: string;\n  linkText?: string;\n  link?: string;\n  deletedOn?: Date;\n  senderId?: string;\n  senderDisplayName?: string;\n  status?: MessageStatus;\n  attached?: MessageAttachedStatus;\n  mine?: boolean;\n}\n\n/**\n * A custom message type.\n *\n * Custom messages are not rendered by default, but applications can provide custom renderers for them.\n *\n * @public\n */\nexport interface CustomMessage extends MessageCommon {\n  messageType: 'custom';\n\n  content: string;\n}\n\n/**\n * Common properties of all system messages.\n *\n * @public\n */\nexport interface SystemMessageCommon extends MessageCommon {\n  messageType: 'system';\n  iconName: string;\n}\n\n/**\n * Common properties of all message types.\n *\n * @public\n */\nexport interface MessageCommon {\n  messageId: string;\n  // ISO8601 format: `yyyy-MM-ddTHH:mm:ssZ`\n  createdOn: Date;\n}\n\"../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/types/CommunicationParticipant.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommunicationParticipant.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/CommunicationParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\r\n * A Chat or Calling participant's state, as reflected in the UI.\r\n *\r\n * @public\r\n */\nexport type CommunicationParticipant = {\n  /** User ID of participant */\n  userId: string;\n  /** Display name of participant */\n  displayName?: string;\n};"]}
+{"version":3,"file":"CommunicationParticipant.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/CommunicationParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT license.\r\n\r\n/**\r\n * A Chat or Calling participant's state, as reflected in the UI.\r\n *\r\n * @public\r\n */\r\nexport type CommunicationParticipant = {\r\n  /** User ID of participant */\r\n  userId: string;\r\n  /** Display name of participant */\r\n  displayName?: string;\r\n};\r\n"]}

package/dist/dist-esm/react-components/src/types/ComponentSlotStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentSlotStyle.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ComponentSlotStyle.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IRawStyle } from '@fluentui/react';\n\n/**\n * ComponentSlotStyle is a \\@fluentui/react-northstar type.\n * As we have moved away from this package we have used the more generic IRawStyle type from fluent for interoperability.\n *\n * @public\n */\nexport type ComponentSlotStyle = Omit<IRawStyle, 'animation'>;"]}
+{"version":3,"file":"ComponentSlotStyle.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/ComponentSlotStyle.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IRawStyle } from '@fluentui/react';\n\n/**\n * ComponentSlotStyle is a \\@fluentui/react-northstar type.\n * As we have moved away from this package we have used the more generic IRawStyle type from fluent for interoperability.\n *\n * @public\n */\nexport type ComponentSlotStyle = Omit<IRawStyle, 'animation'>;\n"]}

package/dist/dist-esm/react-components/src/types/CustomStylesProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomStylesProps.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/CustomStylesProps.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle } from '@fluentui/react';\n\n/**\n * Basic fluent styles props for all components exported from this libray.\n *\n * @public\n */\nexport interface BaseCustomStyles {\n  /** Styles for the root container. */\n  root?: IStyle;\n}"]}
+{"version":3,"file":"CustomStylesProps.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/CustomStylesProps.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStyle } from '@fluentui/react';\n\n/**\n * Basic fluent styles props for all components exported from this libray.\n *\n * @public\n */\nexport interface BaseCustomStyles {\n  /** Styles for the root container. */\n  root?: IStyle;\n}\n"]}

package/dist/dist-esm/react-components/src/types/OnRender.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { IPersonaStyleProps, IPersonaStyles, IStyleFunctionOrObject, PersonaPresence, PersonaSize } from '@fluentui/react';
+import { ParticipantState } from '.';
 /**
  * Options that can be injected into the `onRender` function for customizing an
  * Avatar (`Persona`) component.
@@ -23,6 +24,13 @@ export declare type CustomAvatarOptions = {
     styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;
     /** Display name to be used in Persona  */
     text?: string;
+    /** State for the participant to be displayed in the defaultPlaceHolder */
+    participantState?: ParticipantState;
+    /**
+     * If true, show the special coin for unknown persona.
+     * It has '?' in place of initials, with static font and background colors
+     */
+    showUnknownPersonaCoin?: boolean;
 };
 /**
  * A custom rendered callback that allows users to customize the rendering of a Persona Component.

package/dist/dist-esm/react-components/src/types/OnRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnRender.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/OnRender.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IPersonaStyleProps, IPersonaStyles, IStyleFunctionOrObject, PersonaPresence, PersonaSize } from '@fluentui/react';\n/**\n * Options that can be injected into the `onRender` function for customizing an\n * Avatar (`Persona`) component.\n *\n * @public\n */\nexport type CustomAvatarOptions = {\n  /** Persona coin size in pixels  */\n  coinSize?: number;\n  /** Only show Coin and Initials  */\n  hidePersonaDetails?: boolean;\n  /** Text color of initials inside the coin  */\n  initialsTextColor?: string;\n  /** Optional property to set the aria label of the video tile if there is no available stream. */\n  noVideoAvailableAriaLabel?: string;\n  /** User status  */\n  presence?: PersonaPresence;\n  /** Preset Persona Size number  */\n  size?: PersonaSize;\n  /** Custom style for the Avatar  */\n  styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;\n  /** Display name to be used in Persona  */\n  text?: string;\n};\n\n/**\n * A custom rendered callback that allows users to customize the rendering of a Persona Component.\n *\n * @public\n */\nexport type OnRenderAvatarCallback = (\n/**\n * An Communication user ID.\n */\nuserId?: string, options?: CustomAvatarOptions,\n/**\n * A default `onRender` component that can be used to render the default avatar.\n * Pass the `options` to the `onRender` component for default rendering.\n */\ndefaultOnRender?: (props: CustomAvatarOptions) => JSX.Element) => JSX.Element;"]}
+{"version":3,"file":"OnRender.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/OnRender.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport {\n  IPersonaStyleProps,\n  IPersonaStyles,\n  IStyleFunctionOrObject,\n  PersonaPresence,\n  PersonaSize\n} from '@fluentui/react';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { ParticipantState } from '.';\n\n/**\n * Options that can be injected into the `onRender` function for customizing an\n * Avatar (`Persona`) component.\n *\n * @public\n */\nexport type CustomAvatarOptions = {\n  /** Persona coin size in pixels  */\n  coinSize?: number;\n  /** Only show Coin and Initials  */\n  hidePersonaDetails?: boolean;\n  /** Text color of initials inside the coin  */\n  initialsTextColor?: string;\n  /** Optional property to set the aria label of the video tile if there is no available stream. */\n  noVideoAvailableAriaLabel?: string;\n  /** User status  */\n  presence?: PersonaPresence;\n  /** Preset Persona Size number  */\n  size?: PersonaSize;\n  /** Custom style for the Avatar  */\n  styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;\n  /** Display name to be used in Persona  */\n  text?: string;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /** State for the participant to be displayed in the defaultPlaceHolder */\n  participantState?: ParticipantState;\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * If true, show the special coin for unknown persona.\n   * It has '?' in place of initials, with static font and background colors\n   */\n  showUnknownPersonaCoin?: boolean;\n};\n\n/**\n * A custom rendered callback that allows users to customize the rendering of a Persona Component.\n *\n * @public\n */\nexport type OnRenderAvatarCallback = (\n  /**\n   * An Communication user ID.\n   */\n  userId?: string,\n  options?: CustomAvatarOptions,\n  /**\n   * A default `onRender` component that can be used to render the default avatar.\n   * Pass the `options` to the `onRender` component for default rendering.\n   */\n  defaultOnRender?: (props: CustomAvatarOptions) => JSX.Element\n) => JSX.Element;\n"]}

package/dist/dist-esm/react-components/src/types/ParticipantListParticipant.d.ts

@@ -1,3 +1,4 @@
+import { Role } from '../permissions';
 import { CommunicationParticipant } from './CommunicationParticipant';
 /**
  * Calling participant's state, as reflected in the UI components.
@@ -13,6 +14,8 @@ export declare type CallParticipantListParticipant = ParticipantListParticipant
     isMuted?: boolean;
     /** Whether calling participant is speaking */
     isSpeaking?: boolean;
+    /** Role of participant in Rooms call */
+    role?: Role;
 };
 /**
  * Participants displayed in a {@link ParticipantList}.

package/dist/dist-esm/react-components/src/types/ParticipantListParticipant.js

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

package/dist/dist-esm/react-components/src/types/ParticipantListParticipant.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantListParticipant.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ParticipantListParticipant.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { CommunicationParticipant } from './CommunicationParticipant';\n\n/**\r\n * Calling participant's state, as reflected in the UI components.\r\n *\r\n * @public\r\n */\nexport type CallParticipantListParticipant = ParticipantListParticipant & {\n  /** State of calling participant */\n  state: ParticipantState;\n  /** Whether calling participant is screen sharing */\n  isScreenSharing?: boolean;\n  /** Whether calling participant is muted */\n  isMuted?: boolean;\n  /** Whether calling participant is speaking */\n  isSpeaking?: boolean;\n};\n\n/**\r\n * Participants displayed in a {@link ParticipantList}.\r\n *\r\n * @public\r\n */\nexport type ParticipantListParticipant = CommunicationParticipant & {\n  /**\r\n   * If true, local participant can remove this participant from the roster.\r\n   */\n  isRemovable: boolean;\n};\n\n/**\r\n * @public\r\n * The connection state of a call participant.\r\n */\nexport type ParticipantState = 'Idle' | 'Connecting' | 'Ringing' | 'Connected' | 'Hold' | 'InLobby' | 'EarlyMedia' | 'Disconnected';"]}
+{"version":3,"file":"ParticipantListParticipant.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/ParticipantListParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT license.\r\n\r\n/* @conditional-compile-remove(rooms) */\r\nimport { Role } from '../permissions';\r\nimport { CommunicationParticipant } from './CommunicationParticipant';\r\n\r\n/**\r\n * Calling participant's state, as reflected in the UI components.\r\n *\r\n * @public\r\n */\r\nexport type CallParticipantListParticipant = ParticipantListParticipant & {\r\n  /** State of calling participant */\r\n  state: ParticipantState;\r\n  /** Whether calling participant is screen sharing */\r\n  isScreenSharing?: boolean;\r\n  /** Whether calling participant is muted */\r\n  isMuted?: boolean;\r\n  /** Whether calling participant is speaking */\r\n  isSpeaking?: boolean;\r\n  /* @conditional-compile-remove(rooms) */\r\n  /** Role of participant in Rooms call */\r\n  role?: Role;\r\n};\r\n\r\n/**\r\n * Participants displayed in a {@link ParticipantList}.\r\n *\r\n * @public\r\n */\r\nexport type ParticipantListParticipant = CommunicationParticipant & {\r\n  /**\r\n   * If true, local participant can remove this participant from the roster.\r\n   */\r\n  isRemovable: boolean;\r\n};\r\n\r\n/**\r\n * @public\r\n * The connection state of a call participant.\r\n */\r\nexport type ParticipantState =\r\n  | 'Idle'\r\n  | 'Connecting'\r\n  | 'Ringing'\r\n  | 'Connected'\r\n  | 'Hold'\r\n  | 'InLobby'\r\n  | 'EarlyMedia'\r\n  | 'Disconnected';\r\n"]}

package/dist/dist-esm/react-components/src/types/ReadReceiptsBySenderId.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadReceiptsBySenderId.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ReadReceiptsBySenderId.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * An array of key value pairs that stores each sender's display name and last read message\n *\n * @public\n */\nexport type ReadReceiptsBySenderId = {\n  [key: string]: {\n    lastReadMessage: string;\n    displayName: string;\n  };\n};"]}
+{"version":3,"file":"ReadReceiptsBySenderId.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/ReadReceiptsBySenderId.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/**\n * An array of key value pairs that stores each sender's display name and last read message\n *\n * @public\n */\nexport type ReadReceiptsBySenderId = { [key: string]: { lastReadMessage: string; displayName: string } };\n"]}

package/dist/dist-esm/react-components/src/types/VideoGalleryParticipant.d.ts

@@ -1,3 +1,4 @@
+import { ParticipantState } from './ParticipantListParticipant';
 /**
  * Scaling mode of a {@link VideoGalleryStream}.
  *
@@ -48,6 +49,8 @@ export interface VideoGalleryStream {
     isMirrored?: boolean;
     /** Render element of the video stream */
     renderElement?: HTMLElement;
+    /** Scaling mode of the video stream */
+    scalingMode?: ViewScalingMode;
 }
 /**
  * Object returned after creating a local or remote VideoStream.
@@ -81,5 +84,10 @@ export interface VideoGalleryRemoteParticipant extends VideoGalleryParticipant {
     isSpeaking?: boolean;
     /** Video stream of shared screen */
     screenShareStream?: VideoGalleryStream;
+    /**
+     * @beta
+     * The connection state of the participant. For example, 'Hold', 'Connecting' etc.
+     */
+    state?: ParticipantState;
 }
 //# sourceMappingURL=VideoGalleryParticipant.d.ts.map

package/dist/dist-esm/react-components/src/types/VideoGalleryParticipant.js

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

package/dist/dist-esm/react-components/src/types/VideoGalleryParticipant.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoGalleryParticipant.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/VideoGalleryParticipant.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n/**\n * Scaling mode of a {@link VideoGalleryStream}.\n *\n * @public\n */\nexport type ViewScalingMode = 'Stretch' | 'Crop' | 'Fit';\n\n/**\n * Options to control how video streams are rendered.\n *\n * @public\n */\nexport declare interface VideoStreamOptions {\n  /** Whether the video stream is mirrored or not */\n  isMirrored?: boolean;\n  /** Scaling mode. It can be `Stretch`, `Crop` or `Fit` */\n  scalingMode?: ViewScalingMode;\n}\n\n/**\n * The state of a participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport type VideoGalleryParticipant = {\n  /** User ID of participant */\n  userId: string;\n  /** Whether participant is muted */\n  isMuted?: boolean;\n  /** Display name of participant */\n  displayName?: string;\n  /** Video stream of participant */\n  videoStream?: VideoGalleryStream;\n  /** Whether participant is screen sharing or not */\n  isScreenSharingOn?: boolean;\n};\n\n/**\n * Video stream of a participant in {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryStream {\n  /** ID of the video stream */\n  id?: number;\n  /** Whether the video stream is available or not */\n  isAvailable?: boolean;\n  /** Whether the video stream is receiving data or not */\n  isReceiving?: boolean;\n  /** Whether the video stream is mirrored or not */\n  isMirrored?: boolean;\n  /** Render element of the video stream */\n  renderElement?: HTMLElement;\n}\n\n/**\n * Object returned after creating a local or remote VideoStream.\n * This contains helper functions to manipulate the render of the stream.\n *\n * @public\n */\nexport interface CreateVideoStreamViewResult {\n  /** View handle of the rendered video stream */\n  view: {\n    /**\n     * Update the scale mode for this view.\n     * @param scalingMode - The new scale mode.\n     */\n    updateScalingMode: (scalingMode: ViewScalingMode) => Promise<void>;\n  };\n}\n\n// set the required attribs in selector. (Further simplifying our component logic) For example\n// isLocalVideoReady can be calculated inside selector.\n/**\n * The state of the local participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport type VideoGalleryLocalParticipant = VideoGalleryParticipant;\n\n/**\n * The state of a remote participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryRemoteParticipant extends VideoGalleryParticipant {\n  /** Whether participant is speaking or not */\n  isSpeaking?: boolean;\n  /** Video stream of shared screen */\n  screenShareStream?: VideoGalleryStream;\n}"]}
+{"version":3,"file":"VideoGalleryParticipant.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/VideoGalleryParticipant.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n/* @conditional-compile-remove(one-to-n-calling) */\n/* @conditional-compile-remove(PSTN-calls) */\nimport { ParticipantState } from './ParticipantListParticipant';\n\n/**\n * Scaling mode of a {@link VideoGalleryStream}.\n *\n * @public\n */\nexport type ViewScalingMode = 'Stretch' | 'Crop' | 'Fit';\n\n/**\n * Options to control how video streams are rendered.\n *\n * @public\n */\nexport declare interface VideoStreamOptions {\n  /** Whether the video stream is mirrored or not */\n  isMirrored?: boolean;\n  /** Scaling mode. It can be `Stretch`, `Crop` or `Fit` */\n  scalingMode?: ViewScalingMode;\n}\n\n/**\n * The state of a participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport type VideoGalleryParticipant = {\n  /** User ID of participant */\n  userId: string;\n  /** Whether participant is muted */\n  isMuted?: boolean;\n  /** Display name of participant */\n  displayName?: string;\n  /** Video stream of participant */\n  videoStream?: VideoGalleryStream;\n  /** Whether participant is screen sharing or not */\n  isScreenSharingOn?: boolean;\n};\n\n/**\n * Video stream of a participant in {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryStream {\n  /** ID of the video stream */\n  id?: number;\n  /** Whether the video stream is available or not */\n  isAvailable?: boolean;\n  /** Whether the video stream is receiving data or not */\n  isReceiving?: boolean;\n  /** Whether the video stream is mirrored or not */\n  isMirrored?: boolean;\n  /** Render element of the video stream */\n  renderElement?: HTMLElement;\n  /* @conditional-compile-remove(pinned-participants) */\n  /** Scaling mode of the video stream */\n  scalingMode?: ViewScalingMode;\n}\n\n/**\n * Object returned after creating a local or remote VideoStream.\n * This contains helper functions to manipulate the render of the stream.\n *\n * @public\n */\nexport interface CreateVideoStreamViewResult {\n  /** View handle of the rendered video stream */\n  view: {\n    /**\n     * Update the scale mode for this view.\n     * @param scalingMode - The new scale mode.\n     */\n    updateScalingMode: (scalingMode: ViewScalingMode) => Promise<void>;\n  };\n}\n\n// set the required attribs in selector. (Further simplifying our component logic) For example\n// isLocalVideoReady can be calculated inside selector.\n/**\n * The state of the local participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport type VideoGalleryLocalParticipant = VideoGalleryParticipant;\n\n/**\n * The state of a remote participant in the {@link VideoGallery}.\n *\n * @public\n */\nexport interface VideoGalleryRemoteParticipant extends VideoGalleryParticipant {\n  /** Whether participant is speaking or not */\n  isSpeaking?: boolean;\n  /** Video stream of shared screen */\n  screenShareStream?: VideoGalleryStream;\n  /* @conditional-compile-remove(one-to-n-calling) */\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * @beta\n   * The connection state of the participant. For example, 'Hold', 'Connecting' etc.\n   */\n  state?: ParticipantState;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,oCAAoC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './ChatMessage';\nexport * from './ComponentSlotStyle';\nexport * from './CustomStylesProps';\nexport * from './VideoGalleryParticipant';\nexport * from './CommunicationParticipant';\nexport * from './ParticipantListParticipant';\nexport * from './OnRender';\nexport * from './ReadReceiptsBySenderId';\nexport * from './CaptionsAvailableLanguageStrings';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,oCAAoC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './ChatMessage';\nexport * from './ComponentSlotStyle';\nexport * from './CustomStylesProps';\nexport * from './VideoGalleryParticipant';\nexport * from './CommunicationParticipant';\nexport * from './ParticipantListParticipant';\nexport * from './OnRender';\nexport * from './ReadReceiptsBySenderId';\nexport * from './CaptionsAvailableLanguageStrings';\n"]}

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

@@ -0,0 +1,5 @@
+/**
+ * @private
+ */
+export declare const compositeLogger: import("@azure/logger").AzureLogger;
+//# sourceMappingURL=Logger.d.ts.map

package/dist/dist-esm/react-composites/src/Logger.js

@@ -0,0 +1,8 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { createClientLogger } from '@azure/logger';
+/**
+ * @private
+ */
+export const compositeLogger = createClientLogger('communication-react:composite');
+//# sourceMappingURL=Logger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logger.js","sourceRoot":"","sources":["../../../../../react-composites/src/Logger.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,+BAA+B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { createClientLogger } from '@azure/logger';\n\n/**\n * @private\n */\nexport const compositeLogger = createClientLogger('communication-react:composite');\n"]}

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

@@ -32,6 +32,59 @@ export interface CallCompositeProps extends BaseCompositeProps<CallCompositeIcon
      */
     options?: CallCompositeOptions;
 }
+/**
+ * Device Checks.
+ * Choose whether or not to block starting a call depending on camera and microphone permission options.
+ *
+ * @beta
+ */
+export interface DeviceCheckOptions {
+    /**
+     * Camera Permission prompts for your call.
+     * 'required' - requires the permission to be allowed before permitting the user join the call.
+     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
+     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
+     */
+    camera: 'required' | 'optional' | 'doNotPrompt';
+    /**
+     * Microphone permission prompts for your call.
+     * 'required' - requires the permission to be allowed before permitting the user join the call.
+     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
+     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
+     */
+    microphone: 'required' | 'optional' | 'doNotPrompt';
+}
+/**
+ * Menu options for remote video tiles in {@link VideoGallery}.
+ *
+ * @beta
+ */
+export interface RemoteVideoTileMenuOptions {
+    /**
+     * If set to true, remote video tiles in the VideoGallery will not have menu options
+     *
+     * @defaultValue false
+     */
+    isHidden?: boolean;
+}
+/**
+ * Options for the local video tile in the Call composite.
+ *
+ * @beta
+ */
+export interface LocalVideoTileOptions {
+    /**
+     * Position of the local video tile. If unset will render the local tile in the floating local position.
+     *
+     * @defaultValue 'floating'
+     * @remarks 'grid' - local video tile will be rendered in the grid view of the videoGallery.
+     * 'floating' - local video tile will be rendered in the floating position and will observe overflow gallery
+     * local video tile rules and be docked in the bottom corner.
+     * 'hidden' - local video tile will not be rendered.
+     * This does not affect the Configuration screen or the side pane Picture in Picture in Picture view.
+     */
+    position?: 'grid' | 'floating';
+}
 /**
  * Optional features of the {@link CallComposite}.
  *
@@ -50,6 +103,66 @@ export declare type CallCompositeOptions = {
      * @defaultValue true
      */
     callControls?: boolean | CallControlOptions;
+    /**
+     * Device permissions check options for your call.
+     * Here you can choose what device permissions you prompt the user for,
+     * as well as what device permissions must be accepted before starting a call.
+     */
+    deviceChecks?: DeviceCheckOptions;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * unable to grant your site the required permissions for the call.
+     *
+     * @example
+     * ```ts
+     * onPermissionsTroubleshootingClick: () =>
+     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
+     */
+    onPermissionsTroubleshootingClick?: (permissionsState: {
+        camera: PermissionState;
+        microphone: PermissionState;
+    }) => void;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * having network issues when connecting to the call.
+     *
+     * @example
+     * ```ts
+     * onNetworkingTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
+     */
+    onNetworkingTroubleShootingClick?: () => void;
+    /**
+     * Callback you may provide to supply users with a provided page to showcase supported browsers by ACS.
+     *
+     * @example
+     * ```ts
+     * onBrowserTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/browser-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a unsupported browser page.
+     */
+    onEnvironmentInfoTroubleshootingClick?: () => void;
+    /**
+     * Remote participant video tile menu options
+     */
+    remoteVideoTileMenu?: RemoteVideoTileMenuOptions;
+    /**
+     * Options for controlling the local video tile.
+     *
+     * @remarks if 'false' the local video tile will not be rendered.
+     */
+    localVideoTile?: boolean | LocalVideoTileOptions;
 };
 /**
  * A customizable UI composite for calling experience.

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js

@@ -18,20 +18,31 @@ import { CallPage } from './pages/CallPage';
 import { ConfigurationPage } from './pages/ConfigurationPage';
 import { NoticePage } from './pages/NoticePage';
 import { useSelector } from './hooks/useSelector';
-import { getPage } from './selectors/baseSelectors';
+import { getEndedCall, getPage } from './selectors/baseSelectors';
+/* @conditional-compile-remove(rooms) */
+import { getRole } from './selectors/baseSelectors';
 import { LobbyPage } from './pages/LobbyPage';
+/* @conditional-compile-remove(call-transfer) */
+import { TransferPage } from './pages/TransferPage';
 import { leavingPageStyle, mainScreenContainerStyleDesktop, mainScreenContainerStyleMobile } from './styles/CallComposite.styles';
+/* @conditional-compile-remove(rooms) */
+import { _PermissionsProvider, _getPermissions } from "../../../../react-components/src";
 import { LayerHost, mergeStyles } from '@fluentui/react';
 import { modalLayerHostStyle } from '../common/styles/ModalLocalAndRemotePIP.styles';
 import { useId } from '@fluentui/react-hooks';
+/* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(PSTN-calls) */
+import { HoldPage } from './pages/HoldPage';
+/* @conditional-compile-remove(unsupported-browser) */
+import { UnsupportedBrowserPage } from './pages/UnsupportedBrowser';
 import { SidePaneProvider } from './components/SidePane/SidePaneProvider';
 const isShowing = (overrideSidePane) => {
     return !!(overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive);
 };
 const MainScreen = (props) => {
-    var _a;
+    var _a, _b, _c, _d, _e;
     const { callInvitationUrl, onRenderAvatar, onFetchAvatarPersonaData, onFetchParticipantMenuItems } = props;
     const page = useSelector(getPage);
+    const endedCall = useSelector(getEndedCall);
     const [sidePaneRenderer, setSidePaneRenderer] = React.useState();
     const [injectedSidePaneProps, setInjectedSidePaneProps] = React.useState();
     const overridePropsRef = useRef(props.overrideSidePane);
@@ -52,41 +63,80 @@ const MainScreen = (props) => {
     const locale = useLocale();
     const palette = useTheme().palette;
     const leavePageStyle = useMemo(() => leavingPageStyle(palette), [palette]);
+    /* @conditional-compile-remove(rooms) */
+    const role = useSelector(getRole);
     let pageElement;
+    /* @conditional-compile-remove(rooms) */
+    switch (page) {
+        case 'roomNotFound':
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageInvalidRoom", title: locale.strings.call.roomNotFoundTitle, moreDetails: locale.strings.call.roomNotFoundDetails, dataUiId: 'room-not-found-page' }));
+            break;
+        case 'deniedPermissionToRoom':
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageInvalidRoom", title: locale.strings.call.deniedPermissionToRoomTitle, moreDetails: locale.strings.call.deniedPermissionToRoomDetails, dataUiId: 'not-invited-to-room-page' }));
+            break;
+    }
     switch (page) {
         case 'configuration':
-            pageElement = React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
+            pageElement = (React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
                     adapter.joinCall();
-                }, updateSidePaneRenderer: setSidePaneRenderer, modalLayerHostId: props.modalLayerHostId });
+                }, updateSidePaneRenderer: setSidePaneRenderer, modalLayerHostId: props.modalLayerHostId, 
+                /* @conditional-compile-remove(call-readiness) */
+                deviceChecks: (_a = props.options) === null || _a === void 0 ? void 0 : _a.deviceChecks, 
+                /* @conditional-compile-remove(call-readiness) */
+                onPermissionsTroubleshootingClick: (_b = props.options) === null || _b === void 0 ? void 0 : _b.onPermissionsTroubleshootingClick, 
+                /* @conditional-compile-remove(call-readiness) */
+                onNetworkingTroubleShootingClick: (_c = props.options) === null || _c === void 0 ? void 0 : _c.onNetworkingTroubleShootingClick }));
             break;
         case 'accessDeniedTeamsMeeting':
-            pageElement = React.createElement(NoticePage, { iconName: "NoticePageAccessDeniedTeamsMeeting", title: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedTitle, moreDetails: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails, dataUiId: 'access-denied-teams-meeting-page' });
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageAccessDeniedTeamsMeeting", title: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedTitle, moreDetails: locale.strings.call.failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails, dataUiId: 'access-denied-teams-meeting-page' }));
             break;
         case 'removedFromCall':
-            pageElement = React.createElement(NoticePage, { iconName: "NoticePageRemovedFromCall", title: locale.strings.call.removedFromCallTitle, moreDetails: locale.strings.call.removedFromCallMoreDetails, dataUiId: 'removed-from-call-page' });
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageRemovedFromCall", title: locale.strings.call.removedFromCallTitle, moreDetails: locale.strings.call.removedFromCallMoreDetails, dataUiId: 'removed-from-call-page' }));
             break;
         case 'joinCallFailedDueToNoNetwork':
-            pageElement = React.createElement(NoticePage, { iconName: "NoticePageJoinCallFailedDueToNoNetwork", title: locale.strings.call.failedToJoinCallDueToNoNetworkTitle, moreDetails: locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails, dataUiId: 'join-call-failed-due-to-no-network-page' });
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageJoinCallFailedDueToNoNetwork", title: locale.strings.call.failedToJoinCallDueToNoNetworkTitle, moreDetails: locale.strings.call.failedToJoinCallDueToNoNetworkMoreDetails, dataUiId: 'join-call-failed-due-to-no-network-page' }));
             break;
         case 'leaving':
-            pageElement = React.createElement(NoticePage, { title: (_a = locale.strings.call.leavingCallTitle) !== null && _a !== void 0 ? _a : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true });
+            pageElement = (React.createElement(NoticePage, { title: (_d = locale.strings.call.leavingCallTitle) !== null && _d !== void 0 ? _d : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true }));
             break;
-        case 'leftCall':
-            pageElement = React.createElement(NoticePage, { iconName: "NoticePageLeftCall", title: locale.strings.call.leftCallTitle, moreDetails: locale.strings.call.leftCallMoreDetails, dataUiId: 'left-call-page' });
+        case 'leftCall': {
+            const { title, moreDetails, disableStartCallButton } = getEndedCallStrings(locale, endedCall);
+            pageElement = (React.createElement(NoticePage, { iconName: "NoticePageLeftCall", title: title, moreDetails: moreDetails, dataUiId: 'left-call-page', disableStartCallButton: disableStartCallButton }));
             break;
+        }
         case 'lobby':
-            pageElement = React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader });
+            pageElement = (React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader }));
+            break;
+        /* @conditional-compile-remove(call-transfer) */
+        case 'transferring':
+            pageElement = (React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onRenderAvatar: onRenderAvatar, onFetchAvatarPersonaData: onFetchAvatarPersonaData }));
             break;
         case 'call':
-            pageElement = React.createElement(CallPage, { onRenderAvatar: onRenderAvatar, callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader });
+            pageElement = (React.createElement(CallPage, { onRenderAvatar: onRenderAvatar, callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader }));
+            break;
+        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+        case 'hold':
+            pageElement = (React.createElement(React.Fragment, null, React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader })));
+            break;
+    }
+    /* @conditional-compile-remove(unsupported-browser) */
+    switch (page) {
+        case 'unsupportedEnvironment':
+            pageElement = (React.createElement(React.Fragment, null, 
+            /* @conditional-compile-remove(unsupported-browser) */
+            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_e = props.options) === null || _e === void 0 ? void 0 : _e.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
             break;
     }
     if (!pageElement) {
         throw new Error('Invalid call composite page');
     }
+    /* @conditional-compile-remove(rooms) */
+    const permissions = _getPermissions(role === 'Unknown' || role === undefined ? props.roleHint : role);
     // default retElement for stable version
     let retElement = pageElement;
-    return React.createElement(SidePaneProvider, { sidePaneRenderer: sidePaneRenderer, overrideSidePane: injectedSidePaneProps }, retElement);
+    /* @conditional-compile-remove(rooms) */
+    retElement = React.createElement(_PermissionsProvider, { permissions: permissions }, pageElement);
+    return (React.createElement(SidePaneProvider, { sidePaneRenderer: sidePaneRenderer, overrideSidePane: injectedSidePaneProps }, retElement));
 };
 /**
  * A customizable UI composite for calling experience.
@@ -101,24 +151,30 @@ export const CallComposite = (props) => React.createElement(CallCompositeInner,
 /** @private */
 export const CallCompositeInner = (props) => {
     const { adapter, callInvitationUrl, onFetchAvatarPersonaData, onFetchParticipantMenuItems, options, formFactor = 'desktop' } = props;
+    /* @conditional-compile-remove(rooms) */
+    const roleHint = adapter.getState().roleHint;
     useEffect(() => {
         (() => __awaiter(void 0, void 0, void 0, function* () {
-            const constrain = getQueryOptions({});
+            const constrain = getQueryOptions({
+                /* @conditional-compile-remove(rooms) */ role: roleHint
+            });
             yield adapter.askDevicePermission(constrain);
             adapter.queryCameras();
             adapter.queryMicrophones();
             adapter.querySpeakers();
         }))();
-    }, [adapter]);
+    }, [adapter, /* @conditional-compile-remove(rooms) */ roleHint]);
     const mobileView = formFactor === 'mobile';
     const modalLayerHostId = useId('modalLayerhost');
     const mainScreenContainerClassName = useMemo(() => {
         return mobileView ? mainScreenContainerStyleMobile : mainScreenContainerStyleDesktop;
     }, [mobileView]);
-    return React.createElement("div", { className: mainScreenContainerClassName },
+    return (React.createElement("div", { className: mainScreenContainerClassName },
         React.createElement(BaseProvider, Object.assign({}, props),
             React.createElement(CallAdapterProvider, { adapter: adapter },
-                React.createElement(MainScreen, { callInvitationUrl: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: mobileView, modalLayerHostId: modalLayerHostId, options: options, onSidePaneIdChange: props.onSidePaneIdChange, overrideSidePane: props.overrideSidePane, mobileChatTabHeader: props.mobileChatTabHeader }),
+                React.createElement(MainScreen, { callInvitationUrl: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: mobileView, modalLayerHostId: modalLayerHostId, options: options, 
+                    /* @conditional-compile-remove(rooms) */
+                    roleHint: roleHint, onSidePaneIdChange: props.onSidePaneIdChange, overrideSidePane: props.overrideSidePane, mobileChatTabHeader: props.mobileChatTabHeader }),
                 // This layer host is for ModalLocalAndRemotePIP in SidePane. This LayerHost cannot be inside the SidePane
                 // because when the SidePane is hidden, ie. style property display is 'none', it takes up no space. This causes problems when dragging
                 // the Modal because the draggable bounds thinks it has no space and will always return to its initial position after dragging.
@@ -127,12 +183,54 @@ export const CallCompositeInner = (props) => {
                 // Warning: this is fragile and works because the call arrangement page is only rendered after the call has connected and thus this
                 // LayerHost will be guaranteed to have rendered (and subsequently mounted in the DOM). This ensures the DOM element will be available
                 // before the call to `document.getElementById(modalLayerHostId)` is made.
-                React.createElement(LayerHost, { id: modalLayerHostId, className: mergeStyles(modalLayerHostStyle) }))));
+                React.createElement(LayerHost, { id: modalLayerHostId, className: mergeStyles(modalLayerHostStyle) })))));
 };
 const getQueryOptions = (options) => {
-    return {
-        video: true,
-        audio: true
-    };
+    /* @conditional-compile-remove(rooms) */
+    if (options.role === 'Consumer') {
+        return {
+            video: false,
+            audio: true
+        };
+    }
+    return { video: true, audio: true };
+};
+const getEndedCallStrings = (locale, endedCall) => {
+    var _a;
+    let title = locale.strings.call.leftCallTitle;
+    let moreDetails = locale.strings.call.leftCallMoreDetails;
+    let disableStartCallButton = false;
+    /* @conditional-compile-remove(teams-adhoc-call) */
+    switch ((_a = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _a === void 0 ? void 0 : _a.subCode) {
+        case 10037:
+            if (locale.strings.call.participantCouldNotBeReachedTitle) {
+                title = locale.strings.call.participantCouldNotBeReachedTitle;
+                moreDetails = locale.strings.call.participantCouldNotBeReachedMoreDetails;
+                disableStartCallButton = true;
+            }
+            break;
+        case 10124:
+            if (locale.strings.call.permissionToReachTargetParticipantNotAllowedTitle) {
+                title = locale.strings.call.permissionToReachTargetParticipantNotAllowedTitle;
+                moreDetails = locale.strings.call.permissionToReachTargetParticipantNotAllowedMoreDetails;
+                disableStartCallButton = true;
+            }
+            break;
+        case 10119:
+            if (locale.strings.call.unableToResolveTenantTitle) {
+                title = locale.strings.call.unableToResolveTenantTitle;
+                moreDetails = locale.strings.call.unableToResolveTenantMoreDetails;
+                disableStartCallButton = true;
+            }
+            break;
+        case 10044:
+            if (locale.strings.call.participantIdIsMalformedTitle) {
+                title = locale.strings.call.participantIdIsMalformedTitle;
+                moreDetails = locale.strings.call.participantIdIsMalformedMoreDetails;
+                disableStartCallButton = true;
+            }
+            break;
+    }
+    return { title, moreDetails, disableStartCallButton };
 };
 //# sourceMappingURL=CallComposite.js.map