@azure/communication-react 1.14.0-alpha-202402290012 → 1.14.0-beta.1

package/dist/dist-esm/calling-stateful-client/src/PPTLiveSubscriber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PPTLiveSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/PPTLiveSubscriber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAUlC,2CAA2C;AAC3C;;GAEG;AACH,MAAM,OAAO,iBAAiB;IAK5B,YAAY,SAAoB,EAAE,OAAoB,EAAE,OAA2B;QAQ3E,cAAS,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;QAEK,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;QAEM,uBAAkB,GAAG,GAAS,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnF,IAAI,CAAC,gCAAgC,EAAE,CAAC;QAC1C,CAAC,CAAC;QAEM,qCAAgC,GAAG,GAAwB,EAAE;YACnE,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;gBAC3B,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACxF,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;YAC7E,CAAC;QACH,CAAC,CAAA,CAAC;QA1BA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;CAsBF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(ppt-live) */\nimport { PPTLiveCallFeature } from '@azure/communication-calling';\n\n/* @conditional-compile-remove(ppt-live) */\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(ppt-live) */\nimport { CallIdRef } from './CallIdRef';\n\n/* @conditional-compile-remove(ppt-live) */\n/**\n * @private\n */\nexport class PPTLiveSubscriber {\n  private _callIdRef: CallIdRef;\n  private _context: CallContext;\n  private _pptLive: PPTLiveCallFeature;\n\n  constructor(callIdRef: CallIdRef, context: CallContext, pptLive: PPTLiveCallFeature) {\n    this._callIdRef = callIdRef;\n    this._context = context;\n    this._pptLive = pptLive;\n\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._pptLive.on('isActiveChanged', this.isAvailableChanged);\n  };\n\n  public unsubscribe = (): void => {\n    this._pptLive.off('isActiveChanged', this.isAvailableChanged);\n  };\n\n  private isAvailableChanged = (): void => {\n    this._context.setCallPPTLiveActive(this._callIdRef.callId, this._pptLive.isActive);\n    this.checkAndUpdatePPTLiveParticipant();\n  };\n\n  private checkAndUpdatePPTLiveParticipant = async (): Promise<void> => {\n    if (this._pptLive.isActive) {\n      this._context.setCallParticipantPPTLive(this._callIdRef.callId, this._pptLive.target);\n    } else {\n      this._context.setCallParticipantPPTLive(this._callIdRef.callId, undefined);\n    }\n  };\n}\n"]}

package/dist/dist-esm/calling-stateful-client/src/ReactionSubscriber.d.ts

@@ -1,16 +0,0 @@
-import { ReactionCallFeature } from '@azure/communication-calling';
-import { CallContext } from './CallContext';
-import { CallIdRef } from './CallIdRef';
-/**
- * @private
- */
-export declare class ReactionSubscriber {
-    private _callIdRef;
-    private _context;
-    private _reaction;
-    constructor(callIdRef: CallIdRef, context: CallContext, raiseHand: ReactionCallFeature);
-    private subscribe;
-    unsubscribe: () => void;
-    private onReactionEvent;
-}
-//# sourceMappingURL=ReactionSubscriber.d.ts.map

package/dist/dist-esm/calling-stateful-client/src/ReactionSubscriber.js

@@ -1,24 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/**
- * @private
- */
-export class ReactionSubscriber {
-    constructor(callIdRef, context, raiseHand) {
-        this.subscribe = () => {
-            this._reaction.on('reaction', this.onReactionEvent);
-        };
-        this.unsubscribe = () => {
-            this._reaction.off('reaction', this.onReactionEvent);
-        };
-        this.onReactionEvent = (event) => {
-            this._context.setReceivedReactionFromParticipant(this._callIdRef.callId, event.identifier, event.reactionMessage);
-        };
-        this._callIdRef = callIdRef;
-        this._context = context;
-        this._reaction = raiseHand;
-        this.subscribe();
-    }
-}
-//# sourceMappingURL=ReactionSubscriber.js.map

package/dist/dist-esm/calling-stateful-client/src/ReactionSubscriber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/ReactionSubscriber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAQlC,2CAA2C;AAC3C;;GAEG;AACH,MAAM,OAAO,kBAAkB;IAK7B,YAAY,SAAoB,EAAE,OAAoB,EAAE,SAA8B;QAQ9E,cAAS,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACtD,CAAC,CAAC;QAEK,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACvD,CAAC,CAAC;QAEM,oBAAe,GAAG,CAAC,KAAU,EAAQ,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;QACpH,CAAC,CAAC;QAjBA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;CAaF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(reaction) */\nimport { ReactionCallFeature } from '@azure/communication-calling';\n/* @conditional-compile-remove(reaction) */\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(reaction) */\nimport { CallIdRef } from './CallIdRef';\n/* @conditional-compile-remove(reaction) */\n/**\n * @private\n */\nexport class ReactionSubscriber {\n  private _callIdRef: CallIdRef;\n  private _context: CallContext;\n  private _reaction: ReactionCallFeature;\n\n  constructor(callIdRef: CallIdRef, context: CallContext, raiseHand: ReactionCallFeature) {\n    this._callIdRef = callIdRef;\n    this._context = context;\n    this._reaction = raiseHand;\n\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._reaction.on('reaction', this.onReactionEvent);\n  };\n\n  public unsubscribe = (): void => {\n    this._reaction.off('reaction', this.onReactionEvent);\n  };\n\n  private onReactionEvent = (event: any): void => {\n    this._context.setReceivedReactionFromParticipant(this._callIdRef.callId, event.identifier, event.reactionMessage);\n  };\n}\n"]}

package/dist/dist-esm/calling-stateful-client/src/SpotlightSubscriber.d.ts

@@ -1,16 +0,0 @@
-import { SpotlightCallFeature } from '@azure/communication-calling';
-import { CallContext } from './CallContext';
-import { CallIdRef } from './CallIdRef';
-/**
- * @private
- */
-export declare class SpotlightSubscriber {
-    private _callIdRef;
-    private _context;
-    private _spotlightFeature;
-    constructor(callIdRef: CallIdRef, context: CallContext, spotlight: SpotlightCallFeature);
-    private subscribe;
-    unsubscribe: () => void;
-    private spotlightChanged;
-}
-//# sourceMappingURL=SpotlightSubscriber.d.ts.map

package/dist/dist-esm/calling-stateful-client/src/SpotlightSubscriber.js

@@ -1,30 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(spotlight) */
-/**
- * @private
- */
-export class SpotlightSubscriber {
-    constructor(callIdRef, context, spotlight) {
-        this.subscribe = () => {
-            this._spotlightFeature.on('spotlightChanged', this.spotlightChanged);
-        };
-        this.unsubscribe = () => {
-            this._spotlightFeature.off('spotlightChanged', this.spotlightChanged);
-        };
-        this.spotlightChanged = (args) => {
-            this._context.setSpotlight(this._callIdRef.callId, this._spotlightFeature.getSpotlightedParticipants(), this._spotlightFeature.maxParticipantsToSpotlight);
-            for (const addedParticipant of args.added) {
-                this._context.setParticipantSpotlighted(this._callIdRef.callId, addedParticipant);
-            }
-            for (const removedParticipant of args.removed) {
-                this._context.setParticipantNotSpotlighted(this._callIdRef.callId, removedParticipant);
-            }
-        };
-        this._callIdRef = callIdRef;
-        this._context = context;
-        this._spotlightFeature = spotlight;
-        this.subscribe();
-    }
-}
-//# sourceMappingURL=SpotlightSubscriber.js.map

package/dist/dist-esm/calling-stateful-client/src/SpotlightSubscriber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpotlightSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/SpotlightSubscriber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AASlC,4CAA4C;AAC5C;;GAEG;AACH,MAAM,OAAO,mBAAmB;IAK9B,YAAY,SAAoB,EAAE,OAAoB,EAAE,SAA+B;QAQ/E,cAAS,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACvE,CAAC,CAAC;QAEK,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACxE,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,IAA4E,EAAQ,EAAE;YAChH,IAAI,CAAC,QAAQ,CAAC,YAAY,CACxB,IAAI,CAAC,UAAU,CAAC,MAAM,EACtB,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,EAAE,EACnD,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,CAClD,CAAC;YACF,KAAK,MAAM,gBAAgB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBAC1C,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;YACpF,CAAC;YACD,KAAK,MAAM,kBAAkB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBAC9C,IAAI,CAAC,QAAQ,CAAC,4BAA4B,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;YACzF,CAAC;QACH,CAAC,CAAC;QA3BA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;CAuBF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(spotlight) */\nimport { SpotlightCallFeature, SpotlightedParticipant } from '@azure/communication-calling';\n/* @conditional-compile-remove(spotlight) */\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(spotlight) */\nimport { CallIdRef } from './CallIdRef';\n\n/* @conditional-compile-remove(spotlight) */\n/**\n * @private\n */\nexport class SpotlightSubscriber {\n  private _callIdRef: CallIdRef;\n  private _context: CallContext;\n  private _spotlightFeature: SpotlightCallFeature;\n\n  constructor(callIdRef: CallIdRef, context: CallContext, spotlight: SpotlightCallFeature) {\n    this._callIdRef = callIdRef;\n    this._context = context;\n    this._spotlightFeature = spotlight;\n\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._spotlightFeature.on('spotlightChanged', this.spotlightChanged);\n  };\n\n  public unsubscribe = (): void => {\n    this._spotlightFeature.off('spotlightChanged', this.spotlightChanged);\n  };\n\n  private spotlightChanged = (args: { added: SpotlightedParticipant[]; removed: SpotlightedParticipant[] }): void => {\n    this._context.setSpotlight(\n      this._callIdRef.callId,\n      this._spotlightFeature.getSpotlightedParticipants(),\n      this._spotlightFeature.maxParticipantsToSpotlight\n    );\n    for (const addedParticipant of args.added) {\n      this._context.setParticipantSpotlighted(this._callIdRef.callId, addedParticipant);\n    }\n    for (const removedParticipant of args.removed) {\n      this._context.setParticipantNotSpotlighted(this._callIdRef.callId, removedParticipant);\n    }\n  };\n}\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RTEInputBoxComponent.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { BaseCustomStyles } from '../../types';
-import { RichTextEditorComponentRef } from './RichTextEditor';
-import { RichTextSendBoxStrings } from './RTESendBox';
-/**
- * @private
- */
-export interface RTEInputBoxComponentStylesProps extends BaseCustomStyles {
-}
-/**
- * @private
- */
-export interface RTEInputBoxComponentProps {
-    placeholderText?: string;
-    content: string;
-    onChange: (newValue?: string) => void;
-    editorComponentRef: React.RefObject<RichTextEditorComponentRef>;
-    strings: Partial<RichTextSendBoxStrings>;
-}
-/**
- * @private
- */
-export declare const RTEInputBoxComponent: (props: RTEInputBoxComponentProps) => JSX.Element;
-//# sourceMappingURL=RTEInputBoxComponent.d.ts.map

package/dist/dist-esm/react-components/src/components/RTE/RTEInputBoxComponent.js

@@ -1,13 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-import { RichTextEditor } from './RichTextEditor';
-/**
- * @private
- */
-export const RTEInputBoxComponent = (props) => {
-    const { placeholderText, content, onChange, editorComponentRef } = props;
-    return (React.createElement("div", null,
-        React.createElement(RichTextEditor, { content: content, placeholderText: placeholderText, onChange: onChange, ref: editorComponentRef, strings: props.strings })));
-};
-//# sourceMappingURL=RTEInputBoxComponent.js.map

package/dist/dist-esm/react-components/src/components/RTE/RTEInputBoxComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RTEInputBoxComponent.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/RTE/RTEInputBoxComponent.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAA8B,MAAM,kBAAkB,CAAC;AAmB9E;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEzE,OAAO,CACL;QACE,oBAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,kBAAkB,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { BaseCustomStyles } from '../../types';\nimport { RichTextEditor, RichTextEditorComponentRef } from './RichTextEditor';\nimport { RichTextSendBoxStrings } from './RTESendBox';\n\n/**\n * @private\n */\nexport interface RTEInputBoxComponentStylesProps extends BaseCustomStyles {}\n\n/**\n * @private\n */\nexport interface RTEInputBoxComponentProps {\n  placeholderText?: string;\n  content: string;\n  onChange: (newValue?: string) => void;\n  editorComponentRef: React.RefObject<RichTextEditorComponentRef>;\n  strings: Partial<RichTextSendBoxStrings>;\n}\n\n/**\n * @private\n */\nexport const RTEInputBoxComponent = (props: RTEInputBoxComponentProps): JSX.Element => {\n  const { placeholderText, content, onChange, editorComponentRef } = props;\n\n  return (\n    <div>\n      <RichTextEditor\n        content={content}\n        placeholderText={placeholderText}\n        onChange={onChange}\n        ref={editorComponentRef}\n        strings={props.strings}\n      />\n    </div>\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RTERibbonButtons.d.ts

@@ -1,12 +0,0 @@
-import { Theme } from '@fluentui/react';
-import { LocalizedStrings, RibbonButton } from 'roosterjs-react';
-import { RichTextSendBoxStrings } from './RTESendBox';
-/**
- * @private
- */
-export declare const ribbonButtons: (theme: Theme) => RibbonButton<string>[];
-/**
- * @private
- */
-export declare const ribbonButtonsStrings: (strings: Partial<RichTextSendBoxStrings>) => LocalizedStrings<string>;
-//# sourceMappingURL=RTERibbonButtons.d.ts.map

package/dist/dist-esm/react-components/src/components/RTE/RTERibbonButtons.js

@@ -1,86 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { KnownRibbonButtonKey, getButtons } from 'roosterjs-react';
-import { ribbonButtonStyle, ribbonDividerStyle } from '../styles/RichTextEditor.styles';
-const dividerRibbonButton = (theme) => {
-    return {
-        key: 'Divider',
-        iconName: 'RTEDividerIcon',
-        unlocalizedText: '',
-        onClick: () => { },
-        isDisabled: () => true,
-        commandBarProperties: {
-            buttonStyles: ribbonDividerStyle(theme)
-        }
-    };
-};
-const boldButton = (theme) => {
-    return createKnownRibbonButton(KnownRibbonButtonKey.Bold, theme, 'RTEBoldButtonIcon');
-};
-const italicButton = (theme) => {
-    return createKnownRibbonButton(KnownRibbonButtonKey.Italic, theme, 'RTEItalicButtonIcon');
-};
-const underlineButton = (theme) => {
-    return createKnownRibbonButton(KnownRibbonButtonKey.Underline, theme, 'RTEUnderlineButtonIcon');
-};
-const bulletListButton = (theme) => {
-    return createKnownRibbonButton(KnownRibbonButtonKey.BulletedList, theme, 'RTEBulletListButtonIcon');
-};
-const numberListButton = (theme) => {
-    return createKnownRibbonButton(KnownRibbonButtonKey.NumberedList, theme, 'RTEtNumberListButtonIcon');
-};
-const indentIncreaseButton = (theme) => {
-    return createKnownRibbonButton(KnownRibbonButtonKey.IncreaseIndent, theme, 'RTEIndentIncreaseButtonIcon');
-};
-const indentDecreaseButton = (theme) => {
-    return createKnownRibbonButton(KnownRibbonButtonKey.DecreaseIndent, theme, 'RTEIndentDecreaseButtonIcon');
-};
-const createKnownRibbonButton = (key, theme, icon) => {
-    var _a;
-    const buttons = getButtons([key]);
-    if (buttons.length > 0) {
-        const button = buttons[0];
-        // AllButtonStringKeys is a union of all the string keys of all the buttons
-        const result = buttons[0];
-        button.iconName = icon;
-        button.commandBarProperties = Object.assign(Object.assign({}, button.commandBarProperties), { buttonStyles: Object.assign(Object.assign({}, (_a = button.commandBarProperties) === null || _a === void 0 ? void 0 : _a.buttonStyles), ribbonButtonStyle(theme)) });
-        return result;
-    }
-    return undefined;
-};
-/**
- * @private
- */
-export const ribbonButtons = (theme) => {
-    const buttons = [];
-    [
-        boldButton(theme),
-        italicButton(theme),
-        underlineButton(theme),
-        dividerRibbonButton(theme),
-        bulletListButton(theme),
-        numberListButton(theme),
-        indentIncreaseButton(theme),
-        indentDecreaseButton(theme)
-    ].forEach((item) => {
-        if (item !== undefined) {
-            buttons.push(item);
-        }
-    });
-    return buttons;
-};
-/**
- * @private
- */
-export const ribbonButtonsStrings = (strings) => {
-    return {
-        buttonNameBold: strings.boldTooltip,
-        buttonNameItalic: strings.italicTooltip,
-        buttonNameUnderline: strings.underlineTooltip,
-        buttonNameBulletedList: strings.bulletListTooltip,
-        buttonNameNumberedList: strings.numberListTooltip,
-        buttonNameIncreaseIndent: strings.increaseIndentTooltip,
-        buttonNameDecreaseIndent: strings.decreaseIndentTooltip
-    };
-};
-//# sourceMappingURL=RTERibbonButtons.js.map

package/dist/dist-esm/react-components/src/components/RTE/RTERibbonButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RTERibbonButtons.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/RTE/RTERibbonButtons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Theme } from '@fluentui/react';\nimport { KnownRibbonButtonKey, LocalizedStrings, RibbonButton, getButtons } from 'roosterjs-react';\nimport { ribbonButtonStyle, ribbonDividerStyle } from '../styles/RichTextEditor.styles';\nimport { RichTextSendBoxStrings } from './RTESendBox';\n\nconst dividerRibbonButton = (theme: Theme): RibbonButton<string> => {\n  return {\n    key: 'Divider',\n    iconName: 'RTEDividerIcon',\n    unlocalizedText: '',\n    onClick: () => {},\n    isDisabled: () => true,\n    commandBarProperties: {\n      buttonStyles: ribbonDividerStyle(theme)\n    }\n  };\n};\n\nconst boldButton = (theme: Theme): RibbonButton<string> | undefined => {\n  return createKnownRibbonButton(KnownRibbonButtonKey.Bold, theme, 'RTEBoldButtonIcon');\n};\n\nconst italicButton = (theme: Theme): RibbonButton<string> | undefined => {\n  return createKnownRibbonButton(KnownRibbonButtonKey.Italic, theme, 'RTEItalicButtonIcon');\n};\n\nconst underlineButton = (theme: Theme): RibbonButton<string> | undefined => {\n  return createKnownRibbonButton(KnownRibbonButtonKey.Underline, theme, 'RTEUnderlineButtonIcon');\n};\n\nconst bulletListButton = (theme: Theme): RibbonButton<string> | undefined => {\n  return createKnownRibbonButton(KnownRibbonButtonKey.BulletedList, theme, 'RTEBulletListButtonIcon');\n};\n\nconst numberListButton = (theme: Theme): RibbonButton<string> | undefined => {\n  return createKnownRibbonButton(KnownRibbonButtonKey.NumberedList, theme, 'RTEtNumberListButtonIcon');\n};\n\nconst indentIncreaseButton = (theme: Theme): RibbonButton<string> | undefined => {\n  return createKnownRibbonButton(KnownRibbonButtonKey.IncreaseIndent, theme, 'RTEIndentIncreaseButtonIcon');\n};\n\nconst indentDecreaseButton = (theme: Theme): RibbonButton<string> | undefined => {\n  return createKnownRibbonButton(KnownRibbonButtonKey.DecreaseIndent, theme, 'RTEIndentDecreaseButtonIcon');\n};\n\nconst createKnownRibbonButton = (\n  key: KnownRibbonButtonKey,\n  theme: Theme,\n  icon: string\n): RibbonButton<string> | undefined => {\n  const buttons = getButtons([key]);\n  if (buttons.length > 0) {\n    const button = buttons[0];\n    // AllButtonStringKeys is a union of all the string keys of all the buttons\n    const result = buttons[0] as RibbonButton<typeof button.key>;\n    button.iconName = icon;\n    button.commandBarProperties = {\n      ...button.commandBarProperties,\n      buttonStyles: {\n        ...button.commandBarProperties?.buttonStyles,\n        ...ribbonButtonStyle(theme)\n      }\n    };\n    return result;\n  }\n  return undefined;\n};\n\n/**\n * @private\n */\nexport const ribbonButtons = (theme: Theme): RibbonButton<string>[] => {\n  const buttons: RibbonButton<string>[] = [];\n  [\n    boldButton(theme),\n    italicButton(theme),\n    underlineButton(theme),\n    dividerRibbonButton(theme),\n    bulletListButton(theme),\n    numberListButton(theme),\n    indentIncreaseButton(theme),\n    indentDecreaseButton(theme)\n  ].forEach((item) => {\n    if (item !== undefined) {\n      buttons.push(item);\n    }\n  });\n\n  return buttons;\n};\n\n/**\n * @private\n */\nexport const ribbonButtonsStrings = (strings: Partial<RichTextSendBoxStrings>): LocalizedStrings<string> => {\n  return {\n    buttonNameBold: strings.boldTooltip,\n    buttonNameItalic: strings.italicTooltip,\n    buttonNameUnderline: strings.underlineTooltip,\n    buttonNameBulletedList: strings.bulletListTooltip,\n    buttonNameNumberedList: strings.numberListTooltip,\n    buttonNameIncreaseIndent: strings.increaseIndentTooltip,\n    buttonNameDecreaseIndent: strings.decreaseIndentTooltip\n  };\n};\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RTESendBox.d.ts

@@ -1,88 +0,0 @@
-/// <reference types="react" />
-import { SendBoxStrings } from '../SendBox';
-import { ActiveFileUpload } from '../FileUploadCards';
-/**
- * Strings of {@link RichTextSendBox} that can be overridden.
- *
- * @beta
- */
-export interface RichTextSendBoxStrings extends SendBoxStrings {
-    /**
-     * Tooltip text for the bold button.
-     */
-    boldTooltip: string;
-    /**
-     * Tooltip text for the italic button.
-     */
-    italicTooltip: string;
-    /**
-     * Tooltip text for the underline button.
-     */
-    underlineTooltip: string;
-    /**
-     * Tooltip text for the bullet list button.
-     */
-    bulletListTooltip: string;
-    /**
-     * Tooltip text for the number list button.
-     */
-    numberListTooltip: string;
-    /**
-     * Tooltip text for the increase indent button.
-     */
-    increaseIndentTooltip: string;
-    /**
-     * Tooltip text for the decrease indent button.
-     */
-    decreaseIndentTooltip: string;
-}
-/**
- * Props for {@link RichTextSendBox}.
- *
- * @beta
- */
-export interface RichTextSendBoxProps {
-    /**
-     * Optional boolean to disable text box
-     * @defaultValue false
-     */
-    disabled?: boolean;
-    /**
-     * Optional strings to override in component
-     */
-    strings?: Partial<RichTextSendBoxStrings>;
-    /**
-     * Optional text for system message above the text box
-     */
-    systemMessage?: string;
-    /**
-     * Optional callback to render uploaded files in the SendBox. The sendBox will expand
-     * vertically to accommodate the uploaded files. File uploads will
-     * be rendered below the text area in sendBox.
-     * @beta
-     */
-    onRenderFileUploads?: () => JSX.Element;
-    /**
-     * Optional array of active file uploads where each object has attributes
-     * of a file upload like name, progress, errorMessage etc.
-     * @beta
-     */
-    activeFileUploads?: ActiveFileUpload[];
-    /**
-     * Optional callback to remove the file upload before sending by clicking on
-     * cancel icon.
-     * @beta
-     */
-    onCancelFileUpload?: (fileId: string) => void;
-    /**
-     * Callback function used when the send button is clicked.
-     */
-    onSendMessage: (content: string) => Promise<void>;
-}
-/**
- * A component to render SendBox with Rich Text Editor support.
- *
- * @beta
- */
-export declare const RichTextSendBox: (props: RichTextSendBoxProps) => JSX.Element;
-//# sourceMappingURL=RTESendBox.d.ts.map

package/dist/dist-esm/react-components/src/components/RTE/RTESendBox.js

@@ -1,121 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { RTEInputBoxComponent } from './RTEInputBoxComponent';
-import { Icon, Stack, useTheme } from '@fluentui/react';
-import { useLocale } from '../../localization';
-import { borderAndBoxShadowStyle, sendButtonStyle, sendIconStyle } from '../styles/SendBox.styles';
-import { InputBoxButton } from '../InputBoxButton';
-import { RTESendBoxErrors } from './RTESendBoxErrors';
-import { exceedsMaxAllowedLength, sanitizeText } from '../utils/SendBoxUtils';
-/* @conditional-compile-remove(file-sharing) */
-import { hasCompletedFileUploads } from '../utils/SendBoxUtils';
-/**
- * A component to render SendBox with Rich Text Editor support.
- *
- * @beta
- */
-export const RichTextSendBox = (props) => {
-    const { disabled = false, systemMessage, onSendMessage, 
-    /* @conditional-compile-remove(file-sharing) */
-    activeFileUploads } = props;
-    const theme = useTheme();
-    const locale = useLocale();
-    const localeStrings = useMemo(() => {
-        /* @conditional-compile-remove(rich-text-editor) */
-        return locale.strings.richTextSendBox;
-        return locale.strings.sendBox;
-    }, [/* @conditional-compile-remove(rich-text-editor) */ locale.strings.richTextSendBox, locale.strings.sendBox]);
-    const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
-    const [contentValue, setContentValue] = useState('');
-    const [contentValueOverflow, setContentValueOverflow] = useState(false);
-    /* @conditional-compile-remove(file-sharing) */
-    const [fileUploadsPendingError, setFileUploadsPendingError] = useState(undefined);
-    const editorComponentRef = useRef(null);
-    const contentTooLongMessage = useMemo(() => (contentValueOverflow ? strings.textTooLong : undefined), [contentValueOverflow, strings.textTooLong]);
-    const setContent = useCallback((newValue) => {
-        if (newValue === undefined) {
-            return;
-        }
-        setContentValueOverflow(exceedsMaxAllowedLength(newValue.length));
-        setContentValue(newValue);
-    }, []);
-    const sendMessageOnClick = () => {
-        var _a;
-        if (disabled || contentValueOverflow) {
-            return;
-        }
-        // Don't send message until all files have been uploaded successfully
-        /* @conditional-compile-remove(file-sharing) */
-        setFileUploadsPendingError(undefined);
-        // if (hasIncompleteFileUploads(activeFileUploads)) {
-        //   setFileUploadsPendingError({ message: strings.fileUploadsPendingError, timestamp: Date.now() });
-        //   return;
-        // }
-        const message = contentValue;
-        // we don't want to send empty messages including spaces, newlines, tabs
-        // Message can be empty if there is a valid file upload
-        if (sanitizeText(message).length > 0 ||
-            /* @conditional-compile-remove(file-sharing) */ hasCompletedFileUploads(activeFileUploads)) {
-            onSendMessage(message);
-            setContentValue('');
-        }
-        (_a = editorComponentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    const hasErrorMessage = useMemo(() => {
-        var _a;
-        return (!!systemMessage ||
-            !!contentTooLongMessage ||
-            /* @conditional-compile-remove(file-sharing) */
-            !!fileUploadsPendingError ||
-            /* @conditional-compile-remove(file-sharing) */
-            !!((_a = activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((fileUpload) => fileUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error));
-    }, [
-        /* @conditional-compile-remove(file-sharing) */
-        activeFileUploads,
-        contentTooLongMessage,
-        /* @conditional-compile-remove(file-sharing) */
-        fileUploadsPendingError,
-        systemMessage
-    ]);
-    const onRenderSendIcon = useCallback((isHover) => (React.createElement(Icon, { iconName: isHover && contentValue ? 'SendBoxSendHovered' : 'SendBoxSend', className: sendIconStyle({
-            theme,
-            hasText: !!contentValue,
-            /* @conditional-compile-remove(file-sharing) */
-            hasFile: false,
-            hasErrorMessage: hasErrorMessage
-        }) })), [contentValue, hasErrorMessage, theme]);
-    const sendBoxErrorsProps = useMemo(() => {
-        var _a;
-        return {
-            /* @conditional-compile-remove(file-sharing) */
-            fileUploadsPendingError: fileUploadsPendingError,
-            /* @conditional-compile-remove(file-sharing) */
-            fileUploadError: (_a = activeFileUploads === null || activeFileUploads === void 0 ? void 0 : activeFileUploads.filter((fileUpload) => fileUpload.error).pop()) === null || _a === void 0 ? void 0 : _a.error,
-            systemMessage: systemMessage,
-            textTooLongMessage: contentTooLongMessage
-        };
-    }, [
-        /* @conditional-compile-remove(file-sharing) */
-        activeFileUploads,
-        contentTooLongMessage,
-        /* @conditional-compile-remove(file-sharing) */
-        fileUploadsPendingError,
-        systemMessage
-    ]);
-    return (React.createElement(Stack, null,
-        React.createElement(RTESendBoxErrors, Object.assign({}, sendBoxErrorsProps)),
-        React.createElement("div", { className: borderAndBoxShadowStyle({
-                theme: theme,
-                // should always be false as we don't want to show the border when there is an error
-                hasErrorMessage: false,
-                disabled: !!disabled
-            }) },
-            React.createElement(RTEInputBoxComponent, { placeholderText: strings.placeholderText, content: contentValue, onChange: setContent, editorComponentRef: editorComponentRef, strings: strings })),
-        React.createElement(Stack.Item, { align: "end" },
-            React.createElement(InputBoxButton, { onRenderIcon: onRenderSendIcon, onClick: (e) => {
-                    sendMessageOnClick();
-                    e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.
-                }, className: sendButtonStyle, ariaLabel: localeStrings.sendButtonAriaLabel, tooltipContent: localeStrings.sendButtonAriaLabel }))));
-};
-//# sourceMappingURL=RTESendBox.js.map

package/dist/dist-esm/react-components/src/components/RTE/RTESendBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RTESendBox.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/RTE/RTESendBox.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { RTEInputBoxComponent } from './RTEInputBoxComponent';\nimport { Icon, Stack, useTheme } from '@fluentui/react';\nimport { useLocale } from '../../localization';\nimport { SendBoxStrings } from '../SendBox';\nimport { borderAndBoxShadowStyle, sendButtonStyle, sendIconStyle } from '../styles/SendBox.styles';\nimport { InputBoxButton } from '../InputBoxButton';\nimport { RTESendBoxErrors, RTESendBoxErrorsProps } from './RTESendBoxErrors';\n/* @conditional-compile-remove(file-sharing) */\nimport { ActiveFileUpload } from '../FileUploadCards';\n/* @conditional-compile-remove(file-sharing) */\nimport { SendBoxErrorBarError } from '../SendBoxErrorBar';\nimport { exceedsMaxAllowedLength, sanitizeText } from '../utils/SendBoxUtils';\n/* @conditional-compile-remove(file-sharing) */\nimport { hasCompletedFileUploads } from '../utils/SendBoxUtils';\nimport { RichTextEditorComponentRef } from './RichTextEditor';\n\n/**\n * Strings of {@link RichTextSendBox} that can be overridden.\n *\n * @beta\n */\nexport interface RichTextSendBoxStrings extends SendBoxStrings {\n  /**\n   * Tooltip text for the bold button.\n   */\n  boldTooltip: string;\n  /**\n   * Tooltip text for the italic button.\n   */\n  italicTooltip: string;\n  /**\n   * Tooltip text for the underline button.\n   */\n  underlineTooltip: string;\n  /**\n   * Tooltip text for the bullet list button.\n   */\n  bulletListTooltip: string;\n  /**\n   * Tooltip text for the number list button.\n   */\n  numberListTooltip: string;\n  /**\n   * Tooltip text for the increase indent button.\n   */\n  increaseIndentTooltip: string;\n  /**\n   * Tooltip text for the decrease indent button.\n   */\n  decreaseIndentTooltip: string;\n}\n\n/**\n * Props for {@link RichTextSendBox}.\n *\n * @beta\n */\nexport interface RichTextSendBoxProps {\n  /**\n   * Optional boolean to disable text box\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Optional strings to override in component\n   */\n  strings?: Partial<RichTextSendBoxStrings>;\n  /**\n   * Optional text for system message above the text box\n   */\n  systemMessage?: string;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional callback to render uploaded files in the SendBox. The sendBox will expand\n   * vertically to accommodate the uploaded files. File uploads will\n   * be rendered below the text area in sendBox.\n   * @beta\n   */\n  onRenderFileUploads?: () => JSX.Element;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional array of active file uploads where each object has attributes\n   * of a file upload like name, progress, errorMessage etc.\n   * @beta\n   */\n  activeFileUploads?: ActiveFileUpload[];\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional callback to remove the file upload before sending by clicking on\n   * cancel icon.\n   * @beta\n   */\n  onCancelFileUpload?: (fileId: string) => void;\n  /**\n   * Callback function used when the send button is clicked.\n   */\n  onSendMessage: (content: string) => Promise<void>;\n}\n\n/**\n * A component to render SendBox with Rich Text Editor support.\n *\n * @beta\n */\nexport const RichTextSendBox = (props: RichTextSendBoxProps): JSX.Element => {\n  const {\n    disabled = false,\n    systemMessage,\n    onSendMessage,\n    /* @conditional-compile-remove(file-sharing) */\n    activeFileUploads\n  } = props;\n\n  const theme = useTheme();\n  const locale = useLocale();\n\n  const localeStrings = useMemo(() => {\n    /* @conditional-compile-remove(rich-text-editor) */\n    return locale.strings.richTextSendBox;\n    return locale.strings.sendBox;\n  }, [/* @conditional-compile-remove(rich-text-editor) */ locale.strings.richTextSendBox, locale.strings.sendBox]);\n\n  const strings = { ...localeStrings, ...props.strings };\n\n  const [contentValue, setContentValue] = useState('');\n  const [contentValueOverflow, setContentValueOverflow] = useState(false);\n  /* @conditional-compile-remove(file-sharing) */\n  const [fileUploadsPendingError, setFileUploadsPendingError] = useState<SendBoxErrorBarError | undefined>(undefined);\n  const editorComponentRef = useRef<RichTextEditorComponentRef>(null);\n\n  const contentTooLongMessage = useMemo(\n    () => (contentValueOverflow ? strings.textTooLong : undefined),\n    [contentValueOverflow, strings.textTooLong]\n  );\n\n  const setContent = useCallback((newValue?: string): void => {\n    if (newValue === undefined) {\n      return;\n    }\n\n    setContentValueOverflow(exceedsMaxAllowedLength(newValue.length));\n    setContentValue(newValue);\n  }, []);\n\n  const sendMessageOnClick = (): void => {\n    if (disabled || contentValueOverflow) {\n      return;\n    }\n    // Don't send message until all files have been uploaded successfully\n    /* @conditional-compile-remove(file-sharing) */\n    setFileUploadsPendingError(undefined);\n\n    // if (hasIncompleteFileUploads(activeFileUploads)) {\n    //   setFileUploadsPendingError({ message: strings.fileUploadsPendingError, timestamp: Date.now() });\n    //   return;\n    // }\n\n    const message = contentValue;\n    // we don't want to send empty messages including spaces, newlines, tabs\n    // Message can be empty if there is a valid file upload\n    if (\n      sanitizeText(message).length > 0 ||\n      /* @conditional-compile-remove(file-sharing) */ hasCompletedFileUploads(activeFileUploads)\n    ) {\n      onSendMessage(message);\n      setContentValue('');\n    }\n    editorComponentRef.current?.focus();\n  };\n\n  const hasErrorMessage = useMemo(() => {\n    return (\n      !!systemMessage ||\n      !!contentTooLongMessage ||\n      /* @conditional-compile-remove(file-sharing) */\n      !!fileUploadsPendingError ||\n      /* @conditional-compile-remove(file-sharing) */\n      !!activeFileUploads?.filter((fileUpload) => fileUpload.error).pop()?.error\n    );\n  }, [\n    /* @conditional-compile-remove(file-sharing) */\n    activeFileUploads,\n    contentTooLongMessage,\n    /* @conditional-compile-remove(file-sharing) */\n    fileUploadsPendingError,\n    systemMessage\n  ]);\n\n  const onRenderSendIcon = useCallback(\n    (isHover: boolean) => (\n      <Icon\n        iconName={isHover && contentValue ? 'SendBoxSendHovered' : 'SendBoxSend'}\n        className={sendIconStyle({\n          theme,\n          hasText: !!contentValue,\n          /* @conditional-compile-remove(file-sharing) */\n          hasFile: false,\n          hasErrorMessage: hasErrorMessage\n        })}\n      />\n    ),\n    [contentValue, hasErrorMessage, theme]\n  );\n\n  const sendBoxErrorsProps: RTESendBoxErrorsProps = useMemo(() => {\n    return {\n      /* @conditional-compile-remove(file-sharing) */\n      fileUploadsPendingError: fileUploadsPendingError,\n      /* @conditional-compile-remove(file-sharing) */\n      fileUploadError: activeFileUploads?.filter((fileUpload) => fileUpload.error).pop()?.error,\n      systemMessage: systemMessage,\n      textTooLongMessage: contentTooLongMessage\n    };\n  }, [\n    /* @conditional-compile-remove(file-sharing) */\n    activeFileUploads,\n    contentTooLongMessage,\n    /* @conditional-compile-remove(file-sharing) */\n    fileUploadsPendingError,\n    systemMessage\n  ]);\n\n  return (\n    <Stack>\n      <RTESendBoxErrors {...sendBoxErrorsProps} />\n      <div\n        className={borderAndBoxShadowStyle({\n          theme: theme,\n          // should always be false as we don't want to show the border when there is an error\n          hasErrorMessage: false,\n          disabled: !!disabled\n        })}\n      >\n        <RTEInputBoxComponent\n          placeholderText={strings.placeholderText}\n          content={contentValue}\n          onChange={setContent}\n          editorComponentRef={editorComponentRef}\n          strings={strings}\n        />\n        {/* File Upload */}\n      </div>\n      <Stack.Item align=\"end\">\n        <InputBoxButton\n          onRenderIcon={onRenderSendIcon}\n          onClick={(e) => {\n            sendMessageOnClick();\n            e.stopPropagation(); // Prevents the click from bubbling up and triggering a focus event on the chat.\n          }}\n          className={sendButtonStyle}\n          ariaLabel={localeStrings.sendButtonAriaLabel}\n          tooltipContent={localeStrings.sendButtonAriaLabel}\n        />\n      </Stack.Item>\n    </Stack>\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RTESendBoxErrors.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { SendBoxErrorBarError } from '../SendBoxErrorBar';
-/**
- * @private
- */
-export interface RTESendBoxErrorsProps {
-    fileUploadsPendingError?: SendBoxErrorBarError;
-    fileUploadError?: SendBoxErrorBarError;
-    systemMessage?: string;
-    textTooLongMessage?: string;
-}
-/**
- * @private
- */
-export declare const RTESendBoxErrors: (props: RTESendBoxErrorsProps) => JSX.Element;
-//# sourceMappingURL=RTESendBoxErrors.d.ts.map

package/dist/dist-esm/react-components/src/components/RTE/RTESendBoxErrors.js

@@ -1,62 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useCallback, useEffect, useState } from 'react';
-import { SendBoxErrorBar } from '../SendBoxErrorBar';
-/**
- * @private
- */
-export const RTESendBoxErrors = (props) => {
-    const { 
-    /* @conditional-compile-remove(file-sharing) */
-    fileUploadError, 
-    /* @conditional-compile-remove(file-sharing) */
-    fileUploadsPendingError, systemMessage, textTooLongMessage } = props;
-    const [sendBoxError, setSendBoxError] = useState(undefined);
-    useEffect(() => {
-        if (systemMessage && !isMessageEmpty(systemMessage)) {
-            setSendBoxError({ message: systemMessage, timestamp: Date.now() });
-        }
-    }, [systemMessage]);
-    useEffect(() => {
-        if (textTooLongMessage && !isMessageEmpty(textTooLongMessage)) {
-            setSendBoxError({ message: textTooLongMessage, timestamp: Date.now() });
-        }
-    }, [textTooLongMessage]);
-    useEffect(() => {
-        setSendBoxError((prev) => {
-            const errors = [];
-            if (prev) {
-                errors.push(prev);
-            }
-            /* @conditional-compile-remove(file-sharing) */
-            if (fileUploadsPendingError) {
-                errors.push(fileUploadsPendingError);
-            }
-            /* @conditional-compile-remove(file-sharing) */
-            if (fileUploadError) {
-                errors.push(fileUploadError);
-            }
-            if (errors.length === 0) {
-                return undefined;
-            }
-            // sort to get the latest error
-            const sortedErrors = errors.sort((a, b) => b.timestamp - a.timestamp);
-            return sortedErrors[0];
-        });
-    }, [
-        /* @conditional-compile-remove(file-sharing) */ fileUploadError,
-        /* @conditional-compile-remove(file-sharing) */ fileUploadsPendingError
-    ]);
-    const onDismiss = useCallback(() => {
-        if (systemMessage && !isMessageEmpty(systemMessage)) {
-            setSendBoxError({ message: systemMessage, timestamp: Date.now() });
-        }
-    }, [systemMessage]);
-    return (React.createElement(SendBoxErrorBar, { error: sendBoxError, dismissAfterMs: 
-        // don't dismiss the system message
-        systemMessage !== undefined && (sendBoxError === null || sendBoxError === void 0 ? void 0 : sendBoxError.message) !== systemMessage ? 10 * 1000 : undefined, onDismiss: onDismiss }));
-};
-const isMessageEmpty = (message) => {
-    return message.trim().length === 0;
-};
-//# sourceMappingURL=RTESendBoxErrors.js.map

package/dist/dist-esm/react-components/src/components/RTE/RTESendBoxErrors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RTESendBoxErrors.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/RTE/RTESendBoxErrors.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { SendBoxErrorBar, SendBoxErrorBarError } from '../SendBoxErrorBar';\n\n/**\n * @private\n */\nexport interface RTESendBoxErrorsProps {\n  /* @conditional-compile-remove(file-sharing) */\n  fileUploadsPendingError?: SendBoxErrorBarError;\n  /* @conditional-compile-remove(file-sharing) */\n  fileUploadError?: SendBoxErrorBarError;\n  systemMessage?: string;\n  textTooLongMessage?: string;\n}\n\n/**\n * @private\n */\nexport const RTESendBoxErrors = (props: RTESendBoxErrorsProps): JSX.Element => {\n  const {\n    /* @conditional-compile-remove(file-sharing) */\n    fileUploadError,\n    /* @conditional-compile-remove(file-sharing) */\n    fileUploadsPendingError,\n    systemMessage,\n    textTooLongMessage\n  } = props;\n  const [sendBoxError, setSendBoxError] = useState<SendBoxErrorBarError | undefined>(undefined);\n\n  useEffect(() => {\n    if (systemMessage && !isMessageEmpty(systemMessage)) {\n      setSendBoxError({ message: systemMessage, timestamp: Date.now() });\n    }\n  }, [systemMessage]);\n\n  useEffect(() => {\n    if (textTooLongMessage && !isMessageEmpty(textTooLongMessage)) {\n      setSendBoxError({ message: textTooLongMessage, timestamp: Date.now() });\n    }\n  }, [textTooLongMessage]);\n\n  useEffect(() => {\n    setSendBoxError((prev) => {\n      const errors: SendBoxErrorBarError[] = [];\n      if (prev) {\n        errors.push(prev);\n      }\n      /* @conditional-compile-remove(file-sharing) */\n      if (fileUploadsPendingError) {\n        errors.push(fileUploadsPendingError);\n      }\n      /* @conditional-compile-remove(file-sharing) */\n      if (fileUploadError) {\n        errors.push(fileUploadError);\n      }\n      if (errors.length === 0) {\n        return undefined;\n      }\n      // sort to get the latest error\n      const sortedErrors = errors.sort((a, b) => b.timestamp - a.timestamp);\n      return sortedErrors[0];\n    });\n  }, [\n    /* @conditional-compile-remove(file-sharing) */ fileUploadError,\n    /* @conditional-compile-remove(file-sharing) */ fileUploadsPendingError\n  ]);\n\n  const onDismiss = useCallback(() => {\n    if (systemMessage && !isMessageEmpty(systemMessage)) {\n      setSendBoxError({ message: systemMessage, timestamp: Date.now() });\n    }\n  }, [systemMessage]);\n\n  return (\n    <SendBoxErrorBar\n      error={sendBoxError}\n      dismissAfterMs={\n        // don't dismiss the system message\n        systemMessage !== undefined && sendBoxError?.message !== systemMessage ? 10 * 1000 : undefined\n      }\n      onDismiss={onDismiss}\n    />\n  );\n};\n\nconst isMessageEmpty = (message: string): boolean => {\n  return message.trim().length === 0;\n};\n"]}

package/dist/dist-esm/react-components/src/components/RTE/RichTextEditor.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { RichTextSendBoxStrings } from './RTESendBox';
-/**
- * Props for {@link RichTextEditor}.
- *
- * @beta
- */
-export interface RichTextEditorProps {
-    content?: string;
-    onChange: (newValue?: string) => void;
-    placeholderText?: string;
-    strings: Partial<RichTextSendBoxStrings>;
-}
-/**
- * Props for {@link RichTextEditor}.
- *
- * @beta
- */
-export interface RichTextEditorComponentRef {
-    focus: () => void;
-}
-/**
- * A component to wrap RoosterJS Rich Text Editor.
- *
- * @beta
- */
-export declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<RichTextEditorComponentRef>>;
-//# sourceMappingURL=RichTextEditor.d.ts.map