@azure/communication-react 1.20.0-beta.1 → 1.20.0

package/dist/dist-esm/react-composites/src/composites/common/SendBoxPicker.d.ts

@@ -1,51 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { SendBoxStylesProps } from "../../../../react-components/src";
-import { RichTextSendBoxProps, RichTextEditorOptions } from "../../../../react-components/src";
-import { AttachmentMetadataInProgress, MessageOptions } from "../../../../acs-ui-common/src";
-export declare const loadRichTextSendBox: () => Promise<{
-    default: React.ComponentType<RichTextSendBoxProps>;
-}>;
-/**
- * Options for the rich text editor send box configuration.
- *
- * @internal
- */
-export interface RichTextSendBoxOptions extends RichTextEditorOptions {
-    /**
-     * Optional callback to handle an inline image that's inserted in the rich text editor.
-     * When not provided, pasting images into rich text editor will be disabled.
-     * @param imageAttributes - attributes of the image such as id, src, style, etc.
-     *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name']
-     */
-    onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;
-    /**
-     * Optional callback invoked after inline image is removed from the UI.
-     * @param imageAttributes - attributes of the image such as id, src, style, etc.
-     *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name'].
-     *        Note that if the src attribute is a local blob url, it has been revoked at this point.
-     */
-    onRemoveInlineImage?: (imageAttributes: Record<string, string>) => void;
-    /**
-     * Optional Array of type {@link AttachmentMetadataInProgress}
-     * to render the errorBar for inline images inserted in the RichTextSendBox when:
-     *   - there is an error provided in the inlineImagesWithProgress
-     *   - progress is less than 1 when the send button is clicked
-     *   - content html string is longer than the max allowed length.
-     *     (Note that the id and the url prop of the inlineImagesWithProgress will be used as the id and src attribute of the content html
-     *     when calculating the content length, only for the purpose of displaying the content length overflow error.)
-     */
-    inlineImagesWithProgress?: AttachmentMetadataInProgress[];
-}
 /**
  * @private
  */
 export type SendBoxPickerProps = {
     styles?: SendBoxStylesProps;
     autoFocus?: 'sendBoxTextField';
-    onSendMessage: (content: string, options?: MessageOptions) => Promise<void>;
-    richTextEditorOptions?: RichTextSendBoxOptions;
-    attachments?: AttachmentMetadataInProgress[];
-    onCancelAttachmentUpload?: (attachmentId: string) => void;
+    onSendMessage: (content: string) => Promise<void>;
 };
 /**
  * @private

package/dist/dist-esm/react-composites/src/composites/common/SendBoxPicker.js

@@ -3,33 +3,12 @@
 import React, { useMemo } from 'react';
 import { SendBox } from "../../../../react-components/src";
 import { usePropsFor } from '../ChatComposite/hooks/usePropsFor';
-import { Suspense } from 'react';
-import { _ErrorBoundary } from "../../../../react-components/src";
-/**
- * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
- */
-const RichTextSendBoxWrapper = React.lazy(() => import('./RichTextSendBoxWrapper').then(module => ({
-    default: module.RichTextSendBoxWrapper
-})));
-export const loadRichTextSendBox = () => import('./RichTextSendBoxWrapper').then(module => ({
-    default: module.RichTextSendBoxWrapper
-}));
 /**
  * @private
  */
 export const SendBoxPicker = (props) => {
-    const { richTextEditorOptions } = props;
-    const { onPaste, onInsertInlineImage, inlineImagesWithProgress, onRemoveInlineImage } = richTextEditorOptions || {};
     const sendBoxProps = usePropsFor(SendBox);
-    const isRichTextEditorEnabled = useMemo(() => {
-        return richTextEditorOptions !== undefined;
-    }, [richTextEditorOptions]);
     const sendBox = useMemo(() => React.createElement(SendBox, Object.assign({}, sendBoxProps, props)), [props, sendBoxProps]);
-    if (isRichTextEditorEnabled) {
-        return React.createElement(_ErrorBoundary, { fallback: sendBox },
-            React.createElement(Suspense, { fallback: sendBox },
-                React.createElement(RichTextSendBoxWrapper, Object.assign({}, props, { onPaste: onPaste, onInsertInlineImage: onInsertInlineImage, inlineImagesWithProgress: inlineImagesWithProgress, onRemoveInlineImage: onRemoveInlineImage }))));
-    }
     return sendBox;
 };
 //# sourceMappingURL=SendBoxPicker.js.map

package/dist/dist-esm/react-composites/src/composites/common/SendBoxPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendBoxPicker.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SendBoxPicker.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,EAAsB,yCAAmC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAA+C,yCAAmC;AAEzG;;GAEG;AACH,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACjG,OAAO,EAAE,MAAM,CAAC,sBAAsB;CACvC,CAAC,CAAC,CAAC,CAAC;AACL,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAEhC,EAAE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM,CAAC,sBAAsB;CACvC,CAAC,CAAC,CAAC;AA4CJ;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EACJ,qBAAqB,EACtB,GAAG,KAAK,CAAC;IACV,MAAM,EACJ,OAAO,EACP,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACpB,GAAG,qBAAqB,IAAI,EAAE,CAAC;IAChC,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,OAAO,qBAAqB,KAAK,SAAS,CAAC;IAC7C,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAC,OAAO,oBAAK,YAAY,EAAM,KAAK,EAAI,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAC/F,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,oBAAC,cAAc,IAAC,QAAQ,EAAE,OAAO;YACpC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,OAAO;gBACzB,oBAAC,sBAAsB,oBAAK,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,mBAAmB,IAAI,CACtL,CACI,CAAC;IACtB,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { SendBox, SendBoxStylesProps } from '@internal/react-components';\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\nimport { Suspense } from 'react';\nimport { _ErrorBoundary, RichTextSendBoxProps, RichTextEditorOptions } from '@internal/react-components';\nimport { AttachmentMetadataInProgress, MessageOptions } from '@internal/acs-ui-common';\n/**\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading\n */\nconst RichTextSendBoxWrapper = React.lazy(() => import('./RichTextSendBoxWrapper').then(module => ({\n  default: module.RichTextSendBoxWrapper\n})));\nexport const loadRichTextSendBox = (): Promise<{\n  default: React.ComponentType<RichTextSendBoxProps>;\n}> => import('./RichTextSendBoxWrapper').then(module => ({\n  default: module.RichTextSendBoxWrapper\n}));\n/**\n * Options for the rich text editor send box configuration.\n *\n * @internal\n */\nexport interface RichTextSendBoxOptions extends RichTextEditorOptions {\n  /**\n   * Optional callback to handle an inline image that's inserted in the rich text editor.\n   * When not provided, pasting images into rich text editor will be disabled.\n   * @param imageAttributes - attributes of the image such as id, src, style, etc.\n   *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name']\n   */\n  onInsertInlineImage?: (imageAttributes: Record<string, string>) => void;\n  /**\n   * Optional callback invoked after inline image is removed from the UI.\n   * @param imageAttributes - attributes of the image such as id, src, style, etc.\n   *        It also contains the image file name which can be accessed through imageAttributes['data-image-file-name'].\n   *        Note that if the src attribute is a local blob url, it has been revoked at this point.\n   */\n  onRemoveInlineImage?: (imageAttributes: Record<string, string>) => void;\n  /**\n   * Optional Array of type {@link AttachmentMetadataInProgress}\n   * to render the errorBar for inline images inserted in the RichTextSendBox when:\n   *   - there is an error provided in the inlineImagesWithProgress\n   *   - progress is less than 1 when the send button is clicked\n   *   - content html string is longer than the max allowed length.\n   *     (Note that the id and the url prop of the inlineImagesWithProgress will be used as the id and src attribute of the content html\n   *     when calculating the content length, only for the purpose of displaying the content length overflow error.)\n   */\n  inlineImagesWithProgress?: AttachmentMetadataInProgress[];\n}\n/**\n * @private\n */\nexport type SendBoxPickerProps = {\n  styles?: SendBoxStylesProps;\n  autoFocus?: 'sendBoxTextField';\n  onSendMessage: (content: string, options?: MessageOptions) => Promise<void>;\n  richTextEditorOptions?: RichTextSendBoxOptions;\n  attachments?: AttachmentMetadataInProgress[];\n  onCancelAttachmentUpload?: (attachmentId: string) => void;\n};\n\n/**\n * @private\n */\nexport const SendBoxPicker = (props: SendBoxPickerProps): JSX.Element => {\n  const {\n    richTextEditorOptions\n  } = props;\n  const {\n    onPaste,\n    onInsertInlineImage,\n    inlineImagesWithProgress,\n    onRemoveInlineImage\n  } = richTextEditorOptions || {};\n  const sendBoxProps = usePropsFor(SendBox);\n  const isRichTextEditorEnabled = useMemo(() => {\n    return richTextEditorOptions !== undefined;\n  }, [richTextEditorOptions]);\n  const sendBox = useMemo(() => <SendBox {...sendBoxProps} {...props} />, [props, sendBoxProps]);\n  if (isRichTextEditorEnabled) {\n    return <_ErrorBoundary fallback={sendBox}>\n        <Suspense fallback={sendBox}>\n          <RichTextSendBoxWrapper {...props} onPaste={onPaste} onInsertInlineImage={onInsertInlineImage} inlineImagesWithProgress={inlineImagesWithProgress} onRemoveInlineImage={onRemoveInlineImage} />\n        </Suspense>\n      </_ErrorBoundary>;\n  }\n  return sendBox;\n};"]}
+{"version":3,"file":"SendBoxPicker.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/SendBoxPicker.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,EAAsB,yCAAmC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAUjE;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAC,OAAO,oBAAK,YAAY,EAAM,KAAK,EAAI,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAC/F,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { SendBox, SendBoxStylesProps } from '@internal/react-components';\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/**\n * @private\n */\nexport type SendBoxPickerProps = {\n  styles?: SendBoxStylesProps;\n  autoFocus?: 'sendBoxTextField';\n  onSendMessage: (content: string) => Promise<void>;\n};\n\n/**\n * @private\n */\nexport const SendBoxPicker = (props: SendBoxPickerProps): JSX.Element => {\n  const sendBoxProps = usePropsFor(SendBox);\n  const sendBox = useMemo(() => <SendBox {...sendBoxProps} {...props} />, [props, sendBoxProps]);\n  return sendBox;\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/VideoEffectsPane.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ActiveErrorMessage } from "../../../../react-components/src";
+import { VideoBackgroundImage } from '../CallComposite';
 import { ActiveVideoEffect } from '../CallComposite/components/SidePane/useVideoEffectsPane';
 /**
  * Pane that is used to show video effects button
@@ -13,5 +14,6 @@ export declare const VideoEffectsPaneContent: (props: {
     updateFocusHandle: React.RefObject<{
         focus: () => void;
     }>;
+    backgroundImages: VideoBackgroundImage[] | undefined;
 }) => JSX.Element;
 //# sourceMappingURL=VideoEffectsPane.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/VideoEffectsPane.js

@@ -50,9 +50,8 @@ export const VideoEffectsPaneContent = (props) => {
                     content: strings.blurBackgroundTooltip
                 }
             }];
-        const videoEffectImages = adapter.getState().videoBackgroundImages;
-        if (videoEffectImages) {
-            videoEffectImages.forEach((img) => {
+        if (props.backgroundImages) {
+            props.backgroundImages.forEach((img) => {
                 var _a;
                 videoEffects.push({
                     itemKey: img.key,
@@ -66,7 +65,7 @@ export const VideoEffectsPaneContent = (props) => {
             });
         }
         return videoEffects;
-    }, [strings, adapter]);
+    }, [strings.removeBackgroundEffectButtonLabel, strings.removeBackgroundTooltip, strings.blurBackgroundEffectButtonLabel, strings.blurBackgroundTooltip, props.backgroundImages]);
     const onEffectChange = useCallback((effectKey) => __awaiter(void 0, void 0, void 0, function* () {
         if (effectKey === 'blur') {
             const blurEffect = {

package/dist/dist-esm/react-composites/src/composites/common/VideoEffectsPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoEffectsPane.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/VideoEffectsPane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { useCallback, useMemo } from 'react';\nimport { MessageBar, MessageBarType, Stack, mergeStyles } from '@fluentui/react';\nimport { useLocale } from '../localization';\nimport { ActiveErrorMessage, _VideoEffectsItemProps } from '@internal/react-components';\nimport { _VideoBackgroundEffectsPicker } from '@internal/react-components';\nimport { VideoBackgroundImage, VideoBackgroundBlurEffect, VideoBackgroundNoEffect, VideoBackgroundReplacementEffect } from '../CallComposite';\nimport { activeVideoBackgroundEffectSelector } from '../CallComposite/selectors/activeVideoBackgroundEffectSelector';\nimport { useSelector } from '../CallComposite/hooks/useSelector';\nimport { useAdapter } from '../CallComposite/adapter/CallAdapterProvider';\nimport { localVideoSelector } from '../CallComposite/selectors/localVideoStreamSelector';\nimport { ActiveVideoEffect } from '../CallComposite/components/SidePane/useVideoEffectsPane';\n\n/**\n * Pane that is used to show video effects button\n * @private\n */\n/** @beta */\nexport const VideoEffectsPaneContent = (props: {\n  activeVideoEffectError?: ActiveErrorMessage;\n  onDismissError: (error: ActiveErrorMessage) => void;\n  activeVideoEffectChange: (effect: ActiveVideoEffect) => void;\n  updateFocusHandle: React.RefObject<{\n    focus: () => void;\n  }>;\n}): JSX.Element => {\n  const {\n    onDismissError,\n    activeVideoEffectError,\n    activeVideoEffectChange\n  } = props;\n  const locale = useLocale();\n  const adapter = useAdapter();\n  const strings = locale.strings.call;\n  const activeVideoEffects = useSelector(localVideoSelector).activeVideoEffects?.activeEffects;\n  const selectableVideoEffects: _VideoEffectsItemProps[] = useMemo(() => {\n    const videoEffects: _VideoEffectsItemProps[] = [{\n      itemKey: 'none',\n      iconProps: {\n        iconName: 'RemoveVideoBackgroundEffect'\n      },\n      title: strings.removeBackgroundEffectButtonLabel,\n      tooltipProps: {\n        content: strings.removeBackgroundTooltip\n      }\n    }, {\n      itemKey: 'blur',\n      iconProps: {\n        iconName: 'BlurVideoBackground'\n      },\n      title: strings.blurBackgroundEffectButtonLabel,\n      tooltipProps: {\n        content: strings.blurBackgroundTooltip\n      }\n    }];\n    const videoEffectImages = adapter.getState().videoBackgroundImages;\n    if (videoEffectImages) {\n      videoEffectImages.forEach((img: VideoBackgroundImage) => {\n        videoEffects.push({\n          itemKey: img.key,\n          backgroundProps: {\n            url: img.url\n          },\n          tooltipProps: {\n            content: img.tooltipText ?? ''\n          }\n        });\n      });\n    }\n    return videoEffects;\n  }, [strings, adapter]);\n  const onEffectChange = useCallback(async (effectKey: string) => {\n    if (effectKey === 'blur') {\n      const blurEffect: VideoBackgroundBlurEffect = {\n        effectName: effectKey\n      };\n      activeVideoEffectChange({\n        type: 'blur',\n        timestamp: new Date(Date.now())\n      });\n      await adapter.startVideoBackgroundEffect(blurEffect);\n      adapter.updateSelectedVideoBackgroundEffect(blurEffect);\n    } else if (effectKey === 'none') {\n      const noneEffect: VideoBackgroundNoEffect = {\n        effectName: effectKey\n      };\n      await adapter.stopVideoBackgroundEffects();\n      adapter.updateSelectedVideoBackgroundEffect(noneEffect);\n    } else {\n      const backgroundImg = selectableVideoEffects.find(effect => {\n        return effect.itemKey === effectKey;\n      });\n      if (backgroundImg && backgroundImg.backgroundProps) {\n        const replaceEffect: VideoBackgroundReplacementEffect = {\n          effectName: 'replacement',\n          key: effectKey,\n          backgroundImageUrl: backgroundImg.backgroundProps.url\n        };\n        activeVideoEffectChange({\n          type: 'replacement',\n          timestamp: new Date(Date.now())\n        });\n        await adapter.startVideoBackgroundEffect(replaceEffect);\n        adapter.updateSelectedVideoBackgroundEffect(replaceEffect);\n      }\n    }\n  }, [adapter, activeVideoEffectChange, selectableVideoEffects]);\n  if (activeVideoEffectError && activeVideoEffects && activeVideoEffects.length === 0) {\n    const noneEffect: VideoBackgroundNoEffect = {\n      effectName: 'none'\n    };\n    adapter.updateSelectedVideoBackgroundEffect(noneEffect);\n  }\n  return VideoEffectsPaneTrampoline(onDismissError, props.updateFocusHandle, activeVideoEffectError, selectableVideoEffects, onEffectChange);\n};\nconst VideoEffectsPaneTrampoline = (onDismissError: (error: ActiveErrorMessage) => void, updateFocusHandle: React.RefObject<{\n  focus: () => void;\n}>, activeVideoEffectError?: ActiveErrorMessage, selectableVideoEffects?: _VideoEffectsItemProps[], onEffectChange?: (effectKey: string) => Promise<void>): JSX.Element => {\n  const selectedEffect = useSelector(activeVideoBackgroundEffectSelector);\n  const isCameraOn = useSelector(localVideoSelector).isAvailable;\n  const showWarning = !isCameraOn && selectedEffect !== 'none';\n  const locale = useLocale();\n  return <Stack tokens={{\n    childrenGap: '0.75rem'\n  }} className={mergeStyles({\n    paddingLeft: '0.5rem'\n  })}>\n      {activeVideoEffectError && isCameraOn && <MessageBar messageBarType={MessageBarType.error} onDismiss={() => onDismissError(activeVideoEffectError)}>\n          {locale.strings.call.unableToStartVideoEffect}\n        </MessageBar>}\n      {showWarning && <MessageBar messageBarType={MessageBarType.warning}>\n          {locale.strings.call.cameraOffBackgroundEffectWarningText}\n        </MessageBar>}\n      <_VideoBackgroundEffectsPicker label={locale.strings.call.videoEffectsPaneBackgroundSelectionTitle} styles={backgroundPickerStyles} options={selectableVideoEffects ?? []} onChange={onEffectChange} selectedEffectKey={selectedEffect} componentRef={updateFocusHandle} />\n    </Stack>;\n  return <></>;\n};\nconst backgroundPickerStyles = {\n  label: {\n    fontSize: '0.75rem',\n    lineHeight: '0.5rem',\n    fontWeight: '400'\n  }\n};"]}
+{"version":3,"file":"VideoEffectsPane.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/VideoEffectsPane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { useCallback, useMemo } from 'react';\nimport { MessageBar, MessageBarType, Stack, mergeStyles } from '@fluentui/react';\nimport { useLocale } from '../localization';\nimport { ActiveErrorMessage, _VideoEffectsItemProps } from '@internal/react-components';\nimport { _VideoBackgroundEffectsPicker } from '@internal/react-components';\nimport { VideoBackgroundImage, VideoBackgroundBlurEffect, VideoBackgroundNoEffect, VideoBackgroundReplacementEffect } from '../CallComposite';\nimport { activeVideoBackgroundEffectSelector } from '../CallComposite/selectors/activeVideoBackgroundEffectSelector';\nimport { useSelector } from '../CallComposite/hooks/useSelector';\nimport { useAdapter } from '../CallComposite/adapter/CallAdapterProvider';\nimport { localVideoSelector } from '../CallComposite/selectors/localVideoStreamSelector';\nimport { ActiveVideoEffect } from '../CallComposite/components/SidePane/useVideoEffectsPane';\n\n/**\n * Pane that is used to show video effects button\n * @private\n */\n/** @beta */\nexport const VideoEffectsPaneContent = (props: {\n  activeVideoEffectError?: ActiveErrorMessage;\n  onDismissError: (error: ActiveErrorMessage) => void;\n  activeVideoEffectChange: (effect: ActiveVideoEffect) => void;\n  updateFocusHandle: React.RefObject<{\n    focus: () => void;\n  }>;\n  backgroundImages: VideoBackgroundImage[] | undefined;\n}): JSX.Element => {\n  const {\n    onDismissError,\n    activeVideoEffectError,\n    activeVideoEffectChange\n  } = props;\n  const locale = useLocale();\n  const adapter = useAdapter();\n  const strings = locale.strings.call;\n  const activeVideoEffects = useSelector(localVideoSelector).activeVideoEffects?.activeEffects;\n  const selectableVideoEffects: _VideoEffectsItemProps[] = useMemo(() => {\n    const videoEffects: _VideoEffectsItemProps[] = [{\n      itemKey: 'none',\n      iconProps: {\n        iconName: 'RemoveVideoBackgroundEffect'\n      },\n      title: strings.removeBackgroundEffectButtonLabel,\n      tooltipProps: {\n        content: strings.removeBackgroundTooltip\n      }\n    }, {\n      itemKey: 'blur',\n      iconProps: {\n        iconName: 'BlurVideoBackground'\n      },\n      title: strings.blurBackgroundEffectButtonLabel,\n      tooltipProps: {\n        content: strings.blurBackgroundTooltip\n      }\n    }];\n    if (props.backgroundImages) {\n      props.backgroundImages.forEach((img: VideoBackgroundImage) => {\n        videoEffects.push({\n          itemKey: img.key,\n          backgroundProps: {\n            url: img.url\n          },\n          tooltipProps: {\n            content: img.tooltipText ?? ''\n          }\n        });\n      });\n    }\n    return videoEffects;\n  }, [strings.removeBackgroundEffectButtonLabel, strings.removeBackgroundTooltip, strings.blurBackgroundEffectButtonLabel, strings.blurBackgroundTooltip, props.backgroundImages]);\n  const onEffectChange = useCallback(async (effectKey: string) => {\n    if (effectKey === 'blur') {\n      const blurEffect: VideoBackgroundBlurEffect = {\n        effectName: effectKey\n      };\n      activeVideoEffectChange({\n        type: 'blur',\n        timestamp: new Date(Date.now())\n      });\n      await adapter.startVideoBackgroundEffect(blurEffect);\n      adapter.updateSelectedVideoBackgroundEffect(blurEffect);\n    } else if (effectKey === 'none') {\n      const noneEffect: VideoBackgroundNoEffect = {\n        effectName: effectKey\n      };\n      await adapter.stopVideoBackgroundEffects();\n      adapter.updateSelectedVideoBackgroundEffect(noneEffect);\n    } else {\n      const backgroundImg = selectableVideoEffects.find(effect => {\n        return effect.itemKey === effectKey;\n      });\n      if (backgroundImg && backgroundImg.backgroundProps) {\n        const replaceEffect: VideoBackgroundReplacementEffect = {\n          effectName: 'replacement',\n          key: effectKey,\n          backgroundImageUrl: backgroundImg.backgroundProps.url\n        };\n        activeVideoEffectChange({\n          type: 'replacement',\n          timestamp: new Date(Date.now())\n        });\n        await adapter.startVideoBackgroundEffect(replaceEffect);\n        adapter.updateSelectedVideoBackgroundEffect(replaceEffect);\n      }\n    }\n  }, [adapter, activeVideoEffectChange, selectableVideoEffects]);\n  if (activeVideoEffectError && activeVideoEffects && activeVideoEffects.length === 0) {\n    const noneEffect: VideoBackgroundNoEffect = {\n      effectName: 'none'\n    };\n    adapter.updateSelectedVideoBackgroundEffect(noneEffect);\n  }\n  return VideoEffectsPaneTrampoline(onDismissError, props.updateFocusHandle, activeVideoEffectError, selectableVideoEffects, onEffectChange);\n};\nconst VideoEffectsPaneTrampoline = (onDismissError: (error: ActiveErrorMessage) => void, updateFocusHandle: React.RefObject<{\n  focus: () => void;\n}>, activeVideoEffectError?: ActiveErrorMessage, selectableVideoEffects?: _VideoEffectsItemProps[], onEffectChange?: (effectKey: string) => Promise<void>): JSX.Element => {\n  const selectedEffect = useSelector(activeVideoBackgroundEffectSelector);\n  const isCameraOn = useSelector(localVideoSelector).isAvailable;\n  const showWarning = !isCameraOn && selectedEffect !== 'none';\n  const locale = useLocale();\n  return <Stack tokens={{\n    childrenGap: '0.75rem'\n  }} className={mergeStyles({\n    paddingLeft: '0.5rem'\n  })}>\n      {activeVideoEffectError && isCameraOn && <MessageBar messageBarType={MessageBarType.error} onDismiss={() => onDismissError(activeVideoEffectError)}>\n          {locale.strings.call.unableToStartVideoEffect}\n        </MessageBar>}\n      {showWarning && <MessageBar messageBarType={MessageBarType.warning}>\n          {locale.strings.call.cameraOffBackgroundEffectWarningText}\n        </MessageBar>}\n      <_VideoBackgroundEffectsPicker label={locale.strings.call.videoEffectsPaneBackgroundSelectionTitle} styles={backgroundPickerStyles} options={selectableVideoEffects ?? []} onChange={onEffectChange} selectedEffectKey={selectedEffect} componentRef={updateFocusHandle} />\n    </Stack>;\n  return <></>;\n};\nconst backgroundPickerStyles = {\n  label: {\n    fontSize: '0.75rem',\n    lineHeight: '0.5rem',\n    fontWeight: '400'\n  }\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/adapters.d.ts

@@ -49,27 +49,4 @@ export interface AdapterError extends Error {
 export type AdapterErrors = {
     [target: string]: AdapterError;
 };
-/**
- * Notification from call client state stored in adapter state.
- *
- * @public
- */
-export interface AdapterNotification {
-    /**
-     * Target of notification. There should only one notification per target.
-     */
-    target: string;
-    /**
-     * Timestamp added to the notification in the adapter implementation.
-     */
-    timestamp: Date;
-}
-/**
- * Adapters stores the latest notification for each target.
- *
- * @public
- */
-export type AdapterNotifications = {
-    [target: string]: AdapterNotification;
-};
 //# sourceMappingURL=adapters.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/adapters.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapters.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/adapters.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Functionality for interfacing with Composite adapter state.\n *\n * @public\n */\nexport interface AdapterState<TState> {\n  /** Subscribes the handler to stateChanged events. */\n  onStateChange(handler: (state: TState) => void): void;\n  /** Unsubscribes the handler to stateChanged events. */\n  offStateChange(handler: (state: TState) => void): void;\n  /** Get the current State */\n  getState(): TState;\n}\n\n/**\n * Functionality for correctly disposing a Composite.\n *\n * @public\n */\nexport interface Disposable {\n  /** Dispose of the Composite */\n  dispose(): void;\n}\n\n/**\n * Error reported via error events and stored in adapter state.\n *\n * @public\n */\nexport interface AdapterError extends Error {\n  /**\n   * The operation that failed.\n   */\n  target: string;\n  /**\n   * Error thrown by the failed operation.\n   */\n  innerError: Error;\n  /**\n   * Timestamp added to the error in the adapter implementation.\n   */\n  timestamp: Date;\n}\n\n/**\n * Adapters stores the latest error for each operation in the state.\n *\n * `target` is an adapter defined string for each unique operation performed by the adapter.\n *\n * @public\n */\nexport type AdapterErrors = {\n  [target: string]: AdapterError;\n};\n/**\n * Notification from call client state stored in adapter state.\n *\n * @public\n */\nexport interface AdapterNotification {\n  /**\n   * Target of notification. There should only one notification per target.\n   */\n  target: string;\n  /**\n   * Timestamp added to the notification in the adapter implementation.\n   */\n  timestamp: Date;\n}\n/**\n * Adapters stores the latest notification for each target.\n *\n * @public\n */\nexport type AdapterNotifications = {\n  [target: string]: AdapterNotification;\n};"]}
+{"version":3,"file":"adapters.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/adapters.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Functionality for interfacing with Composite adapter state.\n *\n * @public\n */\nexport interface AdapterState<TState> {\n  /** Subscribes the handler to stateChanged events. */\n  onStateChange(handler: (state: TState) => void): void;\n  /** Unsubscribes the handler to stateChanged events. */\n  offStateChange(handler: (state: TState) => void): void;\n  /** Get the current State */\n  getState(): TState;\n}\n\n/**\n * Functionality for correctly disposing a Composite.\n *\n * @public\n */\nexport interface Disposable {\n  /** Dispose of the Composite */\n  dispose(): void;\n}\n\n/**\n * Error reported via error events and stored in adapter state.\n *\n * @public\n */\nexport interface AdapterError extends Error {\n  /**\n   * The operation that failed.\n   */\n  target: string;\n  /**\n   * Error thrown by the failed operation.\n   */\n  innerError: Error;\n  /**\n   * Timestamp added to the error in the adapter implementation.\n   */\n  timestamp: Date;\n}\n\n/**\n * Adapters stores the latest error for each operation in the state.\n *\n * `target` is an adapter defined string for each unique operation performed by the adapter.\n *\n * @public\n */\nexport type AdapterErrors = {\n  [target: string]: AdapterError;\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/constants.d.ts

@@ -16,9 +16,4 @@ export declare const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;
  * @private
  */
 export declare const SEND_BOX_UPLOADS_KEY_VALUE = "send-box";
-/**
- * Default rich text editor inline image file name
- * @internal
- */
-export declare const _DEFAULT_INLINE_IMAGE_FILE_NAME = "image.png";
 //# sourceMappingURL=constants.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/constants.js

@@ -18,9 +18,4 @@ export const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;
  * @private
  */
 export const SEND_BOX_UPLOADS_KEY_VALUE = 'send-box';
-/**
- * Default rich text editor inline image file name
- * @internal
- */
-export const _DEFAULT_INLINE_IMAGE_FILE_NAME = 'image.png';
 //# sourceMappingURL=constants.js.map

package/dist/dist-esm/react-composites/src/composites/common/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/constants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,yHAAyH,CAAC;AAErK;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,CAAC;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC;AACrD;;;GAGG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,WAAW,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @private\n */\nexport const UNSUPPORTED_CHAT_THREAD_TYPE = ['@thread.tacv2', '@thread.skype'];\n\n/**\n * @private\n */\nexport const TEAMS_LIMITATION_LEARN_MORE = 'https://learn.microsoft.com/en-us/azure/communication-services/concepts/join-teams-meeting#limitations-and-known-issues';\n\n/**\n * @remarks\n * This value is publicly documented in the ChatComposite API documentation.\n * Changing this value will require updating the API documentation.\n */\nexport const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;\n\n/**\n * @private\n */\nexport const SEND_BOX_UPLOADS_KEY_VALUE = 'send-box';\n/**\n * Default rich text editor inline image file name\n * @internal\n */\nexport const _DEFAULT_INLINE_IMAGE_FILE_NAME = 'image.png';"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/constants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,yHAAyH,CAAC;AAErK;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,CAAC;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @private\n */\nexport const UNSUPPORTED_CHAT_THREAD_TYPE = ['@thread.tacv2', '@thread.skype'];\n\n/**\n * @private\n */\nexport const TEAMS_LIMITATION_LEARN_MORE = 'https://learn.microsoft.com/en-us/azure/communication-services/concepts/join-teams-meeting#limitations-and-known-issues';\n\n/**\n * @remarks\n * This value is publicly documented in the ChatComposite API documentation.\n * Changing this value will require updating the API documentation.\n */\nexport const CHAT_CONTAINER_MIN_WIDTH_REM = 17.5;\n\n/**\n * @private\n */\nexport const SEND_BOX_UPLOADS_KEY_VALUE = 'send-box';"]}

package/dist/dist-esm/react-composites/src/composites/common/icons.d.ts

@@ -24,7 +24,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ParticipantItemOptionsHovered: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
-    SendBoxAttachFile?: JSX.Element | undefined;
     ControlBarPeopleButton?: JSX.Element | undefined;
     ControlButtonCameraOff: JSX.Element;
     ControlButtonCameraOn: JSX.Element;
@@ -112,35 +111,25 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     MoreDrawerSelectedMicrophone?: JSX.Element | undefined;
     MoreDrawerSelectedSpeaker?: JSX.Element | undefined;
     MoreDrawerSpeakers?: JSX.Element | undefined;
+    SendBoxAttachFile?: JSX.Element | undefined;
     ChatMessageOptions: React.JSX.Element;
     ControlButtonParticipantsContextualMenuItem: React.JSX.Element;
-    CancelAttachmentUpload: React.JSX.Element;
-    DownloadAttachment: React.JSX.Element;
     OpenAttachment: React.JSX.Element;
-    AttachmentMoreMenu: React.JSX.Element;
-    DataLossPreventionProhibited: React.JSX.Element;
     ErrorBarCallVideoRecoveredBySystem: React.JSX.Element;
+    /**
+     * Icons that can be overridden for {@link CallComposite}.
+     *
+     * @public
+     */
     ErrorBarCallVideoStoppedBySystem: React.JSX.Element;
     ErrorBarMutedByRemoteParticipant: React.JSX.Element;
     NotificationBarRecording: React.JSX.Element;
-    NotificationBarBreakoutRoomOpened: React.JSX.Element;
-    NotificationBarBreakoutRoomPromptJoin: React.JSX.Element;
-    NotificationBarBreakoutRoomChanged: React.JSX.Element;
-    NotificationBarBreakoutRoomJoined: React.JSX.Element;
-    NotificationBarBreakoutRoomClosingSoon: React.JSX.Element;
     MessageResend: React.JSX.Element;
     ParticipantItemSpotlighted: React.JSX.Element;
     HoldCallContextualMenuItem: React.JSX.Element;
     HoldCallButton: React.JSX.Element;
     ResumeCall: React.JSX.Element;
     DialpadBackspace: React.JSX.Element;
-    SitePermissionsSparkle: React.JSX.Element;
-    SitePermissionCamera: React.JSX.Element;
-    SitePermissionMic: React.JSX.Element;
-    SitePermissionCameraDenied: React.JSX.Element;
-    SitePermissionMicDenied: React.JSX.Element;
-    UnsupportedEnvironmentWarning: React.JSX.Element;
-    BrowserPermissionDeniedError: React.JSX.Element;
     VideoTilePinned: React.JSX.Element;
     ParticipantItemPinned: React.JSX.Element;
     VideoTileMoreOptions: React.JSX.Element;
@@ -170,20 +159,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     StartSpotlightContextualMenuItem: React.JSX.Element;
     StopSpotlightContextualMenuItem: React.JSX.Element;
     VideoTileSpotlighted: React.JSX.Element;
-    RichTextBoldButtonIcon: React.JSX.Element;
-    RichTextItalicButtonIcon: React.JSX.Element;
-    RichTextUnderlineButtonIcon: React.JSX.Element;
-    RichTextBulletListButtonIcon: React.JSX.Element;
-    RichTextNumberListButtonIcon: React.JSX.Element;
-    RichTextIndentDecreaseButtonIcon: React.JSX.Element;
-    RichTextIndentIncreaseButtonIcon: React.JSX.Element;
-    RichTextDividerIcon: React.JSX.Element;
-    RichTextEditorButtonIcon: React.JSX.Element;
-    RichTextEditorButtonIconFilled: React.JSX.Element;
-    RichTextInsertTableRegularIcon: React.JSX.Element;
-    RichTextInsertTableFilledIcon: React.JSX.Element;
-    RichTextTableInsertMenuIcon: React.JSX.Element;
-    RichTextTableDeleteMenuIcon: React.JSX.Element;
     ContextualMenuMicMutedIcon: React.JSX.Element;
     IncomingCallNotificationRejectIcon: React.JSX.Element;
     IncomingCallNotificationAcceptIcon: React.JSX.Element;
@@ -211,7 +186,6 @@ export type ChatCompositeIcons = {
     ParticipantItemOptionsHovered?: JSX.Element;
     SendBoxSend?: JSX.Element;
     SendBoxSendHovered?: JSX.Element;
-    SendBoxAttachFile?: JSX.Element;
 };
 /**
  * Icon wrapper to use when including customizable icons inside the ChatComposite.

package/dist/dist-esm/react-composites/src/composites/common/icons.js

@@ -11,7 +11,6 @@ import { DEFAULT_COMPONENT_ICONS } from "../../../../react-components/src";
 import React from 'react';
 // eslint-disable-next-line no-restricted-imports
 import { FontIcon, Spinner, SpinnerSize } from '@fluentui/react';
-import { Attach20Regular } from '@fluentui/react-icons';
 import { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';
 import { PersonSquare20Regular, WindowHeaderHorizontal20Regular, TableSimple20Regular, BoardSplit20Regular, ContentView20Regular, Table20Regular } from '@fluentui/react-icons';
 const SpinnerIcon = () => React.createElement(Spinner, { size: SpinnerSize.large });
@@ -52,7 +51,6 @@ export const COMPOSITE_ONLY_ICONS = {
     NoticePageRoomNotValid: React.createElement(Info20Filled, null),
     NoticePageCallRejected: React.createElement(Info20Filled, null),
     NoticePageCallTimeout: React.createElement(Info20Filled, null),
-    SendBoxAttachFile: React.createElement(Attach20Regular, null),
     PeoplePaneAddPerson: React.createElement(PersonAdd20Regular, null),
     PeoplePaneOpenDialpad: React.createElement(Dialpad20Regular, null),
     DialpadStartCall: React.createElement(Call20Regular, null),

package/dist/dist-esm/react-composites/src/composites/common/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC5U,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,yCAAmC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EAAE,QAAQ,EAAc,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5F,OAAO,EAAE,qBAAqB,EAAE,+BAA+B,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAChL,MAAM,WAAW,GAAG,GAAgB,EAAE,CAAC,oBAAC,OAAO,IAAC,IAAI,EAAE,WAAW,CAAC,KAAK,GAAI,CAAC;AAE5E;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,WAAW,EAAE,SAAS;IACtB,IAAI,EAAE,SAAS;IACf,2BAA2B,EAAE,oBAAC,WAAW,OAAG;IAC5C,8BAA8B,EAAE,oBAAC,WAAW,OAAG;IAC/C,yBAAyB,EAAE,oBAAC,aAAa,OAAG;IAC5C,sBAAsB,EAAE,oBAAC,WAAW,OAAG;IACvC,0BAA0B,EAAE,oBAAC,gBAAgB,OAAG;IAChD,uBAAuB,EAAE,oBAAC,gBAAgB,OAAG;IAC7C,iBAAiB,EAAE,oBAAC,qBAAqB,OAAG;IAC5C,0BAA0B,EAAE,oBAAC,YAAY,OAAG;IAC5C,4BAA4B,EAAE,oBAAC,aAAa,OAAG;IAC/C,6BAA6B,EAAE,oBAAC,uBAAuB,OAAG;IAC1D,0BAA0B,EAAE,oBAAC,qBAAqB,OAAG;IACrD,0BAA0B,EAAE,oBAAC,0BAA0B,OAAG;IAC1D,sBAAsB,EAAE,oBAAC,eAAe,OAAG;IAC3C,qBAAqB,EAAE,oBAAC,YAAY,OAAG;IACvC,gBAAgB,EAAE,oBAAC,eAAe,OAAG;IACrC,kBAAkB,EAAE,oBAAC,iBAAiB,OAAG;IACzC,4BAA4B,EAAE,oBAAC,WAAW,OAAG;IAC7C,yBAAyB,EAAE,oBAAC,gBAAgB,OAAG;IAC/C,KAAK,EAAE,oBAAC,cAAc,OAAG;IACzB,oBAAoB,EAAE,oBAAC,kBAAkB,OAAG;IAC5C,kCAAkC,EAAE,oBAAC,oBAAoB,OAAG;IAC5D,sCAAsC,EAAE,oBAAC,mBAAmB,OAAG;IAC/D,kBAAkB,EAAE,oBAAC,eAAe,OAAG;IACvC,yBAAyB,EAAE,oBAAC,YAAY,OAAG;IAC3C,0BAA0B,EAAE,oBAAC,YAAY,OAAG;IAC5C,sBAAsB,EAAE,oBAAC,YAAY,OAAG;IACxC,sBAAsB,EAAE,oBAAC,YAAY,OAAG;IACxC,sBAAsB,EAAE,oBAAC,YAAY,OAAG;IACxC,qBAAqB,EAAE,oBAAC,YAAY,OAAG;IACvC,iBAAiB,EAAE,oBAAC,eAAe,OAAG;IACtC,mBAAmB,EAAE,oBAAC,kBAAkB,OAAG;IAC3C,qBAAqB,EAAE,oBAAC,gBAAgB,OAAG;IAC3C,gBAAgB,EAAE,oBAAC,aAAa,OAAG;IACnC,6BAA6B,EAAE,oBAAC,YAAY,OAAG;IAC/C,mBAAmB,EAAE,oBAAC,8BAA8B,OAAG;IACvD,2BAA2B,EAAE,oBAAC,mBAAmB,OAAG;IACpD,cAAc,EAAE,oBAAC,aAAa,OAAG;IACjC,kBAAkB,EAAE,oBAAC,+BAA+B,OAAG;IACvD,oBAAoB,EAAE,oBAAC,qBAAqB,OAAG;IAC/C,oBAAoB,EAAE,oBAAC,oBAAoB,OAAG;IAC9C,+BAA+B,EAAE,oBAAC,mBAAmB,OAAG;IACxD,2BAA2B,EAAE,oBAAC,oBAAoB,OAAG;IACrD,kBAAkB,EAAE,oBAAC,cAAc,OAAG;IACtC,mBAAmB,EAAE,oBAAC,eAAe,OAAG;IACxC,iBAAiB,EAAE,oBAAC,gBAAgB,OAAG;IACvC,iBAAiB,EAAE,oBAAC,mBAAmB,OAAG;IAC1C,uBAAuB,EAAE,oBAAC,mBAAmB,OAAG;IAChD,2BAA2B,EAAE,oBAAC,gBAAgB,OAAG;IACjD,+BAA+B,EAAE,oBAAC,aAAa,OAAG;IAClD,oBAAoB,EAAE,oBAAC,sBAAsB,OAAG;IAChD,0BAA0B,EAAE,oBAAC,0BAA0B,OAAG;CAC3D,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,mCAC/B,uBAAuB,GACvB,oBAAoB,CACxB,CAAC;AA4BF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6C,EAAe,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC;AA0FzH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6C,EAAe,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC;AA0FzH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAqD,EAAe,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Filled, Chat20Regular, Info20Filled, MicOff20Filled, Mic20Filled, Mic20Regular, People20Regular, PersonDelete20Filled, Speaker220Filled, Speaker220Regular, Video20Filled, VideoOff20Filled, WifiWarning20Filled, Circle20Regular } from '@fluentui/react-icons';\nimport { PersonCall20Regular, Clock20Filled } from '@fluentui/react-icons';\nimport { MoreHorizontal20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';\nimport { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';\nimport { Grid20Regular } from '@fluentui/react-icons';\nimport { PersonAdd20Regular, Call20Regular } from '@fluentui/react-icons';\nimport { Dialpad20Regular } from '@fluentui/react-icons';\nimport { DEFAULT_COMPONENT_ICONS } from '@internal/react-components';\nimport React from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { FontIcon, IIconProps, Spinner, SpinnerSize } from '@fluentui/react';\nimport { Attach20Regular } from '@fluentui/react-icons';\nimport { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';\nimport { PersonSquare20Regular, WindowHeaderHorizontal20Regular, TableSimple20Regular, BoardSplit20Regular, ContentView20Regular, Table20Regular } from '@fluentui/react-icons';\nconst SpinnerIcon = (): JSX.Element => <Spinner size={SpinnerSize.large} />;\n\n/**\n * The default set of icons used by the composites directly (i.e. not via the components defined in this library).\n *\n * @public\n */\nexport const COMPOSITE_ONLY_ICONS: CompositeIcons = {\n  ChevronLeft: undefined,\n  Link: undefined,\n  LobbyScreenConnectingToCall: <SpinnerIcon />,\n  LobbyScreenWaitingToBeAdmitted: <SpinnerIcon />,\n  LocalDeviceSettingsCamera: <Video20Filled />,\n  LocalDeviceSettingsMic: <Mic20Filled />,\n  LocalDeviceSettingsSpeaker: <Speaker220Filled />,\n  LocalPreviewPlaceholder: <VideoOff20Filled />,\n  LocalCameraSwitch: <CameraSwitch24Regular />,\n  ControlBarChatButtonActive: <Chat20Filled />,\n  ControlBarChatButtonInactive: <Chat20Regular />,\n  ControlButtonCameraProhibited: <VideoProhibited20Filled />,\n  ControlButtonMicProhibited: <MicProhibited20Filled />,\n  ControlButtonExitSpotlight: <VideoPersonStarOff20Filled />,\n  ControlBarPeopleButton: <People20Regular />,\n  MoreDrawerMicrophones: <Mic20Regular />,\n  MoreDrawerPeople: <People20Regular />,\n  MoreDrawerSpeakers: <Speaker220Regular />,\n  MoreDrawerSelectedMicrophone: <Mic20Filled />,\n  MoreDrawerSelectedSpeaker: <Speaker220Filled />,\n  Muted: <MicOff20Filled />,\n  NetworkReconnectIcon: <CallMissed20Filled />,\n  NoticePageAccessDeniedTeamsMeeting: <PersonDelete20Filled />,\n  NoticePageJoinCallFailedDueToNoNetwork: <WifiWarning20Filled />,\n  NoticePageLeftCall: <CallEnd20Filled />,\n  NoticePageRemovedFromCall: <Info20Filled />,\n  NoticePageNotInvitedToRoom: <Info20Filled />,\n  NoticePageRoomNotFound: <Info20Filled />,\n  NoticePageRoomNotValid: <Info20Filled />,\n  NoticePageCallRejected: <Info20Filled />,\n  NoticePageCallTimeout: <Info20Filled />,\n  SendBoxAttachFile: <Attach20Regular />,\n  PeoplePaneAddPerson: <PersonAdd20Regular />,\n  PeoplePaneOpenDialpad: <Dialpad20Regular />,\n  DialpadStartCall: <Call20Regular />,\n  NoticePageInviteToRoomRemoved: <Info20Filled />,\n  BlurVideoBackground: <VideoBackgroundEffect20Regular />,\n  RemoveVideoBackgroundEffect: <VideoPerson20Filled />,\n  GalleryOptions: <Grid20Regular />,\n  OverflowGalleryTop: <WindowHeaderHorizontal20Regular />,\n  SpeakerGalleryLayout: <PersonSquare20Regular />,\n  DefaultGalleryLayout: <TableSimple20Regular />,\n  FloatingLocalVideoGalleryLayout: <BoardSplit20Regular />,\n  FocusedContentGalleryLayout: <ContentView20Regular />,\n  LargeGalleryLayout: <Table20Regular />,\n  DefaultCustomButton: <Circle20Regular />,\n  DtmfDialpadButton: <Dialpad20Regular />,\n  PhoneNumberButton: <PersonCall20Regular />,\n  JoinByPhoneDialStepIcon: <PersonCall20Regular />,\n  JoinByPhoneConferenceIdIcon: <Dialpad20Regular />,\n  JoinByPhoneWaitToBeAdmittedIcon: <Clock20Filled />,\n  PeoplePaneMoreButton: <MoreHorizontal20Filled />,\n  StopAllSpotlightMenuButton: <VideoPersonStarOff20Filled />\n};\n\n/**\n * The default set of icons that are available to used in the Composites.\n *\n * @public\n */\nexport const DEFAULT_COMPOSITE_ICONS = {\n  ...DEFAULT_COMPONENT_ICONS,\n  ...COMPOSITE_ONLY_ICONS\n};\n\n/** @private */\nexport type CompositeIconProps<Icons> = IIconProps & {\n  iconName: keyof Icons;\n};\n\n/**\n * Icons that can be overridden for {@link ChatComposite}.\n *\n * @public\n */\nexport type ChatCompositeIcons = {\n  EditBoxCancel?: JSX.Element;\n  EditBoxSubmit?: JSX.Element;\n  MessageDelivered?: JSX.Element;\n  MessageEdit?: JSX.Element;\n  MessageFailed?: JSX.Element;\n  MessageRemove?: JSX.Element;\n  MessageSeen?: JSX.Element;\n  MessageSending?: JSX.Element;\n  ParticipantItemOptions?: JSX.Element;\n  ParticipantItemOptionsHovered?: JSX.Element;\n  SendBoxSend?: JSX.Element;\n  SendBoxSendHovered?: JSX.Element;\n  SendBoxAttachFile?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the ChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const ChatCompositeIcon = (props: CompositeIconProps<ChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden for {@link CallComposite}.\n *\n * @public\n */\nexport type CallCompositeIcons = {\n  ControlBarPeopleButton?: JSX.Element;\n  ControlButtonCameraOff?: JSX.Element;\n  ControlButtonCameraOn?: JSX.Element;\n  ControlButtonEndCall?: JSX.Element;\n  ControlButtonMicOff?: JSX.Element;\n  ControlButtonMicOn?: JSX.Element;\n  ControlButtonOptions?: JSX.Element;\n  ControlButtonParticipants?: JSX.Element;\n  ControlButtonScreenShareStart?: JSX.Element;\n  ControlButtonScreenShareStop?: JSX.Element;\n  ControlButtonCameraProhibited?: JSX.Element;\n  ControlButtonMicProhibited?: JSX.Element;\n  ControlButtonRaiseHand?: JSX.Element;\n  ControlButtonLowerHand?: JSX.Element;\n  ControlButtonExitSpotlight?: JSX.Element;\n  RaiseHandContextualMenuItem?: JSX.Element;\n  ReactionContextualMenuItem?: JSX.Element;\n  LowerHandContextualMenuItem?: JSX.Element;\n  ReactionButtonIcon?: JSX.Element;\n  ErrorBarCallCameraAccessDenied?: JSX.Element;\n  ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n  ErrorBarCallLocalVideoFreeze?: JSX.Element;\n  ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n  ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n  ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n  ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n  ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n  ErrorBarCallNetworkQualityLow?: JSX.Element;\n  ErrorBarCallNoMicrophoneFound?: JSX.Element;\n  ErrorBarCallNoSpeakerFound?: JSX.Element;\n  ErrorBarClear?: JSX.Element;\n  HorizontalGalleryLeftButton?: JSX.Element;\n  HorizontalGalleryRightButton?: JSX.Element;\n  LobbyScreenConnectingToCall?: JSX.Element;\n  LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n  LocalDeviceSettingsCamera?: JSX.Element;\n  LocalDeviceSettingsMic?: JSX.Element;\n  LocalDeviceSettingsSpeaker?: JSX.Element;\n  LocalPreviewPlaceholder?: JSX.Element;\n  Muted?: JSX.Element;\n  NetworkReconnectIcon?: JSX.Element;\n  NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n  NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n  NoticePageLeftCall?: JSX.Element;\n  NoticePageRemovedFromCall?: JSX.Element;\n  NoticePageCallRejected?: JSX.Element;\n  NoticePageNotInvitedToRoom?: JSX.Element;\n  NoticePageRoomNotFound?: JSX.Element;\n  NoticePageRoomNotValid?: JSX.Element;\n  NoticePageCallTimeout?: JSX.Element;\n  OptionsCamera?: JSX.Element;\n  OptionsMic?: JSX.Element;\n  OptionsSpeaker?: JSX.Element;\n  ParticipantItemMicOff?: JSX.Element;\n  ParticipantItemOptions?: JSX.Element;\n  ParticipantItemOptionsHovered?: JSX.Element;\n  ParticipantItemScreenShareStart?: JSX.Element;\n  VideoTileMicOff?: JSX.Element;\n  LocalCameraSwitch?: JSX.Element;\n  PeoplePaneAddPerson?: JSX.Element;\n  PeoplePaneOpenDialpad?: JSX.Element;\n  DialpadStartCall?: JSX.Element;\n  NoticePageInviteToRoomRemoved?: JSX.Element;\n  BlurVideoBackground?: JSX.Element;\n  RemoveVideoBackgroundEffect?: JSX.Element;\n  GalleryOptions?: JSX.Element;\n  SpeakerGalleryLayout?: JSX.Element;\n  FloatingLocalVideoGalleryLayout?: JSX.Element;\n  DefaultGalleryLayout?: JSX.Element;\n  FocusedContentGalleryLayout?: JSX.Element;\n  OverflowGalleryTop?: JSX.Element;\n  LargeGalleryLayout?: JSX.Element;\n  DefaultCustomButton?: JSX.Element;\n  DtmfDialpadButton?: JSX.Element;\n  PhoneNumberButton?: JSX.Element;\n  JoinByPhoneDialStepIcon?: JSX.Element;\n  JoinByPhoneConferenceIdIcon?: JSX.Element;\n  JoinByPhoneWaitToBeAdmittedIcon?: JSX.Element;\n  PeoplePaneMoreButton?: JSX.Element;\n  StopAllSpotlightMenuButton?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the CallComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const CallCompositeIcon = (props: CompositeIconProps<CallCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden for {@link CallWithChatComposite}.\n *\n * @public\n */\nexport type CallWithChatCompositeIcons = {\n  // CallWithChat Specific Icons\n  ChevronLeft?: JSX.Element;\n  ControlBarChatButtonActive?: JSX.Element;\n  ControlBarChatButtonInactive?: JSX.Element;\n  ControlBarPeopleButton?: JSX.Element;\n  Link?: JSX.Element;\n  MoreDrawerMicrophones?: JSX.Element;\n  MoreDrawerPeople?: JSX.Element;\n  MoreDrawerSelectedMicrophone?: JSX.Element;\n  MoreDrawerSelectedSpeaker?: JSX.Element;\n  MoreDrawerSpeakers?: JSX.Element;\n\n  // Call icons\n  ControlButtonCameraOff?: JSX.Element;\n  ControlButtonCameraOn?: JSX.Element;\n  ControlButtonEndCall?: JSX.Element;\n  ControlButtonMicOff?: JSX.Element;\n  ControlButtonMicOn?: JSX.Element;\n  ControlButtonOptions?: JSX.Element;\n  ControlButtonScreenShareStart?: JSX.Element;\n  ControlButtonScreenShareStop?: JSX.Element;\n  ControlButtonCameraProhibited?: JSX.Element;\n  ControlButtonMicProhibited?: JSX.Element;\n  ErrorBarCallCameraAccessDenied?: JSX.Element;\n  ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n  ErrorBarCallLocalVideoFreeze?: JSX.Element;\n  ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n  ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n  ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n  ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n  ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n  ErrorBarCallNetworkQualityLow?: JSX.Element;\n  ErrorBarCallNoMicrophoneFound?: JSX.Element;\n  ErrorBarCallNoSpeakerFound?: JSX.Element;\n  ErrorBarClear?: JSX.Element;\n  HorizontalGalleryLeftButton?: JSX.Element;\n  HorizontalGalleryRightButton?: JSX.Element;\n  LobbyScreenConnectingToCall?: JSX.Element;\n  LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n  LocalDeviceSettingsCamera?: JSX.Element;\n  LocalDeviceSettingsMic?: JSX.Element;\n  LocalDeviceSettingsSpeaker?: JSX.Element;\n  LocalPreviewPlaceholder?: JSX.Element;\n  Muted?: JSX.Element;\n  NetworkReconnectIcon?: JSX.Element;\n  NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n  NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n  NoticePageLeftCall?: JSX.Element;\n  NoticePageRemovedFromCall?: JSX.Element;\n  OptionsCamera?: JSX.Element;\n  OptionsMic?: JSX.Element;\n  OptionsSpeaker?: JSX.Element;\n  ParticipantItemMicOff?: JSX.Element;\n  ParticipantItemScreenShareStart?: JSX.Element;\n  VideoTileMicOff?: JSX.Element;\n  LocalCameraSwitch?: JSX.Element;\n  PeoplePaneAddPerson?: JSX.Element;\n  PeoplePaneOpenDialpad?: JSX.Element;\n  DialpadStartCall?: JSX.Element;\n  DefaultCustomButton?: JSX.Element;\n  DtmfDialpadButton?: JSX.Element;\n\n  // Chat icons\n  EditBoxCancel?: JSX.Element;\n  EditBoxSubmit?: JSX.Element;\n  MessageDelivered?: JSX.Element;\n  MessageEdit?: JSX.Element;\n  MessageFailed?: JSX.Element;\n  MessageRemove?: JSX.Element;\n  MessageSeen?: JSX.Element;\n  MessageSending?: JSX.Element;\n  SendBoxSend?: JSX.Element;\n  SendBoxSendHovered?: JSX.Element;\n  SendBoxAttachFile?: JSX.Element;\n\n  // Icons common to Call and Chat.\n  ParticipantItemOptions?: JSX.Element;\n  ParticipantItemOptionsHovered?: JSX.Element;\n  PeoplePaneMoreButton?: JSX.Element;\n  StopAllSpotlightMenuButton?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the CallWithChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const CallWithChatCompositeIcon = (props: CompositeIconProps<CallWithChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden in one of the composites exported by this library.\n *\n * See {@link ChatCompositeIcons}, {@link CallCompositeIcons} and {@link CallWithChatCompositeIcons} for more targeted types.\n *\n * @public\n */\nexport type CompositeIcons = ChatCompositeIcons & CallCompositeIcons & CallWithChatCompositeIcons;"]}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC5U,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,yCAAmC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EAAE,QAAQ,EAAc,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5F,OAAO,EAAE,qBAAqB,EAAE,+BAA+B,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAChL,MAAM,WAAW,GAAG,GAAgB,EAAE,CAAC,oBAAC,OAAO,IAAC,IAAI,EAAE,WAAW,CAAC,KAAK,GAAI,CAAC;AAE5E;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,WAAW,EAAE,SAAS;IACtB,IAAI,EAAE,SAAS;IACf,2BAA2B,EAAE,oBAAC,WAAW,OAAG;IAC5C,8BAA8B,EAAE,oBAAC,WAAW,OAAG;IAC/C,yBAAyB,EAAE,oBAAC,aAAa,OAAG;IAC5C,sBAAsB,EAAE,oBAAC,WAAW,OAAG;IACvC,0BAA0B,EAAE,oBAAC,gBAAgB,OAAG;IAChD,uBAAuB,EAAE,oBAAC,gBAAgB,OAAG;IAC7C,iBAAiB,EAAE,oBAAC,qBAAqB,OAAG;IAC5C,0BAA0B,EAAE,oBAAC,YAAY,OAAG;IAC5C,4BAA4B,EAAE,oBAAC,aAAa,OAAG;IAC/C,6BAA6B,EAAE,oBAAC,uBAAuB,OAAG;IAC1D,0BAA0B,EAAE,oBAAC,qBAAqB,OAAG;IACrD,0BAA0B,EAAE,oBAAC,0BAA0B,OAAG;IAC1D,sBAAsB,EAAE,oBAAC,eAAe,OAAG;IAC3C,qBAAqB,EAAE,oBAAC,YAAY,OAAG;IACvC,gBAAgB,EAAE,oBAAC,eAAe,OAAG;IACrC,kBAAkB,EAAE,oBAAC,iBAAiB,OAAG;IACzC,4BAA4B,EAAE,oBAAC,WAAW,OAAG;IAC7C,yBAAyB,EAAE,oBAAC,gBAAgB,OAAG;IAC/C,KAAK,EAAE,oBAAC,cAAc,OAAG;IACzB,oBAAoB,EAAE,oBAAC,kBAAkB,OAAG;IAC5C,kCAAkC,EAAE,oBAAC,oBAAoB,OAAG;IAC5D,sCAAsC,EAAE,oBAAC,mBAAmB,OAAG;IAC/D,kBAAkB,EAAE,oBAAC,eAAe,OAAG;IACvC,yBAAyB,EAAE,oBAAC,YAAY,OAAG;IAC3C,0BAA0B,EAAE,oBAAC,YAAY,OAAG;IAC5C,sBAAsB,EAAE,oBAAC,YAAY,OAAG;IACxC,sBAAsB,EAAE,oBAAC,YAAY,OAAG;IACxC,sBAAsB,EAAE,oBAAC,YAAY,OAAG;IACxC,qBAAqB,EAAE,oBAAC,YAAY,OAAG;IACvC,mBAAmB,EAAE,oBAAC,kBAAkB,OAAG;IAC3C,qBAAqB,EAAE,oBAAC,gBAAgB,OAAG;IAC3C,gBAAgB,EAAE,oBAAC,aAAa,OAAG;IACnC,6BAA6B,EAAE,oBAAC,YAAY,OAAG;IAC/C,mBAAmB,EAAE,oBAAC,8BAA8B,OAAG;IACvD,2BAA2B,EAAE,oBAAC,mBAAmB,OAAG;IACpD,cAAc,EAAE,oBAAC,aAAa,OAAG;IACjC,kBAAkB,EAAE,oBAAC,+BAA+B,OAAG;IACvD,oBAAoB,EAAE,oBAAC,qBAAqB,OAAG;IAC/C,oBAAoB,EAAE,oBAAC,oBAAoB,OAAG;IAC9C,+BAA+B,EAAE,oBAAC,mBAAmB,OAAG;IACxD,2BAA2B,EAAE,oBAAC,oBAAoB,OAAG;IACrD,kBAAkB,EAAE,oBAAC,cAAc,OAAG;IACtC,mBAAmB,EAAE,oBAAC,eAAe,OAAG;IACxC,iBAAiB,EAAE,oBAAC,gBAAgB,OAAG;IACvC,iBAAiB,EAAE,oBAAC,mBAAmB,OAAG;IAC1C,uBAAuB,EAAE,oBAAC,mBAAmB,OAAG;IAChD,2BAA2B,EAAE,oBAAC,gBAAgB,OAAG;IACjD,+BAA+B,EAAE,oBAAC,aAAa,OAAG;IAClD,oBAAoB,EAAE,oBAAC,sBAAsB,OAAG;IAChD,0BAA0B,EAAE,oBAAC,0BAA0B,OAAG;CAC3D,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,mCAC/B,uBAAuB,GACvB,oBAAoB,CACxB,CAAC;AA2BF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6C,EAAe,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC;AA0FzH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6C,EAAe,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC;AA0FzH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAqD,EAAe,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Filled, Chat20Regular, Info20Filled, MicOff20Filled, Mic20Filled, Mic20Regular, People20Regular, PersonDelete20Filled, Speaker220Filled, Speaker220Regular, Video20Filled, VideoOff20Filled, WifiWarning20Filled, Circle20Regular } from '@fluentui/react-icons';\nimport { PersonCall20Regular, Clock20Filled } from '@fluentui/react-icons';\nimport { MoreHorizontal20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';\nimport { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';\nimport { Grid20Regular } from '@fluentui/react-icons';\nimport { PersonAdd20Regular, Call20Regular } from '@fluentui/react-icons';\nimport { Dialpad20Regular } from '@fluentui/react-icons';\nimport { DEFAULT_COMPONENT_ICONS } from '@internal/react-components';\nimport React from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { FontIcon, IIconProps, Spinner, SpinnerSize } from '@fluentui/react';\nimport { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';\nimport { PersonSquare20Regular, WindowHeaderHorizontal20Regular, TableSimple20Regular, BoardSplit20Regular, ContentView20Regular, Table20Regular } from '@fluentui/react-icons';\nconst SpinnerIcon = (): JSX.Element => <Spinner size={SpinnerSize.large} />;\n\n/**\n * The default set of icons used by the composites directly (i.e. not via the components defined in this library).\n *\n * @public\n */\nexport const COMPOSITE_ONLY_ICONS: CompositeIcons = {\n  ChevronLeft: undefined,\n  Link: undefined,\n  LobbyScreenConnectingToCall: <SpinnerIcon />,\n  LobbyScreenWaitingToBeAdmitted: <SpinnerIcon />,\n  LocalDeviceSettingsCamera: <Video20Filled />,\n  LocalDeviceSettingsMic: <Mic20Filled />,\n  LocalDeviceSettingsSpeaker: <Speaker220Filled />,\n  LocalPreviewPlaceholder: <VideoOff20Filled />,\n  LocalCameraSwitch: <CameraSwitch24Regular />,\n  ControlBarChatButtonActive: <Chat20Filled />,\n  ControlBarChatButtonInactive: <Chat20Regular />,\n  ControlButtonCameraProhibited: <VideoProhibited20Filled />,\n  ControlButtonMicProhibited: <MicProhibited20Filled />,\n  ControlButtonExitSpotlight: <VideoPersonStarOff20Filled />,\n  ControlBarPeopleButton: <People20Regular />,\n  MoreDrawerMicrophones: <Mic20Regular />,\n  MoreDrawerPeople: <People20Regular />,\n  MoreDrawerSpeakers: <Speaker220Regular />,\n  MoreDrawerSelectedMicrophone: <Mic20Filled />,\n  MoreDrawerSelectedSpeaker: <Speaker220Filled />,\n  Muted: <MicOff20Filled />,\n  NetworkReconnectIcon: <CallMissed20Filled />,\n  NoticePageAccessDeniedTeamsMeeting: <PersonDelete20Filled />,\n  NoticePageJoinCallFailedDueToNoNetwork: <WifiWarning20Filled />,\n  NoticePageLeftCall: <CallEnd20Filled />,\n  NoticePageRemovedFromCall: <Info20Filled />,\n  NoticePageNotInvitedToRoom: <Info20Filled />,\n  NoticePageRoomNotFound: <Info20Filled />,\n  NoticePageRoomNotValid: <Info20Filled />,\n  NoticePageCallRejected: <Info20Filled />,\n  NoticePageCallTimeout: <Info20Filled />,\n  PeoplePaneAddPerson: <PersonAdd20Regular />,\n  PeoplePaneOpenDialpad: <Dialpad20Regular />,\n  DialpadStartCall: <Call20Regular />,\n  NoticePageInviteToRoomRemoved: <Info20Filled />,\n  BlurVideoBackground: <VideoBackgroundEffect20Regular />,\n  RemoveVideoBackgroundEffect: <VideoPerson20Filled />,\n  GalleryOptions: <Grid20Regular />,\n  OverflowGalleryTop: <WindowHeaderHorizontal20Regular />,\n  SpeakerGalleryLayout: <PersonSquare20Regular />,\n  DefaultGalleryLayout: <TableSimple20Regular />,\n  FloatingLocalVideoGalleryLayout: <BoardSplit20Regular />,\n  FocusedContentGalleryLayout: <ContentView20Regular />,\n  LargeGalleryLayout: <Table20Regular />,\n  DefaultCustomButton: <Circle20Regular />,\n  DtmfDialpadButton: <Dialpad20Regular />,\n  PhoneNumberButton: <PersonCall20Regular />,\n  JoinByPhoneDialStepIcon: <PersonCall20Regular />,\n  JoinByPhoneConferenceIdIcon: <Dialpad20Regular />,\n  JoinByPhoneWaitToBeAdmittedIcon: <Clock20Filled />,\n  PeoplePaneMoreButton: <MoreHorizontal20Filled />,\n  StopAllSpotlightMenuButton: <VideoPersonStarOff20Filled />\n};\n\n/**\n * The default set of icons that are available to used in the Composites.\n *\n * @public\n */\nexport const DEFAULT_COMPOSITE_ICONS = {\n  ...DEFAULT_COMPONENT_ICONS,\n  ...COMPOSITE_ONLY_ICONS\n};\n\n/** @private */\nexport type CompositeIconProps<Icons> = IIconProps & {\n  iconName: keyof Icons;\n};\n\n/**\n * Icons that can be overridden for {@link ChatComposite}.\n *\n * @public\n */\nexport type ChatCompositeIcons = {\n  EditBoxCancel?: JSX.Element;\n  EditBoxSubmit?: JSX.Element;\n  MessageDelivered?: JSX.Element;\n  MessageEdit?: JSX.Element;\n  MessageFailed?: JSX.Element;\n  MessageRemove?: JSX.Element;\n  MessageSeen?: JSX.Element;\n  MessageSending?: JSX.Element;\n  ParticipantItemOptions?: JSX.Element;\n  ParticipantItemOptionsHovered?: JSX.Element;\n  SendBoxSend?: JSX.Element;\n  SendBoxSendHovered?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the ChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const ChatCompositeIcon = (props: CompositeIconProps<ChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden for {@link CallComposite}.\n *\n * @public\n */\nexport type CallCompositeIcons = {\n  ControlBarPeopleButton?: JSX.Element;\n  ControlButtonCameraOff?: JSX.Element;\n  ControlButtonCameraOn?: JSX.Element;\n  ControlButtonEndCall?: JSX.Element;\n  ControlButtonMicOff?: JSX.Element;\n  ControlButtonMicOn?: JSX.Element;\n  ControlButtonOptions?: JSX.Element;\n  ControlButtonParticipants?: JSX.Element;\n  ControlButtonScreenShareStart?: JSX.Element;\n  ControlButtonScreenShareStop?: JSX.Element;\n  ControlButtonCameraProhibited?: JSX.Element;\n  ControlButtonMicProhibited?: JSX.Element;\n  ControlButtonRaiseHand?: JSX.Element;\n  ControlButtonLowerHand?: JSX.Element;\n  ControlButtonExitSpotlight?: JSX.Element;\n  RaiseHandContextualMenuItem?: JSX.Element;\n  ReactionContextualMenuItem?: JSX.Element;\n  LowerHandContextualMenuItem?: JSX.Element;\n  ReactionButtonIcon?: JSX.Element;\n  ErrorBarCallCameraAccessDenied?: JSX.Element;\n  ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n  ErrorBarCallLocalVideoFreeze?: JSX.Element;\n  ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n  ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n  ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n  ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n  ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n  ErrorBarCallNetworkQualityLow?: JSX.Element;\n  ErrorBarCallNoMicrophoneFound?: JSX.Element;\n  ErrorBarCallNoSpeakerFound?: JSX.Element;\n  ErrorBarClear?: JSX.Element;\n  HorizontalGalleryLeftButton?: JSX.Element;\n  HorizontalGalleryRightButton?: JSX.Element;\n  LobbyScreenConnectingToCall?: JSX.Element;\n  LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n  LocalDeviceSettingsCamera?: JSX.Element;\n  LocalDeviceSettingsMic?: JSX.Element;\n  LocalDeviceSettingsSpeaker?: JSX.Element;\n  LocalPreviewPlaceholder?: JSX.Element;\n  Muted?: JSX.Element;\n  NetworkReconnectIcon?: JSX.Element;\n  NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n  NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n  NoticePageLeftCall?: JSX.Element;\n  NoticePageRemovedFromCall?: JSX.Element;\n  NoticePageCallRejected?: JSX.Element;\n  NoticePageNotInvitedToRoom?: JSX.Element;\n  NoticePageRoomNotFound?: JSX.Element;\n  NoticePageRoomNotValid?: JSX.Element;\n  NoticePageCallTimeout?: JSX.Element;\n  OptionsCamera?: JSX.Element;\n  OptionsMic?: JSX.Element;\n  OptionsSpeaker?: JSX.Element;\n  ParticipantItemMicOff?: JSX.Element;\n  ParticipantItemOptions?: JSX.Element;\n  ParticipantItemOptionsHovered?: JSX.Element;\n  ParticipantItemScreenShareStart?: JSX.Element;\n  VideoTileMicOff?: JSX.Element;\n  LocalCameraSwitch?: JSX.Element;\n  PeoplePaneAddPerson?: JSX.Element;\n  PeoplePaneOpenDialpad?: JSX.Element;\n  DialpadStartCall?: JSX.Element;\n  NoticePageInviteToRoomRemoved?: JSX.Element;\n  BlurVideoBackground?: JSX.Element;\n  RemoveVideoBackgroundEffect?: JSX.Element;\n  GalleryOptions?: JSX.Element;\n  SpeakerGalleryLayout?: JSX.Element;\n  FloatingLocalVideoGalleryLayout?: JSX.Element;\n  DefaultGalleryLayout?: JSX.Element;\n  FocusedContentGalleryLayout?: JSX.Element;\n  OverflowGalleryTop?: JSX.Element;\n  LargeGalleryLayout?: JSX.Element;\n  DefaultCustomButton?: JSX.Element;\n  DtmfDialpadButton?: JSX.Element;\n  PhoneNumberButton?: JSX.Element;\n  JoinByPhoneDialStepIcon?: JSX.Element;\n  JoinByPhoneConferenceIdIcon?: JSX.Element;\n  JoinByPhoneWaitToBeAdmittedIcon?: JSX.Element;\n  PeoplePaneMoreButton?: JSX.Element;\n  StopAllSpotlightMenuButton?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the CallComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const CallCompositeIcon = (props: CompositeIconProps<CallCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden for {@link CallWithChatComposite}.\n *\n * @public\n */\nexport type CallWithChatCompositeIcons = {\n  // CallWithChat Specific Icons\n  ChevronLeft?: JSX.Element;\n  ControlBarChatButtonActive?: JSX.Element;\n  ControlBarChatButtonInactive?: JSX.Element;\n  ControlBarPeopleButton?: JSX.Element;\n  Link?: JSX.Element;\n  MoreDrawerMicrophones?: JSX.Element;\n  MoreDrawerPeople?: JSX.Element;\n  MoreDrawerSelectedMicrophone?: JSX.Element;\n  MoreDrawerSelectedSpeaker?: JSX.Element;\n  MoreDrawerSpeakers?: JSX.Element;\n\n  // Call icons\n  ControlButtonCameraOff?: JSX.Element;\n  ControlButtonCameraOn?: JSX.Element;\n  ControlButtonEndCall?: JSX.Element;\n  ControlButtonMicOff?: JSX.Element;\n  ControlButtonMicOn?: JSX.Element;\n  ControlButtonOptions?: JSX.Element;\n  ControlButtonScreenShareStart?: JSX.Element;\n  ControlButtonScreenShareStop?: JSX.Element;\n  ControlButtonCameraProhibited?: JSX.Element;\n  ControlButtonMicProhibited?: JSX.Element;\n  ErrorBarCallCameraAccessDenied?: JSX.Element;\n  ErrorBarCallCameraAlreadyInUse?: JSX.Element;\n  ErrorBarCallLocalVideoFreeze?: JSX.Element;\n  ErrorBarCallMacOsCameraAccessDenied?: JSX.Element;\n  ErrorBarCallMacOsMicrophoneAccessDenied?: JSX.Element;\n  ErrorBarCallMicrophoneAccessDenied?: JSX.Element;\n  ErrorBarCallMicrophoneMutedBySystem?: JSX.Element;\n  ErrorBarCallMicrophoneUnmutedBySystem?: JSX.Element;\n  ErrorBarCallNetworkQualityLow?: JSX.Element;\n  ErrorBarCallNoMicrophoneFound?: JSX.Element;\n  ErrorBarCallNoSpeakerFound?: JSX.Element;\n  ErrorBarClear?: JSX.Element;\n  HorizontalGalleryLeftButton?: JSX.Element;\n  HorizontalGalleryRightButton?: JSX.Element;\n  LobbyScreenConnectingToCall?: JSX.Element;\n  LobbyScreenWaitingToBeAdmitted?: JSX.Element;\n  LocalDeviceSettingsCamera?: JSX.Element;\n  LocalDeviceSettingsMic?: JSX.Element;\n  LocalDeviceSettingsSpeaker?: JSX.Element;\n  LocalPreviewPlaceholder?: JSX.Element;\n  Muted?: JSX.Element;\n  NetworkReconnectIcon?: JSX.Element;\n  NoticePageAccessDeniedTeamsMeeting?: JSX.Element;\n  NoticePageJoinCallFailedDueToNoNetwork?: JSX.Element;\n  NoticePageLeftCall?: JSX.Element;\n  NoticePageRemovedFromCall?: JSX.Element;\n  OptionsCamera?: JSX.Element;\n  OptionsMic?: JSX.Element;\n  OptionsSpeaker?: JSX.Element;\n  ParticipantItemMicOff?: JSX.Element;\n  ParticipantItemScreenShareStart?: JSX.Element;\n  VideoTileMicOff?: JSX.Element;\n  LocalCameraSwitch?: JSX.Element;\n  PeoplePaneAddPerson?: JSX.Element;\n  PeoplePaneOpenDialpad?: JSX.Element;\n  DialpadStartCall?: JSX.Element;\n  DefaultCustomButton?: JSX.Element;\n  DtmfDialpadButton?: JSX.Element;\n\n  // Chat icons\n  EditBoxCancel?: JSX.Element;\n  EditBoxSubmit?: JSX.Element;\n  MessageDelivered?: JSX.Element;\n  MessageEdit?: JSX.Element;\n  MessageFailed?: JSX.Element;\n  MessageRemove?: JSX.Element;\n  MessageSeen?: JSX.Element;\n  MessageSending?: JSX.Element;\n  SendBoxSend?: JSX.Element;\n  SendBoxSendHovered?: JSX.Element;\n  SendBoxAttachFile?: JSX.Element;\n\n  // Icons common to Call and Chat.\n  ParticipantItemOptions?: JSX.Element;\n  ParticipantItemOptionsHovered?: JSX.Element;\n  PeoplePaneMoreButton?: JSX.Element;\n  StopAllSpotlightMenuButton?: JSX.Element;\n};\n\n/**\n * Icon wrapper to use when including customizable icons inside the CallWithChatComposite.\n * This wrapper ensures the icon name is being type-checked helping ensure no typos\n * and ensure that icon is customizable through the composite API.\n *\n * @private\n */\nexport const CallWithChatCompositeIcon = (props: CompositeIconProps<CallWithChatCompositeIcons>): JSX.Element => <FontIcon {...props} />;\n\n/**\n * Icons that can be overridden in one of the composites exported by this library.\n *\n * See {@link ChatCompositeIcons}, {@link CallCompositeIcons} and {@link CallWithChatCompositeIcons} for more targeted types.\n *\n * @public\n */\nexport type CompositeIcons = ChatCompositeIcons & CallCompositeIcons & CallWithChatCompositeIcons;"]}

package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.d.ts

@@ -0,0 +1,8 @@
+import { DeepNoiseSuppressionEffectDependency } from "../../../../calling-component-bindings/src";
+/**
+ *
+ * Dependency resolution for video background effects using lazy loading.
+ * @public
+ */
+export declare const onResolveDeepNoiseSuppressionDependency: () => Promise<DeepNoiseSuppressionEffectDependency>;
+//# sourceMappingURL=resolveDeepNoiseSuppressionDependency.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.js

@@ -0,0 +1,24 @@
+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 { DeepNoiseSuppressionEffect } from '@azure/communication-calling-effects';
+/**
+ *
+ * Dependency resolution for video background effects using lazy loading.
+ * @public
+ */
+export const onResolveDeepNoiseSuppressionDependency = () => __awaiter(void 0, void 0, void 0, function* () {
+    const audioEffect = {
+        noiseSuppression: new DeepNoiseSuppressionEffect()
+    };
+    return {
+        deepNoiseSuppressionEffect: audioEffect
+    };
+});
+//# sourceMappingURL=resolveDeepNoiseSuppressionDependency.js.map

package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveDeepNoiseSuppressionDependency.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependency.ts"],"names":[],"mappings":";;;;;;;;;AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAwD,EAAE;IAC/G,MAAM,WAAW,GAA4B;QAC3C,gBAAgB,EAAE,IAAI,0BAA0B,EAAE;KACnD,CAAC;IACF,OAAO;QACL,0BAA0B,EAAE,WAAW;KACxC,CAAC;AACJ,CAAC,CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { AudioEffectsStartConfig } from '@azure/communication-calling';\nimport { DeepNoiseSuppressionEffectDependency } from '@internal/calling-component-bindings';\nimport { DeepNoiseSuppressionEffect } from '@azure/communication-calling-effects';\n/**\n *\n * Dependency resolution for video background effects using lazy loading.\n * @public\n */\nexport const onResolveDeepNoiseSuppressionDependency = async (): Promise<DeepNoiseSuppressionEffectDependency> => {\n  const audioEffect: AudioEffectsStartConfig = {\n    noiseSuppression: new DeepNoiseSuppressionEffect()\n  };\n  return {\n    deepNoiseSuppressionEffect: audioEffect\n  };\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.d.ts

@@ -0,0 +1,8 @@
+import { DeepNoiseSuppressionEffectDependency } from "../../../../calling-component-bindings/src";
+/**
+ *
+ * Dependency resolution for video background effects using lazy loading.
+ * @public
+ */
+export declare const onResolveDeepNoiseSuppressionDependencyLazy: () => Promise<DeepNoiseSuppressionEffectDependency>;
+//# sourceMappingURL=resolveDeepNoiseSuppressionDependencyLazy.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.js

@@ -0,0 +1,24 @@
+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());
+    });
+};
+/**
+ *
+ * Dependency resolution for video background effects using lazy loading.
+ * @public
+ */
+export const onResolveDeepNoiseSuppressionDependencyLazy = () => __awaiter(void 0, void 0, void 0, function* () {
+    const module = yield import('@azure/communication-calling-effects');
+    const audioEffect = {
+        noiseSuppression: new module.DeepNoiseSuppressionEffect()
+    };
+    return {
+        deepNoiseSuppressionEffect: audioEffect
+    };
+});
+//# sourceMappingURL=resolveDeepNoiseSuppressionDependencyLazy.js.map

package/dist/dist-esm/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveDeepNoiseSuppressionDependencyLazy.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/resolveDeepNoiseSuppressionDependencyLazy.ts"],"names":[],"mappings":";;;;;;;;;AAIA;;;;GAIG;AACH,MAAM,CAAC,MAAM,2CAA2C,GAAG,GAAwD,EAAE;IACnH,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC;IACpE,MAAM,WAAW,GAA4B;QAC3C,gBAAgB,EAAE,IAAI,MAAM,CAAC,0BAA0B,EAAE;KAC1D,CAAC;IACF,OAAO;QACL,0BAA0B,EAAE,WAAW;KACxC,CAAC;AACJ,CAAC,CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { AudioEffectsStartConfig } from '@azure/communication-calling';\nimport { DeepNoiseSuppressionEffectDependency } from '@internal/calling-component-bindings';\n/**\n *\n * Dependency resolution for video background effects using lazy loading.\n * @public\n */\nexport const onResolveDeepNoiseSuppressionDependencyLazy = async (): Promise<DeepNoiseSuppressionEffectDependency> => {\n  const module = await import('@azure/communication-calling-effects');\n  const audioEffect: AudioEffectsStartConfig = {\n    noiseSuppression: new module.DeepNoiseSuppressionEffect()\n  };\n  return {\n    deepNoiseSuppressionEffect: audioEffect\n  };\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/**\n * Control bar display type for {@link CallComposite}.\n *\n * @public\n */\nexport type CallControlDisplayType = 'default' | 'compact';\n\n/**\n * Customization options for the control bar in calling experience.\n *\n * @public\n */\nexport type CommonCallControlOptions = {\n  /**\n   * {@link CallControlDisplayType} to change how the call controls are displayed.\n   * `'compact'` display type will decreases the size of buttons and hide the labels.\n   *\n   * @remarks\n   * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n   *\n   * @defaultValue 'default'\n   */\n  displayType?: CallControlDisplayType;\n  /**\n   * Show or Hide Camera Button during a call\n   * @defaultValue true\n   */\n  cameraButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or Hide EndCall button during a call.\n   * @defaultValue true\n   */\n  endCallButton?: boolean | {\n    /**\n     * whether to make end call button to trigger a menu, which will enable end call for everybody functionality.\n     * @defaultValue false\n     */\n    hangUpForEveryone?: false | 'endCallOptions';\n    /**\n     * Wether to disable the end call confirmation modal.\n     */\n    disableEndCallModal?: boolean;\n  };\n  /**\n   * Show or Hide Microphone button during a call.\n   * @defaultValue true\n   */\n  microphoneButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or Hide Devices button during a call.\n   * @defaultValue true\n   */\n  devicesButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable participants button during a call.\n   * @defaultValue true\n   */\n  participantsButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  screenShareButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or disable the more button during a call.\n   * @defaultValue true\n   */\n  moreButton?: boolean;\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  raiseHandButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable the reaction button during a call.\n   * @defaultValue true\n   */\n  reactionButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Inject custom buttons in the call controls.\n   */\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n  holdButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or hide the people button in the composite control bar.\n   * @defaultValue true\n   */\n  peopleButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or hide the dialpad button in the composite control bar.\n   */\n  dtmfDialerButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.\n   */\n  exitSpotlightButton?: boolean;\n  /**\n   * Show, Hide or Disable captions during a call.\n   * @defaultValue true\n   */\n  captionsButton?: boolean;\n  /**\n   * Show, Hide or Disable gallery controls button during a call.\n   * @defaultValue true\n   */\n  galleryControlsButton?: boolean;\n  /**\n   * Show, meeting conference phone information.\n   * @defaultValue true\n   */\n  teamsMeetingPhoneCallButton?: boolean;\n};"]}
+{"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/**\n * Control bar display type for {@link CallComposite}.\n *\n * @public\n */\nexport type CallControlDisplayType = 'default' | 'compact';\n\n/**\n * Customization options for the control bar in calling experience.\n *\n * @public\n */\nexport type CommonCallControlOptions = {\n  /**\n   * {@link CallControlDisplayType} to change how the call controls are displayed.\n   * `'compact'` display type will decreases the size of buttons and hide the labels.\n   *\n   * @remarks\n   * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n   *\n   * @defaultValue 'default'\n   */\n  displayType?: CallControlDisplayType;\n  /**\n   * Show or Hide Camera Button during a call\n   * @defaultValue true\n   */\n  cameraButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or Hide EndCall button during a call.\n   * @defaultValue true\n   */\n  endCallButton?: boolean | {\n    /**\n     * whether to make end call button to trigger a menu, which will enable end call for everybody functionality.\n     * @defaultValue false\n     */\n    hangUpForEveryone?: false | 'endCallOptions';\n    /**\n     * Wether to disable the end call confirmation modal.\n     */\n    disableEndCallModal?: boolean;\n  };\n  /**\n   * Show or Hide Microphone button during a call.\n   * @defaultValue true\n   */\n  microphoneButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or Hide Devices button during a call.\n   * @defaultValue true\n   */\n  devicesButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable participants button during a call.\n   * @defaultValue true\n   */\n  participantsButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  screenShareButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or disable the more button during a call.\n   * @defaultValue true\n   */\n  moreButton?: boolean;\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  raiseHandButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable the reaction button during a call.\n   * @defaultValue true\n   */\n  reactionButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Inject custom buttons in the call controls.\n   */\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n  holdButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or hide the people button in the composite control bar.\n   * @defaultValue true\n   */\n  peopleButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or hide the dialpad button in the composite control bar.\n   */\n  dtmfDialerButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.\n   */\n  exitSpotlightButton?: boolean;\n\n  /**\n   * Show, Hide or Disable captions during a call.\n   * @defaultValue true\n   */\n  captionsButton?: boolean;\n  /**\n   * Show, Hide or Disable gallery controls button during a call.\n   * @defaultValue true\n   */\n  galleryControlsButton?: boolean;\n  /**\n   * Show, meeting conference phone information.\n   * @defaultValue true\n   */\n  teamsMeetingPhoneCallButton?: boolean;\n};"]}

package/dist/dist-esm/react-composites/src/composites/common/utils.d.ts

@@ -18,9 +18,5 @@ export declare const useMinMaxDragPosition: (modalLayerHostId: string, rtl?: boo
  * @private
  */
 export declare const defaultSpokenLanguage = "en-us";
-/**
- * @private
- */
-export declare const busyWait: (checkCondition: () => boolean, retryLimit?: number) => Promise<void>;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/utils.js

@@ -1,14 +1,5 @@
 // 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 { _useContainerHeight, _useContainerWidth } from "../../../../react-components/src";
 import { useMemo, useRef } from 'react';
 import { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';
@@ -43,17 +34,4 @@ export const useMinMaxDragPosition = (modalLayerHostId, rtl) => {
  * @private
  */
 export const defaultSpokenLanguage = 'en-us';
-/**
- * @private
- */
-export const busyWait = (checkCondition, retryLimit) => __awaiter(void 0, void 0, void 0, function* () {
-    const delayMs = 500;
-    let retryCount = 0;
-    while (!checkCondition()) {
-        yield new Promise(resolve => setTimeout(resolve, delayMs));
-        if (!retryLimit || retryLimit && retryCount++ >= retryLimit) {
-            break;
-        }
-    }
-});
 //# sourceMappingURL=utils.js.map