@azure/communication-react 1.20.0-alpha-202410100016 → 1.20.0-alpha-202410120015

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C548hWR1.js');
+var index = require('./index-B9QcZlYP.js');
 require('react');
 require('@fluentui/react');
 require('@fluentui/react-components');

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-alpha-202410100016';
+module.exports = '1.20.0-alpha-202410120015';
 //# 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.20.0-alpha-202410100016';\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.20.0-alpha-202410120015';\n"]}

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

@@ -1,19 +1,27 @@
 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;
     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

@@ -19,25 +19,27 @@ 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, token, displayName, locator, callAdapterOptions, callCompositeOptions } = loaderArgs;
         const adapter = yield createAzureCommunicationCallAdapter({
             userId: fromFlatCommunicationIdentifier(userId),
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
             credential: new AzureCommunicationTokenCredential(token),
             locator,
-            options
+            options: callAdapterOptions
         });
         if (!htmlElement) {
             throw new Error('Failed to find the root element');
         }
-        createRoot(htmlElement).render(React.createElement(CallComposite, { options: props, adapter }, null));
+        createRoot(htmlElement).render(React.createElement(CallComposite, { 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":["../../../../../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,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QACtG,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, { options: 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;AAoBlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAC/B,UAAoC,EACpC,WAAwB;;QAExB,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,GAAG,UAAU,CAAC;QAErG,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,EAAE,kBAAkB;SAC5B,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,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QACrH,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 *\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: string;\n  token: string;\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 (\n  loaderArgs: CallCompositeLoaderProps,\n  htmlElement: HTMLElement\n): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, locator, callAdapterOptions, callCompositeOptions } = loaderArgs;\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: callAdapterOptions\n  });\n\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallComposite, { options: callCompositeOptions, adapter }, null));\n  return adapter;\n};\n"]}

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

@@ -1,7 +1,11 @@
-import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions } from "../../react-composites/src/index-public";
+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;
@@ -9,10 +13,15 @@ export type CallWithChatCompositeLoaderProps = {
     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

@@ -19,24 +19,28 @@ 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, token, displayName, endpoint, locator, callAdapterOptions, callWithChatCompositeOptions } = loaderArgs;
         const adapter = yield createAzureCommunicationCallWithChatAdapter({
             userId: fromFlatCommunicationIdentifier(userId),
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
             credential: new AzureCommunicationTokenCredential(token),
             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, adapter }, null));
+        createRoot(htmlElement).render(React.createElement(CallWithChatComposite, { 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":["../../../../../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,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QAC9G,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, { options: props, adapter }, null));\n  return adapter;\n};\n"]}
+{"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,EAEtB,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAoBlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UACvC,UAA4C,EAC5C,WAAwB;;QAExB,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,GACvG,UAAU,CAAC;QACb,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;YAChB,kBAAkB;SACnB,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,CAC5B,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,4BAA4B,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CACrG,CAAC;QACF,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  AzureCommunicationCallAdapterOptions\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 *\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: string;\n  token: string;\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 (\n  loaderArgs: CallWithChatCompositeLoaderProps,\n  htmlElement: HTMLElement\n): Promise<CallWithChatAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, endpoint, locator, callAdapterOptions, callWithChatCompositeOptions } =\n    loaderArgs;\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    callAdapterOptions\n  });\n\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(\n    React.createElement(CallWithChatComposite, { options: callWithChatCompositeOptions, adapter }, null)\n  );\n  return adapter;\n};\n"]}

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

@@ -1,7 +1,8 @@
 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;
@@ -9,10 +10,14 @@ export type ChatCompositeLoaderProps = {
     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

@@ -19,13 +19,16 @@ import { ChatComposite, createAzureCommunicationChatAdapter } from "../../react-
 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, token, endpoint, threadId, displayName, chatCompositeOptions } = loaderArgs;
         const adapter = yield createAzureCommunicationChatAdapter({
             endpoint,
             userId: fromFlatCommunicationIdentifier(userId),
@@ -36,7 +39,7 @@ export const loadChatComposite = function (args, htmlElement, props) {
         if (!htmlElement) {
             throw new Error('Failed to find the root element');
         }
-        createRoot(htmlElement).render(React.createElement(ChatComposite, { options: props, adapter }, null));
+        createRoot(htmlElement).render(React.createElement(ChatComposite, { 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":["../../../../../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,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QACtG,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, { options: props, adapter }, null));\n  return adapter;\n};\n"]}
+{"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;AAgBlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAC/B,UAAoC,EACpC,WAAwB;;QAExB,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,oBAAoB,EAAE,GAAG,UAAU,CAAC;QAC5F,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,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QACrH,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. Contains the\n * options for the {@link ChatComposite} {@link ChatCompositeOptions}.\n * @public\n */\nexport type ChatCompositeLoaderProps = {\n  userId: string;\n  token: string;\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 (\n  loaderArgs: ChatCompositeLoaderProps,\n  htmlElement: HTMLElement\n): Promise<ChatAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, endpoint, threadId, displayName, chatCompositeOptions } = loaderArgs;\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, { options: chatCompositeOptions, adapter }, null));\n  return adapter;\n};\n"]}

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

@@ -1,19 +1,27 @@
 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;
     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

@@ -19,15 +19,17 @@ 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, token, displayName, targetCallees, callAdapterOptions, callCompositeOptions } = loaderArgs;
         const formattedTargetCallees = typeof targetCallees[0] === 'string'
             ? targetCallees.map((callee) => {
                 return fromFlatCommunicationIdentifier(callee);
@@ -38,12 +40,12 @@ export const loadOutboundCallComposite = function (adapterArgs, htmlElement, pro
             displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
             credential: new AzureCommunicationTokenCredential(token),
             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, adapter }, null));
+        createRoot(htmlElement).render(React.createElement(CallComposite, { 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":["../../../../../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,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QACtG,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, { options: 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;AAoBlD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UACvC,UAA4C,EAC5C,WAAwB;;;QAExB,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,GAAG,UAAU,CAAC;QAC3G,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,EAAE,kBAAkB;SAC5B,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,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QACrH,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 *\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: string;\n  token: string;\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 (\n  loaderArgs: OutboundCallCompositeLoaderProps,\n  htmlElement: HTMLElement\n): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, targetCallees, callAdapterOptions, callCompositeOptions } = loaderArgs;\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: callAdapterOptions\n  });\n\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallComposite, { options: callCompositeOptions, adapter }, null));\n  return adapter;\n};\n"]}

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

@@ -94,7 +94,7 @@ export type VideoBackgroundEffectsDependency = {
 /**
  * Dependency type to be injected for deep noise suppression
  *
- * @beta
+ * @public
  */
 export type DeepNoiseSuppressionEffectDependency = {
     deepNoiseSuppressionEffect: AudioEffectsStartConfig;