@azure/communication-react 1.19.0-alpha-202408070015 → 1.19.0-beta.1

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

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

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

@@ -1,44 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import { parseReactVersion } from './utils';
-const reactVersion = React.version;
-parseReactVersion(reactVersion);
-import { createRoot } from 'react-dom/client';
-import { AzureCommunicationTokenCredential } from '@azure/communication-common';
-import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
-import { 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.
- *
- * @beta
- */
-export const loadCallComposite = function (adapterArgs, htmlElement, props) {
-    return __awaiter(this, void 0, void 0, function* () {
-        initializeIcons();
-        const { userId, token, displayName, locator, options } = adapterArgs;
-        const adapter = yield createAzureCommunicationCallAdapter({
-            userId: fromFlatCommunicationIdentifier(userId),
-            displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
-            credential: new AzureCommunicationTokenCredential(token),
-            locator,
-            options
-        });
-        if (!htmlElement) {
-            throw new Error('Failed to find the root element');
-        }
-        createRoot(htmlElement).render(React.createElement(CallComposite, Object.assign(Object.assign({}, props), { adapter }), null));
-        return adapter;
-    });
-};
-//# sourceMappingURL=callCompositeLoader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"callCompositeLoader.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/callCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EACL,aAAa,EACb,mCAAmC,EAKpC,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAC/B,WAAqC,EACrC,WAA+B,EAC/B,KAA4B;;QAE5B,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAErE,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,MAAM,EAAE,+BAA+B,CAAC,MAAM,CAAgC;YAC9E,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU,EAAE,IAAI,iCAAiC,CAAC,KAAK,CAAC;YACxD,OAAO;YACP,OAAO;SACR,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QAChG,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\n\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport {\n  CallComposite,\n  createAzureCommunicationCallAdapter,\n  AzureCommunicationCallAdapterOptions,\n  CallAdapter,\n  CallAdapterLocator,\n  CallCompositeOptions\n} from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the OutboundCallComposite that you can use in your application.\n * @beta\n */\nexport type CallCompositeLoaderProps = {\n  userId: string;\n  token: string;\n  displayName: string;\n  locator: CallAdapterLocator;\n  options?: AzureCommunicationCallAdapterOptions;\n};\n\n/**\n * Loader function for the OutboundCallComposite that you can use in your application.\n *\n * @beta\n */\nexport const loadCallComposite = async function (\n  adapterArgs: CallCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props?: CallCompositeOptions\n): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, locator, options } = adapterArgs;\n\n  const adapter = await createAzureCommunicationCallAdapter({\n    userId: fromFlatCommunicationIdentifier(userId) as CommunicationUserIdentifier,\n    displayName: displayName ?? 'anonymous',\n    credential: new AzureCommunicationTokenCredential(token),\n    locator,\n    options\n  });\n\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}

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

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

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

@@ -1,43 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import { parseReactVersion } from './utils';
-const reactVersion = React.version;
-parseReactVersion(reactVersion);
-import { createRoot } from 'react-dom/client';
-import { AzureCommunicationTokenCredential } from '@azure/communication-common';
-import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
-import { createAzureCommunicationCallWithChatAdapter, CallWithChatComposite } from "../../react-composites/src/index-public";
-import { initializeIcons } from '@fluentui/react';
-/**
- * Props for the CallWithChatComposite that you can use in your application.
- * @beta
- */
-export const loadCallWithChatComposite = function (args, htmlElement, props) {
-    return __awaiter(this, void 0, void 0, function* () {
-        initializeIcons();
-        const { userId, token, displayName, endpoint, locator } = args;
-        const adapter = yield createAzureCommunicationCallWithChatAdapter({
-            userId: fromFlatCommunicationIdentifier(userId),
-            displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
-            credential: new AzureCommunicationTokenCredential(token),
-            endpoint: endpoint,
-            locator: locator
-        });
-        if (!htmlElement) {
-            throw new Error('Failed to find the root element');
-        }
-        createRoot(htmlElement).render(React.createElement(CallWithChatComposite, Object.assign(Object.assign({}, props), { adapter }), null));
-        return adapter;
-    });
-};
-//# sourceMappingURL=callWithChatCompositeLoader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"callWithChatCompositeLoader.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/callWithChatCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAIL,2CAA2C,EAC3C,qBAAqB,EACtB,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UACvC,IAAsC,EACtC,WAA+B,EAC/B,KAAmC;;QAEnC,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAC/D,MAAM,OAAO,GAAG,MAAM,2CAA2C,CAAC;YAChE,MAAM,EAAE,+BAA+B,CAAC,MAAM,CAAgC;YAC9E,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU,EAAE,IAAI,iCAAiC,CAAC,KAAK,CAAC;YACxD,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,OAAO;SACjB,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QACxG,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\n\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport {\n  CallWithChatAdapter,\n  CallAndChatLocator,\n  CallWithChatCompositeOptions,\n  createAzureCommunicationCallWithChatAdapter,\n  CallWithChatComposite\n} from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the CallWithChatComposite that you can use in your application.\n * @beta\n */\nexport type CallWithChatCompositeLoaderProps = {\n  userId: string;\n  token: string;\n  displayName: string;\n  endpoint: string;\n  locator: CallAndChatLocator;\n};\n\n/**\n * Props for the CallWithChatComposite that you can use in your application.\n * @beta\n */\nexport const loadCallWithChatComposite = async function (\n  args: CallWithChatCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props: CallWithChatCompositeOptions\n): Promise<CallWithChatAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, endpoint, locator } = args;\n  const adapter = await createAzureCommunicationCallWithChatAdapter({\n    userId: fromFlatCommunicationIdentifier(userId) as CommunicationUserIdentifier,\n    displayName: displayName ?? 'anonymous',\n    credential: new AzureCommunicationTokenCredential(token),\n    endpoint: endpoint,\n    locator: locator\n  });\n\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallWithChatComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}

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

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

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

@@ -1,43 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import { parseReactVersion } from './utils';
-const reactVersion = React.version;
-parseReactVersion(reactVersion);
-import { createRoot } from 'react-dom/client';
-import { AzureCommunicationTokenCredential } from '@azure/communication-common';
-import { ChatComposite, createAzureCommunicationChatAdapter } from "../../react-composites/src/index-public";
-import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
-import { initializeIcons } from '@fluentui/react';
-/**
- * Loader function for the ChatComposite that you can use in your application.
- * @beta
- */
-export const loadChatComposite = function (args, htmlElement, props) {
-    return __awaiter(this, void 0, void 0, function* () {
-        initializeIcons();
-        const { userId, token, endpoint, threadId, displayName } = args;
-        const adapter = yield createAzureCommunicationChatAdapter({
-            endpoint,
-            userId: fromFlatCommunicationIdentifier(userId),
-            displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
-            credential: new AzureCommunicationTokenCredential(token),
-            threadId
-        });
-        if (!htmlElement) {
-            throw new Error('Failed to find the root element');
-        }
-        createRoot(htmlElement).render(React.createElement(ChatComposite, Object.assign(Object.assign({}, props), { adapter }), null));
-        return adapter;
-    });
-};
-//# sourceMappingURL=chatCompositeLoader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chatCompositeLoader.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/chatCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAEL,aAAa,EAEb,mCAAmC,EACpC,gDAAmC;AACpC,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAC/B,IAA8B,EAC9B,WAA+B,EAC/B,KAA2B;;QAE3B,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAChE,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,QAAQ;YACR,MAAM,EAAE,+BAA+B,CAAC,MAAM,CAAgC;YAC9E,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU,EAAE,IAAI,iCAAiC,CAAC,KAAK,CAAC;YACxD,QAAQ;SACT,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QAChG,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\n\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport {\n  ChatAdapter,\n  ChatComposite,\n  ChatCompositeOptions,\n  createAzureCommunicationChatAdapter\n} from '@internal/react-composites';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the ChatComposite that you can use in your application.\n * @beta\n */\nexport type ChatCompositeLoaderProps = {\n  userId: string;\n  token: string;\n  displayName?: string;\n  endpoint: string;\n  threadId: string;\n};\n\n/**\n * Loader function for the ChatComposite that you can use in your application.\n * @beta\n */\nexport const loadChatComposite = async function (\n  args: ChatCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props: ChatCompositeOptions\n): Promise<ChatAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, endpoint, threadId, displayName } = args;\n  const adapter = await createAzureCommunicationChatAdapter({\n    endpoint,\n    userId: fromFlatCommunicationIdentifier(userId) as CommunicationUserIdentifier,\n    displayName: displayName ?? 'anonymous',\n    credential: new AzureCommunicationTokenCredential(token),\n    threadId\n  });\n\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(ChatComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}

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

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

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

@@ -1,7 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-export { loadOutboundCallComposite } from './outboundCallCompositeLoader';
-export { loadCallComposite } from './callCompositeLoader';
-export { loadChatComposite } from './chatCompositeLoader';
-export { loadCallWithChatComposite } from './callWithChatCompositeLoader';
-//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1,50 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import { parseReactVersion } from './utils';
-const reactVersion = React.version;
-parseReactVersion(reactVersion);
-import { createRoot } from 'react-dom/client';
-import { AzureCommunicationTokenCredential } from '@azure/communication-common';
-import { fromFlatCommunicationIdentifier } from "../../acs-ui-common/src";
-import { 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.
- *
- * @beta
- */
-export const loadOutboundCallComposite = function (adapterArgs, htmlElement, props) {
-    return __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        initializeIcons();
-        const { userId, token, displayName, targetCallees, options } = adapterArgs;
-        const formattedTargetCallees = typeof targetCallees[0] === 'string'
-            ? targetCallees.map((callee) => {
-                return fromFlatCommunicationIdentifier(callee);
-            })
-            : undefined;
-        const adapter = yield createAzureCommunicationCallAdapter({
-            userId: fromFlatCommunicationIdentifier(userId),
-            displayName: displayName !== null && displayName !== void 0 ? displayName : 'anonymous',
-            credential: new AzureCommunicationTokenCredential(token),
-            targetCallees: (_a = formattedTargetCallees) !== null && _a !== void 0 ? _a : targetCallees,
-            options
-        });
-        if (!htmlElement) {
-            throw new Error('Failed to find the root element');
-        }
-        createRoot(htmlElement).render(React.createElement(CallComposite, Object.assign(Object.assign({}, props), { adapter }), null));
-        return adapter;
-    });
-};
-//# sourceMappingURL=outboundCallCompositeLoader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"outboundCallCompositeLoader.js","sourceRoot":"","sources":["../../../../../acs-ui-javascript-loaders/src/outboundCallCompositeLoader.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACnC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAA+B,MAAM,6BAA6B,CAAC;AAC7G,OAAO,EAAE,+BAA+B,EAAE,gCAAgC;AAC1E,OAAO,EACL,aAAa,EACb,mCAAmC,EAKpC,gDAAmC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UACvC,WAA6C,EAC7C,WAA+B,EAC/B,KAA4B;;;QAE5B,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAC3E,MAAM,sBAAsB,GAC1B,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ;YAClC,CAAC,CAAE,aAA0B,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;gBACjD,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;YACjD,CAAC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAC;QAEhB,MAAM,OAAO,GAAG,MAAM,mCAAmC,CAAC;YACxD,MAAM,EAAE,+BAA+B,CAAC,MAAM,CAAgC;YAC9E,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW;YACvC,UAAU,EAAE,IAAI,iCAAiC,CAAC,KAAK,CAAC;YACxD,aAAa,EAAE,MAAC,sBAAgD,mCAAK,aAAuC;YAC5G,OAAO;SACR,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QAED,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,kCAAO,KAAK,KAAE,OAAO,KAAI,IAAI,CAAC,CAAC,CAAC;QAChG,OAAO,OAAO,CAAC;IACjB,CAAC;CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { parseReactVersion } from './utils';\n\nconst reactVersion = React.version;\nparseReactVersion(reactVersion);\n\nimport { createRoot } from 'react-dom/client';\nimport { AzureCommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';\nimport { fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport {\n  CallComposite,\n  createAzureCommunicationCallAdapter,\n  CallCompositeOptions,\n  StartCallIdentifier,\n  AzureCommunicationCallAdapterOptions,\n  CallAdapter\n} from '@internal/react-composites';\nimport { initializeIcons } from '@fluentui/react';\n\n/**\n * Props for the OutboundCallComposite that you can use in your application.\n * @beta\n */\nexport type OutboundCallCompositeLoaderProps = {\n  userId: string;\n  token: string;\n  displayName: string;\n  targetCallees: string[] | StartCallIdentifier[];\n  options?: AzureCommunicationCallAdapterOptions;\n};\n\n/**\n * Loader function for the OutboundCallComposite that you can use in your application.\n *\n * @beta\n */\nexport const loadOutboundCallComposite = async function (\n  adapterArgs: OutboundCallCompositeLoaderProps,\n  htmlElement: HTMLElement | null,\n  props?: CallCompositeOptions\n): Promise<CallAdapter | undefined> {\n  initializeIcons();\n  const { userId, token, displayName, targetCallees, options } = adapterArgs;\n  const formattedTargetCallees =\n    typeof targetCallees[0] === 'string'\n      ? (targetCallees as string[]).map((callee: string) => {\n          return fromFlatCommunicationIdentifier(callee);\n        })\n      : undefined;\n\n  const adapter = await createAzureCommunicationCallAdapter({\n    userId: fromFlatCommunicationIdentifier(userId) as CommunicationUserIdentifier,\n    displayName: displayName ?? 'anonymous',\n    credential: new AzureCommunicationTokenCredential(token),\n    targetCallees: (formattedTargetCallees as StartCallIdentifier[]) ?? (targetCallees as StartCallIdentifier[]),\n    options\n  });\n\n  if (!htmlElement) {\n    throw new Error('Failed to find the root element');\n  }\n\n  createRoot(htmlElement).render(React.createElement(CallComposite, { ...props, adapter }, null));\n  return adapter;\n};\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { LayoutProps } from './Layout';
-/**
- * Props for {@link LargeGalleryLayout}.
- *
- * @private
- */
-export type LargeGalleryProps = LayoutProps;
-/**
- * VideoGallery Layout for when user is in a large meeting and wants to see more participants
- *
- * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.
- *
- * @private
- */
-export declare const LargeGalleryLayout: (props: LargeGalleryProps) => JSX.Element;
-//# sourceMappingURL=LargeGalleryLayout.d.ts.map

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js

@@ -1,111 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useMemo, useRef, useState } from 'react';
-import { isNarrowWidth } from '../utils/responsive';
-import { isShortHeight } from '../utils/responsive';
-import { OverflowGallery } from './OverflowGallery';
-import { GridLayout } from '../GridLayout';
-import { Stack } from '@fluentui/react';
-import { useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';
-import { rootLayoutStyle } from './styles/DefaultLayout.styles';
-import { videoGalleryLayoutGap } from './styles/Layout.styles';
-import { VERTICAL_GALLERY_TILE_SIZE_REM } from './styles/VideoGalleryResponsiveVerticalGallery.styles';
-const DEFAULT_CHILDREN_PER_PAGE = 5;
-const REM_TO_PIXEL = 16;
-const LARGE_GALLERY_PARTICIPANT_CAP = 48;
-/**
- * VideoGallery Layout for when user is in a large meeting and wants to see more participants
- *
- * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.
- *
- * @private
- */
-export const LargeGalleryLayout = (props) => {
-    const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, parentHeight, pinnedParticipantUserIds = [], overflowGalleryPosition = 'horizontalBottom', spotlightedParticipantUserIds = [] } = props;
-    const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
-    const isShort = parentHeight ? isShortHeight(parentHeight) : false;
-    const maxStreamsTrampoline = () => {
-        return parentWidth && parentHeight
-            ? calculateMaxTilesInLargeGrid(parentWidth, parentHeight)
-            : maxRemoteVideoStreams;
-    };
-    // This is for tracking the number of children in the first page of overflow gallery.
-    // This number will be used for the maxOverflowGalleryDominantSpeakers when organizing the remote participants.
-    // We need to add the local participant to the pinned participant count so we are placing the speakers correctly.
-    const childrenPerPage = useRef(DEFAULT_CHILDREN_PER_PAGE);
-    const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({
-        remoteParticipants,
-        localParticipant,
-        dominantSpeakers,
-        maxGridParticipants: maxStreamsTrampoline(),
-        isScreenShareActive: !!screenShareComponent,
-        maxOverflowGalleryDominantSpeakers: screenShareComponent
-            ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)
-            : childrenPerPage.current,
-        pinnedParticipantUserIds,
-        /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery',
-        spotlightedParticipantUserIds
-    });
-    let activeVideoStreams = 0;
-    let gridTiles = gridParticipants.map((p) => {
-        var _a, _b;
-        return onRenderRemoteParticipant(p, maxRemoteVideoStreams && maxRemoteVideoStreams >= 0
-            ? ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && activeVideoStreams++ < maxRemoteVideoStreams
-            : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
-    });
-    /**
-     * instantiate indexes available to render with indexes available that would be on first page
-     *
-     * For some components which do not strictly follow the order of the array, we might
-     * re-render the initial tiles -> dispose them -> create new tiles, we need to take care of
-     * this case when those components are here
-     */
-    const [indexesToRender, setIndexesToRender] = useState([]);
-    let overflowGalleryTiles = overflowGalleryParticipants.map((p, i) => {
-        var _a, _b;
-        return onRenderRemoteParticipant(p, maxRemoteVideoStreams && maxRemoteVideoStreams >= 0
-            ? ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && indexesToRender.includes(i) && activeVideoStreams++ < maxRemoteVideoStreams
-            : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
-    });
-    if (localVideoComponent) {
-        if (screenShareComponent || spotlightedParticipantUserIds.length > 0) {
-            overflowGalleryTiles = [localVideoComponent].concat(overflowGalleryTiles);
-        }
-        else {
-            gridTiles = [localVideoComponent].concat(gridTiles);
-        }
-    }
-    const overflowGallery = useMemo(() => {
-        if (overflowGalleryTiles.length === 0) {
-            return null;
-        }
-        return (React.createElement(OverflowGallery, { isNarrow: isNarrow, isShort: isShort, shouldFloatLocalVideo: false, overflowGalleryElements: overflowGalleryTiles, horizontalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.horizontalGallery, verticalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.verticalGallery, overflowGalleryPosition: overflowGalleryPosition, onFetchTilesToRender: setIndexesToRender, onChildrenPerPageChange: (n) => {
-                childrenPerPage.current = n;
-            }, parentWidth: parentWidth }));
-    }, [
-        isNarrow,
-        isShort,
-        overflowGalleryTiles,
-        styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
-        overflowGalleryPosition,
-        setIndexesToRender,
-        styles === null || styles === void 0 ? void 0 : styles.verticalGallery,
-        parentWidth
-    ]);
-    return (React.createElement(Stack, { horizontal: overflowGalleryPosition === 'verticalRight', styles: rootLayoutStyle, tokens: videoGalleryLayoutGap },
-        props.overflowGalleryPosition === 'horizontalTop' ? overflowGallery : React.createElement(React.Fragment, null),
-        screenShareComponent ? (screenShareComponent) : (React.createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
-        overflowGalleryTrampoline(overflowGallery, props.overflowGalleryPosition)));
-};
-const overflowGalleryTrampoline = (gallery, galleryPosition) => {
-    return galleryPosition !== 'horizontalTop' ? gallery : React.createElement(React.Fragment, null);
-    return gallery;
-};
-const calculateMaxTilesInLargeGrid = (parentWidth, parentHeight) => {
-    const xAxisTiles = Math.floor(parentWidth / (VERTICAL_GALLERY_TILE_SIZE_REM.width * REM_TO_PIXEL));
-    const yAxisTiles = Math.floor(parentHeight / (VERTICAL_GALLERY_TILE_SIZE_REM.minHeight * REM_TO_PIXEL));
-    return xAxisTiles * yAxisTiles < LARGE_GALLERY_PARTICIPANT_CAP
-        ? xAxisTiles * yAxisTiles
-        : LARGE_GALLERY_PARTICIPANT_CAP;
-};
-//# sourceMappingURL=LargeGalleryLayout.js.map

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LargeGalleryLayout.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/VideoGallery/LargeGalleryLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo, useRef, useState } from 'react';\nimport { isNarrowWidth } from '../utils/responsive';\nimport { isShortHeight } from '../utils/responsive';\nimport { LayoutProps } from './Layout';\nimport { OverflowGallery } from './OverflowGallery';\nimport { GridLayout } from '../GridLayout';\nimport { Stack } from '@fluentui/react';\nimport { useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';\nimport { rootLayoutStyle } from './styles/DefaultLayout.styles';\nimport { videoGalleryLayoutGap } from './styles/Layout.styles';\nimport { VERTICAL_GALLERY_TILE_SIZE_REM } from './styles/VideoGalleryResponsiveVerticalGallery.styles';\n\n/**\n * Props for {@link LargeGalleryLayout}.\n *\n * @private\n */\nexport type LargeGalleryProps = LayoutProps;\n\nconst DEFAULT_CHILDREN_PER_PAGE = 5;\nconst REM_TO_PIXEL = 16;\nconst LARGE_GALLERY_PARTICIPANT_CAP = 48;\n/**\n * VideoGallery Layout for when user is in a large meeting and wants to see more participants\n *\n * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.\n *\n * @private\n */\nexport const LargeGalleryLayout = (props: LargeGalleryProps): JSX.Element => {\n  const {\n    remoteParticipants = [],\n    localParticipant,\n    dominantSpeakers,\n    localVideoComponent,\n    screenShareComponent,\n    onRenderRemoteParticipant,\n    styles,\n    maxRemoteVideoStreams,\n    parentWidth,\n    parentHeight,\n    pinnedParticipantUserIds = [],\n    overflowGalleryPosition = 'horizontalBottom',\n    spotlightedParticipantUserIds = []\n  } = props;\n\n  const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;\n  const isShort = parentHeight ? isShortHeight(parentHeight) : false;\n\n  const maxStreamsTrampoline = (): number => {\n    return parentWidth && parentHeight\n      ? calculateMaxTilesInLargeGrid(parentWidth, parentHeight)\n      : maxRemoteVideoStreams;\n  };\n\n  // This is for tracking the number of children in the first page of overflow gallery.\n  // This number will be used for the maxOverflowGalleryDominantSpeakers when organizing the remote participants.\n  // We need to add the local participant to the pinned participant count so we are placing the speakers correctly.\n  const childrenPerPage = useRef(DEFAULT_CHILDREN_PER_PAGE);\n  const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({\n    remoteParticipants,\n    localParticipant,\n    dominantSpeakers,\n    maxGridParticipants: maxStreamsTrampoline(),\n    isScreenShareActive: !!screenShareComponent,\n    maxOverflowGalleryDominantSpeakers: screenShareComponent\n      ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)\n      : childrenPerPage.current,\n    pinnedParticipantUserIds,\n    /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery',\n    spotlightedParticipantUserIds\n  });\n  let activeVideoStreams = 0;\n\n  let gridTiles = gridParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      maxRemoteVideoStreams && maxRemoteVideoStreams >= 0\n        ? p.videoStream?.isAvailable && activeVideoStreams++ < maxRemoteVideoStreams\n        : p.videoStream?.isAvailable\n    );\n  });\n\n  /**\n   * instantiate indexes available to render with indexes available that would be on first page\n   *\n   * For some components which do not strictly follow the order of the array, we might\n   * re-render the initial tiles -> dispose them -> create new tiles, we need to take care of\n   * this case when those components are here\n   */\n  const [indexesToRender, setIndexesToRender] = useState<number[]>([]);\n\n  let overflowGalleryTiles = overflowGalleryParticipants.map((p, i) => {\n    return onRenderRemoteParticipant(\n      p,\n      maxRemoteVideoStreams && maxRemoteVideoStreams >= 0\n        ? p.videoStream?.isAvailable && indexesToRender.includes(i) && activeVideoStreams++ < maxRemoteVideoStreams\n        : p.videoStream?.isAvailable\n    );\n  });\n\n  if (localVideoComponent) {\n    if (screenShareComponent || spotlightedParticipantUserIds.length > 0) {\n      overflowGalleryTiles = [localVideoComponent].concat(overflowGalleryTiles);\n    } else {\n      gridTiles = [localVideoComponent].concat(gridTiles);\n    }\n  }\n\n  const overflowGallery = useMemo(() => {\n    if (overflowGalleryTiles.length === 0) {\n      return null;\n    }\n    return (\n      <OverflowGallery\n        isNarrow={isNarrow}\n        isShort={isShort}\n        shouldFloatLocalVideo={false}\n        overflowGalleryElements={overflowGalleryTiles}\n        horizontalGalleryStyles={styles?.horizontalGallery}\n        verticalGalleryStyles={styles?.verticalGallery}\n        overflowGalleryPosition={overflowGalleryPosition}\n        onFetchTilesToRender={setIndexesToRender}\n        onChildrenPerPageChange={(n: number) => {\n          childrenPerPage.current = n;\n        }}\n        parentWidth={parentWidth}\n      />\n    );\n  }, [\n    isNarrow,\n    isShort,\n    overflowGalleryTiles,\n    styles?.horizontalGallery,\n    overflowGalleryPosition,\n    setIndexesToRender,\n    styles?.verticalGallery,\n    parentWidth\n  ]);\n\n  return (\n    <Stack\n      horizontal={overflowGalleryPosition === 'verticalRight'}\n      styles={rootLayoutStyle}\n      tokens={videoGalleryLayoutGap}\n    >\n      {props.overflowGalleryPosition === 'horizontalTop' ? overflowGallery : <></>}\n      {screenShareComponent ? (\n        screenShareComponent\n      ) : (\n        <GridLayout key=\"grid-layout\" styles={styles?.gridLayout}>\n          {gridTiles}\n        </GridLayout>\n      )}\n      {overflowGalleryTrampoline(overflowGallery, props.overflowGalleryPosition)}\n    </Stack>\n  );\n};\n\nconst overflowGalleryTrampoline = (\n  gallery: JSX.Element | null,\n  galleryPosition?: 'horizontalBottom' | 'verticalRight' | 'horizontalTop'\n): JSX.Element | null => {\n  return galleryPosition !== 'horizontalTop' ? gallery : <></>;\n  return gallery;\n};\n\nconst calculateMaxTilesInLargeGrid = (parentWidth: number, parentHeight: number): number => {\n  const xAxisTiles = Math.floor(parentWidth / (VERTICAL_GALLERY_TILE_SIZE_REM.width * REM_TO_PIXEL));\n  const yAxisTiles = Math.floor(parentHeight / (VERTICAL_GALLERY_TILE_SIZE_REM.minHeight * REM_TO_PIXEL));\n  return xAxisTiles * yAxisTiles < LARGE_GALLERY_PARTICIPANT_CAP\n    ? xAxisTiles * yAxisTiles\n    : LARGE_GALLERY_PARTICIPANT_CAP;\n};\n"]}