@azure/communication-react 1.19.0-beta.3 → 1.20.0-alpha-202409180015

package/dist/dist-esm/react-components/src/components/utils/ChatMessageComponentUtils.js

@@ -2,6 +2,7 @@
 // Licensed under the MIT License.
 import React from 'react';
 import { ChatMessageContent } from '../ChatMessage/ChatMessageContent';
+/* @conditional-compile-remove(data-loss-prevention) */
 import { BlockedMessageContent } from '../ChatMessage/ChatMessageContent';
 import { _AttachmentDownloadCards } from '../Attachment/AttachmentDownloadCards';
 import { formatTimeForChatMessage, formatTimestampForChatMessage } from './Datetime';
@@ -17,45 +18,72 @@ export const getFluentUIAttachedValue = (messageAttachedStatus) => {
  * @private
  *  Get the message bubble content for the message.
  */
-export function getMessageBubbleContent(message, strings, userId, inlineImageOptions, mentionDisplayOptions, 
+export function getMessageBubbleContent(message, strings, userId, inlineImageOptions, 
+/* @conditional-compile-remove(mention) */
+mentionDisplayOptions, 
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 /**
  * Optional callback to render message attachments in the message component.
  */
 onRenderAttachmentDownloads, 
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 /**
  * Optional callback to define custom actions for attachments.
  */
 actionsForAttachment) {
+    /* @conditional-compile-remove(data-loss-prevention) */
     if (message.messageType === 'blocked') {
-        return React.createElement("div", { tabIndex: 0 },
-            React.createElement(BlockedMessageContent, { message: message, strings: strings }));
+        return (React.createElement("div", { tabIndex: 0 },
+            React.createElement(BlockedMessageContent, { message: message, strings: strings })));
     }
-    return React.createElement("div", { className: "ui-chat__message__content" },
-        React.createElement(ChatMessageContent, { message: message, strings: strings, mentionDisplayOptions: mentionDisplayOptions, inlineImageOptions: inlineImageOptions }),
-        onRenderAttachmentDownloads ? onRenderAttachmentDownloads(message) : defaultOnRenderAttachmentDownloads(message, strings, actionsForAttachment));
+    return (React.createElement("div", { className: "ui-chat__message__content" },
+        React.createElement(ChatMessageContent, { message: message, strings: strings, 
+            /* @conditional-compile-remove(mention) */
+            mentionDisplayOptions: mentionDisplayOptions, inlineImageOptions: inlineImageOptions }),
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */ onRenderAttachmentDownloads
+            ? onRenderAttachmentDownloads(message)
+            : defaultOnRenderAttachmentDownloads(message, strings, 
+            /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
+            actionsForAttachment)));
 }
 /**
  * Default component for rendering attachment downloads.
  */
+/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
 const defaultOnRenderAttachmentDownloads = (message, strings, actionsForAttachment) => {
     var _a;
     const attachments = 'attachments' in message ? message.attachments : undefined;
-    return ((_a = attachments === null || attachments === void 0 ? void 0 : attachments.length) !== null && _a !== void 0 ? _a : 0) > 0 ? React.createElement(_AttachmentDownloadCards, { message: message, attachments: attachments, actionsForAttachment: actionsForAttachment, strings: {
+    /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
+    return ((_a = attachments === null || attachments === void 0 ? void 0 : attachments.length) !== null && _a !== void 0 ? _a : 0) > 0 ? (React.createElement(_AttachmentDownloadCards, { message: message, 
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
+        attachments: attachments, 
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
+        actionsForAttachment: actionsForAttachment, 
+        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */
+        strings: {
+            /* @conditional-compile-remove(file-sharing-acs) */
             downloadAttachment: strings.downloadAttachment,
             openAttachment: strings.openAttachment,
             attachmentCardGroupMessage: strings.attachmentCardGroupMessage
-        } }) : React.createElement(React.Fragment, null);
+        } })) : (React.createElement(React.Fragment, null));
     return undefined;
 };
 /** @private */
 export const generateDefaultTimestamp = (createdOn, showDate, strings) => {
-    const formattedTimestamp = showDate ? formatTimestampForChatMessage(createdOn, new Date(), strings) : formatTimeForChatMessage(createdOn);
+    const formattedTimestamp = showDate
+        ? formatTimestampForChatMessage(createdOn, new Date(), strings)
+        : formatTimeForChatMessage(createdOn);
     return formattedTimestamp;
 };
 // onDisplayDateTimeString from props overwrite onDisplayDateTimeString from locale
 /** @private */
 export const generateCustomizedTimestamp = (createdOn, locale, onDisplayDateTimeString) => {
-    return onDisplayDateTimeString ? onDisplayDateTimeString(createdOn) : locale.onDisplayDateTimeString ? locale.onDisplayDateTimeString(createdOn) : '';
+    /* @conditional-compile-remove(date-time-customization) */
+    return onDisplayDateTimeString
+        ? onDisplayDateTimeString(createdOn)
+        : locale.onDisplayDateTimeString
+            ? locale.onDisplayDateTimeString(createdOn)
+            : '';
     return '';
 };
 /**

package/dist/dist-esm/react-components/src/components/utils/ChatMessageComponentUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageComponentUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/ChatMessageComponentUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { ChatMessage, MessageAttachedStatus } from '../../types/ChatMessage';\nimport { ChatMessageContent } from '../ChatMessage/ChatMessageContent';\nimport { BlockedMessage } from '../../types/ChatMessage';\nimport { BlockedMessageContent } from '../ChatMessage/ChatMessageContent';\nimport { InlineImageOptions } from '../ChatMessage/ChatMessageContent';\nimport { MessageThreadStrings } from '../MessageThread';\nimport { MentionDisplayOptions } from '../MentionPopover';\nimport { _AttachmentDownloadCards } from '../Attachment/AttachmentDownloadCards';\nimport { AttachmentMenuAction } from '../../types/Attachment';\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\nimport { formatTimeForChatMessage, formatTimestampForChatMessage } from './Datetime';\nimport { ComponentLocale } from '../../localization/LocalizationProvider';\nimport { chatMessageEditedTagStyle } from '../styles/ChatMessageComponent.styles';\nimport { Theme } from '@fluentui/react';\n\n/** @private\n * Return the string value for the FluentUI message attached prop based on the message's attached status.\n * @param attached - The message's attached status.\n */\nexport const getFluentUIAttachedValue = (messageAttachedStatus?: MessageAttachedStatus): 'bottom' | 'top' | 'center' | undefined => {\n  return messageAttachedStatus === 'top' || messageAttachedStatus === false ? 'top' : 'center';\n};\n\n/**\n * @private\n *  Get the message bubble content for the message.\n */\nexport function getMessageBubbleContent(message: ChatMessage | BlockedMessage, strings: MessageThreadStrings, userId: string, inlineImageOptions: InlineImageOptions | undefined, mentionDisplayOptions?: MentionDisplayOptions,\n/**\n * Optional callback to render message attachments in the message component.\n */\nonRenderAttachmentDownloads?: (message: ChatMessage) => JSX.Element,\n/**\n * Optional callback to define custom actions for attachments.\n */\nactionsForAttachment?: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[]): JSX.Element {\n  if (message.messageType === 'blocked') {\n    return <div tabIndex={0}>\n        <BlockedMessageContent message={message} strings={strings} />\n      </div>;\n  }\n  return <div className=\"ui-chat__message__content\">\n      <ChatMessageContent message={message} strings={strings} mentionDisplayOptions={mentionDisplayOptions} inlineImageOptions={inlineImageOptions} />\n      {onRenderAttachmentDownloads ? onRenderAttachmentDownloads(message) : defaultOnRenderAttachmentDownloads(message, strings, actionsForAttachment)}\n    </div>;\n}\n\n/**\n * Default component for rendering attachment downloads.\n */\nconst defaultOnRenderAttachmentDownloads = (message: ChatMessage | BlockedMessage, strings: MessageThreadStrings, actionsForAttachment?: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[]): JSX.Element | undefined => {\n  const attachments = 'attachments' in message ? message.attachments : undefined;\n  return (attachments?.length ?? 0) > 0 ? <_AttachmentDownloadCards message={message as ChatMessage} attachments={attachments} actionsForAttachment={actionsForAttachment} strings={{\n    downloadAttachment: strings.downloadAttachment,\n    openAttachment: strings.openAttachment,\n    attachmentCardGroupMessage: strings.attachmentCardGroupMessage\n  }} /> : <></>;\n  return undefined;\n};\n\n/** @private */\nexport const generateDefaultTimestamp = (createdOn: Date, showDate: boolean | undefined, strings: MessageThreadStrings): string => {\n  const formattedTimestamp = showDate ? formatTimestampForChatMessage(createdOn, new Date(), strings) : formatTimeForChatMessage(createdOn);\n  return formattedTimestamp;\n};\n\n// onDisplayDateTimeString from props overwrite onDisplayDateTimeString from locale\n/** @private */\nexport const generateCustomizedTimestamp = (createdOn: Date, locale: ComponentLocale, onDisplayDateTimeString?: (messageDate: Date) => string): string => {\n  return onDisplayDateTimeString ? onDisplayDateTimeString(createdOn) : locale.onDisplayDateTimeString ? locale.onDisplayDateTimeString(createdOn) : '';\n  return '';\n};\n\n/**\n * @private\n *  Get the edited tag for the message if it is edited.\n */\nexport const getMessageEditedDetails = (message: ChatMessage | BlockedMessage, theme: Theme, editedTag: string): JSX.Element | undefined => {\n  const editedOn = 'editedOn' in message ? message.editedOn : undefined;\n  if (message.messageType === 'chat' && editedOn) {\n    return <div className={chatMessageEditedTagStyle(theme)}>{editedTag}</div>;\n  }\n  return undefined;\n};"]}
+{"version":3,"file":"ChatMessageComponentUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/ChatMessageComponentUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { ChatMessage, MessageAttachedStatus } from '../../types/ChatMessage';\nimport { ChatMessageContent } from '../ChatMessage/ChatMessageContent';\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { BlockedMessage } from '../../types/ChatMessage';\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { BlockedMessageContent } from '../ChatMessage/ChatMessageContent';\nimport { InlineImageOptions } from '../ChatMessage/ChatMessageContent';\nimport { MessageThreadStrings } from '../MessageThread';\n/* @conditional-compile-remove(mention) */\nimport { MentionDisplayOptions } from '../MentionPopover';\nimport { _AttachmentDownloadCards } from '../Attachment/AttachmentDownloadCards';\n/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentMenuAction } from '../../types/Attachment';\n/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\nimport { formatTimeForChatMessage, formatTimestampForChatMessage } from './Datetime';\nimport { ComponentLocale } from '../../localization/LocalizationProvider';\nimport { chatMessageEditedTagStyle } from '../styles/ChatMessageComponent.styles';\nimport { Theme } from '@fluentui/react';\n\n/** @private\n * Return the string value for the FluentUI message attached prop based on the message's attached status.\n * @param attached - The message's attached status.\n */\nexport const getFluentUIAttachedValue = (\n  messageAttachedStatus?: MessageAttachedStatus\n): 'bottom' | 'top' | 'center' | undefined => {\n  return messageAttachedStatus === 'top' || messageAttachedStatus === false ? 'top' : 'center';\n};\n\n/**\n * @private\n *  Get the message bubble content for the message.\n */\nexport function getMessageBubbleContent(\n  message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage,\n  strings: MessageThreadStrings,\n  userId: string,\n  inlineImageOptions: InlineImageOptions | undefined,\n  /* @conditional-compile-remove(mention) */\n  mentionDisplayOptions?: MentionDisplayOptions,\n  /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\n  /**\n   * Optional callback to render message attachments in the message component.\n   */\n  onRenderAttachmentDownloads?: (message: ChatMessage) => JSX.Element,\n  /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\n  /**\n   * Optional callback to define custom actions for attachments.\n   */\n  actionsForAttachment?: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[]\n): JSX.Element {\n  /* @conditional-compile-remove(data-loss-prevention) */\n  if (message.messageType === 'blocked') {\n    return (\n      <div tabIndex={0}>\n        <BlockedMessageContent message={message} strings={strings} />\n      </div>\n    );\n  }\n  return (\n    <div className=\"ui-chat__message__content\">\n      <ChatMessageContent\n        message={message}\n        strings={strings}\n        /* @conditional-compile-remove(mention) */\n        mentionDisplayOptions={mentionDisplayOptions}\n        inlineImageOptions={inlineImageOptions}\n      />\n      {\n        /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */ onRenderAttachmentDownloads\n          ? onRenderAttachmentDownloads(message)\n          : defaultOnRenderAttachmentDownloads(\n              message,\n              strings,\n              /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\n              actionsForAttachment\n            )\n      }\n    </div>\n  );\n}\n\n/**\n * Default component for rendering attachment downloads.\n */\n/* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\nconst defaultOnRenderAttachmentDownloads = (\n  message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage,\n  strings: MessageThreadStrings,\n  actionsForAttachment?: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[]\n): JSX.Element | undefined => {\n  const attachments = 'attachments' in message ? message.attachments : undefined;\n  /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\n  return (attachments?.length ?? 0) > 0 ? (\n    <_AttachmentDownloadCards\n      message={message as ChatMessage}\n      /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\n      attachments={attachments}\n      /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\n      actionsForAttachment={actionsForAttachment}\n      /* @conditional-compile-remove(file-sharing-teams-interop) @conditional-compile-remove(file-sharing-acs) */\n      strings={{\n        /* @conditional-compile-remove(file-sharing-acs) */\n        downloadAttachment: strings.downloadAttachment,\n        openAttachment: strings.openAttachment,\n        attachmentCardGroupMessage: strings.attachmentCardGroupMessage\n      }}\n    />\n  ) : (\n    <></>\n  );\n  return undefined;\n};\n\n/** @private */\nexport const generateDefaultTimestamp = (\n  createdOn: Date,\n  showDate: boolean | undefined,\n  strings: MessageThreadStrings\n): string => {\n  const formattedTimestamp = showDate\n    ? formatTimestampForChatMessage(createdOn, new Date(), strings)\n    : formatTimeForChatMessage(createdOn);\n\n  return formattedTimestamp;\n};\n\n// onDisplayDateTimeString from props overwrite onDisplayDateTimeString from locale\n/** @private */\nexport const generateCustomizedTimestamp = (\n  createdOn: Date,\n  locale: ComponentLocale,\n  onDisplayDateTimeString?: (messageDate: Date) => string\n): string => {\n  /* @conditional-compile-remove(date-time-customization) */\n  return onDisplayDateTimeString\n    ? onDisplayDateTimeString(createdOn)\n    : locale.onDisplayDateTimeString\n      ? locale.onDisplayDateTimeString(createdOn)\n      : '';\n\n  return '';\n};\n\n/**\n * @private\n *  Get the edited tag for the message if it is edited.\n */\nexport const getMessageEditedDetails = (\n  message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage,\n  theme: Theme,\n  editedTag: string\n): JSX.Element | undefined => {\n  const editedOn = 'editedOn' in message ? message.editedOn : undefined;\n  if (message.messageType === 'chat' && editedOn) {\n    return <div className={chatMessageEditedTagStyle(theme)}>{editedTag}</div>;\n  }\n  return undefined;\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/Datetime.js

@@ -4,10 +4,7 @@
  * @private
  */
 export const formatTimeForChatMessage = (messageDate) => {
-    return messageDate.toLocaleTimeString([], {
-        hour: 'numeric',
-        minute: '2-digit'
-    });
+    return messageDate.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
 };
 /**
  * @private

package/dist/dist-esm/react-components/src/components/utils/Datetime.js.map

@@ -1 +1 @@
-{"version":3,"file":"Datetime.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/Datetime.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAiB,EAAU,EAAE;IACpE,OAAO,WAAW,CAAC,kBAAkB,CAAC,EAAE,EAAE;QACxC,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAiB,EAAU,EAAE;IACpE,OAAO,WAAW,CAAC,kBAAkB,EAAE,CAAC;AAC1C,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,WAAiB,EAAE,SAAe,EAAE,WAAiC,EAAU,EAAE;IAC7H,qFAAqF;IACrF,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAChG,IAAI,WAAW,GAAG,UAAU,EAAE,CAAC;QAC7B,OAAO,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED,qFAAqF;IACrF,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACvG,IAAI,WAAW,GAAG,aAAa,EAAE,CAAC;QAChC,OAAO,WAAW,CAAC,SAAS,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC7E,CAAC;IAED,iGAAiG;IACjG,0BAA0B;IAC1B,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;IACnC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,wBAAwB,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC7F,CAAC;IAED,6FAA6F;IAC7F,MAAM,qBAAqB,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,CAAC;IACrH,IAAI,WAAW,GAAG,qBAAqB,EAAE,CAAC;QACxC,OAAO,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;IACvG,CAAC;IAED,mGAAmG;IACnG,OAAO,wBAAwB,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;AAC7F,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,WAAiC,EAAU,EAAE;IAC9E,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,OAAO,CAAC;QAC7B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,SAAS,CAAC;QAC/B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC9B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC9B;YACE,MAAM,IAAI,KAAK,CAAC,gBAAgB,GAAG,UAAU,CAAC,CAAC;IACnD,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageThreadStrings } from '../MessageThread';\n\n/**\n * @private\n */\nexport const formatTimeForChatMessage = (messageDate: Date): string => {\n  return messageDate.toLocaleTimeString([], {\n    hour: 'numeric',\n    minute: '2-digit'\n  });\n};\n\n/**\n * @private\n */\nexport const formatDateForChatMessage = (messageDate: Date): string => {\n  return messageDate.toLocaleDateString();\n};\n\n/**\n * Given a message date object in ISO8601 and a current date object, generates a user friendly timestamp text\n * using the system locale.\n * <time in locale format>.\n * Yesterday <time in locale format>.\n * <dateStrings day of week> <time in locale format>.\n * <date in locale format> <time in locale format>.\n *\n * If message is after yesterday, then only show the time.\n * If message is before yesterday and after day before yesterday, then show 'Yesterday' plus the time.\n * If message is before day before yesterday and within the current week, then show 'Monday/Tuesday/etc' plus the time.\n *   - We consider start of the week as Sunday. If current day is Sunday, then any time before that is in previous week.\n * If message is in previous or older weeks, then show date string plus the time.\n *\n * @param messageDate - date of message\n * @param currentDate - date used as offset to create the user friendly timestamp (e.g. to create 'Yesterday' instead of an absolute date)\n *\n * @private\n */\nexport const formatTimestampForChatMessage = (messageDate: Date, todayDate: Date, dateStrings: MessageThreadStrings): string => {\n  // If message was in the same day timestamp string is just the time like '1:30 p.m.'.\n  const startOfDay = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate());\n  if (messageDate > startOfDay) {\n    return formatTimeForChatMessage(messageDate);\n  }\n\n  // If message was yesterday then timestamp string is like this 'Yesterday 1:30 p.m.'.\n  const yesterdayDate = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate() - 1);\n  if (messageDate > yesterdayDate) {\n    return dateStrings.yesterday + ' ' + formatTimeForChatMessage(messageDate);\n  }\n\n  // If message was before Sunday and today is Sunday (start of week) then timestamp string is like\n  // '2021-01-10 1:30 p.m.'.\n  const weekDay = todayDate.getDay();\n  if (weekDay === 0) {\n    return formatDateForChatMessage(messageDate) + ' ' + formatTimeForChatMessage(messageDate);\n  }\n\n  // If message was before first day of the week then timestamp string is like Monday 1:30 p.m.\n  const firstDayOfTheWeekDate = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate() - weekDay);\n  if (messageDate > firstDayOfTheWeekDate) {\n    return dayToDayName(messageDate.getDay(), dateStrings) + ' ' + formatTimeForChatMessage(messageDate);\n  }\n\n  // If message date is in previous or older weeks then timestamp string is like 2021-01-10 1:30 p.m.\n  return formatDateForChatMessage(messageDate) + ' ' + formatTimeForChatMessage(messageDate);\n};\nconst dayToDayName = (day: number, dateStrings: MessageThreadStrings): string => {\n  switch (day) {\n    case 0:\n      return dateStrings.sunday;\n    case 1:\n      return dateStrings.monday;\n    case 2:\n      return dateStrings.tuesday;\n    case 3:\n      return dateStrings.wednesday;\n    case 4:\n      return dateStrings.thursday;\n    case 5:\n      return dateStrings.friday;\n    case 6:\n      return dateStrings.saturday;\n    default:\n      throw new Error(`Invalid day [${day}] passed`);\n  }\n};"]}
+{"version":3,"file":"Datetime.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/Datetime.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAiB,EAAU,EAAE;IACpE,OAAO,WAAW,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AACpF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAiB,EAAU,EAAE;IACpE,OAAO,WAAW,CAAC,kBAAkB,EAAE,CAAC;AAC1C,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,WAAiB,EACjB,SAAe,EACf,WAAiC,EACzB,EAAE;IACV,qFAAqF;IACrF,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAChG,IAAI,WAAW,GAAG,UAAU,EAAE,CAAC;QAC7B,OAAO,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED,qFAAqF;IACrF,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACvG,IAAI,WAAW,GAAG,aAAa,EAAE,CAAC;QAChC,OAAO,WAAW,CAAC,SAAS,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC7E,CAAC;IAED,iGAAiG;IACjG,0BAA0B;IAC1B,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;IACnC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,wBAAwB,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAC7F,CAAC;IAED,6FAA6F;IAC7F,MAAM,qBAAqB,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,CAAC;IACrH,IAAI,WAAW,GAAG,qBAAqB,EAAE,CAAC;QACxC,OAAO,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;IACvG,CAAC;IAED,mGAAmG;IACnG,OAAO,wBAAwB,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,WAAiC,EAAU,EAAE;IAC9E,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,OAAO,CAAC;QAC7B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,SAAS,CAAC;QAC/B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC9B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC9B;YACE,MAAM,IAAI,KAAK,CAAC,gBAAgB,GAAG,UAAU,CAAC,CAAC;IACnD,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageThreadStrings } from '../MessageThread';\n\n/**\n * @private\n */\nexport const formatTimeForChatMessage = (messageDate: Date): string => {\n  return messageDate.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });\n};\n\n/**\n * @private\n */\nexport const formatDateForChatMessage = (messageDate: Date): string => {\n  return messageDate.toLocaleDateString();\n};\n\n/**\n * Given a message date object in ISO8601 and a current date object, generates a user friendly timestamp text\n * using the system locale.\n * <time in locale format>.\n * Yesterday <time in locale format>.\n * <dateStrings day of week> <time in locale format>.\n * <date in locale format> <time in locale format>.\n *\n * If message is after yesterday, then only show the time.\n * If message is before yesterday and after day before yesterday, then show 'Yesterday' plus the time.\n * If message is before day before yesterday and within the current week, then show 'Monday/Tuesday/etc' plus the time.\n *   - We consider start of the week as Sunday. If current day is Sunday, then any time before that is in previous week.\n * If message is in previous or older weeks, then show date string plus the time.\n *\n * @param messageDate - date of message\n * @param currentDate - date used as offset to create the user friendly timestamp (e.g. to create 'Yesterday' instead of an absolute date)\n *\n * @private\n */\nexport const formatTimestampForChatMessage = (\n  messageDate: Date,\n  todayDate: Date,\n  dateStrings: MessageThreadStrings\n): string => {\n  // If message was in the same day timestamp string is just the time like '1:30 p.m.'.\n  const startOfDay = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate());\n  if (messageDate > startOfDay) {\n    return formatTimeForChatMessage(messageDate);\n  }\n\n  // If message was yesterday then timestamp string is like this 'Yesterday 1:30 p.m.'.\n  const yesterdayDate = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate() - 1);\n  if (messageDate > yesterdayDate) {\n    return dateStrings.yesterday + ' ' + formatTimeForChatMessage(messageDate);\n  }\n\n  // If message was before Sunday and today is Sunday (start of week) then timestamp string is like\n  // '2021-01-10 1:30 p.m.'.\n  const weekDay = todayDate.getDay();\n  if (weekDay === 0) {\n    return formatDateForChatMessage(messageDate) + ' ' + formatTimeForChatMessage(messageDate);\n  }\n\n  // If message was before first day of the week then timestamp string is like Monday 1:30 p.m.\n  const firstDayOfTheWeekDate = new Date(todayDate.getFullYear(), todayDate.getMonth(), todayDate.getDate() - weekDay);\n  if (messageDate > firstDayOfTheWeekDate) {\n    return dayToDayName(messageDate.getDay(), dateStrings) + ' ' + formatTimeForChatMessage(messageDate);\n  }\n\n  // If message date is in previous or older weeks then timestamp string is like 2021-01-10 1:30 p.m.\n  return formatDateForChatMessage(messageDate) + ' ' + formatTimeForChatMessage(messageDate);\n};\n\nconst dayToDayName = (day: number, dateStrings: MessageThreadStrings): string => {\n  switch (day) {\n    case 0:\n      return dateStrings.sunday;\n    case 1:\n      return dateStrings.monday;\n    case 2:\n      return dateStrings.tuesday;\n    case 3:\n      return dateStrings.wednesday;\n    case 4:\n      return dateStrings.thursday;\n    case 5:\n      return dateStrings.friday;\n    case 6:\n      return dateStrings.saturday;\n    default:\n      throw new Error(`Invalid day [${day}] passed`);\n  }\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/RichTextEditorUtils.js

@@ -59,6 +59,7 @@ export const dataSetApplier = (format, element, context) => {
         context.defaultFormatAppliers.dataset(format, element, context);
     }
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * @internal
  */
@@ -68,39 +69,42 @@ export const getPreviousInlineImages = (content) => {
     }
     const previousInlineImages = [];
     const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
-    document.querySelectorAll('img').forEach(img => {
+    document.querySelectorAll('img').forEach((img) => {
         const imageAttributes = getInlineImageAttributes(img);
         previousInlineImages.push(imageAttributes);
     });
     return previousInlineImages;
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * @internal
  */
 export const getRemovedInlineImages = (content, previousInlineImages) => {
     const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
-    const currentContentIds = Array.from(document.querySelectorAll('img')).map(img => img.id);
-    previousInlineImages = previousInlineImages === null || previousInlineImages === void 0 ? void 0 : previousInlineImages.filter(img => !(currentContentIds === null || currentContentIds === void 0 ? void 0 : currentContentIds.includes(img.id)));
+    const currentContentIds = Array.from(document.querySelectorAll('img')).map((img) => img.id);
+    previousInlineImages = previousInlineImages === null || previousInlineImages === void 0 ? void 0 : previousInlineImages.filter((img) => !(currentContentIds === null || currentContentIds === void 0 ? void 0 : currentContentIds.includes(img.id)));
     const removedInlineImages = [...previousInlineImages];
     return removedInlineImages;
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * @internal
  */
 export const getInsertedInlineImages = (content, previousInlineImages) => {
     const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
     const currentContentInlineImages = Array.from(document.querySelectorAll('img'));
-    const previousContentIds = Array.from(previousInlineImages).map(img => img.id);
+    const previousContentIds = Array.from(previousInlineImages).map((img) => img.id);
     // if check is updated, also update getRemovedInlineImages
-    const insertedInlineImages = currentContentInlineImages.filter(img => !previousContentIds.includes(img.id));
+    const insertedInlineImages = currentContentInlineImages.filter((img) => !previousContentIds.includes(img.id));
     return insertedInlineImages;
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * @internal
  */
 export const getInlineImageAttributes = (image) => {
     const imageAttributes = {};
-    image.getAttributeNames().forEach(attrName => {
+    image.getAttributeNames().forEach((attrName) => {
         const attrValue = image.getAttribute(attrName);
         if (attrValue) {
             imageAttributes[attrName] = attrValue;
@@ -108,6 +112,7 @@ export const getInlineImageAttributes = (image) => {
     });
     return imageAttributes;
 };
+/* @conditional-compile-remove(rich-text-editor) */
 /**
  * @internal
  */
@@ -146,24 +151,27 @@ export const scrollToBottomRichTextEditor = () => {
     });
     tempElement.remove();
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * Revoke the blob urls in the removedInlineImages and remove them from the currentLocalBlobMap
  * @internal
  */
 export const removeLocalBlobs = (currentLocalBlobMap, removedInlineImages) => {
-    removedInlineImages.forEach(image => {
+    removedInlineImages.forEach((image) => {
         removeSingleLocalBlob(currentLocalBlobMap, image.id);
     });
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * Revoke all the blob urls in the currentLocalBlobMap and clean up the currentLocalBlobMap
  * @internal
  */
 export const cleanAllLocalBlobs = (currentLocalBlobMap) => {
-    Object.keys(currentLocalBlobMap).forEach(imageId => {
+    Object.keys(currentLocalBlobMap).forEach((imageId) => {
         removeSingleLocalBlob(currentLocalBlobMap, imageId);
     });
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 const removeSingleLocalBlob = (currentLocalBlobMap, imageId) => {
     const blobUrl = currentLocalBlobMap[imageId];
     if (blobUrl) {

package/dist/dist-esm/react-components/src/components/utils/RichTextEditorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/RichTextEditorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { BorderFormat, DatasetFormat, ModelToDomContext } from 'roosterjs-content-model-types';\n\n/**\n * Plugin event type for RoosterJS plugins\n * @private\n */\nexport enum PluginEventType {\n  EditorReady = 'editorReady',\n  BeforeDispose = 'beforeDispose',\n  ContentChanged = 'contentChanged',\n  BeforeSetContent = 'beforeSetContent',\n  Input = 'input',\n  KeyDown = 'keyDown',\n  BeforeCutCopy = 'beforeCutCopy',\n  BeforePaste = 'beforePaste',\n  ZoomChanged = 'zoomChanged',\n  MouseUp = 'mouseUp',\n}\n\n/**\n * ContentChanged event source for RoosterJS\n * @private\n */\nexport enum ContentChangedEventSource {\n  Paste = 'Paste',\n}\n\n/**\n * Applies the border format to the specified element.\n * If the element is an HTMLTableCellElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, the default format applier is used.\n */\nexport const borderApplier = (format: BorderFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableCellElement) {\n    // don't set format for table cell\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.border) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.border(format, element, context);\n  }\n};\n\n/**\n * Applies the dataset format to the given HTML element.\n * If the element is an HTMLTableElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, it applies the default formats.\n */\nexport const dataSetApplier = (format: DatasetFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableElement) {\n    // don't set editing info for tables\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.dataset) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.dataset(format, element, context);\n  }\n};\n/**\n * @internal\n */\nexport const getPreviousInlineImages = (content?: string): Record<string, string>[] => {\n  if (!content) {\n    return [];\n  }\n  const previousInlineImages: Record<string, string>[] = [];\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  document.querySelectorAll('img').forEach(img => {\n    const imageAttributes = getInlineImageAttributes(img);\n    previousInlineImages.push(imageAttributes);\n  });\n  return previousInlineImages;\n};\n/**\n * @internal\n */\nexport const getRemovedInlineImages = (content: string, previousInlineImages: Record<string, string>[]): Record<string, string>[] => {\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  const currentContentIds = Array.from(document.querySelectorAll('img')).map(img => img.id);\n  previousInlineImages = previousInlineImages?.filter(img => !currentContentIds?.includes(img.id));\n  const removedInlineImages = [...previousInlineImages];\n  return removedInlineImages;\n};\n/**\n * @internal\n */\nexport const getInsertedInlineImages = (content: string, previousInlineImages: NodeListOf<HTMLImageElement>): HTMLImageElement[] => {\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  const currentContentInlineImages = Array.from(document.querySelectorAll('img'));\n  const previousContentIds = Array.from(previousInlineImages).map(img => img.id);\n  // if check is updated, also update getRemovedInlineImages\n  const insertedInlineImages = currentContentInlineImages.filter(img => !previousContentIds.includes(img.id));\n  return insertedInlineImages;\n};\n/**\n * @internal\n */\nexport const getInlineImageAttributes = (image: HTMLImageElement): Record<string, string> => {\n  const imageAttributes: Record<string, string> = {};\n  image.getAttributeNames().forEach(attrName => {\n    const attrValue = image.getAttribute(attrName);\n    if (attrValue) {\n      imageAttributes[attrName] = attrValue;\n    }\n  });\n  return imageAttributes;\n};\n/**\n * @internal\n */\n/**\n * Update the scroll position of the editor to ensure the content is visible.\n */\nexport const scrollToBottomRichTextEditor = (): void => {\n  // Get the current selection in the document\n  const selection = document.getSelection();\n\n  // Check if a selection exists and it has at least one range\n  if (!selection || selection.rangeCount <= 0) {\n    // If no selection or range, exit the function\n    return;\n  }\n\n  // Get the first range of the selection\n  // A user can normally only select one range at a time, so the rangeCount will usually be 1\n  const range = selection.getRangeAt(0);\n\n  // If the common ancestor container of the range is the document itself,\n  // it might mean that the editable element is getting removed from the DOM\n  // In such cases, especially in Safari, trying to modify the range might throw a HierarchyRequest error\n  if (range.commonAncestorContainer === document) {\n    return;\n  }\n\n  // Create a temporary span element to use as an anchor for scrolling\n  // We can't use the anchor node directly because if it's a Text node, calling scrollIntoView() on it will throw an error\n  const tempElement = document.createElement('span');\n  // Collapse the range to its end point\n  // This means the start and end points of the range will be the same, and it will not contain any content\n  range.collapse(false);\n  // Insert the temporary element at the cursor's position at the end of the range\n  range.insertNode(tempElement);\n  // Scroll the temporary element into view\n  // the element will be aligned at the center of the scroll container, otherwise, text and images may be positioned incorrectly\n  tempElement.scrollIntoView({\n    block: 'center'\n  });\n  tempElement.remove();\n};\n/**\n * Revoke the blob urls in the removedInlineImages and remove them from the currentLocalBlobMap\n * @internal\n */\nexport const removeLocalBlobs = (currentLocalBlobMap: Record<string, string>, removedInlineImages: Record<string, string>[]): void => {\n  removedInlineImages.forEach(image => {\n    removeSingleLocalBlob(currentLocalBlobMap, image.id);\n  });\n};\n/**\n * Revoke all the blob urls in the currentLocalBlobMap and clean up the currentLocalBlobMap\n * @internal\n */\nexport const cleanAllLocalBlobs = (currentLocalBlobMap: Record<string, string>): void => {\n  Object.keys(currentLocalBlobMap).forEach(imageId => {\n    removeSingleLocalBlob(currentLocalBlobMap, imageId);\n  });\n};\nconst removeSingleLocalBlob = (currentLocalBlobMap: Record<string, string>, imageId: string): void => {\n  const blobUrl = currentLocalBlobMap[imageId];\n  if (blobUrl) {\n    URL.revokeObjectURL(blobUrl);\n    delete currentLocalBlobMap[imageId];\n  }\n};"]}
+{"version":3,"file":"RichTextEditorUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/RichTextEditorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { BorderFormat, DatasetFormat, ModelToDomContext } from 'roosterjs-content-model-types';\n\n/**\n * Plugin event type for RoosterJS plugins\n * @private\n */\nexport enum PluginEventType {\n  EditorReady = 'editorReady',\n  BeforeDispose = 'beforeDispose',\n  ContentChanged = 'contentChanged',\n  BeforeSetContent = 'beforeSetContent',\n  Input = 'input',\n  KeyDown = 'keyDown',\n  BeforeCutCopy = 'beforeCutCopy',\n  BeforePaste = 'beforePaste',\n  ZoomChanged = 'zoomChanged',\n  MouseUp = 'mouseUp'\n}\n\n/**\n * ContentChanged event source for RoosterJS\n * @private\n */\nexport enum ContentChangedEventSource {\n  Paste = 'Paste'\n}\n\n/**\n * Applies the border format to the specified element.\n * If the element is an HTMLTableCellElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, the default format applier is used.\n */\nexport const borderApplier = (format: BorderFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableCellElement) {\n    // don't set format for table cell\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.border) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.border(format, element, context);\n  }\n};\n\n/**\n * Applies the dataset format to the given HTML element.\n * If the element is an HTMLTableElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, it applies the default formats.\n */\nexport const dataSetApplier = (format: DatasetFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableElement) {\n    // don't set editing info for tables\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.dataset) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.dataset(format, element, context);\n  }\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getPreviousInlineImages = (content?: string): Record<string, string>[] => {\n  if (!content) {\n    return [];\n  }\n  const previousInlineImages: Record<string, string>[] = [];\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  document.querySelectorAll('img').forEach((img) => {\n    const imageAttributes = getInlineImageAttributes(img);\n    previousInlineImages.push(imageAttributes);\n  });\n  return previousInlineImages;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getRemovedInlineImages = (\n  content: string,\n  previousInlineImages: Record<string, string>[]\n): Record<string, string>[] => {\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  const currentContentIds = Array.from(document.querySelectorAll('img')).map((img) => img.id);\n  previousInlineImages = previousInlineImages?.filter((img) => !currentContentIds?.includes(img.id));\n\n  const removedInlineImages = [...previousInlineImages];\n  return removedInlineImages;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getInsertedInlineImages = (\n  content: string,\n  previousInlineImages: NodeListOf<HTMLImageElement>\n): HTMLImageElement[] => {\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  const currentContentInlineImages = Array.from(document.querySelectorAll('img'));\n  const previousContentIds = Array.from(previousInlineImages).map((img) => img.id);\n  // if check is updated, also update getRemovedInlineImages\n  const insertedInlineImages = currentContentInlineImages.filter((img) => !previousContentIds.includes(img.id));\n  return insertedInlineImages;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getInlineImageAttributes = (image: HTMLImageElement): Record<string, string> => {\n  const imageAttributes: Record<string, string> = {};\n  image.getAttributeNames().forEach((attrName) => {\n    const attrValue = image.getAttribute(attrName);\n    if (attrValue) {\n      imageAttributes[attrName] = attrValue;\n    }\n  });\n  return imageAttributes;\n};\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @internal\n */\n/**\n * Update the scroll position of the editor to ensure the content is visible.\n */\nexport const scrollToBottomRichTextEditor = (): void => {\n  // Get the current selection in the document\n  const selection = document.getSelection();\n\n  // Check if a selection exists and it has at least one range\n  if (!selection || selection.rangeCount <= 0) {\n    // If no selection or range, exit the function\n    return;\n  }\n\n  // Get the first range of the selection\n  // A user can normally only select one range at a time, so the rangeCount will usually be 1\n  const range = selection.getRangeAt(0);\n\n  // If the common ancestor container of the range is the document itself,\n  // it might mean that the editable element is getting removed from the DOM\n  // In such cases, especially in Safari, trying to modify the range might throw a HierarchyRequest error\n  if (range.commonAncestorContainer === document) {\n    return;\n  }\n\n  // Create a temporary span element to use as an anchor for scrolling\n  // We can't use the anchor node directly because if it's a Text node, calling scrollIntoView() on it will throw an error\n  const tempElement = document.createElement('span');\n  // Collapse the range to its end point\n  // This means the start and end points of the range will be the same, and it will not contain any content\n  range.collapse(false);\n  // Insert the temporary element at the cursor's position at the end of the range\n  range.insertNode(tempElement);\n  // Scroll the temporary element into view\n  // the element will be aligned at the center of the scroll container, otherwise, text and images may be positioned incorrectly\n  tempElement.scrollIntoView({\n    block: 'center'\n  });\n  tempElement.remove();\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * Revoke the blob urls in the removedInlineImages and remove them from the currentLocalBlobMap\n * @internal\n */\nexport const removeLocalBlobs = (\n  currentLocalBlobMap: Record<string, string>,\n  removedInlineImages: Record<string, string>[]\n): void => {\n  removedInlineImages.forEach((image) => {\n    removeSingleLocalBlob(currentLocalBlobMap, image.id);\n  });\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * Revoke all the blob urls in the currentLocalBlobMap and clean up the currentLocalBlobMap\n * @internal\n */\nexport const cleanAllLocalBlobs = (currentLocalBlobMap: Record<string, string>): void => {\n  Object.keys(currentLocalBlobMap).forEach((imageId) => {\n    removeSingleLocalBlob(currentLocalBlobMap, imageId);\n  });\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nconst removeSingleLocalBlob = (currentLocalBlobMap: Record<string, string>, imageId: string): void => {\n  const blobUrl = currentLocalBlobMap[imageId];\n  if (blobUrl) {\n    URL.revokeObjectURL(blobUrl);\n    delete currentLocalBlobMap[imageId];\n  }\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.js

@@ -36,81 +36,89 @@ export function parseKey(key) {
  * @returns An array of context menu items.
  */
 export const getTableEditContextMenuItems = (editor, strings) => {
-    return [{
+    return [
+        {
             key: 'RichTextTableEditMenuTableInsert',
             text: strings.richTextInsertRowOrColumnMenu,
             ariaLabel: strings.richTextInsertRowOrColumnMenu,
             iconProps: {
                 iconName: 'RichTextTableInsertMenuIcon',
-                styles: {
-                    root: tableContextMenuIconStyles
-                }
+                styles: { root: tableContextMenuIconStyles }
             },
             subMenuProps: {
-                items: [{
+                items: [
+                    {
                         key: 'RichTextTableEditMenuTableInsertRowAbove',
                         text: strings.richTextInsertRowAboveMenu,
                         ariaLabel: strings.richTextInsertRowAboveMenu,
                         onClick: () => {
                             editTable(editor, 'insertAbove');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableInsertRowBelow',
                         text: strings.richTextInsertRowBelowMenu,
                         ariaLabel: strings.richTextInsertRowBelowMenu,
                         onClick: () => {
                             editTable(editor, 'insertBelow');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableInsertColumnLeft',
                         text: strings.richTextInsertColumnLeftMenu,
                         ariaLabel: strings.richTextInsertColumnLeftMenu,
                         onClick: () => {
                             editTable(editor, 'insertLeft');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableInsertColumnRight',
                         text: strings.richTextInsertColumnRightMenu,
                         ariaLabel: strings.richTextInsertColumnRightMenu,
                         onClick: () => {
                             editTable(editor, 'insertRight');
                         }
-                    }]
+                    }
+                ]
             }
-        }, {
+        },
+        {
             key: 'RichTextTableEditMenuTableDelete',
             text: strings.richTextDeleteRowOrColumnMenu,
             ariaLabel: strings.richTextDeleteRowOrColumnMenu,
             iconProps: {
                 iconName: 'RichTextTableDeleteMenuIcon',
-                styles: {
-                    root: tableContextMenuIconStyles
-                }
+                styles: { root: tableContextMenuIconStyles }
             },
             subMenuProps: {
-                items: [{
+                items: [
+                    {
                         key: 'RichTextTableEditMenuTableDeleteRow',
                         text: strings.richTextDeleteRowMenu,
                         ariaLabel: strings.richTextDeleteRowMenu,
                         onClick: () => {
                             editTable(editor, 'deleteRow');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableDeleteColumn',
                         text: strings.richTextDeleteColumnMenu,
                         ariaLabel: strings.richTextDeleteColumnMenu,
                         onClick: () => {
                             editTable(editor, 'deleteColumn');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableDeleteTable',
                         text: strings.richTextDeleteTableMenu,
                         ariaLabel: strings.richTextDeleteTableMenu,
                         onClick: () => {
                             editTable(editor, 'deleteTable');
                         }
-                    }]
+                    }
+                ]
             }
-        }];
+        }
+    ];
 };
 //# sourceMappingURL=RichTextTableUtils.js.map

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextTableUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/RichTextTableUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { editTable } from 'roosterjs-content-model-api';\nimport { tableContextMenuIconStyles } from '../styles/RichTextEditor.styles';\nimport { RichTextStrings } from '../RichTextEditor/RichTextSendBox';\nimport { IEditor } from 'roosterjs-content-model-types';\nimport { IContextualMenuItem } from '@fluentui/react';\n\n/**\n * @private\n *\n * String to be replaces by actual values of row and column.\n */\nexport const ColumnRowReplaceString = '{column} x {row}';\n\n/**\n * @private\n *\n * Function to create key pair for the selected table size.\n */\nexport function createKey(row: number, column: number): string {\n  return `${row},${column}`;\n}\n\n/**\n * @private\n *\n * Function to parse key to the selected table size valules.\n */\nexport function parseKey(key: string): {\n  row: number;\n  column: number;\n} {\n  const [row, column] = key.split(',');\n  return {\n    row: parseInt(row),\n    column: parseInt(column)\n  };\n}\n\n/**\n * Returns an array of context menu items for editing a rich text table.\n *\n * @param editor - The editor instance.\n * @param strings - An object containing localized strings for the context menu items.\n * @returns An array of context menu items.\n */\nexport const getTableEditContextMenuItems = (editor: IEditor, strings: Partial<RichTextStrings>): IContextualMenuItem[] => {\n  return [{\n    key: 'RichTextTableEditMenuTableInsert',\n    text: strings.richTextInsertRowOrColumnMenu,\n    ariaLabel: strings.richTextInsertRowOrColumnMenu,\n    iconProps: {\n      iconName: 'RichTextTableInsertMenuIcon',\n      styles: {\n        root: tableContextMenuIconStyles\n      }\n    },\n    subMenuProps: {\n      items: [{\n        key: 'RichTextTableEditMenuTableInsertRowAbove',\n        text: strings.richTextInsertRowAboveMenu,\n        ariaLabel: strings.richTextInsertRowAboveMenu,\n        onClick: () => {\n          editTable(editor, 'insertAbove');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableInsertRowBelow',\n        text: strings.richTextInsertRowBelowMenu,\n        ariaLabel: strings.richTextInsertRowBelowMenu,\n        onClick: () => {\n          editTable(editor, 'insertBelow');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableInsertColumnLeft',\n        text: strings.richTextInsertColumnLeftMenu,\n        ariaLabel: strings.richTextInsertColumnLeftMenu,\n        onClick: () => {\n          editTable(editor, 'insertLeft');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableInsertColumnRight',\n        text: strings.richTextInsertColumnRightMenu,\n        ariaLabel: strings.richTextInsertColumnRightMenu,\n        onClick: () => {\n          editTable(editor, 'insertRight');\n        }\n      }]\n    }\n  }, {\n    key: 'RichTextTableEditMenuTableDelete',\n    text: strings.richTextDeleteRowOrColumnMenu,\n    ariaLabel: strings.richTextDeleteRowOrColumnMenu,\n    iconProps: {\n      iconName: 'RichTextTableDeleteMenuIcon',\n      styles: {\n        root: tableContextMenuIconStyles\n      }\n    },\n    subMenuProps: {\n      items: [{\n        key: 'RichTextTableEditMenuTableDeleteRow',\n        text: strings.richTextDeleteRowMenu,\n        ariaLabel: strings.richTextDeleteRowMenu,\n        onClick: () => {\n          editTable(editor, 'deleteRow');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableDeleteColumn',\n        text: strings.richTextDeleteColumnMenu,\n        ariaLabel: strings.richTextDeleteColumnMenu,\n        onClick: () => {\n          editTable(editor, 'deleteColumn');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableDeleteTable',\n        text: strings.richTextDeleteTableMenu,\n        ariaLabel: strings.richTextDeleteTableMenu,\n        onClick: () => {\n          editTable(editor, 'deleteTable');\n        }\n      }]\n    }\n  }];\n};"]}
+{"version":3,"file":"RichTextTableUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/RichTextTableUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { editTable } from 'roosterjs-content-model-api';\nimport { tableContextMenuIconStyles } from '../styles/RichTextEditor.styles';\nimport { RichTextStrings } from '../RichTextEditor/RichTextSendBox';\nimport { IEditor } from 'roosterjs-content-model-types';\nimport { IContextualMenuItem } from '@fluentui/react';\n\n/**\n * @private\n *\n * String to be replaces by actual values of row and column.\n */\nexport const ColumnRowReplaceString = '{column} x {row}';\n\n/**\n * @private\n *\n * Function to create key pair for the selected table size.\n */\nexport function createKey(row: number, column: number): string {\n  return `${row},${column}`;\n}\n\n/**\n * @private\n *\n * Function to parse key to the selected table size valules.\n */\nexport function parseKey(key: string): { row: number; column: number } {\n  const [row, column] = key.split(',');\n  return {\n    row: parseInt(row),\n    column: parseInt(column)\n  };\n}\n\n/**\n * Returns an array of context menu items for editing a rich text table.\n *\n * @param editor - The editor instance.\n * @param strings - An object containing localized strings for the context menu items.\n * @returns An array of context menu items.\n */\nexport const getTableEditContextMenuItems = (\n  editor: IEditor,\n  strings: Partial<RichTextStrings>\n): IContextualMenuItem[] => {\n  return [\n    {\n      key: 'RichTextTableEditMenuTableInsert',\n      text: strings.richTextInsertRowOrColumnMenu,\n      ariaLabel: strings.richTextInsertRowOrColumnMenu,\n      iconProps: {\n        iconName: 'RichTextTableInsertMenuIcon',\n        styles: { root: tableContextMenuIconStyles }\n      },\n      subMenuProps: {\n        items: [\n          {\n            key: 'RichTextTableEditMenuTableInsertRowAbove',\n            text: strings.richTextInsertRowAboveMenu,\n            ariaLabel: strings.richTextInsertRowAboveMenu,\n            onClick: () => {\n              editTable(editor, 'insertAbove');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertRowBelow',\n            text: strings.richTextInsertRowBelowMenu,\n            ariaLabel: strings.richTextInsertRowBelowMenu,\n            onClick: () => {\n              editTable(editor, 'insertBelow');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertColumnLeft',\n            text: strings.richTextInsertColumnLeftMenu,\n            ariaLabel: strings.richTextInsertColumnLeftMenu,\n            onClick: () => {\n              editTable(editor, 'insertLeft');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertColumnRight',\n            text: strings.richTextInsertColumnRightMenu,\n            ariaLabel: strings.richTextInsertColumnRightMenu,\n            onClick: () => {\n              editTable(editor, 'insertRight');\n            }\n          }\n        ]\n      }\n    },\n    {\n      key: 'RichTextTableEditMenuTableDelete',\n      text: strings.richTextDeleteRowOrColumnMenu,\n      ariaLabel: strings.richTextDeleteRowOrColumnMenu,\n      iconProps: {\n        iconName: 'RichTextTableDeleteMenuIcon',\n        styles: { root: tableContextMenuIconStyles }\n      },\n      subMenuProps: {\n        items: [\n          {\n            key: 'RichTextTableEditMenuTableDeleteRow',\n            text: strings.richTextDeleteRowMenu,\n            ariaLabel: strings.richTextDeleteRowMenu,\n            onClick: () => {\n              editTable(editor, 'deleteRow');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableDeleteColumn',\n            text: strings.richTextDeleteColumnMenu,\n            ariaLabel: strings.richTextDeleteColumnMenu,\n            onClick: () => {\n              editTable(editor, 'deleteColumn');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableDeleteTable',\n            text: strings.richTextDeleteTableMenu,\n            ariaLabel: strings.richTextDeleteTableMenu,\n            onClick: () => {\n              editTable(editor, 'deleteTable');\n            }\n          }\n        ]\n      }\n    }\n  ];\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/SendBoxUtils.js

@@ -1,3 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -12,18 +14,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
  */
 export const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
 const EMPTY_MESSAGE_REGEX = /^\s*$/;
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @private
  */
 export const hasIncompleteAttachmentUploads = (attachmentsWithProgress) => {
-    return !!((attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.length) && !attachmentsWithProgress.filter(attachmentUpload => !attachmentUpload.error).every(attachmentUpload => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined));
+    return !!((attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.length) &&
+        !attachmentsWithProgress
+            .filter((attachmentUpload) => !attachmentUpload.error)
+            .every((attachmentUpload) => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined));
 };
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @private
  */
 export const isAttachmentUploadCompleted = (attachmentsWithProgress) => {
-    return !!(attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.find(attachment => !attachment.error));
+    return !!(attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.find((attachment) => !attachment.error));
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * Check if the content has inline image.
  * @internal
@@ -32,6 +40,7 @@ export const hasInlineImageContent = (content) => {
     const document = new DOMParser().parseFromString(content, 'text/html');
     return !!document.querySelector('img');
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * @internal
  *
@@ -44,9 +53,9 @@ export const updateStylesOfInlineImages = (message, initialInlineImages) => __aw
     if (message === '') {
         return message;
     }
-    const initialInlineImagesIds = initialInlineImages.map(initialInlineImage => initialInlineImage.id);
+    const initialInlineImagesIds = initialInlineImages.map((initialInlineImage) => initialInlineImage.id);
     const document = new DOMParser().parseFromString(message !== null && message !== void 0 ? message : '', 'text/html');
-    const imagesPromise = Array.from(document.querySelectorAll('img')).map(img => {
+    const imagesPromise = Array.from(document.querySelectorAll('img')).map((img) => {
         return new Promise((resolve, rejects) => {
             // The message might content images that comes with the message before editing.
             // This function should only modify the message content for images that are newly added.
@@ -102,21 +111,25 @@ export const sanitizeText = (message) => {
  * @param disabled - Indicates whether the send box is disabled.
  * @returns A boolean value indicating whether the send box should be disabled for ARIA accessibility.
  */
-export const isSendBoxButtonAriaDisabled = ({ hasContent, hasCompletedAttachmentUploads, hasError, disabled }) => {
+export const isSendBoxButtonAriaDisabled = ({ hasContent, 
+/* @conditional-compile-remove(file-sharing-acs) */
+hasCompletedAttachmentUploads, hasError, disabled }) => {
     return (
     // no content
-    !(hasContent || hasCompletedAttachmentUploads) ||
+    !(hasContent || /* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads) ||
         //error message exists
-        hasError || disabled);
+        hasError ||
+        disabled);
 };
+/* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @internal
  */
 export const toAttachmentMetadata = (attachmentsWithProgress) => {
-    return attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.filter(attachment => {
+    return attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.filter((attachment) => {
         var _a;
         return !('error' in attachment) && !((_a = attachment.error) === null || _a === void 0 ? void 0 : _a.message);
-    }).map(attachment => {
+    }).map((attachment) => {
         var _a;
         return {
             id: attachment.id,
@@ -130,6 +143,7 @@ export const toAttachmentMetadata = (attachmentsWithProgress) => {
  */
 export const modifyInlineImagesInContentString = (content, initialInlineImages, onCompleted) => __awaiter(void 0, void 0, void 0, function* () {
     let newContent = content;
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     try {
         newContent = yield updateStylesOfInlineImages(content, initialInlineImages);
     }
@@ -138,12 +152,13 @@ export const modifyInlineImagesInContentString = (content, initialInlineImages,
     }
     onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(newContent);
 });
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * @internal
  */
 export const removeBrokenImageContentAndClearImageSizeStyles = (content) => {
     const document = new DOMParser().parseFromString(content, 'text/html');
-    document.querySelectorAll('img').forEach(img => {
+    document.querySelectorAll('img').forEach((img) => {
         // Before submitting/resend the message, we need to trim the unnecessary attributes such as src,
         // which is set to a local svg of a broken image icon at this point.
         // Once message is submitted/resent, it will be fetched again and might not be a broken image anymore,
@@ -163,6 +178,7 @@ export const removeBrokenImageContentAndClearImageSizeStyles = (content) => {
     });
     return document.body.innerHTML;
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
  * @internal
  */
@@ -171,9 +187,9 @@ export const getContentWithUpdatedInlineImagesInfo = (content, inlineImageWithPr
         return content;
     }
     const document = new DOMParser().parseFromString(content, 'text/html');
-    document.querySelectorAll('img').forEach(img => {
+    document.querySelectorAll('img').forEach((img) => {
         const imageId = img.id;
-        const inlineImage = inlineImageWithProgress.find(image => !image.error && image.progress === 1 && image.id === imageId);
+        const inlineImage = inlineImageWithProgress.find((image) => !image.error && image.progress === 1 && image.id === imageId);
         if (inlineImage) {
             img.id = inlineImage.id;
             img.src = inlineImage.url || img.src;