@azure/communication-react 1.19.0 → 1.20.0-alpha-202409190015

package/dist/dist-esm/chat-component-bindings/src/handlers/createHandlers.js

@@ -10,6 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { fromFlatCommunicationIdentifier } from "../../../acs-ui-common/src";
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+import { getImageAttachmentsFromHTMLContent } from '../utils/getImageAttachmentsFromHTMLContent';
 import memoizeOne from 'memoize-one';
 /**
  * Create the default implementation of {@link ChatHandlers}.
@@ -33,15 +35,68 @@ export const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClien
                     content,
                     senderDisplayName: chatClient.getState().displayName
                 };
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                const imageAttachments = getImageAttachmentsFromHTMLContent(content);
+                /* @conditional-compile-remove(file-sharing-acs) */
+                const hasAttachments = options &&
+                    'attachments' in options &&
+                    options.attachments &&
+                    options.attachments[0] &&
+                    !options.attachments[0].attachmentType;
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                const hasImages = options && imageAttachments && imageAttachments.length > 0;
+                /* @conditional-compile-remove(file-sharing-acs) */
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                if (
+                /* @conditional-compile-remove(file-sharing-acs) */ hasAttachments ||
+                    /* @conditional-compile-remove(rich-text-editor-image-upload) */ hasImages) {
+                    const chatSDKOptions = {
+                        metadata: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.metadata), { 
+                            /* @conditional-compile-remove(file-sharing-acs) */
+                            fileSharingMetadata: JSON.stringify(options.attachments) }),
+                        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                        attachments: imageAttachments,
+                        type: options.type
+                    };
+                    yield chatThreadClient.sendMessage(sendMessageRequest, chatSDKOptions);
+                    return;
+                }
                 yield chatThreadClient.sendMessage(sendMessageRequest, options);
             });
         },
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        onUploadImage: function (image, imageFilename) {
+            return __awaiter(this, void 0, void 0, function* () {
+                const imageResult = yield chatThreadClient.uploadImage(image, imageFilename);
+                return imageResult;
+            });
+        },
+        /* @conditional-compile-remove(rich-text-editor-image-upload) */
+        onDeleteImage: function (imageId) {
+            return __awaiter(this, void 0, void 0, function* () {
+                try {
+                    yield chatThreadClient.deleteImage(imageId);
+                }
+                catch (e) {
+                    console.log(`Error deleting image message: ${e}`);
+                }
+                return;
+            });
+        },
         // due to a bug in babel, we can't use arrow function here
         // affecting conditional-compile-remove(attachment-upload)
-        onUpdateMessage: function (messageId, content) {
+        onUpdateMessage: function (messageId, content, 
+        /* @conditional-compile-remove(file-sharing-acs) */
+        options) {
             return __awaiter(this, void 0, void 0, function* () {
+                /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                const imageAttachments = getImageAttachmentsFromHTMLContent(content);
                 const updateMessageOptions = {
-                    content
+                    content,
+                    /* @conditional-compile-remove(file-sharing-acs) */
+                    metadata: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.metadata), { fileSharingMetadata: JSON.stringify(options === null || options === void 0 ? void 0 : options.attachments) }),
+                    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+                    attachments: imageAttachments
                 };
                 yield chatThreadClient.updateMessage(messageId, updateMessageOptions);
             });
@@ -51,9 +106,7 @@ export const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClien
         }),
         // This handler is designed for chatThread to consume
         onMessageSeen: (chatMessageId) => __awaiter(void 0, void 0, void 0, function* () {
-            yield chatThreadClient.sendReadReceipt({
-                chatMessageId
-            });
+            yield chatThreadClient.sendReadReceipt({ chatMessageId });
         }),
         onTyping: () => __awaiter(void 0, void 0, void 0, function* () {
             yield chatThreadClient.sendTypingNotification();
@@ -69,9 +122,7 @@ export const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClien
             if (messageIterator === undefined) {
                 // Lazy definition so that errors in the method call are reported correctly.
                 // Also allows recovery via retries in case of transient errors.
-                messageIterator = chatThreadClient.listMessages({
-                    maxPageSize: 50
-                });
+                messageIterator = chatThreadClient.listMessages({ maxPageSize: 50 });
             }
             if (readReceiptIterator === undefined) {
                 readReceiptIterator = chatThreadClient.listReadReceipts();

package/dist/dist-esm/chat-component-bindings/src/handlers/createHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../preprocess-dist/chat-component-bindings/src/handlers/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAIlC,OAAO,EAAU,+BAA+B,EAAE,mCAAgC;AAGlF,OAAO,UAAU,MAAM,aAAa,CAAC;AAoBrC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAU,CAAC,CAAC,UAA8B,EAAE,gBAAkC,EAAgB,EAAE;IACvI,IAAI,eAAe,GAAwD,SAAS,CAAC;IACrF,IAAI,mBAAmB,GAAmE,SAAS,CAAC;IACpG,OAAO;QACL,0DAA0D;QAC1D,0DAA0D;QAC1D,aAAa,EAAE,UAAgB,OAAe,EAAE,OAA4B;;gBAC1E,MAAM,kBAAkB,GAAG;oBACzB,OAAO;oBACP,iBAAiB,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC,WAAW;iBACrD,CAAC;gBACF,MAAM,gBAAgB,CAAC,WAAW,CAAC,kBAAkB,EAAE,OAA6B,CAAC,CAAC;YACxF,CAAC;SAAA;QACD,0DAA0D;QAC1D,0DAA0D;QAC1D,eAAe,EAAE,UAAgB,SAAiB,EAAE,OAAe;;gBACjE,MAAM,oBAAoB,GAAG;oBAC3B,OAAO;iBACR,CAAC;gBACF,MAAM,gBAAgB,CAAC,aAAa,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;YACxE,CAAC;SAAA;QACD,eAAe,EAAE,CAAO,SAAiB,EAAE,EAAE;YAC3C,MAAM,gBAAgB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClD,CAAC,CAAA;QACD,qDAAqD;QACrD,aAAa,EAAE,CAAO,aAAqB,EAAE,EAAE;YAC7C,MAAM,gBAAgB,CAAC,eAAe,CAAC;gBACrC,aAAa;aACd,CAAC,CAAC;QACL,CAAC,CAAA;QACD,QAAQ,EAAE,GAAS,EAAE;YACnB,MAAM,gBAAgB,CAAC,sBAAsB,EAAE,CAAC;QAClD,CAAC,CAAA;QACD,mBAAmB,EAAE,CAAO,MAAc,EAAE,EAAE;YAC5C,MAAM,gBAAgB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,MAAM,CAAC,CAAC,CAAC;QACpF,CAAC,CAAA;QACD,qBAAqB,EAAE,CAAO,SAAiB,EAAE,EAAE;YACjD,MAAM,gBAAgB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC,CAAA;QACD,0BAA0B,EAAE,CAAO,cAAsB,EAAE,EAAE;;YAC3D,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;gBAClC,4EAA4E;gBAC5E,gEAAgE;gBAChE,eAAe,GAAG,gBAAgB,CAAC,YAAY,CAAC;oBAC9C,WAAW,EAAE,EAAE;iBAChB,CAAC,CAAC;YACL,CAAC;YACD,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;gBACtC,mBAAmB,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,CAAC;YAC5D,CAAC;YACD,gCAAgC;YAChC,IAAI,sBAAsB,GAAG,cAAc,CAAC;YAC5C,IAAI,uBAAuB,GAAG,KAAK,CAAC;YACpC,IAAI,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC;YAC3C,OAAO,sBAAsB,IAAI,CAAC,EAAE,CAAC;gBACnC,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC;gBAC7C,IAAI,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,EAAE,EAAE,CAAC;oBACvB,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC;wBAC9C,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;oBAC5C,CAAC;gBACH,CAAC;gBACD,IAAI,CAAA,MAAA,OAAO,CAAC,KAAK,0CAAE,IAAI,KAAI,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;oBACzD,sBAAsB,EAAE,CAAC;gBAC3B,CAAC;gBAED,gDAAgD;gBAChD,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;oBACjB,uBAAuB,GAAG,IAAI,CAAC;oBAC/B,MAAM;gBACR,CAAC;YACH,CAAC;YACD,6EAA6E;YAC7E,IAAI,WAAW,GAAG,MAAM,mBAAmB,CAAC,IAAI,EAAE,CAAC;YACnD,OAAO,CAAC,WAAW,CAAC,IAAI,IAAI,QAAQ,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,aAAa,CAAC,IAAI,YAAY,EAAE,CAAC;gBACxF,WAAW,GAAG,MAAM,mBAAmB,CAAC,IAAI,EAAE,CAAC;YACjD,CAAC;YACD,OAAO,uBAAuB,CAAC;QACjC,CAAC,CAAA;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAG,CAAS,UAA8B,EAAE,gBAAkC,EAAE,CAAwC,EAA+B,EAAE;IACzM,OAAO,yBAAyB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;AACjE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PagedAsyncIterableIterator } from '@azure/core-paging';\nimport { ReactElement } from 'react';\nimport { Common, fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { StatefulChatClient } from '@internal/chat-stateful-client';\nimport { ChatMessage, ChatMessageReadReceipt, ChatThreadClient, SendMessageOptions } from '@azure/communication-chat';\nimport memoizeOne from 'memoize-one';\n/**\n * Object containing all the handlers required for chat components.\n *\n * Chat related components from this package are able to pick out relevant handlers from this object.\n * See {@link useHandlers} and {@link usePropsFor}.\n *\n * @public\n */\nexport type ChatHandlers = {\n  onSendMessage: (content: string, options?: SendMessageOptions) => Promise<void>;\n  onMessageSeen: (chatMessageId: string) => Promise<void>;\n  onTyping: () => Promise<void>;\n  onRemoveParticipant: (userId: string) => Promise<void>;\n  updateThreadTopicName: (topicName: string) => Promise<void>;\n  onLoadPreviousChatMessages: (messagesToLoad: number) => Promise<boolean>;\n  onUpdateMessage: (messageId: string, content: string) => Promise<void>;\n  onDeleteMessage: (messageId: string) => Promise<void>;\n};\n\n/**\n * Create the default implementation of {@link ChatHandlers}.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * Returned object is memoized to avoid rerenders when used as props for React Components.\n *\n * @public\n */\nexport const createDefaultChatHandlers = memoizeOne((chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient): ChatHandlers => {\n  let messageIterator: PagedAsyncIterableIterator<ChatMessage> | undefined = undefined;\n  let readReceiptIterator: PagedAsyncIterableIterator<ChatMessageReadReceipt> | undefined = undefined;\n  return {\n    // due to a bug in babel, we can't use arrow function here\n    // affecting conditional-compile-remove(attachment-upload)\n    onSendMessage: async function (content: string, options?: SendMessageOptions) {\n      const sendMessageRequest = {\n        content,\n        senderDisplayName: chatClient.getState().displayName\n      };\n      await chatThreadClient.sendMessage(sendMessageRequest, options as SendMessageOptions);\n    },\n    // due to a bug in babel, we can't use arrow function here\n    // affecting conditional-compile-remove(attachment-upload)\n    onUpdateMessage: async function (messageId: string, content: string) {\n      const updateMessageOptions = {\n        content\n      };\n      await chatThreadClient.updateMessage(messageId, updateMessageOptions);\n    },\n    onDeleteMessage: async (messageId: string) => {\n      await chatThreadClient.deleteMessage(messageId);\n    },\n    // This handler is designed for chatThread to consume\n    onMessageSeen: async (chatMessageId: string) => {\n      await chatThreadClient.sendReadReceipt({\n        chatMessageId\n      });\n    },\n    onTyping: async () => {\n      await chatThreadClient.sendTypingNotification();\n    },\n    onRemoveParticipant: async (userId: string) => {\n      await chatThreadClient.removeParticipant(fromFlatCommunicationIdentifier(userId));\n    },\n    updateThreadTopicName: async (topicName: string) => {\n      await chatThreadClient.updateTopic(topicName);\n    },\n    onLoadPreviousChatMessages: async (messagesToLoad: number) => {\n      if (messageIterator === undefined) {\n        // Lazy definition so that errors in the method call are reported correctly.\n        // Also allows recovery via retries in case of transient errors.\n        messageIterator = chatThreadClient.listMessages({\n          maxPageSize: 50\n        });\n      }\n      if (readReceiptIterator === undefined) {\n        readReceiptIterator = chatThreadClient.listReadReceipts();\n      }\n      // get the earliest message time\n      let remainingMessagesToGet = messagesToLoad;\n      let isAllChatMessagesLoaded = false;\n      let earliestTime = Number.MAX_SAFE_INTEGER;\n      while (remainingMessagesToGet >= 1) {\n        const message = await messageIterator.next();\n        if (message?.value?.id) {\n          if (parseInt(message.value.id) < earliestTime) {\n            earliestTime = parseInt(message.value.id);\n          }\n        }\n        if (message.value?.type && message.value.type === 'text') {\n          remainingMessagesToGet--;\n        }\n\n        // We have traversed all messages in this thread\n        if (message.done) {\n          isAllChatMessagesLoaded = true;\n          break;\n        }\n      }\n      // keep fetching read receipts until read receipt time < earlist message time\n      let readReceipt = await readReceiptIterator.next();\n      while (!readReceipt.done && parseInt(readReceipt?.value?.chatMessageId) >= earliestTime) {\n        readReceipt = await readReceiptIterator.next();\n      }\n      return isAllChatMessagesLoaded;\n    }\n  };\n});\n\n/**\n * Create a set of default handlers for given component.\n *\n * Returned object is memoized (with reference to the arguments) to avoid\n * renders when used as props for React Components.\n *\n * @public\n */\nexport const createDefaultChatHandlersForComponent = <Props,>(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, _: (props: Props) => ReactElement | null): Common<ChatHandlers, Props> => {\n  return createDefaultChatHandlers(chatClient, chatThreadClient);\n};"]}
+{"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../chat-component-bindings/src/handlers/createHandlers.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PagedAsyncIterableIterator } from '@azure/core-paging';\nimport { ReactElement } from 'react';\nimport { Common, fromFlatCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { StatefulChatClient } from '@internal/chat-stateful-client';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { ChatAttachment } from '@azure/communication-chat';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { UploadChatImageResult } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { getImageAttachmentsFromHTMLContent } from '../utils/getImageAttachmentsFromHTMLContent';\nimport { ChatMessage, ChatMessageReadReceipt, ChatThreadClient, SendMessageOptions } from '@azure/communication-chat';\nimport memoizeOne from 'memoize-one';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { MessageOptions } from '@internal/acs-ui-common';\n\n/**\n * Object containing all the handlers required for chat components.\n *\n * Chat related components from this package are able to pick out relevant handlers from this object.\n * See {@link useHandlers} and {@link usePropsFor}.\n *\n * @public\n */\nexport type ChatHandlers = {\n  onSendMessage: (\n    content: string,\n    options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions\n  ) => Promise<void>;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onUploadImage: (image: Blob, imageFilename: string) => Promise<UploadChatImageResult>;\n  /* @conditional-compile-remove(rich-text-editor-image-upload) */\n  onDeleteImage: (imageId: string) => Promise<void>;\n  onMessageSeen: (chatMessageId: string) => Promise<void>;\n  onTyping: () => Promise<void>;\n  onRemoveParticipant: (userId: string) => Promise<void>;\n  updateThreadTopicName: (topicName: string) => Promise<void>;\n  onLoadPreviousChatMessages: (messagesToLoad: number) => Promise<boolean>;\n  onUpdateMessage: (\n    messageId: string,\n    content: string,\n    /* @conditional-compile-remove(file-sharing-acs) */\n    options?: MessageOptions\n  ) => Promise<void>;\n  onDeleteMessage: (messageId: string) => Promise<void>;\n};\n\n/**\n * Create the default implementation of {@link ChatHandlers}.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * Returned object is memoized to avoid rerenders when used as props for React Components.\n *\n * @public\n */\nexport const createDefaultChatHandlers = memoizeOne(\n  (chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient): ChatHandlers => {\n    let messageIterator: PagedAsyncIterableIterator<ChatMessage> | undefined = undefined;\n    let readReceiptIterator: PagedAsyncIterableIterator<ChatMessageReadReceipt> | undefined = undefined;\n    return {\n      // due to a bug in babel, we can't use arrow function here\n      // affecting conditional-compile-remove(attachment-upload)\n      onSendMessage: async function (\n        content: string,\n        options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions\n      ) {\n        const sendMessageRequest = {\n          content,\n          senderDisplayName: chatClient.getState().displayName\n        };\n\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        const imageAttachments: ChatAttachment[] | undefined = getImageAttachmentsFromHTMLContent(content);\n\n        /* @conditional-compile-remove(file-sharing-acs) */\n        const hasAttachments =\n          options &&\n          'attachments' in options &&\n          options.attachments &&\n          options.attachments[0] &&\n          !(options.attachments[0] as ChatAttachment).attachmentType;\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        const hasImages = options && imageAttachments && imageAttachments.length > 0;\n\n        /* @conditional-compile-remove(file-sharing-acs) */\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        if (\n          /* @conditional-compile-remove(file-sharing-acs) */ hasAttachments ||\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */ hasImages\n        ) {\n          const chatSDKOptions: SendMessageOptions = {\n            metadata: {\n              ...options?.metadata,\n              /* @conditional-compile-remove(file-sharing-acs) */\n              fileSharingMetadata: JSON.stringify(options.attachments)\n            },\n            /* @conditional-compile-remove(rich-text-editor-image-upload) */\n            attachments: imageAttachments,\n            type: options.type\n          };\n          await chatThreadClient.sendMessage(sendMessageRequest, chatSDKOptions);\n          return;\n        }\n\n        await chatThreadClient.sendMessage(sendMessageRequest, options as SendMessageOptions);\n      },\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */\n      onUploadImage: async function (image: Blob, imageFilename: string): Promise<UploadChatImageResult> {\n        const imageResult = await chatThreadClient.uploadImage(image, imageFilename);\n        return imageResult;\n      },\n      /* @conditional-compile-remove(rich-text-editor-image-upload) */\n      onDeleteImage: async function (imageId: string): Promise<void> {\n        try {\n          await chatThreadClient.deleteImage(imageId);\n        } catch (e) {\n          console.log(`Error deleting image message: ${e}`);\n        }\n        return;\n      },\n      // due to a bug in babel, we can't use arrow function here\n      // affecting conditional-compile-remove(attachment-upload)\n      onUpdateMessage: async function (\n        messageId: string,\n        content: string,\n        /* @conditional-compile-remove(file-sharing-acs) */\n        options?: MessageOptions\n      ) {\n        /* @conditional-compile-remove(rich-text-editor-image-upload) */\n        const imageAttachments: ChatAttachment[] | undefined = getImageAttachmentsFromHTMLContent(content);\n\n        const updateMessageOptions = {\n          content,\n          /* @conditional-compile-remove(file-sharing-acs) */\n          metadata: {\n            ...options?.metadata,\n            fileSharingMetadata: JSON.stringify(options?.attachments)\n          },\n          /* @conditional-compile-remove(rich-text-editor-image-upload) */\n          attachments: imageAttachments\n        };\n        await chatThreadClient.updateMessage(messageId, updateMessageOptions);\n      },\n      onDeleteMessage: async (messageId: string) => {\n        await chatThreadClient.deleteMessage(messageId);\n      },\n      // This handler is designed for chatThread to consume\n      onMessageSeen: async (chatMessageId: string) => {\n        await chatThreadClient.sendReadReceipt({ chatMessageId });\n      },\n      onTyping: async () => {\n        await chatThreadClient.sendTypingNotification();\n      },\n      onRemoveParticipant: async (userId: string) => {\n        await chatThreadClient.removeParticipant(fromFlatCommunicationIdentifier(userId));\n      },\n      updateThreadTopicName: async (topicName: string) => {\n        await chatThreadClient.updateTopic(topicName);\n      },\n      onLoadPreviousChatMessages: async (messagesToLoad: number) => {\n        if (messageIterator === undefined) {\n          // Lazy definition so that errors in the method call are reported correctly.\n          // Also allows recovery via retries in case of transient errors.\n          messageIterator = chatThreadClient.listMessages({ maxPageSize: 50 });\n        }\n        if (readReceiptIterator === undefined) {\n          readReceiptIterator = chatThreadClient.listReadReceipts();\n        }\n        // get the earliest message time\n        let remainingMessagesToGet = messagesToLoad;\n        let isAllChatMessagesLoaded = false;\n        let earliestTime = Number.MAX_SAFE_INTEGER;\n        while (remainingMessagesToGet >= 1) {\n          const message = await messageIterator.next();\n          if (message?.value?.id) {\n            if (parseInt(message.value.id) < earliestTime) {\n              earliestTime = parseInt(message.value.id);\n            }\n          }\n\n          if (message.value?.type && message.value.type === 'text') {\n            remainingMessagesToGet--;\n          }\n\n          // We have traversed all messages in this thread\n          if (message.done) {\n            isAllChatMessagesLoaded = true;\n            break;\n          }\n        }\n        // keep fetching read receipts until read receipt time < earlist message time\n        let readReceipt = await readReceiptIterator.next();\n        while (!readReceipt.done && parseInt(readReceipt?.value?.chatMessageId) >= earliestTime) {\n          readReceipt = await readReceiptIterator.next();\n        }\n\n        return isAllChatMessagesLoaded;\n      }\n    };\n  }\n);\n\n/**\n * Create a set of default handlers for given component.\n *\n * Returned object is memoized (with reference to the arguments) to avoid\n * renders when used as props for React Components.\n *\n * @public\n */\nexport const createDefaultChatHandlersForComponent = <Props>(\n  chatClient: StatefulChatClient,\n  chatThreadClient: ChatThreadClient,\n  _: (props: Props) => ReactElement | null\n): Common<ChatHandlers, Props> => {\n  return createDefaultChatHandlers(chatClient, chatThreadClient);\n};\n"]}

package/dist/dist-esm/chat-component-bindings/src/hooks/useHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHandlers.js","sourceRoot":"","sources":["../../../../../preprocess-dist/chat-component-bindings/src/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,qCAAqC,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAIjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAU,SAAiD,EAA4C,EAAE;IAClI,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjD,MAAM,gBAAgB,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC7D,IAAI,CAAC,gBAAgB,IAAI,CAAC,UAAU,EAAE,CAAC;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,qCAAqC,CAAC,UAAU,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;AACxF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createDefaultChatHandlersForComponent } from '../handlers/createHandlers';\nimport { ChatClientContext } from '../providers/ChatClientProvider';\nimport { ChatThreadClientContext } from '../providers/ChatThreadClientProvider';\nimport { ReactElement, useContext } from 'react';\nimport { Common } from '@internal/acs-ui-common';\nimport { ChatHandlers } from '../handlers/createHandlers';\n\n/**\n * Hook to obtain a handler for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const useHandlers = <PropsT,>(component: (props: PropsT) => ReactElement | null): Common<ChatHandlers, PropsT> | undefined => {\n  const chatClient = useContext(ChatClientContext);\n  const chatThreadClient = useContext(ChatThreadClientContext);\n  if (!chatThreadClient || !chatClient) {\n    return undefined;\n  }\n  return createDefaultChatHandlersForComponent(chatClient, chatThreadClient, component);\n};"]}
+{"version":3,"file":"useHandlers.js","sourceRoot":"","sources":["../../../../../../chat-component-bindings/src/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,qCAAqC,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAIjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAAiD,EACP,EAAE;IAC5C,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjD,MAAM,gBAAgB,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC7D,IAAI,CAAC,gBAAgB,IAAI,CAAC,UAAU,EAAE,CAAC;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,qCAAqC,CAAC,UAAU,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;AACxF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createDefaultChatHandlersForComponent } from '../handlers/createHandlers';\nimport { ChatClientContext } from '../providers/ChatClientProvider';\nimport { ChatThreadClientContext } from '../providers/ChatThreadClientProvider';\nimport { ReactElement, useContext } from 'react';\nimport { Common } from '@internal/acs-ui-common';\nimport { ChatHandlers } from '../handlers/createHandlers';\n\n/**\n * Hook to obtain a handler for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const useHandlers = <PropsT>(\n  component: (props: PropsT) => ReactElement | null\n): Common<ChatHandlers, PropsT> | undefined => {\n  const chatClient = useContext(ChatClientContext);\n  const chatThreadClient = useContext(ChatThreadClientContext);\n  if (!chatThreadClient || !chatClient) {\n    return undefined;\n  }\n\n  return createDefaultChatHandlersForComponent(chatClient, chatThreadClient, component);\n};\n"]}

package/dist/dist-esm/chat-component-bindings/src/hooks/usePropsFor.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ErrorBar, MessageThread, ParticipantList, SendBox, TypingIndicator } from "../../../react-components/src";
+import type { RichTextSendBox } from "../../../react-components/src";
 import { SendBoxSelector } from '../sendBoxSelector';
 import { MessageThreadSelector } from '../messageThreadSelector';
 import { TypingIndicatorSelector } from '../typingIndicatorSelector';
@@ -31,7 +32,7 @@ export declare const usePropsFor: <Component extends (props: any) => JSX.Element
  *
  * @public
  */
-export type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : undefined;
+export type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof RichTextSendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : undefined;
 /**
  * Get the selector for a specified component.
  *

package/dist/dist-esm/chat-component-bindings/src/hooks/usePropsFor.js

@@ -63,6 +63,10 @@ const findSelector = (component) => {
         }
         return messageThreadSelectorImpl;
     };
+    /* @conditional-compile-remove(rich-text-editor) */
+    if (typeof component === 'function' && component.name === 'RichTextSendBox') {
+        return sendBoxSelector;
+    }
     switch (component) {
         case SendBox:
             return sendBoxSelector;

package/dist/dist-esm/chat-component-bindings/src/hooks/usePropsFor.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["../../../../../preprocess-dist/chat-component-bindings/src/hooks/usePropsFor.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAChH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAmB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAyB,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,EAA2B,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAG9F,OAAO,EAA+B,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC1G,OAAO,EAAoB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAiD,SAAoB,EAAwJ,EAAE;IACxP,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,WAAW,CAA2B,SAAS,CAAC,CAAC;IAClE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,gCACF,KAAK,GACL,QAAQ,CACL,CAAC;IACX,CAAC;IACD,OAAO,SAAgB,CAAC;AAC1B,CAAC,CAAC;AASF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAA6D,SAAoB,EAA0B,EAAE;IACtI,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACjC,CAAC,CAAC;AACF,MAAM,8BAA8B,GAEhC,EAAE,CAAC;AACP,MAAM,YAAY,GAAG,CAAC,SAAkD,EAAO,EAAE;IAC/E,8EAA8E;IAC9E,8FAA8F;IAC9F,yBAAyB;IACzB,MAAM,wBAAwB,GAAgC,GAAG,EAAE;;QACjE,MAAM,QAAQ,GAAG,MAAA,MAAA,UAAU,CAAC,uBAAuB,CAAC,0CAAE,QAAQ,mCAAI,iCAAiC,CAAC;QACpG,IAAI,yBAAyB,GAAG,8BAA8B,CAAC,QAAQ,CAAC,CAAC;QACzE,IAAI,CAAC,yBAAyB,EAAE,CAAC;YAC/B,8BAA8B,CAAC,QAAQ,CAAC,GAAG,+BAA+B,EAAE,CAAC;YAC7E,yBAAyB,GAAG,8BAA8B,CAAC,QAAQ,CAAC,CAAC;QACvE,CAAC;QACD,OAAO,yBAAyB,CAAC;IACnC,CAAC,CAAC;IACF,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,OAAO;YACV,OAAO,eAAe,CAAC;QACzB,KAAK,aAAa;YAChB,OAAO,wBAAwB,EAAE,CAAC;QACpC,KAAK,eAAe;YAClB,OAAO,uBAAuB,CAAC;QACjC,KAAK,eAAe;YAClB,OAAO,2BAA2B,CAAC;QACrC,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { ErrorBar, MessageThread, ParticipantList, SendBox, TypingIndicator } from '@internal/react-components';\nimport { useHandlers } from './useHandlers';\nimport { useSelector } from './useSelector';\nimport { SendBoxSelector, sendBoxSelector } from '../sendBoxSelector';\nimport { MessageThreadSelector, messageThreadSelectorWithThread } from '../messageThreadSelector';\nimport { TypingIndicatorSelector, typingIndicatorSelector } from '../typingIndicatorSelector';\nimport { Common, AreEqual } from '@internal/acs-ui-common';\nimport { ChatHandlers } from '../handlers/createHandlers';\nimport { ChatParticipantListSelector, chatParticipantListSelector } from '../chatParticipantListSelector';\nimport { ErrorBarSelector, errorBarSelector } from '../errorBarSelector';\nimport { ChatThreadClientContext } from '../providers/ChatThreadClientProvider';\nimport { useContext } from 'react';\n\n/**\n * Primary hook to get all hooks necessary for a chat Component.\n *\n * Most straightforward usage of chat components looks like:\n *\n * @example\n * ```\n *     import { ParticipantList, usePropsFor } from '@azure/communication-react';\n *\n *     const App = (): JSX.Element => {\n *         // ... code to setup Providers ...\n *\n *         return <ParticipantList {...usePropsFor(ParticipantList)}/>\n *     }\n * ```\n *\n * @public\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element,>(component: Component): GetSelector<Component> extends (props: any) => any ? ReturnType<GetSelector<Component>> & Common<ChatHandlers, Parameters<Component>[0]> : undefined => {\n  const selector = getSelector(component);\n  const props = useSelector(selector);\n  const handlers = useHandlers<Parameters<Component>[0]>(component);\n  if (props !== undefined) {\n    return {\n      ...props,\n      ...handlers\n    } as any;\n  }\n  return undefined as any;\n};\n\n/**\n * Specific type of the selector applicable to a given Component.\n *\n * @public\n */\nexport type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof SendBox> extends true ? SendBoxSelector : AreEqual<Component, typeof MessageThread> extends true ? MessageThreadSelector : AreEqual<Component, typeof TypingIndicator> extends true ? TypingIndicatorSelector : AreEqual<Component, typeof ParticipantList> extends true ? ChatParticipantListSelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : undefined;\n\n/**\n * Get the selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const getSelector = <Component extends (props: any) => JSX.Element | undefined,>(component: Component): GetSelector<Component> => {\n  return findSelector(component);\n};\nconst messageThreadSelectorsByThread: {\n  [key: string]: MessageThreadSelector;\n} = {};\nconst findSelector = (component: (props: any) => JSX.Element | undefined): any => {\n  // For the message thread selector we need to create a new one for each thread\n  // If we have just one for the entire app, then we will have updates when not expecting due to\n  // the arguments changing\n  const getMessageThreadSelector: () => MessageThreadSelector = () => {\n    const threadId = useContext(ChatThreadClientContext)?.threadId ?? 'default-id-when-not-in-provider';\n    let messageThreadSelectorImpl = messageThreadSelectorsByThread[threadId];\n    if (!messageThreadSelectorImpl) {\n      messageThreadSelectorsByThread[threadId] = messageThreadSelectorWithThread();\n      messageThreadSelectorImpl = messageThreadSelectorsByThread[threadId];\n    }\n    return messageThreadSelectorImpl;\n  };\n  switch (component) {\n    case SendBox:\n      return sendBoxSelector;\n    case MessageThread:\n      return getMessageThreadSelector();\n    case TypingIndicator:\n      return typingIndicatorSelector;\n    case ParticipantList:\n      return chatParticipantListSelector;\n    case ErrorBar:\n      return errorBarSelector;\n  }\n  return undefined;\n};"]}
+{"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["../../../../../../chat-component-bindings/src/hooks/usePropsFor.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAKhH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAmB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAyB,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,EAA2B,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAG9F,OAAO,EAA+B,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC1G,OAAO,EAAoB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAAoB,EAGR,EAAE;IACd,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,WAAW,CAA2B,SAAS,CAAC,CAAC;IAClE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,gCAAK,KAAK,GAAK,QAAQ,CAAS,CAAC;IAC1C,CAAC;IACD,OAAO,SAAgB,CAAC;AAC1B,CAAC,CAAC;AAsBF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAAoB,EACI,EAAE;IAC1B,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAA6C,EAAE,CAAC;AAEpF,MAAM,YAAY,GAAG,CAAC,SAAkD,EAAO,EAAE;IAC/E,8EAA8E;IAC9E,8FAA8F;IAC9F,yBAAyB;IACzB,MAAM,wBAAwB,GAAgC,GAAG,EAAE;;QACjE,MAAM,QAAQ,GAAG,MAAA,MAAA,UAAU,CAAC,uBAAuB,CAAC,0CAAE,QAAQ,mCAAI,iCAAiC,CAAC;QACpG,IAAI,yBAAyB,GAAG,8BAA8B,CAAC,QAAQ,CAAC,CAAC;QACzE,IAAI,CAAC,yBAAyB,EAAE,CAAC;YAC/B,8BAA8B,CAAC,QAAQ,CAAC,GAAG,+BAA+B,EAAE,CAAC;YAC7E,yBAAyB,GAAG,8BAA8B,CAAC,QAAQ,CAAC,CAAC;QACvE,CAAC;QACD,OAAO,yBAAyB,CAAC;IACnC,CAAC,CAAC;IACF,mDAAmD;IACnD,IAAI,OAAO,SAAS,KAAK,UAAU,IAAI,SAAS,CAAC,IAAI,KAAK,iBAAiB,EAAE,CAAC;QAC5E,OAAO,eAAe,CAAC;IACzB,CAAC;IACD,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,OAAO;YACV,OAAO,eAAe,CAAC;QACzB,KAAK,aAAa;YAChB,OAAO,wBAAwB,EAAE,CAAC;QACpC,KAAK,eAAe;YAClB,OAAO,uBAAuB,CAAC;QACjC,KAAK,eAAe;YAClB,OAAO,2BAA2B,CAAC;QACrC,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { ErrorBar, MessageThread, ParticipantList, SendBox, TypingIndicator } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor) */\nimport type { RichTextSendBox } from '@internal/react-components';\n\nimport { useHandlers } from './useHandlers';\nimport { useSelector } from './useSelector';\nimport { SendBoxSelector, sendBoxSelector } from '../sendBoxSelector';\nimport { MessageThreadSelector, messageThreadSelectorWithThread } from '../messageThreadSelector';\nimport { TypingIndicatorSelector, typingIndicatorSelector } from '../typingIndicatorSelector';\nimport { Common, AreEqual } from '@internal/acs-ui-common';\nimport { ChatHandlers } from '../handlers/createHandlers';\nimport { ChatParticipantListSelector, chatParticipantListSelector } from '../chatParticipantListSelector';\nimport { ErrorBarSelector, errorBarSelector } from '../errorBarSelector';\nimport { ChatThreadClientContext } from '../providers/ChatThreadClientProvider';\nimport { useContext } from 'react';\n\n/**\n * Primary hook to get all hooks necessary for a chat Component.\n *\n * Most straightforward usage of chat components looks like:\n *\n * @example\n * ```\n *     import { ParticipantList, usePropsFor } from '@azure/communication-react';\n *\n *     const App = (): JSX.Element => {\n *         // ... code to setup Providers ...\n *\n *         return <ParticipantList {...usePropsFor(ParticipantList)}/>\n *     }\n * ```\n *\n * @public\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element>(\n  component: Component\n): GetSelector<Component> extends (props: any) => any\n  ? ReturnType<GetSelector<Component>> & Common<ChatHandlers, Parameters<Component>[0]>\n  : undefined => {\n  const selector = getSelector(component);\n  const props = useSelector(selector);\n  const handlers = useHandlers<Parameters<Component>[0]>(component);\n  if (props !== undefined) {\n    return { ...props, ...handlers } as any;\n  }\n  return undefined as any;\n};\n\n/**\n * Specific type of the selector applicable to a given Component.\n *\n * @public\n */\nexport type GetSelector<Component extends (props: any) => JSX.Element | undefined> =\n  AreEqual<Component, typeof SendBox> extends true\n    ? SendBoxSelector\n    : AreEqual<Component, typeof RichTextSendBox> extends true\n      ? /* @conditional-compile-remove(rich-text-editor) */ SendBoxSelector\n      : AreEqual<Component, typeof MessageThread> extends true\n        ? MessageThreadSelector\n        : AreEqual<Component, typeof TypingIndicator> extends true\n          ? TypingIndicatorSelector\n          : AreEqual<Component, typeof ParticipantList> extends true\n            ? ChatParticipantListSelector\n            : AreEqual<Component, typeof ErrorBar> extends true\n              ? ErrorBarSelector\n              : undefined;\n\n/**\n * Get the selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const getSelector = <Component extends (props: any) => JSX.Element | undefined>(\n  component: Component\n): GetSelector<Component> => {\n  return findSelector(component);\n};\n\nconst messageThreadSelectorsByThread: { [key: string]: MessageThreadSelector } = {};\n\nconst findSelector = (component: (props: any) => JSX.Element | undefined): any => {\n  // For the message thread selector we need to create a new one for each thread\n  // If we have just one for the entire app, then we will have updates when not expecting due to\n  // the arguments changing\n  const getMessageThreadSelector: () => MessageThreadSelector = () => {\n    const threadId = useContext(ChatThreadClientContext)?.threadId ?? 'default-id-when-not-in-provider';\n    let messageThreadSelectorImpl = messageThreadSelectorsByThread[threadId];\n    if (!messageThreadSelectorImpl) {\n      messageThreadSelectorsByThread[threadId] = messageThreadSelectorWithThread();\n      messageThreadSelectorImpl = messageThreadSelectorsByThread[threadId];\n    }\n    return messageThreadSelectorImpl;\n  };\n  /* @conditional-compile-remove(rich-text-editor) */\n  if (typeof component === 'function' && component.name === 'RichTextSendBox') {\n    return sendBoxSelector;\n  }\n  switch (component) {\n    case SendBox:\n      return sendBoxSelector;\n    case MessageThread:\n      return getMessageThreadSelector();\n    case TypingIndicator:\n      return typingIndicatorSelector;\n    case ParticipantList:\n      return chatParticipantListSelector;\n    case ErrorBar:\n      return errorBarSelector;\n  }\n  return undefined;\n};\n"]}

package/dist/dist-esm/chat-component-bindings/src/hooks/useSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelector.js","sourceRoot":"","sources":["../../../../../preprocess-dist/chat-component-bindings/src/hooks/useSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAEhF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAsG,QAAgB,EAAE,aAAwC,EAAgE,EAAE;;IAC3P,MAAM,UAAU,GAAmC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjF,MAAM,QAAQ,GAAG,MAAA,UAAU,CAAC,uBAAuB,CAAC,0CAAE,QAAQ,CAAC;IAE/D,sHAAsH;IACtH,qHAAqH;IACrH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACvC,QAAQ;KACT,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7I,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,CAAC,KAAsB,EAAQ,EAAE;YACrD,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC;YACrE,IAAI,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBACjC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QACF,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC7D,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AACtC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ChatClientState, StatefulChatClient } from '@internal/chat-stateful-client';\nimport { ChatClientContext } from '../providers/ChatClientProvider';\nimport { useState, useEffect, useRef, useMemo, useContext } from 'react';\nimport { ChatThreadClientContext } from '../providers/ChatThreadClientProvider';\n\n/**\n * Hook to obtain a selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const useSelector = <SelectorT extends (state: ChatClientState, props: any) => any, ParamT extends SelectorT | undefined>(selector: ParamT, selectorProps?: Parameters<SelectorT>[1]): ParamT extends SelectorT ? ReturnType<SelectorT> : undefined => {\n  const chatClient: StatefulChatClient | undefined = useContext(ChatClientContext);\n  const threadId = useContext(ChatThreadClientContext)?.threadId;\n\n  // Keeps track of whether the current component is mounted or not. If it has unmounted, make sure we do not modify the\n  // state or it will cause React warnings in the console. https://skype.visualstudio.com/SPOOL/_workitems/edit/2453212\n  const mounted = useRef(false);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  });\n  const threadConfigProps = useMemo(() => ({\n    threadId\n  }), [threadId]);\n  const [props, setProps] = useState(chatClient && selector ? selector(chatClient.getState(), selectorProps ?? threadConfigProps) : undefined);\n  const propRef = useRef(props);\n  propRef.current = props;\n  useEffect(() => {\n    if (!chatClient || !selector) {\n      return;\n    }\n    const onStateChange = (state: ChatClientState): void => {\n      const newProps = selector(state, selectorProps ?? threadConfigProps);\n      if (propRef.current !== newProps) {\n        setProps(newProps);\n      }\n    };\n    chatClient.onStateChange(onStateChange);\n    return () => {\n      chatClient.offStateChange(onStateChange);\n    };\n  }, [chatClient, selector, selectorProps, threadConfigProps]);\n  return selector ? props : undefined;\n};"]}
+{"version":3,"file":"useSelector.js","sourceRoot":"","sources":["../../../../../../chat-component-bindings/src/hooks/useSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAEhF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAIzB,QAAgB,EAChB,aAAwC,EACsB,EAAE;;IAChE,MAAM,UAAU,GAAmC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjF,MAAM,QAAQ,GAAG,MAAA,UAAU,CAAC,uBAAuB,CAAC,0CAAE,QAAQ,CAAC;IAE/D,sHAAsH;IACtH,qHAAqH;IACrH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;KACT,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CACzG,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,CAAC,KAAsB,EAAQ,EAAE;YACrD,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC;YACrE,IAAI,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBACjC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QACF,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC7D,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AACtC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ChatClientState, StatefulChatClient } from '@internal/chat-stateful-client';\nimport { ChatClientContext } from '../providers/ChatClientProvider';\n\nimport { useState, useEffect, useRef, useMemo, useContext } from 'react';\nimport { ChatThreadClientContext } from '../providers/ChatThreadClientProvider';\n\n/**\n * Hook to obtain a selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const useSelector = <\n  SelectorT extends (state: ChatClientState, props: any) => any,\n  ParamT extends SelectorT | undefined\n>(\n  selector: ParamT,\n  selectorProps?: Parameters<SelectorT>[1]\n): ParamT extends SelectorT ? ReturnType<SelectorT> : undefined => {\n  const chatClient: StatefulChatClient | undefined = useContext(ChatClientContext);\n  const threadId = useContext(ChatThreadClientContext)?.threadId;\n\n  // Keeps track of whether the current component is mounted or not. If it has unmounted, make sure we do not modify the\n  // state or it will cause React warnings in the console. https://skype.visualstudio.com/SPOOL/_workitems/edit/2453212\n  const mounted = useRef(false);\n\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  });\n\n  const threadConfigProps = useMemo(\n    () => ({\n      threadId\n    }),\n    [threadId]\n  );\n\n  const [props, setProps] = useState(\n    chatClient && selector ? selector(chatClient.getState(), selectorProps ?? threadConfigProps) : undefined\n  );\n  const propRef = useRef(props);\n  propRef.current = props;\n  useEffect(() => {\n    if (!chatClient || !selector) {\n      return;\n    }\n    const onStateChange = (state: ChatClientState): void => {\n      const newProps = selector(state, selectorProps ?? threadConfigProps);\n      if (propRef.current !== newProps) {\n        setProps(newProps);\n      }\n    };\n    chatClient.onStateChange(onStateChange);\n    return () => {\n      chatClient.offStateChange(onStateChange);\n    };\n  }, [chatClient, selector, selectorProps, threadConfigProps]);\n  return selector ? props : undefined;\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../preprocess-dist/chat-component-bindings/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,yBAAyB,EAAE,qCAAqC,EAAE,MAAM,2BAA2B,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AACrG,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACrG,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { createDefaultChatHandlers, createDefaultChatHandlersForComponent } from './handlers/createHandlers';\nexport { ChatClientProvider, useChatClient } from './providers/ChatClientProvider';\nexport { ChatThreadClientProvider, useChatThreadClient } from './providers/ChatThreadClientProvider';\nexport { usePropsFor as useChatPropsFor, getSelector as getChatSelector } from './hooks/usePropsFor';\nexport { useSelector as useChatSelector } from './hooks/useSelector';\nexport { useHandlers as useChatHandlers } from './hooks/useHandlers';\nexport type { ChatClientProviderProps } from './providers/ChatClientProvider';\nexport type { ChatThreadClientProviderProps } from './providers/ChatThreadClientProvider';\nexport type { ChatBaseSelectorProps } from './baseSelectors';\nexport type { ChatHandlers } from './handlers/createHandlers';\nexport type { GetSelector as GetChatSelector } from './hooks/usePropsFor';\nexport type { MessageThreadSelector } from './messageThreadSelector';\nexport type { SendBoxSelector } from './sendBoxSelector';\nexport type { ChatParticipantListSelector } from './chatParticipantListSelector';\nexport type { TypingIndicatorSelector } from './typingIndicatorSelector';\nexport type { ErrorBarSelector } from './errorBarSelector';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../chat-component-bindings/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,yBAAyB,EAAE,qCAAqC,EAAE,MAAM,2BAA2B,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AACrG,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACrG,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport { createDefaultChatHandlers, createDefaultChatHandlersForComponent } from './handlers/createHandlers';\nexport { ChatClientProvider, useChatClient } from './providers/ChatClientProvider';\nexport { ChatThreadClientProvider, useChatThreadClient } from './providers/ChatThreadClientProvider';\nexport { usePropsFor as useChatPropsFor, getSelector as getChatSelector } from './hooks/usePropsFor';\nexport { useSelector as useChatSelector } from './hooks/useSelector';\nexport { useHandlers as useChatHandlers } from './hooks/useHandlers';\n\nexport type { ChatClientProviderProps } from './providers/ChatClientProvider';\nexport type { ChatThreadClientProviderProps } from './providers/ChatThreadClientProvider';\nexport type { ChatBaseSelectorProps } from './baseSelectors';\nexport type { ChatHandlers } from './handlers/createHandlers';\nexport type { GetSelector as GetChatSelector } from './hooks/usePropsFor';\n\nexport type { MessageThreadSelector } from './messageThreadSelector';\nexport type { SendBoxSelector } from './sendBoxSelector';\nexport type { ChatParticipantListSelector } from './chatParticipantListSelector';\nexport type { TypingIndicatorSelector } from './typingIndicatorSelector';\nexport type { ErrorBarSelector } from './errorBarSelector';\n"]}

package/dist/dist-esm/chat-component-bindings/src/messageThreadSelector.js

@@ -4,17 +4,27 @@ import { getChatMessages, getIsLargeGroup, getLatestReadTime, getParticipants, g
 import { toFlatCommunicationIdentifier } from "../../acs-ui-common/src";
 import { memoizeFnAll } from "../../acs-ui-common/src";
 import { createSelector } from 'reselect';
+/* @conditional-compile-remove(data-loss-prevention) */
+import { DEFAULT_DATA_LOSS_PREVENTION_POLICY_URL } from './utils/constants';
 import { ACSKnownMessageType } from './utils/constants';
 import { updateMessagesWithAttached } from './utils/updateMessagesWithAttached';
 const memoizedAllConvertChatMessage = memoizeFnAll((_key, chatMessage, userId, isSeen, isLargeGroup) => {
+    var _a;
     const messageType = chatMessage.type.toLowerCase();
-    if (messageType === ACSKnownMessageType.text || messageType === ACSKnownMessageType.richtextHtml || messageType === ACSKnownMessageType.html) {
+    /* @conditional-compile-remove(data-loss-prevention) */
+    if (((_a = chatMessage.policyViolation) === null || _a === void 0 ? void 0 : _a.result) === 'contentBlocked') {
+        return convertToUiBlockedMessage(chatMessage, userId, isSeen, isLargeGroup);
+    }
+    if (messageType === ACSKnownMessageType.text ||
+        messageType === ACSKnownMessageType.richtextHtml ||
+        messageType === ACSKnownMessageType.html) {
         return convertToUiChatMessage(chatMessage, userId, isSeen, isLargeGroup);
     }
     else {
         return convertToUiSystemMessage(chatMessage);
     }
 });
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const extractAttachmentMetadata = (metadata) => {
     const attachmentMetadata = metadata.fileSharingMetadata;
     if (!attachmentMetadata) {
@@ -28,9 +38,10 @@ const extractAttachmentMetadata = (metadata) => {
         return [];
     }
 };
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const extractTeamsAttachmentsMetadata = (rawAttachments) => {
     const attachments = [];
-    rawAttachments.forEach(rawAttachment => {
+    rawAttachments.forEach((rawAttachment) => {
         var _a;
         const attachmentType = rawAttachment.attachmentType;
         if (attachmentType === 'file') {
@@ -45,20 +56,39 @@ const extractTeamsAttachmentsMetadata = (rawAttachments) => {
         attachments
     };
 };
+/* @conditional-compile-remove(data-loss-prevention) */
+const convertToUiBlockedMessage = (message, userId, isSeen, isLargeGroup) => {
+    const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
+    return {
+        messageType: 'blocked',
+        createdOn: message.createdOn,
+        warningText: undefined,
+        status: !isLargeGroup && message.status === 'delivered' && isSeen ? 'seen' : message.status,
+        senderDisplayName: message.senderDisplayName,
+        senderId: messageSenderId,
+        messageId: message.id,
+        deletedOn: message.deletedOn,
+        mine: messageSenderId === userId,
+        link: DEFAULT_DATA_LOSS_PREVENTION_POLICY_URL
+    };
+};
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const extractAttachmentUrl = (attachment) => {
     return attachment.previewUrl ? attachment.previewUrl : attachment.url || '';
 };
 const processChatMessageContent = (message) => {
     var _a, _b, _c, _d;
     let content = (_a = message.content) === null || _a === void 0 ? void 0 : _a.message;
-    if (((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments) && ((_c = message.content) === null || _c === void 0 ? void 0 : _c.attachments.length) > 0 && sanitizedMessageContentType(message.type).includes('html')) {
+    if (((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments) &&
+        ((_c = message.content) === null || _c === void 0 ? void 0 : _c.attachments.length) > 0 &&
+        sanitizedMessageContentType(message.type).includes('html')) {
         const attachments = (_d = message.content) === null || _d === void 0 ? void 0 : _d.attachments;
         // Fill in the src here
         if (content) {
             const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
-            document.querySelectorAll('img').forEach(img => {
+            document.querySelectorAll('img').forEach((img) => {
                 var _a, _b, _c;
-                const attachmentPreviewUrl = (_a = attachments.find(attachment => attachment.id === img.id)) === null || _a === void 0 ? void 0 : _a.previewUrl;
+                const attachmentPreviewUrl = (_a = attachments.find((attachment) => attachment.id === img.id)) === null || _a === void 0 ? void 0 : _a.previewUrl;
                 if (attachmentPreviewUrl) {
                     const resourceCache = (_b = message.resourceCache) === null || _b === void 0 ? void 0 : _b[attachmentPreviewUrl];
                     const src = getResourceSourceUrl(resourceCache);
@@ -76,7 +106,15 @@ const processChatMessageContent = (message) => {
             });
             content = document.body.innerHTML;
         }
-        const teamsImageHtmlContent = attachments.filter(attachment => { var _a, _b; return attachment.attachmentType === 'image' && attachment.previewUrl !== undefined && !((_b = (_a = message.content) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.includes(attachment.id)); }).map(attachment => generateImageAttachmentImgHtml(message, attachment)).join('');
+        const teamsImageHtmlContent = attachments
+            .filter((attachment) => {
+            var _a, _b;
+            return attachment.attachmentType === 'image' &&
+                attachment.previewUrl !== undefined &&
+                !((_b = (_a = message.content) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.includes(attachment.id));
+        })
+            .map((attachment) => generateImageAttachmentImgHtml(message, attachment))
+            .join('');
         if (teamsImageHtmlContent) {
             return (content !== null && content !== void 0 ? content : '') + teamsImageHtmlContent;
         }
@@ -132,6 +170,7 @@ const setImageWidthAndHeight = (img) => {
         img.style.aspectRatio = `${width}/${height}`;
     }
 };
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const extractAttachmentsMetadata = (message) => {
     var _a, _b;
     let attachments = [];
@@ -142,12 +181,11 @@ const extractAttachmentsMetadata = (message) => {
         const teamsAttachments = extractTeamsAttachmentsMetadata((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments);
         attachments = attachments.concat(teamsAttachments.attachments);
     }
-    return {
-        attachments: attachments.length > 0 ? attachments : undefined
-    };
+    return { attachments: attachments.length > 0 ? attachments : undefined };
 };
 const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
     const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
     const { attachments } = extractAttachmentsMetadata(message);
     return {
         messageType: 'chat',
@@ -163,6 +201,7 @@ const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
         deletedOn: message.deletedOn,
         mine: messageSenderId === userId,
         metadata: message.metadata,
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
         attachments
     };
 };
@@ -202,16 +241,20 @@ const hasValidParticipant = (chatMessage) => { var _a; return !!((_a = chatMessa
  */
 export const messageThreadSelectorWithThread = () => createSelector([getUserId, getChatMessages, getLatestReadTime, getIsLargeGroup, getReadReceipts, getParticipants], (userId, chatMessages, latestReadTime, isLargeGroup, readReceipts = [], participants) => {
     // We can't get displayName in teams meeting interop for now, disable rr feature when it is teams interop
-    const isTeamsInterop = Object.values(participants).find(p => 'microsoftTeamsUserId' in p.id) !== undefined;
+    const isTeamsInterop = Object.values(participants).find((p) => 'microsoftTeamsUserId' in p.id) !== undefined;
     // get number of participants
     // filter out the non valid participants (no display name)
     // Read Receipt details will be disabled when participant count is 0
-    const participantCount = isTeamsInterop ? undefined : Object.values(participants).filter(p => p.displayName && p.displayName !== '').length;
+    const participantCount = isTeamsInterop
+        ? undefined
+        : Object.values(participants).filter((p) => p.displayName && p.displayName !== '').length;
     // creating key value pairs of senderID: last read message information
     const readReceiptsBySenderId = {};
     // readReceiptsBySenderId[senderID] gets updated every time a new message is read by this sender
     // in this way we can make sure that we are only saving the latest read message id and read on time for each sender
-    readReceipts.filter(r => r.sender && toFlatCommunicationIdentifier(r.sender) !== userId).forEach(r => {
+    readReceipts
+        .filter((r) => r.sender && toFlatCommunicationIdentifier(r.sender) !== userId)
+        .forEach((r) => {
         var _a, _b;
         readReceiptsBySenderId[toFlatCommunicationIdentifier(r.sender)] = {
             lastReadMessage: r.chatMessageId,
@@ -219,10 +262,17 @@ export const messageThreadSelectorWithThread = () => createSelector([getUserId,
         };
     });
     // A function takes parameter above and generate return value
-    const convertedMessages = memoizedAllConvertChatMessage(memoizedFn => Object.values(chatMessages).filter(message => message.type.toLowerCase() === ACSKnownMessageType.text || message.type.toLowerCase() === ACSKnownMessageType.richtextHtml || message.type.toLowerCase() === ACSKnownMessageType.html || message.type === ACSKnownMessageType.participantAdded && hasValidParticipant(message) || message.type === ACSKnownMessageType.participantRemoved && hasValidParticipant(message) ||
+    const convertedMessages = memoizedAllConvertChatMessage((memoizedFn) => Object.values(chatMessages)
+        .filter((message) => message.type.toLowerCase() === ACSKnownMessageType.text ||
+        message.type.toLowerCase() === ACSKnownMessageType.richtextHtml ||
+        message.type.toLowerCase() === ACSKnownMessageType.html ||
+        (message.type === ACSKnownMessageType.participantAdded && hasValidParticipant(message)) ||
+        (message.type === ACSKnownMessageType.participantRemoved && hasValidParticipant(message)) ||
         // TODO: Add support for topicUpdated system messages in MessageThread component.
         // message.type === ACSKnownMessageType.topicUpdated ||
-        message.clientMessageId !== undefined).filter(isMessageValidToRender).map(message => {
+        message.clientMessageId !== undefined)
+        .filter(isMessageValidToRender)
+        .map((message) => {
         var _a;
         return memoizedFn((_a = message.id) !== null && _a !== void 0 ? _a : message.clientMessageId, message, userId, message.createdOn <= latestReadTime, isLargeGroup);
     }));
@@ -237,12 +287,14 @@ export const messageThreadSelectorWithThread = () => createSelector([getUserId,
 });
 const sanitizedMessageContentType = (type) => {
     const lowerCaseType = type.toLowerCase();
-    return lowerCaseType === 'text' || lowerCaseType === 'html' || lowerCaseType === 'richtext/html' ? lowerCaseType : 'unknown';
+    return lowerCaseType === 'text' || lowerCaseType === 'html' || lowerCaseType === 'richtext/html'
+        ? lowerCaseType
+        : 'unknown';
 };
 const getBrokenImageViewNode = (img) => {
     var _a;
     const wrapper = document.createElement('div');
-    Array.from((_a = img === null || img === void 0 ? void 0 : img.attributes) !== null && _a !== void 0 ? _a : []).forEach(attr => {
+    Array.from((_a = img === null || img === void 0 ? void 0 : img.attributes) !== null && _a !== void 0 ? _a : []).forEach((attr) => {
         var _a;
         wrapper.setAttribute(attr.nodeName, (_a = attr.nodeValue) !== null && _a !== void 0 ? _a : '');
     });
@@ -251,14 +303,18 @@ const getBrokenImageViewNode = (img) => {
     return wrapper;
 };
 const isMessageValidToRender = (message) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (message.deletedOn) {
         return false;
     }
     if (((_a = message.metadata) === null || _a === void 0 ? void 0 : _a.fileSharingMetadata) || ((_c = (_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments) === null || _c === void 0 ? void 0 : _c.length)) {
         return true;
     }
-    return !!(message.content && ((_d = message.content) === null || _d === void 0 ? void 0 : _d.message) !== '');
+    /* @conditional-compile-remove(data-loss-prevention) */
+    if (((_d = message.policyViolation) === null || _d === void 0 ? void 0 : _d.result) === 'contentBlocked') {
+        return true;
+    }
+    return !!(message.content && ((_e = message.content) === null || _e === void 0 ? void 0 : _e.message) !== '');
 };
 /**
  * Selector for {@link MessageThread} component.