@azure/communication-react 1.23.0-alpha-202501120018 → 1.23.0

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

@@ -1,71 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(together-mode) */
-import { convertSdkCallFeatureStreamToDeclarativeCallFeatureStream } from './Converter';
-/* @conditional-compile-remove(together-mode) */
-import { TogetherModeVideoStreamSubscriber } from './TogetherModeVideoStreamSubscriber';
-/* @conditional-compile-remove(together-mode) */
-/**
- * TogetherModeSubscriber is responsible for subscribing to together mode events and updating the call context accordingly.
- */
-export class TogetherModeSubscriber {
-    constructor(callIdRef, context, internalContext, togetherMode) {
-        this._featureName = 'togetherMode';
-        this.subscribe = () => {
-            this._togetherMode.on('togetherModeStreamsUpdated', this.onTogetherModeStreamUpdated);
-            this._togetherMode.on('togetherModeSceneUpdated', this.onSceneUpdated);
-            this._togetherMode.on('togetherModeSeatingUpdated', this.onSeatUpdated);
-        };
-        this.unsubscribe = () => {
-            this._togetherMode.off('togetherModeStreamsUpdated', this.onTogetherModeStreamUpdated);
-            this._togetherMode.off('togetherModeSceneUpdated', this.onSceneUpdated);
-            this._togetherMode.off('togetherModeSeatingUpdated', this.onSeatUpdated);
-        };
-        this.onSceneUpdated = (args) => {
-            this._context.setTogetherModeSeatingCoordinates(this._callIdRef.callId, args);
-        };
-        this.onSeatUpdated = (args) => {
-            this._context.setTogetherModeSeatingCoordinates(this._callIdRef.callId, args);
-        };
-        this.addRemoteVideoStreamSubscriber = (togetherModeVideoStream) => {
-            var _a;
-            (_a = this._togetherModeVideoStreamSubscribers.get(togetherModeVideoStream.id)) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-            this._togetherModeVideoStreamSubscribers.set(togetherModeVideoStream.id, new TogetherModeVideoStreamSubscriber(this._callIdRef, togetherModeVideoStream, this._context));
-        };
-        this.updateTogetherModeStreams = (addedStreams, removedStreams) => {
-            var _a;
-            for (const stream of removedStreams) {
-                (_a = this._togetherModeVideoStreamSubscribers.get(stream.id)) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-                this._togetherModeVideoStreamSubscribers.delete(stream.id);
-                this._internalContext.deleteCallFeatureRenderInfo(this._callIdRef.callId, this._featureName, stream.mediaStreamType);
-            }
-            for (const stream of addedStreams) {
-                this._internalContext.setCallFeatureRenderInfo(this._callIdRef.callId, this._featureName, stream.mediaStreamType, stream, 'NotRendered', undefined);
-                this.addRemoteVideoStreamSubscriber(stream);
-            }
-            this._context.setTogetherModeVideoStreams(this._callIdRef.callId, addedStreams.map((stream) => convertSdkCallFeatureStreamToDeclarativeCallFeatureStream(stream, this._featureName)), removedStreams.map((stream) => convertSdkCallFeatureStreamToDeclarativeCallFeatureStream(stream, this._featureName)));
-            if (this._togetherMode.togetherModeStream.length) {
-                this._context.setLatestNotification(this._callIdRef.callId, {
-                    target: 'togetherModeStarted',
-                    timestamp: new Date(Date.now())
-                });
-            }
-            else {
-                this._context.setLatestNotification(this._callIdRef.callId, {
-                    target: 'togetherModeEnded',
-                    timestamp: new Date(Date.now())
-                });
-            }
-        };
-        this.onTogetherModeStreamUpdated = (args) => {
-            this.updateTogetherModeStreams(args.added, args.removed);
-        };
-        this._callIdRef = callIdRef;
-        this._context = context;
-        this._internalContext = internalContext;
-        this._togetherMode = togetherMode;
-        this._togetherModeVideoStreamSubscribers = new Map();
-        this.subscribe();
-    }
-}
-//# sourceMappingURL=TogetherModeSubscriber.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TogetherModeSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/TogetherModeSubscriber.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(together-mode) */\nimport {\n  RemoteVideoStream,\n  TogetherModeCallFeature,\n  TogetherModeSeatingMap,\n  TogetherModeVideoStream\n} from '@azure/communication-calling';\n/* @conditional-compile-remove(together-mode) */\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(together-mode) */\nimport { CallIdRef } from './CallIdRef';\n/* @conditional-compile-remove(together-mode) */\nimport { InternalCallContext } from './InternalCallContext';\n/* @conditional-compile-remove(together-mode) */\nimport { convertSdkCallFeatureStreamToDeclarativeCallFeatureStream } from './Converter';\n/* @conditional-compile-remove(together-mode) */\nimport { TogetherModeVideoStreamSubscriber } from './TogetherModeVideoStreamSubscriber';\n/* @conditional-compile-remove(together-mode) */\nimport { CallFeatureStreamName } from './CallClientState';\n/* @conditional-compile-remove(together-mode) */\n/**\n * TogetherModeSubscriber is responsible for subscribing to together mode events and updating the call context accordingly.\n */\nexport class TogetherModeSubscriber {\n  private _callIdRef: CallIdRef;\n  private _context: CallContext;\n  private _internalContext: InternalCallContext;\n  private _togetherMode: TogetherModeCallFeature;\n  private _featureName: CallFeatureStreamName = 'togetherMode';\n  private _togetherModeVideoStreamSubscribers: Map<number, TogetherModeVideoStreamSubscriber>;\n\n  constructor(\n    callIdRef: CallIdRef,\n    context: CallContext,\n    internalContext: InternalCallContext,\n    togetherMode: TogetherModeCallFeature\n  ) {\n    this._callIdRef = callIdRef;\n    this._context = context;\n    this._internalContext = internalContext;\n    this._togetherMode = togetherMode;\n    this._togetherModeVideoStreamSubscribers = new Map<number, TogetherModeVideoStreamSubscriber>();\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._togetherMode.on('togetherModeStreamsUpdated', this.onTogetherModeStreamUpdated);\n    this._togetherMode.on('togetherModeSceneUpdated', this.onSceneUpdated);\n    this._togetherMode.on('togetherModeSeatingUpdated', this.onSeatUpdated);\n  };\n\n  public unsubscribe = (): void => {\n    this._togetherMode.off('togetherModeStreamsUpdated', this.onTogetherModeStreamUpdated);\n    this._togetherMode.off('togetherModeSceneUpdated', this.onSceneUpdated);\n    this._togetherMode.off('togetherModeSeatingUpdated', this.onSeatUpdated);\n  };\n\n  private onSceneUpdated = (args: TogetherModeSeatingMap): void => {\n    this._context.setTogetherModeSeatingCoordinates(this._callIdRef.callId, args);\n  };\n\n  private onSeatUpdated = (args: TogetherModeSeatingMap): void => {\n    this._context.setTogetherModeSeatingCoordinates(this._callIdRef.callId, args);\n  };\n\n  private addRemoteVideoStreamSubscriber = (togetherModeVideoStream: TogetherModeVideoStream): void => {\n    this._togetherModeVideoStreamSubscribers.get(togetherModeVideoStream.id)?.unsubscribe();\n    this._togetherModeVideoStreamSubscribers.set(\n      togetherModeVideoStream.id,\n      new TogetherModeVideoStreamSubscriber(this._callIdRef, togetherModeVideoStream, this._context)\n    );\n  };\n\n  private updateTogetherModeStreams = (\n    addedStreams: TogetherModeVideoStream[],\n    removedStreams: TogetherModeVideoStream[]\n  ): void => {\n    for (const stream of removedStreams) {\n      this._togetherModeVideoStreamSubscribers.get(stream.id)?.unsubscribe();\n      this._togetherModeVideoStreamSubscribers.delete(stream.id);\n      this._internalContext.deleteCallFeatureRenderInfo(\n        this._callIdRef.callId,\n        this._featureName,\n        stream.mediaStreamType\n      );\n    }\n\n    for (const stream of addedStreams) {\n      this._internalContext.setCallFeatureRenderInfo(\n        this._callIdRef.callId,\n        this._featureName,\n        stream.mediaStreamType,\n        stream as RemoteVideoStream,\n        'NotRendered',\n        undefined\n      );\n      this.addRemoteVideoStreamSubscriber(stream);\n    }\n    this._context.setTogetherModeVideoStreams(\n      this._callIdRef.callId,\n      addedStreams.map((stream) =>\n        convertSdkCallFeatureStreamToDeclarativeCallFeatureStream(stream, this._featureName)\n      ),\n      removedStreams.map((stream) =>\n        convertSdkCallFeatureStreamToDeclarativeCallFeatureStream(stream, this._featureName)\n      )\n    );\n    if (this._togetherMode.togetherModeStream.length) {\n      this._context.setLatestNotification(this._callIdRef.callId, {\n        target: 'togetherModeStarted',\n        timestamp: new Date(Date.now())\n      });\n    } else {\n      this._context.setLatestNotification(this._callIdRef.callId, {\n        target: 'togetherModeEnded',\n        timestamp: new Date(Date.now())\n      });\n    }\n  };\n\n  private onTogetherModeStreamUpdated = (args: {\n    added: TogetherModeVideoStream[];\n    removed: TogetherModeVideoStream[];\n  }): void => {\n    this.updateTogetherModeStreams(args.added, args.removed);\n  };\n}\n"]}

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

@@ -1,18 +0,0 @@
-import { TogetherModeVideoStream } from '@azure/communication-calling';
-import { CallContext } from './CallContext';
-import { CallIdRef } from './CallIdRef';
-/**
- * @private
- */
-export declare class TogetherModeVideoStreamSubscriber {
-    private _callIdRef;
-    private _togetherModeStream;
-    private _context;
-    constructor(callIdRef: CallIdRef, stream: TogetherModeVideoStream, context: CallContext);
-    private subscribe;
-    unsubscribe: () => void;
-    private isAvailableChanged;
-    private isReceivingChanged;
-    private isSizeChanged;
-}
-//# sourceMappingURL=TogetherModeVideoStreamSubscriber.d.ts.map

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

@@ -1,34 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(together-mode) */
-/**
- * @private
- */
-export class TogetherModeVideoStreamSubscriber {
-    constructor(callIdRef, stream, context) {
-        this.subscribe = () => {
-            this._togetherModeStream.on('isAvailableChanged', this.isAvailableChanged);
-            this._togetherModeStream.on('isReceivingChanged', this.isReceivingChanged);
-            this._togetherModeStream.on('sizeChanged', this.isSizeChanged);
-        };
-        this.unsubscribe = () => {
-            this._togetherModeStream.off('isAvailableChanged', this.isAvailableChanged);
-            this._togetherModeStream.off('isReceivingChanged', this.isReceivingChanged);
-            this._togetherModeStream.off('sizeChanged', this.isSizeChanged);
-        };
-        this.isAvailableChanged = () => {
-            this._context.setTogetherModeVideoStreamIsAvailable(this._callIdRef.callId, this._togetherModeStream.id, this._togetherModeStream.isAvailable);
-        };
-        this.isReceivingChanged = () => {
-            this._context.setTogetherModeVideoStreamIsReceiving(this._callIdRef.callId, this._togetherModeStream.id, this._togetherModeStream.isReceiving);
-        };
-        this.isSizeChanged = () => {
-            this._context.setTogetherModeVideoStreamSize(this._callIdRef.callId, this._togetherModeStream.id, this._togetherModeStream.size);
-        };
-        this._callIdRef = callIdRef;
-        this._togetherModeStream = stream;
-        this._context = context;
-        this.subscribe();
-    }
-}
-//# sourceMappingURL=TogetherModeVideoStreamSubscriber.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TogetherModeVideoStreamSubscriber.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/TogetherModeVideoStreamSubscriber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AASlC,gDAAgD;AAChD;;GAEG;AACH,MAAM,OAAO,iCAAiC;IAK5C,YAAY,SAAoB,EAAE,MAA+B,EAAE,OAAoB;QAO/E,cAAS,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC3E,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC3E,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACjE,CAAC,CAAC;QAEK,gBAAW,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC5E,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC5E,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAClE,CAAC,CAAC;QAEM,uBAAkB,GAAG,GAAS,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CACjD,IAAI,CAAC,UAAU,CAAC,MAAM,EACtB,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAC3B,IAAI,CAAC,mBAAmB,CAAC,WAAW,CACrC,CAAC;QACJ,CAAC,CAAC;QAEM,uBAAkB,GAAG,GAAS,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CACjD,IAAI,CAAC,UAAU,CAAC,MAAM,EACtB,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAC3B,IAAI,CAAC,mBAAmB,CAAC,WAAW,CACrC,CAAC;QACJ,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAS,EAAE;YACjC,IAAI,CAAC,QAAQ,CAAC,8BAA8B,CAC1C,IAAI,CAAC,UAAU,CAAC,MAAM,EACtB,IAAI,CAAC,mBAAmB,CAAC,EAAE,EAC3B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAC9B,CAAC;QACJ,CAAC,CAAC;QAxCA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;CAqCF","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(together-mode) */\nimport { TogetherModeVideoStream } from '@azure/communication-calling';\n/* @conditional-compile-remove(together-mode) */\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(together-mode) */\nimport { CallIdRef } from './CallIdRef';\n\n/* @conditional-compile-remove(together-mode) */\n/**\n * @private\n */\nexport class TogetherModeVideoStreamSubscriber {\n  private _callIdRef: CallIdRef;\n  private _togetherModeStream: TogetherModeVideoStream;\n  private _context: CallContext;\n\n  constructor(callIdRef: CallIdRef, stream: TogetherModeVideoStream, context: CallContext) {\n    this._callIdRef = callIdRef;\n    this._togetherModeStream = stream;\n    this._context = context;\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    this._togetherModeStream.on('isAvailableChanged', this.isAvailableChanged);\n    this._togetherModeStream.on('isReceivingChanged', this.isReceivingChanged);\n    this._togetherModeStream.on('sizeChanged', this.isSizeChanged);\n  };\n\n  public unsubscribe = (): void => {\n    this._togetherModeStream.off('isAvailableChanged', this.isAvailableChanged);\n    this._togetherModeStream.off('isReceivingChanged', this.isReceivingChanged);\n    this._togetherModeStream.off('sizeChanged', this.isSizeChanged);\n  };\n\n  private isAvailableChanged = (): void => {\n    this._context.setTogetherModeVideoStreamIsAvailable(\n      this._callIdRef.callId,\n      this._togetherModeStream.id,\n      this._togetherModeStream.isAvailable\n    );\n  };\n\n  private isReceivingChanged = (): void => {\n    this._context.setTogetherModeVideoStreamIsReceiving(\n      this._callIdRef.callId,\n      this._togetherModeStream.id,\n      this._togetherModeStream.isReceiving\n    );\n  };\n\n  private isSizeChanged = (): void => {\n    this._context.setTogetherModeVideoStreamSize(\n      this._callIdRef.callId,\n      this._togetherModeStream.id,\n      this._togetherModeStream.size\n    );\n  };\n}\n"]}

package/dist/dist-esm/chat-component-bindings/src/utils/getImageAttachmentsFromHTMLContent.d.ts

@@ -1,6 +0,0 @@
-import { ChatAttachment } from '@azure/communication-chat';
-/**
- * @private
- */
-export declare const getImageAttachmentsFromHTMLContent: (content: string) => ChatAttachment[] | undefined;
-//# sourceMappingURL=getImageAttachmentsFromHTMLContent.d.ts.map

package/dist/dist-esm/chat-component-bindings/src/utils/getImageAttachmentsFromHTMLContent.js

@@ -1,23 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @private
- */
-export const getImageAttachmentsFromHTMLContent = (content) => {
-    let imageAttachments;
-    // get image attachments from content,
-    // for the editing scenario, this includes the ones before editing and the newly added ones during editing.
-    const document = new DOMParser().parseFromString(content, 'text/html');
-    document.querySelectorAll('img').forEach((img) => {
-        if (imageAttachments === undefined) {
-            imageAttachments = [];
-        }
-        imageAttachments.push({
-            id: img.id,
-            attachmentType: 'image'
-        });
-    });
-    return imageAttachments;
-};
-//# sourceMappingURL=getImageAttachmentsFromHTMLContent.js.map

package/dist/dist-esm/chat-component-bindings/src/utils/getImageAttachmentsFromHTMLContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getImageAttachmentsFromHTMLContent.js","sourceRoot":"","sources":["../../../../../../chat-component-bindings/src/utils/getImageAttachmentsFromHTMLContent.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,gEAAgE;AAChE;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAAC,OAAe,EAAgC,EAAE;IAClG,IAAI,gBAA8C,CAAC;IACnD,sCAAsC;IACtC,2GAA2G;IAC3G,MAAM,QAAQ,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACvE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC/C,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACnC,gBAAgB,GAAG,EAAE,CAAC;QACxB,CAAC;QACD,gBAAgB,CAAC,IAAI,CAAC;YACpB,EAAE,EAAE,GAAG,CAAC,EAAE;YACV,cAAc,EAAE,OAAO;SACxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { ChatAttachment } from '@azure/communication-chat';\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\nexport const getImageAttachmentsFromHTMLContent = (content: string): ChatAttachment[] | undefined => {\n  let imageAttachments: ChatAttachment[] | undefined;\n  // get image attachments from content,\n  // for the editing scenario, this includes the ones before editing and the newly added ones during editing.\n  const document = new DOMParser().parseFromString(content, 'text/html');\n  document.querySelectorAll('img').forEach((img) => {\n    if (imageAttachments === undefined) {\n      imageAttachments = [];\n    }\n    imageAttachments.push({\n      id: img.id,\n      attachmentType: 'image'\n    });\n  });\n  return imageAttachments;\n};\n"]}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Mention } from '../MentionPopover';
-/**
- * Provides the default implementation for rendering an Mention in a message thread
- * @param mention - The mention to render
- *
- * @private
- */
-export declare const defaultOnMentionRender: (mention: Mention) => JSX.Element;
-//# sourceMappingURL=MentionRenderer.d.ts.map

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

@@ -1,15 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/**
- * Provides the default implementation for rendering an Mention in a message thread
- * @param mention - The mention to render
- *
- * @private
- */
-export const defaultOnMentionRender = (mention) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const MsftMention = 'msft-mention';
-    return (React.createElement(MsftMention, { id: mention.id, key: Math.random().toString() }, mention.displayText));
-};
-//# sourceMappingURL=MentionRenderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MentionRenderer.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/ChatMessage/MentionRenderer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,OAAgB,EAAe,EAAE;IACtE,8DAA8D;IAC9D,MAAM,WAAW,GAAG,cAAqB,CAAC;IAC1C,OAAO,CACL,oBAAC,WAAW,IAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,IACvD,OAAO,CAAC,WAAW,CACR,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport React from 'react';\nimport { Mention } from '../MentionPopover';\n\n/**\n * Provides the default implementation for rendering an Mention in a message thread\n * @param mention - The mention to render\n *\n * @private\n */\nexport const defaultOnMentionRender = (mention: Mention): JSX.Element => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const MsftMention = 'msft-mention' as any;\n  return (\n    <MsftMention id={mention.id} key={Math.random().toString()}>\n      {mention.displayText}\n    </MsftMention>\n  );\n};\n"]}

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { AttachmentMetadataInProgress } from "../../../../../acs-ui-common/src";
-import { MessageThreadStrings } from '../../MessageThread';
-import { ChatMessage } from '../../../types';
-import { AttachmentMetadata } from "../../../../../acs-ui-common/src";
-/** @private */
-export type ChatMessageComponentAsRichTextEditBoxProps = {
-    onCancel?: (messageId: string) => void;
-    onSubmit: (text: string, attachmentMetadata?: AttachmentMetadata[]) => void;
-    message: ChatMessage;
-    strings: MessageThreadStrings;
-    onPaste?: (event: {
-        content: DocumentFragment;
-    }) => void;
-    onRemoveInlineImage?: (imageAttributes: Record<string, string>, messageId: string) => void;
-    onInsertInlineImage?: (imageAttributes: Record<string, string>, messageId: string) => void;
-    inlineImagesWithProgress?: AttachmentMetadataInProgress[];
-};
-/**
- * @private
- */
-export declare const ChatMessageComponentAsRichTextEditBox: (props: ChatMessageComponentAsRichTextEditBoxProps) => JSX.Element;
-export default ChatMessageComponentAsRichTextEditBox;
-//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox.d.ts.map

package/dist/dist-esm/react-components/src/components/ChatMessage/MyMessageComponents/ChatMessageComponentAsRichTextEditBox.js

@@ -1,278 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles, Stack } from '@fluentui/react';
-import { ChatMyMessage } from '@fluentui-contrib/react-chat';
-import { mergeClasses } from '@fluentui/react-components';
-import { _formatString } from "../../../../../acs-ui-common/src";
-import { useTheme } from '../../../theming';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-/* @conditional-compile-remove(file-sharing-acs) */
-import { useReducer } from 'react';
-import { editBoxWidthStyles, richTextEditBoxActionButtonIcon } from '../../styles/EditBox.styles';
-import { InputBoxButton } from '../../InputBoxButton';
-import { useChatMyMessageStyles } from '../../styles/MessageThread.styles';
-import { _AttachmentUploadCards } from '../../Attachment/AttachmentUploadCards';
-import { useChatMessageRichTextEditContainerStyles } from '../../styles/ChatMessageComponent.styles';
-import { MAXIMUM_LENGTH_OF_MESSAGE, modifyInlineImagesInContentString } from '../../utils/SendBoxUtils';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { hasIncompleteAttachmentUploads, removeBrokenImageContentAndClearImageSizeStyles, getContentWithUpdatedInlineImagesInfo, isMessageTooLong } from '../../utils/SendBoxUtils';
-import { getMessageState, onRenderCancelIcon, onRenderSubmitIcon } from '../../utils/ChatMessageComponentAsEditBoxUtils';
-/* @conditional-compile-remove(file-sharing-acs) */
-import { attachmentMetadataReducer, getMessageWithAttachmentMetadata, doesMessageContainMultipleAttachments } from '../../utils/ChatMessageComponentAsEditBoxUtils';
-import { RichTextInputBoxComponent } from '../../RichTextEditor/RichTextInputBoxComponent';
-import { editBoxRichTextEditorStyle, richTextActionButtonsStyle } from '../../styles/RichTextEditor.styles';
-import { RichTextSendBoxErrors } from '../../RichTextEditor/RichTextSendBoxErrors';
-import { useLocale } from '../../../localization';
-/* @conditional-compile-remove(file-sharing-acs) */
-import { FluentV9ThemeProvider } from '../../../theming/FluentV9ThemeProvider';
-/* @conditional-compile-remove(file-sharing-acs) */
-import { attachmentUploadCardsStyles } from '../../styles/SendBox.styles';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { SendBoxErrorBarType } from '../../SendBoxErrorBar';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { BROKEN_IMAGE_SVG_DATA } from '../../styles/Common.style';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { getPreviousInlineImages } from '../../utils/RichTextEditorUtils';
-/**
- * @private
- */
-export const ChatMessageComponentAsRichTextEditBox = (props) => {
-    var _a;
-    const { onCancel, onSubmit, strings, message, 
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    onPaste, 
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    onInsertInlineImage, 
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    inlineImagesWithProgress, 
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    onRemoveInlineImage } = props;
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const [initialInlineImages, setInitialInlineImages] = useState([]);
-    const initialContent = useMemo(() => {
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        const content = message.content;
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        setInitialInlineImages(getPreviousInlineImages(content));
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
-        // The broken image element is a div element with all the attributes of the original image element.
-        // We need to convert it to a img element so the Rooster knows how to render it.
-        // And we need to copy over all the attributes such as id, width, etc.
-        // which is needed for sending the message with the images correctly.
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        document.querySelectorAll('.broken-image-wrapper').forEach((brokenImage) => {
-            var _a;
-            const imageElement = document.createElement('img');
-            const attributes = brokenImage.attributes;
-            for (const attribute of attributes) {
-                imageElement.setAttribute(attribute.name, attribute.value);
-            }
-            imageElement.src = BROKEN_IMAGE_SVG_DATA;
-            imageElement.style.width = '3rem';
-            imageElement.style.height = '3rem';
-            (_a = brokenImage.parentElement) === null || _a === void 0 ? void 0 : _a.replaceChild(imageElement, brokenImage);
-        });
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        return document.body.innerHTML;
-        return message.content;
-    }, [message]);
-    const [contentValue, setContentValue] = useState(initialContent || '');
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const [contentValueWithInlineImagesOverflow, setContentValueWithInlineImagesOverflow] = useState(false);
-    /* @conditional-compile-remove(file-sharing-acs) */
-    const [attachmentMetadata, handleAttachmentAction] = useReducer(attachmentMetadataReducer, (_a = getMessageWithAttachmentMetadata(message)) !== null && _a !== void 0 ? _a : []);
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = useState(undefined);
-    const editTextFieldRef = React.useRef(null);
-    const theme = useTheme();
-    const messageState = useMemo(() => {
-        var _a, _b;
-        // get plain text content from the editor to check if the message is empty
-        // as the content may contain tags even when the content is empty
-        const plainTextContent = (_b = (_a = editTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.getPlainContent()) !== null && _b !== void 0 ? _b : contentValue;
-        return getMessageState(plainTextContent, 
-        /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata !== null && attachmentMetadata !== void 0 ? attachmentMetadata : []);
-    }, [/* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata, contentValue]);
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    const imageUploadErrorMessage = useMemo(() => {
-        var _a, _b;
-        return (_b = (_a = inlineImagesWithProgress === null || inlineImagesWithProgress === void 0 ? void 0 : inlineImagesWithProgress.filter((image) => image.error).pop()) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.message;
-    }, [inlineImagesWithProgress]);
-    const submitEnabled = messageState === 'OK';
-    const editContainerStyles = useChatMessageRichTextEditContainerStyles();
-    const chatMyMessageStyles = useChatMyMessageStyles();
-    const locale = useLocale().strings;
-    const setContent = useCallback((newValue) => {
-        setContentValue(newValue !== null && newValue !== void 0 ? newValue : '');
-    }, []);
-    useEffect(() => {
-        var _a;
-        (_a = editTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, []);
-    const textTooLongMessage = useMemo(() => {
-        return messageState === 'too long' ||
-            /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow
-            ? _formatString(strings.editBoxTextLimit, { limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}` })
-            : undefined;
-    }, [
-        messageState,
-        strings.editBoxTextLimit,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow
-    ]);
-    const iconClassName = useCallback((isHover) => {
-        const color = isHover ? theme.palette.accent : theme.palette.neutralSecondary;
-        return mergeStyles(richTextEditBoxActionButtonIcon, { color });
-    }, [theme.palette.accent, theme.palette.neutralSecondary]);
-    const onRenderThemedCancelIcon = useCallback((isHover) => {
-        return onRenderCancelIcon(iconClassName(isHover));
-    }, [iconClassName]);
-    const onRenderThemedSubmitIcon = useCallback((isHover) => {
-        return onRenderSubmitIcon(iconClassName(isHover));
-    }, [iconClassName]);
-    /* @conditional-compile-remove(file-sharing-acs) */
-    const hasMultipleAttachments = useMemo(() => {
-        return doesMessageContainMultipleAttachments(message);
-    }, [message]);
-    const onSubmitHandler = useCallback(() => {
-        if (!submitEnabled) {
-            return;
-        }
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        if (inlineImagesWithProgress && inlineImagesWithProgress.length > 0) {
-            const contentWithUpdatedInlineImagesInfo = getContentWithUpdatedInlineImagesInfo(contentValue, inlineImagesWithProgress);
-            const messageTooLong = isMessageTooLong(contentWithUpdatedInlineImagesInfo.length);
-            // Set contentValueWithInlineImagesOverflow state to display the error bar
-            setContentValueWithInlineImagesOverflow(messageTooLong);
-            // The change from the setContentValueOverflow in the previous line will not kick in yet.
-            // We need to rely on the local value of messageTooLong to return early if the message is too long.
-            if (messageTooLong) {
-                return;
-            }
-        }
-        // Don't send message until all attachments have been uploaded successfully
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        setAttachmentUploadsPendingError(undefined);
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        if (hasIncompleteAttachmentUploads(inlineImagesWithProgress)) {
-            setAttachmentUploadsPendingError({
-                message: strings.imageUploadsPendingError,
-                timestamp: Date.now(),
-                errorBarType: SendBoxErrorBarType.info
-            });
-            return;
-        }
-        let content = contentValue;
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        content = removeBrokenImageContentAndClearImageSizeStyles(content);
-        let initInlineImages = [];
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        initInlineImages = initialInlineImages !== null && initialInlineImages !== void 0 ? initialInlineImages : [];
-        modifyInlineImagesInContentString(content, initInlineImages, (content) => {
-            // it's very important to pass an empty attachment here
-            // so when user removes all attachments, UI can reflect it instantly
-            // if you set it to undefined, the attachments pre-edited would still be there
-            // until edit message event is received
-            onSubmit(content, /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata || []);
-        });
-    }, [
-        submitEnabled,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        inlineImagesWithProgress,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        initialInlineImages,
-        contentValue,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        strings.imageUploadsPendingError,
-        onSubmit,
-        /* @conditional-compile-remove(file-sharing-acs) */
-        attachmentMetadata
-    ]);
-    const actionButtons = useMemo(() => {
-        return (React.createElement(Stack, { horizontal: true },
-            React.createElement(InputBoxButton, { className: richTextActionButtonsStyle, ariaLabel: strings.editBoxCancelButton, tooltipContent: strings.editBoxCancelButton, onRenderIcon: onRenderThemedCancelIcon, onClick: () => {
-                    onCancel && onCancel(message.messageId);
-                }, id: 'dismissIconWrapper', "data-testId": 'chat-message-rich-text-edit-box-cancel-button' }),
-            React.createElement(InputBoxButton, { className: richTextActionButtonsStyle, ariaLabel: strings.editBoxSubmitButton, tooltipContent: strings.editBoxSubmitButton, onRenderIcon: onRenderThemedSubmitIcon, onClick: (e) => {
-                    onSubmitHandler();
-                    e.stopPropagation();
-                }, id: 'submitIconWrapper', "data-testId": 'chat-message-rich-text-edit-box-submit-button' })));
-    }, [
-        message.messageId,
-        onCancel,
-        onRenderThemedCancelIcon,
-        onRenderThemedSubmitIcon,
-        strings.editBoxCancelButton,
-        strings.editBoxSubmitButton,
-        onSubmitHandler
-    ]);
-    const richTextLocaleStrings = useMemo(() => {
-        /* @conditional-compile-remove(rich-text-editor) */
-        return Object.assign(Object.assign({}, locale.richTextSendBox), strings);
-        return locale.sendBox;
-    }, [
-        /* @conditional-compile-remove(rich-text-editor) */ locale.richTextSendBox,
-        /* @conditional-compile-remove(rich-text-editor) */ strings,
-        locale.sendBox
-    ]);
-    /* @conditional-compile-remove(file-sharing-acs) */
-    const onCancelAttachmentUpload = useCallback((attachmentId) => {
-        // edit box only capable of removing attachments
-        // we need to expand attachment actions
-        // if we want to support more actions e.g. add
-        handleAttachmentAction({ type: 'remove', id: attachmentId });
-    }, []);
-    /* @conditional-compile-remove(file-sharing-acs) */
-    const onRenderAttachmentUploads = useCallback(() => {
-        return (React.createElement(Stack, { className: attachmentUploadCardsStyles },
-            React.createElement(FluentV9ThemeProvider, { v8Theme: theme },
-                React.createElement(_AttachmentUploadCards, { attachments: attachmentMetadata, onCancelAttachmentUpload: onCancelAttachmentUpload }))));
-    }, [attachmentMetadata, onCancelAttachmentUpload, theme]);
-    const onChangeHandler = useCallback((content, 
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
-    removedInlineImages) => {
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
-        removedInlineImages === null || removedInlineImages === void 0 ? void 0 : removedInlineImages.forEach((removedInlineImage) => {
-            onRemoveInlineImage && onRemoveInlineImage(removedInlineImage, message.messageId);
-        });
-        setContent(content);
-    }, [
-        setContent,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */ onRemoveInlineImage,
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */ message.messageId
-    ]);
-    const getContent = () => {
-        return (React.createElement(Stack, { className: mergeStyles(editBoxWidthStyles) },
-            React.createElement(RichTextSendBoxErrors, { textTooLongMessage: textTooLongMessage, systemMessage: message.failureReason, 
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentUploadsPendingError: attachmentUploadsPendingError, 
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                attachmentProgressError: imageUploadErrorMessage
-                    ? {
-                        message: imageUploadErrorMessage,
-                        timestamp: Date.now(),
-                        errorBarType: SendBoxErrorBarType.error
-                    }
-                    : undefined }),
-            React.createElement(RichTextInputBoxComponent, { placeholderText: strings.editBoxPlaceholderText, onChange: onChangeHandler, onEnterKeyDown: onSubmitHandler, editorComponentRef: editTextFieldRef, initialContent: initialContent, strings: richTextLocaleStrings, disabled: false, actionComponents: actionButtons, richTextEditorStyleProps: editBoxRichTextEditorStyle, isHorizontalLayoutDisabled: true, 
-                /* @conditional-compile-remove(file-sharing-acs) */
-                onRenderAttachmentUploads: onRenderAttachmentUploads, 
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                onPaste: onPaste, 
-                /* @conditional-compile-remove(rich-text-editor-image-upload) */
-                onInsertInlineImage: onInsertInlineImage
-                    ? (imageAttributes) => {
-                        onInsertInlineImage(imageAttributes, message.messageId);
-                    }
-                    : undefined })));
-    };
-    const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
-    return (React.createElement(ChatMyMessage, { attached: attached, root: {
-            className: mergeClasses(chatMyMessageStyles.root, 
-            /* @conditional-compile-remove(file-sharing-acs) */
-            hasMultipleAttachments ? chatMyMessageStyles.multipleAttachmentsInEditing : undefined)
-        }, body: {
-            className: mergeClasses(editContainerStyles.body, attached !== 'top' ? editContainerStyles.bodyAttached : undefined)
-        } }, getContent()));
-};
-export default ChatMessageComponentAsRichTextEditBox;
-//# sourceMappingURL=ChatMessageComponentAsRichTextEditBox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatMessageComponentAsRichTextEditBox.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/components/ChatMessage/MyMessageComponents/ChatMessageComponentAsRichTextEditBox.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles, Stack } from '@fluentui/react';\nimport { ChatMyMessage } from '@fluentui-contrib/react-chat';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { _formatString } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { AttachmentMetadataInProgress } from '@internal/acs-ui-common';\nimport { useTheme } from '../../../theming';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { useReducer } from 'react';\nimport { editBoxWidthStyles, richTextEditBoxActionButtonIcon } from '../../styles/EditBox.styles';\nimport { InputBoxButton } from '../../InputBoxButton';\nimport { MessageThreadStrings } from '../../MessageThread';\nimport { useChatMyMessageStyles } from '../../styles/MessageThread.styles';\nimport { ChatMessage } from '../../../types';\nimport { _AttachmentUploadCards } from '../../Attachment/AttachmentUploadCards';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\nimport { useChatMessageRichTextEditContainerStyles } from '../../styles/ChatMessageComponent.styles';\nimport { MAXIMUM_LENGTH_OF_MESSAGE, modifyInlineImagesInContentString } from '../../utils/SendBoxUtils';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport {\n  hasIncompleteAttachmentUploads,\n  removeBrokenImageContentAndClearImageSizeStyles,\n  getContentWithUpdatedInlineImagesInfo,\n  isMessageTooLong\n} from '../../utils/SendBoxUtils';\nimport {\n  getMessageState,\n  onRenderCancelIcon,\n  onRenderSubmitIcon\n} from '../../utils/ChatMessageComponentAsEditBoxUtils';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport {\n  attachmentMetadataReducer,\n  getMessageWithAttachmentMetadata,\n  doesMessageContainMultipleAttachments\n} from '../../utils/ChatMessageComponentAsEditBoxUtils';\nimport { RichTextEditorComponentRef } from '../../RichTextEditor/RichTextEditor';\nimport { RichTextInputBoxComponent } from '../../RichTextEditor/RichTextInputBoxComponent';\nimport { editBoxRichTextEditorStyle, richTextActionButtonsStyle } from '../../styles/RichTextEditor.styles';\nimport { RichTextSendBoxErrors } from '../../RichTextEditor/RichTextSendBoxErrors';\nimport { useLocale } from '../../../localization';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { FluentV9ThemeProvider } from '../../../theming/FluentV9ThemeProvider';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { attachmentUploadCardsStyles } from '../../styles/SendBox.styles';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { SendBoxErrorBarError, SendBoxErrorBarType } from '../../SendBoxErrorBar';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { BROKEN_IMAGE_SVG_DATA } from '../../styles/Common.style';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { getPreviousInlineImages } from '../../utils/RichTextEditorUtils';\n\n/** @private */\nexport type ChatMessageComponentAsRichTextEditBoxProps = {\n  onCancel?: (messageId: string) => void;\n  onSubmit: (\n    text: string,\n    /* @conditional-compile-remove(file-sharing-acs) */\n    attachmentMetadata?: AttachmentMetadata[]\n  ) => void;\n  message: ChatMessage;\n  strings: MessageThreadStrings;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onPaste?: (event: { content: DocumentFragment }) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onRemoveInlineImage?: (imageAttributes: Record<string, string>, messageId: string) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onInsertInlineImage?: (imageAttributes: Record<string, string>, messageId: string) => void;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  inlineImagesWithProgress?: AttachmentMetadataInProgress[];\n};\n\n/**\n * @private\n */\nexport const ChatMessageComponentAsRichTextEditBox = (\n  props: ChatMessageComponentAsRichTextEditBoxProps\n): JSX.Element => {\n  const {\n    onCancel,\n    onSubmit,\n    strings,\n    message,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    onPaste,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    onInsertInlineImage,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    inlineImagesWithProgress,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    onRemoveInlineImage\n  } = props;\n\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const [initialInlineImages, setInitialInlineImages] = useState<Record<string, string>[]>([]);\n\n  const initialContent = useMemo(() => {\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    const content = message.content;\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    setInitialInlineImages(getPreviousInlineImages(content));\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n    // The broken image element is a div element with all the attributes of the original image element.\n    // We need to convert it to a img element so the Rooster knows how to render it.\n    // And we need to copy over all the attributes such as id, width, etc.\n    // which is needed for sending the message with the images correctly.\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    document.querySelectorAll('.broken-image-wrapper').forEach((brokenImage) => {\n      const imageElement = document.createElement('img');\n      const attributes = brokenImage.attributes;\n      for (const attribute of attributes) {\n        imageElement.setAttribute(attribute.name, attribute.value);\n      }\n\n      imageElement.src = BROKEN_IMAGE_SVG_DATA;\n      imageElement.style.width = '3rem';\n      imageElement.style.height = '3rem';\n      brokenImage.parentElement?.replaceChild(imageElement, brokenImage);\n    });\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    return document.body.innerHTML;\n    return message.content;\n  }, [message]);\n\n  const [contentValue, setContentValue] = useState<string>(initialContent || '');\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const [contentValueWithInlineImagesOverflow, setContentValueWithInlineImagesOverflow] = useState(false);\n\n  /* @conditional-compile-remove(file-sharing-acs) */\n  const [attachmentMetadata, handleAttachmentAction] = useReducer(\n    attachmentMetadataReducer,\n    getMessageWithAttachmentMetadata(message) ?? []\n  );\n\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const [attachmentUploadsPendingError, setAttachmentUploadsPendingError] = useState<SendBoxErrorBarError | undefined>(\n    undefined\n  );\n  const editTextFieldRef = React.useRef<RichTextEditorComponentRef>(null);\n  const theme = useTheme();\n  const messageState = useMemo(() => {\n    // get plain text content from the editor to check if the message is empty\n    // as the content may contain tags even when the content is empty\n    const plainTextContent = editTextFieldRef.current?.getPlainContent() ?? contentValue;\n    return getMessageState(\n      plainTextContent,\n      /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata ?? []\n    );\n  }, [/* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata, contentValue]);\n\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  const imageUploadErrorMessage = useMemo(() => {\n    return inlineImagesWithProgress?.filter((image) => image.error).pop()?.error?.message;\n  }, [inlineImagesWithProgress]);\n\n  const submitEnabled = messageState === 'OK';\n\n  const editContainerStyles = useChatMessageRichTextEditContainerStyles();\n  const chatMyMessageStyles = useChatMyMessageStyles();\n  const locale = useLocale().strings;\n\n  const setContent = useCallback((newValue?: string): void => {\n    setContentValue(newValue ?? '');\n  }, []);\n\n  useEffect(() => {\n    editTextFieldRef.current?.focus();\n  }, []);\n\n  const textTooLongMessage = useMemo(() => {\n    return messageState === 'too long' ||\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow\n      ? _formatString(strings.editBoxTextLimit, { limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}` })\n      : undefined;\n  }, [\n    messageState,\n    strings.editBoxTextLimit,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */ contentValueWithInlineImagesOverflow\n  ]);\n\n  const iconClassName = useCallback(\n    (isHover: boolean) => {\n      const color = isHover ? theme.palette.accent : theme.palette.neutralSecondary;\n      return mergeStyles(richTextEditBoxActionButtonIcon, { color });\n    },\n    [theme.palette.accent, theme.palette.neutralSecondary]\n  );\n\n  const onRenderThemedCancelIcon = useCallback(\n    (isHover: boolean) => {\n      return onRenderCancelIcon(iconClassName(isHover));\n    },\n    [iconClassName]\n  );\n\n  const onRenderThemedSubmitIcon = useCallback(\n    (isHover: boolean) => {\n      return onRenderSubmitIcon(iconClassName(isHover));\n    },\n    [iconClassName]\n  );\n\n  /* @conditional-compile-remove(file-sharing-acs) */\n  const hasMultipleAttachments = useMemo(() => {\n    return doesMessageContainMultipleAttachments(message);\n  }, [message]);\n\n  const onSubmitHandler = useCallback((): void => {\n    if (!submitEnabled) {\n      return;\n    }\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    if (inlineImagesWithProgress && inlineImagesWithProgress.length > 0) {\n      const contentWithUpdatedInlineImagesInfo = getContentWithUpdatedInlineImagesInfo(\n        contentValue,\n        inlineImagesWithProgress\n      );\n      const messageTooLong = isMessageTooLong(contentWithUpdatedInlineImagesInfo.length);\n      // Set contentValueWithInlineImagesOverflow state to display the error bar\n      setContentValueWithInlineImagesOverflow(messageTooLong);\n      // The change from the setContentValueOverflow in the previous line will not kick in yet.\n      // We need to rely on the local value of messageTooLong to return early if the message is too long.\n      if (messageTooLong) {\n        return;\n      }\n    }\n\n    // Don't send message until all attachments have been uploaded successfully\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    setAttachmentUploadsPendingError(undefined);\n\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    if (hasIncompleteAttachmentUploads(inlineImagesWithProgress)) {\n      setAttachmentUploadsPendingError({\n        message: strings.imageUploadsPendingError,\n        timestamp: Date.now(),\n        errorBarType: SendBoxErrorBarType.info\n      });\n      return;\n    }\n\n    let content = contentValue;\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    content = removeBrokenImageContentAndClearImageSizeStyles(content);\n    let initInlineImages: Record<string, string>[] = [];\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    initInlineImages = initialInlineImages ?? [];\n    modifyInlineImagesInContentString(content, initInlineImages, (content: string) => {\n      // it's very important to pass an empty attachment here\n      // so when user removes all attachments, UI can reflect it instantly\n      // if you set it to undefined, the attachments pre-edited would still be there\n      // until edit message event is received\n      onSubmit(content, /* @conditional-compile-remove(file-sharing-acs) */ attachmentMetadata || []);\n    });\n  }, [\n    submitEnabled,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    inlineImagesWithProgress,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    initialInlineImages,\n    contentValue,\n    /* @conditional-compile-remove(rich-text-editor-image-upload) */\n    strings.imageUploadsPendingError,\n    onSubmit,\n    /* @conditional-compile-remove(file-sharing-acs) */\n    attachmentMetadata\n  ]);\n\n  const actionButtons = useMemo(() => {\n    return (\n      <Stack horizontal>\n        <InputBoxButton\n          className={richTextActionButtonsStyle}\n          ariaLabel={strings.editBoxCancelButton}\n          tooltipContent={strings.editBoxCancelButton}\n          onRenderIcon={onRenderThemedCancelIcon}\n          onClick={() => {\n            onCancel && onCancel(message.messageId);\n          }}\n          id={'dismissIconWrapper'}\n          data-testId={'chat-message-rich-text-edit-box-cancel-button'}\n        />\n        <InputBoxButton\n          className={richTextActionButtonsStyle}\n          ariaLabel={strings.editBoxSubmitButton}\n          tooltipContent={strings.editBoxSubmitButton}\n          onRenderIcon={onRenderThemedSubmitIcon}\n          onClick={(e) => {\n            onSubmitHandler();\n            e.stopPropagation();\n          }}\n          id={'submitIconWrapper'}\n          data-testId={'chat-message-rich-text-edit-box-submit-button'}\n        />\n      </Stack>\n    );\n  }, [\n    message.messageId,\n    onCancel,\n    onRenderThemedCancelIcon,\n    onRenderThemedSubmitIcon,\n    strings.editBoxCancelButton,\n    strings.editBoxSubmitButton,\n    onSubmitHandler\n  ]);\n  const richTextLocaleStrings = useMemo(() => {\n    /* @conditional-compile-remove(rich-text-editor) */\n    return { ...locale.richTextSendBox, ...strings };\n    return locale.sendBox;\n  }, [\n    /* @conditional-compile-remove(rich-text-editor) */ locale.richTextSendBox,\n    /* @conditional-compile-remove(rich-text-editor) */ strings,\n    locale.sendBox\n  ]);\n\n  /* @conditional-compile-remove(file-sharing-acs) */\n  const onCancelAttachmentUpload = useCallback((attachmentId: string) => {\n    // edit box only capable of removing attachments\n    // we need to expand attachment actions\n    // if we want to support more actions e.g. add\n    handleAttachmentAction({ type: 'remove', id: attachmentId });\n  }, []);\n\n  /* @conditional-compile-remove(file-sharing-acs) */\n  const onRenderAttachmentUploads = useCallback(() => {\n    return (\n      <Stack className={attachmentUploadCardsStyles}>\n        <FluentV9ThemeProvider v8Theme={theme}>\n          <_AttachmentUploadCards\n            attachments={attachmentMetadata}\n            onCancelAttachmentUpload={onCancelAttachmentUpload}\n          />\n        </FluentV9ThemeProvider>\n      </Stack>\n    );\n  }, [attachmentMetadata, onCancelAttachmentUpload, theme]);\n\n  const onChangeHandler = useCallback(\n    (\n      content: string | undefined,\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */\n      removedInlineImages?: Record<string, string>[]\n    ) => {\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */\n      removedInlineImages?.forEach((removedInlineImage: Record<string, string>) => {\n        onRemoveInlineImage && onRemoveInlineImage(removedInlineImage, message.messageId);\n      });\n      setContent(content);\n    },\n    [\n      setContent,\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ onRemoveInlineImage,\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */ message.messageId\n    ]\n  );\n\n  const getContent = (): JSX.Element => {\n    return (\n      <Stack className={mergeStyles(editBoxWidthStyles)}>\n        <RichTextSendBoxErrors\n          textTooLongMessage={textTooLongMessage}\n          systemMessage={message.failureReason}\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */ attachmentUploadsPendingError={\n            attachmentUploadsPendingError\n          }\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */\n          attachmentProgressError={\n            imageUploadErrorMessage\n              ? {\n                  message: imageUploadErrorMessage,\n                  timestamp: Date.now(),\n                  errorBarType: SendBoxErrorBarType.error\n                }\n              : undefined\n          }\n        />\n        <RichTextInputBoxComponent\n          placeholderText={strings.editBoxPlaceholderText}\n          onChange={onChangeHandler}\n          onEnterKeyDown={onSubmitHandler}\n          editorComponentRef={editTextFieldRef}\n          initialContent={initialContent}\n          strings={richTextLocaleStrings}\n          disabled={false}\n          actionComponents={actionButtons}\n          richTextEditorStyleProps={editBoxRichTextEditorStyle}\n          isHorizontalLayoutDisabled={true}\n          /* @conditional-compile-remove(file-sharing-acs) */\n          onRenderAttachmentUploads={onRenderAttachmentUploads}\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */\n          onPaste={onPaste}\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */\n          onInsertInlineImage={\n            onInsertInlineImage\n              ? (imageAttributes: Record<string, string>) => {\n                  onInsertInlineImage(imageAttributes, message.messageId);\n                }\n              : undefined\n          }\n        />\n      </Stack>\n    );\n  };\n\n  const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';\n  return (\n    <ChatMyMessage\n      attached={attached}\n      root={{\n        className: mergeClasses(\n          chatMyMessageStyles.root,\n          /* @conditional-compile-remove(file-sharing-acs) */\n          hasMultipleAttachments ? chatMyMessageStyles.multipleAttachmentsInEditing : undefined\n        )\n      }}\n      body={{\n        className: mergeClasses(\n          editContainerStyles.body,\n          attached !== 'top' ? editContainerStyles.bodyAttached : undefined\n        )\n      }}\n    >\n      {getContent()}\n    </ChatMyMessage>\n  );\n};\n\nexport default ChatMessageComponentAsRichTextEditBox;\n"]}