@azure/communication-react 1.11.0-alpha-202312150013 → 1.11.0

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

@@ -1,45 +0,0 @@
-/**
- * @beta
- * Corresponding texts to each call issue
- */
-export interface SurveyIssues {
-    overallRating: {
-        callCannotJoin: string;
-        callCannotInvite: string;
-        hadToRejoin: string;
-        callEndedUnexpectedly: string;
-        otherIssues: string;
-    };
-    audioRating: {
-        noLocalAudio: string;
-        noRemoteAudio: string;
-        echo: string;
-        audioNoise: string;
-        lowVolume: string;
-        audioStoppedUnexpectedly: string;
-        distortedSpeech: string;
-        audioInterruption: string;
-        otherIssues: string;
-    };
-    videoRating: {
-        noVideoReceived: string;
-        noVideoSent: string;
-        lowQuality: string;
-        freezes: string;
-        stoppedUnexpectedly: string;
-        darkVideoReceived: string;
-        audioVideoOutOfSync: string;
-        otherIssues: string;
-    };
-    screenshareRating: {
-        noContentLocal: string;
-        noContentRemote: string;
-        cannotPresent: string;
-        lowQuality: string;
-        freezes: string;
-        stoppedUnexpectedly: string;
-        largeDelay: string;
-        otherIssues: string;
-    };
-}
-//# sourceMappingURL=SurveyIssues.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyIssues.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/SurveyIssues.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @beta\n * Corresponding texts to each call issue\n */\nexport interface SurveyIssues {\n  overallRating: {\n    callCannotJoin: string;\n    callCannotInvite: string;\n    hadToRejoin: string;\n    callEndedUnexpectedly: string;\n    otherIssues: string;\n  };\n  audioRating: {\n    noLocalAudio: string;\n    noRemoteAudio: string;\n    echo: string;\n    audioNoise: string;\n    lowVolume: string;\n    audioStoppedUnexpectedly: string;\n    distortedSpeech: string;\n    audioInterruption: string;\n    otherIssues: string;\n  };\n  videoRating: {\n    noVideoReceived: string;\n    noVideoSent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    darkVideoReceived: string;\n    audioVideoOutOfSync: string;\n    otherIssues: string;\n  };\n  screenshareRating: {\n    noContentLocal: string;\n    noContentRemote: string;\n    cannotPresent: string;\n    lowQuality: string;\n    freezes: string;\n    stoppedUnexpectedly: string;\n    largeDelay: string;\n    otherIssues: string;\n  };\n}\n"]}

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

@@ -1,11 +0,0 @@
-/**
- * @beta
- * Corresponding texts to each call issue category
- */
-export interface SurveyIssuesHeadingStrings {
-    overallRating: string;
-    audioRating: string;
-    videoRating: string;
-    screenshareRating: string;
-}
-//# sourceMappingURL=SurveyIssuesHeadingStrings.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyIssuesHeadingStrings.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/SurveyIssuesHeadingStrings.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @beta\n * Corresponding texts to each call issue category\n */\nexport interface SurveyIssuesHeadingStrings {\n  overallRating: string;\n  audioRating: string;\n  videoRating: string;\n  screenshareRating: string;\n}\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallingSoundSubscriber.d.ts

@@ -1,18 +0,0 @@
-import { CallCommon } from '@azure/communication-calling';
-import { CallingSounds } from './CallAdapter';
-import { CommunicationIdentifier } from '@azure/communication-common';
-/**
- * @private
- */
-export declare class CallingSoundSubscriber {
-    private call;
-    private soundsLoaded?;
-    private callee;
-    constructor(call: CallCommon, callee?: CommunicationIdentifier[], sounds?: CallingSounds);
-    private onCallStateChanged;
-    private subscribeCallSoundEvents;
-    unsubscribeAll(): void;
-    private loadSounds;
-    private playSound;
-}
-//# sourceMappingURL=CallingSoundSubscriber.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallingSoundSubscriber.js

@@ -1,96 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(calling-sounds) */
-import { isPhoneNumberIdentifier } from '@azure/communication-common';
-const CALL_REJECTED_CODE = 603;
-/**
- * @private
- */
-export class CallingSoundSubscriber {
-    constructor(call, callee, sounds) {
-        this.onCallStateChanged = () => {
-            this.call.on('stateChanged', () => {
-                var _a, _b, _c, _d, _e;
-                if (isPSTNCall(this.call, this.callee) && ((_a = this.soundsLoaded) === null || _a === void 0 ? void 0 : _a.callRingingSound)) {
-                    this.soundsLoaded.callRingingSound.loop = true;
-                    this.playSound(this.soundsLoaded.callRingingSound);
-                }
-                if ((this.call.state === 'Connected' || this.call.state === 'Disconnected') &&
-                    ((_b = this.soundsLoaded) === null || _b === void 0 ? void 0 : _b.callRingingSound)) {
-                    this.soundsLoaded.callRingingSound.loop = false;
-                    this.soundsLoaded.callRingingSound.pause();
-                }
-                if (this.call.state === 'Disconnected') {
-                    if (((_c = this.soundsLoaded) === null || _c === void 0 ? void 0 : _c.callBusySound) && ((_d = this.call.callEndReason) === null || _d === void 0 ? void 0 : _d.code) === CALL_REJECTED_CODE) {
-                        this.playSound(this.soundsLoaded.callBusySound);
-                    }
-                    else if ((_e = this.soundsLoaded) === null || _e === void 0 ? void 0 : _e.callEndedSound) {
-                        this.playSound(this.soundsLoaded.callEndedSound);
-                    }
-                }
-            });
-        };
-        this.call = call;
-        this.callee = callee;
-        if (sounds) {
-            this.soundsLoaded = this.loadSounds(sounds);
-            this.subscribeCallSoundEvents();
-        }
-    }
-    subscribeCallSoundEvents() {
-        this.onCallStateChanged();
-    }
-    unsubscribeAll() {
-        var _a;
-        this.call.off('stateChanged', this.onCallStateChanged);
-        if ((_a = this.soundsLoaded) === null || _a === void 0 ? void 0 : _a.callRingingSound) {
-            this.soundsLoaded.callRingingSound.pause();
-        }
-    }
-    loadSounds(sounds) {
-        var _a, _b, _c;
-        let callEndedSound;
-        if (sounds === null || sounds === void 0 ? void 0 : sounds.callEnded) {
-            callEndedSound = new Audio((_a = sounds === null || sounds === void 0 ? void 0 : sounds.callEnded) === null || _a === void 0 ? void 0 : _a.url);
-            callEndedSound.preload = 'auto';
-        }
-        let callRingingSound;
-        if (sounds === null || sounds === void 0 ? void 0 : sounds.callRinging) {
-            callRingingSound = new Audio((_b = sounds === null || sounds === void 0 ? void 0 : sounds.callRinging) === null || _b === void 0 ? void 0 : _b.url);
-            callRingingSound.preload = 'auto';
-        }
-        let callBusySound;
-        if (sounds === null || sounds === void 0 ? void 0 : sounds.callBusy) {
-            callBusySound = new Audio((_c = sounds === null || sounds === void 0 ? void 0 : sounds.callBusy) === null || _c === void 0 ? void 0 : _c.url);
-            callBusySound.preload = 'auto';
-        }
-        return {
-            callEndedSound,
-            callRingingSound,
-            callBusySound
-        };
-    }
-    playSound(sound) {
-        sound.play().catch((e) => {
-            console.error(e, 'Failed to play sound, check loader config to make sure it is correct');
-        });
-    }
-}
-/**
- * Helper function to allow the calling sound subscriber to determine when to play the ringing
- * sound when making an outbound call.
- */
-const isPSTNCall = (call, callee) => {
-    /* @conditional-compile-remove(calling-sounds) */
-    if (callee &&
-        callee.length >= 1 &&
-        !isPhoneNumberIdentifier(callee[0]) &&
-        (call.state === 'Ringing' || call.state === 'Connecting')) {
-        return true;
-    }
-    else {
-        return false;
-    }
-    return false;
-};
-//# sourceMappingURL=CallingSoundSubscriber.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallingSoundSubscriber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CallingSoundSubscriber.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/CallingSoundSubscriber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,iDAAiD;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAStE,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B;;GAEG;AACH,MAAM,OAAO,sBAAsB;IAKjC,YAAY,IAAgB,EAAE,MAAkC,EAAE,MAAsB;QAShF,uBAAkB,GAAG,GAAS,EAAE;YACtC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE;;gBAChC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,CAAA,EAAE,CAAC;oBAC9E,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC;oBAC/C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;gBACrD,CAAC;gBACD,IACE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,cAAc,CAAC;qBACvE,MAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,CAAA,EACnC,CAAC;oBACD,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,CAAC;oBAChD,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;gBAC7C,CAAC;gBACD,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,cAAc,EAAE,CAAC;oBACvC,IAAI,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,KAAI,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,0CAAE,IAAI,MAAK,kBAAkB,EAAE,CAAC;wBAC7F,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;oBAClD,CAAC;yBAAM,IAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,cAAc,EAAE,CAAC;wBAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;oBACnD,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QA7BA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAClC,CAAC;IACH,CAAC;IAyBO,wBAAwB;QAC9B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,cAAc;;QACnB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACvD,IAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,EAAE,CAAC;YACxC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;IAEO,UAAU,CAAC,MAAsB;;QACvC,IAAI,cAAc,CAAC;QACnB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAAE,CAAC;YACtB,cAAc,GAAG,IAAI,KAAK,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,0CAAE,GAAG,CAAC,CAAC;YACnD,cAAc,CAAC,OAAO,GAAG,MAAM,CAAC;QAClC,CAAC;QACD,IAAI,gBAAgB,CAAC;QACrB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,CAAC;YACxB,gBAAgB,GAAG,IAAI,KAAK,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,0CAAE,GAAG,CAAC,CAAC;YACvD,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC;QACpC,CAAC;QACD,IAAI,aAAa,CAAC;QAClB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,CAAC;YACrB,aAAa,GAAG,IAAI,KAAK,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,0CAAE,GAAG,CAAC,CAAC;YACjD,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC;QACjC,CAAC;QACD,OAAO;YACL,cAAc;YACd,gBAAgB;YAChB,aAAa;SACd,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,KAAuB;QACvC,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACvB,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,sEAAsE,CAAC,CAAC;QAC3F,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,IAAgB,EAAE,MAAkC,EAAW,EAAE;IACnF,iDAAiD;IACjD,IACE,MAAM;QACN,MAAM,CAAC,MAAM,IAAI,CAAC;QAClB,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,EACzD,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;SAAM,CAAC;QACN,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallCommon } from '@azure/communication-calling';\nimport { CallingSounds } from './CallAdapter';\n/* @conditional-compile-remove(calling-sounds) */\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { CommunicationIdentifier } from '@azure/communication-common';\n\ntype CallingSoundsLoaded = {\n  callEndedSound?: HTMLAudioElement;\n  callRingingSound?: HTMLAudioElement;\n  callBusySound?: HTMLAudioElement;\n};\n\nconst CALL_REJECTED_CODE = 603;\n\n/**\n * @private\n */\nexport class CallingSoundSubscriber {\n  private call: CallCommon;\n  private soundsLoaded?: CallingSoundsLoaded;\n  private callee: CommunicationIdentifier[] | undefined;\n\n  constructor(call: CallCommon, callee?: CommunicationIdentifier[], sounds?: CallingSounds) {\n    this.call = call;\n    this.callee = callee;\n    if (sounds) {\n      this.soundsLoaded = this.loadSounds(sounds);\n      this.subscribeCallSoundEvents();\n    }\n  }\n\n  private onCallStateChanged = (): void => {\n    this.call.on('stateChanged', () => {\n      if (isPSTNCall(this.call, this.callee) && this.soundsLoaded?.callRingingSound) {\n        this.soundsLoaded.callRingingSound.loop = true;\n        this.playSound(this.soundsLoaded.callRingingSound);\n      }\n      if (\n        (this.call.state === 'Connected' || this.call.state === 'Disconnected') &&\n        this.soundsLoaded?.callRingingSound\n      ) {\n        this.soundsLoaded.callRingingSound.loop = false;\n        this.soundsLoaded.callRingingSound.pause();\n      }\n      if (this.call.state === 'Disconnected') {\n        if (this.soundsLoaded?.callBusySound && this.call.callEndReason?.code === CALL_REJECTED_CODE) {\n          this.playSound(this.soundsLoaded.callBusySound);\n        } else if (this.soundsLoaded?.callEndedSound) {\n          this.playSound(this.soundsLoaded.callEndedSound);\n        }\n      }\n    });\n  };\n\n  private subscribeCallSoundEvents(): void {\n    this.onCallStateChanged();\n  }\n\n  public unsubscribeAll(): void {\n    this.call.off('stateChanged', this.onCallStateChanged);\n    if (this.soundsLoaded?.callRingingSound) {\n      this.soundsLoaded.callRingingSound.pause();\n    }\n  }\n\n  private loadSounds(sounds?: CallingSounds): CallingSoundsLoaded | undefined {\n    let callEndedSound;\n    if (sounds?.callEnded) {\n      callEndedSound = new Audio(sounds?.callEnded?.url);\n      callEndedSound.preload = 'auto';\n    }\n    let callRingingSound;\n    if (sounds?.callRinging) {\n      callRingingSound = new Audio(sounds?.callRinging?.url);\n      callRingingSound.preload = 'auto';\n    }\n    let callBusySound;\n    if (sounds?.callBusy) {\n      callBusySound = new Audio(sounds?.callBusy?.url);\n      callBusySound.preload = 'auto';\n    }\n    return {\n      callEndedSound,\n      callRingingSound,\n      callBusySound\n    };\n  }\n\n  private playSound(sound: HTMLAudioElement): void {\n    sound.play().catch((e) => {\n      console.error(e, 'Failed to play sound, check loader config to make sure it is correct');\n    });\n  }\n}\n\n/**\n * Helper function to allow the calling sound subscriber to determine when to play the ringing\n * sound when making an outbound call.\n */\nconst isPSTNCall = (call: CallCommon, callee?: CommunicationIdentifier[]): boolean => {\n  /* @conditional-compile-remove(calling-sounds) */\n  if (\n    callee &&\n    callee.length >= 1 &&\n    !isPhoneNumberIdentifier(callee[0]) &&\n    (call.state === 'Ringing' || call.state === 'Connecting')\n  ) {\n    return true;\n  } else {\n    return false;\n  }\n  return false;\n};\n"]}

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

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

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

@@ -1,210 +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 = 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" }));
-            }
-        };
-    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)' } } } }, 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: (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: (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/components/HoldPane.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-/**
- * Hold pane to display when the user places themselves on hold
- *
- * @beta
- */
-export declare const HoldPane: () => JSX.Element;
-/**
- * @internal
- */
-export declare const getReadableTime: (time: number) => string;
-//# sourceMappingURL=HoldPane.d.ts.map

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

@@ -1,93 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { PrimaryButton, Stack, Text } from '@fluentui/react';
-import React, { useRef, useState } from 'react';
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-import { HoldButton } from "../../../../../react-components/src";
-/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-import { usePropsFor } from '../hooks/usePropsFor';
-import { holdPaneContentStyles, holdPaneLabelStyles, holdPaneTimerStyles, paneStyles, resumeButtonStyles } from '../styles/HoldPane.styles';
-/**
- * Hold pane to display when the user places themselves on hold
- *
- * @beta
- */
-export const HoldPane = () => {
-    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-    const holdButtonProps = usePropsFor(HoldButton);
-    const locale = useLocale();
-    const strings = stringsTrampoline(locale);
-    const [time, setTime] = useState(0);
-    const elapsedTime = getReadableTime(time);
-    const startTime = useRef(performance.now());
-    const [resumingCall, setResumingCall] = useState(false);
-    React.useEffect(() => {
-        const interval = setInterval(() => {
-            setTime(performance.now() - startTime.current);
-        }, 10);
-        return () => {
-            clearInterval(interval);
-        };
-    }, [startTime]);
-    return (React.createElement(Stack, { styles: paneStyles },
-        React.createElement(Stack, { horizontal: true, styles: holdPaneContentStyles },
-            React.createElement(Text, { styles: holdPaneTimerStyles }, elapsedTime),
-            React.createElement(Text, { styles: holdPaneLabelStyles }, strings.holdScreenLabel),
-            React.createElement(PrimaryButton, { text: !resumingCall ? strings.resumeCallButtonLabel : strings.resumingCallButtonLabel, ariaLabel: !resumingCall ? strings.resumeCallButtonAriaLabel : strings.resumingCallButtonAriaLabel, styles: resumeButtonStyles, disabled: resumingCall, onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-                    setResumingCall(true);
-                    try {
-                        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-                        yield holdButtonProps.onToggleHold();
-                    }
-                    catch (e) {
-                        setResumingCall(false);
-                        throw e;
-                    }
-                }), "data-ui-id": "hold-page-resume-call-button", autoFocus: true }))));
-};
-const getMinutes = (time) => {
-    return Math.floor(getSeconds(time) / 60);
-};
-const getSeconds = (time) => {
-    return Math.floor(time / 1000);
-};
-const getHours = (time) => {
-    return Math.floor(getMinutes(time) / 60);
-};
-/**
- * @internal
- */
-export const getReadableTime = (time) => {
-    const hours = getHours(time);
-    const readableMinutes = ('0' + (getMinutes(time) % 60)).slice(-2);
-    const readableSeconds = ('0' + (getSeconds(time) % 60)).slice(-2);
-    return `${hours > 0 ? hours + ':' : ''}${readableMinutes}:${readableSeconds}`;
-};
-const stringsTrampoline = (locale) => {
-    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-    return {
-        holdScreenLabel: locale.strings.call.holdScreenLabel,
-        resumeCallButtonLabel: locale.strings.call.resumeCallButtonLabel,
-        resumeCallButtonAriaLabel: locale.strings.call.resumeCallButtonAriaLabel,
-        resumingCallButtonLabel: locale.strings.call.resumingCallButtonLabel,
-        resumingCallButtonAriaLabel: locale.strings.call.resumingCallButtonAriaLabel
-    };
-    return {
-        holdScreenLabel: '',
-        resumeCallButtonLabel: '',
-        resumeCallButtonAriaLabel: '',
-        resumingCallButtonLabel: '',
-        resumingCallButtonAriaLabel: ''
-    };
-};
-//# sourceMappingURL=HoldPane.js.map