@azure/communication-react 1.13.0-alpha-202402161702 → 1.13.0

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

@@ -1,81 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { _pxToRem } from "../../../../../acs-ui-common/src";
-/**
- * styles for hold pane resume button
- *
- * @private
- */
-export const resumeButtonStyles = {
-    root: {
-        borderRadius: _pxToRem(4),
-        padding: `${_pxToRem(6)} ${_pxToRem(20)} `
-    },
-    label: {
-        fontWeight: 400,
-        display: 'flex',
-        fontSize: _pxToRem(14)
-    },
-    labelDisabled: {
-        fontWeight: 400,
-        display: 'flex',
-        fontSize: _pxToRem(14)
-    }
-};
-/**
- * styles for hold pane main text
- *
- * @private
- */
-export const holdPaneLabelStyles = {
-    root: {
-        color: 'inherit',
-        fontWeight: 600,
-        fontHeight: _pxToRem(22),
-        fontSize: _pxToRem(16),
-        marginTop: '0.5rem',
-        marginBottom: '1.5rem'
-    }
-};
-/**
- * styles for hold pane timer
- *
- * @private
- */
-export const holdPaneTimerStyles = {
-    root: {
-        color: 'inherit',
-        fontWeight: 600,
-        fontSize: _pxToRem(20),
-        lineHeight: _pxToRem(28),
-        margin: 'auto'
-    }
-};
-/**
- * styles for hold pane container
- *
- * @private
- */
-export const paneStyles = {
-    root: {
-        width: '100%',
-        height: '100%',
-        background: 'inherit'
-    }
-};
-/**
- * styles for the hold pane content container
- *
- * @private
- */
-export const holdPaneContentStyles = {
-    root: {
-        display: 'flex',
-        margin: 'auto',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignContent: 'center',
-        alignItems: 'center'
-    }
-};
-//# sourceMappingURL=HoldPane.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HoldPane.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/HoldPane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAkB;IAC/C,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;QACzB,OAAO,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,GAAG;KAC3C;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;KACvB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;KACvB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,SAAS;KACtB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB;IACjD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStackStyles, ITextStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * styles for hold pane resume button\n *\n * @private\n */\nexport const resumeButtonStyles: IButtonStyles = {\n  root: {\n    borderRadius: _pxToRem(4),\n    padding: `${_pxToRem(6)} ${_pxToRem(20)} `\n  },\n  label: {\n    fontWeight: 400,\n    display: 'flex',\n    fontSize: _pxToRem(14)\n  },\n  labelDisabled: {\n    fontWeight: 400,\n    display: 'flex',\n    fontSize: _pxToRem(14)\n  }\n};\n\n/**\n * styles for hold pane main text\n *\n * @private\n */\nexport const holdPaneLabelStyles: ITextStyles = {\n  root: {\n    color: 'inherit',\n    fontWeight: 600,\n    fontHeight: _pxToRem(22),\n    fontSize: _pxToRem(16),\n    marginTop: '0.5rem',\n    marginBottom: '1.5rem'\n  }\n};\n\n/**\n * styles for hold pane timer\n *\n * @private\n */\nexport const holdPaneTimerStyles: ITextStyles = {\n  root: {\n    color: 'inherit',\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    margin: 'auto'\n  }\n};\n\n/**\n * styles for hold pane container\n *\n * @private\n */\nexport const paneStyles: IStackStyles = {\n  root: {\n    width: '100%',\n    height: '100%',\n    background: 'inherit'\n  }\n};\n\n/**\n * styles for the hold pane content container\n *\n * @private\n */\nexport const holdPaneContentStyles: IStackStyles = {\n  root: {\n    display: 'flex',\n    margin: 'auto',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignContent: 'center',\n    alignItems: 'center'\n  }\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/spotlightUtils.d.ts

@@ -1,9 +0,0 @@
-import { PromptProps } from '../components/Prompt';
-/**
- * @internal
- */
-export declare const useSpotlightCallbacksWithPrompt: (onStartSpotlight: (userIds?: string[]) => Promise<void>, onStopSpotlight: (userIds?: string[]) => Promise<void>, setIsPromptOpen?: ((isOpen: boolean) => void) | undefined, setPromptProps?: ((promptProps: PromptProps) => void) | undefined) => {
-    onStartSpotlightWithPrompt: (userIds?: string[]) => Promise<void>;
-    onStopSpotlightWithPrompt: (userIds?: string[]) => Promise<void>;
-};
-//# sourceMappingURL=spotlightUtils.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/spotlightUtils.js

@@ -1,89 +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());
-    });
-};
-/* @conditional-compile-remove(spotlight) */
-import { useMemo } from 'react';
-/* @conditional-compile-remove(spotlight) */
-import { toFlatCommunicationIdentifier } from "../../../../../acs-ui-common/src";
-/* @conditional-compile-remove(spotlight) */
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(spotlight) */
-import { useAdapter } from '../adapter/CallAdapterProvider';
-/* @conditional-compile-remove(spotlight) */
-/**
- * @internal
- */
-export const useSpotlightCallbacksWithPrompt = (onStartSpotlight, onStopSpotlight, setIsPromptOpen, setPromptProps) => {
-    const myUserId = toFlatCommunicationIdentifier(useAdapter().getState().userId);
-    const strings = useLocale().strings.call;
-    return useMemo(() => {
-        if (!setIsPromptOpen || !setPromptProps) {
-            return { onStartSpotlightWithPrompt: onStartSpotlight, onStopSpotlightWithPrompt: onStopSpotlight };
-        }
-        return {
-            onStartSpotlightWithPrompt: getStartSpotlightWithPromptCallback(myUserId, onStartSpotlight, setIsPromptOpen, setPromptProps, strings),
-            onStopSpotlightWithPrompt: getStopSpotlightWithPromptCallback(myUserId, onStopSpotlight, setIsPromptOpen, setPromptProps, strings)
-        };
-    }, [myUserId, onStartSpotlight, onStopSpotlight, setIsPromptOpen, setPromptProps, strings]);
-};
-/* @conditional-compile-remove(spotlight) */
-const getStartSpotlightWithPromptCallback = (myUserId, onStartSpotlight, setIsPromptOpen, setPromptProps, strings) => {
-    return (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        if (userIds && userIds.length > 1) {
-            onStartSpotlight(userIds);
-        }
-        const startSpotlightPromptText = userIds === undefined || userIds[0] === myUserId
-            ? strings.spotlightPrompt.startSpotlightOnSelfText
-            : strings.spotlightPrompt.startSpotlightText;
-        setPromptProps({
-            heading: strings.spotlightPrompt.startSpotlightHeading,
-            text: startSpotlightPromptText,
-            confirmButtonLabel: strings.spotlightPrompt.startSpotlightConfirmButtonLabel,
-            cancelButtonLabel: strings.spotlightPrompt.startSpotlightCancelButtonLabel,
-            onConfirm: () => {
-                onStartSpotlight(userIds);
-                setIsPromptOpen(false);
-            },
-            onCancel: () => setIsPromptOpen(false)
-        });
-        setIsPromptOpen(true);
-    });
-};
-/* @conditional-compile-remove(spotlight) */
-const getStopSpotlightWithPromptCallback = (myUserId, onStopSpotlight, setIsPromptOpen, setPromptProps, strings) => {
-    return (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        if (userIds && userIds.length > 1) {
-            onStopSpotlight(userIds);
-        }
-        const stopSpotlightPromptHeading = userIds === undefined || userIds[0] === myUserId
-            ? strings.spotlightPrompt.stopSpotlightOnSelfHeading
-            : strings.spotlightPrompt.stopSpotlightHeading;
-        const stopSpotlightPromptText = userIds === undefined || userIds[0] === myUserId
-            ? strings.spotlightPrompt.stopSpotlightOnSelfText
-            : strings.spotlightPrompt.stopSpotlightText;
-        const stopSpotlightPromptConfirmButtonLabel = userIds === undefined || userIds[0] === myUserId
-            ? strings.spotlightPrompt.stopSpotlightOnSelfConfirmButtonLabel
-            : strings.spotlightPrompt.stopSpotlightConfirmButtonLabel;
-        setPromptProps({
-            heading: stopSpotlightPromptHeading,
-            text: stopSpotlightPromptText,
-            confirmButtonLabel: stopSpotlightPromptConfirmButtonLabel,
-            cancelButtonLabel: strings.spotlightPrompt.stopSpotlightCancelButtonLabel,
-            onConfirm: () => {
-                onStopSpotlight(userIds);
-                setIsPromptOpen(false);
-            },
-            onCancel: () => setIsPromptOpen(false)
-        });
-        setIsPromptOpen(true);
-    });
-};
-//# sourceMappingURL=spotlightUtils.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/spotlightUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spotlightUtils.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/spotlightUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(spotlight) */\nimport { useMemo } from 'react';\n/* @conditional-compile-remove(spotlight) */\nimport { CallCompositeStrings } from '../Strings';\n/* @conditional-compile-remove(spotlight) */\nimport { PromptProps } from '../components/Prompt';\n/* @conditional-compile-remove(spotlight) */\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(spotlight) */\nimport { useLocale } from '../../localization';\n/* @conditional-compile-remove(spotlight) */\nimport { useAdapter } from '../adapter/CallAdapterProvider';\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * @internal\n */\nexport const useSpotlightCallbacksWithPrompt = (\n  onStartSpotlight: (userIds?: string[]) => Promise<void>,\n  onStopSpotlight: (userIds?: string[]) => Promise<void>,\n  setIsPromptOpen?: (isOpen: boolean) => void,\n  setPromptProps?: (promptProps: PromptProps) => void\n): {\n  onStartSpotlightWithPrompt: (userIds?: string[]) => Promise<void>;\n  onStopSpotlightWithPrompt: (userIds?: string[]) => Promise<void>;\n} => {\n  const myUserId = toFlatCommunicationIdentifier(useAdapter().getState().userId);\n\n  const strings = useLocale().strings.call;\n\n  return useMemo(() => {\n    if (!setIsPromptOpen || !setPromptProps) {\n      return { onStartSpotlightWithPrompt: onStartSpotlight, onStopSpotlightWithPrompt: onStopSpotlight };\n    }\n    return {\n      onStartSpotlightWithPrompt: getStartSpotlightWithPromptCallback(\n        myUserId,\n        onStartSpotlight,\n        setIsPromptOpen,\n        setPromptProps,\n        strings\n      ),\n      onStopSpotlightWithPrompt: getStopSpotlightWithPromptCallback(\n        myUserId,\n        onStopSpotlight,\n        setIsPromptOpen,\n        setPromptProps,\n        strings\n      )\n    };\n  }, [myUserId, onStartSpotlight, onStopSpotlight, setIsPromptOpen, setPromptProps, strings]);\n};\n\n/* @conditional-compile-remove(spotlight) */\nconst getStartSpotlightWithPromptCallback = (\n  myUserId: string,\n  onStartSpotlight: (userIds?: string[]) => void,\n  setIsPromptOpen: (isOpen: boolean) => void,\n  setPromptProps: (promptProps: PromptProps) => void,\n  strings: CallCompositeStrings\n): ((userIds?: string[]) => Promise<void>) => {\n  return async (userIds?: string[]): Promise<void> => {\n    if (userIds && userIds.length > 1) {\n      onStartSpotlight(userIds);\n    }\n    const startSpotlightPromptText =\n      userIds === undefined || userIds[0] === myUserId\n        ? strings.spotlightPrompt.startSpotlightOnSelfText\n        : strings.spotlightPrompt.startSpotlightText;\n    setPromptProps({\n      heading: strings.spotlightPrompt.startSpotlightHeading,\n      text: startSpotlightPromptText,\n      confirmButtonLabel: strings.spotlightPrompt.startSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.startSpotlightCancelButtonLabel,\n      onConfirm: () => {\n        onStartSpotlight(userIds);\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n\n/* @conditional-compile-remove(spotlight) */\nconst getStopSpotlightWithPromptCallback = (\n  myUserId: string,\n  onStopSpotlight: (userIds?: string[]) => void,\n  setIsPromptOpen: (isOpen: boolean) => void,\n  setPromptProps: (promptProps: PromptProps) => void,\n  strings: CallCompositeStrings\n): ((userIds?: string[]) => Promise<void>) => {\n  return async (userIds?: string[]): Promise<void> => {\n    if (userIds && userIds.length > 1) {\n      onStopSpotlight(userIds);\n    }\n    const stopSpotlightPromptHeading =\n      userIds === undefined || userIds[0] === myUserId\n        ? strings.spotlightPrompt.stopSpotlightOnSelfHeading\n        : strings.spotlightPrompt.stopSpotlightHeading;\n    const stopSpotlightPromptText =\n      userIds === undefined || userIds[0] === myUserId\n        ? strings.spotlightPrompt.stopSpotlightOnSelfText\n        : strings.spotlightPrompt.stopSpotlightText;\n    const stopSpotlightPromptConfirmButtonLabel =\n      userIds === undefined || userIds[0] === myUserId\n        ? strings.spotlightPrompt.stopSpotlightOnSelfConfirmButtonLabel\n        : strings.spotlightPrompt.stopSpotlightConfirmButtonLabel;\n\n    setPromptProps({\n      heading: stopSpotlightPromptHeading,\n      text: stopSpotlightPromptText,\n      confirmButtonLabel: stopSpotlightPromptConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.stopSpotlightCancelButtonLabel,\n      onConfirm: () => {\n        onStopSpotlight(userIds);\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-import { ChatAdapterState } from '../adapter/ChatAdapter';
-/**
- * @private
- */
-export declare const useSelector: <SelectorT extends (state: ChatAdapterState, props: any) => any>(selector: SelectorT, selectorProps?: Parameters<SelectorT>[1] | undefined) => ReturnType<SelectorT>;
-//# sourceMappingURL=useSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/hooks/useSelector.js

@@ -1,11 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { useSelectorWithAdaptation } from './useAdaptedSelector';
-/**
- * @private
- */
-export const useSelector = (selector, selectorProps) => {
-    // use selector with no adaptation
-    return useSelectorWithAdaptation(selector, (state) => state, selectorProps);
-};
-//# sourceMappingURL=useSelector.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/hooks/useSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEjE;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,QAAmB,EACnB,aAAwC,EACjB,EAAE;IACzB,kCAAkC;IAClC,OAAO,yBAAyB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAC9E,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChatAdapterState } from '../adapter/ChatAdapter';\nimport { useSelectorWithAdaptation } from './useAdaptedSelector';\n\n/**\n * @private\n */\nexport const useSelector = <SelectorT extends (state: ChatAdapterState, props: any) => any>(\n  selector: SelectorT,\n  selectorProps?: Parameters<SelectorT>[1]\n): ReturnType<SelectorT> => {\n  // use selector with no adaptation\n  return useSelectorWithAdaptation(selector, (state) => state, selectorProps);\n};\n"]}

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

@@ -1,12 +0,0 @@
-import { CommunicationIdentifierKind } from '@azure/communication-common';
-import { ChatAdapterState } from '../adapter/ChatAdapter';
-import { FileUploadsUiState } from '../adapter/AzureCommunicationFileUploadAdapter';
-/**
- * @private
- */
-export declare const getUserId: (state: ChatAdapterState) => CommunicationIdentifierKind;
-/**
- * @private
- */
-export declare const getFileUploads: (state: ChatAdapterState) => FileUploadsUiState | undefined;
-//# sourceMappingURL=baseSelectors.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/baseSelectors.js

@@ -1,15 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-export const getUserId = (state) => state.userId;
-/**
- * @private
- */
-export const getFileUploads = (state) => {
-    /* @conditional-compile-remove(file-sharing) */
-    return state === null || state === void 0 ? void 0 : state.fileUploads;
-    return undefined;
-};
-//# sourceMappingURL=baseSelectors.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"baseSelectors.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/selectors/baseSelectors.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAMlC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAuB,EAA+B,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;AAEhG;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAkC,EAAE;IACxF,+CAA+C;IAC/C,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAC;IAC1B,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CommunicationIdentifierKind } from '@azure/communication-common';\nimport { ChatAdapterState } from '../adapter/ChatAdapter';\nimport { FileUploadsUiState } from '../adapter/AzureCommunicationFileUploadAdapter';\n\n/**\n * @private\n */\nexport const getUserId = (state: ChatAdapterState): CommunicationIdentifierKind => state.userId;\n\n/**\n * @private\n */\nexport const getFileUploads = (state: ChatAdapterState): FileUploadsUiState | undefined => {\n  /* @conditional-compile-remove(file-sharing) */\n  return state?.fileUploads;\n  return undefined;\n};\n"]}

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

@@ -1,27 +0,0 @@
-/**
- * @private
- */
-export declare const fileUploadsSelector: ((state: import("index").ChatAdapterUiState & import("index").ChatCompositeClientState) => {
-    files: {
-        uploadComplete: boolean;
-        id: string;
-        filename: string;
-        progress: number;
-        metadata?: import("index").AttachmentMetadata | undefined;
-        error?: import("index").FileUploadError | undefined;
-    }[];
-}) & import("reselect").OutputSelectorFields<(args_0: import("index").FileUploadsUiState | undefined) => {
-    files: {
-        uploadComplete: boolean;
-        id: string;
-        filename: string;
-        progress: number;
-        metadata?: import("index").AttachmentMetadata | undefined;
-        error?: import("index").FileUploadError | undefined;
-    }[];
-}, {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
-//# sourceMappingURL=fileUploadsSelector.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/selectors/fileUploadsSelector.js

@@ -1,12 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { createSelector } from 'reselect';
-import { getFileUploads } from './baseSelectors';
-/**
- * @private
- */
-export const fileUploadsSelector = createSelector([getFileUploads], (fileUploads) => {
-    const files = Object.values(fileUploads || {}).map((fileUpload) => (Object.assign(Object.assign({}, fileUpload), { uploadComplete: !!fileUpload.metadata })));
-    return { files: files };
-});
-//# sourceMappingURL=fileUploadsSelector.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fileUploadsSelector.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/selectors/fileUploadsSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,cAAc,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;IAClF,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,iCAC9D,UAAU,KACb,cAAc,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,IACrC,CAAC,CAAC;IACJ,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1B,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createSelector } from 'reselect';\nimport { getFileUploads } from './baseSelectors';\n\n/**\n * @private\n */\nexport const fileUploadsSelector = createSelector([getFileUploads], (fileUploads) => {\n  const files = Object.values(fileUploads || {}).map((fileUpload) => ({\n    ...fileUpload,\n    uploadComplete: !!fileUpload.metadata\n  }));\n  return { files: files };\n});\n"]}

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { CallingDialpadStrings } from './CallingDialpad';
-import { PhoneNumberIdentifier } from '@azure/communication-common';
-import { AddPhoneNumberOptions } from '@azure/communication-calling';
-/** @private */
-export interface AddPeopleDropdownStrings extends CallingDialpadStrings {
-    copyInviteLinkButtonLabel: string;
-    openDialpadButtonLabel: string;
-    peoplePaneAddPeopleButtonLabel: string;
-    copyInviteLinkActionedAriaLabel: string;
-}
-/** @private */
-export interface AddPeopleDropdownProps {
-    inviteLink?: string;
-    mobileView?: boolean;
-    strings: AddPeopleDropdownStrings;
-    onAddParticipant: (participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions) => void;
-    alternateCallerId?: string;
-}
-/** @private */
-export declare const AddPeopleDropdown: (props: AddPeopleDropdownProps) => JSX.Element;
-//# sourceMappingURL=AddPeopleDropdown.d.ts.map

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

@@ -1,105 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-import { DefaultButton, PrimaryButton, Stack, useTheme } from '@fluentui/react';
-import { _DrawerMenu, Announcer } from "../../../../react-components/src";
-import copy from 'copy-to-clipboard';
-import { useMemo, useState } from 'react';
-/* @conditional-compile-remove(PSTN-calls) */
-import { CallWithChatCompositeIcon } from './icons';
-import { iconStyles, themedCopyLinkButtonStyles, themedMenuStyle } from './AddPeopleDropdown.styles';
-import { CallingDialpad } from './CallingDialpad';
-import { _preventDismissOnEvent as preventDismissOnEvent } from "../../../../acs-ui-common/src";
-import { copyLinkButtonContainerStyles, copyLinkButtonStackStyles } from './styles/PeoplePaneContent.styles';
-import { drawerContainerStyles } from '../CallComposite/styles/CallComposite.styles';
-import { convertContextualMenuItemToDrawerMenuItem } from './ConvertContextualMenuItemToDrawerMenuItem';
-/** @private */
-export const AddPeopleDropdown = (props) => {
-    const theme = useTheme();
-    const { inviteLink, strings, mobileView, onAddParticipant, alternateCallerId } = props;
-    const [showDialpad, setShowDialpad] = useState(false);
-    const [announcerStrings, setAnnouncerStrings] = useState();
-    const menuStyleThemed = useMemo(() => themedMenuStyle(theme), [theme]);
-    const copyLinkButtonStylesThemed = useMemo(() => themedCopyLinkButtonStyles(theme, mobileView), [mobileView, theme]);
-    const defaultMenuProps = useMemo(() => {
-        const menuProps = {
-            styles: menuStyleThemed,
-            items: [],
-            useTargetWidth: true,
-            calloutProps: {
-                preventDismissOnEvent
-            },
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            onMenuOpened(contextualMenu) {
-                setAnnouncerStrings(undefined);
-            }
-        };
-        if (inviteLink) {
-            menuProps.items.push({
-                key: 'InviteLinkKey',
-                text: strings.copyInviteLinkButtonLabel,
-                itemProps: { styles: copyLinkButtonStylesThemed },
-                iconProps: { iconName: 'Link', style: iconStyles },
-                onClick: () => {
-                    setAnnouncerStrings(strings.copyInviteLinkActionedAriaLabel);
-                    copy(inviteLink);
-                }
-            });
-        }
-        // only show the dialpad option when alternateCallerId is set
-        if (alternateCallerId) {
-            menuProps.items.push({
-                key: 'DialpadKey',
-                text: strings.openDialpadButtonLabel,
-                itemProps: { styles: copyLinkButtonStylesThemed },
-                iconProps: { iconName: PeoplePaneOpenDialpadIconNameTrampoline(), style: iconStyles },
-                onClick: () => setShowDialpad(true),
-                'data-ui-id': 'call-dial-phone-number-button'
-            });
-        }
-        return menuProps;
-    }, [
-        menuStyleThemed,
-        inviteLink,
-        alternateCallerId,
-        strings.copyInviteLinkButtonLabel,
-        strings.copyInviteLinkActionedAriaLabel,
-        strings.openDialpadButtonLabel,
-        copyLinkButtonStylesThemed
-    ]);
-    const onDismissDialpad = () => {
-        setShowDialpad(false);
-    };
-    const [addPeopleDrawerMenuItems, setAddPeopleDrawerMenuItems] = useState([]);
-    const setDrawerMenuItemsForAddPeople = useMemo(() => {
-        return () => {
-            const drawerMenuItems = defaultMenuProps.items.map((contextualMenu) => convertContextualMenuItemToDrawerMenuItem(contextualMenu, () => setAddPeopleDrawerMenuItems([])));
-            setAddPeopleDrawerMenuItems(drawerMenuItems);
-        };
-    }, [defaultMenuProps, setAddPeopleDrawerMenuItems]);
-    if (mobileView) {
-        return (React.createElement(Stack, null,
-            React.createElement(Announcer, { ariaLive: 'assertive', announcementString: announcerStrings }),
-            defaultMenuProps.items.length > 0 && (React.createElement(Stack.Item, { styles: copyLinkButtonContainerStyles },
-                React.createElement(PrimaryButton, { onClick: setDrawerMenuItemsForAddPeople, styles: copyLinkButtonStylesThemed, onRenderIcon: () => PeoplePaneAddPersonIconTrampoline(), text: strings.peoplePaneAddPeopleButtonLabel, "data-ui-id": "call-add-people-button" }))),
-            addPeopleDrawerMenuItems.length > 0 && (React.createElement(Stack, { styles: drawerContainerStyles(), "data-ui-id": "call-add-people-dropdown" },
-                React.createElement(_DrawerMenu, { disableMaxHeight: true, onLightDismiss: () => setAddPeopleDrawerMenuItems([]), items: addPeopleDrawerMenuItems }))),
-            alternateCallerId && (React.createElement(CallingDialpad, { isMobile: true, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad, onAddParticipant: onAddParticipant, alternateCallerId: alternateCallerId }))));
-    }
-    return (React.createElement(React.Fragment, null, React.createElement(Stack, null,
-        React.createElement(Announcer, { ariaLive: 'assertive', announcementString: announcerStrings }),
-        alternateCallerId && (React.createElement(CallingDialpad, { isMobile: false, strings: strings, showDialpad: showDialpad, onDismissDialpad: onDismissDialpad, onAddParticipant: onAddParticipant, alternateCallerId: alternateCallerId })),
-        defaultMenuProps.items.length > 0 && (React.createElement(Stack, { styles: copyLinkButtonStackStyles },
-            React.createElement(DefaultButton, { onRenderIcon: () => PeoplePaneAddPersonIconTrampoline(), text: strings.peoplePaneAddPeopleButtonLabel, menuProps: defaultMenuProps, styles: copyLinkButtonStylesThemed, "data-ui-id": "call-add-people-button" }))))));
-};
-function PeoplePaneOpenDialpadIconNameTrampoline() {
-    /* @conditional-compile-remove(PSTN-calls) */
-    return 'PeoplePaneOpenDialpad';
-    return '';
-}
-function PeoplePaneAddPersonIconTrampoline() {
-    /* @conditional-compile-remove(PSTN-calls) */
-    return React.createElement(CallWithChatCompositeIcon, { iconName: "PeoplePaneAddPerson" });
-    return React.createElement(React.Fragment, null);
-}
-//# sourceMappingURL=AddPeopleDropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddPeopleDropdown.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleDropdown.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  DefaultButton,\n  IContextualMenuItem,\n  IContextualMenuProps,\n  PrimaryButton,\n  Stack,\n  useTheme\n} from '@fluentui/react';\n\nimport { _DrawerMenu, _DrawerMenuItemProps, Announcer } from '@internal/react-components';\nimport copy from 'copy-to-clipboard';\nimport { useMemo, useState } from 'react';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { CallWithChatCompositeIcon } from './icons';\nimport { iconStyles, themedCopyLinkButtonStyles, themedMenuStyle } from './AddPeopleDropdown.styles';\nimport { CallingDialpad } from './CallingDialpad';\nimport { CallingDialpadStrings } from './CallingDialpad';\nimport { _preventDismissOnEvent as preventDismissOnEvent } from '@internal/acs-ui-common';\nimport { copyLinkButtonContainerStyles, copyLinkButtonStackStyles } from './styles/PeoplePaneContent.styles';\nimport { drawerContainerStyles } from '../CallComposite/styles/CallComposite.styles';\nimport { convertContextualMenuItemToDrawerMenuItem } from './ConvertContextualMenuItemToDrawerMenuItem';\nimport { PhoneNumberIdentifier } from '@azure/communication-common';\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\n\n/** @private */\nexport interface AddPeopleDropdownStrings extends CallingDialpadStrings {\n  copyInviteLinkButtonLabel: string;\n  openDialpadButtonLabel: string;\n  peoplePaneAddPeopleButtonLabel: string;\n  copyInviteLinkActionedAriaLabel: string;\n}\n\n/** @private */\nexport interface AddPeopleDropdownProps {\n  inviteLink?: string;\n  mobileView?: boolean;\n  strings: AddPeopleDropdownStrings;\n  onAddParticipant: (participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions) => void;\n  alternateCallerId?: string;\n}\n\n/** @private */\nexport const AddPeopleDropdown = (props: AddPeopleDropdownProps): JSX.Element => {\n  const theme = useTheme();\n\n  const { inviteLink, strings, mobileView, onAddParticipant, alternateCallerId } = props;\n\n  const [showDialpad, setShowDialpad] = useState(false);\n\n  const [announcerStrings, setAnnouncerStrings] = useState<string>();\n\n  const menuStyleThemed = useMemo(() => themedMenuStyle(theme), [theme]);\n\n  const copyLinkButtonStylesThemed = useMemo(() => themedCopyLinkButtonStyles(theme, mobileView), [mobileView, theme]);\n\n  const defaultMenuProps = useMemo((): IContextualMenuProps => {\n    const menuProps: IContextualMenuProps = {\n      styles: menuStyleThemed,\n      items: [],\n      useTargetWidth: true,\n      calloutProps: {\n        preventDismissOnEvent\n      },\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onMenuOpened(contextualMenu?) {\n        setAnnouncerStrings(undefined);\n      }\n    };\n\n    if (inviteLink) {\n      menuProps.items.push({\n        key: 'InviteLinkKey',\n        text: strings.copyInviteLinkButtonLabel,\n        itemProps: { styles: copyLinkButtonStylesThemed },\n        iconProps: { iconName: 'Link', style: iconStyles },\n        onClick: () => {\n          setAnnouncerStrings(strings.copyInviteLinkActionedAriaLabel);\n          copy(inviteLink);\n        }\n      });\n    }\n\n    // only show the dialpad option when alternateCallerId is set\n    if (alternateCallerId) {\n      menuProps.items.push({\n        key: 'DialpadKey',\n        text: strings.openDialpadButtonLabel,\n        itemProps: { styles: copyLinkButtonStylesThemed },\n        iconProps: { iconName: PeoplePaneOpenDialpadIconNameTrampoline(), style: iconStyles },\n        onClick: () => setShowDialpad(true),\n        'data-ui-id': 'call-dial-phone-number-button'\n      });\n    }\n\n    return menuProps;\n  }, [\n    menuStyleThemed,\n    inviteLink,\n    alternateCallerId,\n    strings.copyInviteLinkButtonLabel,\n    strings.copyInviteLinkActionedAriaLabel,\n    strings.openDialpadButtonLabel,\n    copyLinkButtonStylesThemed\n  ]);\n\n  const onDismissDialpad = (): void => {\n    setShowDialpad(false);\n  };\n\n  const [addPeopleDrawerMenuItems, setAddPeopleDrawerMenuItems] = useState<_DrawerMenuItemProps[]>([]);\n\n  const setDrawerMenuItemsForAddPeople: () => void = useMemo(() => {\n    return () => {\n      const drawerMenuItems = defaultMenuProps.items.map((contextualMenu: IContextualMenuItem) =>\n        convertContextualMenuItemToDrawerMenuItem(contextualMenu, () => setAddPeopleDrawerMenuItems([]))\n      );\n      setAddPeopleDrawerMenuItems(drawerMenuItems);\n    };\n  }, [defaultMenuProps, setAddPeopleDrawerMenuItems]);\n\n  if (mobileView) {\n    return (\n      <Stack>\n        <Announcer ariaLive={'assertive'} announcementString={announcerStrings} />\n        {defaultMenuProps.items.length > 0 && (\n          <Stack.Item styles={copyLinkButtonContainerStyles}>\n            <PrimaryButton\n              onClick={setDrawerMenuItemsForAddPeople}\n              styles={copyLinkButtonStylesThemed}\n              onRenderIcon={() => PeoplePaneAddPersonIconTrampoline()}\n              text={strings.peoplePaneAddPeopleButtonLabel}\n              data-ui-id=\"call-add-people-button\"\n            />\n          </Stack.Item>\n        )}\n\n        {addPeopleDrawerMenuItems.length > 0 && (\n          <Stack styles={drawerContainerStyles()} data-ui-id=\"call-add-people-dropdown\">\n            <_DrawerMenu\n              disableMaxHeight={true}\n              onLightDismiss={() => setAddPeopleDrawerMenuItems([])}\n              items={addPeopleDrawerMenuItems}\n            />\n          </Stack>\n        )}\n        {alternateCallerId && (\n          <CallingDialpad\n            isMobile={true}\n            strings={strings}\n            showDialpad={showDialpad}\n            onDismissDialpad={onDismissDialpad}\n            onAddParticipant={onAddParticipant}\n            alternateCallerId={alternateCallerId}\n          />\n        )}\n      </Stack>\n    );\n  }\n\n  return (\n    <>\n      {\n        <Stack>\n          <Announcer ariaLive={'assertive'} announcementString={announcerStrings} />\n          {alternateCallerId && (\n            <CallingDialpad\n              isMobile={false}\n              strings={strings}\n              showDialpad={showDialpad}\n              onDismissDialpad={onDismissDialpad}\n              onAddParticipant={onAddParticipant}\n              alternateCallerId={alternateCallerId}\n            />\n          )}\n\n          {defaultMenuProps.items.length > 0 && (\n            <Stack styles={copyLinkButtonStackStyles}>\n              <DefaultButton\n                onRenderIcon={() => PeoplePaneAddPersonIconTrampoline()}\n                text={strings.peoplePaneAddPeopleButtonLabel}\n                menuProps={defaultMenuProps}\n                styles={copyLinkButtonStylesThemed}\n                data-ui-id=\"call-add-people-button\"\n              />\n            </Stack>\n          )}\n        </Stack>\n      }\n    </>\n  );\n};\n\nfunction PeoplePaneOpenDialpadIconNameTrampoline(): string {\n  /* @conditional-compile-remove(PSTN-calls) */\n  return 'PeoplePaneOpenDialpad';\n\n  return '';\n}\n\nfunction PeoplePaneAddPersonIconTrampoline(): JSX.Element {\n  /* @conditional-compile-remove(PSTN-calls) */\n  return <CallWithChatCompositeIcon iconName=\"PeoplePaneAddPerson\" />;\n\n  return <></>;\n}\n"]}

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

@@ -1,17 +0,0 @@
-import { IButtonStyles, IContextualMenuStyles, Theme } from '@fluentui/react';
-/**
- * @private
- */
-export declare const themedCopyLinkButtonStyles: (theme: Theme, mobileView?: boolean) => Partial<IButtonStyles>;
-/**
- * @private
- */
-export declare const themedMenuStyle: (theme: Theme) => Partial<IContextualMenuStyles>;
-/**
- * @private
- */
-export declare const iconStyles: {
-    lineHeight: string;
-    width: string;
-};
-//# sourceMappingURL=AddPeopleDropdown.styles.d.ts.map

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

@@ -1,32 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-export const themedCopyLinkButtonStyles = (theme, mobileView) => ({
-    root: {
-        minHeight: mobileView ? '3rem' : '2.5rem',
-        borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4,
-        width: '100%'
-    },
-    textContainer: {
-        display: 'contents'
-    }
-});
-/**
- * @private
- */
-export const themedMenuStyle = (theme) => ({
-    root: {
-        borderRadius: theme.effects.roundedCorner6
-    }
-});
-/**
- * @private
- */
-export const iconStyles = {
-    // overwrite default line height which results in icons having different size
-    lineHeight: '0',
-    width: '1.125rem'
-};
-//# sourceMappingURL=AddPeopleDropdown.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddPeopleDropdown.styles.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AddPeopleDropdown.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAY,EAAE,UAAoB,EAA0B,EAAE,CAAC,CAAC;IACzG,IAAI,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QACtF,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAkC,EAAE,CAAC,CAAC;IAChF,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;KAC3C;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,6EAA6E;IAC7E,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,UAAU;CAClB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IContextualMenuStyles, Theme } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const themedCopyLinkButtonStyles = (theme: Theme, mobileView?: boolean): Partial<IButtonStyles> => ({\n  root: {\n    minHeight: mobileView ? '3rem' : '2.5rem',\n    borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4,\n    width: '100%'\n  },\n  textContainer: {\n    display: 'contents'\n  }\n});\n\n/**\n * @private\n */\nexport const themedMenuStyle = (theme: Theme): Partial<IContextualMenuStyles> => ({\n  root: {\n    borderRadius: theme.effects.roundedCorner6\n  }\n});\n\n/**\n * @private\n */\nexport const iconStyles = {\n  // overwrite default line height which results in icons having different size\n  lineHeight: '0',\n  width: '1.125rem'\n};\n"]}