@azure/communication-react 1.23.0-alpha-202501160016 → 1.23.0

package/dist/dist-esm/react-components/src/components/utils/RichTextEditorUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditorUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/RichTextEditorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { BorderFormat, DatasetFormat, ModelToDomContext } from 'roosterjs-content-model-types';\n\n/**\n * Plugin event type for RoosterJS plugins\n * @private\n */\nexport enum PluginEventType {\n  EditorReady = 'editorReady',\n  BeforeDispose = 'beforeDispose',\n  ContentChanged = 'contentChanged',\n  BeforeSetContent = 'beforeSetContent',\n  Input = 'input',\n  KeyDown = 'keyDown',\n  BeforeCutCopy = 'beforeCutCopy',\n  BeforePaste = 'beforePaste',\n  ZoomChanged = 'zoomChanged',\n  MouseUp = 'mouseUp',\n  CompositionEnd = 'compositionEnd'\n}\n\n/**\n * ContentChanged event source for RoosterJS\n * @private\n */\nexport enum ContentChangedEventSource {\n  Paste = 'Paste'\n}\n\n/**\n * Applies the border format to the specified element.\n * If the element is an HTMLTableCellElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, the default format applier is used.\n */\nexport const borderApplier = (format: BorderFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableCellElement) {\n    // don't set format for table cell\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.border) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.border(format, element, context);\n  }\n};\n\n/**\n * Applies the dataset format to the given HTML element.\n * If the element is an HTMLTableElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, it applies the default formats.\n */\nexport const dataSetApplier = (format: DatasetFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableElement) {\n    // don't set editing info for tables\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.dataset) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.dataset(format, element, context);\n  }\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getPreviousInlineImages = (content?: string): Record<string, string>[] => {\n  if (!content) {\n    return [];\n  }\n  const previousInlineImages: Record<string, string>[] = [];\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  document.querySelectorAll('img').forEach((img) => {\n    const imageAttributes = getInlineImageAttributes(img);\n    previousInlineImages.push(imageAttributes);\n  });\n  return previousInlineImages;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getRemovedInlineImages = (\n  content: string,\n  previousInlineImages: Record<string, string>[]\n): Record<string, string>[] => {\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  const currentContentIds = Array.from(document.querySelectorAll('img')).map((img) => img.id);\n  previousInlineImages = previousInlineImages?.filter((img) => !!img.id && !currentContentIds?.includes(img.id));\n\n  const removedInlineImages = [...previousInlineImages];\n  return removedInlineImages;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getInsertedInlineImages = (\n  content: string,\n  previousInlineImages: NodeListOf<HTMLImageElement>\n): HTMLImageElement[] => {\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  const currentContentInlineImages = Array.from(document.querySelectorAll('img'));\n  const previousContentIds = Array.from(previousInlineImages).map((img) => img.id);\n  // if check is updated, also update getRemovedInlineImages\n  const insertedInlineImages = currentContentInlineImages.filter((img) => !previousContentIds.includes(img.id));\n  return insertedInlineImages;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getInlineImageAttributes = (image: HTMLImageElement): Record<string, string> => {\n  const imageAttributes: Record<string, string> = {};\n  image.getAttributeNames().forEach((attrName) => {\n    const attrValue = image.getAttribute(attrName);\n    if (attrValue) {\n      imageAttributes[attrName] = attrValue;\n    }\n  });\n  return imageAttributes;\n};\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @internal\n */\n/**\n * Update the scroll position of the editor to ensure the content is visible.\n */\nexport const scrollToBottomRichTextEditor = (): void => {\n  // Get the current selection in the document\n  const selection = document.getSelection();\n\n  // Check if a selection exists and it has at least one range\n  if (!selection || selection.rangeCount <= 0) {\n    // If no selection or range, exit the function\n    return;\n  }\n\n  // Get the first range of the selection\n  // A user can normally only select one range at a time, so the rangeCount will usually be 1\n  const range = selection.getRangeAt(0);\n\n  // If the common ancestor container of the range is the document itself,\n  // it might mean that the editable element is getting removed from the DOM\n  // In such cases, especially in Safari, trying to modify the range might throw a HierarchyRequest error\n  if (range.commonAncestorContainer === document) {\n    return;\n  }\n\n  // Create a temporary span element to use as an anchor for scrolling\n  // We can't use the anchor node directly because if it's a Text node, calling scrollIntoView() on it will throw an error\n  const tempElement = document.createElement('span');\n  // Collapse the range to its end point\n  // This means the start and end points of the range will be the same, and it will not contain any content\n  range.collapse(false);\n  // Insert the temporary element at the cursor's position at the end of the range\n  range.insertNode(tempElement);\n  // Scroll the temporary element into view\n  // the element will be aligned at the center of the scroll container, otherwise, text and images may be positioned incorrectly\n  tempElement.scrollIntoView({\n    block: 'center'\n  });\n  tempElement.remove();\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * Revoke the blob urls in the removedInlineImages and remove them from the currentLocalBlobMap\n * @internal\n */\nexport const removeLocalBlobs = (\n  currentLocalBlobMap: Record<string, string>,\n  removedInlineImages: Record<string, string>[]\n): void => {\n  removedInlineImages.forEach((image) => {\n    if (!image.id) {\n      return;\n    }\n    removeSingleLocalBlob(currentLocalBlobMap, image.id);\n  });\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * Revoke all the blob urls in the currentLocalBlobMap and clean up the currentLocalBlobMap\n * @internal\n */\nexport const cleanAllLocalBlobs = (currentLocalBlobMap: Record<string, string>): void => {\n  Object.keys(currentLocalBlobMap).forEach((imageId) => {\n    removeSingleLocalBlob(currentLocalBlobMap, imageId);\n  });\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nconst removeSingleLocalBlob = (currentLocalBlobMap: Record<string, string>, imageId: string): void => {\n  const blobUrl = currentLocalBlobMap[imageId];\n  if (blobUrl) {\n    URL.revokeObjectURL(blobUrl);\n    delete currentLocalBlobMap[imageId];\n  }\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.d.ts

@@ -1,33 +0,0 @@
-import { RichTextStrings } from '../RichTextEditor/RichTextSendBox';
-import { IEditor } from 'roosterjs-content-model-types';
-import { IContextualMenuItem } from '@fluentui/react';
-/**
- * @private
- *
- * String to be replaces by actual values of row and column.
- */
-export declare const ColumnRowReplaceString = "{column} x {row}";
-/**
- * @private
- *
- * Function to create key pair for the selected table size.
- */
-export declare function createKey(row: number, column: number): string;
-/**
- * @private
- *
- * Function to parse key to the selected table size valules.
- */
-export declare function parseKey(key: string): {
-    row: number;
-    column: number;
-};
-/**
- * Returns an array of context menu items for editing a rich text table.
- *
- * @param editor - The editor instance.
- * @param strings - An object containing localized strings for the context menu items.
- * @returns An array of context menu items.
- */
-export declare const getTableEditContextMenuItems: (editor: IEditor, strings: Partial<RichTextStrings>) => IContextualMenuItem[];
-//# sourceMappingURL=RichTextTableUtils.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.js

@@ -1,127 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { editTable } from 'roosterjs-content-model-api';
-import { tableContextMenuIconStyles } from '../styles/RichTextEditor.styles';
-/**
- * @private
- *
- * String to be replaces by actual values of row and column.
- */
-export const ColumnRowReplaceString = '{column} x {row}';
-/**
- * @private
- *
- * Function to create key pair for the selected table size.
- */
-export function createKey(row, column) {
-    return `${row},${column}`;
-}
-/**
- * @private
- *
- * Function to parse key to the selected table size valules.
- */
-export function parseKey(key) {
-    const [row, column] = key.split(',');
-    if (row === undefined || column === undefined) {
-        throw new Error('Invalid key format');
-    }
-    return {
-        row: parseInt(row),
-        column: parseInt(column)
-    };
-}
-/**
- * Returns an array of context menu items for editing a rich text table.
- *
- * @param editor - The editor instance.
- * @param strings - An object containing localized strings for the context menu items.
- * @returns An array of context menu items.
- */
-export const getTableEditContextMenuItems = (editor, strings) => {
-    return [
-        {
-            key: 'RichTextTableEditMenuTableInsert',
-            text: strings.richTextInsertRowOrColumnMenu,
-            ariaLabel: strings.richTextInsertRowOrColumnMenu,
-            iconProps: {
-                iconName: 'RichTextTableInsertMenuIcon',
-                styles: { root: tableContextMenuIconStyles }
-            },
-            subMenuProps: {
-                items: [
-                    {
-                        key: 'RichTextTableEditMenuTableInsertRowAbove',
-                        text: strings.richTextInsertRowAboveMenu,
-                        ariaLabel: strings.richTextInsertRowAboveMenu,
-                        onClick: () => {
-                            editTable(editor, 'insertAbove');
-                        }
-                    },
-                    {
-                        key: 'RichTextTableEditMenuTableInsertRowBelow',
-                        text: strings.richTextInsertRowBelowMenu,
-                        ariaLabel: strings.richTextInsertRowBelowMenu,
-                        onClick: () => {
-                            editTable(editor, 'insertBelow');
-                        }
-                    },
-                    {
-                        key: 'RichTextTableEditMenuTableInsertColumnLeft',
-                        text: strings.richTextInsertColumnLeftMenu,
-                        ariaLabel: strings.richTextInsertColumnLeftMenu,
-                        onClick: () => {
-                            editTable(editor, 'insertLeft');
-                        }
-                    },
-                    {
-                        key: 'RichTextTableEditMenuTableInsertColumnRight',
-                        text: strings.richTextInsertColumnRightMenu,
-                        ariaLabel: strings.richTextInsertColumnRightMenu,
-                        onClick: () => {
-                            editTable(editor, 'insertRight');
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            key: 'RichTextTableEditMenuTableDelete',
-            text: strings.richTextDeleteRowOrColumnMenu,
-            ariaLabel: strings.richTextDeleteRowOrColumnMenu,
-            iconProps: {
-                iconName: 'RichTextTableDeleteMenuIcon',
-                styles: { root: tableContextMenuIconStyles }
-            },
-            subMenuProps: {
-                items: [
-                    {
-                        key: 'RichTextTableEditMenuTableDeleteRow',
-                        text: strings.richTextDeleteRowMenu,
-                        ariaLabel: strings.richTextDeleteRowMenu,
-                        onClick: () => {
-                            editTable(editor, 'deleteRow');
-                        }
-                    },
-                    {
-                        key: 'RichTextTableEditMenuTableDeleteColumn',
-                        text: strings.richTextDeleteColumnMenu,
-                        ariaLabel: strings.richTextDeleteColumnMenu,
-                        onClick: () => {
-                            editTable(editor, 'deleteColumn');
-                        }
-                    },
-                    {
-                        key: 'RichTextTableEditMenuTableDeleteTable',
-                        text: strings.richTextDeleteTableMenu,
-                        ariaLabel: strings.richTextDeleteTableMenu,
-                        onClick: () => {
-                            editTable(editor, 'deleteTable');
-                        }
-                    }
-                ]
-            }
-        }
-    ];
-};
-//# sourceMappingURL=RichTextTableUtils.js.map

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextTableUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/RichTextTableUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { editTable } from 'roosterjs-content-model-api';\nimport { tableContextMenuIconStyles } from '../styles/RichTextEditor.styles';\nimport { RichTextStrings } from '../RichTextEditor/RichTextSendBox';\nimport { IEditor } from 'roosterjs-content-model-types';\nimport { IContextualMenuItem } from '@fluentui/react';\n\n/**\n * @private\n *\n * String to be replaces by actual values of row and column.\n */\nexport const ColumnRowReplaceString = '{column} x {row}';\n\n/**\n * @private\n *\n * Function to create key pair for the selected table size.\n */\nexport function createKey(row: number, column: number): string {\n  return `${row},${column}`;\n}\n\n/**\n * @private\n *\n * Function to parse key to the selected table size valules.\n */\nexport function parseKey(key: string): { row: number; column: number } {\n  const [row, column] = key.split(',');\n\n  if (row === undefined || column === undefined) {\n    throw new Error('Invalid key format');\n  }\n\n  return {\n    row: parseInt(row),\n    column: parseInt(column)\n  };\n}\n\n/**\n * Returns an array of context menu items for editing a rich text table.\n *\n * @param editor - The editor instance.\n * @param strings - An object containing localized strings for the context menu items.\n * @returns An array of context menu items.\n */\nexport const getTableEditContextMenuItems = (\n  editor: IEditor,\n  strings: Partial<RichTextStrings>\n): IContextualMenuItem[] => {\n  return [\n    {\n      key: 'RichTextTableEditMenuTableInsert',\n      text: strings.richTextInsertRowOrColumnMenu,\n      ariaLabel: strings.richTextInsertRowOrColumnMenu,\n      iconProps: {\n        iconName: 'RichTextTableInsertMenuIcon',\n        styles: { root: tableContextMenuIconStyles }\n      },\n      subMenuProps: {\n        items: [\n          {\n            key: 'RichTextTableEditMenuTableInsertRowAbove',\n            text: strings.richTextInsertRowAboveMenu,\n            ariaLabel: strings.richTextInsertRowAboveMenu,\n            onClick: () => {\n              editTable(editor, 'insertAbove');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertRowBelow',\n            text: strings.richTextInsertRowBelowMenu,\n            ariaLabel: strings.richTextInsertRowBelowMenu,\n            onClick: () => {\n              editTable(editor, 'insertBelow');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertColumnLeft',\n            text: strings.richTextInsertColumnLeftMenu,\n            ariaLabel: strings.richTextInsertColumnLeftMenu,\n            onClick: () => {\n              editTable(editor, 'insertLeft');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertColumnRight',\n            text: strings.richTextInsertColumnRightMenu,\n            ariaLabel: strings.richTextInsertColumnRightMenu,\n            onClick: () => {\n              editTable(editor, 'insertRight');\n            }\n          }\n        ]\n      }\n    },\n    {\n      key: 'RichTextTableEditMenuTableDelete',\n      text: strings.richTextDeleteRowOrColumnMenu,\n      ariaLabel: strings.richTextDeleteRowOrColumnMenu,\n      iconProps: {\n        iconName: 'RichTextTableDeleteMenuIcon',\n        styles: { root: tableContextMenuIconStyles }\n      },\n      subMenuProps: {\n        items: [\n          {\n            key: 'RichTextTableEditMenuTableDeleteRow',\n            text: strings.richTextDeleteRowMenu,\n            ariaLabel: strings.richTextDeleteRowMenu,\n            onClick: () => {\n              editTable(editor, 'deleteRow');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableDeleteColumn',\n            text: strings.richTextDeleteColumnMenu,\n            ariaLabel: strings.richTextDeleteColumnMenu,\n            onClick: () => {\n              editTable(editor, 'deleteColumn');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableDeleteTable',\n            text: strings.richTextDeleteTableMenu,\n            ariaLabel: strings.richTextDeleteTableMenu,\n            onClick: () => {\n              editTable(editor, 'deleteTable');\n            }\n          }\n        ]\n      }\n    }\n  ];\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/merge.d.ts

@@ -1,7 +0,0 @@
-/**
- * Shallow merge two objects and return a memoized result.
- *
- * @private
- */
-export declare function useShallowMerge<T extends Record<string, unknown>>(target: T | undefined, source: T | undefined): T | undefined;
-//# sourceMappingURL=merge.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/merge.js

@@ -1,16 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { useMemo } from 'react';
-/**
- * Shallow merge two objects and return a memoized result.
- *
- * @private
- */
-export function useShallowMerge(target, source) {
-    const memoizedMerge = useMemo(() => (Object.assign(Object.assign({}, (target || {})), (source || {}))), [target, source]);
-    if (!target && !source) {
-        return undefined;
-    }
-    return memoizedMerge;
-}
-//# sourceMappingURL=merge.js.map

package/dist/dist-esm/react-components/src/components/utils/merge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/merge.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,MAAqB,EACrB,MAAqB;IAErB,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,iCACK,CAAC,MAAM,IAAI,EAAE,CAAC,GACd,CAAC,MAAM,IAAI,EAAE,CAAC,EACZ,EACT,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAC;IAEF,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useMemo } from 'react';\n\n/**\n * Shallow merge two objects and return a memoized result.\n *\n * @private\n */\nexport function useShallowMerge<T extends Record<string, unknown>>(\n  target: T | undefined,\n  source: T | undefined\n): T | undefined {\n  const memoizedMerge = useMemo(\n    () =>\n      ({\n        ...(target || {}),\n        ...(source || {})\n      }) as T,\n    [target, source]\n  );\n\n  if (!target && !source) {\n    return undefined;\n  }\n\n  return memoizedMerge;\n}\n"]}

package/dist/dist-esm/react-components/src/components/utils/sortCaptionsAndRealTimeTexts.d.ts

@@ -1,8 +0,0 @@
-import { CaptionsInformation, RealTimeTextInformation } from '../CaptionsBanner';
-/**
- * Sorts the captions and real time texts based on their timestamp.
- *
- * @private
- */
-export declare function sortCaptionsAndRealTimeTexts(captions: CaptionsInformation[], realTimeTexts: RealTimeTextInformation[]): (CaptionsInformation | RealTimeTextInformation)[];
-//# sourceMappingURL=sortCaptionsAndRealTimeTexts.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/sortCaptionsAndRealTimeTexts.js

@@ -1,25 +0,0 @@
-/* @conditional-compile-remove(rtt) */
-/**
- * Sorts the captions and real time texts based on their timestamp.
- *
- * @private
- */
-export function sortCaptionsAndRealTimeTexts(captions, realTimeTexts) {
-    const combinedList = [
-        ...(Array.isArray(captions) ? captions.map((caption) => (Object.assign({}, caption))) : []),
-        ...(realTimeTexts ? realTimeTexts.map((realTimeText) => (Object.assign({}, realTimeText))) : [])
-    ];
-    // Sort the combined list by comparing caption's timestamp with realTimeText's updatedTimestamp
-    combinedList.sort((a, b) => {
-        var _a, _b;
-        const timestampA = 'captionText' in a
-            ? new Date((_a = a.createdTimeStamp) !== null && _a !== void 0 ? _a : 0).getTime()
-            : new Date(a.finalizedTimeStamp).getTime();
-        const timestampB = 'captionText' in b
-            ? new Date((_b = b.createdTimeStamp) !== null && _b !== void 0 ? _b : 0).getTime()
-            : new Date(b.finalizedTimeStamp).getTime();
-        return timestampA - timestampB;
-    });
-    return combinedList;
-}
-//# sourceMappingURL=sortCaptionsAndRealTimeTexts.js.map

package/dist/dist-esm/react-components/src/components/utils/sortCaptionsAndRealTimeTexts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sortCaptionsAndRealTimeTexts.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/sortCaptionsAndRealTimeTexts.tsx"],"names":[],"mappings":"AAIA,sCAAsC;AACtC;;;;GAIG;AACH,MAAM,UAAU,4BAA4B,CAC1C,QAA+B,EAC/B,aAAwC;IAExC,MAAM,YAAY,GAAG;QACnB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,mBAAM,OAAO,EAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/E,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,mBAAM,YAAY,EAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KACrF,CAAC;IAEF,+FAA+F;IAC/F,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;QACzB,MAAM,UAAU,GACd,aAAa,IAAI,CAAC;YAChB,CAAC,CAAC,IAAI,IAAI,CAAC,MAAC,CAAyB,CAAC,gBAAgB,mCAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YACtE,CAAC,CAAC,IAAI,IAAI,CAAE,CAA6B,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE,CAAC;QAC5E,MAAM,UAAU,GACd,aAAa,IAAI,CAAC;YAChB,CAAC,CAAC,IAAI,IAAI,CAAC,MAAC,CAAyB,CAAC,gBAAgB,mCAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YACtE,CAAC,CAAC,IAAI,IAAI,CAAE,CAA6B,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE,CAAC;QAC5E,OAAO,UAAU,GAAG,UAAU,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACtB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n/* @conditional-compile-remove(rtt) */\nimport { CaptionsInformation, RealTimeTextInformation } from '../CaptionsBanner';\n/* @conditional-compile-remove(rtt) */\n/**\n * Sorts the captions and real time texts based on their timestamp.\n *\n * @private\n */\nexport function sortCaptionsAndRealTimeTexts(\n  captions: CaptionsInformation[],\n  realTimeTexts: RealTimeTextInformation[]\n): (CaptionsInformation | RealTimeTextInformation)[] {\n  const combinedList = [\n    ...(Array.isArray(captions) ? captions.map((caption) => ({ ...caption })) : []),\n    ...(realTimeTexts ? realTimeTexts.map((realTimeText) => ({ ...realTimeText })) : [])\n  ];\n\n  // Sort the combined list by comparing caption's timestamp with realTimeText's updatedTimestamp\n  combinedList.sort((a, b) => {\n    const timestampA =\n      'captionText' in a\n        ? new Date((a as CaptionsInformation).createdTimeStamp ?? 0).getTime()\n        : new Date((a as RealTimeTextInformation).finalizedTimeStamp).getTime();\n    const timestampB =\n      'captionText' in b\n        ? new Date((b as CaptionsInformation).createdTimeStamp ?? 0).getTime()\n        : new Date((b as RealTimeTextInformation).finalizedTimeStamp).getTime();\n    return timestampA - timestampB;\n  });\n\n  return combinedList;\n}\n"]}

package/dist/dist-esm/react-components/src/theming/icons.styles.d.ts

@@ -1,6 +0,0 @@
-import { IStackStyles, IStyle, Theme } from '@fluentui/react';
-/** @private */
-export declare const scaledIconStyles: (theme: Theme) => IStyle;
-/** @private */
-export declare const sitePermissionIconBackgroundStyle: (theme: Theme) => IStackStyles;
-//# sourceMappingURL=icons.styles.d.ts.map

package/dist/dist-esm/react-components/src/theming/icons.styles.js

@@ -1,25 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/** @private */
-export const scaledIconStyles = (theme) => {
-    return {
-        transform: 'scale(2)',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        lineHeight: '0.2rem',
-        color: theme.palette.themePrimary,
-        zIndex: 1
-    };
-};
-/** @private */
-export const sitePermissionIconBackgroundStyle = (theme) => {
-    return {
-        root: {
-            borderRadius: '100%',
-            background: theme.palette.themeLighterAlt,
-            padding: '2rem'
-        }
-    };
-};
-//# sourceMappingURL=icons.styles.js.map

package/dist/dist-esm/react-components/src/theming/icons.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.styles.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,eAAe;AACf,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAU,EAAE;IACvD,OAAO;QACL,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;QACjC,MAAM,EAAE,CAAC;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,KAAY,EAAgB,EAAE;IAC9E,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;YACzC,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, IStyle, Theme } from '@fluentui/react';\n\n/** @private */\nexport const scaledIconStyles = (theme: Theme): IStyle => {\n  return {\n    transform: 'scale(2)',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    lineHeight: '0.2rem',\n    color: theme.palette.themePrimary,\n    zIndex: 1\n  };\n};\n\n/** @private */\nexport const sitePermissionIconBackgroundStyle = (theme: Theme): IStackStyles => {\n  return {\n    root: {\n      borderRadius: '100%',\n      background: theme.palette.themeLighterAlt,\n      padding: '2rem'\n    }\n  };\n};\n"]}

package/dist/dist-esm/react-components/src/types/TogetherModeTypes.d.ts

@@ -1,38 +0,0 @@
-import { CreateVideoStreamViewResult, VideoGalleryStream, VideoStreamOptions } from './VideoGalleryParticipant';
-/**
- * Interface representing the result of a Together Mode stream view.
- * @beta
- */
-export interface TogetherModeStreamOptions extends VideoStreamOptions {
-    viewKind?: 'main' | 'panoramic';
-}
-/**
- * Interface representing the result of a Together Mode stream view.
- * @beta
- */
-export interface TogetherModeStreamViewResult {
-    mainVideoView?: CreateVideoStreamViewResult;
-}
-/**
- * Interface representing the streams in Together Mode.
- * @beta
- */
-export interface VideoGalleryTogetherModeStreams {
-    mainVideoStream?: VideoGalleryStream;
-}
-/**
- * Interface representing the seating information in Together Mode.
- * @beta
- */
-export interface VideoGalleryTogetherModeSeatingInfo {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-}
-/**
- * Interface representing the position of a participant in Together Mode.
- * @beta
- */
-export type VideoGalleryTogetherModeParticipantPosition = Record<string, VideoGalleryTogetherModeSeatingInfo>;
-//# sourceMappingURL=TogetherModeTypes.d.ts.map

package/dist/dist-esm/react-components/src/types/TogetherModeTypes.js

@@ -1,4 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-export {};
-//# sourceMappingURL=TogetherModeTypes.js.map

package/dist/dist-esm/react-components/src/types/TogetherModeTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TogetherModeTypes.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/TogetherModeTypes.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(together-mode) */\nimport { CreateVideoStreamViewResult, VideoGalleryStream, VideoStreamOptions } from './VideoGalleryParticipant';\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the result of a Together Mode stream view.\n * @beta\n */\nexport interface TogetherModeStreamOptions extends VideoStreamOptions {\n  viewKind?: 'main' | 'panoramic';\n}\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the result of a Together Mode stream view.\n * @beta\n */\nexport interface TogetherModeStreamViewResult {\n  mainVideoView?: CreateVideoStreamViewResult;\n}\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the streams in Together Mode.\n * @beta\n */\nexport interface VideoGalleryTogetherModeStreams {\n  mainVideoStream?: VideoGalleryStream;\n}\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the seating information in Together Mode.\n * @beta\n */\nexport interface VideoGalleryTogetherModeSeatingInfo {\n  /* The top left offset from the top of the together mode view.*/\n  top: number;\n  /* The left offset position from the left of the together mode view. */\n  left: number;\n  /*  The width of the seating area */\n  width: number;\n  /* The height of the seating area. */\n  height: number;\n}\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * Interface representing the position of a participant in Together Mode.\n * @beta\n */\nexport type VideoGalleryTogetherModeParticipantPosition = Record<string, VideoGalleryTogetherModeSeatingInfo>;\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Banner.d.ts

@@ -1,47 +0,0 @@
-/// <reference types="react" />
-import { IIconProps } from '@fluentui/react';
-/**
- * Props for {@link Banner}.
- *
- * @private
- */
-export interface BannerProps {
-    /**
-     * Banner strings.
-     */
-    strings?: BannerStrings;
-    /**
-     * Banner icon.
-     */
-    iconProps?: IIconProps;
-    /**
-     * Callback called when the button inside banner is clicked.
-     */
-    onClickButton?: () => void;
-    /**
-     * If true, the primary button will be styled as a primary button. Default is false.
-     */
-    primaryButton?: boolean;
-}
-/**
- * All strings that may be shown on the UI in the {@link Banner}.
- *
- * @private
- */
-export interface BannerStrings {
-    /**
-     * Banner title.
-     */
-    title: string;
-    /**
-     * Banner primary button label.
-     */
-    primaryButtonLabel: string;
-}
-/**
- * A component to show a banner in the UI.
- *
- * @private
- */
-export declare const Banner: (props: BannerProps) => JSX.Element;
-//# sourceMappingURL=Banner.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Banner.js

@@ -1,48 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { DefaultButton, mergeStyles } from '@fluentui/react';
-import { _pxToRem } from "../../../../../acs-ui-common/src";
-// eslint-disable-next-line no-restricted-imports
-import { Icon, PrimaryButton, Stack, Text, useTheme } from '@fluentui/react';
-import React from 'react';
-/**
- * A component to show a banner in the UI.
- *
- * @private
- */
-export const Banner = (props) => {
-    var _a, _b;
-    const strings = props.strings;
-    const theme = useTheme();
-    return (React.createElement(Stack, { horizontalAlign: "center" },
-        React.createElement(Stack, { "data-ui-id": "banner", className: containerStyles(theme) },
-            React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between" },
-                React.createElement(Stack, { horizontal: true },
-                    ((_a = props.iconProps) === null || _a === void 0 ? void 0 : _a.iconName) && (React.createElement(Icon, Object.assign({ className: bannerIconClassName, iconName: (_b = props.iconProps) === null || _b === void 0 ? void 0 : _b.iconName }, props.iconProps))),
-                    React.createElement(Text, { className: titleTextClassName }, strings === null || strings === void 0 ? void 0 : strings.title)),
-                props.primaryButton ? (React.createElement(PrimaryButton, { text: strings === null || strings === void 0 ? void 0 : strings.primaryButtonLabel, ariaLabel: strings === null || strings === void 0 ? void 0 : strings.primaryButtonLabel, onClick: props.onClickButton })) : (React.createElement(DefaultButton, { text: strings === null || strings === void 0 ? void 0 : strings.primaryButtonLabel, ariaLabel: strings === null || strings === void 0 ? void 0 : strings.primaryButtonLabel, onClick: props.onClickButton }))))));
-};
-const titleTextClassName = mergeStyles({
-    fontWeight: 400,
-    fontSize: _pxToRem(14),
-    lineHeight: _pxToRem(16),
-    alignSelf: 'center'
-});
-const containerStyles = (theme) => mergeStyles({
-    boxShadow: theme.effects.elevation8,
-    width: '20rem',
-    padding: '0.75rem',
-    borderRadius: '0.25rem',
-    position: 'relative',
-    backgroundColor: theme.palette.white
-});
-const bannerIconClassName = mergeStyles({
-    fontSize: '1.25rem',
-    alignSelf: 'center',
-    marginRight: '0.5rem',
-    svg: {
-        width: '1.25rem',
-        height: '1.25rem'
-    }
-});
-//# sourceMappingURL=Banner.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/Banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/Banner.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,aAAa,EAAS,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AACnD,iDAAiD;AACjD,OAAO,EAAc,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACzF,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAe,EAAE;;IACxD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,oBAAC,KAAK,IAAC,eAAe,EAAC,QAAQ;QAC7B,oBAAC,KAAK,kBAAY,QAAQ,EAAC,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC;YAC1D,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe;gBAC/C,oBAAC,KAAK,IAAC,UAAU;oBACd,CAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,QAAQ,KAAI,CAC5B,oBAAC,IAAI,kBAAC,SAAS,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAA,KAAK,CAAC,SAAS,0CAAE,QAAQ,IAAM,KAAK,CAAC,SAAS,EAAI,CACnG;oBACD,oBAAC,IAAI,IAAC,SAAS,EAAE,kBAAkB,IAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAQ,CACtD;gBACP,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IACZ,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,EACjC,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,EACtC,OAAO,EAAE,KAAK,CAAC,aAAa,GAC5B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IACZ,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,EACjC,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,EACtC,OAAO,EAAE,KAAK,CAAC,aAAa,GAC5B,CACH,CACK,CACF,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC;IACrC,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,KAAY,EAAU,EAAE,CAC/C,WAAW,CAAC;IACV,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;IACnC,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;CACrC,CAAC,CAAC;AAEL,MAAM,mBAAmB,GAAG,WAAW,CAAC;IACtC,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,QAAQ;IACnB,WAAW,EAAE,QAAQ;IACrB,GAAG,EAAE;QACH,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { DefaultButton, Theme, mergeStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n// eslint-disable-next-line no-restricted-imports\nimport { IIconProps, Icon, PrimaryButton, Stack, Text, useTheme } from '@fluentui/react';\nimport React from 'react';\n\n/**\n * Props for {@link Banner}.\n *\n * @private\n */\nexport interface BannerProps {\n  /**\n   * Banner strings.\n   */\n  strings?: BannerStrings;\n\n  /**\n   * Banner icon.\n   */\n  iconProps?: IIconProps;\n\n  /**\n   * Callback called when the button inside banner is clicked.\n   */\n  onClickButton?: () => void;\n\n  /**\n   * If true, the primary button will be styled as a primary button. Default is false.\n   */\n  primaryButton?: boolean;\n}\n\n/**\n * All strings that may be shown on the UI in the {@link Banner}.\n *\n * @private\n */\nexport interface BannerStrings {\n  /**\n   * Banner title.\n   */\n  title: string;\n  /**\n   * Banner primary button label.\n   */\n  primaryButtonLabel: string;\n}\n\n/**\n * A component to show a banner in the UI.\n *\n * @private\n */\nexport const Banner = (props: BannerProps): JSX.Element => {\n  const strings = props.strings;\n  const theme = useTheme();\n\n  return (\n    <Stack horizontalAlign=\"center\">\n      <Stack data-ui-id=\"banner\" className={containerStyles(theme)}>\n        <Stack horizontal horizontalAlign=\"space-between\">\n          <Stack horizontal>\n            {props.iconProps?.iconName && (\n              <Icon className={bannerIconClassName} iconName={props.iconProps?.iconName} {...props.iconProps} />\n            )}\n            <Text className={titleTextClassName}>{strings?.title}</Text>\n          </Stack>\n          {props.primaryButton ? (\n            <PrimaryButton\n              text={strings?.primaryButtonLabel}\n              ariaLabel={strings?.primaryButtonLabel}\n              onClick={props.onClickButton}\n            />\n          ) : (\n            <DefaultButton\n              text={strings?.primaryButtonLabel}\n              ariaLabel={strings?.primaryButtonLabel}\n              onClick={props.onClickButton}\n            />\n          )}\n        </Stack>\n      </Stack>\n    </Stack>\n  );\n};\n\nconst titleTextClassName = mergeStyles({\n  fontWeight: 400,\n  fontSize: _pxToRem(14),\n  lineHeight: _pxToRem(16),\n  alignSelf: 'center'\n});\n\nconst containerStyles = (theme: Theme): string =>\n  mergeStyles({\n    boxShadow: theme.effects.elevation8,\n    width: '20rem',\n    padding: '0.75rem',\n    borderRadius: '0.25rem',\n    position: 'relative',\n    backgroundColor: theme.palette.white\n  });\n\nconst bannerIconClassName = mergeStyles({\n  fontSize: '1.25rem',\n  alignSelf: 'center',\n  marginRight: '0.5rem',\n  svg: {\n    width: '1.25rem',\n    height: '1.25rem'\n  }\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/BreakoutRoomsBanner.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { CommonCallAdapter } from '../adapter';
-import { CompositeLocale } from '../../localization';
-/**
- * @private
- */
-export declare const BreakoutRoomsBanner: (props: {
-    locale: CompositeLocale;
-    adapter: CommonCallAdapter;
-}) => JSX.Element | null;
-//# sourceMappingURL=BreakoutRoomsBanner.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/BreakoutRoomsBanner.js

@@ -1,41 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(breakout-rooms) */
-import { Stack } from '@fluentui/react';
-/* @conditional-compile-remove(breakout-rooms) */
-import React from 'react';
-/* @conditional-compile-remove(breakout-rooms) */
-import { bannerNotificationStyles } from '../styles/CallPage.styles';
-/* @conditional-compile-remove(breakout-rooms) */
-import { useSelector } from '../hooks/useSelector';
-/* @conditional-compile-remove(breakout-rooms) */
-import { getAssignedBreakoutRoom, getBreakoutRoomSettings } from '../selectors/baseSelectors';
-/* @conditional-compile-remove(breakout-rooms) */
-import { Banner } from './Banner';
-/* @conditional-compile-remove(breakout-rooms) */
-/**
- * @private
- */
-export const BreakoutRoomsBanner = (props) => {
-    const { locale, adapter } = props;
-    const assignedBreakoutRoom = useSelector(getAssignedBreakoutRoom);
-    const breakoutRoomSettings = useSelector(getBreakoutRoomSettings);
-    if (assignedBreakoutRoom && assignedBreakoutRoom.state === 'open' && assignedBreakoutRoom.call) {
-        return (React.createElement(Stack, { styles: bannerNotificationStyles },
-            React.createElement(Banner, { strings: {
-                    title: assignedBreakoutRoom.displayName
-                        ? locale.strings.call.joinBreakoutRoomBannerTitle.replace('{roomName}', assignedBreakoutRoom.displayName)
-                        : locale.strings.call.joinBreakoutRoomBannerTitle,
-                    primaryButtonLabel: locale.strings.call.joinBreakoutRoomBannerButtonLabel
-                }, onClickButton: () => assignedBreakoutRoom.join(), iconProps: { iconName: 'NotificationBarBreakoutRoomPromptJoin' }, primaryButton: true })));
-    }
-    else if (breakoutRoomSettings && breakoutRoomSettings.disableReturnToMainMeeting !== true) {
-        return (React.createElement(Stack, { styles: bannerNotificationStyles },
-            React.createElement(Banner, { strings: {
-                    title: locale.strings.call.returnFromBreakoutRoomBannerTitle,
-                    primaryButtonLabel: locale.strings.call.returnFromBreakoutRoomBannerButtonLabel
-                }, onClickButton: () => adapter.returnFromBreakoutRoom(), iconProps: { iconName: 'NotificationBarBreakoutRoomClosingSoon' } })));
-    }
-    return null;
-};
-//# sourceMappingURL=BreakoutRoomsBanner.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/BreakoutRoomsBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreakoutRoomsBanner.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/BreakoutRoomsBanner.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,iDAAiD;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,iDAAiD;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAKrE,iDAAiD;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,iDAAiD;AACjD,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC9F,iDAAiD;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,iDAAiD;AACjD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAGnC,EAAsB,EAAE;IACvB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,oBAAoB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;IAClE,MAAM,oBAAoB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;IAElE,IAAI,oBAAoB,IAAI,oBAAoB,CAAC,KAAK,KAAK,MAAM,IAAI,oBAAoB,CAAC,IAAI,EAAE,CAAC;QAC/F,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,wBAAwB;YACrC,oBAAC,MAAM,IACL,OAAO,EAAE;oBACP,KAAK,EAAE,oBAAoB,CAAC,WAAW;wBACrC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,2BAA2B,CAAC,OAAO,CAAC,YAAY,EAAE,oBAAoB,CAAC,WAAW,CAAC;wBACzG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,2BAA2B;oBACnD,kBAAkB,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iCAAiC;iBAC1E,EACD,aAAa,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,EAAE,EAChD,SAAS,EAAE,EAAE,QAAQ,EAAE,uCAAuC,EAAE,EAChE,aAAa,SACb,CACI,CACT,CAAC;IACJ,CAAC;SAAM,IAAI,oBAAoB,IAAI,oBAAoB,CAAC,0BAA0B,KAAK,IAAI,EAAE,CAAC;QAC5F,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,wBAAwB;YACrC,oBAAC,MAAM,IACL,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iCAAiC;oBAC5D,kBAAkB,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,uCAAuC;iBAChF,EACD,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,sBAAsB,EAAE,EACrD,SAAS,EAAE,EAAE,QAAQ,EAAE,wCAAwC,EAAE,GACjE,CACI,CACT,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(breakout-rooms) */\nimport { Stack } from '@fluentui/react';\n/* @conditional-compile-remove(breakout-rooms) */\nimport React from 'react';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { bannerNotificationStyles } from '../styles/CallPage.styles';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { CommonCallAdapter } from '../adapter';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { CompositeLocale } from '../../localization';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { useSelector } from '../hooks/useSelector';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { getAssignedBreakoutRoom, getBreakoutRoomSettings } from '../selectors/baseSelectors';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { Banner } from './Banner';\n\n/* @conditional-compile-remove(breakout-rooms) */\n/**\n * @private\n */\nexport const BreakoutRoomsBanner = (props: {\n  locale: CompositeLocale;\n  adapter: CommonCallAdapter;\n}): JSX.Element | null => {\n  const { locale, adapter } = props;\n\n  const assignedBreakoutRoom = useSelector(getAssignedBreakoutRoom);\n  const breakoutRoomSettings = useSelector(getBreakoutRoomSettings);\n\n  if (assignedBreakoutRoom && assignedBreakoutRoom.state === 'open' && assignedBreakoutRoom.call) {\n    return (\n      <Stack styles={bannerNotificationStyles}>\n        <Banner\n          strings={{\n            title: assignedBreakoutRoom.displayName\n              ? locale.strings.call.joinBreakoutRoomBannerTitle.replace('{roomName}', assignedBreakoutRoom.displayName)\n              : locale.strings.call.joinBreakoutRoomBannerTitle,\n            primaryButtonLabel: locale.strings.call.joinBreakoutRoomBannerButtonLabel\n          }}\n          onClickButton={() => assignedBreakoutRoom.join()}\n          iconProps={{ iconName: 'NotificationBarBreakoutRoomPromptJoin' }}\n          primaryButton\n        />\n      </Stack>\n    );\n  } else if (breakoutRoomSettings && breakoutRoomSettings.disableReturnToMainMeeting !== true) {\n    return (\n      <Stack styles={bannerNotificationStyles}>\n        <Banner\n          strings={{\n            title: locale.strings.call.returnFromBreakoutRoomBannerTitle,\n            primaryButtonLabel: locale.strings.call.returnFromBreakoutRoomBannerButtonLabel\n          }}\n          onClickButton={() => adapter.returnFromBreakoutRoom()}\n          iconProps={{ iconName: 'NotificationBarBreakoutRoomClosingSoon' }}\n        />\n      </Stack>\n    );\n  }\n  return null;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallReadinessModal.d.ts

@@ -1,49 +0,0 @@
-/// <reference types="react" />
-import { EnvironmentInfo } from '@azure/communication-calling';
-/**
- * Modal that guides user through enabling their camera and mic access
- * @private
- */
-export declare const CallReadinessModal: (props: {
-    mobileView: boolean;
-    modalLayerHostId: string;
-    permissionsState: {
-        camera: PermissionState;
-        microphone: PermissionState;
-    };
-    environmentInfo?: EnvironmentInfo;
-    isPermissionsModalDismissed: boolean;
-    setIsPermissionsModalDismissed: (dismissedState: boolean) => void;
-    onPermissionsTroubleshootingClick?: (permissionsState: {
-        camera: PermissionState;
-        microphone: PermissionState;
-    }) => void;
-    doNotPromptCamera: boolean;
-}) => JSX.Element;
-/**
- * Modal that guides user through enabling their camera and mic access
- * This is used when permission API is not supported
- * @private
- */
-export declare const CallReadinessModalFallBack: (props: {
-    mobileView: boolean;
-    checkPermissionModalShowing: boolean;
-    permissionsState: {
-        camera: PermissionState;
-        microphone: PermissionState;
-    };
-    modalLayerHostId: string;
-    environmentInfo?: EnvironmentInfo;
-    isPermissionsModalDismissed: boolean;
-    setIsPermissionsModalDismissed: (dismissedState: boolean) => void;
-    onPermissionsTroubleshootingClick?: (permissionsState: {
-        camera: PermissionState;
-        microphone: PermissionState;
-    }) => void;
-}) => JSX.Element;
-/**
- * Placeholder for conditional compile
- * @private
- */
-export declare const CallReadinessModalPlaceHolder: () => JSX.Element;
-//# sourceMappingURL=CallReadinessModal.d.ts.map