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

package/dist/dist-esm/acs-ui-common/src/common.d.ts

@@ -51,19 +51,6 @@ export interface AttachmentMetadata {
      */
     url: string;
 }
-/**
- * Result payload for uploading an image.
- *
- * @beta
- */
-export type UploadChatImageResult = {
-    /** Id of the image. */
-    id: string;
-    /** The type of attachment. */
-    attachmentType?: 'image' | 'file' | 'unknown';
-    /** The name including file extension type of the attachment. */
-    name?: string;
-};
 /**
  * Data model that represents a chat message attachment being uploaded
  * where it contains an ID to uniquely identify the attachment,

package/dist/dist-esm/acs-ui-common/src/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-common/src/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAU,EAAE;IACrD,OAAO,GAAG,GAAG,sBAAsB,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAU,EAAU,EAAE;IACpD,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAC;AACvC,CAAC,CAAC;AACF,MAAM,sBAAsB,GAAG,GAAW,EAAE;IAC1C,IAAI,YAAY,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnF,yDAAyD;IACzD,IAAI,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/B,YAAY,GAAG,EAAE,CAAC;IACpB,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAqE,EAAW,EAAE;IACvH,OAAO,EAAE,CAAC,IAAI,KAAK,QAAQ,IAAI,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC;AACtD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAmB,GAAM;IAC/C,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAmB,CAAC;AAC5C,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @internal\n * Converts units of rem to units of pixels\n * @param rem - units of rem\n * @returns units of pixels\n */\nexport const _convertRemToPx = (rem: number): number => {\n  return rem * getBrowserFontSizeInPx();\n};\n\n/**\n * @internal\n * Converts units of pixels to units of rem\n * @param px - units of px\n * @returns units of rem\n */\nexport const _convertPxToRem = (px: number): number => {\n  return px / getBrowserFontSizeInPx();\n};\nconst getBrowserFontSizeInPx = (): number => {\n  let fontSizeInPx = parseFloat(getComputedStyle(document.documentElement).fontSize);\n  // If browser font size is not a number, default to 16 px\n  if (Number.isNaN(fontSizeInPx)) {\n    fontSizeInPx = 16;\n  }\n  return fontSizeInPx;\n};\n\n/**\n * @internal\n * Disable dismiss on resize to work around a couple Fluent UI bugs\n * - The Callout is dismissed whenever *any child of window (inclusive)* is resized. In practice, this\n * happens when we change the VideoGallery layout, or even when the video stream element is internally resized\n * by the headless SDK.\n * - We also want to prevent dismiss when chat pane is scrolling especially a new message is added.\n * A side effect of this workaround is that the context menu stays open when window is resized, and may\n * get detached from original target visually. That bug is preferable to the bug when this value is not set -\n * The Callout (frequently) gets dismissed automatically.\n */\nexport const _preventDismissOnEvent = (ev: Event | React.FocusEvent | React.KeyboardEvent | React.MouseEvent): boolean => {\n  return ev.type === 'resize' || ev.type === 'scroll';\n};\n\n/**\n * @internal\n * Helper function to get the keys of an object\n */\nexport function _getKeys<T extends object>(obj: T): (keyof T)[] {\n  return Object.keys(obj) as Array<keyof T>;\n}\n\n/**\n * Data model that represents a chat message attachment\n * where it contains an ID to uniquely identify the attachment,\n * a name that represents the name of file, and\n * a URL to download the attachment.\n *\n * @public\n */\nexport interface AttachmentMetadata {\n  /**\n   * Unique ID of the attachment.\n   */\n  id: string;\n  /**\n   * Attachment name to be displayed.\n   */\n  name: string;\n  /**\n   * Download URL for the attachment.\n   */\n  url: string;\n}\n/**\n * Result payload for uploading an image.\n *\n * @beta\n */\nexport type UploadChatImageResult = {\n  /** Id of the image. */\n  id: string;\n  /** The type of attachment. */\n  attachmentType?: 'image' | 'file' | 'unknown';\n  /** The name including file extension type of the attachment. */\n  name?: string;\n};\n\n/**\n * Data model that represents a chat message attachment being uploaded\n * where it contains an ID to uniquely identify the attachment,\n * a name that represents the name of file,\n * an optional URL to download the attachment,\n * an optional progress value between 0 and 1 indicating the progress of the upload, and\n * an optional error object that contains error message would be shown to the user.\n *\n *\n * @beta\n */\nexport interface AttachmentMetadataInProgress {\n  /**\n   * Unique ID of the attachment.\n   */\n  id: string;\n  /**\n   * Attachment name to be displayed.\n   */\n  name: string;\n  /**\n   * Download URL for the attachment.\n   */\n  url?: string;\n  /**\n   * A number between 0 and 1 indicating the progress of the upload.\n   */\n  progress?: number;\n  /**\n   * A object contains error message would be shown to the user.\n   */\n  error?: AttachmentProgressError;\n}\n\n/**\n * @beta\n * A attachment progress error object that contains message to be shown to\n * the user when upload fails.\n */\nexport interface AttachmentProgressError {\n  message: string;\n}\n\n/**\n * @beta\n * Message option that defines properties that can be set when\n * sending or updating a chat message.\n * @property metadata - Metadata that contains additional information about the message to be passed between 2 users.\n * @property attachments - Attachments that contains file attachments attached to the message.\n * @property type - Type of the message content, either 'text' or 'html'.\n */\nexport type MessageOptions = {\n  metadata?: Record<string, string>;\n  attachments?: AttachmentMetadata[];\n  type?: ChatMessageType;\n};\n\n/**\n * @beta\n * Type of the message content, either 'text' or 'html'.\n */\nexport type ChatMessageType = 'text' | 'html';"]}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-common/src/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAU,EAAE;IACrD,OAAO,GAAG,GAAG,sBAAsB,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAU,EAAU,EAAE;IACpD,OAAO,EAAE,GAAG,sBAAsB,EAAE,CAAC;AACvC,CAAC,CAAC;AACF,MAAM,sBAAsB,GAAG,GAAW,EAAE;IAC1C,IAAI,YAAY,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnF,yDAAyD;IACzD,IAAI,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/B,YAAY,GAAG,EAAE,CAAC;IACpB,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAqE,EAAW,EAAE;IACvH,OAAO,EAAE,CAAC,IAAI,KAAK,QAAQ,IAAI,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC;AACtD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAmB,GAAM;IAC/C,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAmB,CAAC;AAC5C,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @internal\n * Converts units of rem to units of pixels\n * @param rem - units of rem\n * @returns units of pixels\n */\nexport const _convertRemToPx = (rem: number): number => {\n  return rem * getBrowserFontSizeInPx();\n};\n\n/**\n * @internal\n * Converts units of pixels to units of rem\n * @param px - units of px\n * @returns units of rem\n */\nexport const _convertPxToRem = (px: number): number => {\n  return px / getBrowserFontSizeInPx();\n};\nconst getBrowserFontSizeInPx = (): number => {\n  let fontSizeInPx = parseFloat(getComputedStyle(document.documentElement).fontSize);\n  // If browser font size is not a number, default to 16 px\n  if (Number.isNaN(fontSizeInPx)) {\n    fontSizeInPx = 16;\n  }\n  return fontSizeInPx;\n};\n\n/**\n * @internal\n * Disable dismiss on resize to work around a couple Fluent UI bugs\n * - The Callout is dismissed whenever *any child of window (inclusive)* is resized. In practice, this\n * happens when we change the VideoGallery layout, or even when the video stream element is internally resized\n * by the headless SDK.\n * - We also want to prevent dismiss when chat pane is scrolling especially a new message is added.\n * A side effect of this workaround is that the context menu stays open when window is resized, and may\n * get detached from original target visually. That bug is preferable to the bug when this value is not set -\n * The Callout (frequently) gets dismissed automatically.\n */\nexport const _preventDismissOnEvent = (ev: Event | React.FocusEvent | React.KeyboardEvent | React.MouseEvent): boolean => {\n  return ev.type === 'resize' || ev.type === 'scroll';\n};\n\n/**\n * @internal\n * Helper function to get the keys of an object\n */\nexport function _getKeys<T extends object>(obj: T): (keyof T)[] {\n  return Object.keys(obj) as Array<keyof T>;\n}\n\n/**\n * Data model that represents a chat message attachment\n * where it contains an ID to uniquely identify the attachment,\n * a name that represents the name of file, and\n * a URL to download the attachment.\n *\n * @public\n */\nexport interface AttachmentMetadata {\n  /**\n   * Unique ID of the attachment.\n   */\n  id: string;\n  /**\n   * Attachment name to be displayed.\n   */\n  name: string;\n  /**\n   * Download URL for the attachment.\n   */\n  url: string;\n}\n/**\n * Data model that represents a chat message attachment being uploaded\n * where it contains an ID to uniquely identify the attachment,\n * a name that represents the name of file,\n * an optional URL to download the attachment,\n * an optional progress value between 0 and 1 indicating the progress of the upload, and\n * an optional error object that contains error message would be shown to the user.\n *\n *\n * @beta\n */\nexport interface AttachmentMetadataInProgress {\n  /**\n   * Unique ID of the attachment.\n   */\n  id: string;\n  /**\n   * Attachment name to be displayed.\n   */\n  name: string;\n  /**\n   * Download URL for the attachment.\n   */\n  url?: string;\n  /**\n   * A number between 0 and 1 indicating the progress of the upload.\n   */\n  progress?: number;\n  /**\n   * A object contains error message would be shown to the user.\n   */\n  error?: AttachmentProgressError;\n}\n\n/**\n * @beta\n * A attachment progress error object that contains message to be shown to\n * the user when upload fails.\n */\nexport interface AttachmentProgressError {\n  message: string;\n}\n\n/**\n * @beta\n * Message option that defines properties that can be set when\n * sending or updating a chat message.\n * @property metadata - Metadata that contains additional information about the message to be passed between 2 users.\n * @property attachments - Attachments that contains file attachments attached to the message.\n * @property type - Type of the message content, either 'text' or 'html'.\n */\nexport type MessageOptions = {\n  metadata?: Record<string, string>;\n  attachments?: AttachmentMetadata[];\n  type?: ChatMessageType;\n};\n\n/**\n * @beta\n * Type of the message content, either 'text' or 'html'.\n */\nexport type ChatMessageType = 'text' | 'html';"]}

package/dist/dist-esm/acs-ui-common/src/constants.d.ts

@@ -3,9 +3,4 @@
  * @internal
  */
 export declare const _MAX_EVENT_LISTENERS = 50;
-/**
- * The key for the rich text editor inline image file name attribute
- * @internal
- */
-export declare const _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY = "data-image-file-name";
 //# sourceMappingURL=constants.d.ts.map

package/dist/dist-esm/acs-ui-common/src/constants.js

@@ -5,9 +5,4 @@
  * @internal
  */
 export const _MAX_EVENT_LISTENERS = 50;
-/**
- * The key for the rich text editor inline image file name attribute
- * @internal
- */
-export const _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY = 'data-image-file-name';
 //# sourceMappingURL=constants.js.map

package/dist/dist-esm/acs-ui-common/src/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-common/src/constants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC;;;GAGG;AACH,MAAM,CAAC,MAAM,2CAA2C,GAAG,sBAAsB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Default max listeners for use with {@link EventEmitter.setMaxListeners} function\n * @internal\n */\nexport const _MAX_EVENT_LISTENERS = 50;\n/**\n * The key for the rich text editor inline image file name attribute\n * @internal\n */\nexport const _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY = 'data-image-file-name';"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-common/src/constants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Default max listeners for use with {@link EventEmitter.setMaxListeners} function\n * @internal\n */\nexport const _MAX_EVENT_LISTENERS = 50;"]}

package/dist/dist-esm/acs-ui-common/src/index.d.ts

@@ -4,8 +4,6 @@ export { _getApplicationId } from './telemetry';
 export { _formatString } from './localizationUtils';
 export { _safeJSONStringify } from './safeStringify';
 export { _convertPxToRem, _convertRemToPx, _preventDismissOnEvent, _getKeys } from './common';
-export { _base64ToBlob } from './dataConversion';
-export { removeImageTags } from './removeImageTags';
 export type { Common, CommonProperties } from './commonProperties';
 export type { CallbackType, FunctionWithKey } from './memoizeFnAll';
 export type { AreEqual, AreParamEqual, AreTypeEqual } from './areEqual';
@@ -13,11 +11,9 @@ export type { MessageStatus } from './MessageStatus';
 export type { _IObjectMap } from './localizationUtils';
 export type { _TelemetryImplementationHint } from './telemetry';
 export { _MAX_EVENT_LISTENERS } from './constants';
-export { _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY } from './constants';
 export { _pxToRem } from './cssUtils';
 export { _logEvent } from './logEvent';
 export type { TelemetryEvent } from './logEvent';
 export type { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from './common';
-export type { UploadChatImageResult } from './common';
 export type { MessageOptions, ChatMessageType } from './common';
 //# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/acs-ui-common/src/index.js

@@ -6,10 +6,7 @@ export { _getApplicationId } from './telemetry';
 export { _formatString } from './localizationUtils';
 export { _safeJSONStringify } from './safeStringify';
 export { _convertPxToRem, _convertRemToPx, _preventDismissOnEvent, _getKeys } from './common';
-export { _base64ToBlob } from './dataConversion';
-export { removeImageTags } from './removeImageTags';
 export { _MAX_EVENT_LISTENERS } from './constants';
-export { _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY } from './constants';
 export { _pxToRem } from './cssUtils';
 export { _logEvent } from './logEvent';
 //# sourceMappingURL=index.js.map

package/dist/dist-esm/acs-ui-common/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-common/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,+BAA+B,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAC7K,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,2CAA2C,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { memoizeFnAll } from './memoizeFnAll';\nexport { fromFlatCommunicationIdentifier, toFlatCommunicationIdentifier, _toCommunicationIdentifier, _isValidIdentifier, _isIdentityMicrosoftTeamsUser } from './identifier';\nexport { _getApplicationId } from './telemetry';\nexport { _formatString } from './localizationUtils';\nexport { _safeJSONStringify } from './safeStringify';\nexport { _convertPxToRem, _convertRemToPx, _preventDismissOnEvent, _getKeys } from './common';\nexport { _base64ToBlob } from './dataConversion';\nexport { removeImageTags } from './removeImageTags';\nexport type { Common, CommonProperties } from './commonProperties';\nexport type { CallbackType, FunctionWithKey } from './memoizeFnAll';\nexport type { AreEqual, AreParamEqual, AreTypeEqual } from './areEqual';\nexport type { MessageStatus } from './MessageStatus';\nexport type { _IObjectMap } from './localizationUtils';\nexport type { _TelemetryImplementationHint } from './telemetry';\nexport { _MAX_EVENT_LISTENERS } from './constants';\nexport { _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY } from './constants';\nexport { _pxToRem } from './cssUtils';\nexport { _logEvent } from './logEvent';\nexport type { TelemetryEvent } from './logEvent';\nexport type { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from './common';\nexport type { UploadChatImageResult } from './common';\nexport type { MessageOptions, ChatMessageType } from './common';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-common/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,+BAA+B,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAC7K,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAO9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { memoizeFnAll } from './memoizeFnAll';\nexport { fromFlatCommunicationIdentifier, toFlatCommunicationIdentifier, _toCommunicationIdentifier, _isValidIdentifier, _isIdentityMicrosoftTeamsUser } from './identifier';\nexport { _getApplicationId } from './telemetry';\nexport { _formatString } from './localizationUtils';\nexport { _safeJSONStringify } from './safeStringify';\nexport { _convertPxToRem, _convertRemToPx, _preventDismissOnEvent, _getKeys } from './common';\nexport type { Common, CommonProperties } from './commonProperties';\nexport type { CallbackType, FunctionWithKey } from './memoizeFnAll';\nexport type { AreEqual, AreParamEqual, AreTypeEqual } from './areEqual';\nexport type { MessageStatus } from './MessageStatus';\nexport type { _IObjectMap } from './localizationUtils';\nexport type { _TelemetryImplementationHint } from './telemetry';\nexport { _MAX_EVENT_LISTENERS } from './constants';\nexport { _pxToRem } from './cssUtils';\nexport { _logEvent } from './logEvent';\nexport type { TelemetryEvent } from './logEvent';\nexport type { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from './common';\nexport type { MessageOptions, ChatMessageType } from './common';"]}

package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js

@@ -2,5 +2,5 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-module.exports = '1.27.0-beta.1';
+module.exports = '1.27.0';
 //# sourceMappingURL=telemetryVersion.js.map

package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map

@@ -1 +1 @@
-{"version":3,"file":"telemetryVersion.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-common/src/telemetryVersion.js"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wCAAwC;AAExC,MAAM,CAAC,OAAO,GAAG,eAAe,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// GENERATED FILE. DO NOT EDIT MANUALLY.\n\nmodule.exports = '1.27.0-beta.1';\n"]}
+{"version":3,"file":"telemetryVersion.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-common/src/telemetryVersion.js"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wCAAwC;AAExC,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// GENERATED FILE. DO NOT EDIT MANUALLY.\n\nmodule.exports = '1.27.0';\n"]}

package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.d.ts

@@ -1,5 +1,5 @@
 import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
-import { AzureCommunicationCallAdapterOptions, CallAdapter, CallAdapterLocator, CallCompositeOptions } from "../../react-composites/src/index-public";
+import { AzureCommunicationCallAdapterOptions, CallAdapter, CallAdapterLocator, CallCompositeOptions, CallCompositeIcons, BaseCompositeProps } from "../../react-composites/src/index-public";
 /**
  * Props for the OutboundCallComposite that you can use in your application.
  *
@@ -9,14 +9,38 @@ import { AzureCommunicationCallAdapterOptions, CallAdapter, CallAdapterLocator,
  *
  * @public
  */
-export type CallCompositeLoaderProps = {
+export interface CallCompositeLoaderProps extends Partial<BaseCompositeProps<CallCompositeIcons>> {
+    /**
+     * UserId for the local user.
+     */
     userId: CommunicationUserIdentifier;
+    /**
+     * CommunicationTokenCredential for the local user.
+     */
     credential: CommunicationTokenCredential;
+    /**
+     * Display name for the local user.
+     */
     displayName: string;
+    /**
+     * locator for the call
+     */
     locator: CallAdapterLocator;
+    /**
+     * Options for the {@link AzureCommunicationCallAdapter}
+     * This is used to configure the call adapter.
+     */
     callAdapterOptions?: AzureCommunicationCallAdapterOptions;
+    /**
+     * Options for the {@link CallComposite} {@link CallCompositeOptions}
+     * This is used to configure the call composite.
+     */
     callCompositeOptions?: CallCompositeOptions;
-};
+    /**
+     * Device form factor for the composite.
+     */
+    formFactor?: 'mobile' | 'desktop';
+}
 /**
  * Loader function for the CallComposite that you can use in your application. This
  * function will load the CallComposite into the provided HTML element. The best use case for this

package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.js

@@ -26,7 +26,7 @@ import { initializeIcons } from '@fluentui/react';
 export const loadCallComposite = function (loaderArgs, htmlElement) {
     return __awaiter(this, void 0, void 0, function* () {
         initializeIcons();
-        const { userId, credential, displayName, locator, callAdapterOptions, callCompositeOptions } = loaderArgs;
+        const { userId, credential, displayName, locator, callAdapterOptions, callCompositeOptions, formFactor, fluentTheme, icons, onFetchAvatarPersonaData, onFetchParticipantMenuItems, rtl, locale } = loaderArgs;
         const adapter = yield createAzureCommunicationCallAdapter({
             userId,
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
@@ -39,7 +39,14 @@ export const loadCallComposite = function (loaderArgs, htmlElement) {
         }
         createRoot(htmlElement).render(React.createElement(CallComposite, {
             options: callCompositeOptions,
-            adapter
+            adapter,
+            formFactor,
+            fluentTheme,
+            icons,
+            locale,
+            onFetchAvatarPersonaData,
+            onFetchParticipantMenuItems,
+            rtl
         }, null));
         return adapter;
     });

package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"callCompositeLoader.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-javascript-loaders/src/callCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,mCAAmC,EAA+F,gDAAmC;AAC7L,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAoBlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAgB,UAAoC,EAAE,WAAwB;;QAC7G,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,UAAU,EACV,WAAW,EACX,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACrB,GAAG,UAAU,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,MAAM;YACN,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU;YACV,OAAO;YACP,OAAO,EAAE,kBAAkB;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;YAChE,OAAO,EAAE,oBAAoB;YAC7B,OAAO;SACR,EAAE,IAAI,CAAC,CAAC,CAAC;QACV,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\nimport { createRoot } from 'react-dom/client';\nimport { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { CallComposite, createAzureCommunicationCallAdapter, AzureCommunicationCallAdapterOptions, CallAdapter, CallAdapterLocator, CallCompositeOptions } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the OutboundCallComposite that you can use in your application.\n *\n * Contains two options bags:\n * - adapterOptions: Options for the {@link AzureCommunicationCallAdapter}\n * - callCompositeOptions: Options for the {@link CallComposite} {@link CallCompositeOptions}\n *\n * @public\n */\nexport type CallCompositeLoaderProps = {\n  userId: CommunicationUserIdentifier;\n  credential: CommunicationTokenCredential;\n  displayName: string;\n  locator: CallAdapterLocator;\n  callAdapterOptions?: AzureCommunicationCallAdapterOptions;\n  callCompositeOptions?: CallCompositeOptions;\n};\n\n/**\n * Loader function for the CallComposite that you can use in your application. This\n * function will load the CallComposite into the provided HTML element. The best use case for this\n * is in a Node ui framework that is not React based.\n *\n * @public\n */\nexport const loadCallComposite = async function (loaderArgs: CallCompositeLoaderProps, htmlElement: HTMLElement): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    credential,\n    displayName,\n    locator,\n    callAdapterOptions,\n    callCompositeOptions\n  } = loaderArgs;\n  const adapter = await createAzureCommunicationCallAdapter({\n    userId,\n    displayName: displayName ?? 'anonymous',\n    credential,\n    locator,\n    options: callAdapterOptions\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallComposite, {\n    options: callCompositeOptions,\n    adapter\n  }, null));\n  return adapter;\n};"]}
+{"version":3,"file":"callCompositeLoader.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-javascript-loaders/src/callCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,mCAAmC,EAAuI,gDAAmC;AACrO,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AA4ClD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAgB,UAAoC,EAAE,WAAwB;;QAC7G,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,UAAU,EACV,WAAW,EACX,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,KAAK,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,GAAG,EACH,MAAM,EACP,GAAG,UAAU,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,MAAM;YACN,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU;YACV,OAAO;YACP,OAAO,EAAE,kBAAkB;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;YAChE,OAAO,EAAE,oBAAoB;YAC7B,OAAO;YACP,UAAU;YACV,WAAW;YACX,KAAK;YACL,MAAM;YACN,wBAAwB;YACxB,2BAA2B;YAC3B,GAAG;SACJ,EAAE,IAAI,CAAC,CAAC,CAAC;QACV,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\nimport { createRoot } from 'react-dom/client';\nimport { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { CallComposite, createAzureCommunicationCallAdapter, AzureCommunicationCallAdapterOptions, CallAdapter, CallAdapterLocator, CallCompositeOptions, CallCompositeIcons, BaseCompositeProps } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the OutboundCallComposite that you can use in your application.\n *\n * Contains two options bags:\n * - adapterOptions: Options for the {@link AzureCommunicationCallAdapter}\n * - callCompositeOptions: Options for the {@link CallComposite} {@link CallCompositeOptions}\n *\n * @public\n */\nexport interface CallCompositeLoaderProps extends Partial<BaseCompositeProps<CallCompositeIcons>> {\n  /**\n   * UserId for the local user.\n   */\n  userId: CommunicationUserIdentifier;\n  /**\n   * CommunicationTokenCredential for the local user.\n   */\n  credential: CommunicationTokenCredential;\n  /**\n   * Display name for the local user.\n   */\n  displayName: string;\n  /**\n   * locator for the call\n   */\n  locator: CallAdapterLocator;\n  /**\n   * Options for the {@link AzureCommunicationCallAdapter}\n   * This is used to configure the call adapter.\n   */\n  callAdapterOptions?: AzureCommunicationCallAdapterOptions;\n  /**\n   * Options for the {@link CallComposite} {@link CallCompositeOptions}\n   * This is used to configure the call composite.\n   */\n  callCompositeOptions?: CallCompositeOptions;\n  /**\n   * Device form factor for the composite.\n   */\n  formFactor?: 'mobile' | 'desktop';\n}\n\n/**\n * Loader function for the CallComposite that you can use in your application. This\n * function will load the CallComposite into the provided HTML element. The best use case for this\n * is in a Node ui framework that is not React based.\n *\n * @public\n */\nexport const loadCallComposite = async function (loaderArgs: CallCompositeLoaderProps, htmlElement: HTMLElement): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    credential,\n    displayName,\n    locator,\n    callAdapterOptions,\n    callCompositeOptions,\n    formFactor,\n    fluentTheme,\n    icons,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    rtl,\n    locale\n  } = loaderArgs;\n  const adapter = await createAzureCommunicationCallAdapter({\n    userId,\n    displayName: displayName ?? 'anonymous',\n    credential,\n    locator,\n    options: callAdapterOptions\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallComposite, {\n    options: callCompositeOptions,\n    adapter,\n    formFactor,\n    fluentTheme,\n    icons,\n    locale,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    rtl\n  }, null));\n  return adapter;\n};"]}

package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.d.ts

@@ -1,5 +1,5 @@
 import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
-import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions, AzureCommunicationCallAdapterOptions } from "../../react-composites/src/index-public";
+import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions, AzureCommunicationCallAdapterOptions, BaseCompositeProps, CallWithChatCompositeIcons } from "../../react-composites/src/index-public";
 /**
  * Props for the CallWithChatComposite that you can use in your application.
  *
@@ -8,15 +8,43 @@ import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions,
  * - callCompositeOptions: Options for the {@link CallWithChatComposite} {@link CallWithChatCompositeOptions}
  * @public
  */
-export type CallWithChatCompositeLoaderProps = {
+export interface CallWithChatCompositeLoaderProps extends Partial<BaseCompositeProps<CallWithChatCompositeIcons>> {
+    /**
+     * UserId for the local user.
+     */
     userId: CommunicationUserIdentifier;
+    /**
+     * CommunicationTokenCredential for the local user.
+     */
     credential: CommunicationTokenCredential;
+    /**
+     * Display name for the local user.
+     */
     displayName: string;
+    /**
+     * Azure communication service endpoint. This used for the token and joining the chat thread.
+     */
     endpoint: string;
+    /**
+     * Locator for the call and the chat thread.
+     * This is used to join the call and the chat thread.
+     */
     locator: CallAndChatLocator;
+    /**
+     * Options for the {@link AzureCommunicationCallAdapterOptions}
+     * This is used to configure the call adapter.
+     */
     callAdapterOptions?: AzureCommunicationCallAdapterOptions;
+    /**
+     * Options for the {@link CallWithChatComposite} {@link CallWithChatCompositeOptions}
+     * This is used to configure the call composite.
+     */
     callWithChatCompositeOptions?: CallWithChatCompositeOptions;
-};
+    /**
+     * Device form factor for the composite.
+     */
+    formFactor?: 'mobile' | 'desktop';
+}
 /**
  * Props for the CallWithChatComposite that you can use in your application. This
  * function will load the CallWithChatComposite into the provided HTML element.

package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.js

@@ -26,7 +26,7 @@ import { initializeIcons } from '@fluentui/react';
 export const loadCallWithChatComposite = function (loaderArgs, htmlElement) {
     return __awaiter(this, void 0, void 0, function* () {
         initializeIcons();
-        const { userId, credential, displayName, endpoint, locator, callAdapterOptions, callWithChatCompositeOptions } = loaderArgs;
+        const { userId, credential, displayName, endpoint, locator, callAdapterOptions, callWithChatCompositeOptions, formFactor, fluentTheme, locale, icons, onFetchAvatarPersonaData, onFetchParticipantMenuItems, rtl } = loaderArgs;
         const adapter = yield createAzureCommunicationCallWithChatAdapter({
             userId,
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
@@ -40,7 +40,14 @@ export const loadCallWithChatComposite = function (loaderArgs, htmlElement) {
         }
         createRoot(htmlElement).render(React.createElement(CallWithChatComposite, {
             options: callWithChatCompositeOptions,
-            adapter
+            adapter,
+            formFactor,
+            fluentTheme,
+            icons,
+            locale,
+            onFetchAvatarPersonaData,
+            onFetchParticipantMenuItems,
+            rtl
         }, null));
         return adapter;
     });

package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"callWithChatCompositeLoader.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAyE,2CAA2C,EAAE,qBAAqB,EAAwC,gDAAmC;AAC7N,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAoBlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAgB,UAA4C,EAAE,WAAwB;;QAC7H,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,4BAA4B,EAC7B,GAAG,UAAU,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,2CAA2C,CAAC;YAChE,MAAM;YACN,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU;YACV,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,OAAO;YAChB,kBAAkB;SACnB,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE;YACxE,OAAO,EAAE,4BAA4B;YACrC,OAAO;SACR,EAAE,IAAI,CAAC,CAAC,CAAC;QACV,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\nimport { createRoot } from 'react-dom/client';\nimport { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions, createAzureCommunicationCallWithChatAdapter, CallWithChatComposite, AzureCommunicationCallAdapterOptions } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the CallWithChatComposite that you can use in your application.\n *\n * Contains two options bags:\n * - adapterOptions: Options for the {@link AzureCommunicationCallAdapterOptions}\n * - callCompositeOptions: Options for the {@link CallWithChatComposite} {@link CallWithChatCompositeOptions}\n * @public\n */\nexport type CallWithChatCompositeLoaderProps = {\n  userId: CommunicationUserIdentifier;\n  credential: CommunicationTokenCredential;\n  displayName: string;\n  endpoint: string;\n  locator: CallAndChatLocator;\n  callAdapterOptions?: AzureCommunicationCallAdapterOptions;\n  callWithChatCompositeOptions?: CallWithChatCompositeOptions;\n};\n\n/**\n * Props for the CallWithChatComposite that you can use in your application. This\n * function will load the CallWithChatComposite into the provided HTML element.\n * The best use case for this is in a Node UI framework that is not React based.\n *\n * @public\n */\nexport const loadCallWithChatComposite = async function (loaderArgs: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement): Promise<CallWithChatAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    credential,\n    displayName,\n    endpoint,\n    locator,\n    callAdapterOptions,\n    callWithChatCompositeOptions\n  } = loaderArgs;\n  const adapter = await createAzureCommunicationCallWithChatAdapter({\n    userId,\n    displayName: displayName ?? 'anonymous',\n    credential,\n    endpoint: endpoint,\n    locator: locator,\n    callAdapterOptions\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallWithChatComposite, {\n    options: callWithChatCompositeOptions,\n    adapter\n  }, null));\n  return adapter;\n};"]}
+{"version":3,"file":"callWithChatCompositeLoader.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAyE,2CAA2C,EAAE,qBAAqB,EAAwF,gDAAmC;AAC7Q,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAgDlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAgB,UAA4C,EAAE,WAAwB;;QAC7H,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,4BAA4B,EAC5B,UAAU,EACV,WAAW,EACX,MAAM,EACN,KAAK,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,GAAG,EACJ,GAAG,UAAU,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,2CAA2C,CAAC;YAChE,MAAM;YACN,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU;YACV,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,OAAO;YAChB,kBAAkB;SACnB,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE;YACxE,OAAO,EAAE,4BAA4B;YACrC,OAAO;YACP,UAAU;YACV,WAAW;YACX,KAAK;YACL,MAAM;YACN,wBAAwB;YACxB,2BAA2B;YAC3B,GAAG;SACJ,EAAE,IAAI,CAAC,CAAC,CAAC;QACV,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\nimport { createRoot } from 'react-dom/client';\nimport { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions, createAzureCommunicationCallWithChatAdapter, CallWithChatComposite, AzureCommunicationCallAdapterOptions, BaseCompositeProps, CallWithChatCompositeIcons } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the CallWithChatComposite that you can use in your application.\n *\n * Contains two options bags:\n * - adapterOptions: Options for the {@link AzureCommunicationCallAdapterOptions}\n * - callCompositeOptions: Options for the {@link CallWithChatComposite} {@link CallWithChatCompositeOptions}\n * @public\n */\nexport interface CallWithChatCompositeLoaderProps extends Partial<BaseCompositeProps<CallWithChatCompositeIcons>> {\n  /**\n   * UserId for the local user.\n   */\n  userId: CommunicationUserIdentifier;\n  /**\n   * CommunicationTokenCredential for the local user.\n   */\n  credential: CommunicationTokenCredential;\n  /**\n   * Display name for the local user.\n   */\n  displayName: string;\n  /**\n   * Azure communication service endpoint. This used for the token and joining the chat thread.\n   */\n  endpoint: string;\n  /**\n   * Locator for the call and the chat thread.\n   * This is used to join the call and the chat thread.\n   */\n  locator: CallAndChatLocator;\n  /**\n   * Options for the {@link AzureCommunicationCallAdapterOptions}\n   * This is used to configure the call adapter.\n   */\n  callAdapterOptions?: AzureCommunicationCallAdapterOptions;\n  /**\n   * Options for the {@link CallWithChatComposite} {@link CallWithChatCompositeOptions}\n   * This is used to configure the call composite.\n   */\n  callWithChatCompositeOptions?: CallWithChatCompositeOptions;\n  /**\n   * Device form factor for the composite.\n   */\n  formFactor?: 'mobile' | 'desktop';\n}\n\n/**\n * Props for the CallWithChatComposite that you can use in your application. This\n * function will load the CallWithChatComposite into the provided HTML element.\n * The best use case for this is in a Node UI framework that is not React based.\n *\n * @public\n */\nexport const loadCallWithChatComposite = async function (loaderArgs: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement): Promise<CallWithChatAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    credential,\n    displayName,\n    endpoint,\n    locator,\n    callAdapterOptions,\n    callWithChatCompositeOptions,\n    formFactor,\n    fluentTheme,\n    locale,\n    icons,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    rtl\n  } = loaderArgs;\n  const adapter = await createAzureCommunicationCallWithChatAdapter({\n    userId,\n    displayName: displayName ?? 'anonymous',\n    credential,\n    endpoint: endpoint,\n    locator: locator,\n    callAdapterOptions\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallWithChatComposite, {\n    options: callWithChatCompositeOptions,\n    adapter,\n    formFactor,\n    fluentTheme,\n    icons,\n    locale,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    rtl\n  }, null));\n  return adapter;\n};"]}

package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.d.ts

@@ -1,18 +1,37 @@
 import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
-import { ChatAdapter, ChatCompositeOptions } from "../../react-composites/src/index-public";
+import { BaseCompositeProps, ChatAdapter, ChatCompositeIcons, ChatCompositeOptions } from "../../react-composites/src/index-public";
 /**
  * Props for the ChatComposite that you can use in your application. Contains the
  * options for the {@link ChatComposite} {@link ChatCompositeOptions}.
  * @public
  */
-export type ChatCompositeLoaderProps = {
+export interface ChatCompositeLoaderProps extends Partial<BaseCompositeProps<ChatCompositeIcons>> {
+    /**
+     * UserId for the local user.
+     */
     userId: CommunicationUserIdentifier;
+    /**
+     * CommunicationTokenCredential for the local user.
+     */
     credential: CommunicationTokenCredential;
+    /**
+     * Display name for the local user.
+     */
     displayName?: string;
+    /**
+     * Communication service endpoint. This is used for the token and joining the chat thread.
+     */
     endpoint: string;
+    /**
+     * Communication threadId for the chat thread.
+     */
     threadId: string;
+    /**
+     * Options for the {@link AzureCommunicationChatAdapter}
+     * This is used to configure the chat adapter.
+     */
     chatCompositeOptions?: ChatCompositeOptions;
-};
+}
 /**
  * Loader function for the ChatComposite that you can use in your application. This
  * function will load the ChatComposite into the provided HTML element.

package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.js

@@ -26,7 +26,7 @@ import { initializeIcons } from '@fluentui/react';
 export const loadChatComposite = function (loaderArgs, htmlElement) {
     return __awaiter(this, void 0, void 0, function* () {
         initializeIcons();
-        const { userId, credential, endpoint, threadId, displayName, chatCompositeOptions } = loaderArgs;
+        const { userId, credential, endpoint, threadId, displayName, chatCompositeOptions, fluentTheme, locale, icons, onFetchAvatarPersonaData, onFetchParticipantMenuItems, rtl } = loaderArgs;
         const adapter = yield createAzureCommunicationChatAdapter({
             endpoint,
             userId,
@@ -39,7 +39,13 @@ export const loadChatComposite = function (loaderArgs, htmlElement) {
         }
         createRoot(htmlElement).render(React.createElement(ChatComposite, {
             options: chatCompositeOptions,
-            adapter
+            adapter,
+            fluentTheme,
+            icons,
+            locale,
+            onFetchAvatarPersonaData,
+            onFetchParticipantMenuItems,
+            rtl
         }, null));
         return adapter;
     });

package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatCompositeLoader.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-javascript-loaders/src/chatCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAe,aAAa,EAAwB,mCAAmC,EAAE,gDAAmC;AACnI,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAgBlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAgB,UAAoC,EAAE,WAAwB;;QAC7G,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,oBAAoB,EACrB,GAAG,UAAU,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,QAAQ;YACR,MAAM;YACN,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU;YACV,QAAQ;SACT,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;YAChE,OAAO,EAAE,oBAAoB;YAC7B,OAAO;SACR,EAAE,IAAI,CAAC,CAAC,CAAC;QACV,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\nimport { createRoot } from 'react-dom/client';\nimport { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { ChatAdapter, ChatComposite, ChatCompositeOptions, createAzureCommunicationChatAdapter } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the ChatComposite that you can use in your application. Contains the\n * options for the {@link ChatComposite} {@link ChatCompositeOptions}.\n * @public\n */\nexport type ChatCompositeLoaderProps = {\n  userId: CommunicationUserIdentifier;\n  credential: CommunicationTokenCredential;\n  displayName?: string;\n  endpoint: string;\n  threadId: string;\n  chatCompositeOptions?: ChatCompositeOptions;\n};\n\n/**\n * Loader function for the ChatComposite that you can use in your application. This\n * function will load the ChatComposite into the provided HTML element.\n * The best use case for this is in a Node UI framework that is not React based.\n *\n * @public\n */\nexport const loadChatComposite = async function (loaderArgs: ChatCompositeLoaderProps, htmlElement: HTMLElement): Promise<ChatAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    credential,\n    endpoint,\n    threadId,\n    displayName,\n    chatCompositeOptions\n  } = loaderArgs;\n  const adapter = await createAzureCommunicationChatAdapter({\n    endpoint,\n    userId,\n    displayName: displayName ?? 'anonymous',\n    credential,\n    threadId\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(ChatComposite, {\n    options: chatCompositeOptions,\n    adapter\n  }, null));\n  return adapter;\n};"]}
+{"version":3,"file":"chatCompositeLoader.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-javascript-loaders/src/chatCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAmC,aAAa,EAA4C,mCAAmC,EAAE,gDAAmC;AAC3K,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAmClD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAgB,UAAoC,EAAE,WAAwB;;QAC7G,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,WAAW,EACX,MAAM,EACN,KAAK,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,GAAG,EACJ,GAAG,UAAU,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,QAAQ;YACR,MAAM;YACN,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU;YACV,QAAQ;SACT,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;YAChE,OAAO,EAAE,oBAAoB;YAC7B,OAAO;YACP,WAAW;YACX,KAAK;YACL,MAAM;YACN,wBAAwB;YACxB,2BAA2B;YAC3B,GAAG;SACJ,EAAE,IAAI,CAAC,CAAC,CAAC;QACV,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\nimport { createRoot } from 'react-dom/client';\nimport { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { BaseCompositeProps, ChatAdapter, ChatComposite, ChatCompositeIcons, ChatCompositeOptions, createAzureCommunicationChatAdapter } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the ChatComposite that you can use in your application. Contains the\n * options for the {@link ChatComposite} {@link ChatCompositeOptions}.\n * @public\n */\nexport interface ChatCompositeLoaderProps extends Partial<BaseCompositeProps<ChatCompositeIcons>> {\n  /**\n   * UserId for the local user.\n   */\n  userId: CommunicationUserIdentifier;\n  /**\n   * CommunicationTokenCredential for the local user.\n   */\n  credential: CommunicationTokenCredential;\n  /**\n   * Display name for the local user.\n   */\n  displayName?: string;\n  /**\n   * Communication service endpoint. This is used for the token and joining the chat thread.\n   */\n  endpoint: string;\n  /**\n   * Communication threadId for the chat thread.\n   */\n  threadId: string;\n  /**\n   * Options for the {@link AzureCommunicationChatAdapter}\n   * This is used to configure the chat adapter.\n   */\n  chatCompositeOptions?: ChatCompositeOptions;\n}\n\n/**\n * Loader function for the ChatComposite that you can use in your application. This\n * function will load the ChatComposite into the provided HTML element.\n * The best use case for this is in a Node UI framework that is not React based.\n *\n * @public\n */\nexport const loadChatComposite = async function (loaderArgs: ChatCompositeLoaderProps, htmlElement: HTMLElement): Promise<ChatAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    credential,\n    endpoint,\n    threadId,\n    displayName,\n    chatCompositeOptions,\n    fluentTheme,\n    locale,\n    icons,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    rtl\n  } = loaderArgs;\n  const adapter = await createAzureCommunicationChatAdapter({\n    endpoint,\n    userId,\n    displayName: displayName ?? 'anonymous',\n    credential,\n    threadId\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(ChatComposite, {\n    options: chatCompositeOptions,\n    adapter,\n    fluentTheme,\n    icons,\n    locale,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    rtl\n  }, null));\n  return adapter;\n};"]}

package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.d.ts

@@ -1,5 +1,5 @@
 import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
-import { CallCompositeOptions, StartCallIdentifier, AzureCommunicationCallAdapterOptions, CallAdapter } from "../../react-composites/src/index-public";
+import { CallCompositeOptions, StartCallIdentifier, AzureCommunicationCallAdapterOptions, CallAdapter, BaseCompositeProps, CallCompositeIcons } from "../../react-composites/src/index-public";
 /**
  * Props for the OutboundCallComposite that you can use in your application.
  *
@@ -9,14 +9,40 @@ import { CallCompositeOptions, StartCallIdentifier, AzureCommunicationCallAdapte
  *
  * @public
  */
-export type OutboundCallCompositeLoaderProps = {
+export interface OutboundCallCompositeLoaderProps extends Partial<BaseCompositeProps<CallCompositeIcons>> {
+    /**
+     * UserId for the local user.
+     */
     userId: CommunicationUserIdentifier;
+    /**
+     * CommunicationTokenCredential for the local user.
+     */
     credential: CommunicationTokenCredential;
+    /**
+     * Display name for the local user.
+     */
     displayName: string;
+    /**
+     * Participants that will be called.
+     * This can be a list of either {@link CommunicationUserIdentifier} or string identifiers.
+     */
     targetCallees: string[] | StartCallIdentifier[];
+    /**
+     * Options for the {@link AzureCommunicationCallAdapter}
+     * This is used to configure the call adapter.
+     */
     callAdapterOptions?: AzureCommunicationCallAdapterOptions;
+    /**
+     * Options for the {@link CallComposite} {@link CallCompositeOptions}
+     * This is used to configure the call composite.
+     */
     callCompositeOptions?: CallCompositeOptions;
-};
+    /**
+     * Device form factor for the composite.
+     * This is used to configure the call composite.
+     */
+    formFactor?: 'mobile' | 'desktop';
+}
 /**
  * Loader function for the OutboundCallComposite that you can use in your application. This
  * function will load the CallComposite into the provided HTML element to make outbound calls.

package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.js

@@ -28,7 +28,7 @@ export const loadOutboundCallComposite = function (loaderArgs, htmlElement) {
     return __awaiter(this, void 0, void 0, function* () {
         var _a;
         initializeIcons();
-        const { userId, credential, displayName, targetCallees, callAdapterOptions, callCompositeOptions } = loaderArgs;
+        const { userId, credential, displayName, targetCallees, callAdapterOptions, callCompositeOptions, fluentTheme, formFactor, icons, locale, onFetchAvatarPersonaData, onFetchParticipantMenuItems, rtl } = loaderArgs;
         const formattedTargetCallees = typeof targetCallees[0] === 'string' ? targetCallees.map((callee) => {
             return fromFlatCommunicationIdentifier(callee);
         }) : undefined;
@@ -44,7 +44,14 @@ export const loadOutboundCallComposite = function (loaderArgs, htmlElement) {
         }
         createRoot(htmlElement).render(React.createElement(CallComposite, {
             options: callCompositeOptions,
-            adapter
+            adapter,
+            fluentTheme,
+            formFactor,
+            icons,
+            locale,
+            onFetchAvatarPersonaData,
+            onFetchParticipantMenuItems,
+            rtl
         }, null));
         return adapter;
     });

package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"outboundCallCompositeLoader.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAAE,aAAa,EAAE,mCAAmC,EAAgG,gDAAmC;AAC9L,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAoBlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAgB,UAA4C,EAAE,WAAwB;;;QAC7H,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACrB,GAAG,UAAU,CAAC;QACf,MAAM,sBAAsB,GAAG,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAE,aAA0B,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;YACvH,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,MAAM;YACN,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU;YACV,aAAa,EAAE,MAAA,sBAA+C,mCAAI,aAAsC;YACxG,OAAO,EAAE,kBAAkB;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;YAChE,OAAO,EAAE,oBAAoB;YAC7B,OAAO;SACR,EAAE,IAAI,CAAC,CAAC,CAAC;QACV,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\nimport { createRoot } from 'react-dom/client';\nimport { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallComposite, createAzureCommunicationCallAdapter, CallCompositeOptions, StartCallIdentifier, AzureCommunicationCallAdapterOptions, CallAdapter } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the OutboundCallComposite that you can use in your application.\n *\n * Contains two options bags:\n * - adapterOptions: Options for the {@link AzureCommunicationCallAdapter}\n * - callCompositeOptions: Options for the {@link CallComposite} {@link CallCompositeOptions}\n *\n * @public\n */\nexport type OutboundCallCompositeLoaderProps = {\n  userId: CommunicationUserIdentifier;\n  credential: CommunicationTokenCredential;\n  displayName: string;\n  targetCallees: string[] | StartCallIdentifier[];\n  callAdapterOptions?: AzureCommunicationCallAdapterOptions;\n  callCompositeOptions?: CallCompositeOptions;\n};\n\n/**\n * Loader function for the OutboundCallComposite that you can use in your application. This\n * function will load the CallComposite into the provided HTML element to make outbound calls.\n * The best use case for this is in a Node UI framework that is not React based.\n *\n * @public\n */\nexport const loadOutboundCallComposite = async function (loaderArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    credential,\n    displayName,\n    targetCallees,\n    callAdapterOptions,\n    callCompositeOptions\n  } = loaderArgs;\n  const formattedTargetCallees = typeof targetCallees[0] === 'string' ? (targetCallees as string[]).map((callee: string) => {\n    return fromFlatCommunicationIdentifier(callee);\n  }) : undefined;\n  const adapter = await createAzureCommunicationCallAdapter({\n    userId,\n    displayName: displayName ?? 'anonymous',\n    credential,\n    targetCallees: formattedTargetCallees as StartCallIdentifier[] ?? targetCallees as StartCallIdentifier[],\n    options: callAdapterOptions\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallComposite, {\n    options: callCompositeOptions,\n    adapter\n  }, null));\n  return adapter;\n};"]}
+{"version":3,"file":"outboundCallCompositeLoader.js","sourceRoot":"","sources":["../../../../preprocess-dist/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAAE,aAAa,EAAE,mCAAmC,EAAwI,gDAAmC;AACtO,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AA8ClD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAgB,UAA4C,EAAE,WAAwB;;;QAC7H,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,KAAK,EACL,MAAM,EACN,wBAAwB,EACxB,2BAA2B,EAC3B,GAAG,EACJ,GAAG,UAAU,CAAC;QACf,MAAM,sBAAsB,GAAG,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAE,aAA0B,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;YACvH,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACf,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,MAAM;YACN,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU;YACV,aAAa,EAAE,MAAA,sBAA+C,mCAAI,aAAsC;YACxG,OAAO,EAAE,kBAAkB;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;YAChE,OAAO,EAAE,oBAAoB;YAC7B,OAAO;YACP,WAAW;YACX,UAAU;YACV,KAAK;YACL,MAAM;YACN,wBAAwB;YACxB,2BAA2B;YAC3B,GAAG;SACJ,EAAE,IAAI,CAAC,CAAC,CAAC;QACV,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\nimport { createRoot } from 'react-dom/client';\nimport { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallComposite, createAzureCommunicationCallAdapter, CallCompositeOptions, StartCallIdentifier, AzureCommunicationCallAdapterOptions, CallAdapter, BaseCompositeProps, CallCompositeIcons } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the OutboundCallComposite that you can use in your application.\n *\n * Contains two options bags:\n * - adapterOptions: Options for the {@link AzureCommunicationCallAdapter}\n * - callCompositeOptions: Options for the {@link CallComposite} {@link CallCompositeOptions}\n *\n * @public\n */\nexport interface OutboundCallCompositeLoaderProps extends Partial<BaseCompositeProps<CallCompositeIcons>> {\n  /**\n   * UserId for the local user.\n   */\n  userId: CommunicationUserIdentifier;\n  /**\n   * CommunicationTokenCredential for the local user.\n   */\n  credential: CommunicationTokenCredential;\n  /**\n   * Display name for the local user.\n   */\n  displayName: string;\n  /**\n   * Participants that will be called.\n   * This can be a list of either {@link CommunicationUserIdentifier} or string identifiers.\n   */\n  targetCallees: string[] | StartCallIdentifier[];\n  /**\n   * Options for the {@link AzureCommunicationCallAdapter}\n   * This is used to configure the call adapter.\n   */\n  callAdapterOptions?: AzureCommunicationCallAdapterOptions;\n  /**\n   * Options for the {@link CallComposite} {@link CallCompositeOptions}\n   * This is used to configure the call composite.\n   */\n  callCompositeOptions?: CallCompositeOptions;\n  /**\n   * Device form factor for the composite.\n   * This is used to configure the call composite.\n   */\n  formFactor?: 'mobile' | 'desktop';\n}\n\n/**\n * Loader function for the OutboundCallComposite that you can use in your application. This\n * function will load the CallComposite into the provided HTML element to make outbound calls.\n * The best use case for this is in a Node UI framework that is not React based.\n *\n * @public\n */\nexport const loadOutboundCallComposite = async function (loaderArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    credential,\n    displayName,\n    targetCallees,\n    callAdapterOptions,\n    callCompositeOptions,\n    fluentTheme,\n    formFactor,\n    icons,\n    locale,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    rtl\n  } = loaderArgs;\n  const formattedTargetCallees = typeof targetCallees[0] === 'string' ? (targetCallees as string[]).map((callee: string) => {\n    return fromFlatCommunicationIdentifier(callee);\n  }) : undefined;\n  const adapter = await createAzureCommunicationCallAdapter({\n    userId,\n    displayName: displayName ?? 'anonymous',\n    credential,\n    targetCallees: formattedTargetCallees as StartCallIdentifier[] ?? targetCallees as StartCallIdentifier[],\n    options: callAdapterOptions\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallComposite, {\n    options: callCompositeOptions,\n    adapter,\n    fluentTheme,\n    formFactor,\n    icons,\n    locale,\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    rtl\n  }, null));\n  return adapter;\n};"]}

package/dist/dist-esm/calling-component-bindings/src/baseSelectors.d.ts

@@ -54,6 +54,12 @@ export declare const getDominantSpeakers: (state: CallClientState, props: Callin
 export declare const getRemoteParticipants: (state: CallClientState, props: CallingBaseSelectorProps) => {
     [keys: string]: RemoteParticipantState;
 } | undefined;
+/**
+ * @private
+ */
+export declare const getRemoteParticipantsEnded: (state: CallClientState, props: CallingBaseSelectorProps) => {
+    [keys: string]: RemoteParticipantState;
+} | undefined;
 /**
  * @private
  */

package/dist/dist-esm/calling-component-bindings/src/baseSelectors.js

@@ -43,6 +43,13 @@ export const getRemoteParticipants = (state, props) => {
     var _a;
     return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.remoteParticipants;
 };
+/**
+ * @private
+ */
+export const getRemoteParticipantsEnded = (state, props) => {
+    var _a;
+    return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.remoteParticipantsEnded;
+};
 /**
  * @private
  */
@@ -116,8 +123,6 @@ export const getEnvironmentInfo = (state) => {
 };
 /** @private */
 export const getParticipantCount = (state, props) => {
-    var _a;
-    return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.totalParticipantCount;
     return undefined;
 };
 /** @private */