@azure/communication-react 1.15.0-alpha-202404100012 → 1.15.0-beta.2

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

@@ -29,84 +29,79 @@ export const CallReadinessModal = (props) => {
     const showModal = videoState === 'denied' || 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' && 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') {
-                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' && 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') {
-                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" }));
-            }
-        };
+    const modal = !showModal ? undefined : () => {
+        // if both video and audio permission are not set
+        if (videoState === 'prompt' && 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') {
+            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' && 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') {
+            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()))));
+        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: () => {
+        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)' } } } }, modal()));
+            }, overlay: {
+                styles: {
+                    root: {
+                        background: 'rgba(0,0,0,0.4)'
+                    }
+                }
+            } }, modal());
     }
     else {
         return React.createElement(React.Fragment, null);
@@ -132,72 +127,85 @@ export const CallReadinessModalFallBack = (props) => {
     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" }));
-            }
-        };
+    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) },
+        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()))));
+                    /* @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: () => {
+        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);
+                }, overlay: {
+                    styles: {
+                        root: {
+                            background: 'rgba(0,0,0,0.4)'
                         }
-                        : 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: () => {
+                    }
+                } },
+                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()))));
+                }, overlay: {
+                    styles: {
+                        root: {
+                            background: 'rgba(0,0,0,0.4)'
+                        }
+                    }
+                } }, modal()));
     }
 };
 /**

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

@@ -1 +1 @@
-{"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}): 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    videoState === 'denied' || videoState === 'prompt' || audioState === 'denied' || 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' && 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') {\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' && 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') {\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      >\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"]}
+{"version":3,"file":"CallReadinessModal.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/components/CallReadinessModal.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EAAE,kCAAkC,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,cAAc,EAAE,4CAAmC;AAClJ,iDAAiD;AACjD,OAAO,EAAE,WAAW,EAAE,4CAAmC;AACzD,iDAAiD;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,iDAAiD,CAAC,sDAAsD;AACxG,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,iDAAiD;AACjD,MAAM,kBAAkB,GAAG,EAAE,CAAC,CAAC,6DAA6D;AAE5F,iDAAiD;AACjD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAelC,EAAe,EAAE;IAChB,MAAM,EACJ,UAAU,EACV,gBAAgB;IAChB,sDAAsD,CAAA,eAAe,EACrE,2BAA2B,EAC3B,8BAA8B,EAC9B,iCAAiC,EAClC,GAAG,KAAK,CAAC;IACV,MAAM,uBAAuB,GAAG,GAAS,EAAE;QACzC,kBAAkB;QAClB,2GAA2G;IAC7G,CAAC,CAAC;IAEF,+MAA+M;IAC/M,MAAM,UAAU,GAAoB,gBAAgB,CAAC,MAAM,CAAC;IAC5D,MAAM,UAAU,GAAoB,gBAAgB,CAAC,UAAU,CAAC;IAChE,MAAM,SAAS,GAAG,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,CAAC;IAC3H,sDAAsD;IACtD,MAAM,QAAQ,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAoC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE;QAC3E,iDAAiD;QACjD,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YACvD,OAAO,oBAAC,kCAAkC,IAAC,OAAO,EAAE,KAAK;gBACzD,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,SAAS,GAAG,CAAC;QACnC,CAAC;QACD,iDAAiD;aAC5C,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YACjC,OAAO,oBAAC,qBAAqB,IAAC,OAAO,EAAE,KAAK;gBAC5C,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,qBAAqB,EAAE,GAAG,EAAE;oBACzC,8BAA8B,CAAC,KAAK,CAAC,CAAC;gBACxC,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG,CAAC;QACvB,CAAC;QACD,iDAAiD;aAC5C,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YACjC,OAAO,oBAAC,yBAAyB,IAAC,OAAO,EAAE,KAAK;gBAChD,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,SAAS,GAAG,CAAC;QACnC,CAAC;QACD,qCAAqC;aAChC,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC5D,OAAO,oBAAC,kCAAkC,IAAC,OAAO,EAAE,KAAK;gBACzD,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAC;QAClC,CAAC;QACD,0BAA0B;aACrB,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YACjC,OAAO,oBAAC,qBAAqB,IAAC,OAAO,EAAE,KAAK;gBAC5C,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,qBAAqB,EAAE,GAAG,EAAE;oBACzC,8BAA8B,CAAC,KAAK,CAAC,CAAC;gBACxC,CAAC,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAC;QACtB,CAAC;QACD,0BAA0B;aACrB,CAAC;YACJ,OAAO,oBAAC,yBAAyB,IAAC,OAAO,EAAE,KAAK;gBAChD,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;IACF,IAAI,UAAU,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACtC,OAAO,0CACF,2BAA2B,IAAI,oBAAC,cAAc,IAAC,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,IAC7J,KAAK,EAAE,CACO,CAClB,CAAC;IACR,CAAC;SAAM,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC9C,OAAO,oBAAC,WAAW,IAAC,MAAM,EAAE;gBAC1B,IAAI,EAAE;oBACJ,QAAQ,EAAE,OAAO;iBAClB;gBACD,IAAI,EAAE;oBACJ,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,KAAK;oBACV,SAAS,EAAE,uBAAuB;iBACnC;aACF,EAAE,UAAU,EAAE;gBACb,MAAM,EAAE,KAAK,CAAC,gBAAgB;aAC/B,EAAE,MAAM,EAAE,2BAA2B,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE;gBACzE,8BAA8B,CAAC,KAAK,CAAC,CAAC;YACxC,CAAC,EAAE,OAAO,EAAE;gBACV,MAAM,EAAE;oBACN,IAAI,EAAE;wBACJ,UAAU,EAAE,iBAAiB;qBAC9B;iBACF;aACF,IACI,KAAK,EAAE,CACI,CAAC;IACnB,CAAC;SAAM,CAAC;QACN,OAAO,yCAAK,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF,iDAAiD;AACjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAgB1C,EAAe,EAAE;IAChB,MAAM,EACJ,UAAU,EACV,2BAA2B,EAC3B,gBAAgB;IAChB,sDAAsD,CAAA,eAAe,EACrE,2BAA2B,EAC3B,8BAA8B,EAC9B,iCAAiC,EAClC,GAAG,KAAK,CAAC;IACV,MAAM,uBAAuB,GAAG,GAAS,EAAE;QACzC,kBAAkB;QAClB,2GAA2G;IAC7G,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC;IAC3C,MAAM,UAAU,GAAG,gBAAgB,CAAC,UAAU,CAAC;IAE/C,gDAAgD;IAChD,yDAAyD;IACzD,MAAM,SAAS,GAAG,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,CAAC;IAErE,sDAAsD;IACtD,MAAM,QAAQ,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAoC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE;QAC3E,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YACvD,OAAO,oBAAC,kCAAkC,IAAC,OAAO,EAAE,KAAK;gBACzD,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAC;QAClC,CAAC;aAAM,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC/D,OAAO,oBAAC,qBAAqB,IAAC,OAAO,EAAE,KAAK;gBAC5C,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,qBAAqB,EAAE,GAAG,EAAE;oBACzC,8BAA8B,CAAC,KAAK,CAAC,CAAC;gBACxC,CAAC,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,OAAO,oBAAC,yBAAyB,IAAC,OAAO,EAAE,KAAK;gBAChD,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;oBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;IACF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO;YACF,CAAC,2BAA2B,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,CAAC,IAAI,oBAAC,cAAc,IAAC,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC;gBACtN,oBAAC,kCAAkC,IAAC,OAAO,EAAE,KAAK;oBACtD,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;wBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;oBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,GAAG,CACX;YAClB,2BAA2B,IAAI,CAAC,2BAA2B,IAAI,KAAK,KAAK,SAAS,IAAI,oBAAC,cAAc,IAAC,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,IACpN,KAAK,EAAE,CACO,CAClB,CAAC;IACR,CAAC;SAAM,CAAC;QACN,OAAO;YACF,CAAC,2BAA2B,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,CAAC,IAAI,oBAAC,WAAW,IAAC,MAAM,EAAE;oBAC7G,IAAI,EAAE;wBACJ,QAAQ,EAAE,OAAO;qBAClB;oBACD,IAAI,EAAE;wBACJ,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,KAAK;wBACX,GAAG,EAAE,KAAK;wBACV,SAAS,EAAE,uBAAuB;qBACnC;iBACF,EAAE,UAAU,EAAE;oBACb,MAAM,EAAE,KAAK,CAAC,gBAAgB;iBAC/B,EAAE,MAAM,EAAE,2BAA2B,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE;oBACzE,8BAA8B,CAAC,KAAK,CAAC,CAAC;gBACxC,CAAC,EAAE,OAAO,EAAE;oBACV,MAAM,EAAE;wBACN,IAAI,EAAE;4BACJ,UAAU,EAAE,iBAAiB;yBAC9B;qBACF;iBACF;gBACK,oBAAC,kCAAkC,IAAC,OAAO,EAAE,KAAK;oBACtD,sDAAsD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,EAAE;wBAClK,iCAAiC,CAAC,gBAAgB,CAAC,CAAC;oBACtD,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,OAAO,GAAG,CACd;YAEf,CAAC,2BAA2B,IAAI,KAAK,KAAK,SAAS,IAAI,oBAAC,WAAW,IAAC,MAAM,EAAE;oBAC7E,IAAI,EAAE;wBACJ,QAAQ,EAAE,OAAO;qBAClB;oBACD,IAAI,EAAE;wBACJ,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,KAAK;wBACX,GAAG,EAAE,KAAK;wBACV,SAAS,EAAE,uBAAuB;qBACnC;iBACF,EAAE,UAAU,EAAE;oBACb,MAAM,EAAE,KAAK,CAAC,gBAAgB;iBAC/B,EAAE,MAAM,EAAE,2BAA2B,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE;oBACzE,8BAA8B,CAAC,KAAK,CAAC,CAAC;gBACxC,CAAC,EAAE,OAAO,EAAE;oBACV,MAAM,EAAE;wBACN,IAAI,EAAE;4BACJ,UAAU,EAAE,iBAAiB;yBAC9B;qBACF;iBACF,IACM,KAAK,EAAE,CACI,CACf,CAAC;IACR,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAgB,EAAE;IAC7D,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport { CameraAndMicrophoneSitePermissions, CameraSitePermissions, MicrophoneSitePermissions, _DrawerSurface } 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}): 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  const showModal = videoState === 'denied' || videoState === 'prompt' || audioState === 'denied' || audioState === 'prompt';\n  /* @conditional-compile-remove(unsupported-browser) */\n  const isSafari = _isSafari(environmentInfo);\n  const modal: undefined | (() => JSX.Element) = !showModal ? undefined : () => {\n    // if both video and audio permission are not set\n    if (videoState === 'prompt' && audioState === 'prompt') {\n      return <CameraAndMicrophoneSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} kind=\"request\" />;\n    }\n    // if audio permission is set up but video is not\n    else if (videoState === 'prompt') {\n      return <CameraSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} onContinueAnywayClick={() => {\n        setIsPermissionsModalDismissed(false);\n      }} kind=\"request\" />;\n    }\n    // if video permission is set up but audio is not\n    else if (audioState === 'prompt') {\n      return <MicrophoneSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} kind=\"request\" />;\n    }\n    // if both video and audio are denied\n    else if (videoState === 'denied' && audioState === 'denied') {\n      return <CameraAndMicrophoneSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} kind=\"denied\" />;\n    }\n    // if only video is denied\n    else if (videoState === 'denied') {\n      return <CameraSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} onContinueAnywayClick={() => {\n        setIsPermissionsModalDismissed(false);\n      }} kind=\"denied\" />;\n    }\n    // if only audio is denied\n    else {\n      return <MicrophoneSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} kind=\"denied\" />;\n    }\n  };\n  if (mobileView && modal !== undefined) {\n    return <>\n        {isPermissionsModalDismissed && <_DrawerSurface disableMaxHeight={true} onLightDismiss={onLightDismissTriggered} styles={drawerContainerStyles(DRAWER_HIGH_Z_BAND)}>\n            {modal()}\n          </_DrawerSurface>}\n      </>;\n  } else if (!mobileView && modal !== undefined) {\n    return <_ModalClone styles={{\n      root: {\n        position: 'unset'\n      },\n      main: {\n        position: 'absolute',\n        left: '50%',\n        top: '50%',\n        transform: 'translate(-50%, -50%)'\n      }\n    }} layerProps={{\n      hostId: props.modalLayerHostId\n    }} isOpen={isPermissionsModalDismissed} isBlocking={false} onDismiss={() => {\n      setIsPermissionsModalDismissed(false);\n    }} overlay={{\n      styles: {\n        root: {\n          background: 'rgba(0,0,0,0.4)'\n        }\n      }\n    }}>\n        {modal()}\n      </_ModalClone>;\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  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  const modal: undefined | (() => JSX.Element) = !showModal ? undefined : () => {\n    if (videoState === 'denied' && audioState === 'denied') {\n      return <CameraAndMicrophoneSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} kind=\"denied\" />;\n    } else if (videoState === 'denied' && audioState === 'granted') {\n      return <CameraSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} onContinueAnywayClick={() => {\n        setIsPermissionsModalDismissed(false);\n      }} kind=\"denied\" />;\n    } else {\n      return <MicrophoneSitePermissions appName={'app'}\n      /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n        onPermissionsTroubleshootingClick(permissionsState);\n      } : undefined} kind=\"denied\" />;\n    }\n  };\n  if (mobileView) {\n    return <>\n        {(checkPermissionModalShowing || audioState === 'prompt' || videoState === 'prompt') && <_DrawerSurface disableMaxHeight={true} onLightDismiss={onLightDismissTriggered} styles={drawerContainerStyles(DRAWER_HIGH_Z_BAND)}>\n            <CameraAndMicrophoneSitePermissions appName={'app'}\n        /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n          onPermissionsTroubleshootingClick(permissionsState);\n        } : undefined} kind=\"check\" />\n          </_DrawerSurface>}\n        {isPermissionsModalDismissed && !checkPermissionModalShowing && modal !== undefined && <_DrawerSurface disableMaxHeight={true} onLightDismiss={onLightDismissTriggered} styles={drawerContainerStyles(DRAWER_HIGH_Z_BAND)}>\n            {modal()}\n          </_DrawerSurface>}\n      </>;\n  } else {\n    return <>\n        {(checkPermissionModalShowing || audioState === 'prompt' || videoState === 'prompt') && <_ModalClone styles={{\n        root: {\n          position: 'unset'\n        },\n        main: {\n          position: 'absolute',\n          left: '50%',\n          top: '50%',\n          transform: 'translate(-50%, -50%)'\n        }\n      }} layerProps={{\n        hostId: props.modalLayerHostId\n      }} isOpen={isPermissionsModalDismissed} isBlocking={false} onDismiss={() => {\n        setIsPermissionsModalDismissed(false);\n      }} overlay={{\n        styles: {\n          root: {\n            background: 'rgba(0,0,0,0.4)'\n          }\n        }\n      }}>\n            <CameraAndMicrophoneSitePermissions appName={'app'}\n        /* @conditional-compile-remove(unsupported-browser) */ browserHint={isSafari ? 'safari' : 'unset'} onTroubleshootingClick={onPermissionsTroubleshootingClick ? () => {\n          onPermissionsTroubleshootingClick(permissionsState);\n        } : undefined} kind=\"check\" />\n          </_ModalClone>}\n\n        {!checkPermissionModalShowing && modal !== undefined && <_ModalClone styles={{\n        root: {\n          position: 'unset'\n        },\n        main: {\n          position: 'absolute',\n          left: '50%',\n          top: '50%',\n          transform: 'translate(-50%, -50%)'\n        }\n      }} layerProps={{\n        hostId: props.modalLayerHostId\n      }} isOpen={isPermissionsModalDismissed} isBlocking={false} onDismiss={() => {\n        setIsPermissionsModalDismissed(false);\n      }} overlay={{\n        styles: {\n          root: {\n            background: 'rgba(0,0,0,0.4)'\n          }\n        }\n      }}>\n            {modal()}\n          </_ModalClone>}\n      </>;\n  }\n};\n\n/**\n * Placeholder for conditional compile\n * @private\n */\nexport const CallReadinessModalPlaceHolder = (): JSX.Element => {\n  return <></>;\n};"]}

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

@@ -1,38 +1,41 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+/* @conditional-compile-remove(capabilities) */
 import React from 'react';
+/* @conditional-compile-remove(capabilities) */
 import { MessageBar, MessageBarType, Stack } from '@fluentui/react';
+/* @conditional-compile-remove(capabilities) */
 import { useLocale } from '../../localization';
+/* @conditional-compile-remove(capabilities) */
 /**
  * Notification bar for capabilities changed
  * @private
  */
 export const CapabilitiesChangedNotificationBar = (props) => {
     const locale = useLocale();
-    return (React.createElement(Stack, { "data-ui-id": "capabilities-changed-notification-bar-stack" }, props.capabilitiesChangedNotifications.map((notification) => {
+    return React.createElement(Stack, { "data-ui-id": "capabilities-changed-notification-bar-stack" }, props.capabilitiesChangedNotifications.map(notification => {
         const message = getCapabilityChangedNotificationString(notification, locale.strings.call.capabilityChangedNotification);
         if (!message) {
             return null;
         }
         const iconProps = getCustomMessageBarIconProps(notification);
-        return (React.createElement(MessageBar, { key: notification.capabilityName, styles: messageBarStyles, messageBarType: MessageBarType.warning, dismissIconProps: { iconName: 'ErrorBarClear' }, onDismiss: () => props.onDismissNotification(notification), messageBarIconProps: iconProps }, message));
-    })));
+        return React.createElement(MessageBar, { key: notification.capabilityName, styles: messageBarStyles, messageBarType: MessageBarType.warning, dismissIconProps: {
+                iconName: 'ErrorBarClear'
+            }, onDismiss: () => props.onDismissNotification(notification), messageBarIconProps: iconProps }, message);
+    }));
 };
+/* @conditional-compile-remove(capabilities) */
 const getCapabilityChangedNotificationString = (notification, strings) => {
     var _a, _b, _c, _d, _e, _f;
     switch (notification.capabilityName) {
         case 'turnVideoOn':
             if (notification.changedReason === 'MeetingOptionOrOrganizerPolicyChanged') {
-                return notification.isPresent
-                    ? (_a = strings === null || strings === void 0 ? void 0 : strings.turnVideoOn) === null || _a === void 0 ? void 0 : _a.grantedDueToMeetingOption
-                    : (_b = strings === null || strings === void 0 ? void 0 : strings.turnVideoOn) === null || _b === void 0 ? void 0 : _b.lostDueToMeetingOption;
+                return notification.isPresent ? (_a = strings === null || strings === void 0 ? void 0 : strings.turnVideoOn) === null || _a === void 0 ? void 0 : _a.grantedDueToMeetingOption : (_b = strings === null || strings === void 0 ? void 0 : strings.turnVideoOn) === null || _b === void 0 ? void 0 : _b.lostDueToMeetingOption;
             }
             break;
         case 'unmuteMic':
             if (notification.changedReason === 'MeetingOptionOrOrganizerPolicyChanged') {
-                return notification.isPresent
-                    ? (_c = strings === null || strings === void 0 ? void 0 : strings.unmuteMic) === null || _c === void 0 ? void 0 : _c.grantedDueToMeetingOption
-                    : (_d = strings === null || strings === void 0 ? void 0 : strings.unmuteMic) === null || _d === void 0 ? void 0 : _d.lostDueToMeetingOption;
+                return notification.isPresent ? (_c = strings === null || strings === void 0 ? void 0 : strings.unmuteMic) === null || _c === void 0 ? void 0 : _c.grantedDueToMeetingOption : (_d = strings === null || strings === void 0 ? void 0 : strings.unmuteMic) === null || _d === void 0 ? void 0 : _d.lostDueToMeetingOption;
             }
             break;
         case 'shareScreen':
@@ -46,6 +49,7 @@ const getCapabilityChangedNotificationString = (notification, strings) => {
     }
     return undefined;
 };
+/* @conditional-compile-remove(capabilities) */
 const getCustomMessageBarIconProps = (notification) => {
     let iconName = undefined;
     switch (notification.capabilityName) {
@@ -68,8 +72,19 @@ const getCustomMessageBarIconProps = (notification) => {
         default:
             return undefined;
     }
-    return { iconName, styles: { root: { '> *': { height: '1rem', width: '1rem' } } } };
+    return {
+        iconName,
+        styles: {
+            root: {
+                '> *': {
+                    height: '1rem',
+                    width: '1rem'
+                }
+            }
+        }
+    };
 };
+/* @conditional-compile-remove(capabilities) */
 const messageBarStyles = {
     innerText: {
         alignSelf: 'center'

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

@@ -1 +1 @@
-{"version":3,"file":"CapabilitiesChangedNotificationBar.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CapabilitiesChangedNotificationBar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n\nimport { IIconProps, IMessageBarProps, MessageBar, MessageBarType, Stack } from '@fluentui/react';\n\nimport { CapabilitiesChangedReason, ParticipantCapabilityName, ParticipantRole } from '@azure/communication-calling';\n\nimport { useLocale } from '../../localization';\n\n/**\n * @private\n */\nexport interface CapabilitiesChangeNotificationBarProps extends IMessageBarProps {\n  capabilitiesChangedNotifications: CapabalityChangedNotification[];\n  onDismissNotification: (notification: CapabalityChangedNotification) => void;\n}\n\n/**\n * @private\n */\nexport interface CapabalityChangedNotification {\n  /**\n   * Name of capability\n   */\n  capabilityName: ParticipantCapabilityName;\n  /**\n   * Is capability now available\n   */\n  isPresent: boolean;\n\n  /**\n   * Reason capability was changed\n   */\n  changedReason?: CapabilitiesChangedReason;\n\n  /**\n   * Role of participant when capability changed\n   */\n  role?: ParticipantRole;\n  /**\n   * The latest timestamp when this notification was observed.\n   *\n   * When available, this is used to track notifications that have already been seen and dismissed\n   * by the user.\n   */\n  timestamp?: Date;\n}\n\n/**\n * Notification bar for capabilities changed\n * @private\n */\nexport const CapabilitiesChangedNotificationBar = (props: CapabilitiesChangeNotificationBarProps): JSX.Element => {\n  const locale = useLocale();\n\n  return (\n    <Stack data-ui-id=\"capabilities-changed-notification-bar-stack\">\n      {props.capabilitiesChangedNotifications.map((notification) => {\n        const message = getCapabilityChangedNotificationString(\n          notification,\n          locale.strings.call.capabilityChangedNotification\n        );\n        if (!message) {\n          return null;\n        }\n        const iconProps = getCustomMessageBarIconProps(notification);\n        return (\n          <MessageBar\n            key={notification.capabilityName}\n            styles={messageBarStyles}\n            messageBarType={MessageBarType.warning}\n            dismissIconProps={{ iconName: 'ErrorBarClear' }}\n            onDismiss={() => props.onDismissNotification(notification)}\n            messageBarIconProps={iconProps}\n          >\n            {message}\n          </MessageBar>\n        );\n      })}\n    </Stack>\n  );\n};\n\nconst getCapabilityChangedNotificationString = (\n  notification: CapabalityChangedNotification,\n  strings?: CapabilityChangedNotificationStrings\n): string | undefined => {\n  switch (notification.capabilityName) {\n    case 'turnVideoOn':\n      if (notification.changedReason === 'MeetingOptionOrOrganizerPolicyChanged') {\n        return notification.isPresent\n          ? strings?.turnVideoOn?.grantedDueToMeetingOption\n          : strings?.turnVideoOn?.lostDueToMeetingOption;\n      }\n      break;\n    case 'unmuteMic':\n      if (notification.changedReason === 'MeetingOptionOrOrganizerPolicyChanged') {\n        return notification.isPresent\n          ? strings?.unmuteMic?.grantedDueToMeetingOption\n          : strings?.unmuteMic?.lostDueToMeetingOption;\n      }\n      break;\n    case 'shareScreen':\n      if (notification.isPresent && notification.changedReason === 'RoleChanged' && notification.role === 'Presenter') {\n        return strings?.shareScreen?.grantedDueToRoleChangeToPresenter;\n      }\n      if (!notification.isPresent && notification.changedReason === 'RoleChanged' && notification.role === 'Attendee') {\n        return strings?.shareScreen?.lostDueToRoleChangeToAttendee;\n      }\n      break;\n  }\n  return undefined;\n};\n\nconst getCustomMessageBarIconProps = (notification: CapabalityChangedNotification): IIconProps | undefined => {\n  let iconName: string | undefined = undefined;\n  switch (notification.capabilityName) {\n    case 'turnVideoOn':\n      if (notification.isPresent) {\n        iconName = 'ControlButtonCameraOn';\n      } else {\n        iconName = 'ControlButtonCameraProhibited';\n      }\n      break;\n    case 'unmuteMic':\n      if (notification.isPresent) {\n        iconName = 'ControlButtonMicOn';\n      } else {\n        iconName = 'ControlButtonMicProhibited';\n      }\n      break;\n    default:\n      return undefined;\n  }\n  return { iconName, styles: { root: { '> *': { height: '1rem', width: '1rem' } } } };\n};\n\nconst messageBarStyles = {\n  innerText: {\n    alignSelf: 'center'\n  },\n  icon: {\n    height: 0\n  },\n  content: {\n    lineHeight: 'inherit'\n  },\n  dismissal: {\n    height: 0,\n    paddingTop: '0.8rem'\n  }\n};\n\n/**\n * Strings for capability changed notification\n * @public\n */\nexport interface CapabilityChangedNotificationStrings {\n  /**\n   * Strings for 'turnVideoOn' capability\n   */\n  turnVideoOn?: {\n    /**\n     * Notification message shown to the user when capability to turn video on is lost due to a meeting option change\n     */\n    lostDueToMeetingOption?: string;\n    /**\n     * Notification message shown to the user when capability to turn video on is granted due to a meeting option change\n     */\n    grantedDueToMeetingOption?: string;\n  };\n  /**\n   * Strings for 'unmuteMic' capability\n   */\n  unmuteMic?: {\n    /**\n     * Notification message shown to the user when capability to unmute mic is lost due to a meeting option change\n     */\n    lostDueToMeetingOption?: string;\n    /**\n     * Notification message shown to the user when capability to unmute mic is granted due to a meeting option change\n     */\n    grantedDueToMeetingOption?: string;\n  };\n  /**\n   * Strings for 'shareScreen' capability\n   */\n  shareScreen?: {\n    /**\n     * Notification message shown to the user when capability to share screen is lost due to a role change to Attendeee\n     */\n    lostDueToRoleChangeToAttendee?: string;\n    /**\n     * Notification message shown to the user when capability to share screen is granted due to a role change to Presenter\n     */\n    grantedDueToRoleChangeToPresenter?: string;\n  };\n}\n"]}
+{"version":3,"file":"CapabilitiesChangedNotificationBar.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/components/CapabilitiesChangedNotificationBar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(capabilities) */\nimport React from 'react';\n/* @conditional-compile-remove(capabilities) */\nimport { IIconProps, IMessageBarProps, MessageBar, MessageBarType, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabilitiesChangedReason, ParticipantCapabilityName, ParticipantRole } from '@azure/communication-calling';\n/* @conditional-compile-remove(capabilities) */\nimport { useLocale } from '../../localization';\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * @private\n */\nexport interface CapabilitiesChangeNotificationBarProps extends IMessageBarProps {\n  capabilitiesChangedNotifications: CapabalityChangedNotification[];\n  onDismissNotification: (notification: CapabalityChangedNotification) => void;\n}\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * @private\n */\nexport interface CapabalityChangedNotification {\n  /**\n   * Name of capability\n   */\n  capabilityName: ParticipantCapabilityName;\n  /**\n   * Is capability now available\n   */\n  isPresent: boolean;\n  /* @conditional-compile-remove(capabilities) */\n  /**\n   * Reason capability was changed\n   */\n  changedReason?: CapabilitiesChangedReason;\n  /* @conditional-compile-remove(capabilities) */\n  /**\n   * Role of participant when capability changed\n   */\n  role?: ParticipantRole;\n  /**\n   * The latest timestamp when this notification was observed.\n   *\n   * When available, this is used to track notifications that have already been seen and dismissed\n   * by the user.\n   */\n  timestamp?: Date;\n}\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Notification bar for capabilities changed\n * @private\n */\nexport const CapabilitiesChangedNotificationBar = (props: CapabilitiesChangeNotificationBarProps): JSX.Element => {\n  const locale = useLocale();\n  return <Stack data-ui-id=\"capabilities-changed-notification-bar-stack\">\n      {props.capabilitiesChangedNotifications.map(notification => {\n      const message = getCapabilityChangedNotificationString(notification, locale.strings.call.capabilityChangedNotification);\n      if (!message) {\n        return null;\n      }\n      const iconProps = getCustomMessageBarIconProps(notification);\n      return <MessageBar key={notification.capabilityName} styles={messageBarStyles} messageBarType={MessageBarType.warning} dismissIconProps={{\n        iconName: 'ErrorBarClear'\n      }} onDismiss={() => props.onDismissNotification(notification)} messageBarIconProps={iconProps}>\n            {message}\n          </MessageBar>;\n    })}\n    </Stack>;\n};\n\n/* @conditional-compile-remove(capabilities) */\nconst getCapabilityChangedNotificationString = (notification: CapabalityChangedNotification, strings?: CapabilityChangedNotificationStrings): string | undefined => {\n  switch (notification.capabilityName) {\n    case 'turnVideoOn':\n      if (notification.changedReason === 'MeetingOptionOrOrganizerPolicyChanged') {\n        return notification.isPresent ? strings?.turnVideoOn?.grantedDueToMeetingOption : strings?.turnVideoOn?.lostDueToMeetingOption;\n      }\n      break;\n    case 'unmuteMic':\n      if (notification.changedReason === 'MeetingOptionOrOrganizerPolicyChanged') {\n        return notification.isPresent ? strings?.unmuteMic?.grantedDueToMeetingOption : strings?.unmuteMic?.lostDueToMeetingOption;\n      }\n      break;\n    case 'shareScreen':\n      if (notification.isPresent && notification.changedReason === 'RoleChanged' && notification.role === 'Presenter') {\n        return strings?.shareScreen?.grantedDueToRoleChangeToPresenter;\n      }\n      if (!notification.isPresent && notification.changedReason === 'RoleChanged' && notification.role === 'Attendee') {\n        return strings?.shareScreen?.lostDueToRoleChangeToAttendee;\n      }\n      break;\n  }\n  return undefined;\n};\n\n/* @conditional-compile-remove(capabilities) */\nconst getCustomMessageBarIconProps = (notification: CapabalityChangedNotification): IIconProps | undefined => {\n  let iconName: string | undefined = undefined;\n  switch (notification.capabilityName) {\n    case 'turnVideoOn':\n      if (notification.isPresent) {\n        iconName = 'ControlButtonCameraOn';\n      } else {\n        iconName = 'ControlButtonCameraProhibited';\n      }\n      break;\n    case 'unmuteMic':\n      if (notification.isPresent) {\n        iconName = 'ControlButtonMicOn';\n      } else {\n        iconName = 'ControlButtonMicProhibited';\n      }\n      break;\n    default:\n      return undefined;\n  }\n  return {\n    iconName,\n    styles: {\n      root: {\n        '> *': {\n          height: '1rem',\n          width: '1rem'\n        }\n      }\n    }\n  };\n};\n\n/* @conditional-compile-remove(capabilities) */\nconst messageBarStyles = {\n  innerText: {\n    alignSelf: 'center'\n  },\n  icon: {\n    height: 0\n  },\n  content: {\n    lineHeight: 'inherit'\n  },\n  dismissal: {\n    height: 0,\n    paddingTop: '0.8rem'\n  }\n};\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Strings for capability changed notification\n * @public\n */\nexport interface CapabilityChangedNotificationStrings {\n  /**\n   * Strings for 'turnVideoOn' capability\n   */\n  turnVideoOn?: {\n    /**\n     * Notification message shown to the user when capability to turn video on is lost due to a meeting option change\n     */\n    lostDueToMeetingOption?: string;\n    /**\n     * Notification message shown to the user when capability to turn video on is granted due to a meeting option change\n     */\n    grantedDueToMeetingOption?: string;\n  };\n  /**\n   * Strings for 'unmuteMic' capability\n   */\n  unmuteMic?: {\n    /**\n     * Notification message shown to the user when capability to unmute mic is lost due to a meeting option change\n     */\n    lostDueToMeetingOption?: string;\n    /**\n     * Notification message shown to the user when capability to unmute mic is granted due to a meeting option change\n     */\n    grantedDueToMeetingOption?: string;\n  };\n  /**\n   * Strings for 'shareScreen' capability\n   */\n  shareScreen?: {\n    /**\n     * Notification message shown to the user when capability to share screen is lost due to a role change to Attendeee\n     */\n    lostDueToRoleChangeToAttendee?: string;\n    /**\n     * Notification message shown to the user when capability to share screen is granted due to a role change to Presenter\n     */\n    grantedDueToRoleChangeToPresenter?: string;\n  };\n}"]}

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

@@ -20,7 +20,13 @@ export const ConfigurationPageCameraDropdown = (props) => {
         actionButtonContent: 'Allow'
     };
     /* @conditional-compile-remove(call-readiness) */
-    const cameraBlockedDropdown = (React.createElement(_DevicePermissionDropdown, Object.assign({}, props.dropdownProps, { styles: dropDownStyles(theme), constrain: { video: true, audio: false }, strings: devicePermissionDropdownStringsCamera, icon: React.createElement(CallCompositeIcon, { iconName: "ControlButtonCameraOn", style: { height: '1.25rem', marginRight: '0.625rem' } }), onClick: props.onClickEnableDevicePermission })));
+    const cameraBlockedDropdown = React.createElement(_DevicePermissionDropdown, Object.assign({}, props.dropdownProps, { styles: dropDownStyles(theme), constrain: {
+            video: true,
+            audio: false
+        }, strings: devicePermissionDropdownStringsCamera, icon: React.createElement(CallCompositeIcon, { iconName: "ControlButtonCameraOn", style: {
+                height: '1.25rem',
+                marginRight: '0.625rem'
+            } }), onClick: props.onClickEnableDevicePermission }));
     /* @conditional-compile-remove(call-readiness) */
     return props.cameraPermissionGranted ? props.cameraGrantedDropdown : cameraBlockedDropdown;
     return props.cameraGrantedDropdown;

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationPageCameraDropdown.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/ConfigurationPageCameraDropdown.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,iDAAiD;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EACL,QAAQ,EAER,yBAAyB,EAE1B,4CAAmC;AACpC,iDAAiD;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,iDAAiD;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAavD;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,KAA2C,EAAe,EAAE;IAC1G,iDAAiD;IACjD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,iDAAiD;IACjD,MAAM,qCAAqC,GAAqC;QAC9E,eAAe,EAAE,0BAA0B;QAC3C,mBAAmB,EAAE,OAAO;KAC7B,CAAC;IACF,iDAAiD;IACjD,MAAM,qBAAqB,GAAG,CAC5B,oBAAC,yBAAyB,oBACpB,KAAK,CAAC,aAAa,IACvB,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EACxC,OAAO,EAAE,qCAAqC,EAC9C,IAAI,EACF,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,GAAI,EAE/G,OAAO,EAAE,KAAK,CAAC,6BAA6B,IAC5C,CACH,CAAC;IAEF,iDAAiD;IACjD,OAAO,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IAE3F,OAAO,KAAK,CAAC,qBAAqB,CAAC;AACrC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(call-readiness) */\nimport React from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  useTheme,\n  _DevicePermissionDropdownStrings,\n  _DevicePermissionDropdown,\n  _DevicePermissionDropdownProps\n} from '@internal/react-components';\n/* @conditional-compile-remove(call-readiness) */\nimport { dropDownStyles } from '../styles/LocalDeviceSettings.styles';\n/* @conditional-compile-remove(call-readiness) */\nimport { CallCompositeIcon } from '../../common/icons';\n\n/**\n * @private\n */\nexport interface ConfigurationPageCameraDropdownProps {\n  cameraGrantedDropdown: JSX.Element;\n  cameraPermissionGranted: boolean;\n  /* @conditional-compile-remove(call-readiness) */\n  dropdownProps: Partial<_DevicePermissionDropdownProps>;\n  onClickEnableDevicePermission?: () => void;\n}\n\n/**\n * @private\n */\nexport const ConfigurationPageCameraDropdown = (props: ConfigurationPageCameraDropdownProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const theme = useTheme();\n\n  /* @conditional-compile-remove(call-readiness) */\n  const devicePermissionDropdownStringsCamera: _DevicePermissionDropdownStrings = {\n    placeHolderText: 'Enable Camera (optional)',\n    actionButtonContent: 'Allow'\n  };\n  /* @conditional-compile-remove(call-readiness) */\n  const cameraBlockedDropdown = (\n    <_DevicePermissionDropdown\n      {...props.dropdownProps}\n      styles={dropDownStyles(theme)}\n      constrain={{ video: true, audio: false }}\n      strings={devicePermissionDropdownStringsCamera}\n      icon={\n        <CallCompositeIcon iconName=\"ControlButtonCameraOn\" style={{ height: '1.25rem', marginRight: '0.625rem' }} />\n      }\n      onClick={props.onClickEnableDevicePermission}\n    />\n  );\n\n  /* @conditional-compile-remove(call-readiness) */\n  return props.cameraPermissionGranted ? props.cameraGrantedDropdown : cameraBlockedDropdown;\n\n  return props.cameraGrantedDropdown;\n};\n"]}
+{"version":3,"file":"ConfigurationPageCameraDropdown.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/components/ConfigurationPageCameraDropdown.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,iDAAiD;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EAAE,QAAQ,EAAoC,yBAAyB,EAAkC,4CAAmC;AACnJ,iDAAiD;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,iDAAiD;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAavD;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,KAA2C,EAAe,EAAE;IAC1G,iDAAiD;IACjD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,iDAAiD;IACjD,MAAM,qCAAqC,GAAqC;QAC9E,eAAe,EAAE,0BAA0B;QAC3C,mBAAmB,EAAE,OAAO;KAC7B,CAAC;IACF,iDAAiD;IACjD,MAAM,qBAAqB,GAAG,oBAAC,yBAAyB,oBAAK,KAAK,CAAC,aAAa,IAAE,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE;YAC1H,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,KAAK;SACb,EAAE,OAAO,EAAE,qCAAqC,EAAE,IAAI,EAAE,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,uBAAuB,EAAC,KAAK,EAAE;gBAClH,MAAM,EAAE,SAAS;gBACjB,WAAW,EAAE,UAAU;aACxB,GAAI,EAAE,OAAO,EAAE,KAAK,CAAC,6BAA6B,IAAI,CAAC;IAExD,iDAAiD;IACjD,OAAO,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IAC3F,OAAO,KAAK,CAAC,qBAAqB,CAAC;AACrC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(call-readiness) */\nimport React from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport { useTheme, _DevicePermissionDropdownStrings, _DevicePermissionDropdown, _DevicePermissionDropdownProps } from '@internal/react-components';\n/* @conditional-compile-remove(call-readiness) */\nimport { dropDownStyles } from '../styles/LocalDeviceSettings.styles';\n/* @conditional-compile-remove(call-readiness) */\nimport { CallCompositeIcon } from '../../common/icons';\n\n/**\n * @private\n */\nexport interface ConfigurationPageCameraDropdownProps {\n  cameraGrantedDropdown: JSX.Element;\n  cameraPermissionGranted: boolean;\n  /* @conditional-compile-remove(call-readiness) */\n  dropdownProps: Partial<_DevicePermissionDropdownProps>;\n  onClickEnableDevicePermission?: () => void;\n}\n\n/**\n * @private\n */\nexport const ConfigurationPageCameraDropdown = (props: ConfigurationPageCameraDropdownProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const theme = useTheme();\n\n  /* @conditional-compile-remove(call-readiness) */\n  const devicePermissionDropdownStringsCamera: _DevicePermissionDropdownStrings = {\n    placeHolderText: 'Enable Camera (optional)',\n    actionButtonContent: 'Allow'\n  };\n  /* @conditional-compile-remove(call-readiness) */\n  const cameraBlockedDropdown = <_DevicePermissionDropdown {...props.dropdownProps} styles={dropDownStyles(theme)} constrain={{\n    video: true,\n    audio: false\n  }} strings={devicePermissionDropdownStringsCamera} icon={<CallCompositeIcon iconName=\"ControlButtonCameraOn\" style={{\n    height: '1.25rem',\n    marginRight: '0.625rem'\n  }} />} onClick={props.onClickEnableDevicePermission} />;\n\n  /* @conditional-compile-remove(call-readiness) */\n  return props.cameraPermissionGranted ? props.cameraGrantedDropdown : cameraBlockedDropdown;\n  return props.cameraGrantedDropdown;\n};"]}

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

@@ -23,7 +23,7 @@ export const ConfigurationPageErrorBar = (props) => {
     };
     /* @conditional-compile-remove(call-readiness) */
     if (showTroubleShootingErrorBar) {
-        return (React.createElement(_TroubleshootingGuideErrorBar, Object.assign({ troubleshootingGuideStrings: permissionTroubleshootingGuideStrings, onPermissionsTroubleshootingClick: onPermissionsTroubleshootingClick, onNetworkingTroubleshootingClick: onNetworkingTroubleShootingClick, permissionsState: permissionsState }, errorBarProps, { onDismissError: props.onDismissError })));
+        return React.createElement(_TroubleshootingGuideErrorBar, Object.assign({ troubleshootingGuideStrings: permissionTroubleshootingGuideStrings, onPermissionsTroubleshootingClick: onPermissionsTroubleshootingClick, onNetworkingTroubleshootingClick: onNetworkingTroubleShootingClick, permissionsState: permissionsState }, errorBarProps, { onDismissError: props.onDismissError }));
     }
     return React.createElement(ErrorBar, Object.assign({}, errorBarProps, { onDismissError: props.onDismissError }));
 };