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

package/dist/dist-esm/communication-react/src/index.js

@@ -1,8 +1,24 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
+/**
+ * `@azure/communication-react` is an npm package that exports the functionality of the Azure Communication Services - UI Library.
+ *
+ * This package makes it easy for you to build modern communications user experiences using Azure Communication Services. It gives you a library of production-ready UI components that you can drop into your applications:
+ *   - Composites: These components are turn-key solutions that implement common communication scenarios. You can quickly add video calling or chat experiences to your applications. Composites are open-source higher order components built using UI components.
+ *   - UI Components - These components are open-source building blocks that let you build custom communications experience. Components are offered for both calling and chat capabilities that can be combined to build experiences.
+ *
+ * These UI client libraries all use Microsoft's Fluent design language and assets. Fluent UI provides a foundational layer for the UI Library and is actively used across Microsoft products.
+ *
+ * In conjunction with the UI components, the UI Library exposes a stateful client library for calling and chat. This client is agnostic to any specific state management framework and can be integrated with common state managers like Redux or React Context.
+ * This stateful client library can be used with the UI Components to pass props and methods for the UI Components to render data. For more information, see Stateful Client Overview.
+ *
+ * For more information visit: https://aka.ms/acsstorybook
+ *
+ * @packageDocumentation
+ */
 export { fromFlatCommunicationIdentifier, toFlatCommunicationIdentifier } from '../../acs-ui-common/src';
-export { CallClientProvider, CallAgentProvider, CallProvider, useCallClient, useCallAgent, useCall, useDeviceManager, getCallingSelector, screenShareButtonSelector, cameraButtonSelector, videoGallerySelector, optionsButtonSelector, emptySelector, errorBarSelector as callErrorBarSelector, participantListSelector, microphoneButtonSelector, participantsButtonSelector, createDefaultCallingHandlers } from '../../calling-component-bindings/src';
-export { ChatClientProvider, ChatThreadClientProvider, useChatClient, useChatThreadClient, getChatSelector, messageThreadSelector, chatParticipantListSelector, sendBoxSelector, typingIndicatorSelector, errorBarSelector as chatErrorBarSelector, createDefaultChatHandlers } from '../../chat-component-bindings/src';
+export { CallClientProvider, CallAgentProvider, CallProvider, useCallClient, useCallAgent, useCall, useDeviceManager, getCallingSelector, createDefaultCallingHandlers } from '../../calling-component-bindings/src';
+export { ChatClientProvider, ChatThreadClientProvider, useChatClient, useChatThreadClient, getChatSelector, createDefaultChatHandlers } from '../../chat-component-bindings/src';
 export * from '../../calling-stateful-client/src';
 export * from '../../chat-stateful-client/src';
 export * from '../../react-components/src';

package/dist/dist-esm/communication-react/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,+BAA+B,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AA2BzG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,yBAAyB,EACzB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,gBAAgB,IAAI,oBAAoB,EACxC,uBAAuB,EACvB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,2BAA2B,EAC3B,eAAe,EACf,uBAAuB,EACvB,gBAAgB,IAAI,oBAAoB,EACxC,yBAAyB,EAC1B,MAAM,mCAAmC,CAAC;AAE3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,+BAA+B,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AA2BzG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,4BAA4B,EAC7B,MAAM,sCAAsC,CAAC;AAc9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,yBAAyB,EAC1B,MAAM,mCAAmC,CAAC;AAU3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC"}

package/dist/dist-esm/communication-react/src/mergedHooks.d.ts

@@ -4,10 +4,63 @@ import { ChatHandlers, GetChatSelector } from "../../chat-component-bindings/src
 import { ChatClientState } from "../../chat-stateful-client/src";
 import { CallClientState } from "../../calling-stateful-client/src";
 import { Common } from "../../acs-ui-common/src";
+/**
+ * Centralized state for {@link @azure/communication-calling#CallClient} or {@link @azure/communication-chat#ChatClient}.
+ *
+ * See also: {@link CallClientState}, {@link ChatClientState}.
+ * @public
+ */
 export declare type ClientState = CallClientState & ChatClientState;
+/**
+ * An optimized selector that refines {@link ClientState} updates into props for React Components in this library.
+ *
+ * @public
+ */
 export declare type Selector = (state: ClientState, props: any) => any;
+/**
+ * Hook to obtain a selector for a specified component.
+ *
+ * Useful when implementing a custom component that utilizes the providers
+ * exported from this library.
+ *
+ * @public
+ */
 export declare const useSelector: <ParamT extends Selector | undefined>(selector: ParamT, selectorProps?: (ParamT extends Selector ? Parameters<ParamT>[1] : undefined) | undefined, type?: "chat" | "calling" | undefined) => ParamT extends Selector ? ReturnType<ParamT> : undefined;
+/**
+ * Helper type for {@link usePropsFor}.
+ *
+ * @public
+ */
 export declare type ChatReturnProps<Component extends (props: any) => JSX.Element> = GetChatSelector<Component> extends (state: ChatClientState, props: any) => any ? ReturnType<GetChatSelector<Component>> & Common<ChatHandlers, Parameters<Component>[0]> : never;
+/**
+ * Helper type for {@link usePropsFor}.
+ *
+ * @public
+ */
 export declare type CallingReturnProps<Component extends (props: any) => JSX.Element> = GetCallingSelector<Component> extends (state: CallClientState, props: any) => any ? ReturnType<GetCallingSelector<Component>> & Common<CallingHandlers, Parameters<Component>[0]> : never;
-export declare const usePropsFor: <Component extends (props: any) => JSX.Element>(component: Component, type?: "chat" | "calling" | undefined) => ChatReturnProps<Component> extends never ? CallingReturnProps<Component> extends never ? undefined : CallingReturnProps<Component> : ChatReturnProps<Component>;
+/**
+ * Helper type for {@link usePropsFor}.
+ *
+ * @public
+ */
+export declare type ComponentProps<Component extends (props: any) => JSX.Element> = ChatReturnProps<Component> extends never ? CallingReturnProps<Component> extends never ? undefined : CallingReturnProps<Component> : ChatReturnProps<Component>;
+/**
+ * Primary hook to get all hooks necessary for a React Component from this library..
+ *
+ * Most straightforward usage of a components looks like:
+ *
+ * @example
+ * ```
+ *     import { ParticipantList, usePropsFor } from '@azure/communication-react';
+ *
+ *     const App = (): JSX.Element => {
+ *         // ... code to setup Providers ...
+ *
+ *         return <ParticipantList {...usePropsFor(ParticipantList)}/>
+ *     }
+ * ```
+ *
+ * @public
+ */
+export declare const usePropsFor: <Component extends (props: any) => JSX.Element>(component: Component, type?: "chat" | "calling" | undefined) => ComponentProps<Component>;
 //# sourceMappingURL=mergedHooks.d.ts.map

package/dist/dist-esm/communication-react/src/mergedHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergedHooks.d.ts","sourceRoot":"","sources":["../../../../src/mergedHooks.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,eAAe,EAEf,kBAAkB,EAGnB,6CAA6C;AAC9C,OAAO,EACL,YAAY,EAEZ,eAAe,EAGhB,0CAA0C;AAC3C,OAAO,EAAE,eAAe,EAAE,uCAAuC;AACjE,OAAO,EAAE,eAAe,EAAE,0CAA0C;AACpE,OAAO,EAAE,MAAM,EAAE,gCAAgC;AAEjD,oBAAY,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAC5D,oBAAY,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;AAK/D,eAAO,MAAM,WAAW,uPAUvB,CAAC;AAEF,oBAAY,eAAe,CAAC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,OAAO,IAAI,eAAe,CAAC,SAAS,CAAC,SAAS,CAC9G,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,GAAG,KACP,GAAG,GACJ,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GACvF,KAAK,CAAC;AAEV,oBAAY,kBAAkB,CAAC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,OAAO,IAAI,kBAAkB,CAAC,SAAS,CAAC,SAAS,CACpH,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,GAAG,KACP,GAAG,GACJ,UAAU,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,eAAe,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAC7F,KAAK,CAAC;AAEV,eAAO,MAAM,WAAW,6BAA8B,GAAG,KAAK,WAAW,iOA8BxE,CAAC"}
+{"version":3,"file":"mergedHooks.d.ts","sourceRoot":"","sources":["../../../../src/mergedHooks.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,eAAe,EAEf,kBAAkB,EAGnB,6CAA6C;AAC9C,OAAO,EACL,YAAY,EAEZ,eAAe,EAGhB,0CAA0C;AAC3C,OAAO,EAAE,eAAe,EAAE,uCAAuC;AACjE,OAAO,EAAE,eAAe,EAAE,0CAA0C;AACpE,OAAO,EAAE,MAAM,EAAE,gCAAgC;AAEjD;;;;;GAKG;AACH,oBAAY,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAE5D;;;;GAIG;AACH,oBAAY,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;AAE/D;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,uPAavB,CAAC;AAEF;;;;GAIG;AACH,oBAAY,eAAe,CAAC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,OAAO,IAAI,eAAe,CAAC,SAAS,CAAC,SAAS,CAC9G,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,GAAG,KACP,GAAG,GACJ,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GACvF,KAAK,CAAC;AAEV;;;;GAIG;AACH,oBAAY,kBAAkB,CAAC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,OAAO,IAAI,kBAAkB,CAAC,SAAS,CAAC,SAAS,CACpH,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,GAAG,KACP,GAAG,GACJ,UAAU,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,eAAe,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAC7F,KAAK,CAAC;AAEV;;;;GAIG;AACH,oBAAY,cAAc,CAAC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,OAAO,IAAI,eAAe,CAAC,SAAS,CAAC,SAAS,KAAK,GAChH,kBAAkB,CAAC,SAAS,CAAC,SAAS,KAAK,GACzC,SAAS,GACT,kBAAkB,CAAC,SAAS,CAAC,GAC/B,eAAe,CAAC,SAAS,CAAC,CAAC;AAE/B;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,WAAW,6BAA8B,GAAG,KAAK,WAAW,2FA0BxE,CAAC"}

package/dist/dist-esm/communication-react/src/mergedHooks.js

@@ -2,16 +2,42 @@
 // Licensed under the MIT license.
 import { getCallingSelector, useCallingHandlers, useCallingSelector } from "../../calling-component-bindings/src";
 import { getChatSelector, useChatHandlers, useChatSelector } from "../../chat-component-bindings/src";
-// Because of react hooks rules, hooks can't be conditionally called
-// We call both call and chat hooks and detect current context
-// Return undefined and skip execution when not in that context
+/**
+ * Hook to obtain a selector for a specified component.
+ *
+ * Useful when implementing a custom component that utilizes the providers
+ * exported from this library.
+ *
+ * @public
+ */
 export const useSelector = (selector, selectorProps, type) => {
+    // Because of react hooks rules, hooks can't be conditionally called
+    // We call both call and chat hooks and detect current context
+    // Return undefined and skip execution when not in that context
     const callingMode = !type || type === 'calling';
     const chatMode = !type || type === 'chat';
     const callProps = useCallingSelector(callingMode ? selector : undefined, selectorProps);
     const chatProps = useChatSelector(chatMode ? selector : undefined, selectorProps);
     return callProps !== null && callProps !== void 0 ? callProps : chatProps;
 };
+/**
+ * Primary hook to get all hooks necessary for a React Component from this library..
+ *
+ * Most straightforward usage of a components looks like:
+ *
+ * @example
+ * ```
+ *     import { ParticipantList, usePropsFor } from '@azure/communication-react';
+ *
+ *     const App = (): JSX.Element => {
+ *         // ... code to setup Providers ...
+ *
+ *         return <ParticipantList {...usePropsFor(ParticipantList)}/>
+ *     }
+ * ```
+ *
+ * @public
+ */
 export const usePropsFor = (component, type) => {
     const callingSelector = type === 'calling' || !type ? getCallingSelector(component) : undefined;
     const chatSelector = type === 'chat' || !type ? getChatSelector(component) : undefined;

package/dist/dist-esm/communication-react/src/mergedHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergedHooks.js","sourceRoot":"","sources":["../../../../src/mergedHooks.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAEL,kBAAkB,EAElB,kBAAkB,EAClB,kBAAkB,EACnB,6CAA6C;AAC9C,OAAO,EAEL,eAAe,EAEf,eAAe,EACf,eAAe,EAChB,0CAA0C;AAQ3C,oEAAoE;AACpE,8DAA8D;AAC9D,+DAA+D;AAC/D,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,QAAgB,EAChB,aAA2E,EAC3E,IAAyB,EACiC,EAAE;IAC5D,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC;IAChD,MAAM,QAAQ,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,MAAM,CAAC;IAC1C,MAAM,SAAS,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAE,QAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjG,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAE,QAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC3F,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;AAChC,CAAC,CAAC;AAgBF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAAoB,EACpB,IAAyB,EAKI,EAAE;IAC/B,MAAM,eAAe,GAAG,IAAI,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,MAAM,YAAY,GAAG,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACvF,MAAM,SAAS,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,kBAAkB,CAA2B,SAAS,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,eAAe,CAA2B,SAAS,CAAC,CAAC;IAE1E,IAAI,SAAS,EAAE;QACb,IAAI,CAAC,YAAY,EAAE;YACjB,MAAM,0DAA0D,CAAC;SAClE;QACD,OAAO,gCAAK,SAAS,GAAK,YAAY,CAAS,CAAC;KACjD;IAED,IAAI,SAAS,EAAE;QACb,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,qCAAqC,CAAC;SAC7C;QACD,OAAO,gCAAK,SAAS,GAAK,eAAe,CAAS,CAAC;KACpD;IAED,MAAM,iJAAiJ,CAAC;AAC1J,CAAC,CAAC"}
+{"version":3,"file":"mergedHooks.js","sourceRoot":"","sources":["../../../../src/mergedHooks.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAEL,kBAAkB,EAElB,kBAAkB,EAClB,kBAAkB,EACnB,6CAA6C;AAC9C,OAAO,EAEL,eAAe,EAEf,eAAe,EACf,eAAe,EAChB,0CAA0C;AAoB3C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,QAAgB,EAChB,aAA2E,EAC3E,IAAyB,EACiC,EAAE;IAC5D,oEAAoE;IACpE,8DAA8D;IAC9D,+DAA+D;IAC/D,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS,CAAC;IAChD,MAAM,QAAQ,GAAG,CAAC,IAAI,IAAI,IAAI,KAAK,MAAM,CAAC;IAC1C,MAAM,SAAS,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAE,QAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjG,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAE,QAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC3F,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;AAChC,CAAC,CAAC;AAqCF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAAoB,EACpB,IAAyB,EACE,EAAE;IAC7B,MAAM,eAAe,GAAG,IAAI,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,MAAM,YAAY,GAAG,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACvF,MAAM,SAAS,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,kBAAkB,CAA2B,SAAS,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,eAAe,CAA2B,SAAS,CAAC,CAAC;IAE1E,IAAI,SAAS,EAAE;QACb,IAAI,CAAC,YAAY,EAAE;YACjB,MAAM,0DAA0D,CAAC;SAClE;QACD,OAAO,gCAAK,SAAS,GAAK,YAAY,CAAS,CAAC;KACjD;IAED,IAAI,SAAS,EAAE;QACb,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,qCAAqC,CAAC;SAC7C;QACD,OAAO,gCAAK,SAAS,GAAK,eAAe,CAAS,CAAC;KACpD;IAED,MAAM,iJAAiJ,CAAC;AAC1J,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/CameraButton.d.ts

@@ -2,16 +2,26 @@
 import { VideoStreamOptions } from '../types';
 import { ControlBarButtonProps } from './ControlBarButton';
 /**
- * Strings of CameraButton that can be overridden
+ * Strings of CameraButton that can be overridden.
+ *
+ * @public
  */
 export interface CameraButtonStrings {
     /** Label when button is on. */
     onLabel: string;
     /** Label when button is off. */
     offLabel: string;
+    /** Tooltip content when the button is disabled. */
+    tooltipDisabledContent?: string;
+    /** Tooltip content when the button is on. */
+    tooltipOnContent?: string;
+    /** Tooltip content when the button is off. */
+    tooltipOffContent?: string;
 }
 /**
- * Props for CameraButton component
+ * Props for {@link CameraButton} component.
+ *
+ * @public
  */
 export interface CameraButtonProps extends ControlBarButtonProps {
     /**
@@ -22,17 +32,18 @@ export interface CameraButtonProps extends ControlBarButtonProps {
     /**
      * Options for rendering local video view.
      */
-    localVideoViewOption?: VideoStreamOptions;
+    localVideoViewOptions?: VideoStreamOptions;
     /**
      * Optional strings to override in component
      */
     strings?: Partial<CameraButtonStrings>;
 }
 /**
- * `CameraButton` allows you to easily create a component for rendering a camera button.
- * It can be used in your ControlBar component for example.
+ * A button to turn camera on / off.
+ *
+ * Can be used with {@link ControlBar}.
  *
- * @param props - of type CameraButtonProps
+ * @public
  */
 export declare const CameraButton: (props: CameraButtonProps) => JSX.Element;
 //# sourceMappingURL=CameraButton.d.ts.map

package/dist/dist-esm/react-components/src/components/CameraButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraButton.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/CameraButton.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAO7E;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjE;;OAEG;IACH,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACxC;AAKD;;;;;GAKG;AACH,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WA2BvD,CAAC"}
+{"version":3,"file":"CameraButton.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/components/CameraButton.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAO7E;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjE;;OAEG;IACH,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACxC;AAKD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WA8BvD,CAAC"}

package/dist/dist-esm/react-components/src/components/CameraButton.js

@@ -13,21 +13,22 @@ import { Icon } from '@fluentui/react';
 import React, { useCallback, useState } from 'react';
 import { useLocale } from '../localization';
 import { ControlBarButton } from './ControlBarButton';
-const defaultLocalVideoViewOption = {
+const defaultLocalVideoViewOptions = {
     scalingMode: 'Crop',
     isMirrored: true
 };
 const onRenderCameraOnIcon = () => React.createElement(Icon, { iconName: "ControlButtonCameraOn" });
 const onRenderCameraOffIcon = () => React.createElement(Icon, { iconName: "ControlButtonCameraOff" });
 /**
- * `CameraButton` allows you to easily create a component for rendering a camera button.
- * It can be used in your ControlBar component for example.
+ * A button to turn camera on / off.
  *
- * @param props - of type CameraButtonProps
+ * Can be used with {@link ControlBar}.
+ *
+ * @public
  */
 export const CameraButton = (props) => {
     var _a, _b, _c;
-    const { localVideoViewOption, onToggleCamera } = props;
+    const { localVideoViewOptions, onToggleCamera } = props;
     const [waitForCamera, setWaitForCamera] = useState(false);
     const localeStrings = useLocale().strings.cameraButton;
     const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
@@ -35,10 +36,14 @@ export const CameraButton = (props) => {
         // Throttle click on camera, need to await onToggleCamera then allow another click
         if (onToggleCamera) {
             setWaitForCamera(true);
-            yield onToggleCamera(localVideoViewOption !== null && localVideoViewOption !== void 0 ? localVideoViewOption : defaultLocalVideoViewOption);
-            setWaitForCamera(false);
+            try {
+                yield onToggleCamera(localVideoViewOptions !== null && localVideoViewOptions !== void 0 ? localVideoViewOptions : defaultLocalVideoViewOptions);
+            }
+            finally {
+                setWaitForCamera(false);
+            }
         }
-    }), [localVideoViewOption, onToggleCamera]);
+    }), [localVideoViewOptions, onToggleCamera]);
     return (React.createElement(ControlBarButton, Object.assign({}, props, { disabled: props.disabled || waitForCamera, onClick: onToggleCamera ? onToggleClick : props.onClick, onRenderOnIcon: (_a = props.onRenderOnIcon) !== null && _a !== void 0 ? _a : onRenderCameraOnIcon, onRenderOffIcon: (_b = props.onRenderOffIcon) !== null && _b !== void 0 ? _b : onRenderCameraOffIcon, strings: strings, labelKey: (_c = props.labelKey) !== null && _c !== void 0 ? _c : 'cameraButtonLabel' })));
 };
 //# sourceMappingURL=CameraButton.js.map

package/dist/dist-esm/react-components/src/components/CameraButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CameraButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/CameraButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAE7E,MAAM,2BAA2B,GAAG;IAClC,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,IAAI;CACK,CAAC;AAiCxB,MAAM,oBAAoB,GAAG,GAAgB,EAAE,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAC,uBAAuB,GAAG,CAAC;AAC1F,MAAM,qBAAqB,GAAG,GAAgB,EAAE,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAC,wBAAwB,GAAG,CAAC;AAE5F;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;;IACpE,MAAM,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC;IACvD,MAAM,OAAO,mCAAQ,aAAa,GAAK,KAAK,CAAC,OAAO,CAAE,CAAC;IAEvD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QAC3C,kFAAkF;QAClF,IAAI,cAAc,EAAE;YAClB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,MAAM,cAAc,CAAC,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,2BAA2B,CAAC,CAAC;YAC1E,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,CAAA,EAAE,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,aAAa,EACzC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EACvD,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,oBAAoB,EAC5D,eAAe,EAAE,MAAA,KAAK,CAAC,eAAe,mCAAI,qBAAqB,EAC/D,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,mBAAmB,IAC/C,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CameraButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/CameraButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAE7E,MAAM,4BAA4B,GAAG;IACnC,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,IAAI;CACK,CAAC;AA2CxB,MAAM,oBAAoB,GAAG,GAAgB,EAAE,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAC,uBAAuB,GAAG,CAAC;AAC1F,MAAM,qBAAqB,GAAG,GAAgB,EAAE,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAC,wBAAwB,GAAG,CAAC;AAE5F;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;;IACpE,MAAM,EAAE,qBAAqB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC;IACvD,MAAM,OAAO,mCAAQ,aAAa,GAAK,KAAK,CAAC,OAAO,CAAE,CAAC;IAEvD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QAC3C,kFAAkF;QAClF,IAAI,cAAc,EAAE;YAClB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,IAAI;gBACF,MAAM,cAAc,CAAC,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,4BAA4B,CAAC,CAAC;aAC7E;oBAAS;gBACR,gBAAgB,CAAC,KAAK,CAAC,CAAC;aACzB;SACF;IACH,CAAC,CAAA,EAAE,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,gBAAgB,oBACX,KAAK,IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,aAAa,EACzC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EACvD,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,oBAAoB,EAC5D,eAAe,EAAE,MAAA,KAAK,CAAC,eAAe,mCAAI,qBAAqB,EAC/D,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,mBAAmB,IAC/C,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.d.ts

@@ -0,0 +1,23 @@
+import { Theme } from '@fluentui/react';
+import { MenuProps } from '@fluentui/react-northstar';
+import React from 'react';
+/** @private */
+export declare type ChatMessageActionMenuProps = MenuProps & {
+    showActionMenu?: boolean | undefined;
+};
+/**
+ * Props for the Chat.Message action menu.
+ * This is the 3 dots that appear when hovering over one of your own chat messages.
+ *
+ * @private
+ */
+export declare const chatMessageActionMenuProps: (menuProps: {
+    /** Whether the action menu button is enabled, if not this will always return undefined */
+    enabled: boolean;
+    /** Whether to force showing the action menu button - this has no effect if the action menu button is not enabled */
+    forceShow: boolean;
+    menuButtonRef: React.MutableRefObject<HTMLElement | null>;
+    onActionButtonClick: () => void;
+    theme: Theme;
+}) => ChatMessageActionMenuProps | undefined;
+//# sourceMappingURL=ChatMessageActionMenu.d.ts.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageActionMenu.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/ChatMessageActionMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAY,SAAS,EAAO,MAAM,2BAA2B,CAAC;AAErE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAe;AACf,oBAAY,0BAA0B,GAAG,SAAS,GAAG;IACnD,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,cAAe;IACpD,0FAA0F;IAC1F,OAAO,EAAE,OAAO,CAAC;IACjB,oHAAoH;IACpH,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1D,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;CACd,KAAG,0BAA0B,GAAG,SAmChC,CAAC"}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.js

@@ -0,0 +1,39 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { mergeStyles } from '@fluentui/react';
+import { MoreIcon, Ref } from '@fluentui/react-northstar';
+import React from 'react';
+import { chatActionsCSS, iconWrapperStyle } from '../styles/ChatMessageComponent.styles';
+/**
+ * Props for the Chat.Message action menu.
+ * This is the 3 dots that appear when hovering over one of your own chat messages.
+ *
+ * @private
+ */
+export const chatMessageActionMenuProps = (menuProps) => {
+    if (!menuProps.enabled) {
+        return undefined;
+    }
+    const menuClass = mergeStyles(chatActionsCSS, {
+        'ul&': { boxShadow: menuProps.theme.effects.elevation4, backgroundColor: menuProps.theme.palette.white }
+    });
+    const actionMenuProps = {
+        showActionMenu: menuProps.forceShow === true ? true : undefined,
+        iconOnly: true,
+        activeIndex: -1,
+        className: menuClass,
+        onItemClick: () => menuProps.onActionButtonClick(),
+        items: [
+            {
+                children: (React.createElement(Ref, { innerRef: menuProps.menuButtonRef },
+                    React.createElement(MoreIcon, Object.assign({ className: iconWrapperStyle }, {
+                        outline: true
+                    })))),
+                key: 'menuButton',
+                indicator: false
+            }
+        ]
+    };
+    return actionMenuProps;
+};
+//# sourceMappingURL=ChatMessageActionMenu.js.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageActionMenu.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/ChatMessageActionMenu.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAS,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAa,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAOzF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,SAQ1C,EAA0C,EAAE;IAC3C,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,SAAS,GAAG,WAAW,CAAC,cAAc,EAAE;QAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE;KACzG,CAAC,CAAC;IAEH,MAAM,eAAe,GAA+B;QAClD,cAAc,EAAE,SAAS,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAC/D,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,CAAC,CAAC;QACf,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,EAAE;QAClD,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,CACR,oBAAC,GAAG,IAAC,QAAQ,EAAE,SAAS,CAAC,aAAa;oBACpC,oBAAC,QAAQ,kBACP,SAAS,EAAE,gBAAgB,IACvB;wBACF,OAAO,EAAE,IAAI;qBACd,EACD,CACE,CACP;gBAED,GAAG,EAAE,YAAY;gBACjB,SAAS,EAAE,KAAK;aACjB;SACF;KACF,CAAC;IAEF,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionsFlyout.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Target } from '@fluentui/react';
+import { MessageThreadStrings } from '../MessageThread';
+/** @private */
+export interface ChatMessageActionFlyoutProps {
+    target?: Target;
+    hidden: boolean;
+    strings: MessageThreadStrings;
+    onEditClick?: () => void;
+    onRemoveClick?: () => void;
+    onDismiss: () => void;
+    /**
+     * Increase the height of the flyout items.
+     * Recommended when interacting with the chat message using touch.
+     */
+    increaseFlyoutItemSize: boolean;
+}
+/**
+ * Chat message actions flyout that contains actions such as Edit Message, or Remove Message.
+ *
+ * @private
+ */
+export declare const ChatMessageActionFlyout: (props: ChatMessageActionFlyoutProps) => JSX.Element;
+//# sourceMappingURL=ChatMessageActionsFlyout.d.ts.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionsFlyout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageActionsFlyout.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/ChatMessageActionsFlyout.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAwD,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAG/F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAOxD,eAAe;AACf,MAAM,WAAW,4BAA4B;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,UAAW,4BAA4B,KAAG,WA4C7E,CAAC"}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionsFlyout.js

@@ -0,0 +1,40 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { ContextualMenu, DirectionalHint } from '@fluentui/react';
+import React, { useMemo } from 'react';
+import { chatMessageMenuStyle, menuIconStyleSet, menuItemIncreasedSizeStyles } from '../styles/ChatMessageComponent.styles';
+/**
+ * Chat message actions flyout that contains actions such as Edit Message, or Remove Message.
+ *
+ * @private
+ */
+export const ChatMessageActionFlyout = (props) => {
+    const menuItems = useMemo(() => [
+        {
+            key: 'Edit',
+            text: props.strings.editMessage,
+            itemProps: { styles: props.increaseFlyoutItemSize ? menuItemIncreasedSizeStyles : undefined },
+            iconProps: { iconName: 'MessageEdit', styles: menuIconStyleSet },
+            onClick: props.onEditClick
+        },
+        {
+            key: 'Remove',
+            text: props.strings.removeMessage,
+            itemProps: { styles: props.increaseFlyoutItemSize ? menuItemIncreasedSizeStyles : undefined },
+            iconProps: {
+                iconName: 'MessageRemove',
+                styles: menuIconStyleSet
+            },
+            onClick: props.onRemoveClick
+        }
+    ], [
+        props.increaseFlyoutItemSize,
+        props.onEditClick,
+        props.onRemoveClick,
+        props.strings.editMessage,
+        props.strings.removeMessage
+    ]);
+    // gap space uses pixels
+    return (React.createElement(ContextualMenu, { alignTargetEdge: true, gapSpace: 5 /*px*/, isBeakVisible: false, items: menuItems, hidden: props.hidden, target: props.target, onDismiss: props.onDismiss, directionalHint: DirectionalHint.topRightEdge, className: chatMessageMenuStyle }));
+};
+//# sourceMappingURL=ChatMessageActionsFlyout.js.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageActionsFlyout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageActionsFlyout.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/ChatMessageActionsFlyout.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,cAAc,EAAE,eAAe,EAA+B,MAAM,iBAAiB,CAAC;AAE/F,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,2BAA2B,EAC5B,MAAM,uCAAuC,CAAC;AAiB/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAe,EAAE;IAC1F,MAAM,SAAS,GAAG,OAAO,CACvB,GAA0B,EAAE,CAAC;QAC3B;YACE,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;YAC/B,SAAS,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,EAAE;YAC7F,SAAS,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE;YAChE,OAAO,EAAE,KAAK,CAAC,WAAW;SAC3B;QACD;YACE,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa;YACjC,SAAS,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,EAAE;YAC7F,SAAS,EAAE;gBACT,QAAQ,EAAE,eAAe;gBACzB,MAAM,EAAE,gBAAgB;aACzB;YACD,OAAO,EAAE,KAAK,CAAC,aAAa;SAC7B;KACF,EACD;QACE,KAAK,CAAC,sBAAsB;QAC5B,KAAK,CAAC,WAAW;QACjB,KAAK,CAAC,aAAa;QACnB,KAAK,CAAC,OAAO,CAAC,WAAW;QACzB,KAAK,CAAC,OAAO,CAAC,aAAa;KAC5B,CACF,CAAC;IAEF,wBAAwB;IACxB,OAAO,CACL,oBAAC,cAAc,IACb,eAAe,EAAE,IAAI,EACrB,QAAQ,EAAE,CAAC,CAAC,MAAM,EAClB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,eAAe,CAAC,YAAY,EAC7C,SAAS,EAAE,oBAAoB,GAC/B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ComponentSlotStyle } from '@fluentui/react-northstar';
+import { MessageThreadStrings } from '../MessageThread';
+import { ChatMessage } from '../../types';
+declare type ChatMessageComponentProps = {
+    message: ChatMessage;
+    messageContainerStyle?: ComponentSlotStyle;
+    showDate?: boolean;
+    disableEditing?: boolean;
+    onUpdateMessage?: (messageId: string, content: string) => Promise<void>;
+    onDeleteMessage?: (messageId: string) => Promise<void>;
+    strings: MessageThreadStrings;
+    /**
+     * Inline the accept and reject edit buttons when editing a message.
+     * Setting to false will mean they are on a new line inside the editable chat message.
+     */
+    inlineAcceptRejectEditButtons: boolean;
+};
+/**
+ * @private
+ */
+export declare const ChatMessageComponent: (props: ChatMessageComponentProps) => JSX.Element;
+export {};
+//# sourceMappingURL=ChatMessageComponent.d.ts.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageComponent.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/ChatMessageComponent.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,aAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,OAAO,EAAE,oBAAoB,CAAC;IAC9B;;;OAGG;IACH,6BAA6B,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,KAAG,WAkCvE,CAAC"}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.js

@@ -0,0 +1,45 @@
+// 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 React, { useCallback, useState } from 'react';
+import { ChatMessageComponentAsEditBox } from './ChatMessageComponentAsEditBox';
+import { ChatMessageComponentAsMessageBubble } from './ChatMessageComponentAsMessageBubble';
+/**
+ * @private
+ */
+export const ChatMessageComponent = (props) => {
+    var _a;
+    const [isEditing, setIsEditing] = useState(false);
+    const onEditClick = useCallback(() => setIsEditing(true), [setIsEditing]);
+    const { onDeleteMessage, message } = props;
+    const onRemoveClick = useCallback(() => {
+        if (onDeleteMessage && message.messageId) {
+            onDeleteMessage(message.messageId);
+        }
+    }, [message.messageId, onDeleteMessage]);
+    if (props.message.messageType !== 'chat') {
+        return React.createElement(React.Fragment, null);
+    }
+    else if (isEditing) {
+        return (React.createElement(ChatMessageComponentAsEditBox, { initialValue: (_a = props.message.content) !== null && _a !== void 0 ? _a : '', inlineEditButtons: props.inlineAcceptRejectEditButtons, strings: props.strings, onSubmit: (text) => __awaiter(void 0, void 0, void 0, function* () {
+                props.onUpdateMessage &&
+                    props.message.messageId &&
+                    (yield props.onUpdateMessage(props.message.messageId, text));
+                setIsEditing(false);
+            }), onCancel: () => {
+                setIsEditing(false);
+            } }));
+    }
+    else {
+        return React.createElement(ChatMessageComponentAsMessageBubble, Object.assign({}, props, { onRemoveClick: onRemoveClick, onEditClick: onEditClick }));
+    }
+};
+//# sourceMappingURL=ChatMessageComponent.js.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageComponent.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/ChatMessageComponent.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAIlC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAGhF,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAiB5F;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;;IACpF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAE1E,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,eAAe,IAAI,OAAO,CAAC,SAAS,EAAE;YACxC,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzC,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;QACxC,OAAO,yCAAK,CAAC;KACd;SAAM,IAAI,SAAS,EAAE;QACpB,OAAO,CACL,oBAAC,6BAA6B,IAC5B,YAAY,EAAE,MAAA,KAAK,CAAC,OAAO,CAAC,OAAO,mCAAI,EAAE,EACzC,iBAAiB,EAAE,KAAK,CAAC,6BAA6B,EACtD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAO,IAAI,EAAE,EAAE;gBACvB,KAAK,CAAC,eAAe;oBACnB,KAAK,CAAC,OAAO,CAAC,SAAS;oBACvB,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;gBAC/D,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,CAAA,EACD,QAAQ,EAAE,GAAG,EAAE;gBACb,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,GACD,CACH,CAAC;KACH;SAAM;QACL,OAAO,oBAAC,mCAAmC,oBAAK,KAAK,IAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,IAAI,CAAC;KACnH;AACH,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { MessageThreadStrings } from '../MessageThread';
+/** @private */
+export declare type ChatMessageComponentAsEditBoxProps = {
+    onCancel?: () => void;
+    onSubmit: (text: string) => void;
+    initialValue: string;
+    strings: MessageThreadStrings;
+    /**
+     * Inline the accept and reject edit buttons when editing a message.
+     * Setting to false will mean they are on a new line inside the editable chat message.
+     */
+    inlineEditButtons: boolean;
+};
+/**
+ * @private
+ */
+export declare const ChatMessageComponentAsEditBox: (props: ChatMessageComponentAsEditBoxProps) => JSX.Element;
+//# sourceMappingURL=ChatMessageComponentAsEditBox.d.ts.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageComponentAsEditBox.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAcxD,eAAe;AACf,oBAAY,kCAAkC,GAAG;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,oBAAoB,CAAC;IAC9B;;;OAGG;IACH,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,UAAW,kCAAkC,KAAG,WAqFzF,CAAC"}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.js

@@ -0,0 +1,64 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { concatStyleSets, Icon, mergeStyles } from '@fluentui/react';
+import { _formatString } from "../../../../acs-ui-common/src";
+import { useTheme } from '../../theming/FluentThemeProvider';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { editBoxStyle, inputBoxIcon, editingButtonStyle, editBoxStyleSet } from '../styles/EditBox.styles';
+import { InputBoxButton, InputBoxComponent } from '../InputBoxComponent';
+const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
+const onRenderCancelIcon = (color) => {
+    const className = mergeStyles(inputBoxIcon, { color });
+    return React.createElement(Icon, { iconName: 'EditBoxCancel', className: className });
+};
+const onRenderSubmitIcon = (color) => {
+    const className = mergeStyles(inputBoxIcon, { color });
+    return React.createElement(Icon, { iconName: 'EditBoxSubmit', className: className });
+};
+/**
+ * @private
+ */
+export const ChatMessageComponentAsEditBox = (props) => {
+    const { onCancel, onSubmit, initialValue, strings } = props;
+    const [textValue, setTextValue] = useState(initialValue);
+    const [textValueOverflow, setTextValueOverflow] = useState(false);
+    const editTextFieldRef = React.useRef(null);
+    const theme = useTheme();
+    useEffect(() => {
+        var _a;
+        (_a = editTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, []);
+    const setText = (event, newValue) => {
+        if (newValue === undefined) {
+            return;
+        }
+        if (newValue.length > MAXIMUM_LENGTH_OF_MESSAGE) {
+            setTextValueOverflow(true);
+        }
+        else {
+            setTextValueOverflow(false);
+        }
+        setTextValue(newValue);
+    };
+    const textTooLongMessage = textValueOverflow
+        ? _formatString(strings.editBoxTextLimit, { limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}` })
+        : undefined;
+    const onRenderThemedCancelIcon = useCallback(() => onRenderCancelIcon(theme.palette.neutralSecondary), [theme.palette.neutralSecondary]);
+    const onRenderThemedSubmitIcon = useCallback(() => onRenderSubmitIcon(theme.palette.neutralSecondary), [theme.palette.neutralSecondary]);
+    const editBoxStyles = useMemo(() => {
+        return concatStyleSets(editBoxStyleSet, { textField: { borderColor: theme.palette.themePrimary } });
+    }, [theme.palette.themePrimary]);
+    return (React.createElement(InputBoxComponent, { inlineChildren: props.inlineEditButtons, id: 'editbox', textFieldRef: editTextFieldRef, inputClassName: editBoxStyle(props.inlineEditButtons), placeholderText: strings.editBoxPlaceholderText, textValue: textValue, onChange: setText, onEnterKeyDown: () => {
+            onSubmit(textValue);
+        }, supportNewline: false, maxLength: MAXIMUM_LENGTH_OF_MESSAGE, errorMessage: textTooLongMessage, styles: editBoxStyles },
+        React.createElement(InputBoxButton, { className: editingButtonStyle, ariaLabel: strings.editBoxCancelButton, onRenderIcon: onRenderThemedCancelIcon, onClick: () => {
+                onCancel && onCancel();
+            }, id: 'dismissIconWrapper' }),
+        React.createElement(InputBoxButton, { className: editingButtonStyle, ariaLabel: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: (e) => {
+                if (!textValueOverflow && textValue !== '') {
+                    onSubmit(textValue);
+                }
+                e.stopPropagation();
+            }, id: 'submitIconWrapper' })));
+};
+//# sourceMappingURL=ChatMessageComponentAsEditBox.js.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageComponentAsEditBox.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/ChatMessageComponentAsEditBox.tsx"],"names":[],"mappings":"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"}