@azure/communication-react 1.0.0-beta.1 → 1.0.0-beta.5

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/state/MeetingAdapterState.d.ts

@@ -0,0 +1,81 @@
+import { CallState, RemoteParticipantState } from "../../../../../calling-stateful-client/src";
+import { ChatThreadClientState } from "../../../../../chat-stateful-client/src";
+import { ChatParticipant } from '@azure/communication-chat';
+import { CallEndReason } from '@azure/communication-calling';
+import { CommunicationIdentifier } from '@azure/communication-common';
+import { CallAdapterClientState } from '../../CallComposite';
+/**
+ * Page state the Meeting composite could be in.
+ * @alpha
+ */
+export declare type MeetingCompositePage = 'configuration' | 'meeting' | 'error' | 'errorJoiningTeamsMeeting' | 'removed';
+/**
+ * Describes the reason the meeting ended.
+ * @alpha
+ */
+export declare type MeetingEndReason = CallEndReason;
+/**
+ * @alpha
+ */
+export declare type MeetingErrors = unknown;
+/**
+ * Participants of a Meeting.
+ * @alpha
+ */
+export interface MeetingParticipant extends Pick<ChatParticipant, 'shareHistoryTime'>, Pick<RemoteParticipantState, 'displayName' | 'state' | 'videoStreams' | 'isMuted' | 'isSpeaking'> {
+    /** ID of the meeting participant. */
+    id: CommunicationIdentifier;
+    /** Describes the reason the meeting ended for this participant. */
+    meetingEndReason: MeetingEndReason;
+}
+/**
+ * State of a single Meeting.
+ * @alpha
+ */
+export interface MeetingState extends Pick<CallState, 'callerInfo' | 'state' | 'isMuted' | 'isScreenSharingOn' | 'localVideoStreams' | 'transcription' | 'recording' | 'transfer' | 'screenShareRemoteParticipant' | 'startTime' | 'endTime'>, Pick<ChatThreadClientState, 'chatMessages' | 'threadId' | 'properties' | 'readReceipts' | 'typingIndicators' | 'latestReadTime'> {
+    /** Current Meeting ID. */
+    id: string;
+    /** Active participants in the current meeting. */
+    participants: {
+        [key: string]: MeetingParticipant;
+    };
+    /** Participants who have left the current meeting. */
+    participantsEnded: {
+        [keys: string]: MeetingParticipant;
+    };
+    /** Reason the current meeting has ended. */
+    meetingEndReason: MeetingEndReason;
+}
+/**
+ * UI state pertaining to the Meeting Composite.
+ * @alpha
+ */
+export interface MeetingAdapterUiState {
+    /** Current page in the meeting composite. */
+    page: MeetingCompositePage;
+}
+/**
+ * State from the backend services that drives Meeting Composite.
+ * @alpha
+ */
+export interface MeetingAdapterClientState extends Pick<CallAdapterClientState, 'devices'> {
+    /** ID of the meeting participant using this Meeting Adapter. */
+    userId: CommunicationIdentifier;
+    /** Display name of the meeting participant using this Meeting Adapter. */
+    displayName: string;
+    /** Latest Errors that have occurred. */
+    latestErrors: MeetingErrors;
+    /** State of the current Meeting. */
+    meeting: MeetingState;
+}
+/**
+ * Meeting State is a combination of Stateful Chat and Stateful Calling clients with some
+ * state specific to meetings only.
+ * Stateful items like Participants that apply to both calling and chat are intelligently
+ * combined into one to suit the purpose of a Meeting.
+ *
+ * @alpha
+ */
+export interface MeetingAdapterState extends MeetingAdapterUiState, MeetingAdapterClientState {
+}
+//# sourceMappingURL=MeetingAdapterState.d.ts.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/state/MeetingAdapterState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingAdapterState.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/MeetingComposite/state/MeetingAdapterState.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,mDAA0C;AACtF,OAAO,EAAE,qBAAqB,EAAE,gDAAuC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D;;;GAGG;AACH,oBAAY,oBAAoB,GAAG,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,0BAA0B,GAAG,SAAS,CAAC;AAElH;;;GAGG;AACH,oBAAY,gBAAgB,GAAG,aAAa,CAAC;AAE7C;;GAEG;AACH,oBAAY,aAAa,GAAG,OAAO,CAAC;AAEpC;;;GAGG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,EAC/C,IAAI,CAAC,sBAAsB,EAAE,aAAa,GAAG,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,YAAY,CAAC;IACnG,qCAAqC;IACrC,EAAE,EAAE,uBAAuB,CAAC;IAC5B,mEAAmE;IACnE,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CACR,SAAS,EACP,YAAY,GACZ,OAAO,GACP,SAAS,GACT,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,WAAW,GACX,UAAU,GACV,8BAA8B,GAC9B,WAAW,GACX,SAAS,CACZ,EACD,IAAI,CACF,qBAAqB,EACrB,cAAc,GAAG,UAAU,GAAG,YAAY,GAAG,cAAc,GAAG,kBAAkB,GAAG,gBAAgB,CACpG;IACH,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kDAAkD;IAClD,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAA;KAAE,CAAC;IACpD,sDAAsD;IACtD,iBAAiB,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,CAAA;KAAE,CAAC;IAC1D,4CAA4C;IAC5C,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,6CAA6C;IAC7C,IAAI,EAAE,oBAAoB,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC;IACxF,gEAAgE;IAChE,MAAM,EAAE,uBAAuB,CAAC;IAChC,0EAA0E;IAC1E,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,YAAY,EAAE,aAAa,CAAC;IAC5B,oCAAoC;IACpC,OAAO,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,EAAE,yBAAyB;CAAG"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/state/MeetingAdapterState.js

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

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/state/MeetingAdapterState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingAdapterState.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/MeetingComposite/state/MeetingAdapterState.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/styles/MeetingCompositeStyles.d.ts

@@ -0,0 +1,3 @@
+import { IStackStyles } from '@fluentui/react';
+export declare const compositeOuterContainerStyles: IStackStyles;
+//# sourceMappingURL=MeetingCompositeStyles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/styles/MeetingCompositeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingCompositeStyles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/MeetingComposite/styles/MeetingCompositeStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,6BAA6B,EAAE,YAA0C,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/styles/MeetingCompositeStyles.js

@@ -0,0 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+export const compositeOuterContainerStyles = { root: { width: '100%' } };
+//# sourceMappingURL=MeetingCompositeStyles.js.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/styles/MeetingCompositeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingCompositeStyles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/MeetingComposite/styles/MeetingCompositeStyles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,MAAM,CAAC,MAAM,6BAA6B,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/styles/SidePane.styles.d.ts

@@ -0,0 +1,12 @@
+import { IContextualMenuItemStyles, IStackStyles, IStackItemStyles, IStackTokens } from '@fluentui/react';
+export declare const sidePaneContainerStyles: IStackItemStyles;
+export declare const sidePaneContainerHiddenStyles: IStackItemStyles;
+export declare const sidePaneContainerTokens: IStackTokens;
+export declare const sidePaneHeaderStyles: IStackItemStyles;
+export declare const sidePaneCloseButtonStyles: Partial<IContextualMenuItemStyles>;
+export declare const paneBodyContainer: IStackStyles;
+export declare const scrollableContainer: IStackStyles;
+export declare const scrollableContainerContents: IStackItemStyles;
+export declare const peopleSubheadingStyle: IStackItemStyles;
+export declare const peoplePaneContainerTokens: IStackTokens;
+//# sourceMappingURL=SidePane.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/styles/SidePane.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePane.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/MeetingComposite/styles/SidePane.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAY,MAAM,iBAAiB,CAAC;AAKpH,eAAO,MAAM,uBAAuB,EAAE,gBAOrC,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,gBAK3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,YAErC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,gBAOlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAC,yBAAyB,CAIxE,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,YAAqE,CAAC;AACtG,eAAO,MAAM,mBAAmB,EAAE,YAA6E,CAAC;AAChH,eAAO,MAAM,2BAA2B,EAAE,gBAA8D,CAAC;AAEzG,eAAO,MAAM,qBAAqB,EAAE,gBAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,YAEvC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/styles/SidePane.styles.js

@@ -0,0 +1,45 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { getTheme } from '@fluentui/react';
+const theme = getTheme();
+const palette = theme.palette;
+export const sidePaneContainerStyles = {
+    root: {
+        height: '100%',
+        paddingTop: '0.5rem',
+        paddingBottom: '0.5rem',
+        width: '21.5rem'
+    }
+};
+export const sidePaneContainerHiddenStyles = {
+    root: Object.assign(Object.assign({}, sidePaneContainerStyles), { display: 'none' })
+};
+export const sidePaneContainerTokens = {
+    childrenGap: '0.5rem'
+};
+export const sidePaneHeaderStyles = {
+    root: {
+        fontSize: '0.825rem',
+        lineHeight: '1.25rem',
+        padding: '0.25rem',
+        fontWeight: '600'
+    }
+};
+export const sidePaneCloseButtonStyles = {
+    icon: { color: palette.neutralSecondary },
+    iconHovered: { color: palette.neutralSecondary },
+    iconPressed: { color: palette.neutralSecondary }
+};
+export const paneBodyContainer = { root: { flexDirection: 'column', display: 'flex' } };
+export const scrollableContainer = { root: { flexBasis: '0', flexGrow: '1', overflowY: 'auto' } };
+export const scrollableContainerContents = { root: { flexGrow: '1', flexBasis: '0' } };
+export const peopleSubheadingStyle = {
+    root: {
+        fontSize: '0.75rem',
+        color: palette.neutralSecondary
+    }
+};
+export const peoplePaneContainerTokens = {
+    childrenGap: '0.5rem'
+};
+//# sourceMappingURL=SidePane.styles.js.map

package/dist/dist-esm/react-composites/src/composites/MeetingComposite/styles/SidePane.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePane.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/MeetingComposite/styles/SidePane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAA2E,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEpH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;AAE9B,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACvD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAqB;IAC7D,IAAI,kCACC,uBAAuB,KAC1B,OAAO,EAAE,MAAM,GAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAiB;IACnD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAqB;IACpD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAuC;IAC3E,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,gBAAgB,EAAE;IACzC,WAAW,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,gBAAgB,EAAE;IAChD,WAAW,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,gBAAgB,EAAE;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAiB,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC;AACtG,MAAM,CAAC,MAAM,mBAAmB,GAAiB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;AAChH,MAAM,CAAC,MAAM,2BAA2B,GAAqB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC;AAEzG,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACrD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,OAAO,CAAC,gBAAgB;KAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC"}

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

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { IPersonaProps, PersonaInitialsColor } from '@fluentui/react';
+/**
+ * Custom data attributes for the AvatarPersona component.
+ */
+export declare type AvatarPersonaData = {
+    /**
+     * Primary text to display, usually the name of the person.
+     */
+    text?: string;
+    /**
+     * Image URL to use, should be a square aspect ratio and big enough to fit in the image area.
+     */
+    imageUrl?: string;
+    /**
+     * The user's initials to display in the image area when there is no image.
+     * @defaultvalue Derived from `text`
+     */
+    imageInitials?: string;
+    /**
+     * The background color when the user's initials are displayed.
+     * @defaultvalue Derived from `text`
+     */
+    initialsColor?: PersonaInitialsColor | string;
+    /**
+     * The text color when the user's initials are displayed
+     * @defaultvalue `white`
+     */
+    initialsTextColor?: string;
+};
+/**
+ * Callback function used to provide custom data to the AvatarPersona component.
+ */
+export declare type AvatarPersonaDataCallback = (userId: string) => Promise<AvatarPersonaData>;
+export interface AvatarPersonaProps extends IPersonaProps {
+    /**
+     * Azure Communicator user ID.
+     */
+    userId?: string;
+    /**
+     * A function that returns a Promise that resolves to the data to be displayed.
+     */
+    dataProvider?: AvatarPersonaDataCallback;
+}
+/**
+ * An Avatar component made using the `Persona` component.
+ * It allows you to specify a `userId` and a `dataProvider` to retrieve the `AvatarPersonaData`.
+ * Read more about `Persona` component at https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
+ */
+export declare const AvatarPersona: (props: AvatarPersonaProps) => JSX.Element;
+//# sourceMappingURL=AvatarPersona.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarPersona.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AvatarPersona.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAW,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG/E;;GAEG;AACH,oBAAY,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,oBAAY,yBAAyB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAEvF,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,WAuBzD,CAAC"}

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

@@ -0,0 +1,33 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Persona } from '@fluentui/react';
+import React, { useEffect } from 'react';
+/**
+ * An Avatar component made using the `Persona` component.
+ * It allows you to specify a `userId` and a `dataProvider` to retrieve the `AvatarPersonaData`.
+ * Read more about `Persona` component at https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
+ */
+export const AvatarPersona = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    const { userId, dataProvider } = props;
+    const [data, setData] = React.useState();
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            if (dataProvider && userId) {
+                const data = yield dataProvider(userId);
+                setData(data);
+            }
+        }))();
+    }, [dataProvider, userId]);
+    return (React.createElement(Persona, Object.assign({}, props, { text: (_a = data === null || data === void 0 ? void 0 : data.text) !== null && _a !== void 0 ? _a : props.text, imageUrl: (_b = data === null || data === void 0 ? void 0 : data.imageUrl) !== null && _b !== void 0 ? _b : props.imageUrl, imageInitials: (_c = data === null || data === void 0 ? void 0 : data.imageInitials) !== null && _c !== void 0 ? _c : props.imageInitials, initialsColor: (_d = data === null || data === void 0 ? void 0 : data.initialsColor) !== null && _d !== void 0 ? _d : props.initialsColor, initialsTextColor: (_f = (_e = data === null || data === void 0 ? void 0 : data.initialsTextColor) !== null && _e !== void 0 ? _e : props.initialsTextColor) !== null && _f !== void 0 ? _f : 'white' })));
+};
+//# sourceMappingURL=AvatarPersona.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarPersona.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/AvatarPersona.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAiB,OAAO,EAAwB,MAAM,iBAAiB,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA+CzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;;IACtE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAiC,CAAC;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,GAAS,EAAE;YACV,IAAI,YAAY,IAAI,MAAM,EAAE;gBAC1B,MAAM,IAAI,GAAG,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC;gBACxC,OAAO,CAAC,IAAI,CAAC,CAAC;aACf;QACH,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,oBAAC,OAAO,oBACF,KAAK,IACT,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,KAAK,CAAC,IAAI,EAC9B,QAAQ,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,mCAAI,KAAK,CAAC,QAAQ,EAC1C,aAAa,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,mCAAI,KAAK,CAAC,aAAa,EACzD,aAAa,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,mCAAI,KAAK,CAAC,aAAa,EACzD,iBAAiB,EAAE,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,mCAAI,KAAK,CAAC,iBAAiB,mCAAI,OAAO,IAChF,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,44 @@
+import { PartialTheme, Theme } from '@fluentui/react';
+import React from 'react';
+import { ChatCompositeIcons } from '..';
+import { CompositeLocale } from '../localization';
+import { AvatarPersonaDataCallback } from './AvatarPersona';
+import { CallCompositeIcons } from './icons';
+export interface BaseCompositeProps<TIcons extends Record<string, JSX.Element>> {
+    /**
+     * Fluent theme for the composite.
+     *
+     * @defaultValue light theme
+     */
+    fluentTheme?: PartialTheme | Theme;
+    /**
+     * Custom Icon override for the composite.
+     * A JSX element can be provided to override the default icon.
+     */
+    icons?: TIcons;
+    /**
+     * Locale for the composite.
+     *
+     * @defaultValue English (US)
+     */
+    locale?: CompositeLocale;
+    /**
+     * Whether composite is displayed right-to-left.
+     *
+     * @defaultValue false
+     */
+    rtl?: boolean;
+    /**
+     * A callback function that can be used to provide custom data to Avatars rendered
+     * in Composite.
+     */
+    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
+}
+/**
+ * A base class for composites.
+ * Provides common wrappers such as FluentThemeProvider, IdentifierProvider and LocalizationProvider.
+ */
+export declare const BaseComposite: (props: BaseCompositeProps<CallCompositeIcons | ChatCompositeIcons> & {
+    children: React.ReactNode;
+}) => JSX.Element;
+//# sourceMappingURL=Composite.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Composite.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/Composite.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAiB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAErE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AACxC,OAAO,EAAE,eAAe,EAAwB,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAC;AAEtE,MAAM,WAAW,kBAAkB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5E;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,wBAAwB,CAAC,EAAE,yBAAyB,CAAC;CACtD;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,UACjB,mBAAmB,kBAAkB,GAAG,kBAAkB,CAAC,GAAG;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,KACjG,WAgBF,CAAC"}

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

@@ -0,0 +1,24 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { registerIcons } from '@fluentui/react';
+import { FluentThemeProvider } from "../../../../react-components/src";
+import React from 'react';
+import { LocalizationProvider } from '../localization';
+import { DEFAULT_COMPOSITE_ICONS } from './icons';
+/**
+ * A base class for composites.
+ * Provides common wrappers such as FluentThemeProvider, IdentifierProvider and LocalizationProvider.
+ */
+export const BaseComposite = (props) => {
+    const { fluentTheme, rtl, locale } = props;
+    /**
+     * We register the default icon mappings merged with custom icons provided through props
+     * to ensure all icons render correctly.
+     */
+    registerIcons({ icons: Object.assign(Object.assign({}, DEFAULT_COMPOSITE_ICONS), props.icons) });
+    const CompositeElement = (React.createElement(FluentThemeProvider, { fluentTheme: fluentTheme, rtl: rtl },
+        React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" }),
+        props.children));
+    return locale ? LocalizationProvider({ locale, children: CompositeElement }) : CompositeElement;
+};
+//# sourceMappingURL=Composite.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Composite.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/Composite.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,aAAa,EAAS,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,yCAAmC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAmB,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAsB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAiCtE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAAkG,EACrF,EAAE;IACf,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE3C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,kCAAO,uBAAuB,GAAK,KAAK,CAAC,KAAK,CAAE,EAAE,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,CACvB,oBAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG;QACrD,8BAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,uEAAuE,GAAG;QACvG,KAAK,CAAC,QAAQ,CACK,CACvB,CAAC;IACF,OAAO,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;AAClG,CAAC,CAAC"}

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+export declare const CAMERA_PERMISSION_DENIED = "Camera use is blocked by your browser.";
+export declare const MICROPHONE_PERMISSION_DENIED = "Microphone use is blocked by your browser.";
+export declare const CAMERA_AND_MICROPHONE_PERMISSION_DENIED = "Camera and microphone use is blocked by your browser.";
+export interface PermissionsBannerProps {
+    /**
+     * If cameraPermission is true or undefined, no banner is shown for camera.
+     */
+    cameraPermissionGranted: boolean | undefined;
+    /**
+     * If microphonePermission is true or undefined, no banner is shown for microphone.
+     */
+    microphonePermissionGranted: boolean | undefined;
+}
+/**
+ * Returns the appropriate banner message for given states. Returns empty string if no banner message should be
+ * displayed.
+ *
+ * @param cameraPermissionGranted - If permission is granted for camera, undefined if no response to permission ask
+ * @param microphonePermissionGranted - If permission is granted for microphone, undefined if no response to permission
+ *   ask
+ * @param dismissedCameraBanner - If camera banner was already dismissed
+ * @param dismissedMicrophoneBanner - If microphone banner was already dismissed
+ * @returns
+ */
+export declare const getPermissionsBannerMessage: (cameraPermissionGranted: boolean | undefined, microphonePermissionGranted: boolean | undefined, dismissedCameraBanner: boolean, dismissedMicrophoneBanner: boolean) => string;
+/**
+ * Shows a banner notifying user if camera or microphone permission is denied and also instructions on how to allow the
+ * necessary permissions. If either camera or microphone permission is true or undefined then no banner for those items
+ * are show. This banner will not show anything if the permission (undefined) has been requested but user has not
+ * responded to it. Sample app/composite will always request permission so the case of permission not requested is
+ * assumed to not happen by this component. If the banner was dismissed, it will be dismissed for the current state of
+ * the props and stay dismissed even if permission change after dismissal.
+ *
+ * @param props {@link PermissionsBannerProps}
+ */
+export declare const PermissionsBanner: (props: PermissionsBannerProps) => JSX.Element;
+//# sourceMappingURL=PermissionsBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsBanner.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/PermissionsBanner.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,wBAAwB,2CAA2C,CAAC;AACjF,eAAO,MAAM,4BAA4B,+CAA+C,CAAC;AACzF,eAAO,MAAM,uCAAuC,0DAA0D,CAAC;AAI/G,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,2BAA2B,EAAE,OAAO,GAAG,SAAS,CAAC;CAClD;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,4BACb,OAAO,GAAG,SAAS,+BACf,OAAO,GAAG,SAAS,yBACzB,OAAO,6BACH,OAAO,KACjC,MAaF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,WAmCjE,CAAC"}

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

@@ -0,0 +1,67 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React, { useCallback, useMemo, useState } from 'react';
+import { MessageBar, MessageBarButton, MessageBarType } from '@fluentui/react';
+import { permissionsBannerMessageBarStyle } from '../common/styles/PermissionsBanner.styles';
+export const CAMERA_PERMISSION_DENIED = 'Camera use is blocked by your browser.';
+export const MICROPHONE_PERMISSION_DENIED = 'Microphone use is blocked by your browser.';
+export const CAMERA_AND_MICROPHONE_PERMISSION_DENIED = 'Camera and microphone use is blocked by your browser.';
+const ALLOW_PERMISSIONS_INSTRUCTIONS = "Grant permission by clicking the lock in the address bar and selecting 'Allow'.";
+/**
+ * Returns the appropriate banner message for given states. Returns empty string if no banner message should be
+ * displayed.
+ *
+ * @param cameraPermissionGranted - If permission is granted for camera, undefined if no response to permission ask
+ * @param microphonePermissionGranted - If permission is granted for microphone, undefined if no response to permission
+ *   ask
+ * @param dismissedCameraBanner - If camera banner was already dismissed
+ * @param dismissedMicrophoneBanner - If microphone banner was already dismissed
+ * @returns
+ */
+export const getPermissionsBannerMessage = (cameraPermissionGranted, microphonePermissionGranted, dismissedCameraBanner, dismissedMicrophoneBanner) => {
+    const showCameraMessage = cameraPermissionGranted !== undefined && !cameraPermissionGranted && !dismissedCameraBanner;
+    const showMicrophoneMessage = microphonePermissionGranted !== undefined && !microphonePermissionGranted && !dismissedMicrophoneBanner;
+    if (showCameraMessage && showMicrophoneMessage) {
+        return CAMERA_AND_MICROPHONE_PERMISSION_DENIED;
+    }
+    else if (showCameraMessage) {
+        return CAMERA_PERMISSION_DENIED;
+    }
+    else if (showMicrophoneMessage) {
+        return MICROPHONE_PERMISSION_DENIED;
+    }
+    else {
+        return '';
+    }
+};
+/**
+ * Shows a banner notifying user if camera or microphone permission is denied and also instructions on how to allow the
+ * necessary permissions. If either camera or microphone permission is true or undefined then no banner for those items
+ * are show. This banner will not show anything if the permission (undefined) has been requested but user has not
+ * responded to it. Sample app/composite will always request permission so the case of permission not requested is
+ * assumed to not happen by this component. If the banner was dismissed, it will be dismissed for the current state of
+ * the props and stay dismissed even if permission change after dismissal.
+ *
+ * @param props {@link PermissionsBannerProps}
+ */
+export const PermissionsBanner = (props) => {
+    const { cameraPermissionGranted, microphonePermissionGranted } = props;
+    const [dismissedCameraBanner, setDismissedCameraBanner] = useState(false);
+    const [dismissedMicrophoneBanner, setDismissedMicrophoneBanner] = useState(false);
+    const bannerMessage = useMemo(() => {
+        return getPermissionsBannerMessage(cameraPermissionGranted, microphonePermissionGranted, dismissedCameraBanner, dismissedMicrophoneBanner);
+    }, [cameraPermissionGranted, microphonePermissionGranted, dismissedCameraBanner, dismissedMicrophoneBanner]);
+    const dismissBanner = useCallback(() => {
+        if (cameraPermissionGranted !== undefined && !cameraPermissionGranted) {
+            setDismissedCameraBanner(true);
+        }
+        if (microphonePermissionGranted !== undefined && !microphonePermissionGranted) {
+            setDismissedMicrophoneBanner(true);
+        }
+    }, [cameraPermissionGranted, microphonePermissionGranted]);
+    return bannerMessage === '' ? (React.createElement(React.Fragment, null)) : (React.createElement(MessageBar, { styles: permissionsBannerMessageBarStyle, messageBarType: MessageBarType.warning, isMultiline: false, actions: React.createElement(MessageBarButton, { onClick: dismissBanner }, "Dismiss") },
+        React.createElement("b", null, bannerMessage),
+        "\u00A0",
+        ALLOW_PERMISSIONS_INSTRUCTIONS));
+};
+//# sourceMappingURL=PermissionsBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsBanner.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/PermissionsBanner.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,gCAAgC,EAAE,MAAM,2CAA2C,CAAC;AAE7F,MAAM,CAAC,MAAM,wBAAwB,GAAG,wCAAwC,CAAC;AACjF,MAAM,CAAC,MAAM,4BAA4B,GAAG,4CAA4C,CAAC;AACzF,MAAM,CAAC,MAAM,uCAAuC,GAAG,uDAAuD,CAAC;AAC/G,MAAM,8BAA8B,GAClC,iFAAiF,CAAC;AAapF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,uBAA4C,EAC5C,2BAAgD,EAChD,qBAA8B,EAC9B,yBAAkC,EAC1B,EAAE;IACV,MAAM,iBAAiB,GAAG,uBAAuB,KAAK,SAAS,IAAI,CAAC,uBAAuB,IAAI,CAAC,qBAAqB,CAAC;IACtH,MAAM,qBAAqB,GACzB,2BAA2B,KAAK,SAAS,IAAI,CAAC,2BAA2B,IAAI,CAAC,yBAAyB,CAAC;IAC1G,IAAI,iBAAiB,IAAI,qBAAqB,EAAE;QAC9C,OAAO,uCAAuC,CAAC;KAChD;SAAM,IAAI,iBAAiB,EAAE;QAC5B,OAAO,wBAAwB,CAAC;KACjC;SAAM,IAAI,qBAAqB,EAAE;QAChC,OAAO,4BAA4B,CAAC;KACrC;SAAM;QACL,OAAO,EAAE,CAAC;KACX;AACH,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAC9E,MAAM,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,GAAG,KAAK,CAAC;IACvE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACnF,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3F,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,2BAA2B,CAChC,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,EACrB,yBAAyB,CAC1B,CAAC;IACJ,CAAC,EAAE,CAAC,uBAAuB,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAE7G,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,uBAAuB,KAAK,SAAS,IAAI,CAAC,uBAAuB,EAAE;YACrE,wBAAwB,CAAC,IAAI,CAAC,CAAC;SAChC;QACD,IAAI,2BAA2B,KAAK,SAAS,IAAI,CAAC,2BAA2B,EAAE;YAC7E,4BAA4B,CAAC,IAAI,CAAC,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,uBAAuB,EAAE,2BAA2B,CAAC,CAAC,CAAC;IAE3D,OAAO,aAAa,KAAK,EAAE,CAAC,CAAC,CAAC,CAC5B,yCAAK,CACN,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IACT,MAAM,EAAE,gCAAgC,EACxC,cAAc,EAAE,cAAc,CAAC,OAAO,EACtC,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,oBAAC,gBAAgB,IAAC,OAAO,EAAE,aAAa,cAA4B;QAE7E,+BAAI,aAAa,CAAK;;QAAO,8BAA8B,CAChD,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,51 @@
+/**
+ * Functionality for interfacing with Composite adapter state.
+ */
+export interface AdapterState<TState> {
+    /** Subscribes the handler to stateChanged events. */
+    onStateChange(handler: (state: TState) => void): void;
+    /** Unsubscribes the handler to stateChanged events. */
+    offStateChange(handler: (state: TState) => void): void;
+    /** Get the current State */
+    getState(): TState;
+}
+/**
+ * Functionality for interfacing with Composite adapter pages.
+ */
+export interface AdapterPages<TPage> {
+    /** Set the current page of the Composite */
+    setPage(page: TPage): void;
+}
+/**
+ * Functionality for correctly disposing a Composite.
+ */
+export interface AdapterDisposal {
+    /** Dispose of the Composite */
+    dispose(): void;
+}
+/**
+ * Error reported via error events and stored in adapter state.
+ */
+export interface AdapterError extends Error {
+    /**
+     * The operation that failed.
+     */
+    target: string;
+    /**
+     * Error thrown by the failed operation.
+     */
+    inner: Error;
+    /**
+     * Timestamp added to the error in the adapter implementation.
+     */
+    timestamp: Date;
+}
+/**
+ * Adapters stores the latest error for each operation in the state.
+ *
+ * `target` is an adapter defined string for each unique operation performed by the adapter.
+ */
+export declare type AdapterErrors = {
+    [target: string]: AdapterError;
+};
+//# sourceMappingURL=adapters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/adapters.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,MAAM;IAClC,qDAAqD;IACrD,aAAa,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IACtD,uDAAuD;IACvD,cAAc,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IACvD,4BAA4B;IAC5B,QAAQ,IAAI,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,KAAK;IACjC,4CAA4C;IAC5C,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,KAAK;IACzC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,SAAS,EAAE,IAAI,CAAC;CACjB;AAED;;;;GAIG;AACH,oBAAY,aAAa,GAAG;IAAE,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,CAAA;CAAE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/adapters.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC"}

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

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { ComponentIcons } from "../../../../react-components/src";
+/**
+ * These icons are composite specific and not being used inside components.
+ */
+export declare const COMPOSITE_ONLY_ICONS: {
+    LocalDeviceSettingsCamera: JSX.Element;
+    LocalDeviceSettingsMic: JSX.Element;
+    LocalDeviceSettingsSpeaker: JSX.Element;
+    LocalPreviewPlaceholder: JSX.Element;
+    ScreenSharePopupPresenting: JSX.Element;
+    ScreenSharePopupStopPresenting: JSX.Element;
+};
+/**
+ * The default set of icons that are available to used in the Composites.
+ */
+export declare const DEFAULT_COMPOSITE_ICONS: {
+    LocalDeviceSettingsCamera: JSX.Element;
+    LocalDeviceSettingsMic: JSX.Element;
+    LocalDeviceSettingsSpeaker: JSX.Element;
+    LocalPreviewPlaceholder: JSX.Element;
+    ScreenSharePopupPresenting: JSX.Element;
+    ScreenSharePopupStopPresenting: JSX.Element;
+    ControlButtonCameraOff: JSX.Element;
+    ControlButtonCameraOn: JSX.Element;
+    ControlButtonEndCall: JSX.Element;
+    ControlButtonMicOff: JSX.Element;
+    ControlButtonMicOn: JSX.Element;
+    ControlButtonOptions: JSX.Element;
+    ControlButtonParticipants: JSX.Element;
+    ControlButtonScreenShareStart: JSX.Element;
+    ControlButtonScreenShareStop: JSX.Element;
+    MessageDelivered: JSX.Element;
+    MessageFailed: JSX.Element;
+    MessageSeen: JSX.Element;
+    MessageSending: JSX.Element;
+    OptionsCamera: JSX.Element;
+    OptionsMic: JSX.Element;
+    OptionsSpeaker: JSX.Element;
+    ParticipantItemScreenShareStart: JSX.Element;
+    ParticipantItemMicOff: JSX.Element;
+    ParticipantItemOptions: JSX.Element;
+    ParticipantItemOptionsHovered: JSX.Element;
+    SendBoxSend: JSX.Element;
+    SendBoxSendHovered: JSX.Element;
+    VideoTileMicOff: JSX.Element;
+    EditBoxCancel: JSX.Element;
+    EditBoxSubmit: JSX.Element;
+    MessageEdit: JSX.Element;
+    MessageRemove: JSX.Element;
+};
+export declare type CompositeIcons = ComponentIcons & Record<keyof typeof COMPOSITE_ONLY_ICONS, JSX.Element>;
+export declare type ChatCompositeIcons = Pick<CompositeIcons, 'MessageDelivered' | 'MessageFailed' | 'MessageSeen' | 'MessageSending' | 'MessageEdit' | 'MessageRemove' | 'ParticipantItemOptions' | 'ParticipantItemOptionsHovered' | 'SendBoxSend' | 'SendBoxSendHovered' | 'EditBoxCancel' | 'EditBoxSubmit'>;
+export declare type CallCompositeIcons = Pick<CompositeIcons, 'ControlButtonCameraOff' | 'ControlButtonCameraOn' | 'ControlButtonEndCall' | 'ControlButtonMicOff' | 'ControlButtonMicOn' | 'ControlButtonOptions' | 'ControlButtonParticipants' | 'ControlButtonScreenShareStart' | 'ControlButtonScreenShareStop' | 'OptionsCamera' | 'OptionsMic' | 'OptionsSpeaker' | 'ParticipantItemScreenShareStart' | 'ParticipantItemMicOff' | 'ParticipantItemOptions' | 'ParticipantItemOptionsHovered' | 'VideoTileMicOff'>;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/icons.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,cAAc,EAA2B,yCAAmC;AAGrF;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;CAOhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGnC,CAAC;AAEF,oBAAY,cAAc,GAAG,cAAc,GAAG,MAAM,CAAC,MAAM,OAAO,oBAAoB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AAErG,oBAAY,kBAAkB,GAAG,IAAI,CACnC,cAAc,EACZ,kBAAkB,GAClB,eAAe,GACf,aAAa,GACb,gBAAgB,GAChB,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,+BAA+B,GAC/B,aAAa,GACb,oBAAoB,GACpB,eAAe,GACf,eAAe,CAClB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,IAAI,CACnC,cAAc,EACZ,wBAAwB,GACxB,uBAAuB,GACvB,sBAAsB,GACtB,qBAAqB,GACrB,oBAAoB,GACpB,sBAAsB,GACtB,2BAA2B,GAC3B,+BAA+B,GAC/B,8BAA8B,GAC9B,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,iCAAiC,GACjC,uBAAuB,GACvB,wBAAwB,GACxB,+BAA+B,GAC/B,iBAAiB,CACpB,CAAC"}

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

@@ -0,0 +1,21 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { MicOn20Filled, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Filled, Video20Filled, VideoOff20Filled } from '@fluentui/react-icons';
+import { DEFAULT_COMPONENT_ICONS } from "../../../../react-components/src";
+import React from 'react';
+/**
+ * These icons are composite specific and not being used inside components.
+ */
+export const COMPOSITE_ONLY_ICONS = {
+    LocalDeviceSettingsCamera: React.createElement(Video20Filled, null),
+    LocalDeviceSettingsMic: React.createElement(MicOn20Filled, null),
+    LocalDeviceSettingsSpeaker: React.createElement(Speaker220Filled, null),
+    LocalPreviewPlaceholder: React.createElement(VideoOff20Filled, null),
+    ScreenSharePopupPresenting: React.createElement(ShareScreenStart20Filled, null),
+    ScreenSharePopupStopPresenting: React.createElement(ShareScreenStop20Filled, null)
+};
+/**
+ * The default set of icons that are available to used in the Composites.
+ */
+export const DEFAULT_COMPOSITE_ICONS = Object.assign(Object.assign({}, DEFAULT_COMPONENT_ICONS), COMPOSITE_ONLY_ICONS);
+//# sourceMappingURL=icons.js.map