@azure/communication-react 1.10.0-beta.1 → 1.10.0

package/dist/dist-esm/react-components/src/theming/themes.d.ts

@@ -13,35 +13,16 @@ export interface CallingTheme {
         raiseHandGold: string;
     };
 }
-/**
- * Custom Fluent theme palette used by chat related components in this library.
- *
- * @beta
- */
-export interface ChatTheme {
-    /**
-     * Custom Fluent theme palette used by chat related components in this library.
-     *
-     * @beta
-     */
-    chatPalette: {
-        modalOverlayBlack: string;
-        modalTitleWhite: string;
-        modalButtonBackground: string;
-        modalButtonBackgroundHover: string;
-        modalButtonBackgroundActive: string;
-    };
-}
 /**
  * Preset light theme for components exported from this library.
  *
  * @public
  */
-export declare const lightTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ ChatTheme;
+export declare const lightTheme: PartialTheme & CallingTheme;
 /**
  * Preset dark theme for components exported from this library.
  *
  * @public
  */
-export declare const darkTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ ChatTheme;
+export declare const darkTheme: PartialTheme & CallingTheme;
 //# sourceMappingURL=themes.d.ts.map

package/dist/dist-esm/react-components/src/theming/themes.js

@@ -38,14 +38,6 @@ export const lightTheme = {
         /* @conditional-compile-remove(raise-hand) */
         raiseHandGold: '#eaa300'
     },
-    /* @conditional-compile-remove(image-gallery) */
-    chatPalette: {
-        modalOverlayBlack: '#000000',
-        modalTitleWhite: '#ffffff',
-        modalButtonBackground: '#1b1a19',
-        modalButtonBackgroundHover: '#252423',
-        modalButtonBackgroundActive: '#292827'
-    },
     semanticColors: {
         errorText: '#a80000'
     }
@@ -88,14 +80,6 @@ export const darkTheme = {
         /* @conditional-compile-remove(raise-hand) */
         raiseHandGold: '#eaa300'
     },
-    /* @conditional-compile-remove(image-gallery) */
-    chatPalette: {
-        modalOverlayBlack: '#000000',
-        modalTitleWhite: '#ffffff',
-        modalButtonBackground: '#1b1a19',
-        modalButtonBackgroundHover: '#252423',
-        modalButtonBackgroundActive: '#292827'
-    },
     semanticColors: {
         errorText: '#f1707b'
     }

package/dist/dist-esm/react-components/src/theming/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/themes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAyClC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAA4F;IACjH,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,6CAA6C;QAC7C,aAAa,EAAE,SAAS;KACzB;IACD,gDAAgD;IAChD,WAAW,EAAE;QACX,iBAAiB,EAAE,SAAS;QAC5B,eAAe,EAAE,SAAS;QAC1B,qBAAqB,EAAE,SAAS;QAChC,0BAA0B,EAAE,SAAS;QACrC,2BAA2B,EAAE,SAAS;KACvC;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAA4F;IAChH,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,6CAA6C;QAC7C,aAAa,EAAE,SAAS;KACzB;IACD,gDAAgD;IAChD,WAAW,EAAE;QACX,iBAAiB,EAAE,SAAS;QAC5B,eAAe,EAAE,SAAS;QAC1B,qBAAqB,EAAE,SAAS;QAChC,0BAA0B,EAAE,SAAS;QACrC,2BAA2B,EAAE,SAAS;KACvC;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialTheme } from '@fluentui/react';\n\n/**\n * Custom Fluent theme palette used by calling related components in this library.\n *\n * @public\n */\nexport interface CallingTheme {\n  callingPalette: {\n    callRed: string;\n    callRedDark: string;\n    callRedDarker: string;\n    iconWhite: string;\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: string;\n  };\n}\n\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Custom Fluent theme palette used by chat related components in this library.\n *\n * @beta\n */\nexport interface ChatTheme {\n  /**\n   * Custom Fluent theme palette used by chat related components in this library.\n   *\n   * @beta\n   */\n  chatPalette: {\n    modalOverlayBlack: string;\n    modalTitleWhite: string;\n    modalButtonBackground: string;\n    modalButtonBackgroundHover: string;\n    modalButtonBackgroundActive: string;\n  };\n}\n\n/**\n * Preset light theme for components exported from this library.\n *\n * @public\n */\nexport const lightTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ChatTheme = {\n  palette: {\n    themePrimary: '#0078d4',\n    themeLighterAlt: '#eff6fc',\n    themeLighter: '#deecf9',\n    themeLight: '#c7e0f4',\n    themeTertiary: '#71afe5',\n    themeSecondary: '#2b88d8',\n    themeDarkAlt: '#106ebe',\n    themeDark: '#59b0f7',\n    themeDarker: '#004578',\n    neutralLighterAlt: '#faf9f8',\n    neutralLighter: '#f3f2f1',\n    neutralLight: '#edebe9',\n    neutralQuaternaryAlt: '#e1dfdd',\n    neutralQuaternary: '#d0d0d0',\n    neutralTertiaryAlt: '#c8c6c4',\n    neutralTertiary: '#a19f9d',\n    neutralSecondary: '#605e5c',\n    neutralPrimaryAlt: '#3b3a39',\n    neutralPrimary: '#323130',\n    neutralDark: '#201f1e',\n    black: '#000000',\n    white: '#ffffff'\n  },\n  callingPalette: {\n    callRed: '#a42e43',\n    callRedDark: '#8b2c3d',\n    callRedDarker: '#772a38',\n    iconWhite: '#ffffff',\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: '#eaa300'\n  },\n  /* @conditional-compile-remove(image-gallery) */\n  chatPalette: {\n    modalOverlayBlack: '#000000',\n    modalTitleWhite: '#ffffff',\n    modalButtonBackground: '#1b1a19',\n    modalButtonBackgroundHover: '#252423',\n    modalButtonBackgroundActive: '#292827'\n  },\n  semanticColors: {\n    errorText: '#a80000'\n  }\n};\n\n/**\n * Preset dark theme for components exported from this library.\n *\n * @public\n */\nexport const darkTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ChatTheme = {\n  palette: {\n    themePrimary: '#2899f5',\n    themeLighterAlt: '#02060a',\n    themeLighter: '#061827',\n    themeLight: '#0c2e49',\n    themeTertiary: '#185b93',\n    themeSecondary: '#2286d7',\n    themeDarkAlt: '#3ca2f6',\n    themeDark: '#59b0f7',\n    themeDarker: '#84c5f9',\n    neutralLighterAlt: '#302e2d',\n    neutralLighter: '#383735',\n    neutralLight: '#464443',\n    neutralQuaternaryAlt: '#4e4d4b',\n    neutralQuaternary: '#4d4b49',\n    neutralTertiaryAlt: '#72706e',\n    neutralTertiary: '#c8c8c8',\n    neutralSecondary: '#d0d0d0',\n    neutralPrimaryAlt: '#dadada',\n    neutralPrimary: '#ffffff',\n    neutralDark: '#f4f4f4',\n    black: '#f8f8f8',\n    white: '#252423'\n  },\n  callingPalette: {\n    callRed: '#c4314b',\n    callRedDark: '#a42e43',\n    callRedDarker: '#8b2c3d',\n    iconWhite: '#ffffff',\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: '#eaa300'\n  },\n  /* @conditional-compile-remove(image-gallery) */\n  chatPalette: {\n    modalOverlayBlack: '#000000',\n    modalTitleWhite: '#ffffff',\n    modalButtonBackground: '#1b1a19',\n    modalButtonBackgroundHover: '#252423',\n    modalButtonBackgroundActive: '#292827'\n  },\n  semanticColors: {\n    errorText: '#f1707b'\n  }\n};"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/themes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAmBlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgC;IACrD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,6CAA6C;QAC7C,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,6CAA6C;QAC7C,aAAa,EAAE,SAAS;KACzB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialTheme } from '@fluentui/react';\n\n/**\n * Custom Fluent theme palette used by calling related components in this library.\n *\n * @public\n */\nexport interface CallingTheme {\n  callingPalette: {\n    callRed: string;\n    callRedDark: string;\n    callRedDarker: string;\n    iconWhite: string;\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: string;\n  };\n}\n/**\n * Preset light theme for components exported from this library.\n *\n * @public\n */\nexport const lightTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#0078d4',\n    themeLighterAlt: '#eff6fc',\n    themeLighter: '#deecf9',\n    themeLight: '#c7e0f4',\n    themeTertiary: '#71afe5',\n    themeSecondary: '#2b88d8',\n    themeDarkAlt: '#106ebe',\n    themeDark: '#59b0f7',\n    themeDarker: '#004578',\n    neutralLighterAlt: '#faf9f8',\n    neutralLighter: '#f3f2f1',\n    neutralLight: '#edebe9',\n    neutralQuaternaryAlt: '#e1dfdd',\n    neutralQuaternary: '#d0d0d0',\n    neutralTertiaryAlt: '#c8c6c4',\n    neutralTertiary: '#a19f9d',\n    neutralSecondary: '#605e5c',\n    neutralPrimaryAlt: '#3b3a39',\n    neutralPrimary: '#323130',\n    neutralDark: '#201f1e',\n    black: '#000000',\n    white: '#ffffff'\n  },\n  callingPalette: {\n    callRed: '#a42e43',\n    callRedDark: '#8b2c3d',\n    callRedDarker: '#772a38',\n    iconWhite: '#ffffff',\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#a80000'\n  }\n};\n\n/**\n * Preset dark theme for components exported from this library.\n *\n * @public\n */\nexport const darkTheme: PartialTheme & CallingTheme = {\n  palette: {\n    themePrimary: '#2899f5',\n    themeLighterAlt: '#02060a',\n    themeLighter: '#061827',\n    themeLight: '#0c2e49',\n    themeTertiary: '#185b93',\n    themeSecondary: '#2286d7',\n    themeDarkAlt: '#3ca2f6',\n    themeDark: '#59b0f7',\n    themeDarker: '#84c5f9',\n    neutralLighterAlt: '#302e2d',\n    neutralLighter: '#383735',\n    neutralLight: '#464443',\n    neutralQuaternaryAlt: '#4e4d4b',\n    neutralQuaternary: '#4d4b49',\n    neutralTertiaryAlt: '#72706e',\n    neutralTertiary: '#c8c8c8',\n    neutralSecondary: '#d0d0d0',\n    neutralPrimaryAlt: '#dadada',\n    neutralPrimary: '#ffffff',\n    neutralDark: '#f4f4f4',\n    black: '#f8f8f8',\n    white: '#252423'\n  },\n  callingPalette: {\n    callRed: '#c4314b',\n    callRedDark: '#a42e43',\n    callRedDarker: '#8b2c3d',\n    iconWhite: '#ffffff',\n    /* @conditional-compile-remove(raise-hand) */\n    raiseHandGold: '#eaa300'\n  },\n  semanticColors: {\n    errorText: '#f1707b'\n  }\n};"]}

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

@@ -1,6 +1,5 @@
 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.
  * If `true`, the message will be appear grouped with the message before it.
@@ -22,7 +21,7 @@ export declare type MessageContentType = 'text' | 'html' | 'richtext/html' | 'un
  *
  * @public
  */
-export declare type Message = ChatMessage | SystemMessage | CustomMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage;
+export declare type Message = ChatMessage | SystemMessage | CustomMessage;
 /**
  * Discriminated union of all system messages.
  *
@@ -54,12 +53,6 @@ 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.
@@ -97,25 +90,6 @@ 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/* @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 * 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) */ /* @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  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}\"../../../acs-ui-common/src\""]}
+{"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 * 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;\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\""]}

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

@@ -1,6 +1,5 @@
 /// <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.
@@ -24,13 +23,6 @@ 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/* @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":["../../../../../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;"]}

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

@@ -1,4 +1,3 @@
-import { ParticipantState } from './ParticipantListParticipant';
 import { RaisedHand } from './ParticipantListParticipant';
 /**
  * Scaling mode of a {@link VideoGalleryStream}.
@@ -93,11 +92,6 @@ 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;
     /** Whether participant is raised a hand */
     raisedHand?: RaisedHand;
 }

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

@@ -1,4 +1,2 @@
-// 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":"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/* @conditional-compile-remove(raise-hand) */\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  /* @conditional-compile-remove(pinned-participants) */\n  /** Scaling mode of the video stream */\n  scalingMode?: ViewScalingMode;\n  /* @conditional-compile-remove(pinned-participants) */\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  /* @conditional-compile-remove(raise-hand) */\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  /* @conditional-compile-remove(raise-hand) */\n  /** Whether participant is raised a hand */\n  raisedHand?: RaisedHand;\n}"]}
+{"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/* @conditional-compile-remove(raise-hand) */\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  /* @conditional-compile-remove(pinned-participants) */\n  /** Scaling mode of the video stream */\n  scalingMode?: ViewScalingMode;\n  /* @conditional-compile-remove(pinned-participants) */\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  /* @conditional-compile-remove(raise-hand) */\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(raise-hand) */\n  /** Whether participant is raised a hand */\n  raisedHand?: RaisedHand;\n}"]}

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

@@ -33,28 +33,6 @@ 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}.
  *
@@ -103,66 +81,10 @@ 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
      */
     remoteVideoTileMenuOptions?: RemoteVideoTileMenuOptions;
-    /**
-     * Options for controlling the local video tile.
-     *
-     * @remarks if 'false' the local video tile will not be rendered.
-     */
-    localVideoTile?: boolean | LocalVideoTileOptions;
     /**
      * Options for controlling the starting layout of the composite's video gallery
      */
@@ -189,6 +111,7 @@ export declare const CallComposite: (props: CallCompositeProps) => JSX.Element;
 export interface InternalCallCompositeProps {
     overrideSidePane?: InjectedSidePaneProps;
     onSidePaneIdChange?: (sidePaneId: string | undefined) => void;
+    onCloseChatPane?: () => void;
     mobileChatTabHeader?: MobileChatSidePaneTabHeaderProps;
 }
 /** @private */

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

@@ -20,16 +20,10 @@ import { NoticePage } from './pages/NoticePage';
 import { useSelector } from './hooks/useSelector';
 import { getEndedCall, getPage } 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';
 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';
 import { filterLatestErrors, trackErrorAsDismissed, updateTrackedErrorsWithActiveErrors } from './utils';
 import { usePropsFor } from './hooks/usePropsFor';
@@ -42,17 +36,14 @@ const isShowing = (overrideSidePane) => {
     return !!(overrideSidePane === null || overrideSidePane === void 0 ? void 0 : overrideSidePane.isActive);
 };
 const MainScreen = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d;
     const adapter = useAdapter();
     const { camerasCount, microphonesCount } = useSelector(deviceCountSelector);
     const hasCameras = camerasCount > 0;
     const hasMicrophones = microphonesCount > 0;
     useEffect(() => {
         (() => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            const constrain = getQueryOptions({
-                /* @conditional-compile-remove(rooms) */ role: (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.role
-            });
+            const constrain = getQueryOptions({});
             yield adapter.askDevicePermission(constrain);
             adapter.queryCameras();
             adapter.queryMicrophones();
@@ -105,15 +96,6 @@ const MainScreen = (props) => {
     const palette = useTheme().palette;
     const leavePageStyle = useMemo(() => leavingPageStyle(palette), [palette]);
     let pageElement;
-    /* @conditional-compile-remove(rooms) */
-    switch (page) {
-        case 'roomNotFound':
-            pageElement = React.createElement(NoticePage, { iconName: "NoticePageAccessDeniedRoomsCall", title: locale.strings.call.roomNotFoundTitle, moreDetails: locale.strings.call.roomNotFoundDetails, dataUiId: 'room-not-found-page' });
-            break;
-        case 'deniedPermissionToRoom':
-            pageElement = React.createElement(NoticePage, { iconName: "NoticePageAccessDeniedRoomsCall", 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: () => {
@@ -121,11 +103,7 @@ const MainScreen = (props) => {
                         microphoneOn: 'keep',
                         cameraOn: 'keep'
                     });
-                }, 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 });
+                }, updateSidePaneRenderer: setSidePaneRenderer, latestErrors: latestErrors, onDismissError: onDismissError, modalLayerHostId: props.modalLayerHostId, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps });
             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' });
@@ -137,7 +115,7 @@ const MainScreen = (props) => {
             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: (_g = locale.strings.call.leavingCallTitle) !== null && _g !== void 0 ? _g : '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':
             {
@@ -149,30 +127,14 @@ const MainScreen = (props) => {
             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 });
             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 });
-            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, latestErrors: latestErrors, onDismissError: onDismissError, 
+            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, 
                 /* @conditional-compile-remove(gallery-layouts) */ galleryLayout: userSetGalleryLayout, 
                 /* @conditional-compile-remove(gallery-layouts) */ onUserSetGalleryLayoutChange: setUserSetGalleryLayout, 
                 /* @conditional-compile-remove(gallery-layouts) */ onSetUserSetOverflowGalleryPosition: setUserSetOverflowGalleryPosition, 
                 /* @conditional-compile-remove(gallery-layouts) */ userSetOverflowGalleryPosition: userSetOverflowGalleryPosition, 
                 /* @conditional-compile-remove(capabilities) */ capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps });
             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 }));
-            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: (_h = props.options) === null || _h === void 0 ? void 0 : _h.onEnvironmentInfoTroubleshootingClick, environmentInfo: adapter.getState().environmentInfo }));
-            break;
     }
     if (!pageElement) {
         throw new Error('Invalid call composite page');
@@ -200,7 +162,7 @@ export const CallCompositeInner = (props) => {
     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, onSidePaneIdChange: props.onSidePaneIdChange, overrideSidePane: props.overrideSidePane, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: props.onCloseChatPane }),
                 // 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.
@@ -212,54 +174,15 @@ export const CallCompositeInner = (props) => {
                 React.createElement(LayerHost, { id: modalLayerHostId, className: mergeStyles(modalLayerHostStyle) }))));
 };
 const getQueryOptions = (options) => {
-    /* @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,