@azure/communication-react 1.15.0-beta.2 → 1.16.0-alpha-202404160012

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;AA2FlC;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,SAAS;CACnB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IDropdownOption } from '@fluentui/react';\n\n/**\n * @public\n * spoken language strings for captions setting modal\n */\nexport interface SpokenLanguageStrings {\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\n/**\n * @public\n * caption language strings for captions setting modal\n */\nexport interface CaptionLanguageStrings {\n  ar: string;\n  da: string;\n  de: string;\n  en: string;\n  es: string;\n  fi: string;\n  fr: string;\n  'fr-ca': string;\n  hi: string;\n  it: string;\n  ja: string;\n  ko: string;\n  nb: string;\n  nl: string;\n  pl: string;\n  pt: string;\n  ru: string;\n  sv: string;\n  'zh-Hans': string;\n  'zh-Hant': string;\n  cs: string;\n  'pt-pt': string;\n  tr: string;\n  vi: string;\n  th: string;\n  he: string;\n  cy: string;\n  uk: string;\n  el: string;\n  hu: string;\n  ro: string;\n  sk: string;\n}\n\n/**\n * @internal\n * mapping between caption language and spoken language codes\n */\nexport const _spokenLanguageToCaptionLanguage = {\n  'ar-ae': 'ar',\n  'ar-sa': 'ar',\n  'da-dk': 'da',\n  'de-de': 'de',\n  'en-au': 'en',\n  'en-ca': 'en',\n  'en-gb': 'en',\n  'en-in': 'en',\n  'en-nz': 'en',\n  'en-us': 'en',\n  'es-es': 'es',\n  'es-mx': 'es',\n  'fi-fi': 'fi',\n  'fr-ca': 'fr-ca',\n  'fr-fr': 'fr',\n  'hi-in': 'hi',\n  'it-it': 'it',\n  'ja-jp': 'ja',\n  'ko-kr': 'ko',\n  'nb-no': 'nb',\n  'nl-be': 'nl',\n  'nl-nl': 'nl',\n  'pl-pl': 'pl',\n  'pt-br': 'pt',\n  'ru-ru': 'ru',\n  'sv-se': 'sv',\n  'zh-cn': 'zh-Hans',\n  'zh-hk': 'zh-Hant',\n  'cs-cz': 'cs',\n  'pt-pt': 'pt-pt',\n  'tr-tr': 'tr',\n  'vi-vn': 'vi',\n  'th-th': 'th',\n  'he-il': 'he',\n  'cy-gb': 'cy',\n  'uk-ua': 'uk',\n  'el-gr': 'el',\n  'hu-hu': 'hu',\n  'ro-ro': 'ro',\n  'sk-sk': 'sk',\n  'zh-tw': 'zh-Hant'\n};\n\n/**\n * @internal\n */\nexport type _SupportedSpokenLanguage = keyof SpokenLanguageStrings;\n\n/**\n * @internal\n */\nexport type _SupportedCaptionLanguage = keyof CaptionLanguageStrings;\n\n/**\n * @internal\n */\nexport type SpokenLanguageDropdownOptions = IDropdownOption<SpokenLanguageStrings> & {\n  key: keyof SpokenLanguageStrings;\n};\n\n/**\n * @internal\n */\nexport type CaptionLanguageDropdownOptions = IDropdownOption<CaptionLanguageStrings> & {\n  key: keyof CaptionLanguageStrings;\n};"]}
+{"version":3,"file":"CaptionsAvailableLanguageStrings.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/CaptionsAvailableLanguageStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AA2FlC;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,SAAS;CACnB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IDropdownOption } from '@fluentui/react';\n\n/**\n * @public\n * spoken language strings for captions setting modal\n */\nexport interface SpokenLanguageStrings {\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\n/**\n * @public\n * caption language strings for captions setting modal\n */\nexport interface CaptionLanguageStrings {\n  ar: string;\n  da: string;\n  de: string;\n  en: string;\n  es: string;\n  fi: string;\n  fr: string;\n  'fr-ca': string;\n  hi: string;\n  it: string;\n  ja: string;\n  ko: string;\n  nb: string;\n  nl: string;\n  pl: string;\n  pt: string;\n  ru: string;\n  sv: string;\n  'zh-Hans': string;\n  'zh-Hant': string;\n  cs: string;\n  'pt-pt': string;\n  tr: string;\n  vi: string;\n  th: string;\n  he: string;\n  cy: string;\n  uk: string;\n  el: string;\n  hu: string;\n  ro: string;\n  sk: string;\n}\n\n/**\n * @internal\n * mapping between caption language and spoken language codes\n */\nexport const _spokenLanguageToCaptionLanguage = {\n  'ar-ae': 'ar',\n  'ar-sa': 'ar',\n  'da-dk': 'da',\n  'de-de': 'de',\n  'en-au': 'en',\n  'en-ca': 'en',\n  'en-gb': 'en',\n  'en-in': 'en',\n  'en-nz': 'en',\n  'en-us': 'en',\n  'es-es': 'es',\n  'es-mx': 'es',\n  'fi-fi': 'fi',\n  'fr-ca': 'fr-ca',\n  'fr-fr': 'fr',\n  'hi-in': 'hi',\n  'it-it': 'it',\n  'ja-jp': 'ja',\n  'ko-kr': 'ko',\n  'nb-no': 'nb',\n  'nl-be': 'nl',\n  'nl-nl': 'nl',\n  'pl-pl': 'pl',\n  'pt-br': 'pt',\n  'ru-ru': 'ru',\n  'sv-se': 'sv',\n  'zh-cn': 'zh-Hans',\n  'zh-hk': 'zh-Hant',\n  'cs-cz': 'cs',\n  'pt-pt': 'pt-pt',\n  'tr-tr': 'tr',\n  'vi-vn': 'vi',\n  'th-th': 'th',\n  'he-il': 'he',\n  'cy-gb': 'cy',\n  'uk-ua': 'uk',\n  'el-gr': 'el',\n  'hu-hu': 'hu',\n  'ro-ro': 'ro',\n  'sk-sk': 'sk',\n  'zh-tw': 'zh-Hant'\n};\n\n/**\n * @internal\n */\nexport type _SupportedSpokenLanguage = keyof SpokenLanguageStrings;\n\n/**\n * @internal\n */\nexport type _SupportedCaptionLanguage = keyof CaptionLanguageStrings;\n\n/**\n * @internal\n */\nexport type SpokenLanguageDropdownOptions = IDropdownOption<SpokenLanguageStrings> & {\n  key: keyof SpokenLanguageStrings;\n};\n\n/**\n * @internal\n */\nexport type CaptionLanguageDropdownOptions = IDropdownOption<CaptionLanguageStrings> & {\n  key: keyof CaptionLanguageStrings;\n};\n"]}

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

@@ -56,10 +56,10 @@ export interface ChatMessage extends MessageCommon {
     metadata?: Record<string, string>;
     /**
      * @beta
-     * A list of file attachments for the message.
+     * A list of attachments in the message.
      * {@link AttachmentMetadata}
      */
-    files?: AttachmentMetadata[];
+    attachments?: AttachmentMetadata[];
 }
 /**
  * A system message notifying that a participant was added to the chat thread.

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/* @conditional-compile-remove(file-sharing) */\nimport { AttachmentMetadata } from './Attachment';\n\n/**\n * Indicate whether a chat message should be displayed merged with the message before / after it.\n * If `true`, the message will be appear grouped with the message before it.\n * 'top' and 'bottom' are used to indicate that the message is the start or end of a group.\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 | /* @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 = 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  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * @beta\n   * A list of file attachments for the message.\n   * {@link AttachmentMetadata}\n   */\n  files?: AttachmentMetadata[];\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/* @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  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}"]}
+{"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(attachment-download) @conditional-compile-remove(attachment-upload) */\nimport { AttachmentMetadata } from './Attachment';\n\n/**\n * Indicate whether a chat message should be displayed merged with the message before / after it.\n * If `true`, the message will be appear grouped with the message before it.\n * 'top' and 'bottom' are used to indicate that the message is the start or end of a group.\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(attachment-download) @conditional-compile-remove(attachment-upload) */\n  /**\n   * @beta\n   * A list of attachments in the message.\n   * {@link AttachmentMetadata}\n   */\n  attachments?: AttachmentMetadata[];\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"]}

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.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/* @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 */\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

@@ -15,6 +15,25 @@ export type CallParticipantListParticipant = ParticipantListParticipant & {
     isSpeaking?: boolean;
     /** Whether calling participant is raised hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether calling participant has reacted
+     *
+     * @beta
+     * */
+    reaction?: Reaction;
+    /** Whether calling participant is spotlighted **/
+    spotlight?: Spotlight;
+};
+/**
+ * Spotlight state with order
+ *
+ * @public
+ */
+export type Spotlight = {
+    /**
+     * Specifies the order position of the spotlight
+     */
+    spotlightedOrderPosition?: number;
 };
 /**
  * Raised hand state with order
@@ -24,6 +43,21 @@ export type CallParticipantListParticipant = ParticipantListParticipant & {
 export type RaisedHand = {
     raisedHandOrderPosition: number;
 };
+/**
+ * Reaction state with reaction type to render
+ *
+ * @public
+ */
+export type Reaction = {
+    /**
+     * Specifies the type of reaction videoTile should render i.e. like, heart etc.
+     */
+    reactionType: string;
+    /**
+     * Received timestamp for the message as default Date format.
+     */
+    receivedOn: Date;
+};
 /**
  * Participants displayed in a {@link ParticipantList}.
  *

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":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\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  /** Whether calling participant is raised hand */\n  raisedHand?: RaisedHand;\n};\n/**\r\n * Raised hand state with order\r\n *\r\n * @public\r\n */\nexport type RaisedHand = {\n  raisedHandOrderPosition: number;\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\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  /** Whether calling participant is raised hand */\r\n  raisedHand?: RaisedHand;\r\n  /* @conditional-compile-remove(reaction) */\r\n  /**\r\n   * Whether calling participant has reacted\r\n   *\r\n   * @beta\r\n   * */\r\n  reaction?: Reaction;\r\n  /* @conditional-compile-remove(spotlight) */\r\n  /** Whether calling participant is spotlighted **/\r\n  spotlight?: Spotlight;\r\n};\r\n\r\n/* @conditional-compile-remove(spotlight) */\r\n/**\r\n * Spotlight state with order\r\n *\r\n * @public\r\n */\r\nexport type Spotlight = {\r\n  /**\r\n   * Specifies the order position of the spotlight\r\n   */\r\n  spotlightedOrderPosition?: number;\r\n};\r\n\r\n/**\r\n * Raised hand state with order\r\n *\r\n * @public\r\n */\r\nexport type RaisedHand = {\r\n  raisedHandOrderPosition: number;\r\n};\r\n\r\n/* @conditional-compile-remove(reaction) */\r\n/**\r\n * Reaction state with reaction type to render\r\n *\r\n * @public\r\n */\r\nexport type Reaction = {\r\n  /**\r\n   * Specifies the type of reaction videoTile should render i.e. like, heart etc.\r\n   */\r\n  reactionType: string;\r\n  /**\r\n   * Received timestamp for the message as default Date format.\r\n   */\r\n  receivedOn: Date;\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/ReactionTypes.d.ts

@@ -1,2 +1,46 @@
-export {};
+/**
+ * Type for animation sprite image and related metadata
+ * @public
+ */
+export type ReactionSprite = {
+    /**
+     * Path to animation sprite image for reaction.
+     */
+    url: string;
+    /**
+     * The frame count of the resource reaction in the sprite image
+     */
+    frameCount: number;
+};
+/**
+ * Interface for animation sprite image and related metadata
+ * @public
+ */
+export interface ReactionResources {
+    /**
+     * Like reaction animation resource.
+     */
+    likeReaction?: ReactionSprite;
+    /**
+     * Heart reaction animation resource.
+     */
+    heartReaction?: ReactionSprite;
+    /**
+     * Laugh reaction animation resource.
+     */
+    laughReaction?: ReactionSprite;
+    /**
+     * Applause reaction animation resource.
+     */
+    applauseReaction?: ReactionSprite;
+    /**
+     * Surprised reaction animation resource.
+     */
+    surprisedReaction?: ReactionSprite;
+}
+/**
+ * Options for overlay mode for reaction rendering
+ * @internal
+ */
+export type OverlayModeTypes = 'grid-tiles' | 'screen-share' | 'content-share';
 //# sourceMappingURL=ReactionTypes.d.ts.map

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

@@ -1,3 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
 export {};
-/*The above line is generated by conditional compilation, when no export detected after CC.*/ 
 //# sourceMappingURL=ReactionTypes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReactionTypes.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/ReactionTypes.ts"],"names":[],"mappings":";AACA,6FAA6F","sourcesContent":["export {};\n/*The above line is generated by conditional compilation, when no export detected after CC.*/"]}
+{"version":3,"file":"ReactionTypes.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/ReactionTypes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(reaction) */\n/**\n * Type for animation sprite image and related metadata\n * @public\n */\nexport type ReactionSprite = {\n  /**\n   * Path to animation sprite image for reaction.\n   */\n  url: string; // base64, relative links, relative paths\n  /**\n   * The frame count of the resource reaction in the sprite image\n   */\n  frameCount: number;\n};\n\n/* @conditional-compile-remove(reaction) */\n/**\n * Interface for animation sprite image and related metadata\n * @public\n */\nexport interface ReactionResources {\n  /**\n   * Like reaction animation resource.\n   */\n  likeReaction?: ReactionSprite;\n  /**\n   * Heart reaction animation resource.\n   */\n  heartReaction?: ReactionSprite;\n  /**\n   * Laugh reaction animation resource.\n   */\n  laughReaction?: ReactionSprite;\n  /**\n   * Applause reaction animation resource.\n   */\n  applauseReaction?: ReactionSprite;\n  /**\n   * Surprised reaction animation resource.\n   */\n  surprisedReaction?: ReactionSprite;\n}\n\n//* @conditional-compile-remove(reaction) */\n/**\n * Options for overlay mode for reaction rendering\n * @internal\n */\nexport type OverlayModeTypes = 'grid-tiles' | 'screen-share' | 'content-share';\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/SurveyIssues.d.ts

@@ -1,5 +1,5 @@
 /**
- * @beta
+ * @public
  * Corresponding texts to each call issue
  */
 export interface SurveyIssues {

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

@@ -1 +1 @@
-{"version":3,"file":"SurveyIssues.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/SurveyIssues.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @beta\n * Corresponding texts to each call issue\n */\nexport interface SurveyIssues {\n  overallRating: {\n    callCannotJoin: string;\n    callCannotInvite: string;\n    hadToRejoin: string;\n    callEndedUnexpectedly: string;\n    otherIssues: string;\n  };\n  audioRating: {\n    noLocalAudio: string;\n    noRemoteAudio: string;\n    echo: string;\n    audioNoise: string;\n    lowVolume: string;\n    audioStoppedUnexpectedly: string;\n    distortedSpeech: string;\n    audioInterruption: string;\n    otherIssues: string;\n  };\n  videoRating: {\n    noVideoReceived: string;\n    noVideoSent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    darkVideoReceived: string;\n    audioVideoOutOfSync: string;\n    otherIssues: string;\n  };\n  screenshareRating: {\n    noContentLocal: string;\n    noContentRemote: string;\n    cannotPresent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    largeDelay: string;\n    otherIssues: string;\n  };\n}"]}
+{"version":3,"file":"SurveyIssues.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/SurveyIssues.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @public\n * Corresponding texts to each call issue\n */\nexport interface SurveyIssues {\n  overallRating: {\n    callCannotJoin: string;\n    callCannotInvite: string;\n    hadToRejoin: string;\n    callEndedUnexpectedly: string;\n    otherIssues: string;\n  };\n  audioRating: {\n    noLocalAudio: string;\n    noRemoteAudio: string;\n    echo: string;\n    audioNoise: string;\n    lowVolume: string;\n    audioStoppedUnexpectedly: string;\n    distortedSpeech: string;\n    audioInterruption: string;\n    otherIssues: string;\n  };\n  videoRating: {\n    noVideoReceived: string;\n    noVideoSent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    darkVideoReceived: string;\n    audioVideoOutOfSync: string;\n    otherIssues: string;\n  };\n  screenshareRating: {\n    noContentLocal: string;\n    noContentRemote: string;\n    cannotPresent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    largeDelay: string;\n    otherIssues: string;\n  };\n}\n"]}

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

@@ -1,5 +1,5 @@
 /**
- * @beta
+ * @public
  * Corresponding texts to each call issue category
  */
 export interface SurveyIssuesHeadingStrings {

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

@@ -1 +1 @@
-{"version":3,"file":"SurveyIssuesHeadingStrings.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/types/SurveyIssuesHeadingStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @beta\n * Corresponding texts to each call issue category\n */\nexport interface SurveyIssuesHeadingStrings {\n  overallRating: string;\n  audioRating: string;\n  videoRating: string;\n  screenshareRating: string;\n}"]}
+{"version":3,"file":"SurveyIssuesHeadingStrings.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/SurveyIssuesHeadingStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @public\n * Corresponding texts to each call issue category\n */\nexport interface SurveyIssuesHeadingStrings {\n  overallRating: string;\n  audioRating: string;\n  videoRating: string;\n  screenshareRating: string;\n}\n"]}

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

@@ -1,5 +1,7 @@
 import { ParticipantState } from './ParticipantListParticipant';
 import { RaisedHand } from './ParticipantListParticipant';
+import { Reaction } from './ParticipantListParticipant';
+import { Spotlight } from './ParticipantListParticipant';
 /**
  * Scaling mode of a {@link VideoGalleryStream}.
  *
@@ -33,6 +35,8 @@ export type VideoGalleryParticipant = {
     videoStream?: VideoGalleryStream;
     /** Whether participant is screen sharing or not */
     isScreenSharingOn?: boolean;
+    /** Whether participant is spotlighted **/
+    spotlight?: Spotlight;
 };
 /**
  * Video stream of a participant in {@link VideoGallery}.
@@ -82,6 +86,11 @@ export interface CreateVideoStreamViewResult {
 export interface VideoGalleryLocalParticipant extends VideoGalleryParticipant {
     /** Whether local participant is raised a hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether local participant has reacted
+     *
+     * */
+    reaction?: Reaction;
 }
 /**
  * The state of a remote participant in the {@link VideoGallery}.
@@ -100,5 +109,11 @@ export interface VideoGalleryRemoteParticipant extends VideoGalleryParticipant {
     state?: ParticipantState;
     /** Whether participant is raised a hand */
     raisedHand?: RaisedHand;
+    /**
+     * Whether participant has reacted
+     *
+     * @public
+     * */
+    reaction?: Reaction;
 }
 //# sourceMappingURL=VideoGalleryParticipant.d.ts.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":"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';\nimport { RaisedHand } from './ParticipantListParticipant';\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  /** Scaling mode of the video stream */\n  scalingMode?: ViewScalingMode;\n  /** Stream Size of the video stream */\n  streamSize?: {\n    width: number;\n    height: number;\n  };\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 interface VideoGalleryLocalParticipant extends VideoGalleryParticipant {\n  /** Whether local participant is raised a hand */\n  raisedHand?: RaisedHand;\n}\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  /** Whether participant is raised a hand */\n  raisedHand?: RaisedHand;\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\nimport { RaisedHand } from './ParticipantListParticipant';\n/* @conditional-compile-remove(reaction) */\nimport { Reaction } from './ParticipantListParticipant';\n/* @conditional-compile-remove(spotlight) */\nimport { Spotlight } from './ParticipantListParticipant';\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  /* @conditional-compile-remove(spotlight) */\n  /** Whether participant is spotlighted **/\n  spotlight?: Spotlight;\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  /** Scaling mode of the video stream */\n  scalingMode?: ViewScalingMode;\n  /** Stream Size of the video stream */\n  streamSize?: { width: number; height: number };\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 interface VideoGalleryLocalParticipant extends VideoGalleryParticipant {\n  /** Whether local participant is raised a hand */\n  raisedHand?: RaisedHand;\n  /* @conditional-compile-remove(reaction) */\n  /**\n   * Whether local participant has reacted\n   *\n   * */\n  reaction?: Reaction;\n}\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  /** Whether participant is raised a hand */\n  raisedHand?: RaisedHand;\n  /* @conditional-compile-remove(reaction) */\n  /**\n   * Whether participant has reacted\n   *\n   * @public\n   * */\n  reaction?: Reaction;\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;AACnD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,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';\nexport * from './SurveyIssues';\nexport * from './SurveyIssuesHeadingStrings';\nexport * from './CallSurveyImprovementSuggestions';\nexport * from './ReactionTypes';\nexport * from './Attachment';"]}
+{"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;AACnD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,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';\nexport * from './SurveyIssues';\nexport * from './SurveyIssuesHeadingStrings';\nexport * from './CallSurveyImprovementSuggestions';\nexport * from './ReactionTypes';\nexport * from './Attachment';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Logger.js","sourceRoot":"","sources":["../../../../preprocess-dist/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');"]}
+{"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

@@ -247,6 +247,16 @@ export type CallCompositeOptions = {
             url: string;
         };
     };
+    /**
+     * Options for settings related to spotlight.
+     */
+    spotlight?: {
+        /**
+         * Flag to hide the menu buttons to start and stop spotlight for remote participants and the local participant.
+         * @defaultValue false
+         */
+        hideSpotlightButtons?: boolean;
+    };
 };
 /**
  * A customizable UI composite for calling experience.

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

@@ -20,7 +20,6 @@ import { NoticePage } from './pages/NoticePage';
 import { useSelector } from './hooks/useSelector';
 import { getEndedCall, getPage, getTargetCallees } 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';
 import { LayerHost, mergeStyles } from '@fluentui/react';
@@ -34,9 +33,7 @@ import { SidePaneProvider } from './components/SidePane/SidePaneProvider';
 import { filterLatestErrors, getEndedCallPageProps, trackErrorAsDismissed, updateTrackedErrorsWithActiveErrors } from './utils';
 import { usePropsFor } from './hooks/usePropsFor';
 import { deviceCountSelector } from './selectors/deviceCountSelector';
-/* @conditional-compile-remove(capabilities) */
 import { capabilitiesChangedInfoAndRoleSelector } from './selectors/capabilitiesChangedInfoAndRoleSelector';
-/* @conditional-compile-remove(capabilities) */
 import { useTrackedCapabilityChangedNotifications } from './utils/TrackCapabilityChangedNotifications';
 import { useEndedCallConsoleErrors } from './utils/useConsoleErrors';
 /* @conditional-compile-remove(end-of-call-survey) */
@@ -61,10 +58,13 @@ const MainScreen = (props) => {
             adapter.queryMicrophones();
             adapter.querySpeakers();
         }))();
-    }, [adapter,
+    }, [
+        adapter,
         // Ensure we re-ask for permissions if the number of devices goes from 0 -> n during a call
         // as we cannot request permissions when there are no devices.
-        hasCameras, hasMicrophones]);
+        hasCameras,
+        hasMicrophones
+    ]);
     const { callInvitationUrl, onFetchAvatarPersonaData, onFetchParticipantMenuItems } = props;
     const page = useSelector(getPage);
     const endedCall = useSelector(getEndedCall);
@@ -96,9 +96,8 @@ const MainScreen = (props) => {
             adapter.off('callEnded', closeSidePane);
         };
     }, [adapter]);
-    /* @conditional-compile-remove(capabilities) */
+    const compositeAudioContext = useRef(new AudioContext());
     const capabilitiesChangedInfoAndRole = useSelector(capabilitiesChangedInfoAndRoleSelector);
-    /* @conditional-compile-remove(capabilities) */
     const capabilitiesChangedNotificationBarProps = useTrackedCapabilityChangedNotifications(capabilitiesChangedInfoAndRole);
     // Track the last dismissed errors of any error kind to prevent errors from re-appearing on subsequent page navigation
     // This works by tracking the most recent timestamp of any active error type.
@@ -106,10 +105,10 @@ const MainScreen = (props) => {
     const activeErrors = usePropsFor(ErrorBar).activeErrorMessages;
     const [trackedErrors, setTrackedErrors] = useState({});
     useEffect(() => {
-        setTrackedErrors(prev => updateTrackedErrorsWithActiveErrors(prev, activeErrors));
+        setTrackedErrors((prev) => updateTrackedErrorsWithActiveErrors(prev, activeErrors));
     }, [activeErrors]);
     const onDismissError = useCallback((error) => {
-        setTrackedErrors(prev => trackErrorAsDismissed(error.type, prev));
+        setTrackedErrors((prev) => trackErrorAsDismissed(error.type, prev));
     }, []);
     const latestErrors = useMemo(() => filterLatestErrors(activeErrors, trackedErrors), [activeErrors, trackedErrors]);
     const callees = useSelector(getTargetCallees);
@@ -122,13 +121,12 @@ const MainScreen = (props) => {
     const [pinnedParticipants, setPinnedParticipants] = useState([]);
     switch (page) {
         case 'configuration':
-            pageElement = React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
+            pageElement = (React.createElement(ConfigurationPage, { mobileView: props.mobileView, startCallHandler: () => {
                     if (callees) {
-                        adapter.startCall(callees, /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId ? {
-                            alternateCallerId: {
-                                phoneNumber: alternateCallerId
-                            }
-                        } : {});
+                        adapter.startCall(callees, 
+                        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId
+                            ? { alternateCallerId: { phoneNumber: alternateCallerId } }
+                            : {});
                     }
                     else {
                         adapter.joinCall({
@@ -137,66 +135,62 @@ const MainScreen = (props) => {
                         });
                     }
                 }, updateSidePaneRenderer: setSidePaneRenderer, latestErrors: latestErrors, onDismissError: onDismissError, modalLayerHostId: props.modalLayerHostId, 
-                /* @conditional-compile-remove(call-readiness) */ deviceChecks: (_d = props.options) === null || _d === void 0 ? void 0 : _d.deviceChecks, 
-                /* @conditional-compile-remove(call-readiness) */ onPermissionsTroubleshootingClick: (_e = props.options) === null || _e === void 0 ? void 0 : _e.onPermissionsTroubleshootingClick, 
-                /* @conditional-compile-remove(call-readiness) */ onNetworkingTroubleShootingClick: (_f = props.options) === null || _f === void 0 ? void 0 : _f.onNetworkingTroubleShootingClick, 
-                /* @conditional-compile-remove(capabilities) */ capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, 
-                /* @conditional-compile-remove(custom-branding) */ logo: (_h = (_g = props.options) === null || _g === void 0 ? void 0 : _g.branding) === null || _h === void 0 ? void 0 : _h.logo, 
-                /* @conditional-compile-remove(custom-branding) */ backgroundImage: (_k = (_j = props.options) === null || _j === void 0 ? void 0 : _j.branding) === null || _k === void 0 ? void 0 : _k.backgroundImage });
+                /* @conditional-compile-remove(call-readiness) */
+                deviceChecks: (_d = props.options) === null || _d === void 0 ? void 0 : _d.deviceChecks, 
+                /* @conditional-compile-remove(call-readiness) */
+                onPermissionsTroubleshootingClick: (_e = props.options) === null || _e === void 0 ? void 0 : _e.onPermissionsTroubleshootingClick, 
+                /* @conditional-compile-remove(call-readiness) */
+                onNetworkingTroubleShootingClick: (_f = props.options) === null || _f === void 0 ? void 0 : _f.onNetworkingTroubleShootingClick, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, logo: (_h = (_g = props.options) === null || _g === void 0 ? void 0 : _g.branding) === null || _h === void 0 ? void 0 : _h.logo, backgroundImage: (_k = (_j = props.options) === null || _j === void 0 ? void 0 : _j.branding) === null || _k === void 0 ? void 0 : _k.backgroundImage }));
             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: (_l = locale.strings.call.leavingCallTitle) !== null && _l !== void 0 ? _l : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true });
+            pageElement = (React.createElement(NoticePage, { title: (_l = locale.strings.call.leavingCallTitle) !== null && _l !== void 0 ? _l : 'Leaving...', dataUiId: 'leaving-page', pageStyle: leavePageStyle, disableStartCallButton: true }));
             break;
-        case 'leftCall':
-            {
-                const { title, moreDetails, disableStartCallButton, iconName } = getEndedCallPageProps(locale, endedCall);
-                /* @conditional-compile-remove(end-of-call-survey) */
-                if (!((_o = (_m = props.options) === null || _m === void 0 ? void 0 : _m.surveyOptions) === null || _o === void 0 ? void 0 : _o.disableSurvey)) {
-                    pageElement = React.createElement(SurveyPage, { dataUiId: 'left-call-page', surveyOptions: (_p = props.options) === null || _p === void 0 ? void 0 : _p.surveyOptions, iconName: iconName, title: title, moreDetails: moreDetails, disableStartCallButton: disableStartCallButton, mobileView: props.mobileView });
-                    break;
-                }
-                pageElement = React.createElement(NoticePage, { iconName: iconName, title: title, moreDetails: callees ? '' : moreDetails, dataUiId: 'left-call-page', disableStartCallButton: disableStartCallButton });
+        case 'leftCall': {
+            const { title, moreDetails, disableStartCallButton, iconName } = getEndedCallPageProps(locale, endedCall);
+            /* @conditional-compile-remove(end-of-call-survey) */
+            if (!((_o = (_m = props.options) === null || _m === void 0 ? void 0 : _m.surveyOptions) === null || _o === void 0 ? void 0 : _o.disableSurvey)) {
+                pageElement = (React.createElement(SurveyPage, { dataUiId: 'left-call-page', surveyOptions: (_p = props.options) === null || _p === void 0 ? void 0 : _p.surveyOptions, iconName: iconName, title: title, moreDetails: moreDetails, disableStartCallButton: disableStartCallButton, mobileView: props.mobileView }));
                 break;
             }
+            pageElement = (React.createElement(NoticePage, { iconName: iconName, title: title, moreDetails: callees ? '' : 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, latestErrors: latestErrors, onDismissError: onDismissError, 
-                /* @conditional-compile-remove(capabilities) */ capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps });
+            pageElement = (React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: latestErrors, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
             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, onFetchAvatarPersonaData: onFetchAvatarPersonaData, latestErrors: latestErrors, onDismissError: onDismissError, 
-                /* @conditional-compile-remove(capabilities) */ capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps });
+            pageElement = (React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, latestErrors: latestErrors, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
             break;
         case 'call':
-            pageElement = React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: latestErrors, onDismissError: onDismissError, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, 
-                /* @conditional-compile-remove(capabilities) */ capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants });
+            pageElement = (React.createElement(CallPage, { callInvitationURL: callInvitationUrl, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane, latestErrors: latestErrors, onDismissError: onDismissError, galleryLayout: userSetGalleryLayout, onUserSetGalleryLayoutChange: setUserSetGalleryLayout, onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps, pinnedParticipants: pinnedParticipants, setPinnedParticipants: setPinnedParticipants, compositeAudioContext: compositeAudioContext.current }));
             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, latestErrors: latestErrors, onDismissError: onDismissError, 
-                /* @conditional-compile-remove(capabilities) */ capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
+            pageElement = (React.createElement(React.Fragment, null, React.createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: latestErrors, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps })));
             break;
     }
     useEndedCallConsoleErrors(endedCall);
     /* @conditional-compile-remove(unsupported-browser) */
     switch (page) {
         case 'unsupportedEnvironment':
-            pageElement = React.createElement(React.Fragment, null, /* @conditional-compile-remove(unsupported-browser) */ React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_q = props.options) === null || _q === void 0 ? void 0 : _q.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo }));
+            pageElement = (React.createElement(React.Fragment, null, 
+            /* @conditional-compile-remove(unsupported-browser) */
+            React.createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_q = props.options) === null || _q === void 0 ? void 0 : _q.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo })));
             break;
     }
     if (!pageElement) {
         throw new Error('Invalid call composite page');
     }
-    return React.createElement(SidePaneProvider, { sidePaneRenderer: sidePaneRenderer, overrideSidePane: injectedSidePaneProps }, pageElement);
+    return (React.createElement(SidePaneProvider, { sidePaneRenderer: sidePaneRenderer, overrideSidePane: injectedSidePaneProps }, pageElement));
 };
 /**
  * A customizable UI composite for calling experience.
@@ -216,7 +210,7 @@ export const CallCompositeInner = (props) => {
     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, onCloseChatPane: props.onCloseChatPane }),
@@ -228,7 +222,7 @@ 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) => {
     if (options.role === 'Consumer') {
@@ -237,9 +231,6 @@ const getQueryOptions = (options) => {
             audio: true
         };
     }
-    return {
-        video: true,
-        audio: true
-    };
+    return { video: true, audio: true };
 };
 //# sourceMappingURL=CallComposite.js.map