@azure/communication-react 1.22.0-alpha-202412180017 → 1.22.0

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

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

@@ -1,220 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { CameraAndMicrophoneSitePermissions, CameraSitePermissions, MicrophoneSitePermissions, _DrawerSurface } from "../../../../../react-components/src";
-/* @conditional-compile-remove(call-readiness) */
-import { _ModalClone } from "../../../../../react-components/src";
-/* @conditional-compile-remove(call-readiness) */
-import { drawerContainerStyles } from '../styles/CallComposite.styles';
-/* @conditional-compile-remove(call-readiness) */ /* @conditional-compile-remove(unsupported-browser) */
-import { _isSafari } from '../utils';
-/* @conditional-compile-remove(call-readiness) */
-const DRAWER_HIGH_Z_BAND = 99; // setting z index to  99 so that it sit above all components
-/* @conditional-compile-remove(call-readiness) */
-/**
- * Modal that guides user through enabling their camera and mic access
- * @private
- */
-export const CallReadinessModal = (props) => {
-    const { mobileView, permissionsState, 
-    /* @conditional-compile-remove(unsupported-browser) */ environmentInfo, isPermissionsModalDismissed, setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick } = props;
-    const onLightDismissTriggered = () => {
-        // do nothing here
-        // only way to dismiss this drawer is clicking on allow access which will leads to device permission prompt
-    };
-    // On Safari browser with 2 options: don't allow/never for this website again, when don't allow is clicked, permissionAPI returns prompt and PermissionGranted from calling sdk returns false (the right value)
-    const videoState = permissionsState.camera;
-    const audioState = permissionsState.microphone;
-    const showModal = (!props.doNotPromptCamera && videoState === 'denied') ||
-        (!props.doNotPromptCamera && videoState === 'prompt') ||
-        audioState === 'denied' ||
-        audioState === 'prompt';
-    /* @conditional-compile-remove(unsupported-browser) */
-    const isSafari = _isSafari(environmentInfo);
-    const modal = !showModal
-        ? undefined
-        : () => {
-            // if both video and audio permission are not set
-            if (videoState === 'prompt' && !props.doNotPromptCamera && audioState === 'prompt') {
-                return (React.createElement(CameraAndMicrophoneSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, kind: "request" }));
-            }
-            // if audio permission is set up but video is not
-            else if (videoState === 'prompt' && !props.doNotPromptCamera) {
-                return (React.createElement(CameraSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, onContinueAnywayClick: () => {
-                        setIsPermissionsModalDismissed(false);
-                    }, kind: "request" }));
-            }
-            // if video permission is set up but audio is not
-            else if (audioState === 'prompt') {
-                return (React.createElement(MicrophoneSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, kind: "request" }));
-            }
-            // if both video and audio are denied
-            else if (videoState === 'denied' && !props.doNotPromptCamera && audioState === 'denied') {
-                return (React.createElement(CameraAndMicrophoneSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, kind: "denied" }));
-            }
-            // if only video is denied
-            else if (videoState === 'denied' && !props.doNotPromptCamera) {
-                return (React.createElement(CameraSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, onContinueAnywayClick: () => {
-                        setIsPermissionsModalDismissed(false);
-                    }, kind: "denied" }));
-            }
-            // if only audio is denied
-            else {
-                return (React.createElement(MicrophoneSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, kind: "denied" }));
-            }
-        };
-    if (mobileView && modal !== undefined) {
-        return (React.createElement(React.Fragment, null, isPermissionsModalDismissed && (React.createElement(_DrawerSurface, { disableMaxHeight: true, onLightDismiss: onLightDismissTriggered, styles: drawerContainerStyles(DRAWER_HIGH_Z_BAND) }, modal()))));
-    }
-    else if (!mobileView && modal !== undefined) {
-        return (React.createElement(_ModalClone, { styles: {
-                root: { position: 'unset' },
-                main: { position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)' }
-            }, layerProps: { hostId: props.modalLayerHostId }, isOpen: isPermissionsModalDismissed, isBlocking: false, onDismiss: () => {
-                setIsPermissionsModalDismissed(false);
-            }, overlay: { styles: { root: { background: 'rgba(0,0,0,0.4)' } } }, forceFocusInsideTrap: true, focusTrapZoneProps: {
-                disabled: false,
-                onKeyDown: (ev) => {
-                    if (ev.key === 'Escape') {
-                        setIsPermissionsModalDismissed(false);
-                    }
-                }
-            } }, modal()));
-    }
-    else {
-        return React.createElement(React.Fragment, null);
-    }
-};
-/* @conditional-compile-remove(call-readiness) */
-/**
- * Modal that guides user through enabling their camera and mic access
- * This is used when permission API is not supported
- * @private
- */
-export const CallReadinessModalFallBack = (props) => {
-    const { mobileView, checkPermissionModalShowing, permissionsState, 
-    /* @conditional-compile-remove(unsupported-browser) */ environmentInfo, isPermissionsModalDismissed, setIsPermissionsModalDismissed, onPermissionsTroubleshootingClick } = props;
-    const onLightDismissTriggered = () => {
-        // do nothing here
-        // only way to dismiss this drawer is clicking on allow access which will leads to device permission prompt
-    };
-    const videoState = permissionsState.camera;
-    const audioState = permissionsState.microphone;
-    // When permissions are not set, do nothing here
-    // When permissions are set to denied, show helper screen
-    const showModal = videoState === 'denied' || audioState === 'denied';
-    /* @conditional-compile-remove(unsupported-browser) */
-    const isSafari = _isSafari(environmentInfo);
-    const modal = !showModal
-        ? undefined
-        : () => {
-            if (videoState === 'denied' && audioState === 'denied') {
-                return (React.createElement(CameraAndMicrophoneSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, kind: "denied" }));
-            }
-            else if (videoState === 'denied' && audioState === 'granted') {
-                return (React.createElement(CameraSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, onContinueAnywayClick: () => {
-                        setIsPermissionsModalDismissed(false);
-                    }, kind: "denied" }));
-            }
-            else {
-                return (React.createElement(MicrophoneSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, kind: "denied" }));
-            }
-        };
-    if (mobileView) {
-        return (React.createElement(React.Fragment, null,
-            (checkPermissionModalShowing || audioState === 'prompt' || videoState === 'prompt') && (React.createElement(_DrawerSurface, { disableMaxHeight: true, onLightDismiss: onLightDismissTriggered, styles: drawerContainerStyles(DRAWER_HIGH_Z_BAND) },
-                React.createElement(CameraAndMicrophoneSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, kind: "check" }))),
-            isPermissionsModalDismissed && !checkPermissionModalShowing && modal !== undefined && (React.createElement(_DrawerSurface, { disableMaxHeight: true, onLightDismiss: onLightDismissTriggered, styles: drawerContainerStyles(DRAWER_HIGH_Z_BAND) }, modal()))));
-    }
-    else {
-        return (React.createElement(React.Fragment, null,
-            (checkPermissionModalShowing || audioState === 'prompt' || videoState === 'prompt') && (React.createElement(_ModalClone, { styles: {
-                    root: { position: 'unset' },
-                    main: { position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)' }
-                }, layerProps: { hostId: props.modalLayerHostId }, isOpen: isPermissionsModalDismissed, isBlocking: false, onDismiss: () => {
-                    setIsPermissionsModalDismissed(false);
-                }, overlay: { styles: { root: { background: 'rgba(0,0,0,0.4)' } } } },
-                React.createElement(CameraAndMicrophoneSitePermissions, { appName: 'app', 
-                    /* @conditional-compile-remove(unsupported-browser) */
-                    browserHint: isSafari ? 'safari' : 'unset', onTroubleshootingClick: onPermissionsTroubleshootingClick
-                        ? () => {
-                            onPermissionsTroubleshootingClick(permissionsState);
-                        }
-                        : undefined, kind: "check" }))),
-            !checkPermissionModalShowing && modal !== undefined && (React.createElement(_ModalClone, { styles: {
-                    root: { position: 'unset' },
-                    main: { position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)' }
-                }, layerProps: { hostId: props.modalLayerHostId }, isOpen: isPermissionsModalDismissed, isBlocking: false, onDismiss: () => {
-                    setIsPermissionsModalDismissed(false);
-                }, overlay: { styles: { root: { background: 'rgba(0,0,0,0.4)' } } } }, modal()))));
-    }
-};
-/**
- * Placeholder for conditional compile
- * @private
- */
-export const CallReadinessModalPlaceHolder = () => {
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=CallReadinessModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CallReadinessModal.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallReadinessModal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  CameraAndMicrophoneSitePermissions,\n  CameraSitePermissions,\n  MicrophoneSitePermissions,\n  _DrawerSurface\n} from '@internal/react-components';\n/* @conditional-compile-remove(call-readiness) */\nimport { _ModalClone } from '@internal/react-components';\n/* @conditional-compile-remove(call-readiness) */\nimport { drawerContainerStyles } from '../styles/CallComposite.styles';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { EnvironmentInfo } from '@azure/communication-calling';\n/* @conditional-compile-remove(call-readiness) */ /* @conditional-compile-remove(unsupported-browser) */\nimport { _isSafari } from '../utils';\n/* @conditional-compile-remove(call-readiness) */\nconst DRAWER_HIGH_Z_BAND = 99; // setting z index to  99 so that it sit above all components\n\n/* @conditional-compile-remove(call-readiness) */\n/**\n * Modal that guides user through enabling their camera and mic access\n * @private\n */\nexport const CallReadinessModal = (props: {\n  mobileView: boolean;\n  modalLayerHostId: string;\n  permissionsState: {\n    camera: PermissionState;\n    microphone: PermissionState;\n  };\n  /* @conditional-compile-remove(unsupported-browser) */\n  environmentInfo?: EnvironmentInfo;\n  isPermissionsModalDismissed: boolean;\n  setIsPermissionsModalDismissed: (dismissedState: boolean) => void;\n  onPermissionsTroubleshootingClick?: (permissionsState: {\n    camera: PermissionState;\n    microphone: PermissionState;\n  }) => void;\n  doNotPromptCamera: boolean;\n}): JSX.Element => {\n  const {\n    mobileView,\n    permissionsState,\n    /* @conditional-compile-remove(unsupported-browser) */ environmentInfo,\n    isPermissionsModalDismissed,\n    setIsPermissionsModalDismissed,\n    onPermissionsTroubleshootingClick\n  } = props;\n  const onLightDismissTriggered = (): void => {\n    // do nothing here\n    // only way to dismiss this drawer is clicking on allow access which will leads to device permission prompt\n  };\n\n  // On Safari browser with 2 options: don't allow/never for this website again, when don't allow is clicked, permissionAPI returns prompt and PermissionGranted from calling sdk returns false (the right value)\n  const videoState: PermissionState = permissionsState.camera;\n  const audioState: PermissionState = permissionsState.microphone;\n\n  const showModal =\n    (!props.doNotPromptCamera && videoState === 'denied') ||\n    (!props.doNotPromptCamera && videoState === 'prompt') ||\n    audioState === 'denied' ||\n    audioState === 'prompt';\n  /* @conditional-compile-remove(unsupported-browser) */\n  const isSafari = _isSafari(environmentInfo);\n\n  const modal: undefined | (() => JSX.Element) = !showModal\n    ? undefined\n    : () => {\n        // if both video and audio permission are not set\n        if (videoState === 'prompt' && !props.doNotPromptCamera && audioState === 'prompt') {\n          return (\n            <CameraAndMicrophoneSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              kind=\"request\"\n            />\n          );\n        }\n        // if audio permission is set up but video is not\n        else if (videoState === 'prompt' && !props.doNotPromptCamera) {\n          return (\n            <CameraSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              onContinueAnywayClick={() => {\n                setIsPermissionsModalDismissed(false);\n              }}\n              kind=\"request\"\n            />\n          );\n        }\n        // if video permission is set up but audio is not\n        else if (audioState === 'prompt') {\n          return (\n            <MicrophoneSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              kind=\"request\"\n            />\n          );\n        }\n        // if both video and audio are denied\n        else if (videoState === 'denied' && !props.doNotPromptCamera && audioState === 'denied') {\n          return (\n            <CameraAndMicrophoneSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              kind=\"denied\"\n            />\n          );\n        }\n        // if only video is denied\n        else if (videoState === 'denied' && !props.doNotPromptCamera) {\n          return (\n            <CameraSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              onContinueAnywayClick={() => {\n                setIsPermissionsModalDismissed(false);\n              }}\n              kind=\"denied\"\n            />\n          );\n        }\n        // if only audio is denied\n        else {\n          return (\n            <MicrophoneSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              kind=\"denied\"\n            />\n          );\n        }\n      };\n\n  if (mobileView && modal !== undefined) {\n    return (\n      <>\n        {isPermissionsModalDismissed && (\n          <_DrawerSurface\n            disableMaxHeight={true}\n            onLightDismiss={onLightDismissTriggered}\n            styles={drawerContainerStyles(DRAWER_HIGH_Z_BAND)}\n          >\n            {modal()}\n          </_DrawerSurface>\n        )}\n      </>\n    );\n  } else if (!mobileView && modal !== undefined) {\n    return (\n      <_ModalClone\n        styles={{\n          root: { position: 'unset' },\n          main: { position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)' }\n        }}\n        layerProps={{ hostId: props.modalLayerHostId }}\n        isOpen={isPermissionsModalDismissed}\n        isBlocking={false}\n        onDismiss={() => {\n          setIsPermissionsModalDismissed(false);\n        }}\n        overlay={{ styles: { root: { background: 'rgba(0,0,0,0.4)' } } }}\n        forceFocusInsideTrap={true}\n        focusTrapZoneProps={{\n          disabled: false,\n          onKeyDown: (ev: React.KeyboardEvent<HTMLElement>) => {\n            if (ev.key === 'Escape') {\n              setIsPermissionsModalDismissed(false);\n            }\n          }\n        }}\n      >\n        {modal()}\n      </_ModalClone>\n    );\n  } else {\n    return <></>;\n  }\n};\n\n/* @conditional-compile-remove(call-readiness) */\n/**\n * Modal that guides user through enabling their camera and mic access\n * This is used when permission API is not supported\n * @private\n */\nexport const CallReadinessModalFallBack = (props: {\n  mobileView: boolean;\n  checkPermissionModalShowing: boolean;\n  permissionsState: {\n    camera: PermissionState;\n    microphone: PermissionState;\n  };\n  modalLayerHostId: string;\n  /* @conditional-compile-remove(unsupported-browser) */\n  environmentInfo?: EnvironmentInfo;\n  isPermissionsModalDismissed: boolean;\n  setIsPermissionsModalDismissed: (dismissedState: boolean) => void;\n  onPermissionsTroubleshootingClick?: (permissionsState: {\n    camera: PermissionState;\n    microphone: PermissionState;\n  }) => void;\n}): JSX.Element => {\n  const {\n    mobileView,\n    checkPermissionModalShowing,\n    permissionsState,\n    /* @conditional-compile-remove(unsupported-browser) */ environmentInfo,\n    isPermissionsModalDismissed,\n    setIsPermissionsModalDismissed,\n    onPermissionsTroubleshootingClick\n  } = props;\n  const onLightDismissTriggered = (): void => {\n    // do nothing here\n    // only way to dismiss this drawer is clicking on allow access which will leads to device permission prompt\n  };\n\n  const videoState = permissionsState.camera;\n  const audioState = permissionsState.microphone;\n\n  // When permissions are not set, do nothing here\n  // When permissions are set to denied, show helper screen\n  const showModal = videoState === 'denied' || audioState === 'denied';\n\n  /* @conditional-compile-remove(unsupported-browser) */\n  const isSafari = _isSafari(environmentInfo);\n\n  const modal: undefined | (() => JSX.Element) = !showModal\n    ? undefined\n    : () => {\n        if (videoState === 'denied' && audioState === 'denied') {\n          return (\n            <CameraAndMicrophoneSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              kind=\"denied\"\n            />\n          );\n        } else if (videoState === 'denied' && audioState === 'granted') {\n          return (\n            <CameraSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              onContinueAnywayClick={() => {\n                setIsPermissionsModalDismissed(false);\n              }}\n              kind=\"denied\"\n            />\n          );\n        } else {\n          return (\n            <MicrophoneSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              kind=\"denied\"\n            />\n          );\n        }\n      };\n\n  if (mobileView) {\n    return (\n      <>\n        {(checkPermissionModalShowing || audioState === 'prompt' || videoState === 'prompt') && (\n          <_DrawerSurface\n            disableMaxHeight={true}\n            onLightDismiss={onLightDismissTriggered}\n            styles={drawerContainerStyles(DRAWER_HIGH_Z_BAND)}\n          >\n            <CameraAndMicrophoneSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              kind=\"check\"\n            />\n          </_DrawerSurface>\n        )}\n        {isPermissionsModalDismissed && !checkPermissionModalShowing && modal !== undefined && (\n          <_DrawerSurface\n            disableMaxHeight={true}\n            onLightDismiss={onLightDismissTriggered}\n            styles={drawerContainerStyles(DRAWER_HIGH_Z_BAND)}\n          >\n            {modal()}\n          </_DrawerSurface>\n        )}\n      </>\n    );\n  } else {\n    return (\n      <>\n        {(checkPermissionModalShowing || audioState === 'prompt' || videoState === 'prompt') && (\n          <_ModalClone\n            styles={{\n              root: { position: 'unset' },\n              main: { position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)' }\n            }}\n            layerProps={{ hostId: props.modalLayerHostId }}\n            isOpen={isPermissionsModalDismissed}\n            isBlocking={false}\n            onDismiss={() => {\n              setIsPermissionsModalDismissed(false);\n            }}\n            overlay={{ styles: { root: { background: 'rgba(0,0,0,0.4)' } } }}\n          >\n            <CameraAndMicrophoneSitePermissions\n              appName={'app'}\n              /* @conditional-compile-remove(unsupported-browser) */\n              browserHint={isSafari ? 'safari' : 'unset'}\n              onTroubleshootingClick={\n                onPermissionsTroubleshootingClick\n                  ? () => {\n                      onPermissionsTroubleshootingClick(permissionsState);\n                    }\n                  : undefined\n              }\n              kind=\"check\"\n            />\n          </_ModalClone>\n        )}\n\n        {!checkPermissionModalShowing && modal !== undefined && (\n          <_ModalClone\n            styles={{\n              root: { position: 'unset' },\n              main: { position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)' }\n            }}\n            layerProps={{ hostId: props.modalLayerHostId }}\n            isOpen={isPermissionsModalDismissed}\n            isBlocking={false}\n            onDismiss={() => {\n              setIsPermissionsModalDismissed(false);\n            }}\n            overlay={{ styles: { root: { background: 'rgba(0,0,0,0.4)' } } }}\n          >\n            {modal()}\n          </_ModalClone>\n        )}\n      </>\n    );\n  }\n};\n\n/**\n * Placeholder for conditional compile\n * @private\n */\nexport const CallReadinessModalPlaceHolder = (): JSX.Element => {\n  return <></>;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useCompositeStringsForNotificationStack.d.ts

@@ -1,7 +0,0 @@
-import { NotificationStackStrings } from "../../../../../react-components/src";
-import { CompositeLocale } from '../../localization';
-/**
- * @private
- */
-export declare const useCompositeStringsForNotificationStackStrings: (locale: CompositeLocale) => NotificationStackStrings;
-//# sourceMappingURL=useCompositeStringsForNotificationStack.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useCompositeStringsForNotificationStack.js

@@ -1,21 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(breakout-rooms) */
-import { useSelector } from './useSelector';
-/* @conditional-compile-remove(breakout-rooms) */
-import { getBreakoutRoomDisplayName } from '../selectors/baseSelectors';
-/* @conditional-compile-remove(breakout-rooms) */
-/**
- * @private
- */
-export const useCompositeStringsForNotificationStackStrings = (locale) => {
-    const breakoutRoomDisplayName = useSelector(getBreakoutRoomDisplayName);
-    const notificationStackStrings = locale.component.strings.notificationStack;
-    if (notificationStackStrings.breakoutRoomJoined &&
-        locale.strings.call.breakoutRoomJoinedNotificationTitle &&
-        breakoutRoomDisplayName) {
-        notificationStackStrings.breakoutRoomJoined.title = locale.strings.call.breakoutRoomJoinedNotificationTitle.replace('{roomName}', breakoutRoomDisplayName);
-    }
-    return notificationStackStrings;
-};
-//# sourceMappingURL=useCompositeStringsForNotificationStack.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useCompositeStringsForNotificationStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCompositeStringsForNotificationStack.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/hooks/useCompositeStringsForNotificationStack.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,iDAAiD;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,iDAAiD;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAExE,iDAAiD;AACjD;;GAEG;AACH,MAAM,CAAC,MAAM,8CAA8C,GAAG,CAAC,MAAuB,EAA4B,EAAE;IAClH,MAAM,uBAAuB,GAAG,WAAW,CAAC,0BAA0B,CAAC,CAAC;IAExE,MAAM,wBAAwB,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC;IAE5E,IACE,wBAAwB,CAAC,kBAAkB;QAC3C,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC;QACvD,uBAAuB,EACvB,CAAC;QACD,wBAAwB,CAAC,kBAAkB,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,OAAO,CACjH,YAAY,EACZ,uBAAuB,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(breakout-rooms) */\nimport { NotificationStackStrings } from '@internal/react-components';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { useSelector } from './useSelector';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { CompositeLocale } from '../../localization';\n/* @conditional-compile-remove(breakout-rooms) */\nimport { getBreakoutRoomDisplayName } from '../selectors/baseSelectors';\n\n/* @conditional-compile-remove(breakout-rooms) */\n/**\n * @private\n */\nexport const useCompositeStringsForNotificationStackStrings = (locale: CompositeLocale): NotificationStackStrings => {\n  const breakoutRoomDisplayName = useSelector(getBreakoutRoomDisplayName);\n\n  const notificationStackStrings = locale.component.strings.notificationStack;\n\n  if (\n    notificationStackStrings.breakoutRoomJoined &&\n    locale.strings.call.breakoutRoomJoinedNotificationTitle &&\n    breakoutRoomDisplayName\n  ) {\n    notificationStackStrings.breakoutRoomJoined.title = locale.strings.call.breakoutRoomJoinedNotificationTitle.replace(\n      '{roomName}',\n      breakoutRoomDisplayName\n    );\n  }\n\n  return notificationStackStrings;\n};\n"]}