@azure/communication-react 1.4.3-alpha-202212170012.0 → 1.4.3-alpha-202212200014.0

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js

@@ -133,7 +133,9 @@ function callAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState)
         isTeamsCall: callWithChatAdapterState.isTeamsCall,
         latestErrors: callWithChatAdapterState.latestCallErrors,
         /* @conditional-compile-remove(PSTN-calls) */
-        alternateCallerId: callWithChatAdapterState.alternateCallerId
+        alternateCallerId: callWithChatAdapterState.alternateCallerId,
+        /* @conditional-compile-remove(unsupported-browser) */
+        environmentInfo: callWithChatAdapterState.environmentInfo
     };
 }
 //# sourceMappingURL=CallWithChatBackedCallAdapter.js.map

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallWithChatBackedCallAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallWithChatAdapter } from './CallWithChatAdapter';\nimport { CallAdapter, CallAdapterState } from '../../CallComposite';\nimport { CreateVideoStreamViewResult, VideoStreamOptions } from '@internal/react-components';\nimport {\n  AudioDeviceInfo,\n  VideoDeviceInfo,\n  Call,\n  PermissionConstraints,\n  StartCallOptions\n} from '@azure/communication-calling';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions, DtmfTone } from '@azure/communication-calling';\nimport { CallWithChatAdapterState } from '../state/CallWithChatAdapterState';\n/* @conditional-compile-remove(PSTN-calls) */\nimport {\n  CommunicationIdentifier,\n  CommunicationUserIdentifier,\n  isPhoneNumberIdentifier,\n  PhoneNumberIdentifier\n} from '@azure/communication-common';\nimport { _toCommunicationIdentifier } from '@internal/acs-ui-common';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\n/**\n * Facade around the CallWithChatAdapter to satisfy the call adapter interface.\n *\n * @private\n */\nexport class CallWithChatBackedCallAdapter implements CallAdapter {\n  private callWithChatAdapter: CallWithChatAdapter;\n\n  // For onStateChange we must convert CallWithChat state to chat state. This involves creating a new handler to be passed into the onStateChange.\n  // In order to unsubscribe the handler when offStateChange is called we must have a mapping of the original handler to the newly created handler.\n  private eventStore: Map<(state: CallAdapterState) => void, (state: CallWithChatAdapterState) => void> = new Map();\n\n  constructor(callWithChatAdapter: CallWithChatAdapter) {\n    this.callWithChatAdapter = callWithChatAdapter;\n  }\n  public on = (event: any, listener: any): void => {\n    switch (event) {\n      case 'error':\n        return this.callWithChatAdapter.on('callError', listener);\n      case 'participantsJoined':\n        return this.callWithChatAdapter.on('callParticipantsJoined', listener);\n      case 'participantsLeft':\n        return this.callWithChatAdapter.on('callParticipantsLeft', listener);\n      default:\n        return this.callWithChatAdapter.on(event, listener);\n    }\n  };\n  public off = (event: any, listener: any): void => {\n    switch (event) {\n      case 'error':\n        return this.callWithChatAdapter.off('callError', listener);\n      case 'participantsJoined':\n        return this.callWithChatAdapter.off('callParticipantsJoined', listener);\n      case 'participantsLeft':\n        return this.callWithChatAdapter.off('callParticipantsLeft', listener);\n      default:\n        return this.callWithChatAdapter.off(event, listener);\n    }\n  };\n  public onStateChange = (handler: (state: CallAdapterState) => void): void => {\n    const convertedHandler = (state: CallWithChatAdapterState): void => {\n      handler(callAdapterStateFromCallWithChatAdapterState(state));\n    };\n    this.callWithChatAdapter.onStateChange(convertedHandler);\n    this.eventStore.set(handler, convertedHandler);\n  };\n  public offStateChange = (handler: (state: CallAdapterState) => void): void => {\n    const convertedHandler = this.eventStore.get(handler);\n    convertedHandler && this.callWithChatAdapter.offStateChange(convertedHandler);\n  };\n  public getState = (): CallAdapterState =>\n    callAdapterStateFromCallWithChatAdapterState(this.callWithChatAdapter.getState());\n  public dispose = (): void => this.callWithChatAdapter.dispose();\n  public joinCall = (microphoneOn?: boolean): Call | undefined => {\n    return this.callWithChatAdapter.joinCall(microphoneOn);\n  };\n  public leaveCall = async (forEveryone?: boolean): Promise<void> =>\n    await this.callWithChatAdapter.leaveCall(forEveryone);\n  public startCall = (\n    participants: string[] | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier[],\n    options: StartCallOptions\n  ): Call | undefined => {\n    let communicationParticipants = participants;\n    /* @conditional-compile-remove(PSTN-calls) */\n    communicationParticipants = participants.map(_toCommunicationIdentifier);\n    return this.callWithChatAdapter.startCall(communicationParticipants, options);\n  };\n  public setCamera = async (sourceId: VideoDeviceInfo, options?: VideoStreamOptions): Promise<void> =>\n    await this.callWithChatAdapter.setCamera(sourceId, options);\n  public setMicrophone = async (sourceId: AudioDeviceInfo): Promise<void> =>\n    await this.callWithChatAdapter.setMicrophone(sourceId);\n  public setSpeaker = async (sourceId: AudioDeviceInfo): Promise<void> =>\n    await this.callWithChatAdapter.setSpeaker(sourceId);\n  public askDevicePermission = async (constraints: PermissionConstraints): Promise<void> =>\n    await this.callWithChatAdapter.askDevicePermission(constraints);\n  public queryCameras = async (): Promise<VideoDeviceInfo[]> => await this.callWithChatAdapter.queryCameras();\n  public queryMicrophones = async (): Promise<AudioDeviceInfo[]> => await this.callWithChatAdapter.queryMicrophones();\n  public querySpeakers = async (): Promise<AudioDeviceInfo[]> => await this.callWithChatAdapter.querySpeakers();\n  public startCamera = async (options?: VideoStreamOptions): Promise<void> =>\n    await this.callWithChatAdapter.startCamera(options);\n  public stopCamera = async (): Promise<void> => await this.callWithChatAdapter.stopCamera();\n  public mute = async (): Promise<void> => await this.callWithChatAdapter.mute();\n  public unmute = async (): Promise<void> => await this.callWithChatAdapter.unmute();\n  public startScreenShare = async (): Promise<void> => await this.callWithChatAdapter.startScreenShare();\n  public stopScreenShare = async (): Promise<void> => await this.callWithChatAdapter.stopScreenShare();\n  public removeParticipant = async (\n    userId: string | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier\n  ): Promise<void> => {\n    let participant = userId;\n    /* @conditional-compile-remove(PSTN-calls) */\n    participant = _toCommunicationIdentifier(userId);\n    await this.callWithChatAdapter.removeParticipant(participant);\n  };\n  public createStreamView = async (\n    remoteUserId?: string,\n    options?: VideoStreamOptions\n  ): Promise<void | CreateVideoStreamViewResult> =>\n    await this.callWithChatAdapter.createStreamView(remoteUserId, options);\n  public disposeStreamView = async (remoteUserId?: string, options?: VideoStreamOptions): Promise<void> =>\n    await this.callWithChatAdapter.disposeStreamView(remoteUserId, options);\n  /* @conditional-compile-remove(PSTN-calls) */\n  public holdCall = async (): Promise<void> => {\n    await this.callWithChatAdapter.holdCall();\n  };\n  /* @conditional-compile-remove(PSTN-calls) */\n  public resumeCall = async (): Promise<void> => {\n    await this.callWithChatAdapter.resumeCall();\n  };\n  /* @conditional-compile-remove(PSTN-calls) */\n  public async addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  public async addParticipant(participant: CommunicationUserIdentifier): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  public async addParticipant(\n    participant: PhoneNumberIdentifier | CommunicationUserIdentifier,\n    options?: AddPhoneNumberOptions\n  ): Promise<void> {\n    if (isPhoneNumberIdentifier(participant) && options) {\n      return this.callWithChatAdapter.addParticipant(participant as PhoneNumberIdentifier, options);\n    } else {\n      return this.callWithChatAdapter.addParticipant(participant as CommunicationUserIdentifier);\n    }\n  }\n\n  /* @conditional-compile-remove(unsupported-browser) */\n  public allowUnsupportedBrowserVersion(): void {\n    return this.callWithChatAdapter.allowUnsupportedBrowserVersion();\n  }\n  /* @conditional-compile-remove(PSTN-calls) */\n  public sendDtmfTone = async (dtmfTone: DtmfTone): Promise<void> => {\n    await this.callWithChatAdapter.sendDtmfTone(dtmfTone);\n  };\n}\n\nfunction callAdapterStateFromCallWithChatAdapterState(\n  callWithChatAdapterState: CallWithChatAdapterState\n): CallAdapterState {\n  return {\n    isLocalPreviewMicrophoneEnabled: callWithChatAdapterState.isLocalPreviewMicrophoneEnabled,\n    page: callWithChatAdapterState.page,\n    userId: callWithChatAdapterState.userId,\n    displayName: callWithChatAdapterState.displayName,\n    call: callWithChatAdapterState.call,\n    devices: callWithChatAdapterState.devices,\n    isTeamsCall: callWithChatAdapterState.isTeamsCall,\n    latestErrors: callWithChatAdapterState.latestCallErrors,\n    /* @conditional-compile-remove(PSTN-calls) */\n    alternateCallerId: callWithChatAdapterState.alternateCallerId\n  };\n}\n\"../../../../../react-components/src\"\"../../../../../acs-ui-common/src\""]}
+{"version":3,"file":"CallWithChatBackedCallAdapter.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { CallWithChatAdapter } from './CallWithChatAdapter';\nimport { CallAdapter, CallAdapterState } from '../../CallComposite';\nimport { CreateVideoStreamViewResult, VideoStreamOptions } from '@internal/react-components';\nimport {\n  AudioDeviceInfo,\n  VideoDeviceInfo,\n  Call,\n  PermissionConstraints,\n  StartCallOptions\n} from '@azure/communication-calling';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions, DtmfTone } from '@azure/communication-calling';\nimport { CallWithChatAdapterState } from '../state/CallWithChatAdapterState';\n/* @conditional-compile-remove(PSTN-calls) */\nimport {\n  CommunicationIdentifier,\n  CommunicationUserIdentifier,\n  isPhoneNumberIdentifier,\n  PhoneNumberIdentifier\n} from '@azure/communication-common';\nimport { _toCommunicationIdentifier } from '@internal/acs-ui-common';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\n/**\n * Facade around the CallWithChatAdapter to satisfy the call adapter interface.\n *\n * @private\n */\nexport class CallWithChatBackedCallAdapter implements CallAdapter {\n  private callWithChatAdapter: CallWithChatAdapter;\n\n  // For onStateChange we must convert CallWithChat state to chat state. This involves creating a new handler to be passed into the onStateChange.\n  // In order to unsubscribe the handler when offStateChange is called we must have a mapping of the original handler to the newly created handler.\n  private eventStore: Map<(state: CallAdapterState) => void, (state: CallWithChatAdapterState) => void> = new Map();\n\n  constructor(callWithChatAdapter: CallWithChatAdapter) {\n    this.callWithChatAdapter = callWithChatAdapter;\n  }\n  public on = (event: any, listener: any): void => {\n    switch (event) {\n      case 'error':\n        return this.callWithChatAdapter.on('callError', listener);\n      case 'participantsJoined':\n        return this.callWithChatAdapter.on('callParticipantsJoined', listener);\n      case 'participantsLeft':\n        return this.callWithChatAdapter.on('callParticipantsLeft', listener);\n      default:\n        return this.callWithChatAdapter.on(event, listener);\n    }\n  };\n  public off = (event: any, listener: any): void => {\n    switch (event) {\n      case 'error':\n        return this.callWithChatAdapter.off('callError', listener);\n      case 'participantsJoined':\n        return this.callWithChatAdapter.off('callParticipantsJoined', listener);\n      case 'participantsLeft':\n        return this.callWithChatAdapter.off('callParticipantsLeft', listener);\n      default:\n        return this.callWithChatAdapter.off(event, listener);\n    }\n  };\n  public onStateChange = (handler: (state: CallAdapterState) => void): void => {\n    const convertedHandler = (state: CallWithChatAdapterState): void => {\n      handler(callAdapterStateFromCallWithChatAdapterState(state));\n    };\n    this.callWithChatAdapter.onStateChange(convertedHandler);\n    this.eventStore.set(handler, convertedHandler);\n  };\n  public offStateChange = (handler: (state: CallAdapterState) => void): void => {\n    const convertedHandler = this.eventStore.get(handler);\n    convertedHandler && this.callWithChatAdapter.offStateChange(convertedHandler);\n  };\n  public getState = (): CallAdapterState =>\n    callAdapterStateFromCallWithChatAdapterState(this.callWithChatAdapter.getState());\n  public dispose = (): void => this.callWithChatAdapter.dispose();\n  public joinCall = (microphoneOn?: boolean): Call | undefined => {\n    return this.callWithChatAdapter.joinCall(microphoneOn);\n  };\n  public leaveCall = async (forEveryone?: boolean): Promise<void> =>\n    await this.callWithChatAdapter.leaveCall(forEveryone);\n  public startCall = (\n    participants: string[] | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier[],\n    options: StartCallOptions\n  ): Call | undefined => {\n    let communicationParticipants = participants;\n    /* @conditional-compile-remove(PSTN-calls) */\n    communicationParticipants = participants.map(_toCommunicationIdentifier);\n    return this.callWithChatAdapter.startCall(communicationParticipants, options);\n  };\n  public setCamera = async (sourceId: VideoDeviceInfo, options?: VideoStreamOptions): Promise<void> =>\n    await this.callWithChatAdapter.setCamera(sourceId, options);\n  public setMicrophone = async (sourceId: AudioDeviceInfo): Promise<void> =>\n    await this.callWithChatAdapter.setMicrophone(sourceId);\n  public setSpeaker = async (sourceId: AudioDeviceInfo): Promise<void> =>\n    await this.callWithChatAdapter.setSpeaker(sourceId);\n  public askDevicePermission = async (constraints: PermissionConstraints): Promise<void> =>\n    await this.callWithChatAdapter.askDevicePermission(constraints);\n  public queryCameras = async (): Promise<VideoDeviceInfo[]> => await this.callWithChatAdapter.queryCameras();\n  public queryMicrophones = async (): Promise<AudioDeviceInfo[]> => await this.callWithChatAdapter.queryMicrophones();\n  public querySpeakers = async (): Promise<AudioDeviceInfo[]> => await this.callWithChatAdapter.querySpeakers();\n  public startCamera = async (options?: VideoStreamOptions): Promise<void> =>\n    await this.callWithChatAdapter.startCamera(options);\n  public stopCamera = async (): Promise<void> => await this.callWithChatAdapter.stopCamera();\n  public mute = async (): Promise<void> => await this.callWithChatAdapter.mute();\n  public unmute = async (): Promise<void> => await this.callWithChatAdapter.unmute();\n  public startScreenShare = async (): Promise<void> => await this.callWithChatAdapter.startScreenShare();\n  public stopScreenShare = async (): Promise<void> => await this.callWithChatAdapter.stopScreenShare();\n  public removeParticipant = async (\n    userId: string | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier\n  ): Promise<void> => {\n    let participant = userId;\n    /* @conditional-compile-remove(PSTN-calls) */\n    participant = _toCommunicationIdentifier(userId);\n    await this.callWithChatAdapter.removeParticipant(participant);\n  };\n  public createStreamView = async (\n    remoteUserId?: string,\n    options?: VideoStreamOptions\n  ): Promise<void | CreateVideoStreamViewResult> =>\n    await this.callWithChatAdapter.createStreamView(remoteUserId, options);\n  public disposeStreamView = async (remoteUserId?: string, options?: VideoStreamOptions): Promise<void> =>\n    await this.callWithChatAdapter.disposeStreamView(remoteUserId, options);\n  /* @conditional-compile-remove(PSTN-calls) */\n  public holdCall = async (): Promise<void> => {\n    await this.callWithChatAdapter.holdCall();\n  };\n  /* @conditional-compile-remove(PSTN-calls) */\n  public resumeCall = async (): Promise<void> => {\n    await this.callWithChatAdapter.resumeCall();\n  };\n  /* @conditional-compile-remove(PSTN-calls) */\n  public async addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  public async addParticipant(participant: CommunicationUserIdentifier): Promise<void>;\n  /* @conditional-compile-remove(PSTN-calls) */\n  public async addParticipant(\n    participant: PhoneNumberIdentifier | CommunicationUserIdentifier,\n    options?: AddPhoneNumberOptions\n  ): Promise<void> {\n    if (isPhoneNumberIdentifier(participant) && options) {\n      return this.callWithChatAdapter.addParticipant(participant as PhoneNumberIdentifier, options);\n    } else {\n      return this.callWithChatAdapter.addParticipant(participant as CommunicationUserIdentifier);\n    }\n  }\n\n  /* @conditional-compile-remove(unsupported-browser) */\n  public allowUnsupportedBrowserVersion(): void {\n    return this.callWithChatAdapter.allowUnsupportedBrowserVersion();\n  }\n  /* @conditional-compile-remove(PSTN-calls) */\n  public sendDtmfTone = async (dtmfTone: DtmfTone): Promise<void> => {\n    await this.callWithChatAdapter.sendDtmfTone(dtmfTone);\n  };\n}\n\nfunction callAdapterStateFromCallWithChatAdapterState(\n  callWithChatAdapterState: CallWithChatAdapterState\n): CallAdapterState {\n  return {\n    isLocalPreviewMicrophoneEnabled: callWithChatAdapterState.isLocalPreviewMicrophoneEnabled,\n    page: callWithChatAdapterState.page,\n    userId: callWithChatAdapterState.userId,\n    displayName: callWithChatAdapterState.displayName,\n    call: callWithChatAdapterState.call,\n    devices: callWithChatAdapterState.devices,\n    isTeamsCall: callWithChatAdapterState.isTeamsCall,\n    latestErrors: callWithChatAdapterState.latestCallErrors,\n    /* @conditional-compile-remove(PSTN-calls) */\n    alternateCallerId: callWithChatAdapterState.alternateCallerId,\n    /* @conditional-compile-remove(unsupported-browser) */\n    environmentInfo: callWithChatAdapterState.environmentInfo\n  };\n}\n\"../../../../../react-components/src\"\"../../../../../acs-ui-common/src\""]}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * @private
+ *  hidden button to set first tab keypress focus on a specific grouping.
+ *  On mount, button is autofocused then immediately hidden
+ */
+export declare const HiddenFocusStartPoint: () => JSX.Element;
+//# sourceMappingURL=HiddenFocusStartPoint.d.ts.map

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

@@ -0,0 +1,40 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { DefaultButton } from '@fluentui/react';
+import React from 'react';
+import { useEffect, useState } from 'react';
+/**
+ * @private
+ *  hidden button to set first tab keypress focus on a specific grouping.
+ *  On mount, button is autofocused then immediately hidden
+ */
+export const HiddenFocusStartPoint = () => {
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(() => {
+        setIsMounted(true);
+    }, []);
+    return (React.createElement(DefaultButton, { autoFocus: true, ariaHidden: true, styles: isMounted ? invisibleHiddenFocusStartPoint : hiddenFocusStartPointStyles, tabIndex: -1 }));
+};
+/** @private */
+const hiddenFocusStartPointStyles = {
+    root: {
+        width: '0',
+        height: '0',
+        margin: '0',
+        minHeight: '0',
+        minWidth: '0',
+        maxHeight: '0',
+        maxWidth: '0',
+        opacity: '0',
+        outline: 'none',
+        padding: '0',
+        position: 'absolute'
+    }
+};
+/** @private */
+const invisibleHiddenFocusStartPoint = {
+    root: {
+        display: 'none'
+    }
+};
+//# sourceMappingURL=HiddenFocusStartPoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenFocusStartPoint.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/HiddenFocusStartPoint.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,aAAa,EAAgB,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAgB,EAAE;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,QACT,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,2BAA2B,EAChF,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,2BAA2B,GAAiB;IAChD,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,GAAG;QACb,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF,eAAe;AACf,MAAM,8BAA8B,GAAiB;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { DefaultButton, IStackStyles } from '@fluentui/react';\nimport React from 'react';\nimport { useEffect, useState } from 'react';\n\n/**\n * @private\n *  hidden button to set first tab keypress focus on a specific grouping.\n *  On mount, button is autofocused then immediately hidden\n */\nexport const HiddenFocusStartPoint = (): JSX.Element => {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n  return (\n    <DefaultButton\n      autoFocus\n      ariaHidden={true}\n      styles={isMounted ? invisibleHiddenFocusStartPoint : hiddenFocusStartPointStyles}\n      tabIndex={-1}\n    />\n  );\n};\n\n/** @private */\nconst hiddenFocusStartPointStyles: IStackStyles = {\n  root: {\n    width: '0',\n    height: '0',\n    margin: '0',\n    minHeight: '0',\n    minWidth: '0',\n    maxHeight: '0',\n    maxWidth: '0',\n    opacity: '0',\n    outline: 'none',\n    padding: '0',\n    position: 'absolute'\n  }\n};\n\n/** @private */\nconst invisibleHiddenFocusStartPoint: IStackStyles = {\n  root: {\n    display: 'none'\n  }\n};\n"]}

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

@@ -92,17 +92,19 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     HoldCallButton: JSX.Element;
     ResumeCall: JSX.Element;
     DialpadBackspace: JSX.Element;
-    DomainPermissionsSparkle: JSX.Element;
-    DomainPermissionCamera: JSX.Element;
-    DomainPermissionMic: JSX.Element;
-    DomainPermissionCameraDenied: JSX.Element;
-    DomainPermissionMicDenied: JSX.Element;
+    SitePermissionsSparkle: JSX.Element;
+    SitePermissionCamera: JSX.Element;
+    SitePermissionMic: JSX.Element;
+    SitePermissionCameraDenied: JSX.Element;
+    SitePermissionMicDenied: JSX.Element;
     UnsupportedEnvironmentWarning: JSX.Element;
     BrowserPermissionDeniedError: JSX.Element;
     VideoTilePinned: JSX.Element;
     VideoTileMoreOptions: JSX.Element;
     VideoTileScaleFit: JSX.Element;
     VideoTileScaleFill: JSX.Element;
+    PinParticipant: JSX.Element;
+    UnpinParticipant: JSX.Element;
 };
 /** @private */
 export declare type CompositeIconProps<Icons> = IIconProps & {

package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js

@@ -66,6 +66,7 @@ export const hiddenStyles = {
 export const sidePaneStyles = {
     root: {
         height: 'auto',
+        width: '100%',
         padding: '0.5rem 0.25rem',
         maxWidth: '21.5rem'
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAA6C,MAAM,iBAAiB,CAAC;AAE7F;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB,eAAe,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AAEnH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAEpF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB;IACvD,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;IACnG,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IACnC,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;CAC3C,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB,eAAe,CAAC,0BAA0B,EAAE;IACnG,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;CAC/B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,4BAA4B;QAC1C,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,GAAG;KACb;IACD,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IACnC,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC1C,aAAa,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;IAC1D,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE9F;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,WAAW,EAAE,QAAQ;CACtB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { concatStyleSets, IButtonStyles, IStackStyles, IStackTokens } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const mobilePaneStyle = { root: { width: '100%', height: '100%' } };\n\n/**\n * @private\n */\nexport const hiddenMobilePaneStyle: IStackStyles = concatStyleSets(mobilePaneStyle, { root: { display: 'none' } });\n\n/**\n * @private\n */\nexport const mobilePaneControlBarStyle: IStackStyles = { root: { height: '3rem' } };\n\n/**\n * @private\n */\nexport const mobilePaneBackButtonStyles: IButtonStyles = {\n  root: { border: 'none', minWidth: '2.5rem', height: '100%', background: 'none', padding: '0 1rem' },\n  rootChecked: { background: 'none' },\n  rootCheckedHovered: { background: 'none' }\n};\n\n/**\n * @private\n */\nexport const mobilePaneHiddenIconStyles: IButtonStyles = concatStyleSets(mobilePaneBackButtonStyles, {\n  root: { visibility: 'hidden' }\n});\n\n/**\n * @private\n */\nexport const mobilePaneButtonStyles: IButtonStyles = {\n  root: {\n    border: 'none',\n    borderBottom: '0.125rem solid transparent',\n    width: '8rem',\n    height: '100%',\n    background: 'none',\n    padding: '0'\n  },\n  rootChecked: { background: 'none' },\n  rootCheckedHovered: { background: 'none' },\n  flexContainer: { flexFlow: 'column', display: 'contents' },\n  label: {\n    fontSize: '1rem',\n    fontWeight: 100,\n    lineHeight: '2rem',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap'\n  },\n  labelChecked: { fontWeight: 600 }\n};\n\n/**\n * @private\n */\nexport const hiddenStyles: IStackStyles = {\n  root: {\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneStyles: IStackStyles = {\n  root: {\n    height: 'auto',\n    padding: '0.5rem 0.25rem',\n    maxWidth: '21.5rem'\n  }\n};\n\n/**\n * @private\n */\nexport const availableSpaceStyles: IStackStyles = { root: { width: '100%', height: '100%' } };\n\n/**\n * @private\n */\nexport const sidePaneTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n"]}
+{"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAA6C,MAAM,iBAAiB,CAAC;AAE7F;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB,eAAe,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AAEnH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAEpF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB;IACvD,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;IACnG,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IACnC,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;CAC3C,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB,eAAe,CAAC,0BAA0B,EAAE;IACnG,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;CAC/B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,4BAA4B;QAC1C,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,GAAG;KACb;IACD,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IACnC,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC1C,aAAa,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;IAC1D,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE9F;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,WAAW,EAAE,QAAQ;CACtB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { concatStyleSets, IButtonStyles, IStackStyles, IStackTokens } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const mobilePaneStyle = { root: { width: '100%', height: '100%' } };\n\n/**\n * @private\n */\nexport const hiddenMobilePaneStyle: IStackStyles = concatStyleSets(mobilePaneStyle, { root: { display: 'none' } });\n\n/**\n * @private\n */\nexport const mobilePaneControlBarStyle: IStackStyles = { root: { height: '3rem' } };\n\n/**\n * @private\n */\nexport const mobilePaneBackButtonStyles: IButtonStyles = {\n  root: { border: 'none', minWidth: '2.5rem', height: '100%', background: 'none', padding: '0 1rem' },\n  rootChecked: { background: 'none' },\n  rootCheckedHovered: { background: 'none' }\n};\n\n/**\n * @private\n */\nexport const mobilePaneHiddenIconStyles: IButtonStyles = concatStyleSets(mobilePaneBackButtonStyles, {\n  root: { visibility: 'hidden' }\n});\n\n/**\n * @private\n */\nexport const mobilePaneButtonStyles: IButtonStyles = {\n  root: {\n    border: 'none',\n    borderBottom: '0.125rem solid transparent',\n    width: '8rem',\n    height: '100%',\n    background: 'none',\n    padding: '0'\n  },\n  rootChecked: { background: 'none' },\n  rootCheckedHovered: { background: 'none' },\n  flexContainer: { flexFlow: 'column', display: 'contents' },\n  label: {\n    fontSize: '1rem',\n    fontWeight: 100,\n    lineHeight: '2rem',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap'\n  },\n  labelChecked: { fontWeight: 600 }\n};\n\n/**\n * @private\n */\nexport const hiddenStyles: IStackStyles = {\n  root: {\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const sidePaneStyles: IStackStyles = {\n  root: {\n    height: 'auto',\n    width: '100%',\n    padding: '0.5rem 0.25rem',\n    maxWidth: '21.5rem'\n  }\n};\n\n/**\n * @private\n */\nexport const availableSpaceStyles: IStackStyles = { root: { width: '100%', height: '100%' } };\n\n/**\n * @private\n */\nexport const sidePaneTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.4.3-alpha-202212170012.0",
+  "version": "1.4.3-alpha-202212200014.0",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -86,13 +86,13 @@
     "@azure/core-auth": "1.3.2",
     "@babel/cli": "~7.16.0",
     "@babel/core": "~7.16.0",
-    "@internal/calling-component-bindings": "1.4.3-alpha-202212170012.0",
-    "@internal/calling-stateful-client": "1.4.3-alpha-202212170012.0",
-    "@internal/chat-component-bindings": "1.4.3-alpha-202212170012.0",
-    "@internal/chat-stateful-client": "1.4.3-alpha-202212170012.0",
-    "@internal/fake-backends": "1.4.3-alpha-202212170012.0",
-    "@internal/react-components": "1.4.3-alpha-202212170012.0",
-    "@internal/react-composites": "1.4.3-alpha-202212170012.0",
+    "@internal/calling-component-bindings": "1.4.3-alpha-202212200014.0",
+    "@internal/calling-stateful-client": "1.4.3-alpha-202212200014.0",
+    "@internal/chat-component-bindings": "1.4.3-alpha-202212200014.0",
+    "@internal/chat-stateful-client": "1.4.3-alpha-202212200014.0",
+    "@internal/fake-backends": "1.4.3-alpha-202212200014.0",
+    "@internal/react-components": "1.4.3-alpha-202212200014.0",
+    "@internal/react-composites": "1.4.3-alpha-202212200014.0",
     "@microsoft/api-documenter": "~7.12.11",
     "@microsoft/api-extractor": "~7.18.0",
     "@rollup/plugin-json": "~4.1.0",

package/dist/dist-esm/react-components/src/components/DevicePermissions/DomainPermissions.d.ts

@@ -1,105 +0,0 @@
-/// <reference types="react" />
-import { DomainPermissionsStrings, DomainPermissionsStyles } from './DomainPermissionsScaffolding';
-/**
- * @beta
- * Props for DomainPermissions components.
- */
-export interface CommonDomainPermissionsProps {
-    /**
-     * Name of application calling experience is in.
-     */
-    appName: string;
-    /**
-     * Type of the Domain Permissions component.
-     */
-    type: 'request' | 'denied' | 'check';
-    /**
-     * Type of the browser used, the domain permission component will show different guidance text based on the browser type
-     */
-    browserHint?: 'safari' | 'unset';
-    /**
-     * Action to be taken by the more help link. Possible to send to external page or show other modal.
-     * If this is not provided the button will not be shown.
-     */
-    onTroubleshootingClick?: () => void;
-    /**
-     * Action that is taken when the user clicks the continue anyway button.
-     * If this is not provided the button will not be shown.
-     */
-    onContinueAnywayClick?: () => void;
-    /**
-     * Styles for DomainPermissions component.
-     */
-    styles?: DomainPermissionsStyles;
-}
-/**
- * @beta
- * Strings for CameraAndMicrophoneDomainPermissions component.
- */
-export declare type CameraAndMicrophoneDomainPermissionsStrings = DomainPermissionsStrings;
-/**
- * @beta
- * Props for CameraAndMicrophoneDomainPermissions component.
- */
-export interface CameraAndMicrophoneDomainPermissionsProps extends CommonDomainPermissionsProps {
-    /** Icon name for the camera icon */
-    cameraIconName?: string;
-    /** Icon name for the microphone icon */
-    microphoneIconName?: string;
-    /** Icon name for the central icon between the camera and microphone icons */
-    connectorIconName?: string;
-    /** Strings for use with the {@link CameraAndMicrophoneDomainPermissions} */
-    strings?: CameraAndMicrophoneDomainPermissionsStrings;
-}
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- */
-export declare const CameraAndMicrophoneDomainPermissions: (props: CameraAndMicrophoneDomainPermissionsProps) => JSX.Element;
-/**
- * @beta
- * Strings for MicrophoneDomainPermissions component.
- */
-export declare type MicrophoneDomainPermissionsStrings = DomainPermissionsStrings;
-/**
- * @beta
- * Props for MicrophoneDomainPermissions component.
- */
-export interface MicrophoneDomainPermissionsProps extends CommonDomainPermissionsProps {
-    /** Icon name for the microphone icon */
-    microphoneIconName?: string;
-    /** Strings for use with the {@link MicrophoneDomainPermissions} */
-    strings?: MicrophoneDomainPermissionsStrings;
-}
-/**
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- *
- * @beta
- */
-export declare const MicrophoneDomainPermissions: (props: MicrophoneDomainPermissionsProps) => JSX.Element;
-/**
- * @beta
- * Strings for CameraDomainPermissions component.
- */
-export declare type CameraDomainPermissionsStrings = DomainPermissionsStrings;
-/**
- * @beta
- * Props for CameraDomainPermissions component.
- */
-export interface CameraDomainPermissionsProps extends CommonDomainPermissionsProps {
-    /** Icon name for the camera icon */
-    cameraIconName?: string;
-    /** Strings for use with the {@link CameraDomainPermissions} */
-    strings?: CameraDomainPermissionsStrings;
-}
-/**
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- *
- * @beta
- */
-export declare const CameraDomainPermissions: (props: CameraDomainPermissionsProps) => JSX.Element;
-//# sourceMappingURL=DomainPermissions.d.ts.map

package/dist/dist-esm/react-components/src/components/DevicePermissions/DomainPermissions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainPermissions.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/DevicePermissions/DomainPermissions.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 { useLocale } from '../../localization';\nimport { DomainPermissionsStrings, DomainPermissionsStyles } from './DomainPermissionsScaffolding';\n/* @conditional-compile-remove(call-readiness) */\nimport { DomainPermissionsContainer } from './DomainPermissionsScaffolding';\n/* @conditional-compile-remove(call-readiness) */\nimport { useShallowMerge } from '../utils/merge';\n\n/**\n * @beta\n * Props for DomainPermissions components.\n */\nexport interface CommonDomainPermissionsProps {\n  /**\n   * Name of application calling experience is in.\n   */\n  appName: string;\n  /**\n   * Type of the Domain Permissions component.\n   */\n  type: 'request' | 'denied' | 'check';\n  /**\n   * Type of the browser used, the domain permission component will show different guidance text based on the browser type\n   */\n  browserHint?: 'safari' | 'unset';\n  /**\n   * Action to be taken by the more help link. Possible to send to external page or show other modal.\n   * If this is not provided the button will not be shown.\n   */\n  onTroubleshootingClick?: () => void;\n  /**\n   * Action that is taken when the user clicks the continue anyway button.\n   * If this is not provided the button will not be shown.\n   */\n  onContinueAnywayClick?: () => void;\n  /**\n   * Styles for DomainPermissions component.\n   */\n  styles?: DomainPermissionsStyles;\n}\n\n/**\n * @beta\n * Strings for CameraAndMicrophoneDomainPermissions component.\n */\nexport type CameraAndMicrophoneDomainPermissionsStrings = DomainPermissionsStrings;\n\n/**\n * @beta\n * Props for CameraAndMicrophoneDomainPermissions component.\n */\nexport interface CameraAndMicrophoneDomainPermissionsProps extends CommonDomainPermissionsProps {\n  /** Icon name for the camera icon */\n  cameraIconName?: string;\n  /** Icon name for the microphone icon */\n  microphoneIconName?: string;\n  /** Icon name for the central icon between the camera and microphone icons */\n  connectorIconName?: string;\n  /** Strings for use with the {@link CameraAndMicrophoneDomainPermissions} */\n  strings?: CameraAndMicrophoneDomainPermissionsStrings;\n}\n\n/**\n * @beta\n *\n * Component to allow Contoso to help their end user with their devices should their permissions be blocked\n * by their browsers settings.\n */\nexport const CameraAndMicrophoneDomainPermissions = (props: CameraAndMicrophoneDomainPermissionsProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings;\n\n  /* @conditional-compile-remove(call-readiness) */\n  const strings = useShallowMerge(\n    props.type === 'denied'\n      ? props.browserHint === 'safari'\n        ? locale.CameraAndMicrophoneDomainPermissionsDeniedSafari\n        : locale.CameraAndMicrophoneDomainPermissionsDenied\n      : props.type === 'request'\n      ? locale.CameraAndMicrophoneDomainPermissionsRequest\n      : locale.CameraAndMicrophoneDomainPermissionsCheck,\n    props.strings\n  );\n\n  /* @conditional-compile-remove(call-readiness) */\n  const cameraIconName =\n    props.microphoneIconName ?? props.type === 'denied' ? 'DomainPermissionCameraDenied' : 'DomainPermissionCamera';\n  /* @conditional-compile-remove(call-readiness) */\n  const microphoneIconName =\n    props.microphoneIconName ?? props.type === 'denied' ? 'DomainPermissionMicDenied' : 'DomainPermissionMic';\n  /* @conditional-compile-remove(call-readiness) */\n  const connectorIconName = props.microphoneIconName ?? 'DomainPermissionsSparkle';\n\n  /* @conditional-compile-remove(call-readiness) */\n  return (\n    <DomainPermissionsContainer\n      {...props}\n      strings={strings}\n      cameraIconName={cameraIconName}\n      connectorIconName={connectorIconName}\n      microphoneIconName={microphoneIconName}\n      onPrimaryButtonClick={props.onContinueAnywayClick}\n    />\n  );\n  return <></>;\n};\n\n/**\n * @beta\n * Strings for MicrophoneDomainPermissions component.\n */\nexport type MicrophoneDomainPermissionsStrings = DomainPermissionsStrings;\n\n/**\n * @beta\n * Props for MicrophoneDomainPermissions component.\n */\nexport interface MicrophoneDomainPermissionsProps extends CommonDomainPermissionsProps {\n  /** Icon name for the microphone icon */\n  microphoneIconName?: string;\n  /** Strings for use with the {@link MicrophoneDomainPermissions} */\n  strings?: MicrophoneDomainPermissionsStrings;\n}\n\n/**\n * Component to allow Contoso to help their end user with their devices should their permissions be blocked\n * by their browsers settings.\n *\n * @beta\n */\nexport const MicrophoneDomainPermissions = (props: MicrophoneDomainPermissionsProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings;\n\n  /* @conditional-compile-remove(call-readiness) */\n  const strings = useShallowMerge(\n    props.type === 'denied'\n      ? props.browserHint === 'safari'\n        ? locale.MicrophoneDomainPermissionsDeniedSafari\n        : locale.MicrophoneDomainPermissionsDenied\n      : props.type === 'request'\n      ? locale.MicrophoneDomainPermissionsRequest\n      : locale.MicrophoneDomainPermissionsCheck,\n    props.strings\n  );\n\n  /* @conditional-compile-remove(call-readiness) */\n  const iconName =\n    props.microphoneIconName ?? props.type === 'denied' ? 'DomainPermissionMicDenied' : 'DomainPermissionMic';\n\n  /* @conditional-compile-remove(call-readiness) */\n  return (\n    <DomainPermissionsContainer\n      {...props}\n      strings={strings}\n      cameraIconName={iconName}\n      onPrimaryButtonClick={props.onContinueAnywayClick}\n    />\n  );\n  return <></>;\n};\n\n/**\n * @beta\n * Strings for CameraDomainPermissions component.\n */\nexport type CameraDomainPermissionsStrings = DomainPermissionsStrings;\n\n/**\n * @beta\n * Props for CameraDomainPermissions component.\n */\nexport interface CameraDomainPermissionsProps extends CommonDomainPermissionsProps {\n  /** Icon name for the camera icon */\n  cameraIconName?: string;\n  /** Strings for use with the {@link CameraDomainPermissions} */\n  strings?: CameraDomainPermissionsStrings;\n}\n\n/**\n * Component to allow Contoso to help their end user with their devices should their permissions be blocked\n * by their browsers settings.\n *\n * @beta\n */\nexport const CameraDomainPermissions = (props: CameraDomainPermissionsProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings;\n\n  /* @conditional-compile-remove(call-readiness) */\n  const strings = useShallowMerge(\n    props.type === 'denied'\n      ? props.browserHint === 'safari'\n        ? locale.CameraDomainPermissionsDeniedSafari\n        : locale.CameraDomainPermissionsDenied\n      : props.type === 'request'\n      ? locale.CameraDomainPermissionsRequest\n      : locale.CameraDomainPermissionsCheck,\n    props.strings\n  );\n\n  /* @conditional-compile-remove(call-readiness) */\n  const iconName =\n    props.cameraIconName ?? props.type === 'denied' ? 'DomainPermissionCameraDenied' : 'DomainPermissionCamera';\n\n  /* @conditional-compile-remove(call-readiness) */\n  return (\n    <DomainPermissionsContainer\n      {...props}\n      strings={strings}\n      microphoneIconName={iconName}\n      onPrimaryButtonClick={props.onContinueAnywayClick}\n    />\n  );\n  return <></>;\n};\n"]}

package/dist/dist-esm/react-components/src/components/DevicePermissions/DomainPermissionsScaffolding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainPermissionsScaffolding.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/DevicePermissions/DomainPermissionsScaffolding.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React from 'react';\nimport {\n  Stack,\n  Text,\n  Link,\n  Icon,\n  useTheme,\n  PrimaryButton,\n  ILinkStyles,\n  IButtonStyles,\n  mergeStyleSets\n} from '@fluentui/react';\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\nimport {\n  iconBannerContainerStyles,\n  iconContainerStyles,\n  iconPrimaryStyles,\n  linkTextStyles,\n  primaryButtonStyles,\n  primaryTextStyles,\n  secondaryTextStyles,\n  sparkleIconBackdropStyles,\n  textContainerStyles\n} from '../styles/DomainPermissions.styles';\nimport { isValidString } from '../utils';\nimport { BaseCustomStyles } from '../../types';\n\n/**\n * @private\n * Props for DomainPermissions component.\n */\nexport interface DomainPermissionsContainerProps {\n  /**\n   * Name of application calling experience is in.\n   */\n  appName?: string;\n  /**\n   * Name of icon to be used for the camera icon.\n   * If this is not provided the icon will not be shown.\n   */\n  cameraIconName?: string;\n  /**\n   * Name of icon to be used for the sparkle icon.\n   * If this is not provided the icon will not be shown.\n   */\n  connectorIconName?: string;\n  /**\n   * Name of icon to be used for the mic icon.\n   * If this is not provided the icon will not be shown.\n   */\n  microphoneIconName?: string;\n  /**\n   * Action to be taken by the more help link. Possible to send to external page or show other modal.\n   * If this is not provided the button will not be shown.\n   */\n  onTroubleshootingClick?: () => void;\n  /**\n   * Action that is taken when the user clicks an optional primary button.\n   * If this is not provided the button will not be shown.\n   */\n  onPrimaryButtonClick?: () => void;\n  /**\n   * Localization strings for DomainPermissions component.\n   */\n  strings?: DomainPermissionsStrings;\n  /**\n   * Styles for DomainPermissions component.\n   */\n  styles?: DomainPermissionsStyles;\n}\n\n/**\n * @beta\n * Strings for DomainPermissions component\n */\nexport type DomainPermissionsStrings = {\n  /**\n   * Main text string.\n   */\n  primaryText?: string;\n  /**\n   * Subtext string.\n   */\n  secondaryText?: string;\n  /**\n   * More help link string.\n   */\n  linkText?: string;\n  /**\n   * Primary button text string.\n   */\n  primaryButtonText?: string;\n  /**\n   * Aria label describing the content of the container\n   */\n  ariaLabel?: string;\n};\n\n/**\n * Fluent styles for {@link DomainPermissionsContainer}.\n *\n * @beta\n */\nexport interface DomainPermissionsStyles extends BaseCustomStyles {\n  /** Styles for the primary button. */\n  primaryButton?: IButtonStyles;\n  /** Styles for the help troubleshooting link text. */\n  troubleshootingLink?: ILinkStyles;\n}\n\n/**\n * spacing for the icons in the banner.\n */\nconst tokens = { childrenGap: '2rem' };\n\n/** @private */\nexport const DomainPermissionsContainer = (props: DomainPermissionsContainerProps): JSX.Element => {\n  const { appName, onTroubleshootingClick, onPrimaryButtonClick, strings } = props;\n  const theme = useTheme();\n\n  return (\n    <Stack style={{ padding: '2rem', maxWidth: '25.375rem', alignSelf: 'center' }} aria-label={strings?.ariaLabel}>\n      <Stack styles={iconBannerContainerStyles} horizontal horizontalAlign={'center'} verticalFill tokens={tokens}>\n        {props.cameraIconName && (\n          <Stack>\n            <Icon styles={iconPrimaryStyles} iconName={props.cameraIconName}></Icon>\n          </Stack>\n        )}\n        {props.connectorIconName && (\n          <Stack styles={iconContainerStyles} horizontal>\n            <Icon styles={sparkleIconBackdropStyles(theme)} iconName={props.connectorIconName}></Icon>\n          </Stack>\n        )}\n        {props.microphoneIconName && (\n          <Stack>\n            <Icon styles={iconPrimaryStyles} iconName={props.microphoneIconName}></Icon>\n          </Stack>\n        )}\n      </Stack>\n      <Stack styles={textContainerStyles}>\n        {strings && isValidString(strings?.primaryText) && (\n          <Text styles={primaryTextStyles}>\n            {appName ? _formatString(strings.primaryText, { appName: appName }) : strings.primaryText}\n          </Text>\n        )}\n        {strings && isValidString(strings?.secondaryText) && (\n          <Text styles={secondaryTextStyles}>{strings?.secondaryText}</Text>\n        )}\n\n        {onPrimaryButtonClick && isValidString(strings?.primaryButtonText) && (\n          <PrimaryButton\n            styles={mergeStyleSets(primaryButtonStyles, props.styles?.primaryButton)}\n            text={strings?.primaryButtonText}\n            onClick={onPrimaryButtonClick}\n          />\n        )}\n        {onTroubleshootingClick && isValidString(strings?.linkText) && (\n          <Link\n            styles={mergeStyleSets(linkTextStyles, props.styles?.troubleshootingLink)}\n            onClick={onTroubleshootingClick}\n          >\n            {strings?.linkText}\n          </Link>\n        )}\n      </Stack>\n    </Stack>\n  );\n};\n\"../../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/styles/DomainPermissions.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainPermissions.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/DomainPermissions.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAe,EAAE;IACrE,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;SACrC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC5B;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAkB;IAChD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC3B;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, IIconStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport const iconContainerStyles: IStackStyles = {\n  root: {\n    marginTop: 'auto',\n    marginBottom: 'auto',\n    position: 'relative'\n  }\n};\n\n/**\n * @internal\n */\nexport const iconBannerContainerStyles: IStackStyles = {\n  root: {\n    paddingBottom: '1rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const textContainerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    textAlign: 'center'\n  }\n};\n\n/**\n * @internal\n */\nexport const iconPrimaryStyles: IIconStyles = {\n  root: {\n    zIndex: 1,\n    margin: 'auto'\n  }\n};\n\n/**\n * @internal\n */\nexport const sparkleIconBackdropStyles = (theme: Theme): IIconStyles => {\n  return {\n    root: {\n      color: theme.palette.themeLighterAlt\n    }\n  };\n};\n\n/**\n * @internal\n */\nexport const primaryTextStyles: ITextStyles = {\n  root: {\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    paddingBottom: '1rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    paddingBottom: _pxToRem(22)\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'inherit'\n  }\n};\n\n/**\n * @internal\n */\nexport const primaryButtonStyles: IButtonStyles = {\n  root: {\n    paddingTop: '1.5rem',\n    paddingBottom: '1.5rem',\n    borderRadius: '0.5rem',\n    marginBottom: _pxToRem(22)\n  }\n};\n\"../../../../acs-ui-common/src\""]}

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { CallingHandlers } from "../../../../../calling-component-bindings/src";
-/**
- * @private
- */
-export interface ConfigurationpageCameraDropdownProps {
-    cameraGrantedDropdown: JSX.Element;
-    cameraPermissionGranted: boolean;
-    dropdownProps?: Record<string, never> & Partial<CallingHandlers>;
-    callReadinessOptedIn?: boolean;
-    onClickEnableDevicePermission?: () => void;
-}
-/**
- * @private
- */
-export declare const ConfigurationpageCameraDropdown: (props: ConfigurationpageCameraDropdownProps) => JSX.Element;
-//# sourceMappingURL=ConfigurationpageCameraDropdown.d.ts.map

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

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

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { CallingHandlers } from "../../../../../calling-component-bindings/src";
-/**
- * @private
- */
-export interface ConfigurationpageMicDropdownProps {
-    micGrantedDropdown: JSX.Element;
-    micPermissionGranted: boolean;
-    dropdownProps?: Record<string, never> & Partial<CallingHandlers>;
-    callReadinessOptedIn?: boolean;
-    onClickEnableDevicePermission?: () => void;
-}
-/**
- * @private
- */
-export declare const ConfigurationpageMicDropdown: (props: ConfigurationpageMicDropdownProps) => JSX.Element;
-//# sourceMappingURL=ConfigurationpageMicDropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConfigurationpageMicDropdown.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/ConfigurationpageMicDropdown.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,iDAAiD;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,iDAAiD;AACjD,OAAO,EACL,QAAQ,EAER,yBAAyB,EAE1B,4CAAmC;AACpC,iDAAiD;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,iDAAiD;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAcvD;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,KAAwC,EAAe,EAAE;IACpG,iDAAiD;IACjD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,iDAAiD;IACjD,MAAM,yCAAyC,GAAqC;QAClF,eAAe,EAAE,8BAA8B;QAC/C,mBAAmB,EAAE,OAAO;KAC7B,CAAC;IAEF,iDAAiD;IACjD,MAAM,yBAAyB,GAAG,CAChC,oBAAC,yBAAyB,oBACpB,KAAK,CAAC,aAAa,IACvB,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EACxC,OAAO,EAAE,yCAAyC,EAClD,IAAI,EAAE,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,GAAI,EAChH,OAAO,EAAE,KAAK,CAAC,6BAA6B,IAC5C,CACH,CAAC;IAEF,iDAAiD;IACjD,IAAI,KAAK,CAAC,oBAAoB,EAAE;QAC9B,OAAO;;YAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,yBAAyB,CAAI,CAAC;KAClG;IACD,OAAO,KAAK,CAAC,kBAAkB,CAAC;AAClC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n/* @conditional-compile-remove(call-readiness) */\nimport React from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  useTheme,\n  _DevicePermissionDropdownStrings,\n  _DevicePermissionDropdown,\n  _DevicePermissionDropdownProps\n} from '@internal/react-components';\n/* @conditional-compile-remove(call-readiness) */\nimport { dropDownStyles } from '../styles/LocalDeviceSettings.styles';\n/* @conditional-compile-remove(call-readiness) */\nimport { CallCompositeIcon } from '../../common/icons';\nimport { CallingHandlers } from '@internal/calling-component-bindings';\n\n/**\n * @private\n */\nexport interface ConfigurationpageMicDropdownProps {\n  micGrantedDropdown: JSX.Element;\n  micPermissionGranted: boolean;\n  dropdownProps?: Record<string, never> & Partial<CallingHandlers>;\n  callReadinessOptedIn?: boolean;\n  onClickEnableDevicePermission?: () => void;\n}\n\n/**\n * @private\n */\nexport const ConfigurationpageMicDropdown = (props: ConfigurationpageMicDropdownProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const theme = useTheme();\n  /* @conditional-compile-remove(call-readiness) */\n  const devicePermissionDropdownStringsMicrophone: _DevicePermissionDropdownStrings = {\n    placeHolderText: 'Enable Microphone (required)',\n    actionButtonContent: 'Allow'\n  };\n\n  /* @conditional-compile-remove(call-readiness) */\n  const microphoneBlockedDropdown = (\n    <_DevicePermissionDropdown\n      {...props.dropdownProps}\n      styles={dropDownStyles(theme)}\n      constrain={{ video: false, audio: true }}\n      strings={devicePermissionDropdownStringsMicrophone}\n      icon={<CallCompositeIcon iconName=\"ControlButtonMicOn\" style={{ height: '1.25rem', marginRight: '0.625rem' }} />}\n      onClick={props.onClickEnableDevicePermission}\n    />\n  );\n\n  /* @conditional-compile-remove(call-readiness) */\n  if (props.callReadinessOptedIn) {\n    return <> {props.micPermissionGranted ? props.micGrantedDropdown : microphoneBlockedDropdown}</>;\n  }\n  return props.micGrantedDropdown;\n};\n\"../../../../../react-components/src\"\"../../../../../calling-component-bindings/src\""]}