@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.
- package/dist/communication-react.d.ts +3 -25
- package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-Dk_okMwX.js → ChatMessageComponentAsRichTextEditBox-CP31U1Qi.js} +2 -2
- package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-Dk_okMwX.js.map → ChatMessageComponentAsRichTextEditBox-CP31U1Qi.js.map} +1 -1
- package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-C36s6eLH.js → RichTextSendBoxWrapper-Dx0WOAPN.js} +2 -2
- package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-C36s6eLH.js.map → RichTextSendBoxWrapper-Dx0WOAPN.js.map} +1 -1
- package/dist/dist-cjs/communication-react/{index-C548hWR1.js → index-B9QcZlYP.js} +54 -33
- package/dist/dist-cjs/communication-react/index-B9QcZlYP.js.map +1 -0
- package/dist/dist-cjs/communication-react/index.js +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
- package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.d.ts +13 -5
- package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.js +8 -6
- package/dist/dist-esm/acs-ui-javascript-loaders/src/callCompositeLoader.js.map +1 -1
- package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.d.ts +14 -5
- package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.js +10 -6
- package/dist/dist-esm/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.js.map +1 -1
- package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.d.ts +10 -5
- package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.js +8 -5
- package/dist/dist-esm/acs-ui-javascript-loaders/src/chatCompositeLoader.js.map +1 -1
- package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.d.ts +13 -5
- package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.js +8 -6
- package/dist/dist-esm/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.js.map +1 -1
- package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.d.ts +1 -1
- package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/LocalVideoTile.d.ts +1 -0
- package/dist/dist-esm/react-components/src/components/LocalVideoTile.js +5 -4
- package/dist/dist-esm/react-components/src/components/LocalVideoTile.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/MicrophoneButton.d.ts +0 -9
- package/dist/dist-esm/react-components/src/components/MicrophoneButton.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/TroubleshootingGuideErrorBar.js +3 -3
- package/dist/dist-esm/react-components/src/components/TroubleshootingGuideErrorBar.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideo.js +6 -2
- package/dist/dist-esm/react-components/src/components/VideoGallery/FloatingLocalVideo.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js +10 -3
- package/dist/dist-esm/react-components/src/components/VideoGallery/utils/videoGalleryLayoutUtils.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/VideoGallery.js +3 -3
- package/dist/dist-esm/react-components/src/components/VideoGallery.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.js +5 -2
- package/dist/dist-esm/react-components/src/components/styles/StreamMedia.styles.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js +2 -1
- package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.d.ts +0 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.d.ts +0 -5
- package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.js +3 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallControls.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.d.ts +1 -0
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.js +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Prompt.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/EndCall.js +8 -4
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/buttons/EndCall.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.d.ts +0 -4
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.d.ts +0 -3
- package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/state/CallWithChatAdapterState.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js +3 -1
- package/dist/dist-esm/react-composites/src/composites/common/ControlBar/CommonCallControlBar.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.js +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.d.ts +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.js +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json +1 -1
- package/package.json +1 -1
- package/dist/dist-cjs/communication-react/index-C548hWR1.js.map +0 -1
@@ -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-
|
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
|
-
*
|
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
|
-
|
16
|
+
callAdapterOptions?: AzureCommunicationCallAdapterOptions;
|
17
|
+
callCompositeOptions?: CallCompositeOptions;
|
12
18
|
};
|
13
19
|
/**
|
14
|
-
* Loader function for the
|
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
|
-
* @
|
24
|
+
* @public
|
17
25
|
*/
|
18
|
-
export declare const loadCallComposite: (
|
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
|
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
|
-
* @
|
26
|
+
* @public
|
25
27
|
*/
|
26
|
-
export const loadCallComposite = function (
|
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,
|
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:
|
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;
|
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
|
-
*
|
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
|
-
*
|
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: (
|
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
|
-
*
|
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 (
|
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 } =
|
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:
|
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,
|
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
|
-
* @
|
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
|
-
*
|
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: (
|
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
|
-
*
|
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 (
|
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 } =
|
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:
|
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;
|
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
|
-
*
|
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
|
-
|
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
|
-
* @
|
24
|
+
* @public
|
17
25
|
*/
|
18
|
-
export declare const loadOutboundCallComposite: (
|
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
|
-
* @
|
26
|
+
* @public
|
25
27
|
*/
|
26
|
-
export const loadOutboundCallComposite = function (
|
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,
|
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:
|
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;
|
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
|
-
* @
|
97
|
+
* @public
|
98
98
|
*/
|
99
99
|
export type DeepNoiseSuppressionEffectDependency = {
|
100
100
|
deepNoiseSuppressionEffect: AudioEffectsStartConfig;
|