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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/communication-react.d.ts +3 -25
  2. package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-Dk_okMwX.js → ChatMessageComponentAsRichTextEditBox-CP31U1Qi.js} +2 -2
  3. package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-Dk_okMwX.js.map → ChatMessageComponentAsRichTextEditBox-CP31U1Qi.js.map} +1 -1
  4. package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-C36s6eLH.js → RichTextSendBoxWrapper-Dx0WOAPN.js} +2 -2
  5. package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-C36s6eLH.js.map → RichTextSendBoxWrapper-Dx0WOAPN.js.map} +1 -1
  6. package/dist/dist-cjs/communication-react/{index-C548hWR1.js → index-B9QcZlYP.js} +54 -33
  7. package/dist/dist-cjs/communication-react/index-B9QcZlYP.js.map +1 -0
  8. package/dist/dist-cjs/communication-react/index.js +1 -1
  9. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
  10. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
  11. package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.d.ts +13 -5
  12. package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.js +8 -6
  13. package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.js.map +1 -1
  14. package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.d.ts +14 -5
  15. package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.js +10 -6
  16. package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.js.map +1 -1
  17. package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.d.ts +10 -5
  18. package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.js +8 -5
  19. package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.js.map +1 -1
  20. package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.d.ts +13 -5
  21. package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.js +8 -6
  22. package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.js.map +1 -1
  23. package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.d.ts +1 -1
  24. package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js.map +1 -1
  25. package/dist/dist-esm/react-components/src/components/LocalVideoTile.d.ts +1 -0
  26. package/dist/dist-esm/react-components/src/components/LocalVideoTile.js +5 -4
  27. package/dist/dist-esm/react-components/src/components/LocalVideoTile.js.map +1 -1
  28. package/dist/dist-esm/react-components/src/components/MicrophoneButton.d.ts +0 -9
  29. package/dist/dist-esm/react-components/src/components/MicrophoneButton.js.map +1 -1
  30. package/dist/dist-esm/react-components/src/components/TroubleshootingGuideErrorBar.js +3 -3
  31. package/dist/dist-esm/react-components/src/components/TroubleshootingGuideErrorBar.js.map +1 -1
  32. package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideo.js +6 -2
  33. package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideo.js.map +1 -1
  34. package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js +10 -3
  35. package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js.map +1 -1
  36. package/dist/dist-esm/react-components/src/components/VideoGallery.js +3 -3
  37. package/dist/dist-esm/react-components/src/components/VideoGallery.js.map +1 -1
  38. package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.js +5 -2
  39. package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.js.map +1 -1
  40. package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js +2 -1
  41. package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js.map +1 -1
  42. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.d.ts +0 -1
  43. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js.map +1 -1
  44. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.d.ts +0 -5
  45. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.js.map +1 -1
  46. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.js +3 -1
  47. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.js.map +1 -1
  48. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.d.ts +1 -0
  49. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.js +1 -1
  50. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.js.map +1 -1
  51. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/EndCall.js +8 -4
  52. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/EndCall.js.map +1 -1
  53. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.d.ts +0 -4
  54. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.js.map +1 -1
  55. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.d.ts +0 -3
  56. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.js.map +1 -1
  57. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js +3 -1
  58. package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js.map +1 -1
  59. package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.d.ts +1 -1
  60. package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.js +1 -1
  61. package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.js.map +1 -1
  62. package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.d.ts +1 -1
  63. package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.js +1 -1
  64. package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.js.map +1 -1
  65. package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json +1 -1
  66. package/package.json +1 -1
  67. package/dist/dist-cjs/communication-react/index-C548hWR1.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-C548hWR1.js');
3
+ var index = require('./index-B9QcZlYP.js');
4
4
  require('react');
5
5
  require('@fluentui/react');
6
6
  require('@fluentui/react-components');
@@ -2,5 +2,5 @@
2
2
  // Copyright (c) Microsoft Corporation.
3
3
  // Licensed under the MIT License.
4
4
  // GENERATED FILE. DO NOT EDIT MANUALLY.
5
- module.exports = '1.20.0-alpha-202410100016';
5
+ module.exports = '1.20.0-alpha-202410120015';
6
6
  //# sourceMappingURL=telemetryVersion.js.map
@@ -1 +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"]}
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-202410120015';\n"]}
@@ -1,19 +1,27 @@
1
1
  import { AzureCommunicationCallAdapterOptions, CallAdapter, CallAdapterLocator, CallCompositeOptions } from "../../react-composites/src/index-public";
2
2
  /**
3
3
  * Props for the OutboundCallComposite that you can use in your application.
4
- * @beta
4
+ *
5
+ * Contains two options bags:
6
+ * - adapterOptions: Options for the {@link AzureCommunicationCallAdapter}
7
+ * - callCompositeOptions: Options for the {@link CallComposite} {@link CallCompositeOptions}
8
+ *
9
+ * @public
5
10
  */
6
11
  export type CallCompositeLoaderProps = {
7
12
  userId: string;
8
13
  token: string;
9
14
  displayName: string;
10
15
  locator: CallAdapterLocator;
11
- options?: AzureCommunicationCallAdapterOptions;
16
+ callAdapterOptions?: AzureCommunicationCallAdapterOptions;
17
+ callCompositeOptions?: CallCompositeOptions;
12
18
  };
13
19
  /**
14
- * Loader function for the OutboundCallComposite that you can use in your application.
20
+ * Loader function for the CallComposite that you can use in your application. This
21
+ * function will load the CallComposite into the provided HTML element. The best use case for this
22
+ * is in a Node ui framework that is not React based.
15
23
  *
16
- * @beta
24
+ * @public
17
25
  */
18
- export declare const loadCallComposite: (adapterArgs: CallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions) => Promise<CallAdapter | undefined>;
26
+ export declare const loadCallComposite: (loaderArgs: CallCompositeLoaderProps, htmlElement: HTMLElement) => Promise<CallAdapter | undefined>;
19
27
  //# sourceMappingURL=callCompositeLoader.d.ts.map
@@ -19,25 +19,27 @@ import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
19
19
  import { CallComposite, createAzureCommunicationCallAdapter } from "../../react-composites/src/index-public";
20
20
  import { initializeIcons } from '@fluentui/react';
21
21
  /**
22
- * Loader function for the OutboundCallComposite that you can use in your application.
22
+ * Loader function for the CallComposite that you can use in your application. This
23
+ * function will load the CallComposite into the provided HTML element. The best use case for this
24
+ * is in a Node ui framework that is not React based.
23
25
  *
24
- * @beta
26
+ * @public
25
27
  */
26
- export const loadCallComposite = function (adapterArgs, htmlElement, props) {
28
+ export const loadCallComposite = function (loaderArgs, htmlElement) {
27
29
  return __awaiter(this, void 0, void 0, function* () {
28
30
  initializeIcons();
29
- const { userId, token, displayName, locator, options } = adapterArgs;
31
+ const { userId, token, displayName, locator, callAdapterOptions, callCompositeOptions } = loaderArgs;
30
32
  const adapter = yield createAzureCommunicationCallAdapter({
31
33
  userId: fromFlatCommunicationIdentifier(userId),
32
34
  displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
33
35
  credential: new AzureCommunicationTokenCredential(token),
34
36
  locator,
35
- options
37
+ options: callAdapterOptions
36
38
  });
37
39
  if (!htmlElement) {
38
40
  throw new Error('Failed to find the root element');
39
41
  }
40
- createRoot(htmlElement).render(React.createElement(CallComposite, { options: props, adapter }, null));
42
+ createRoot(htmlElement).render(React.createElement(CallComposite, { options: callCompositeOptions, adapter }, null));
41
43
  return adapter;
42
44
  });
43
45
  };
@@ -1 +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"]}
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;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"]}
@@ -1,7 +1,11 @@
1
- import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions } from "../../react-composites/src/index-public";
1
+ import { CallWithChatAdapter, CallAndChatLocator, CallWithChatCompositeOptions, AzureCommunicationCallAdapterOptions } from "../../react-composites/src/index-public";
2
2
  /**
3
3
  * Props for the CallWithChatComposite that you can use in your application.
4
- * @beta
4
+ *
5
+ * Contains two options bags:
6
+ * - adapterOptions: Options for the {@link AzureCommunicationCallAdapterOptions}
7
+ * - callCompositeOptions: Options for the {@link CallWithChatComposite} {@link CallWithChatCompositeOptions}
8
+ * @public
5
9
  */
6
10
  export type CallWithChatCompositeLoaderProps = {
7
11
  userId: string;
@@ -9,10 +13,15 @@ export type CallWithChatCompositeLoaderProps = {
9
13
  displayName: string;
10
14
  endpoint: string;
11
15
  locator: CallAndChatLocator;
16
+ callAdapterOptions?: AzureCommunicationCallAdapterOptions;
17
+ callWithChatCompositeOptions?: CallWithChatCompositeOptions;
12
18
  };
13
19
  /**
14
- * Props for the CallWithChatComposite that you can use in your application.
15
- * @beta
20
+ * Props for the CallWithChatComposite that you can use in your application. This
21
+ * function will load the CallWithChatComposite into the provided HTML element.
22
+ * The best use case for this is in a Node UI framework that is not React based.
23
+ *
24
+ * @public
16
25
  */
17
- export declare const loadCallWithChatComposite: (args: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: CallWithChatCompositeOptions) => Promise<CallWithChatAdapter | undefined>;
26
+ export declare const loadCallWithChatComposite: (loaderArgs: CallWithChatCompositeLoaderProps, htmlElement: HTMLElement) => Promise<CallWithChatAdapter | undefined>;
18
27
  //# sourceMappingURL=callWithChatCompositeLoader.d.ts.map
@@ -19,24 +19,28 @@ import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
19
19
  import { createAzureCommunicationCallWithChatAdapter, CallWithChatComposite } from "../../react-composites/src/index-public";
20
20
  import { initializeIcons } from '@fluentui/react';
21
21
  /**
22
- * Props for the CallWithChatComposite that you can use in your application.
23
- * @beta
22
+ * Props for the CallWithChatComposite that you can use in your application. This
23
+ * function will load the CallWithChatComposite into the provided HTML element.
24
+ * The best use case for this is in a Node UI framework that is not React based.
25
+ *
26
+ * @public
24
27
  */
25
- export const loadCallWithChatComposite = function (args, htmlElement, props) {
28
+ export const loadCallWithChatComposite = function (loaderArgs, htmlElement) {
26
29
  return __awaiter(this, void 0, void 0, function* () {
27
30
  initializeIcons();
28
- const { userId, token, displayName, endpoint, locator } = args;
31
+ const { userId, token, displayName, endpoint, locator, callAdapterOptions, callWithChatCompositeOptions } = loaderArgs;
29
32
  const adapter = yield createAzureCommunicationCallWithChatAdapter({
30
33
  userId: fromFlatCommunicationIdentifier(userId),
31
34
  displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
32
35
  credential: new AzureCommunicationTokenCredential(token),
33
36
  endpoint: endpoint,
34
- locator: locator
37
+ locator: locator,
38
+ callAdapterOptions
35
39
  });
36
40
  if (!htmlElement) {
37
41
  throw new Error('Failed to find the root element');
38
42
  }
39
- createRoot(htmlElement).render(React.createElement(CallWithChatComposite, { options: props, adapter }, null));
43
+ createRoot(htmlElement).render(React.createElement(CallWithChatComposite, { options: callWithChatCompositeOptions, adapter }, null));
40
44
  return adapter;
41
45
  });
42
46
  };
@@ -1 +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"]}
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,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"]}
@@ -1,7 +1,8 @@
1
1
  import { ChatAdapter, ChatCompositeOptions } from "../../react-composites/src/index-public";
2
2
  /**
3
- * Props for the ChatComposite that you can use in your application.
4
- * @beta
3
+ * Props for the ChatComposite that you can use in your application. Contains the
4
+ * options for the {@link ChatComposite} {@link ChatCompositeOptions}.
5
+ * @public
5
6
  */
6
7
  export type ChatCompositeLoaderProps = {
7
8
  userId: string;
@@ -9,10 +10,14 @@ export type ChatCompositeLoaderProps = {
9
10
  displayName?: string;
10
11
  endpoint: string;
11
12
  threadId: string;
13
+ chatCompositeOptions?: ChatCompositeOptions;
12
14
  };
13
15
  /**
14
- * Loader function for the ChatComposite that you can use in your application.
15
- * @beta
16
+ * Loader function for the ChatComposite that you can use in your application. This
17
+ * function will load the ChatComposite into the provided HTML element.
18
+ * The best use case for this is in a Node UI framework that is not React based.
19
+ *
20
+ * @public
16
21
  */
17
- export declare const loadChatComposite: (args: ChatCompositeLoaderProps, htmlElement: HTMLElement | null, props: ChatCompositeOptions) => Promise<ChatAdapter | undefined>;
22
+ export declare const loadChatComposite: (loaderArgs: ChatCompositeLoaderProps, htmlElement: HTMLElement) => Promise<ChatAdapter | undefined>;
18
23
  //# sourceMappingURL=chatCompositeLoader.d.ts.map
@@ -19,13 +19,16 @@ import { ChatComposite, createAzureCommunicationChatAdapter } from "../../react-
19
19
  import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
20
20
  import { initializeIcons } from '@fluentui/react';
21
21
  /**
22
- * Loader function for the ChatComposite that you can use in your application.
23
- * @beta
22
+ * Loader function for the ChatComposite that you can use in your application. This
23
+ * function will load the ChatComposite into the provided HTML element.
24
+ * The best use case for this is in a Node UI framework that is not React based.
25
+ *
26
+ * @public
24
27
  */
25
- export const loadChatComposite = function (args, htmlElement, props) {
28
+ export const loadChatComposite = function (loaderArgs, htmlElement) {
26
29
  return __awaiter(this, void 0, void 0, function* () {
27
30
  initializeIcons();
28
- const { userId, token, endpoint, threadId, displayName } = args;
31
+ const { userId, token, endpoint, threadId, displayName, chatCompositeOptions } = loaderArgs;
29
32
  const adapter = yield createAzureCommunicationChatAdapter({
30
33
  endpoint,
31
34
  userId: fromFlatCommunicationIdentifier(userId),
@@ -36,7 +39,7 @@ export const loadChatComposite = function (args, htmlElement, props) {
36
39
  if (!htmlElement) {
37
40
  throw new Error('Failed to find the root element');
38
41
  }
39
- createRoot(htmlElement).render(React.createElement(ChatComposite, { options: props, adapter }, null));
42
+ createRoot(htmlElement).render(React.createElement(ChatComposite, { options: chatCompositeOptions, adapter }, null));
40
43
  return adapter;
41
44
  });
42
45
  };
@@ -1 +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"]}
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;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"]}
@@ -1,19 +1,27 @@
1
1
  import { CallCompositeOptions, StartCallIdentifier, AzureCommunicationCallAdapterOptions, CallAdapter } from "../../react-composites/src/index-public";
2
2
  /**
3
3
  * Props for the OutboundCallComposite that you can use in your application.
4
- * @beta
4
+ *
5
+ * Contains two options bags:
6
+ * - adapterOptions: Options for the {@link AzureCommunicationCallAdapter}
7
+ * - callCompositeOptions: Options for the {@link CallComposite} {@link CallCompositeOptions}
8
+ *
9
+ * @public
5
10
  */
6
11
  export type OutboundCallCompositeLoaderProps = {
7
12
  userId: string;
8
13
  token: string;
9
14
  displayName: string;
10
15
  targetCallees: string[] | StartCallIdentifier[];
11
- options?: AzureCommunicationCallAdapterOptions;
16
+ callAdapterOptions?: AzureCommunicationCallAdapterOptions;
17
+ callCompositeOptions?: CallCompositeOptions;
12
18
  };
13
19
  /**
14
- * Loader function for the OutboundCallComposite that you can use in your application.
20
+ * Loader function for the OutboundCallComposite that you can use in your application. This
21
+ * function will load the CallComposite into the provided HTML element to make outbound calls.
22
+ * The best use case for this is in a Node UI framework that is not React based.
15
23
  *
16
- * @beta
24
+ * @public
17
25
  */
18
- export declare const loadOutboundCallComposite: (adapterArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement | null, props?: CallCompositeOptions) => Promise<CallAdapter | undefined>;
26
+ export declare const loadOutboundCallComposite: (loaderArgs: OutboundCallCompositeLoaderProps, htmlElement: HTMLElement) => Promise<CallAdapter | undefined>;
19
27
  //# sourceMappingURL=outboundCallCompositeLoader.d.ts.map
@@ -19,15 +19,17 @@ import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
19
19
  import { CallComposite, createAzureCommunicationCallAdapter } from "../../react-composites/src/index-public";
20
20
  import { initializeIcons } from '@fluentui/react';
21
21
  /**
22
- * Loader function for the OutboundCallComposite that you can use in your application.
22
+ * Loader function for the OutboundCallComposite that you can use in your application. This
23
+ * function will load the CallComposite into the provided HTML element to make outbound calls.
24
+ * The best use case for this is in a Node UI framework that is not React based.
23
25
  *
24
- * @beta
26
+ * @public
25
27
  */
26
- export const loadOutboundCallComposite = function (adapterArgs, htmlElement, props) {
28
+ export const loadOutboundCallComposite = function (loaderArgs, htmlElement) {
27
29
  return __awaiter(this, void 0, void 0, function* () {
28
30
  var _a;
29
31
  initializeIcons();
30
- const { userId, token, displayName, targetCallees, options } = adapterArgs;
32
+ const { userId, token, displayName, targetCallees, callAdapterOptions, callCompositeOptions } = loaderArgs;
31
33
  const formattedTargetCallees = typeof targetCallees[0] === 'string'
32
34
  ? targetCallees.map((callee) => {
33
35
  return fromFlatCommunicationIdentifier(callee);
@@ -38,12 +40,12 @@ export const loadOutboundCallComposite = function (adapterArgs, htmlElement, pro
38
40
  displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
39
41
  credential: new AzureCommunicationTokenCredential(token),
40
42
  targetCallees: (_a = formattedTargetCallees) !== null && _a !== void 0 ? _a : targetCallees,
41
- options
43
+ options: callAdapterOptions
42
44
  });
43
45
  if (!htmlElement) {
44
46
  throw new Error('Failed to find the root element');
45
47
  }
46
- createRoot(htmlElement).render(React.createElement(CallComposite, { options: props, adapter }, null));
48
+ createRoot(htmlElement).render(React.createElement(CallComposite, { options: callCompositeOptions, adapter }, null));
47
49
  return adapter;
48
50
  });
49
51
  };
@@ -1 +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"]}
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;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"]}
@@ -94,7 +94,7 @@ export type VideoBackgroundEffectsDependency = {
94
94
  /**
95
95
  * Dependency type to be injected for deep noise suppression
96
96
  *
97
- * @beta
97
+ * @public
98
98
  */
99
99
  export type DeepNoiseSuppressionEffectDependency = {
100
100
  deepNoiseSuppressionEffect: AudioEffectsStartConfig;