@azure/communication-react 1.24.0-alpha-202502140016 → 1.24.0

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/pages/UnsupportedBrowser.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { EnvironmentInfo } from '@azure/communication-calling';
-/**
- * @internal
- */
-export type UnsupportedBrowserPageProps = {
-    onTroubleshootingClick?: () => void;
-    environmentInfo?: EnvironmentInfo;
-};
-/**
- *
- * @internal
- */
-export declare const UnsupportedBrowserPage: (props: UnsupportedBrowserPageProps) => JSX.Element;
-//# sourceMappingURL=UnsupportedBrowser.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.js

@@ -1,54 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { Stack } from '@fluentui/react';
-/* @conditional-compile-remove(unsupported-browser) */
-import { UnsupportedBrowser, UnsupportedBrowserVersion, UnsupportedOperatingSystem } from "../../../../../react-components/src";
-import React from 'react';
-/* @conditional-compile-remove(unsupported-browser) */
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(unsupported-browser) */
-import { useAdapter } from '../adapter/CallAdapterProvider';
-/**
- *
- * @internal
- */
-export const UnsupportedBrowserPage = (props) => {
-    /* @conditional-compile-remove(unsupported-browser) */
-    const { onTroubleshootingClick, environmentInfo } = props;
-    /* @conditional-compile-remove(unsupported-browser) */
-    const adapter = useAdapter();
-    /* @conditional-compile-remove(unsupported-browser) */
-    const onContinueClick = () => {
-        adapter.allowUnsupportedBrowserVersion();
-    };
-    /* @conditional-compile-remove(unsupported-browser) */
-    const locale = useLocale();
-    /* @conditional-compile-remove(unsupported-browser) */
-    const unsupportedBrowserStrings = locale.component.strings.UnsupportedBrowser;
-    /* @conditional-compile-remove(unsupported-browser) */
-    const unsupportedBrowserVersionStrings = locale.component.strings.UnsupportedBrowserVersion;
-    /* @conditional-compile-remove(unsupported-browser) */
-    const unsupportedOperatingSystemStrings = locale.component.strings.UnsupportedOperatingSystem;
-    let pageElement = React.createElement(React.Fragment, null);
-    /* @conditional-compile-remove(unsupported-browser) */
-    if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedPlatform)) {
-        pageElement = (React.createElement(UnsupportedOperatingSystem, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedOperatingSystemStrings }));
-    }
-    else if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowser)) {
-        pageElement = (React.createElement(UnsupportedBrowser, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedBrowserStrings }));
-    }
-    else if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowserVersion)) {
-        pageElement = (React.createElement(UnsupportedBrowserVersion, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedBrowserVersionStrings, onContinueAnywayClick: onContinueClick }));
-    }
-    else {
-        throw new Error('There was a problem with your environment info');
-    }
-    return React.createElement(Stack, { styles: containerStyles }, pageElement);
-};
-const containerStyles = {
-    root: {
-        margin: 'auto',
-        paddingTop: '3rem'
-    }
-};
-//# sourceMappingURL=UnsupportedBrowser.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnsupportedBrowser.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/pages/UnsupportedBrowser.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,EAAgB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtD,sDAAsD;AACtD,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,4CAAmC;AACvH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sDAAsD;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,sDAAsD;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAW5D;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAe,EAAE;IACxF,sDAAsD;IACtD,MAAM,EAAE,sBAAsB,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAC1D,sDAAsD;IACtD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,sDAAsD;IACtD,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,OAAO,CAAC,8BAA8B,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,sDAAsD;IACtD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,sDAAsD;IACtD,MAAM,yBAAyB,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,kBAAkB,CAAC;IAC9E,sDAAsD;IACtD,MAAM,gCAAgC,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC;IAC5F,sDAAsD;IACtD,MAAM,iCAAiC,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC;IAE9F,IAAI,WAAW,GAA4B,yCAAK,CAAC;IACjD,sDAAsD;IACtD,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,mBAAmB,CAAA,EAAE,CAAC;QAC1C,WAAW,GAAG,CACZ,oBAAC,0BAA0B,IACzB,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,iCAAiC,GAC1C,CACH,CAAC;IACJ,CAAC;SAAM,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,kBAAkB,CAAA,EAAE,CAAC;QAChD,WAAW,GAAG,CACZ,oBAAC,kBAAkB,IAAC,sBAAsB,EAAE,sBAAsB,EAAE,OAAO,EAAE,yBAAyB,GAAI,CAC3G,CAAC;IACJ,CAAC;SAAM,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,yBAAyB,CAAA,EAAE,CAAC;QACvD,WAAW,GAAG,CACZ,oBAAC,yBAAyB,IACxB,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,gCAAgC,EACzC,qBAAqB,EAAE,eAAe,GACtC,CACH,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,eAAe,IAAG,WAAW,CAAS,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAiB;IACpC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;KACnB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(unsupported-browser) */\nimport { EnvironmentInfo } from '@azure/communication-calling';\nimport { IStackStyles, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedBrowser, UnsupportedBrowserVersion, UnsupportedOperatingSystem } from '@internal/react-components';\nimport React from 'react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { useLocale } from '../../localization';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { useAdapter } from '../adapter/CallAdapterProvider';\n\n/**\n * @internal\n */\nexport type UnsupportedBrowserPageProps = {\n  onTroubleshootingClick?: () => void;\n  /* @conditional-compile-remove(unsupported-browser) */\n  environmentInfo?: EnvironmentInfo;\n};\n\n/**\n *\n * @internal\n */\nexport const UnsupportedBrowserPage = (props: UnsupportedBrowserPageProps): JSX.Element => {\n  /* @conditional-compile-remove(unsupported-browser) */\n  const { onTroubleshootingClick, environmentInfo } = props;\n  /* @conditional-compile-remove(unsupported-browser) */\n  const adapter = useAdapter();\n  /* @conditional-compile-remove(unsupported-browser) */\n  const onContinueClick = (): void => {\n    adapter.allowUnsupportedBrowserVersion();\n  };\n\n  /* @conditional-compile-remove(unsupported-browser) */\n  const locale = useLocale();\n  /* @conditional-compile-remove(unsupported-browser) */\n  const unsupportedBrowserStrings = locale.component.strings.UnsupportedBrowser;\n  /* @conditional-compile-remove(unsupported-browser) */\n  const unsupportedBrowserVersionStrings = locale.component.strings.UnsupportedBrowserVersion;\n  /* @conditional-compile-remove(unsupported-browser) */\n  const unsupportedOperatingSystemStrings = locale.component.strings.UnsupportedOperatingSystem;\n\n  let pageElement: JSX.Element | undefined = <></>;\n  /* @conditional-compile-remove(unsupported-browser) */\n  if (!environmentInfo?.isSupportedPlatform) {\n    pageElement = (\n      <UnsupportedOperatingSystem\n        onTroubleshootingClick={onTroubleshootingClick}\n        strings={unsupportedOperatingSystemStrings}\n      />\n    );\n  } else if (!environmentInfo?.isSupportedBrowser) {\n    pageElement = (\n      <UnsupportedBrowser onTroubleshootingClick={onTroubleshootingClick} strings={unsupportedBrowserStrings} />\n    );\n  } else if (!environmentInfo?.isSupportedBrowserVersion) {\n    pageElement = (\n      <UnsupportedBrowserVersion\n        onTroubleshootingClick={onTroubleshootingClick}\n        strings={unsupportedBrowserVersionStrings}\n        onContinueAnywayClick={onContinueClick}\n      />\n    );\n  } else {\n    throw new Error('There was a problem with your environment info');\n  }\n\n  return <Stack styles={containerStyles}>{pageElement}</Stack>;\n};\n\nconst containerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    paddingTop: '3rem'\n  }\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/AttachmentDownloadErrorBar.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-/**
- * @private
- */
-export interface AttachmentDownloadErrorBarProps {
-    /**callback to dismiss the download error message */
-    onDismissDownloadErrorMessage: () => void;
-    /** Error message to render */
-    attachmentDownloadErrorMessage: string;
-}
-/**
- * @private
- */
-export declare const AttachmentDownloadErrorBar: (props: AttachmentDownloadErrorBarProps) => JSX.Element;
-//# sourceMappingURL=AttachmentDownloadErrorBar.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/AttachmentDownloadErrorBar.js

@@ -1,21 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { MessageBar, MessageBarType, Stack } from '@fluentui/react';
-import React from 'react';
-/**
- * @private
- */
-export const AttachmentDownloadErrorBar = (props) => {
-    const { attachmentDownloadErrorMessage, onDismissDownloadErrorMessage } = props;
-    const messageBarIconProps = { iconName: 'ProtectedDocument' };
-    if (attachmentDownloadErrorMessage !== '') {
-        return (React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
-            React.createElement(MessageBar, { messageBarType: MessageBarType.warning, onDismiss: () => {
-                    onDismissDownloadErrorMessage();
-                }, messageBarIconProps: messageBarIconProps }, attachmentDownloadErrorMessage)));
-    }
-    else {
-        return React.createElement(React.Fragment, null);
-    }
-};
-//# sourceMappingURL=AttachmentDownloadErrorBar.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/AttachmentDownloadErrorBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentDownloadErrorBar.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/AttachmentDownloadErrorBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAsC,EAAe,EAAE;IAChG,MAAM,EAAE,8BAA8B,EAAE,6BAA6B,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,mBAAmB,GAAG,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAE9D,IAAI,8BAA8B,KAAK,EAAE,EAAE,CAAC;QAC1C,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;YACtE,oBAAC,UAAU,IACT,cAAc,EAAE,cAAc,CAAC,OAAO,EACtC,SAAS,EAAE,GAAG,EAAE;oBACd,6BAA6B,EAAE,CAAC;gBAClC,CAAC,EACD,mBAAmB,EAAE,mBAAmB,IAEvC,8BAA8B,CACpB,CACP,CACT,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,yCAAK,CAAC;IACf,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageBar, MessageBarType, Stack } from '@fluentui/react';\nimport React from 'react';\n\n/**\n * @private\n */\nexport interface AttachmentDownloadErrorBarProps {\n  /**callback to dismiss the download error message */\n  onDismissDownloadErrorMessage: () => void;\n  /** Error message to render */\n  attachmentDownloadErrorMessage: string;\n}\n\n/**\n * @private\n */\nexport const AttachmentDownloadErrorBar = (props: AttachmentDownloadErrorBarProps): JSX.Element => {\n  const { attachmentDownloadErrorMessage, onDismissDownloadErrorMessage } = props;\n  const messageBarIconProps = { iconName: 'ProtectedDocument' };\n\n  if (attachmentDownloadErrorMessage !== '') {\n    return (\n      <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n        <MessageBar\n          messageBarType={MessageBarType.warning}\n          onDismiss={() => {\n            onDismissDownloadErrorMessage();\n          }}\n          messageBarIconProps={messageBarIconProps}\n        >\n          {attachmentDownloadErrorMessage}\n        </MessageBar>\n      </Stack>\n    );\n  } else {\n    return <></>;\n  }\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ParticipantMenuItemsCallback } from "../../../../react-components/src";
-import { AvatarPersonaDataCallback } from '..';
-/**
- * Props for the chat screen people pane
- * @private
- */
-type ChatScreenPeoplePaneProps = {
-    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
-    onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;
-    isMobile?: boolean;
-};
-/**
- * @private
- */
-export declare const ChatScreenPeoplePane: (props: ChatScreenPeoplePaneProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ChatScreenPeoplePane.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.js

@@ -1,18 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { ParticipantList } from "../../../../react-components/src";
-import React from 'react';
-import { ParticipantContainer } from '../common/ParticipantContainer';
-import { useLocale } from '../localization';
-import { usePropsFor } from './hooks/usePropsFor';
-/**
- * @private
- */
-export const ChatScreenPeoplePane = (props) => {
-    const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, isMobile } = props;
-    const locale = useLocale();
-    const chatListHeader = locale.strings.chat.chatListHeader;
-    const participantListProps = usePropsFor(ParticipantList);
-    return (React.createElement(ParticipantContainer, { participantListProps: participantListProps, title: chatListHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, isMobile: isMobile }));
-};
-//# sourceMappingURL=ChatScreenPeoplePane.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatScreenPeoplePane.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAgC,yCAAmC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAYlD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;IAC1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,oBAAoB,IACnB,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EAAE,cAAc,EACrB,wBAAwB,EAAE,wBAAwB,EAClD,2BAA2B,EAAE,2BAA2B,EACxD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ParticipantList, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React from 'react';\nimport { AvatarPersonaDataCallback } from '..';\nimport { ParticipantContainer } from '../common/ParticipantContainer';\nimport { useLocale } from '../localization';\nimport { usePropsFor } from './hooks/usePropsFor';\n\n/**\n * Props for the chat screen people pane\n * @private\n */\ntype ChatScreenPeoplePaneProps = {\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ChatScreenPeoplePane = (props: ChatScreenPeoplePaneProps): JSX.Element => {\n  const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, isMobile } = props;\n  const locale = useLocale();\n  const chatListHeader = locale.strings.chat.chatListHeader;\n  const participantListProps = usePropsFor(ParticipantList);\n\n  return (\n    <ParticipantContainer\n      participantListProps={participantListProps}\n      title={chatListHeader}\n      onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n      onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n      isMobile={isMobile}\n    />\n  );\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadReducer.d.ts

@@ -1,49 +0,0 @@
-import { Action, AttachmentUpload, AttachmentUploadActionType, ProgressAction, CompleteAction, FailedAction, RemoveAction, ClearAction } from '../file-sharing/AttachmentUpload';
-/**
- * @private
- */
-export interface ImageAction {
-    messageId: string;
-}
-/**
- * @private
- */
-interface ImageSetAction extends Action, ImageAction {
-    type: AttachmentUploadActionType.Set;
-    newUploads: AttachmentUpload[];
-}
-/**
- * @private
- */
-interface ImageProgressAction extends ProgressAction, ImageAction {
-}
-/**
- * @private
- */
-interface ImageCompleteAction extends CompleteAction, ImageAction {
-}
-/**
- * @private
- */
-interface ImageFailedAction extends FailedAction, ImageAction {
-}
-/**
- * @private
- */
-interface ImageRemoveAction extends RemoveAction, ImageAction {
-}
-/**
- * @private
- */
-interface ImageClearAction extends ClearAction, ImageAction {
-}
-/**
- * @private
- */
-export type ImageActions = ImageSetAction | ImageProgressAction | ImageCompleteAction | ImageFailedAction | ImageRemoveAction | ImageClearAction;
-/**
- * @internal
- */
-export declare const ImageUploadReducer: (state: Record<string, AttachmentUpload[]> | undefined, action: ImageActions) => Record<string, AttachmentUpload[]> | undefined;
-export {};
-//# sourceMappingURL=ImageUploadReducer.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadReducer.js

@@ -1,48 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { AttachmentUploadActionType } from '../file-sharing/AttachmentUpload';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @internal
- */
-export const ImageUploadReducer = (state, action) => {
-    const messageId = action.messageId;
-    const messageState = state && state[messageId];
-    switch (action.type) {
-        case AttachmentUploadActionType.Set:
-            if (!messageState || messageState.length === 0) {
-                return Object.assign(Object.assign({}, state), { [messageId]: action.newUploads });
-            }
-            return Object.assign(Object.assign({}, state), { [messageId]: messageState.filter((v) => !v.metadata.error).concat(action.newUploads) });
-        case AttachmentUploadActionType.Completed:
-            if (!messageState) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { [messageId]: messageState.map((v) => v.taskId === action.taskId
-                    ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { id: action.id, url: action.url, progress: 1 }) }) : v) });
-        case AttachmentUploadActionType.Failed:
-            if (!messageState) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { [messageId]: messageState.map((v) => v.taskId === action.taskId
-                    ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { error: {
-                                message: action.message
-                            } }) }) : v) });
-        case AttachmentUploadActionType.Remove:
-            if (!messageState) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { [messageId]: messageState.filter((v) => !v.metadata.error).filter((v) => v.metadata.id !== action.id) });
-        case AttachmentUploadActionType.Progress:
-            if (!messageState) {
-                return state;
-            }
-            return Object.assign(Object.assign({}, state), { [messageId]: messageState.map((v) => v.taskId === action.taskId ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { progress: action.progress }) }) : v) });
-        case AttachmentUploadActionType.Clear:
-            return Object.assign(Object.assign({}, state), { [messageId]: [] });
-        default:
-            return state;
-    }
-};
-//# sourceMappingURL=ImageUploadReducer.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadReducer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageUploadReducer.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadReducer.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport {\n  Action,\n  AttachmentUpload,\n  AttachmentUploadActionType,\n  ProgressAction,\n  CompleteAction,\n  FailedAction,\n  RemoveAction,\n  ClearAction\n} from '../file-sharing/AttachmentUpload';\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\nexport interface ImageAction {\n  messageId: string;\n}\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageSetAction extends Action, ImageAction {\n  type: AttachmentUploadActionType.Set;\n  newUploads: AttachmentUpload[];\n}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageProgressAction extends ProgressAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageCompleteAction extends CompleteAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageFailedAction extends FailedAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageRemoveAction extends RemoveAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageClearAction extends ClearAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\nexport type ImageActions =\n  | ImageSetAction\n  | ImageProgressAction\n  | ImageCompleteAction\n  | ImageFailedAction\n  | ImageRemoveAction\n  | ImageClearAction;\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const ImageUploadReducer = (\n  state: Record<string, AttachmentUpload[]> | undefined,\n  action: ImageActions\n): Record<string, AttachmentUpload[]> | undefined => {\n  const messageId = action.messageId;\n  const messageState = state && state[messageId];\n  switch (action.type) {\n    case AttachmentUploadActionType.Set:\n      if (!messageState || messageState.length === 0) {\n        return { ...state, [messageId]: action.newUploads };\n      }\n      return {\n        ...state,\n        [messageId]: messageState.filter((v) => !v.metadata.error).concat(action.newUploads)\n      };\n\n    case AttachmentUploadActionType.Completed:\n      if (!messageState) {\n        return state;\n      }\n\n      return {\n        ...state,\n        [messageId]: messageState.map((v) =>\n          v.taskId === action.taskId\n            ? { ...v, metadata: { ...v.metadata, id: action.id, url: action.url, progress: 1 } }\n            : v\n        )\n      };\n\n    case AttachmentUploadActionType.Failed:\n      if (!messageState) {\n        return state;\n      }\n      return {\n        ...state,\n        [messageId]: messageState.map((v) =>\n          v.taskId === action.taskId\n            ? {\n                ...v,\n                metadata: {\n                  ...v.metadata,\n                  error: {\n                    message: action.message\n                  }\n                }\n              }\n            : v\n        )\n      };\n\n    case AttachmentUploadActionType.Remove:\n      if (!messageState) {\n        return state;\n      }\n      return {\n        ...state,\n        [messageId]: messageState.filter((v) => !v.metadata.error).filter((v) => v.metadata.id !== action.id)\n      };\n\n    case AttachmentUploadActionType.Progress:\n      if (!messageState) {\n        return state;\n      }\n      return {\n        ...state,\n        [messageId]: messageState.map((v) =>\n          v.taskId === action.taskId ? { ...v, metadata: { ...v.metadata, progress: action.progress } } : v\n        )\n      };\n\n    case AttachmentUploadActionType.Clear:\n      return { ...state, [messageId]: [] };\n    default:\n      return state;\n  }\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadUtils.d.ts

@@ -1,39 +0,0 @@
-import { AttachmentMetadataInProgress } from "../../../../../acs-ui-common/src";
-import { AttachmentUpload } from '../file-sharing/AttachmentUpload';
-import { ChatAdapter } from '../adapter/ChatAdapter';
-import { Dispatch } from 'react';
-import { ImageActions } from './ImageUploadReducer';
-import { ChatCompositeStrings } from '../Strings';
-/**
- * @private
- */
-export declare const getInlineImageData: (image: string) => Promise<Blob | undefined>;
-/**
- * @internal
- */
-export declare const getEditBoxMessagesInlineImages: (editBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined) => Record<string, AttachmentMetadataInProgress[]> | undefined;
-/**
- * @internal
- */
-export declare const getSendBoxInlineImages: (sendBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined) => AttachmentMetadataInProgress[] | undefined;
-/**
- * @internal
- */
-export declare const onInsertInlineImageForEditBox: (imageAttributes: Record<string, string>, fileName: string, messageId: string, adapter: ChatAdapter, handleEditBoxInlineImageUploadAction: Dispatch<ImageActions>, chatCompositeStrings: ChatCompositeStrings) => Promise<void>;
-/**
- * @internal
- */
-export declare const onInsertInlineImageForSendBox: (imageAttributes: Record<string, string>, fileName: string, adapter: ChatAdapter, handleSendBoxInlineImageUploadAction: Dispatch<ImageActions>, chatCompositeStrings: ChatCompositeStrings) => Promise<void>;
-/**
- * @internal
- */
-export declare const cancelInlineImageUpload: (imageAttributes: Record<string, string>, imageUploads: Record<string, AttachmentUpload[]> | undefined, messageId: string, inlineImageUploadActionHandler: Dispatch<ImageActions>, adapter: ChatAdapter) => void;
-/**
- * @internal
- */
-export declare const updateContentStringWithUploadedInlineImages: (content: string, imageUploads: Record<string, AttachmentUpload[]> | undefined, messageId?: string) => string;
-/**
- * @internal
- */
-export declare const getImageFileNameFromAttributes: (imageAttributes: Record<string, string>) => string;
-//# sourceMappingURL=ImageUploadUtils.d.ts.map