@azure/communication-react 1.17.0-beta.1 → 1.17.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":["../../../../../../../preprocess-dist/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};"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentDownloadErrorBar.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/AttachmentDownloadErrorBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAsC,EAAe,EAAE;IAChG,MAAM,EACJ,8BAA8B,EAC9B,6BAA6B,EAC9B,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG;QAC1B,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;IACF,IAAI,8BAA8B,KAAK,EAAE,EAAE,CAAC;QAC1C,OAAO,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;YAC3E,oBAAC,UAAU,IAAC,cAAc,EAAE,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE;oBACpE,6BAA6B,EAAE,CAAC;gBAClC,CAAC,EAAE,mBAAmB,EAAE,mBAAmB,IACtC,8BAA8B,CACpB,CACP,CAAC;IACb,CAAC;SAAM,CAAC;QACN,OAAO,yCAAK,CAAC;IACf,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageBar, MessageBarType, Stack } from '@fluentui/react';\nimport React from 'react';\n\n/**\n * @private\n */\nexport interface AttachmentDownloadErrorBarProps {\n  /**callback to dismiss the download error message */\n  onDismissDownloadErrorMessage: () => void;\n  /** Error message to render */\n  attachmentDownloadErrorMessage: string;\n}\n\n/**\n * @private\n */\nexport const AttachmentDownloadErrorBar = (props: AttachmentDownloadErrorBarProps): JSX.Element => {\n  const {\n    attachmentDownloadErrorMessage,\n    onDismissDownloadErrorMessage\n  } = props;\n  const messageBarIconProps = {\n    iconName: 'ProtectedDocument'\n  };\n  if (attachmentDownloadErrorMessage !== '') {\n    return <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n        <MessageBar messageBarType={MessageBarType.warning} onDismiss={() => {\n        onDismissDownloadErrorMessage();\n      }} messageBarIconProps={messageBarIconProps}>\n          {attachmentDownloadErrorMessage}\n        </MessageBar>\n      </Stack>;\n  } else {\n    return <></>;\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":["../../../../../../preprocess-dist/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,EACJ,wBAAwB,EACxB,2BAA2B,EAC3B,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,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;IAC1D,OAAO,oBAAC,oBAAoB,IAAC,oBAAoB,EAAE,oBAAoB,EAAE,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvO,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 {\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    isMobile\n  } = props;\n  const locale = useLocale();\n  const chatListHeader = locale.strings.chat.chatListHeader;\n  const participantListProps = usePropsFor(ParticipantList);\n  return <ParticipantContainer participantListProps={participantListProps} title={chatListHeader} onFetchAvatarPersonaData={onFetchAvatarPersonaData} onFetchParticipantMenuItems={onFetchParticipantMenuItems} isMobile={isMobile} />;\n};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.d.ts

@@ -1,80 +0,0 @@
-import { AttachmentUploadTask, AttachmentSelectionHandler, AttachmentActionHandler } from "../../../../../react-components/src";
-import { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from "../../../../../acs-ui-common/src";
-/**
- * @internal
- */
-export interface AttachmentUpload extends AttachmentUploadTask {
-    metadata: AttachmentMetadataInProgress;
-}
-/**
- * @private
- */
-export declare enum AttachmentUploadActionType {
-    Set = "set",
-    Progress = "progress",
-    Completed = "completed",
-    Failed = "failed",
-    Remove = "remove",
-    Clear = "clear"
-}
-/**
- * @private
- */
-interface Action {
-    type: AttachmentUploadActionType;
-}
-/**
- * @private
- */
-interface SetAction extends Action {
-    type: AttachmentUploadActionType.Set;
-    newUploads: AttachmentUpload[];
-}
-/**
- * @private
- */
-interface ProgressAction extends Action {
-    type: AttachmentUploadActionType.Progress;
-    taskId: string;
-    progress: number;
-}
-/**
- * @private
- */
-interface CompleteAction extends Action {
-    type: AttachmentUploadActionType.Completed;
-    taskId: string;
-    id: string;
-    url: string;
-}
-/**
- * @private
- */
-interface FailedAction extends Action {
-    type: AttachmentUploadActionType.Failed;
-    taskId: string;
-    message: string;
-}
-/**
- * @private
- */
-interface RemoveAction extends Action {
-    type: AttachmentUploadActionType.Remove;
-    id: string;
-}
-/**
- * @private
- */
-interface ClearAction extends Action {
-    type: AttachmentUploadActionType.Clear;
-}
-/**
- * @private
- */
-type Actions = SetAction | ProgressAction | CompleteAction | FailedAction | RemoveAction | ClearAction;
-/**
- * @internal
- */
-export declare const AttachmentUploadReducer: (state: AttachmentUpload[], action: Actions) => AttachmentUpload[];
-export type { AttachmentMetadata, AttachmentSelectionHandler, AttachmentActionHandler, AttachmentUploadTask, AttachmentProgressError };
-//# sourceMappingURL=AttachmentUpload.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.js

@@ -1,38 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-export var AttachmentUploadActionType;
-(function (AttachmentUploadActionType) {
-    AttachmentUploadActionType["Set"] = "set";
-    AttachmentUploadActionType["Progress"] = "progress";
-    AttachmentUploadActionType["Completed"] = "completed";
-    AttachmentUploadActionType["Failed"] = "failed";
-    AttachmentUploadActionType["Remove"] = "remove";
-    AttachmentUploadActionType["Clear"] = "clear";
-})(AttachmentUploadActionType || (AttachmentUploadActionType = {}));
-/**
- * @internal
- */
-export const AttachmentUploadReducer = (state, action) => {
-    switch (action.type) {
-        case AttachmentUploadActionType.Set:
-            return state.filter(v => !v.metadata.error).concat(action.newUploads);
-        case AttachmentUploadActionType.Completed:
-            return state.map(v => v.taskId === action.taskId ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { id: action.id, url: action.url, progress: 1 }) }) : v);
-        case AttachmentUploadActionType.Failed:
-            return state.map(v => v.taskId === action.taskId ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { error: {
-                        message: action.message
-                    } }) }) : v);
-        case AttachmentUploadActionType.Remove:
-            return state.filter(v => !v.metadata.error).filter(v => v.metadata.id !== action.id);
-        case AttachmentUploadActionType.Progress:
-            return state.map(v => v.taskId === action.taskId ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { progress: action.progress }) }) : v);
-        case AttachmentUploadActionType.Clear:
-            return [];
-        default:
-            return state;
-    }
-};
-//# sourceMappingURL=AttachmentUpload.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentUpload.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAYlC;;GAEG;AACH,MAAM,CAAN,IAAY,0BAOX;AAPD,WAAY,0BAA0B;IACpC,yCAAW,CAAA;IACX,mDAAqB,CAAA;IACrB,qDAAuB,CAAA;IACvB,+CAAiB,CAAA;IACjB,+CAAiB,CAAA;IACjB,6CAAe,CAAA;AACjB,CAAC,EAPW,0BAA0B,KAA1B,0BAA0B,QAOrC;AAiED;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAsB,EAAE;IACxG,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,0BAA0B,CAAC,GAAG;YACjC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACxE,KAAK,0BAA0B,CAAC,SAAS;YACvC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,iCAC7C,CAAC,KACJ,QAAQ,kCACH,CAAC,CAAC,QAAQ,KACb,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,QAAQ,EAAE,CAAC,OAEb,CAAC,CAAC,CAAC,CAAC,CAAC;QACT,KAAK,0BAA0B,CAAC,MAAM;YACpC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,iCAC7C,CAAC,KACJ,QAAQ,kCACH,CAAC,CAAC,QAAQ,KACb,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM,CAAC,OAAO;qBACxB,OAEH,CAAC,CAAC,CAAC,CAAC,CAAC;QACT,KAAK,0BAA0B,CAAC,MAAM;YACpC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;QACvF,KAAK,0BAA0B,CAAC,QAAQ;YACtC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,iCAC7C,CAAC,KACJ,QAAQ,kCACH,CAAC,CAAC,QAAQ,KACb,QAAQ,EAAE,MAAM,CAAC,QAAQ,OAE3B,CAAC,CAAC,CAAC,CAAC,CAAC;QACT,KAAK,0BAA0B,CAAC,KAAK;YACnC,OAAO,EAAE,CAAC;QACZ;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { AttachmentUploadTask, AttachmentSelectionHandler, AttachmentActionHandler } from '@internal/react-components';\nimport { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport interface AttachmentUpload extends AttachmentUploadTask {\n  metadata: AttachmentMetadataInProgress;\n}\n\n/**\n * @private\n */\nexport enum AttachmentUploadActionType {\n  Set = 'set',\n  Progress = 'progress',\n  Completed = 'completed',\n  Failed = 'failed',\n  Remove = 'remove',\n  Clear = 'clear',\n}\n\n/**\n * @private\n */\ninterface Action {\n  type: AttachmentUploadActionType;\n}\n\n/**\n * @private\n */\ninterface SetAction extends Action {\n  type: AttachmentUploadActionType.Set;\n  newUploads: AttachmentUpload[];\n}\n\n/**\n * @private\n */\ninterface ProgressAction extends Action {\n  type: AttachmentUploadActionType.Progress;\n  taskId: string;\n  progress: number;\n}\n\n/**\n * @private\n */\ninterface CompleteAction extends Action {\n  type: AttachmentUploadActionType.Completed;\n  taskId: string;\n  id: string;\n  url: string;\n}\n\n/**\n * @private\n */\ninterface FailedAction extends Action {\n  type: AttachmentUploadActionType.Failed;\n  taskId: string;\n  message: string;\n}\n\n/**\n * @private\n */\ninterface RemoveAction extends Action {\n  type: AttachmentUploadActionType.Remove;\n  id: string;\n}\n\n/**\n * @private\n */\ninterface ClearAction extends Action {\n  type: AttachmentUploadActionType.Clear;\n}\n\n/**\n * @private\n */\ntype Actions = SetAction | ProgressAction | CompleteAction | FailedAction | RemoveAction | ClearAction;\n\n/**\n * @internal\n */\nexport const AttachmentUploadReducer = (state: AttachmentUpload[], action: Actions): AttachmentUpload[] => {\n  switch (action.type) {\n    case AttachmentUploadActionType.Set:\n      return state.filter(v => !v.metadata.error).concat(action.newUploads);\n    case AttachmentUploadActionType.Completed:\n      return state.map(v => v.taskId === action.taskId ? {\n        ...v,\n        metadata: {\n          ...v.metadata,\n          id: action.id,\n          url: action.url,\n          progress: 1\n        }\n      } : v);\n    case AttachmentUploadActionType.Failed:\n      return state.map(v => v.taskId === action.taskId ? {\n        ...v,\n        metadata: {\n          ...v.metadata,\n          error: {\n            message: action.message\n          }\n        }\n      } : v);\n    case AttachmentUploadActionType.Remove:\n      return state.filter(v => !v.metadata.error).filter(v => v.metadata.id !== action.id);\n    case AttachmentUploadActionType.Progress:\n      return state.map(v => v.taskId === action.taskId ? {\n        ...v,\n        metadata: {\n          ...v.metadata,\n          progress: action.progress\n        }\n      } : v);\n    case AttachmentUploadActionType.Clear:\n      return [];\n    default:\n      return state;\n  }\n};\nexport type { AttachmentMetadata, AttachmentSelectionHandler, AttachmentActionHandler, AttachmentUploadTask, AttachmentProgressError };"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-/**
- * Props for {@link AttachmentUploadButton} component.
- * @internal
- */
-export interface AttachmentUploadButtonProps {
-    /**
-     * A list of strings containing the comma separated list of supported media (aka. mime) types.
-     * i.e. ['image/*', 'video/*', 'audio/*']
-     * Default value is `['*']`, meaning all media types are supported.
-     * Similar to the `accept` attribute of the `<input type="file" />` element.
-     */
-    supportedMediaTypes?: string[];
-    /**
-     * Disable multiple files to be selected if set to `true`.
-     * Default value is `false`, meaning multiple files can be selected.
-     * Similar to the `multiple` attribute of the `<input type="file" />` element.
-     */
-    disableMultipleUploads?: boolean;
-    /**
-     * onChange handler for the attachment upload button.
-     * Similar to the `onChange` attribute of the `<input type="file" />` element.
-     * Called every time files are selected through the attachment upload button with a {@link FileList}
-     * of selected files.
-     */
-    onChange?: (files: FileList | null) => void;
-}
-/**
- * @internal
- */
-export declare const AttachmentUploadButton: (props: AttachmentUploadButtonProps) => JSX.Element;
-/**
- * A wrapper to return {@link AttachmentUploadButton} component conditionally.
- * It will return `<></>` for stable builds.
- * @internal
- */
-export declare const AttachmentUploadButtonWrapper: (props: Pick<AttachmentUploadButtonProps, 'supportedMediaTypes' | 'disableMultipleUploads' | 'onChange'>) => JSX.Element;
-//# sourceMappingURL=AttachmentUploadButton.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.js

@@ -1,69 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { IconButton, mergeStyles, Stack, useTheme } from '@fluentui/react';
-import React from 'react';
-import { ChatCompositeIcon } from '../../common/icons';
-/* @conditional-compile-remove(attachment-upload) */
-import { useLocale } from '../../localization';
-/**
- * @internal
- */
-export const AttachmentUploadButton = (props) => {
-    const inputRef = React.useRef(null);
-    const theme = useTheme();
-    // default supportedMediaTypes is ['*'], meaning all media types are supported.
-    // default disableMultipleUploads is false, meaning multiple files can be selected.
-    const { supportedMediaTypes = ['*'], disableMultipleUploads = false, onChange } = props;
-    const attachmentUploadButtonClassName = mergeStyles({
-        width: '1.5rem',
-        height: '1.5rem',
-        cursor: 'pointer',
-        padding: '0.15rem',
-        ':hover': {
-            backgroundColor: theme.palette.neutralLighter
-        }
-    });
-    const iconButtonClassName = mergeStyles({
-        color: 'unset',
-        width: '1.5rem',
-        height: '1.5rem',
-        ':hover': {
-            color: 'unset',
-            background: 'transparent'
-        }
-    });
-    return React.createElement(React.Fragment, null,
-        React.createElement(Stack, { verticalAlign: "center", horizontalAlign: "center", className: attachmentUploadButtonClassName, onClick: () => {
-                var _a;
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-            } },
-            React.createElement(IconButton, { className: iconButtonClassName, ariaLabel: uploadAttachmentButtonStringTrampoline() },
-                React.createElement(SendBoxAttachFileIconTrampoline, null))),
-        React.createElement("input", { "data-testid": "attachment-upload-button", ref: inputRef, hidden: true, multiple: !disableMultipleUploads, accept: supportedMediaTypes.join(','), type: "file", onClick: e => {
-                // To ensure that `onChange` is fired even if the same file is picked again.
-                e.currentTarget.value = '';
-            }, onChange: e => {
-                onChange && onChange(e.currentTarget.files);
-            } }));
-};
-const SendBoxAttachFileIconTrampoline = () => {
-    /* @conditional-compile-remove(attachment-upload) */
-    return React.createElement(ChatCompositeIcon, { iconName: "SendBoxAttachFile" });
-    // Return _some_ available icon, as the real icon is beta-only.
-    return React.createElement(ChatCompositeIcon, { iconName: "EditBoxCancel" });
-};
-/**
- * A wrapper to return {@link AttachmentUploadButton} component conditionally.
- * It will return `<></>` for stable builds.
- * @internal
- */
-export const AttachmentUploadButtonWrapper = (props) => {
-    return React.createElement(React.Fragment, null, /* @conditional-compile-remove(attachment-upload) */ React.createElement(AttachmentUploadButton, Object.assign({}, props)));
-};
-const uploadAttachmentButtonStringTrampoline = () => {
-    /* @conditional-compile-remove(attachment-upload) */
-    //eslint-disable-next-line react-hooks/rules-of-hooks
-    return useLocale().strings.chat.uploadAttachment;
-    return '';
-};
-//# sourceMappingURL=AttachmentUploadButton.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentUploadButton.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IconButton, mergeStyles, Stack, useTheme } from '@fluentui/react';\nimport React from 'react';\nimport { ChatCompositeIcon } from '../../common/icons';\n/* @conditional-compile-remove(attachment-upload) */\nimport { useLocale } from '../../localization';\n\n/**\n * Props for {@link AttachmentUploadButton} component.\n * @internal\n */\nexport interface AttachmentUploadButtonProps {\n  /**\n   * A list of strings containing the comma separated list of supported media (aka. mime) types.\n   * i.e. ['image/*', 'video/*', 'audio/*']\n   * Default value is `['*']`, meaning all media types are supported.\n   * Similar to the `accept` attribute of the `<input type=\"file\" />` element.\n   */\n  supportedMediaTypes?: string[];\n  /**\n   * Disable multiple files to be selected if set to `true`.\n   * Default value is `false`, meaning multiple files can be selected.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   */\n  disableMultipleUploads?: boolean;\n  /**\n   * onChange handler for the attachment upload button.\n   * Similar to the `onChange` attribute of the `<input type=\"file\" />` element.\n   * Called every time files are selected through the attachment upload button with a {@link FileList}\n   * of selected files.\n   */\n  onChange?: (files: FileList | null) => void;\n}\n\n/**\n * @internal\n */\nexport const AttachmentUploadButton = (props: AttachmentUploadButtonProps): JSX.Element => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const theme = useTheme();\n  // default supportedMediaTypes is ['*'], meaning all media types are supported.\n  // default disableMultipleUploads is false, meaning multiple files can be selected.\n  const {\n    supportedMediaTypes = ['*'],\n    disableMultipleUploads = false,\n    onChange\n  } = props;\n  const attachmentUploadButtonClassName = mergeStyles({\n    width: '1.5rem',\n    height: '1.5rem',\n    cursor: 'pointer',\n    padding: '0.15rem',\n    ':hover': {\n      backgroundColor: theme.palette.neutralLighter\n    }\n  });\n  const iconButtonClassName = mergeStyles({\n    color: 'unset',\n    width: '1.5rem',\n    height: '1.5rem',\n    ':hover': {\n      color: 'unset',\n      background: 'transparent'\n    }\n  });\n  return <>\n      <Stack verticalAlign=\"center\" horizontalAlign=\"center\" className={attachmentUploadButtonClassName} onClick={() => {\n      inputRef.current?.click();\n    }}>\n        <IconButton className={iconButtonClassName} ariaLabel={uploadAttachmentButtonStringTrampoline()}>\n          <SendBoxAttachFileIconTrampoline />\n        </IconButton>\n      </Stack>\n      <input data-testid=\"attachment-upload-button\" ref={inputRef} hidden multiple={!disableMultipleUploads} accept={supportedMediaTypes.join(',')} type=\"file\" onClick={e => {\n      // To ensure that `onChange` is fired even if the same file is picked again.\n      e.currentTarget.value = '';\n    }} onChange={e => {\n      onChange && onChange(e.currentTarget.files);\n    }} />\n    </>;\n};\nconst SendBoxAttachFileIconTrampoline = (): JSX.Element => {\n  /* @conditional-compile-remove(attachment-upload) */\n  return <ChatCompositeIcon iconName=\"SendBoxAttachFile\" />;\n  // Return _some_ available icon, as the real icon is beta-only.\n  return <ChatCompositeIcon iconName=\"EditBoxCancel\" />;\n};\n\n/**\n * A wrapper to return {@link AttachmentUploadButton} component conditionally.\n * It will return `<></>` for stable builds.\n * @internal\n */\nexport const AttachmentUploadButtonWrapper = (props: Pick<AttachmentUploadButtonProps, 'supportedMediaTypes' | 'disableMultipleUploads' | 'onChange'>): JSX.Element => {\n  return <>\n      {/* @conditional-compile-remove(attachment-upload) */\n    <AttachmentUploadButton {...props} />}\n    </>;\n};\nconst uploadAttachmentButtonStringTrampoline = (): string => {\n  /* @conditional-compile-remove(attachment-upload) */\n  //eslint-disable-next-line react-hooks/rules-of-hooks\n  return useLocale().strings.chat.uploadAttachment;\n  return '';\n};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AttachmentUpload';
-export * from './AttachmentUploadButton';
-export type { AttachmentOptions, AttachmentUploadTask, AttachmentUploadOptions, AttachmentRemovalHandler, AttachmentMetadataWrapper, AttachmentSelectionHandler, AttachmentActionHandler } from "../../../../../react-components/src";
-export type { AttachmentDownloadOptions } from "../../../../../react-components/src";
-//# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/index.js

@@ -1,5 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-export * from './AttachmentUpload';
-export * from './AttachmentUploadButton';
-//# sourceMappingURL=index.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/file-sharing/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './AttachmentUpload';\nexport * from './AttachmentUploadButton';\nexport type { AttachmentOptions, AttachmentUploadTask, AttachmentUploadOptions, AttachmentRemovalHandler, AttachmentMetadataWrapper, AttachmentSelectionHandler, AttachmentActionHandler } from '@internal/react-components';\n\n/* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */\nexport type { AttachmentDownloadOptions } from '@internal/react-components';"]}

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

@@ -1,25 +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;
-    copyInviteLinkButtonActionedLabel: 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;
-    onCopyInviteLink?: () => void;
-    inviteLinkCopiedRecently?: boolean;
-}
-/** @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,113 +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';
-import { useId } from '@fluentui/react-hooks';
-import { CalloutWithIcon } from './CalloutWithIcon';
-/** @private */
-export const AddPeopleDropdown = (props) => {
-    const theme = useTheme();
-    const { inviteLink, strings, mobileView, onAddParticipant, alternateCallerId, onCopyInviteLink, inviteLinkCopiedRecently } = 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);
-                    onCopyInviteLink === null || onCopyInviteLink === void 0 ? void 0 : onCopyInviteLink();
-                }
-            });
-        }
-        // 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, onCopyInviteLink]);
-    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]);
-    const calloutButtonId = useId('callout-button');
-    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, { id: calloutButtonId, onClick: setDrawerMenuItemsForAddPeople, styles: copyLinkButtonStylesThemed, onRenderIcon: () => PeoplePaneAddPersonIconTrampoline(), text: strings.peoplePaneAddPeopleButtonLabel, "data-ui-id": "call-add-people-button" }),
-                inviteLinkCopiedRecently && React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: strings.copyInviteLinkButtonActionedLabel, doNotLayer: true })),
-            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, { id: calloutButtonId, onRenderIcon: () => PeoplePaneAddPersonIconTrampoline(), text: strings.peoplePaneAddPeopleButtonLabel, menuProps: defaultMenuProps, styles: copyLinkButtonStylesThemed, "data-ui-id": "call-add-people-button" }),
-            inviteLinkCopiedRecently && React.createElement(CalloutWithIcon, { targetId: calloutButtonId, text: strings.copyInviteLinkButtonActionedLabel }))));
-};
-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":["../../../../../../preprocess-dist/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 { DefaultButton, IContextualMenuItem, IContextualMenuProps, PrimaryButton, Stack, useTheme } from '@fluentui/react';\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';\nimport { useId } from '@fluentui/react-hooks';\nimport { CalloutWithIcon } from './CalloutWithIcon';\n\n/** @private */\nexport interface AddPeopleDropdownStrings extends CallingDialpadStrings {\n  copyInviteLinkButtonLabel: string;\n  copyInviteLinkButtonActionedLabel: 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  onCopyInviteLink?: () => void;\n  inviteLinkCopiedRecently?: boolean;\n}\n\n/** @private */\nexport const AddPeopleDropdown = (props: AddPeopleDropdownProps): JSX.Element => {\n  const theme = useTheme();\n  const {\n    inviteLink,\n    strings,\n    mobileView,\n    onAddParticipant,\n    alternateCallerId,\n    onCopyInviteLink,\n    inviteLinkCopiedRecently\n  } = props;\n  const [showDialpad, setShowDialpad] = useState(false);\n  const [announcerStrings, setAnnouncerStrings] = useState<string>();\n  const menuStyleThemed = useMemo(() => themedMenuStyle(theme), [theme]);\n  const copyLinkButtonStylesThemed = useMemo(() => themedCopyLinkButtonStyles(theme, mobileView), [mobileView, theme]);\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    if (inviteLink) {\n      menuProps.items.push({\n        key: 'InviteLinkKey',\n        text: strings.copyInviteLinkButtonLabel,\n        itemProps: {\n          styles: copyLinkButtonStylesThemed\n        },\n        iconProps: {\n          iconName: 'Link',\n          style: iconStyles\n        },\n        onClick: () => {\n          setAnnouncerStrings(strings.copyInviteLinkActionedAriaLabel);\n          copy(inviteLink);\n          onCopyInviteLink?.();\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: {\n          styles: copyLinkButtonStylesThemed\n        },\n        iconProps: {\n          iconName: PeoplePaneOpenDialpadIconNameTrampoline(),\n          style: iconStyles\n        },\n        onClick: () => setShowDialpad(true),\n        'data-ui-id': 'call-dial-phone-number-button'\n      });\n    }\n    return menuProps;\n  }, [menuStyleThemed, inviteLink, alternateCallerId, strings.copyInviteLinkButtonLabel, strings.copyInviteLinkActionedAriaLabel, strings.openDialpadButtonLabel, copyLinkButtonStylesThemed, onCopyInviteLink]);\n  const onDismissDialpad = (): void => {\n    setShowDialpad(false);\n  };\n  const [addPeopleDrawerMenuItems, setAddPeopleDrawerMenuItems] = useState<_DrawerMenuItemProps[]>([]);\n  const setDrawerMenuItemsForAddPeople: () => void = useMemo(() => {\n    return () => {\n      const drawerMenuItems = defaultMenuProps.items.map((contextualMenu: IContextualMenuItem) => convertContextualMenuItemToDrawerMenuItem(contextualMenu, () => setAddPeopleDrawerMenuItems([])));\n      setAddPeopleDrawerMenuItems(drawerMenuItems);\n    };\n  }, [defaultMenuProps, setAddPeopleDrawerMenuItems]);\n  const calloutButtonId = useId('callout-button');\n  if (mobileView) {\n    return <Stack>\n        <Announcer ariaLive={'assertive'} announcementString={announcerStrings} />\n        {defaultMenuProps.items.length > 0 && <Stack.Item styles={copyLinkButtonContainerStyles}>\n            <PrimaryButton id={calloutButtonId} onClick={setDrawerMenuItemsForAddPeople} styles={copyLinkButtonStylesThemed} onRenderIcon={() => PeoplePaneAddPersonIconTrampoline()} text={strings.peoplePaneAddPeopleButtonLabel} data-ui-id=\"call-add-people-button\" />\n            {inviteLinkCopiedRecently && <CalloutWithIcon targetId={calloutButtonId} text={strings.copyInviteLinkButtonActionedLabel} doNotLayer={true} />}\n          </Stack.Item>}\n\n        {addPeopleDrawerMenuItems.length > 0 && <Stack styles={drawerContainerStyles()} data-ui-id=\"call-add-people-dropdown\">\n            <_DrawerMenu disableMaxHeight={true} onLightDismiss={() => setAddPeopleDrawerMenuItems([])} items={addPeopleDrawerMenuItems} />\n          </Stack>}\n        {alternateCallerId && <CallingDialpad isMobile={true} strings={strings} showDialpad={showDialpad} onDismissDialpad={onDismissDialpad} onAddParticipant={onAddParticipant} alternateCallerId={alternateCallerId} />}\n      </Stack>;\n  }\n  return <>\n      {<Stack>\n          <Announcer ariaLive={'assertive'} announcementString={announcerStrings} />\n          {alternateCallerId && <CallingDialpad isMobile={false} strings={strings} showDialpad={showDialpad} onDismissDialpad={onDismissDialpad} onAddParticipant={onAddParticipant} alternateCallerId={alternateCallerId} />}\n\n          {defaultMenuProps.items.length > 0 && <Stack styles={copyLinkButtonStackStyles}>\n              <DefaultButton id={calloutButtonId} onRenderIcon={() => PeoplePaneAddPersonIconTrampoline()} text={strings.peoplePaneAddPeopleButtonLabel} menuProps={defaultMenuProps} styles={copyLinkButtonStylesThemed} data-ui-id=\"call-add-people-button\" />\n              {inviteLinkCopiedRecently && <CalloutWithIcon targetId={calloutButtonId} text={strings.copyInviteLinkButtonActionedLabel} />}\n            </Stack>}\n        </Stack>}\n    </>;\n};\nfunction PeoplePaneOpenDialpadIconNameTrampoline(): string {\n  /* @conditional-compile-remove(PSTN-calls) */\n  return 'PeoplePaneOpenDialpad';\n  return '';\n}\nfunction PeoplePaneAddPersonIconTrampoline(): JSX.Element {\n  /* @conditional-compile-remove(PSTN-calls) */\n  return <CallWithChatCompositeIcon iconName=\"PeoplePaneAddPerson\" />;\n  return <></>;\n}"]}