@azure/communication-react 1.19.0-alpha-202407270014 → 1.19.0-alpha-202407310012

package/dist/dist-cjs/communication-react/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DznlW8XT.js');
+var index = require('./index-BBPqvw4B.js');
 require('react');
 require('@fluentui/react');
 require('@fluentui/react-components');
@@ -147,6 +147,8 @@ exports.getChatSelector = index.getSelector$1;
 exports.imageOverlayTheme = index.imageOverlayTheme;
 exports.lightTheme = index.lightTheme;
 exports.loadCallComposite = index.loadCallComposite;
+exports.loadCallWithChatComposite = index.loadCallWithChatComposite;
+exports.loadChatComposite = index.loadChatComposite;
 exports.loadOutboundCallComposite = index.loadOutboundCallComposite;
 exports.onResolveVideoEffectDependency = index.onResolveVideoEffectDependency;
 exports.onResolveVideoEffectDependencyLazy = index.onResolveVideoEffectDependencyLazy;

package/dist/dist-cjs/communication-react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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.19.0-alpha-202407270014';
+module.exports = '1.19.0-alpha-202407310012';
 //# sourceMappingURL=telemetryVersion.js.map

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

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

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

@@ -1,7 +1,7 @@
 import { AzureCommunicationCallAdapterOptions, CallAdapter, CallAdapterLocator, CallCompositeOptions } from "../../react-composites/src/index-public";
 /**
  * Props for the OutboundCallComposite that you can use in your application.
- * @public
+ * @beta
  */
 export type CallCompositeLoaderProps = {
     userId: string;
@@ -13,7 +13,7 @@ export type CallCompositeLoaderProps = {
 /**
  * Loader function for the OutboundCallComposite that you can use in your application.
  *
- * @public
+ * @beta
  */
 export declare const loadCallComposite: (adapterArgs: CallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions) => Promise<CallAdapter | undefined>;
 //# sourceMappingURL=callCompositeLoader.d.ts.map

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

@@ -10,16 +10,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import React from 'react';
+import { parseReactVersion } from './utils';
 const reactVersion = React.version;
-const parseReactVersion = (version) => {
-    if (!version) {
-        return [];
-    }
-    return version.split('.').map((v) => parseInt(v));
-};
-if (parseReactVersion(reactVersion)[0] && parseReactVersion(reactVersion)[0] < 18) {
-    throw new Error('React version is less than 18. Please upgrade to React 18 or alternatively checkout how to use our composites directly here: https://azure.github.io/communication-ui-library/?path=/docs/quickstarts-composites--page');
-}
+parseReactVersion(reactVersion);
 import { createRoot } from 'react-dom/client';
 import { AzureCommunicationTokenCredential } from '@azure/communication-common';
 import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
@@ -28,7 +21,7 @@ import { initializeIcons } from '@fluentui/react';
 /**
  * Loader function for the OutboundCallComposite that you can use in your application.
  *
- * @public
+ * @beta
  */
 export const loadCallComposite = function (adapterArgs, htmlElement, props) {
     return __awaiter(this, void 0, void 0, function* () {

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

@@ -1 +1 @@
-{"version":3,"file":"callCompositeLoader.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/callCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,MAAM,iBAAiB,GAAG,CAAC,OAA2B,EAAY,EAAE;IAClE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,OAAO,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC;AACF,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;IAClF,MAAM,IAAI,KAAK,CACb,wNAAwN,CACzN,CAAC;AACJ,CAAC;AAED,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,EACL,aAAa,EACb,mCAAmC,EAKpC,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAC/B,WAAqC,EACrC,WAA+B,EAC/B,KAA4B;;QAE5B,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAErE,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;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QAChG,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n\nconst reactVersion = React.version;\nconst parseReactVersion = (version: string | undefined): number[] => {\n  if (!version) {\n    return [];\n  }\n  return version.split('.').map((v) => parseInt(v));\n};\nif (parseReactVersion(reactVersion)[0] && parseReactVersion(reactVersion)[0] < 18) {\n  throw new Error(\n    'React version is less than 18. Please upgrade to React 18 or alternatively checkout how to use our composites directly here: https://azure.github.io/communication-ui-library/?path=/docs/quickstarts-composites--page'\n  );\n}\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport {\n  CallComposite,\n  createAzureCommunicationCallAdapter,\n  AzureCommunicationCallAdapterOptions,\n  CallAdapter,\n  CallAdapterLocator,\n  CallCompositeOptions\n} from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the OutboundCallComposite that you can use in your application.\n * @public\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 * @public\n */\nexport const loadCallComposite = async function (\n  adapterArgs: CallCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props?: CallCompositeOptions\n): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, locator, options } = adapterArgs;\n\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\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}
+{"version":3,"file":"callCompositeLoader.js","sourceRoot":"","sources":["../../../../../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;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEhC,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,EACL,aAAa,EACb,mCAAmC,EAKpC,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAC/B,WAAqC,EACrC,WAA+B,EAC/B,KAA4B;;QAE5B,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAErE,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;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QAChG,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';\n\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport {\n  CallComposite,\n  createAzureCommunicationCallAdapter,\n  AzureCommunicationCallAdapterOptions,\n  CallAdapter,\n  CallAdapterLocator,\n  CallCompositeOptions\n} 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 (\n  adapterArgs: CallCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props?: CallCompositeOptions\n): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, locator, options } = adapterArgs;\n\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\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}

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

@@ -0,0 +1,18 @@
+import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions } from "../../react-composites/src/index-public";
+/**
+ * Props for the CallWithChatComposite that you can use in your application.
+ * @beta
+ */
+export type CallWithChatCompositeLoaderProps = {
+    userId: string;
+    token: string;
+    displayName: string;
+    endpoint: string;
+    locator: CallAndChatLocator;
+};
+/**
+ * Props for the CallWithChatComposite that you can use in your application.
+ * @beta
+ */
+export declare const loadCallWithChatComposite: (args: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: CallWithChatCompositeOptions) => Promise<CallWithChatAdapter | undefined>;
+//# sourceMappingURL=callWithChatCompositeLoader.d.ts.map

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

@@ -0,0 +1,43 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+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
+ */
+export const loadCallWithChatComposite = function (args, htmlElement, props) {
+    return __awaiter(this, void 0, void 0, function* () {
+        initializeIcons();
+        const { userId, token, displayName, endpoint, locator } = args;
+        const adapter = yield createAzureCommunicationCallWithChatAdapter({
+            userId: fromFlatCommunicationIdentifier(userId),
+            displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
+            credential: new AzureCommunicationTokenCredential(token),
+            endpoint: endpoint,
+            locator: locator
+        });
+        if (!htmlElement) {
+            throw new Error('Failed to find the root element');
+        }
+        createRoot(htmlElement).render(React.createElement(CallWithChatComposite, Object.assign(Object.assign({}, props), { adapter }), null));
+        return adapter;
+    });
+};
+//# sourceMappingURL=callWithChatCompositeLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callWithChatCompositeLoader.js","sourceRoot":"","sources":["../../../../../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;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEhC,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,EAIL,2CAA2C,EAC3C,qBAAqB,EACtB,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UACvC,IAAsC,EACtC,WAA+B,EAC/B,KAAmC;;QAEnC,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAC/D,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;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QACxG,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';\n\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport {\n  CallWithChatAdapter,\n  CallAndChatLocator,\n  CallWithChatCompositeOptions,\n  createAzureCommunicationCallWithChatAdapter,\n  CallWithChatComposite\n} 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 (\n  args: CallWithChatCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props: CallWithChatCompositeOptions\n): Promise<CallWithChatAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, endpoint, locator } = 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\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallWithChatComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}

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

@@ -0,0 +1,18 @@
+import { ChatAdapter, ChatCompositeOptions } from "../../react-composites/src/index-public";
+/**
+ * Props for the ChatComposite that you can use in your application.
+ * @beta
+ */
+export type ChatCompositeLoaderProps = {
+    userId: string;
+    token: string;
+    displayName?: string;
+    endpoint: string;
+    threadId: string;
+};
+/**
+ * Loader function for the ChatComposite that you can use in your application.
+ * @beta
+ */
+export declare const loadChatComposite: (args: ChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: ChatCompositeOptions) => Promise<ChatAdapter | undefined>;
+//# sourceMappingURL=chatCompositeLoader.d.ts.map

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

@@ -0,0 +1,43 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+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
+ */
+export const loadChatComposite = function (args, htmlElement, props) {
+    return __awaiter(this, void 0, void 0, function* () {
+        initializeIcons();
+        const { userId, token, endpoint, threadId, displayName } = args;
+        const adapter = yield createAzureCommunicationChatAdapter({
+            endpoint,
+            userId: fromFlatCommunicationIdentifier(userId),
+            displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
+            credential: new AzureCommunicationTokenCredential(token),
+            threadId
+        });
+        if (!htmlElement) {
+            throw new Error('Failed to find the root element');
+        }
+        createRoot(htmlElement).render(React.createElement(ChatComposite, Object.assign(Object.assign({}, props), { adapter }), null));
+        return adapter;
+    });
+};
+//# sourceMappingURL=chatCompositeLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chatCompositeLoader.js","sourceRoot":"","sources":["../../../../../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;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAEL,aAAa,EAEb,mCAAmC,EACpC,gDAAmC;AACpC,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAC/B,IAA8B,EAC9B,WAA+B,EAC/B,KAA2B;;QAE3B,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAChE,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;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QAChG,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';\n\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport {\n  ChatAdapter,\n  ChatComposite,\n  ChatCompositeOptions,\n  createAzureCommunicationChatAdapter\n} 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 (\n  args: ChatCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props: ChatCompositeOptions\n): Promise<ChatAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, endpoint, threadId, displayName } = 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\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(ChatComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}

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

@@ -1,5 +1,9 @@
 export { loadOutboundCallComposite } from './outboundCallCompositeLoader';
 export { loadCallComposite } from './callCompositeLoader';
+export { loadChatComposite } from './chatCompositeLoader';
+export { loadCallWithChatComposite } from './callWithChatCompositeLoader';
 export type { OutboundCallCompositeLoaderProps } from './outboundCallCompositeLoader';
 export type { CallCompositeLoaderProps } from './callCompositeLoader';
+export type { ChatCompositeLoaderProps } from './chatCompositeLoader';
+export type { CallWithChatCompositeLoaderProps } from './callWithChatCompositeLoader';
 //# sourceMappingURL=index.d.ts.map

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

@@ -2,4 +2,6 @@
 // Licensed under the MIT License.
 export { loadOutboundCallComposite } from './outboundCallCompositeLoader';
 export { loadCallComposite } from './callCompositeLoader';
+export { loadChatComposite } from './chatCompositeLoader';
+export { loadCallWithChatComposite } from './callWithChatCompositeLoader';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { loadOutboundCallComposite } from './outboundCallCompositeLoader';\nexport { loadCallComposite } from './callCompositeLoader';\nexport type { OutboundCallCompositeLoaderProps } from './outboundCallCompositeLoader';\nexport type { CallCompositeLoaderProps } from './callCompositeLoader';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { loadOutboundCallComposite } from './outboundCallCompositeLoader';\nexport { loadCallComposite } from './callCompositeLoader';\nexport { loadChatComposite } from './chatCompositeLoader';\nexport { loadCallWithChatComposite } from './callWithChatCompositeLoader';\nexport type { OutboundCallCompositeLoaderProps } from './outboundCallCompositeLoader';\nexport type { CallCompositeLoaderProps } from './callCompositeLoader';\nexport type { ChatCompositeLoaderProps } from './chatCompositeLoader';\nexport type { CallWithChatCompositeLoaderProps } from './callWithChatCompositeLoader';\n"]}

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

@@ -1,7 +1,7 @@
 import { CallCompositeOptions, StartCallIdentifier, AzureCommunicationCallAdapterOptions, CallAdapter } from "../../react-composites/src/index-public";
 /**
  * Props for the OutboundCallComposite that you can use in your application.
- * @public
+ * @beta
  */
 export type OutboundCallCompositeLoaderProps = {
     userId: string;
@@ -13,7 +13,7 @@ export type OutboundCallCompositeLoaderProps = {
 /**
  * Loader function for the OutboundCallComposite that you can use in your application.
  *
- * @public
+ * @beta
  */
 export declare const loadOutboundCallComposite: (adapterArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions) => Promise<CallAdapter | undefined>;
 //# sourceMappingURL=outboundCallCompositeLoader.d.ts.map

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

@@ -10,16 +10,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import React from 'react';
+import { parseReactVersion } from './utils';
 const reactVersion = React.version;
-const parseReactVersion = (version) => {
-    if (!version) {
-        return [];
-    }
-    return version.split('.').map((v) => parseInt(v));
-};
-if (parseReactVersion(reactVersion)[0] && parseReactVersion(reactVersion)[0] < 18) {
-    throw new Error('React version is less than 18. Please upgrade to React 18 or alternatively checkout how to use our composites directly here: https://azure.github.io/communication-ui-library/?path=/docs/quickstarts-composites--page');
-}
+parseReactVersion(reactVersion);
 import { createRoot } from 'react-dom/client';
 import { AzureCommunicationTokenCredential } from '@azure/communication-common';
 import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
@@ -28,7 +21,7 @@ import { initializeIcons } from '@fluentui/react';
 /**
  * Loader function for the OutboundCallComposite that you can use in your application.
  *
- * @public
+ * @beta
  */
 export const loadOutboundCallComposite = function (adapterArgs, htmlElement, props) {
     return __awaiter(this, void 0, void 0, function* () {

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

@@ -1 +1 @@
-{"version":3,"file":"outboundCallCompositeLoader.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/outboundCallCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,MAAM,iBAAiB,GAAG,CAAC,OAA2B,EAAY,EAAE;IAClE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,OAAO,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC;AACF,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;IAClF,MAAM,IAAI,KAAK,CACb,wNAAwN,CACzN,CAAC;AACJ,CAAC;AAED,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,EACL,aAAa,EACb,mCAAmC,EAKpC,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UACvC,WAA6C,EAC7C,WAA+B,EAC/B,KAA4B;;;QAE5B,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAC3E,MAAM,sBAAsB,GAC1B,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ;YAClC,CAAC,CAAE,aAA0B,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;gBACjD,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;YACjD,CAAC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAC;QAEhB,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,MAAC,sBAAgD,mCAAK,aAAuC;YAC5G,OAAO;SACR,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QAChG,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n\nconst reactVersion = React.version;\nconst parseReactVersion = (version: string | undefined): number[] => {\n  if (!version) {\n    return [];\n  }\n  return version.split('.').map((v) => parseInt(v));\n};\nif (parseReactVersion(reactVersion)[0] && parseReactVersion(reactVersion)[0] < 18) {\n  throw new Error(\n    'React version is less than 18. Please upgrade to React 18 or alternatively checkout how to use our composites directly here: https://azure.github.io/communication-ui-library/?path=/docs/quickstarts-composites--page'\n  );\n}\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport {\n  CallComposite,\n  createAzureCommunicationCallAdapter,\n  CallCompositeOptions,\n  StartCallIdentifier,\n  AzureCommunicationCallAdapterOptions,\n  CallAdapter\n} from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the OutboundCallComposite that you can use in your application.\n * @public\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 * @public\n */\nexport const loadOutboundCallComposite = async function (\n  adapterArgs: OutboundCallCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props?: CallCompositeOptions\n): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, targetCallees, options } = adapterArgs;\n  const formattedTargetCallees =\n    typeof targetCallees[0] === 'string'\n      ? (targetCallees as string[]).map((callee: string) => {\n          return fromFlatCommunicationIdentifier(callee);\n        })\n      : undefined;\n\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\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}
+{"version":3,"file":"outboundCallCompositeLoader.js","sourceRoot":"","sources":["../../../../../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;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEhC,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,EACL,aAAa,EACb,mCAAmC,EAKpC,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UACvC,WAA6C,EAC7C,WAA+B,EAC/B,KAA4B;;;QAE5B,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAC3E,MAAM,sBAAsB,GAC1B,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ;YAClC,CAAC,CAAE,aAA0B,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;gBACjD,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;YACjD,CAAC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAC;QAEhB,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,MAAC,sBAAgD,mCAAK,aAAuC;YAC5G,OAAO;SACR,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QAChG,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';\n\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport {\n  CallComposite,\n  createAzureCommunicationCallAdapter,\n  CallCompositeOptions,\n  StartCallIdentifier,\n  AzureCommunicationCallAdapterOptions,\n  CallAdapter\n} 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 (\n  adapterArgs: OutboundCallCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props?: CallCompositeOptions\n): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, targetCallees, options } = adapterArgs;\n  const formattedTargetCallees =\n    typeof targetCallees[0] === 'string'\n      ? (targetCallees as string[]).map((callee: string) => {\n          return fromFlatCommunicationIdentifier(callee);\n        })\n      : undefined;\n\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\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}

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

@@ -0,0 +1,7 @@
+/**
+ * Checks the version of react and throws an error if it is less than 18 in the loaders
+ * @param version - version of react
+ * @private
+ */
+export declare const parseReactVersion: (version: string | undefined) => void;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1,17 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * Checks the version of react and throws an error if it is less than 18 in the loaders
+ * @param version - version of react
+ * @private
+ */
+export const parseReactVersion = (version) => {
+    if (!version) {
+        return;
+    }
+    const reactVersion = version.split('.').map((v) => parseInt(v));
+    if (reactVersion[0] && reactVersion[0] < 18) {
+        throw new Error('React version is less than 18. Please upgrade to React 18 or alternatively checkout how to use our composites directly here: https://aka.ms/acsstorybook');
+    }
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/utils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAA2B,EAAQ,EAAE;IACrE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO;IACT,CAAC;IACD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;QAC5C,MAAM,IAAI,KAAK,CACb,0JAA0J,CAC3J,CAAC;IACJ,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Checks the version of react and throws an error if it is less than 18 in the loaders\n * @param version - version of react\n * @private\n */\nexport const parseReactVersion = (version: string | undefined): void => {\n  if (!version) {\n    return;\n  }\n  const reactVersion = version.split('.').map((v) => parseInt(v));\n  if (reactVersion[0] && reactVersion[0] < 18) {\n    throw new Error(\n      'React version is less than 18. Please upgrade to React 18 or alternatively checkout how to use our composites directly here: https://aka.ms/acsstorybook'\n    );\n  }\n};\n"]}

package/dist/dist-esm/calling-stateful-client/src/BreakoutRoomsSubscriber.d.ts

@@ -0,0 +1,18 @@
+import { BreakoutRoomsCallFeature } from '@azure/communication-calling';
+import { CallContext } from './CallContext';
+import { CallIdRef } from './CallIdRef';
+/**
+ * @private
+ */
+export declare class BreakoutRoomsSubscriber {
+    private _callIdRef;
+    private _context;
+    private _breakoutRoomsFeature;
+    constructor(callIdRef: CallIdRef, context: CallContext, breakoutRoomsFeature: BreakoutRoomsCallFeature);
+    unsubscribe: () => void;
+    private subscribe;
+    private onBreakoutRoomsUpdated;
+    private onAssignedBreakoutRoomUpdated;
+    private onBreakoutRoomSettingsUpdated;
+}
+//# sourceMappingURL=BreakoutRoomsSubscriber.d.ts.map

package/dist/dist-esm/calling-stateful-client/src/BreakoutRoomsSubscriber.js

@@ -0,0 +1,36 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(breakout-rooms) */
+/**
+ * @private
+ */
+export class BreakoutRoomsSubscriber {
+    constructor(callIdRef, context, breakoutRoomsFeature) {
+        this.unsubscribe = () => { };
+        this.onBreakoutRoomsUpdated = (eventData) => {
+            if (!eventData.data) {
+                return;
+            }
+            if (eventData.type === 'assignedBreakoutRooms') {
+                this.onAssignedBreakoutRoomUpdated(eventData.data);
+            }
+            else if (eventData.type === 'breakoutRoomsSettings') {
+                this.onBreakoutRoomSettingsUpdated(eventData.data);
+            }
+        };
+        this.onAssignedBreakoutRoomUpdated = (breakoutRoom) => {
+            this._context.setAssignedBreakoutRoom(this._callIdRef.callId, breakoutRoom);
+        };
+        this.onBreakoutRoomSettingsUpdated = (breakoutRoomSettings) => {
+            this._context.setBreakoutRoomSettings(this._callIdRef.callId, breakoutRoomSettings);
+        };
+        this._callIdRef = callIdRef;
+        this._context = context;
+        this._breakoutRoomsFeature = breakoutRoomsFeature;
+        this.subscribe();
+    }
+    subscribe() {
+        this._breakoutRoomsFeature.on('breakoutRoomsUpdated', this.onBreakoutRoomsUpdated);
+    }
+}
+//# sourceMappingURL=BreakoutRoomsSubscriber.js.map

package/dist/dist-esm/calling-stateful-client/src/BreakoutRoomsSubscriber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakoutRoomsSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/BreakoutRoomsSubscriber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAclC,iDAAiD;AACjD;;GAEG;AACH,MAAM,OAAO,uBAAuB;IAKlC,YAAY,SAAoB,EAAE,OAAoB,EAAE,oBAA8C;QAQ/F,gBAAW,GAAG,GAAS,EAAE,GAAE,CAAC,CAAC;QAM5B,2BAAsB,GAAG,CAAC,SAAiC,EAAQ,EAAE;YAC3E,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YAED,IAAI,SAAS,CAAC,IAAI,KAAK,uBAAuB,EAAE,CAAC;gBAC/C,IAAI,CAAC,6BAA6B,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACrD,CAAC;iBAAM,IAAI,SAAS,CAAC,IAAI,KAAK,uBAAuB,EAAE,CAAC;gBACtD,IAAI,CAAC,6BAA6B,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACrD,CAAC;QACH,CAAC,CAAC;QAEM,kCAA6B,GAAG,CAAC,YAA0B,EAAQ,EAAE;YAC3E,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QAC9E,CAAC,CAAC;QAEM,kCAA6B,GAAG,CAAC,oBAA2C,EAAQ,EAAE;YAC5F,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;QACtF,CAAC,CAAC;QA/BA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,qBAAqB,GAAG,oBAAoB,CAAC;QAElD,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAIO,SAAS;QACf,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACrF,CAAC;CAqBF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(breakout-rooms) */\nimport {\n  BreakoutRoom,\n  BreakoutRoomsCallFeature,\n  BreakoutRoomsEventData,\n  BreakoutRoomsSettings\n} from '@azure/communication-calling';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { CallIdRef } from './CallIdRef';\n\n/* @conditional-compile-remove(breakout-rooms) */\n/**\n * @private\n */\nexport class BreakoutRoomsSubscriber {\n  private _callIdRef: CallIdRef;\n  private _context: CallContext;\n  private _breakoutRoomsFeature: BreakoutRoomsCallFeature;\n\n  constructor(callIdRef: CallIdRef, context: CallContext, breakoutRoomsFeature: BreakoutRoomsCallFeature) {\n    this._callIdRef = callIdRef;\n    this._context = context;\n    this._breakoutRoomsFeature = breakoutRoomsFeature;\n\n    this.subscribe();\n  }\n\n  public unsubscribe = (): void => {};\n\n  private subscribe(): void {\n    this._breakoutRoomsFeature.on('breakoutRoomsUpdated', this.onBreakoutRoomsUpdated);\n  }\n\n  private onBreakoutRoomsUpdated = (eventData: BreakoutRoomsEventData): void => {\n    if (!eventData.data) {\n      return;\n    }\n\n    if (eventData.type === 'assignedBreakoutRooms') {\n      this.onAssignedBreakoutRoomUpdated(eventData.data);\n    } else if (eventData.type === 'breakoutRoomsSettings') {\n      this.onBreakoutRoomSettingsUpdated(eventData.data);\n    }\n  };\n\n  private onAssignedBreakoutRoomUpdated = (breakoutRoom: BreakoutRoom): void => {\n    this._context.setAssignedBreakoutRoom(this._callIdRef.callId, breakoutRoom);\n  };\n\n  private onBreakoutRoomSettingsUpdated = (breakoutRoomSettings: BreakoutRoomsSettings): void => {\n    this._context.setBreakoutRoomSettings(this._callIdRef.callId, breakoutRoomSettings);\n  };\n}\n"]}

package/dist/dist-esm/calling-stateful-client/src/CallClientState.d.ts

@@ -1,4 +1,5 @@
 import { AudioDeviceInfo, CallDirection, CallEndReason, CallerInfo, CallState as CallStatus, DeviceAccess, DominantSpeakersInfo, IncomingCallKind, LatestMediaDiagnostics, LatestNetworkDiagnostics, MediaStreamType, ParticipantRole, RemoteParticipantState as RemoteParticipantStatus, ScalingMode, VideoDeviceInfo } from '@azure/communication-calling';
+import { BreakoutRoom, BreakoutRoomsSettings } from '@azure/communication-calling';
 import { TeamsCallInfo } from '@azure/communication-calling';
 import { CallInfo } from '@azure/communication-calling';
 import { CapabilitiesChangeInfo, ParticipantCapabilities } from '@azure/communication-calling';
@@ -153,6 +154,15 @@ export interface SpotlightState {
      */
     spotlightedOrderPosition?: number;
 }
+/**
+ * Breakout rooms state
+ *
+ * @public
+ */
+export interface BreakoutRoomsState {
+    assignedBreakoutRoom?: BreakoutRoom;
+    breakoutRoomSettings?: BreakoutRoomsSettings;
+}
 /**
  * State only version of {@link @azure/communication-calling#RecordingCallFeature}. {@link StatefulCallClient} will
  * automatically listen for recording state of the call and update the state exposed by {@link StatefulCallClient} accordingly.
@@ -585,6 +595,10 @@ export interface CallState {
     meetingConference?: {
         conferencePhones: ConferencePhoneInfo[];
     };
+    /**
+     * Proxy of {@link @azure/communication-calling#BreakoutRoomsFeature}.
+     */
+    breakoutRooms?: BreakoutRoomsState;
 }
 /**
  * Transfer feature state