@azure/communication-react 1.20.0-beta.1 → 1.20.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 * 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 * 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.20.0-beta.1';
+module.exports = '1.20.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.20.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.20.0';\n"]}

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

@@ -1,19 +1,28 @@
+import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
 import { AzureCommunicationCallAdapterOptions, CallAdapter, CallAdapterLocator, CallCompositeOptions } from "../../react-composites/src/index-public";
 /**
  * Props for the OutboundCallComposite that you can use in your application.
- * @beta
+ *
+ * Contains two options bags:
+ * - adapterOptions: Options for the {@link AzureCommunicationCallAdapter}
+ * - callCompositeOptions: Options for the {@link CallComposite} {@link CallCompositeOptions}
+ *
+ * @public
  */
 export type CallCompositeLoaderProps = {
-    userId: string;
-    token: string;
+    userId: CommunicationUserIdentifier;
+    credential: CommunicationTokenCredential;
     displayName: string;
     locator: CallAdapterLocator;
-    options?: AzureCommunicationCallAdapterOptions;
+    callAdapterOptions?: AzureCommunicationCallAdapterOptions;
+    callCompositeOptions?: CallCompositeOptions;
 };
 /**
- * Loader function for the OutboundCallComposite that you can use in your application.
+ * 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
+ * is in a Node ui framework that is not React based.
  *
- * @beta
+ * @public
  */
-export declare const loadCallComposite: (adapterArgs: CallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions) => Promise<CallAdapter | undefined>;
+export declare const loadCallComposite: (loaderArgs: CallCompositeLoaderProps, htmlElement: HTMLElement) => Promise<CallAdapter | undefined>;
 //# sourceMappingURL=callCompositeLoader.d.ts.map

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

@@ -14,31 +14,31 @@ import { parseReactVersion } from './utils';
 const reactVersion = React.version;
 parseReactVersion(reactVersion);
 import { createRoot } from 'react-dom/client';
-import { AzureCommunicationTokenCredential } from '@azure/communication-common';
-import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
 import { CallComposite, createAzureCommunicationCallAdapter } from "../../react-composites/src/index-public";
 import { initializeIcons } from '@fluentui/react';
 /**
- * Loader function for the OutboundCallComposite that you can use in your application.
+ * 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
+ * is in a Node ui framework that is not React based.
  *
- * @beta
+ * @public
  */
-export const loadCallComposite = function (adapterArgs, htmlElement, props) {
+export const loadCallComposite = function (loaderArgs, htmlElement) {
     return __awaiter(this, void 0, void 0, function* () {
         initializeIcons();
-        const { userId, token, displayName, locator, options } = adapterArgs;
+        const { userId, credential, displayName, locator, callAdapterOptions, callCompositeOptions } = loaderArgs;
         const adapter = yield createAzureCommunicationCallAdapter({
-            userId: fromFlatCommunicationIdentifier(userId),
+            userId,
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
-            credential: new AzureCommunicationTokenCredential(token),
+            credential,
             locator,
-            options
+            options: callAdapterOptions
         });
         if (!htmlElement) {
             throw new Error('Failed to find the root element');
         }
         createRoot(htmlElement).render(React.createElement(CallComposite, {
-            options: props,
+            options: callCompositeOptions,
             adapter
         }, 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;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAAE,aAAa,EAAE,mCAAmC,EAA+F,gDAAmC;AAC7L,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAgB,WAAqC,EAAE,WAA+B,EAAE,KAA4B;;QACnJ,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACR,GAAG,WAAW,CAAC;QAChB,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,MAAM,EAAE,+BAA+B,CAAC,MAAM,CAAgC;YAC9E,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU,EAAE,IAAI,iCAAiC,CAAC,KAAK,CAAC;YACxD,OAAO;YACP,OAAO;SACR,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,KAAK;YACd,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 { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-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 * @beta\n */\nexport type CallCompositeLoaderProps = {\n  userId: string;\n  token: string;\n  displayName: string;\n  locator: CallAdapterLocator;\n  options?: AzureCommunicationCallAdapterOptions;\n};\n\n/**\n * Loader function for the OutboundCallComposite that you can use in your application.\n *\n * @beta\n */\nexport const loadCallComposite = async function (adapterArgs: CallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    token,\n    displayName,\n    locator,\n    options\n  } = adapterArgs;\n  const adapter = await createAzureCommunicationCallAdapter({\n    userId: fromFlatCommunicationIdentifier(userId) as CommunicationUserIdentifier,\n    displayName: displayName ?? 'anonymous',\n    credential: new AzureCommunicationTokenCredential(token),\n    locator,\n    options\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallComposite, {\n    options: props,\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,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};"]}

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

@@ -1,18 +1,28 @@
-import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions } from "../../react-composites/src/index-public";
+import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
+import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions, AzureCommunicationCallAdapterOptions } from "../../react-composites/src/index-public";
 /**
  * Props for the CallWithChatComposite that you can use in your application.
- * @beta
+ *
+ * Contains two options bags:
+ * - adapterOptions: Options for the {@link AzureCommunicationCallAdapterOptions}
+ * - callCompositeOptions: Options for the {@link CallWithChatComposite} {@link CallWithChatCompositeOptions}
+ * @public
  */
 export type CallWithChatCompositeLoaderProps = {
-    userId: string;
-    token: string;
+    userId: CommunicationUserIdentifier;
+    credential: CommunicationTokenCredential;
     displayName: string;
     endpoint: string;
     locator: CallAndChatLocator;
+    callAdapterOptions?: AzureCommunicationCallAdapterOptions;
+    callWithChatCompositeOptions?: CallWithChatCompositeOptions;
 };
 /**
- * Props for the CallWithChatComposite that you can use in your application.
- * @beta
+ * Props for the CallWithChatComposite that you can use in your application. This
+ * function will load the CallWithChatComposite into the provided HTML element.
+ * The best use case for this is in a Node UI framework that is not React based.
+ *
+ * @public
  */
-export declare const loadCallWithChatComposite: (args: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: CallWithChatCompositeOptions) => Promise<CallWithChatAdapter | undefined>;
+export declare const loadCallWithChatComposite: (loaderArgs: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement) => Promise<CallWithChatAdapter | undefined>;
 //# sourceMappingURL=callWithChatCompositeLoader.d.ts.map

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

@@ -14,30 +14,32 @@ import { parseReactVersion } from './utils';
 const reactVersion = React.version;
 parseReactVersion(reactVersion);
 import { createRoot } from 'react-dom/client';
-import { AzureCommunicationTokenCredential } from '@azure/communication-common';
-import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
 import { createAzureCommunicationCallWithChatAdapter, CallWithChatComposite } from "../../react-composites/src/index-public";
 import { initializeIcons } from '@fluentui/react';
 /**
- * Props for the CallWithChatComposite that you can use in your application.
- * @beta
+ * Props for the CallWithChatComposite that you can use in your application. This
+ * function will load the CallWithChatComposite into the provided HTML element.
+ * The best use case for this is in a Node UI framework that is not React based.
+ *
+ * @public
  */
-export const loadCallWithChatComposite = function (args, htmlElement, props) {
+export const loadCallWithChatComposite = function (loaderArgs, htmlElement) {
     return __awaiter(this, void 0, void 0, function* () {
         initializeIcons();
-        const { userId, token, displayName, endpoint, locator } = args;
+        const { userId, credential, displayName, endpoint, locator, callAdapterOptions, callWithChatCompositeOptions } = loaderArgs;
         const adapter = yield createAzureCommunicationCallWithChatAdapter({
-            userId: fromFlatCommunicationIdentifier(userId),
+            userId,
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
-            credential: new AzureCommunicationTokenCredential(token),
+            credential,
             endpoint: endpoint,
-            locator: locator
+            locator: locator,
+            callAdapterOptions
         });
         if (!htmlElement) {
             throw new Error('Failed to find the root element');
         }
         createRoot(htmlElement).render(React.createElement(CallWithChatComposite, {
-            options: props,
+            options: callWithChatCompositeOptions,
             adapter
         }, 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;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAAyE,2CAA2C,EAAE,qBAAqB,EAAE,gDAAmC;AACvL,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAgB,IAAsC,EAAE,WAA+B,EAAE,KAAmC;;QACnK,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACR,GAAG,IAAI,CAAC;QACT,MAAM,OAAO,GAAG,MAAM,2CAA2C,CAAC;YAChE,MAAM,EAAE,+BAA+B,CAAC,MAAM,CAAgC;YAC9E,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU,EAAE,IAAI,iCAAiC,CAAC,KAAK,CAAC;YACxD,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,OAAO;SACjB,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,KAAK;YACd,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 { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions, createAzureCommunicationCallWithChatAdapter, CallWithChatComposite } from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the CallWithChatComposite that you can use in your application.\n * @beta\n */\nexport type CallWithChatCompositeLoaderProps = {\n  userId: string;\n  token: string;\n  displayName: string;\n  endpoint: string;\n  locator: CallAndChatLocator;\n};\n\n/**\n * Props for the CallWithChatComposite that you can use in your application.\n * @beta\n */\nexport const loadCallWithChatComposite = async function (args: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: CallWithChatCompositeOptions): Promise<CallWithChatAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    token,\n    displayName,\n    endpoint,\n    locator\n  } = args;\n  const adapter = await createAzureCommunicationCallWithChatAdapter({\n    userId: fromFlatCommunicationIdentifier(userId) as CommunicationUserIdentifier,\n    displayName: displayName ?? 'anonymous',\n    credential: new AzureCommunicationTokenCredential(token),\n    endpoint: endpoint,\n    locator: locator\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallWithChatComposite, {\n    options: props,\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,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};"]}

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

@@ -1,18 +1,24 @@
+import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
 import { ChatAdapter, ChatCompositeOptions } from "../../react-composites/src/index-public";
 /**
- * Props for the ChatComposite that you can use in your application.
- * @beta
+ * Props for the ChatComposite that you can use in your application. Contains the
+ * options for the {@link ChatComposite} {@link ChatCompositeOptions}.
+ * @public
  */
 export type ChatCompositeLoaderProps = {
-    userId: string;
-    token: string;
+    userId: CommunicationUserIdentifier;
+    credential: CommunicationTokenCredential;
     displayName?: string;
     endpoint: string;
     threadId: string;
+    chatCompositeOptions?: ChatCompositeOptions;
 };
 /**
- * Loader function for the ChatComposite that you can use in your application.
- * @beta
+ * Loader function for the ChatComposite that you can use in your application. This
+ * function will load the ChatComposite into the provided HTML element.
+ * The best use case for this is in a Node UI framework that is not React based.
+ *
+ * @public
  */
-export declare const loadChatComposite: (args: ChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: ChatCompositeOptions) => Promise<ChatAdapter | undefined>;
+export declare const loadChatComposite: (loaderArgs: ChatCompositeLoaderProps, htmlElement: HTMLElement) => Promise<ChatAdapter | undefined>;
 //# sourceMappingURL=chatCompositeLoader.d.ts.map

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

@@ -14,30 +14,31 @@ import { parseReactVersion } from './utils';
 const reactVersion = React.version;
 parseReactVersion(reactVersion);
 import { createRoot } from 'react-dom/client';
-import { AzureCommunicationTokenCredential } from '@azure/communication-common';
 import { ChatComposite, createAzureCommunicationChatAdapter } from "../../react-composites/src/index-public";
-import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
 import { initializeIcons } from '@fluentui/react';
 /**
- * Loader function for the ChatComposite that you can use in your application.
- * @beta
+ * Loader function for the ChatComposite that you can use in your application. This
+ * function will load the ChatComposite into the provided HTML element.
+ * The best use case for this is in a Node UI framework that is not React based.
+ *
+ * @public
  */
-export const loadChatComposite = function (args, htmlElement, props) {
+export const loadChatComposite = function (loaderArgs, htmlElement) {
     return __awaiter(this, void 0, void 0, function* () {
         initializeIcons();
-        const { userId, token, endpoint, threadId, displayName } = args;
+        const { userId, credential, endpoint, threadId, displayName, chatCompositeOptions } = loaderArgs;
         const adapter = yield createAzureCommunicationChatAdapter({
             endpoint,
-            userId: fromFlatCommunicationIdentifier(userId),
+            userId,
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
-            credential: new AzureCommunicationTokenCredential(token),
+            credential,
             threadId
         });
         if (!htmlElement) {
             throw new Error('Failed to find the root element');
         }
         createRoot(htmlElement).render(React.createElement(ChatComposite, {
-            options: props,
+            options: chatCompositeOptions,
             adapter
         }, 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;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAe,aAAa,EAAwB,mCAAmC,EAAE,gDAAmC;AACnI,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAgB,IAA8B,EAAE,WAA+B,EAAE,KAA2B;;QAC3I,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACZ,GAAG,IAAI,CAAC;QACT,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,QAAQ;YACR,MAAM,EAAE,+BAA+B,CAAC,MAAM,CAAgC;YAC9E,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU,EAAE,IAAI,iCAAiC,CAAC,KAAK,CAAC;YACxD,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,KAAK;YACd,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 { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { ChatAdapter, ChatComposite, ChatCompositeOptions, createAzureCommunicationChatAdapter } from '@internal/react-composites';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the ChatComposite that you can use in your application.\n * @beta\n */\nexport type ChatCompositeLoaderProps = {\n  userId: string;\n  token: string;\n  displayName?: string;\n  endpoint: string;\n  threadId: string;\n};\n\n/**\n * Loader function for the ChatComposite that you can use in your application.\n * @beta\n */\nexport const loadChatComposite = async function (args: ChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: ChatCompositeOptions): Promise<ChatAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    token,\n    endpoint,\n    threadId,\n    displayName\n  } = args;\n  const adapter = await createAzureCommunicationChatAdapter({\n    endpoint,\n    userId: fromFlatCommunicationIdentifier(userId) as CommunicationUserIdentifier,\n    displayName: displayName ?? 'anonymous',\n    credential: new AzureCommunicationTokenCredential(token),\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: props,\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,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};"]}

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

@@ -1,19 +1,28 @@
+import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
 import { CallCompositeOptions, StartCallIdentifier, AzureCommunicationCallAdapterOptions, CallAdapter } from "../../react-composites/src/index-public";
 /**
  * Props for the OutboundCallComposite that you can use in your application.
- * @beta
+ *
+ * Contains two options bags:
+ * - adapterOptions: Options for the {@link AzureCommunicationCallAdapter}
+ * - callCompositeOptions: Options for the {@link CallComposite} {@link CallCompositeOptions}
+ *
+ * @public
  */
 export type OutboundCallCompositeLoaderProps = {
-    userId: string;
-    token: string;
+    userId: CommunicationUserIdentifier;
+    credential: CommunicationTokenCredential;
     displayName: string;
     targetCallees: string[] | StartCallIdentifier[];
-    options?: AzureCommunicationCallAdapterOptions;
+    callAdapterOptions?: AzureCommunicationCallAdapterOptions;
+    callCompositeOptions?: CallCompositeOptions;
 };
 /**
- * Loader function for the OutboundCallComposite that you can use in your application.
+ * 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.
+ * The best use case for this is in a Node UI framework that is not React based.
  *
- * @beta
+ * @public
  */
-export declare const loadOutboundCallComposite: (adapterArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions) => Promise<CallAdapter | undefined>;
+export declare const loadOutboundCallComposite: (loaderArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement) => Promise<CallAdapter | undefined>;
 //# sourceMappingURL=outboundCallCompositeLoader.d.ts.map

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

@@ -14,35 +14,36 @@ import { parseReactVersion } from './utils';
 const reactVersion = React.version;
 parseReactVersion(reactVersion);
 import { createRoot } from 'react-dom/client';
-import { AzureCommunicationTokenCredential } from '@azure/communication-common';
 import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
 import { CallComposite, createAzureCommunicationCallAdapter } from "../../react-composites/src/index-public";
 import { initializeIcons } from '@fluentui/react';
 /**
- * Loader function for the OutboundCallComposite that you can use in your application.
+ * 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.
+ * The best use case for this is in a Node UI framework that is not React based.
  *
- * @beta
+ * @public
  */
-export const loadOutboundCallComposite = function (adapterArgs, htmlElement, props) {
+export const loadOutboundCallComposite = function (loaderArgs, htmlElement) {
     return __awaiter(this, void 0, void 0, function* () {
         var _a;
         initializeIcons();
-        const { userId, token, displayName, targetCallees, options } = adapterArgs;
+        const { userId, credential, displayName, targetCallees, callAdapterOptions, callCompositeOptions } = loaderArgs;
         const formattedTargetCallees = typeof targetCallees[0] === 'string' ? targetCallees.map((callee) => {
             return fromFlatCommunicationIdentifier(callee);
         }) : undefined;
         const adapter = yield createAzureCommunicationCallAdapter({
-            userId: fromFlatCommunicationIdentifier(userId),
+            userId,
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
-            credential: new AzureCommunicationTokenCredential(token),
+            credential,
             targetCallees: (_a = formattedTargetCallees) !== null && _a !== void 0 ? _a : targetCallees,
-            options
+            options: callAdapterOptions
         });
         if (!htmlElement) {
             throw new Error('Failed to find the root element');
         }
         createRoot(htmlElement).render(React.createElement(CallComposite, {
-            options: props,
+            options: callCompositeOptions,
             adapter
         }, 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;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAAE,aAAa,EAAE,mCAAmC,EAAgG,gDAAmC;AAC9L,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAgB,WAA6C,EAAE,WAA+B,EAAE,KAA4B;;;QACnK,eAAe,EAAE,CAAC;QAClB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,EACb,OAAO,EACR,GAAG,WAAW,CAAC;QAChB,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,EAAE,+BAA+B,CAAC,MAAM,CAAgC;YAC9E,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU,EAAE,IAAI,iCAAiC,CAAC,KAAK,CAAC;YACxD,aAAa,EAAE,MAAA,sBAA+C,mCAAI,aAAsC;YACxG,OAAO;SACR,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,KAAK;YACd,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 { AzureCommunicationTokenCredential, 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 * @beta\n */\nexport type OutboundCallCompositeLoaderProps = {\n  userId: string;\n  token: string;\n  displayName: string;\n  targetCallees: string[] | StartCallIdentifier[];\n  options?: AzureCommunicationCallAdapterOptions;\n};\n\n/**\n * Loader function for the OutboundCallComposite that you can use in your application.\n *\n * @beta\n */\nexport const loadOutboundCallComposite = async function (adapterArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const {\n    userId,\n    token,\n    displayName,\n    targetCallees,\n    options\n  } = adapterArgs;\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: fromFlatCommunicationIdentifier(userId) as CommunicationUserIdentifier,\n    displayName: displayName ?? 'anonymous',\n    credential: new AzureCommunicationTokenCredential(token),\n    targetCallees: formattedTargetCallees as StartCallIdentifier[] ?? targetCallees as StartCallIdentifier[],\n    options\n  });\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n  createRoot(htmlElement).render(React.createElement(CallComposite, {\n    options: props,\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,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};"]}

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

@@ -1,7 +1,5 @@
-import { DominantSpeakersInfo } from '@azure/communication-calling';
-import { BreakoutRoom } from '@azure/communication-calling';
+import { CallState, DominantSpeakersInfo, EnvironmentInfo } from '@azure/communication-calling';
 import { ParticipantCapabilities } from '@azure/communication-calling';
-import { EnvironmentInfo } from '@azure/communication-calling';
 import { ParticipantRole } from '@azure/communication-calling';
 import { CallClientState, DeviceManagerState, RemoteParticipantState, LocalVideoStreamState, CallErrors, DiagnosticsCallFeatureState, SpotlightCallFeatureState, IncomingCallState } from "../../calling-stateful-client/src";
 import { TeamsIncomingCallState } from "../../calling-stateful-client/src";
@@ -11,7 +9,6 @@ import { CaptionsKind } from '@azure/communication-calling';
 import { RaisedHandState } from "../../calling-stateful-client/src";
 import { _SupportedCaptionLanguage, _SupportedSpokenLanguage } from "../../react-components/src";
 import { ConferencePhoneInfo } from "../../calling-stateful-client/src";
-import { CallNotifications } from "../../calling-stateful-client/src";
 /**
  * Common props used to reference calling declarative client state.
  *
@@ -94,10 +91,6 @@ export declare const getIdentifier: (state: CallClientState) => string;
  * @private
  */
 export declare const getLatestErrors: (state: CallClientState) => CallErrors;
-/**
- * @private
- */
-export declare const getLatestNotifications: (state: CallClientState) => CallNotifications;
 /**
  * @private
  */
@@ -105,7 +98,7 @@ export declare const getDiagnostics: (state: CallClientState, props: CallingBase
 /**
  * @private
  */
-export declare const getCallState: (state: CallClientState, props: CallingBaseSelectorProps) => string;
+export declare const getCallState: (state: CallClientState, props: CallingBaseSelectorProps) => CallState | undefined;
 /**
  * @private
  */
@@ -113,7 +106,7 @@ export declare const getEnvironmentInfo: (state: CallClientState) => undefined |
 /** @private */
 export declare const getParticipantCount: (state: CallClientState, props: CallingBaseSelectorProps) => number | undefined;
 /** @private */
-export declare const getCaptionsKind: (state: CallClientState, props: CallingBaseSelectorProps) => CaptionsKind;
+export declare const getCaptionsKind: (state: CallClientState, props: CallingBaseSelectorProps) => CaptionsKind | undefined;
 /** @private */
 export declare const getCaptions: (state: CallClientState, props: CallingBaseSelectorProps) => CaptionsInfo[] | undefined;
 /** @private */
@@ -142,6 +135,4 @@ export declare const getIncomingCalls: (state: CallClientState) => IncomingCallS
  * @private
  */
 export declare const getRemovedIncomingCalls: (state: CallClientState) => IncomingCallState[] | TeamsIncomingCallState[];
-/** @private */
-export declare const getAssignedBreakoutRoom: (state: CallClientState, props: CallingBaseSelectorProps) => BreakoutRoom | undefined;
 //# sourceMappingURL=baseSelectors.d.ts.map