@azure/communication-react 1.32.0-beta.1 → 1.32.0

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageComponentAsEditBoxUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/ChatMessageComponentAsEditBoxUtils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,sCAAgC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAe,EAAE;IACnE,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AACnE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAe,EAAE;IACnE,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AACnE,CAAC,CAAC;AAMF,SAAS,cAAc,CAAC,WAAmB,EAAE,kBAAyC;IACpF,OAAO,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,IAAI,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,MAAK,CAAC,CAAC;IAC3E,OAAO,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;AACzC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,WAAmB,EAAE,WAAiC;IACpF,OAAO,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3H,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,YAAoB,EAAE,aAAqB,EAAE,cAAsB,EAAE,gBAAyB,KAAK,EAAsB,EAAE;IACvK,OAAO,YAAY,KAAK,UAAU,IAAI,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,aAAa,EAAE;QACjF,WAAW,EAAE,GAAG,yBAAyB,EAAE;KAC5C,CAAC,CAAC,CAAC,CAAC,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;AACjE,CAAC,CAAC;AACF;;;GAGG;AACH,MAAM,UAAU,gCAAgC,CAAC,OAAoB;IACnE,OAAO,OAAO,CAAC,WAAW,CAAC;AAC7B,CAAC;AAsBD;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAA2B,EAAE,MAAe,EAAwB,EAAE;IAC9G,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;QAC/C;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAG,CAAC,OAAoB,EAAW,EAAE;;IACrF,MAAM,MAAM,GAAG,MAAA,MAAA,OAAO,CAAC,WAAW,0CAAE,MAAM,mCAAI,CAAC,CAAC;IAChD,OAAO,MAAM,GAAG,CAAC,CAAC;AACpB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { Icon } from '@fluentui/react';\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\nimport { isMessageTooLong } from './SendBoxUtils';\nimport { ChatMessage } from '../../types';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { MAXIMUM_LENGTH_OF_MESSAGE } from '../utils/SendBoxUtils';\n\n/**\n * @private\n */\nexport const onRenderCancelIcon = (className: string): JSX.Element => {\n  return <Icon iconName={'EditBoxCancel'} className={className} />;\n};\n\n/**\n * @private\n */\nexport const onRenderSubmitIcon = (className: string): JSX.Element => {\n  return <Icon iconName={'EditBoxSubmit'} className={className} />;\n};\n\n/**\n * Enumeration for whether a message can be sent\n */\nexport type MessageState = 'OK' | 'too short' | 'too long';\nfunction isMessageEmpty(messageText: string, attachmentMetadata?: AttachmentMetadata[]): boolean {\n  return messageText.trim().length === 0 && attachmentMetadata?.length === 0;\n  return messageText.trim().length === 0;\n}\n\n/**\n * @private\n */\nexport function getMessageState(messageText: string, attachments: AttachmentMetadata[]): MessageState {\n  return isMessageEmpty(messageText, attachments) ? 'too short' : isMessageTooLong(messageText.length) ? 'too long' : 'OK';\n}\n\n/**\n * @private\n */\nexport const getTextValidationErrorMessage = (messageState: string, tooLongString: string, tooShortString: string, imageOverflow: boolean = false): string | undefined => {\n  return messageState === 'too long' || imageOverflow ? _formatString(tooLongString, {\n    limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}`\n  }) : messageState === 'too short' ? tooShortString : undefined;\n};\n/**\n * @private\n * @TODO: Remove when file-sharing feature becomes stable.\n */\nexport function getMessageWithAttachmentMetadata(message: ChatMessage): AttachmentMetadata[] | undefined {\n  return message.attachments;\n}\n/**\n * @private\n */\ninterface Action {\n  type: string;\n}\n/**\n * Currently `Actions` only have one action which is to remove.\n * But in the future, we may have more actions like `add`, `update`, etc.\n * And this action would be a uinon of all those actions.\n * i.e. `type Actions = RemoveAction | AddAction | UpdateAction;`\n * @private\n */\ntype Actions = RemoveAction;\n/**\n * @private\n */\ninterface RemoveAction extends Action {\n  type: 'remove';\n  id: string;\n}\n/**\n * @internal\n */\nexport const attachmentMetadataReducer = (state: AttachmentMetadata[], action: Actions): AttachmentMetadata[] => {\n  switch (action.type) {\n    case 'remove':\n      return state.filter(v => v.id !== action.id);\n    default:\n      return state;\n  }\n};\n/**\n * @internal\n */\nexport const doesMessageContainMultipleAttachments = (message: ChatMessage): boolean => {\n  const length = message.attachments?.length ?? 0;\n  return length > 1;\n};"]}
+{"version":3,"file":"ChatMessageComponentAsEditBoxUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/ChatMessageComponentAsEditBoxUtils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,sCAAgC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAe,EAAE;IACnE,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AACnE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAe,EAAE;IACnE,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AACnE,CAAC,CAAC;AAMF,SAAS,cAAc,CAAC,WAAmB;IACzC,OAAO,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;AACzC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,WAAmB;IACjD,OAAO,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9G,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,YAAoB,EAAE,aAAqB,EAAE,cAAsB,EAAE,gBAAyB,KAAK,EAAsB,EAAE;IACvK,OAAO,YAAY,KAAK,UAAU,IAAI,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,aAAa,EAAE;QACjF,WAAW,EAAE,GAAG,yBAAyB,EAAE;KAC5C,CAAC,CAAC,CAAC,CAAC,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;AACjE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { Icon } from '@fluentui/react';\nimport { isMessageTooLong } from './SendBoxUtils';\nimport { _formatString } from '@internal/acs-ui-common';\nimport { MAXIMUM_LENGTH_OF_MESSAGE } from '../utils/SendBoxUtils';\n\n/**\r\n * @private\r\n */\nexport const onRenderCancelIcon = (className: string): JSX.Element => {\n  return <Icon iconName={'EditBoxCancel'} className={className} />;\n};\n\n/**\r\n * @private\r\n */\nexport const onRenderSubmitIcon = (className: string): JSX.Element => {\n  return <Icon iconName={'EditBoxSubmit'} className={className} />;\n};\n\n/**\r\n * Enumeration for whether a message can be sent\r\n */\nexport type MessageState = 'OK' | 'too short' | 'too long';\nfunction isMessageEmpty(messageText: string): boolean {\n  return messageText.trim().length === 0;\n}\n\n/**\r\n * @private\r\n */\nexport function getMessageState(messageText: string): MessageState {\n  return isMessageEmpty(messageText) ? 'too short' : isMessageTooLong(messageText.length) ? 'too long' : 'OK';\n}\n\n/**\r\n * @private\r\n */\nexport const getTextValidationErrorMessage = (messageState: string, tooLongString: string, tooShortString: string, imageOverflow: boolean = false): string | undefined => {\n  return messageState === 'too long' || imageOverflow ? _formatString(tooLongString, {\n    limitNumber: `${MAXIMUM_LENGTH_OF_MESSAGE}`\n  }) : messageState === 'too short' ? tooShortString : undefined;\n};"]}

package/dist/dist-esm/react-components/src/components/utils/ChatMessageComponentUtils.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { ChatMessage, MessageAttachedStatus } from '../../types/ChatMessage';
-import { BlockedMessage } from '../../types/ChatMessage';
 import { InlineImageOptions } from '../ChatMessage/ChatMessageContent';
 import { MessageThreadStrings } from '../MessageThread';
-import { MentionDisplayOptions } from '../MentionPopover';
 import { AttachmentMenuAction } from '../../types/Attachment';
 import { AttachmentMetadata } from "../../../../acs-ui-common/src";
 import { ComponentLocale } from '../../localization/LocalizationProvider';
@@ -17,7 +15,7 @@ export declare const getFluentUIAttachedValue: (messageAttachedStatus?: MessageA
  * @private
  *  Get the message bubble content for the message.
  */
-export declare function getMessageBubbleContent(message: ChatMessage | BlockedMessage, strings: MessageThreadStrings, userId: string, inlineImageOptions: InlineImageOptions | undefined, mentionDisplayOptions?: MentionDisplayOptions, 
+export declare function getMessageBubbleContent(message: ChatMessage, strings: MessageThreadStrings, userId: string, inlineImageOptions: InlineImageOptions | undefined, 
 /**
  * Optional callback to render message attachments in the message component.
  */
@@ -34,7 +32,7 @@ export declare const generateCustomizedTimestamp: (createdOn: Date, locale: Comp
  * @private
  *  Get the edited tag for the message if it is edited.
  */
-export declare const getMessageEditedDetails: (message: ChatMessage | BlockedMessage, theme: Theme, editedTag: string) => JSX.Element | undefined;
+export declare const getMessageEditedDetails: (message: ChatMessage, theme: Theme, editedTag: string) => JSX.Element | undefined;
 /**
  * Removes Fluent UI keyboard navigation styles from the given HTMLDivElement.
  *

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

@@ -2,7 +2,6 @@
 // Licensed under the MIT License.
 import React from 'react';
 import { ChatMessageContent } from '../ChatMessage/ChatMessageContent';
-import { BlockedMessageContent } from '../ChatMessage/ChatMessageContent';
 import { _AttachmentDownloadCards } from '../Attachment/AttachmentDownloadCards';
 import { formatTimeForChatMessage, formatTimestampForChatMessage } from './Datetime';
 import { chatMessageEditedTagStyle } from '../styles/ChatMessageComponent.styles';
@@ -17,7 +16,7 @@ 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, 
 /**
  * Optional callback to render message attachments in the message component.
  */
@@ -26,12 +25,8 @@ onRenderAttachmentDownloads,
  * Optional callback to define custom actions for attachments.
  */
 actionsForAttachment) {
-    if (message.messageType === 'blocked') {
-        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 }),
+        React.createElement(ChatMessageContent, { message: message, strings: strings, inlineImageOptions: inlineImageOptions }),
         onRenderAttachmentDownloads ? onRenderAttachmentDownloads(message) : defaultOnRenderAttachmentDownloads(message, strings, actionsForAttachment));
 }
 /**
@@ -41,7 +36,6 @@ const defaultOnRenderAttachmentDownloads = (message, strings, actionsForAttachme
     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: {
-            downloadAttachment: strings.downloadAttachment,
             openAttachment: strings.openAttachment,
             attachmentCardGroupMessage: strings.attachmentCardGroupMessage
         } }) : React.createElement(React.Fragment, null);
@@ -54,7 +48,6 @@ export const generateDefaultTimestamp = (createdOn, showDate, strings) => {
 // onDisplayDateTimeString from props overwrite onDisplayDateTimeString from locale
 /** @private */
 export const generateCustomizedTimestamp = (createdOn, locale, onDisplayDateTimeString) => {
-    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};\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};\n\n/**\n * Removes Fluent UI keyboard navigation styles from the given HTMLDivElement.\n *\n * This function removes the 'tabindex' and 'data-tabster' attributes from the provided\n * HTMLDivElement, making it non-focusable and removing any associated keyboard navigation styles.\n *\n * @param node - The HTMLDivElement from which to remove the keyboard navigation styles. If null, the function does nothing.\n */\nexport const removeFluentUIKeyboardNavigationStyles = (node: HTMLDivElement | null): void => {\n  if (node) {\n    // Remove tabindex to make the div element non-focusable\n    node.removeAttribute('tabindex');\n    node.removeAttribute('data-tabster');\n  }\n};"]}
+{"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 { InlineImageOptions } from '../ChatMessage/ChatMessageContent';\nimport { MessageThreadStrings } from '../MessageThread';\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\r\n * Return the string value for the FluentUI message attached prop based on the message's attached status.\r\n * @param attached - The message's attached status.\r\n */\nexport const getFluentUIAttachedValue = (messageAttachedStatus?: MessageAttachedStatus): 'bottom' | 'top' | 'center' | undefined => {\n  return messageAttachedStatus === 'top' || messageAttachedStatus === false ? 'top' : 'center';\n};\n\n/**\r\n * @private\r\n *  Get the message bubble content for the message.\r\n */\nexport function getMessageBubbleContent(message: ChatMessage, strings: MessageThreadStrings, userId: string, inlineImageOptions: InlineImageOptions | undefined,\n/**\r\n * Optional callback to render message attachments in the message component.\r\n */\nonRenderAttachmentDownloads?: (message: ChatMessage) => JSX.Element,\n/**\r\n * Optional callback to define custom actions for attachments.\r\n */\nactionsForAttachment?: (attachment: AttachmentMetadata, message?: ChatMessage) => AttachmentMenuAction[]): JSX.Element {\n  return <div className=\"ui-chat__message__content\">\r\n      <ChatMessageContent message={message} strings={strings} inlineImageOptions={inlineImageOptions} />\r\n      {onRenderAttachmentDownloads ? onRenderAttachmentDownloads(message) : defaultOnRenderAttachmentDownloads(message, strings, actionsForAttachment)}\r\n    </div>;\n}\n\n/**\r\n * Default component for rendering attachment downloads.\r\n */\nconst defaultOnRenderAttachmentDownloads = (message: ChatMessage, 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    openAttachment: strings.openAttachment,\n    attachmentCardGroupMessage: strings.attachmentCardGroupMessage\n  }} /> : <></>;\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 '';\n};\n\n/**\r\n * @private\r\n *  Get the edited tag for the message if it is edited.\r\n */\nexport const getMessageEditedDetails = (message: ChatMessage, 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};\n\n/**\r\n * Removes Fluent UI keyboard navigation styles from the given HTMLDivElement.\r\n *\r\n * This function removes the 'tabindex' and 'data-tabster' attributes from the provided\r\n * HTMLDivElement, making it non-focusable and removing any associated keyboard navigation styles.\r\n *\r\n * @param node - The HTMLDivElement from which to remove the keyboard navigation styles. If null, the function does nothing.\r\n */\nexport const removeFluentUIKeyboardNavigationStyles = (node: HTMLDivElement | null): void => {\n  if (node) {\n    // Remove tabindex to make the div element non-focusable\n    node.removeAttribute('tabindex');\n    node.removeAttribute('data-tabster');\n  }\n};"]}

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":["../../../../../../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/**\r\n * @private\r\n */\nexport const formatTimeForChatMessage = (messageDate: Date): string => {\n  return messageDate.toLocaleTimeString([], {\n    hour: 'numeric',\n    minute: '2-digit'\n  });\n};\n\n/**\r\n * @private\r\n */\nexport const formatDateForChatMessage = (messageDate: Date): string => {\n  return messageDate.toLocaleDateString();\n};\n\n/**\r\n * Given a message date object in ISO8601 and a current date object, generates a user friendly timestamp text\r\n * using the system locale.\r\n * <time in locale format>.\r\n * Yesterday <time in locale format>.\r\n * <dateStrings day of week> <time in locale format>.\r\n * <date in locale format> <time in locale format>.\r\n *\r\n * If message is after yesterday, then only show the time.\r\n * If message is before yesterday and after day before yesterday, then show 'Yesterday' plus the time.\r\n * If message is before day before yesterday and within the current week, then show 'Monday/Tuesday/etc' plus the time.\r\n *   - We consider start of the week as Sunday. If current day is Sunday, then any time before that is in previous week.\r\n * If message is in previous or older weeks, then show date string plus the time.\r\n *\r\n * @param messageDate - date of message\r\n * @param currentDate - date used as offset to create the user friendly timestamp (e.g. to create 'Yesterday' instead of an absolute date)\r\n *\r\n * @private\r\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};"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Logger.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/Logger.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,uCAAuC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createClientLogger } from '@azure/logger';\n\n/**\n * @private\n */\nexport const callingComponentLogger = createClientLogger('communication-react:calling-component');"]}
+{"version":3,"file":"Logger.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/Logger.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,uCAAuC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createClientLogger } from '@azure/logger';\n\n/**\r\n * @private\r\n */\nexport const callingComponentLogger = createClientLogger('communication-react:calling-component');"]}

package/dist/dist-esm/react-components/src/components/utils/SendBoxUtils.d.ts

@@ -1,40 +1,7 @@
-import { AttachmentMetadataInProgress } from "../../../../acs-ui-common/src";
-import { AttachmentMetadata } from "../../../../acs-ui-common/src";
 /**
  * @private
  */
 export declare const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
-/**
- * @private
- */
-export declare const hasIncompleteAttachmentUploads: (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined) => boolean;
-/**
- * @private
- */
-export declare const isAttachmentUploadCompleted: (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined) => boolean;
-/**
- * Obtain any image nodes from the content DOM passed in
- * returns a list of image IDs
- * @internal
- */
-export declare const inlineImageIds: (content?: string) => {
-    id: string;
-    url?: string;
-}[];
-/**
- * Check if the content has inline image.
- * @internal
- */
-export declare const hasInlineImageContent: (content: string) => boolean;
-/**
- * @internal
- *
- * @param message - The message content to update.
- * @param initialInlineImages - The initial inline images that comes with the message before editing.
- *
- * @returns The updated message content.
- */
-export declare const updateStylesOfInlineImages: (message: string, initialInlineImages: Record<string, string>[]) => Promise<string>;
 /**
  * @private
  */
@@ -52,26 +19,13 @@ export declare const sanitizeText: (message: string) => string;
  * @param disabled - Indicates whether the send box is disabled.
  * @returns A boolean value indicating whether the send box should be disabled.
  */
-export declare const isSendBoxButtonDisabled: ({ hasContent, hasCompletedAttachmentUploads, hasError, disabled }: {
+export declare const isSendBoxButtonDisabled: ({ hasContent, hasError, disabled }: {
     hasContent: boolean;
-    hasCompletedAttachmentUploads: boolean;
     hasError: boolean;
     disabled: boolean;
 }) => boolean;
-/**
- * @internal
- */
-export declare const toAttachmentMetadata: (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined) => AttachmentMetadata[] | undefined;
 /**
  * @internal
  */
 export declare const modifyInlineImagesInContentString: (content: string, initialInlineImages: Record<string, string>[], onCompleted?: (content: string) => void) => Promise<void>;
-/**
- * @internal
- */
-export declare const removeBrokenImageContentAndClearImageSizeStyles: (content: string) => string;
-/**
- * @internal
- */
-export declare const getContentWithUpdatedInlineImagesInfo: (content: string, inlineImageWithProgress: AttachmentMetadataInProgress[]) => string;
 //# sourceMappingURL=SendBoxUtils.d.ts.map

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

@@ -7,98 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
 /**
  * @private
  */
 export const MAXIMUM_LENGTH_OF_MESSAGE = 8000;
 const EMPTY_MESSAGE_REGEX = /^\s*$/;
-/**
- * @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));
-};
-/**
- * @private
- */
-export const isAttachmentUploadCompleted = (attachmentsWithProgress) => {
-    return !!(attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.find(attachment => !attachment.error));
-};
-/**
- * Obtain any image nodes from the content DOM passed in
- * returns a list of image IDs
- * @internal
- */
-export const inlineImageIds = (content) => {
-    if (!content) {
-        return [];
-    }
-    const document = new DOMParser().parseFromString(content, 'text/html');
-    const imageTags = document.querySelectorAll('img');
-    const ids = [];
-    imageTags.forEach(node => {
-        const id = node.id;
-        const url = node.src;
-        if (id) {
-            ids.push({
-                id,
-                url
-            });
-        }
-    });
-    return ids;
-};
-/**
- * Check if the content has inline image.
- * @internal
- */
-export const hasInlineImageContent = (content) => {
-    return inlineImageIds(content).length > 0;
-};
-/**
- * @internal
- *
- * @param message - The message content to update.
- * @param initialInlineImages - The initial inline images that comes with the message before editing.
- *
- * @returns The updated message content.
- */
-export const updateStylesOfInlineImages = (message, initialInlineImages) => __awaiter(void 0, void 0, void 0, function* () {
-    if (message === '') {
-        return message;
-    }
-    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 => {
-        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.
-            if (initialInlineImagesIds.includes(img.id)) {
-                resolve();
-                return;
-            }
-            const imageElement = new Image();
-            imageElement.src = img.src;
-            imageElement.onload = () => {
-                // imageElement is a copy of original img element, so changes need to be made to the original img element
-                img.width = imageElement.width;
-                img.height = imageElement.height;
-                img.style.aspectRatio = `${imageElement.width} / ${imageElement.height}`;
-                // Clear maxWidth and maxHeight styles that are set by roosterJS.
-                // This is so that they can be set in messageThread styles without using the important flag.
-                img.style.maxWidth = '';
-                img.style.maxHeight = '';
-                resolve();
-            };
-            imageElement.onerror = () => {
-                rejects(`Error loading image ${img.id}`);
-            };
-        });
-    });
-    yield Promise.all(imagesPromise);
-    const newMessage = document.body.innerHTML;
-    return newMessage;
-});
 /**
  * @private
  */
@@ -125,83 +40,18 @@ 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.
  */
-export const isSendBoxButtonDisabled = ({ hasContent, hasCompletedAttachmentUploads, hasError, disabled }) => {
+export const isSendBoxButtonDisabled = ({ hasContent, hasError, disabled }) => {
     return (
     // no content
-    !(hasContent || hasCompletedAttachmentUploads) ||
+    !hasContent ||
         //error message exists
         hasError || disabled);
 };
-/**
- * @internal
- */
-export const toAttachmentMetadata = (attachmentsWithProgress) => {
-    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 => {
-        var _a;
-        return {
-            id: attachment.id,
-            name: attachment.name,
-            url: (_a = attachment.url) !== null && _a !== void 0 ? _a : ''
-        };
-    });
-};
 /**
  * @internal
  */
 export const modifyInlineImagesInContentString = (content, initialInlineImages, onCompleted) => __awaiter(void 0, void 0, void 0, function* () {
     let newContent = content;
-    try {
-        newContent = yield updateStylesOfInlineImages(content, initialInlineImages);
-    }
-    catch (error) {
-        console.error('Error updating inline images: ', error);
-    }
     onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(newContent);
 });
-/**
- * @internal
- */
-export const removeBrokenImageContentAndClearImageSizeStyles = (content) => {
-    const document = new DOMParser().parseFromString(content, 'text/html');
-    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,
-        // That's why we need to remove the class and data-ui-id attribute of 'broken-image-wrapper'
-        if (img.className === 'broken-image-wrapper') {
-            img.removeAttribute('class');
-            img.removeAttribute('src');
-            img.removeAttribute('data-ui-id');
-        }
-        // Clear maxWidth and maxHeight styles that are set by roosterJS.
-        // Clear width and height styles as the width and height is set in attributes
-        // This is so that they can be set in messageThread styles without using the important flag.
-        img.style.width = '';
-        img.style.height = '';
-        img.style.maxWidth = '';
-        img.style.maxHeight = '';
-    });
-    return document.body.innerHTML;
-};
-/**
- * @internal
- */
-export const getContentWithUpdatedInlineImagesInfo = (content, inlineImageWithProgress) => {
-    if (!inlineImageWithProgress || inlineImageWithProgress.length <= 0) {
-        return content;
-    }
-    const document = new DOMParser().parseFromString(content, 'text/html');
-    document.querySelectorAll('img').forEach(img => {
-        const imageId = img.id;
-        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;
-        }
-    });
-    return document.body.innerHTML;
-};
 //# sourceMappingURL=SendBoxUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SendBoxUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/SendBoxUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { AttachmentMetadataInProgress } from '@internal/acs-ui-common';\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const MAXIMUM_LENGTH_OF_MESSAGE = 8000;\nconst EMPTY_MESSAGE_REGEX = /^\\s*$/;\n/**\n * @private\n */\nexport const hasIncompleteAttachmentUploads = (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined): boolean => {\n  return !!(attachmentsWithProgress?.length && !attachmentsWithProgress.filter(attachmentUpload => !attachmentUpload.error).every(attachmentUpload => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined));\n};\n/**\n * @private\n */\nexport const isAttachmentUploadCompleted = (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined): boolean => {\n  return !!attachmentsWithProgress?.find(attachment => !attachment.error);\n};\n/**\n * Obtain any image nodes from the content DOM passed in\n * returns a list of image IDs\n * @internal\n */\nexport const inlineImageIds = (content?: string): {\n  id: string;\n  url?: string;\n}[] => {\n  if (!content) {\n    return [];\n  }\n  const document = new DOMParser().parseFromString(content, 'text/html');\n  const imageTags = document.querySelectorAll('img');\n  const ids: {\n    id: string;\n    url?: string;\n  }[] = [];\n  imageTags.forEach(node => {\n    const id = node.id;\n    const url = node.src;\n    if (id) {\n      ids.push({\n        id,\n        url\n      });\n    }\n  });\n  return ids;\n};\n/**\n * Check if the content has inline image.\n * @internal\n */\nexport const hasInlineImageContent = (content: string): boolean => {\n  return inlineImageIds(content).length > 0;\n};\n/**\n * @internal\n *\n * @param message - The message content to update.\n * @param initialInlineImages - The initial inline images that comes with the message before editing.\n *\n * @returns The updated message content.\n */\nexport const updateStylesOfInlineImages = async (message: string, initialInlineImages: Record<string, string>[]): Promise<string> => {\n  if (message === '') {\n    return message;\n  }\n  const initialInlineImagesIds = initialInlineImages.map(initialInlineImage => initialInlineImage.id);\n  const document = new DOMParser().parseFromString(message ?? '', 'text/html');\n  const imagesPromise = Array.from(document.querySelectorAll('img')).map(img => {\n    return new Promise<void>((resolve, rejects) => {\n      // The message might content images that comes with the message before editing.\n      // This function should only modify the message content for images that are newly added.\n      if (initialInlineImagesIds.includes(img.id)) {\n        resolve();\n        return;\n      }\n      const imageElement = new Image();\n      imageElement.src = img.src;\n      imageElement.onload = () => {\n        // imageElement is a copy of original img element, so changes need to be made to the original img element\n        img.width = imageElement.width;\n        img.height = imageElement.height;\n        img.style.aspectRatio = `${imageElement.width} / ${imageElement.height}`;\n        // Clear maxWidth and maxHeight styles that are set by roosterJS.\n        // This is so that they can be set in messageThread styles without using the important flag.\n        img.style.maxWidth = '';\n        img.style.maxHeight = '';\n        resolve();\n      };\n      imageElement.onerror = () => {\n        rejects(`Error loading image ${img.id}`);\n      };\n    });\n  });\n  await Promise.all(imagesPromise);\n  const newMessage = document.body.innerHTML;\n  return newMessage;\n};\n\n/**\n * @private\n */\nexport const isMessageTooLong = (valueLength: number): boolean => {\n  return valueLength > MAXIMUM_LENGTH_OF_MESSAGE;\n};\n\n/**\n * @private\n */\nexport const sanitizeText = (message: string): string => {\n  if (EMPTY_MESSAGE_REGEX.test(message)) {\n    return '';\n  } else {\n    return message;\n  }\n};\n\n/**\n * Determines whether the send box should be disabled.\n *\n * @param hasContent - Indicates whether the send box has content.\n * @param hasCompletedAttachmentUploads - Indicates whether attachment uploads have completed.\n * @param hasError - Indicates whether there is an error.\n * @param disabled - Indicates whether the send box is disabled.\n * @returns A boolean value indicating whether the send box should be disabled.\n */\nexport const isSendBoxButtonDisabled = ({\n  hasContent,\n  hasCompletedAttachmentUploads,\n  hasError,\n  disabled\n}: {\n  hasContent: boolean;\n  hasCompletedAttachmentUploads: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}): boolean => {\n  return (\n    // no content\n    !(hasContent || hasCompletedAttachmentUploads) ||\n    //error message exists\n    hasError || disabled\n  );\n};\n/**\n * @internal\n */\nexport const toAttachmentMetadata = (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined): AttachmentMetadata[] | undefined => {\n  return attachmentsWithProgress?.filter(attachment => {\n    return !('error' in attachment) && !attachment.error?.message;\n  }).map(attachment => {\n    return {\n      id: attachment.id,\n      name: attachment.name,\n      url: attachment.url ?? ''\n    };\n  });\n};\n\n/**\n * @internal\n */\nexport const modifyInlineImagesInContentString = async (content: string, initialInlineImages: Record<string, string>[], onCompleted?: (content: string) => void): Promise<void> => {\n  let newContent = content;\n  try {\n    newContent = await updateStylesOfInlineImages(content, initialInlineImages);\n  } catch (error) {\n    console.error('Error updating inline images: ', error);\n  }\n  onCompleted?.(newContent);\n};\n/**\n * @internal\n */\nexport const removeBrokenImageContentAndClearImageSizeStyles = (content: string): string => {\n  const document = new DOMParser().parseFromString(content, 'text/html');\n  document.querySelectorAll('img').forEach(img => {\n    // Before submitting/resend the message, we need to trim the unnecessary attributes such as src,\n    // which is set to a local svg of a broken image icon at this point.\n    // Once message is submitted/resent, it will be fetched again and might not be a broken image anymore,\n    // That's why we need to remove the class and data-ui-id attribute of 'broken-image-wrapper'\n    if (img.className === 'broken-image-wrapper') {\n      img.removeAttribute('class');\n      img.removeAttribute('src');\n      img.removeAttribute('data-ui-id');\n    }\n    // Clear maxWidth and maxHeight styles that are set by roosterJS.\n    // Clear width and height styles as the width and height is set in attributes\n    // This is so that they can be set in messageThread styles without using the important flag.\n    img.style.width = '';\n    img.style.height = '';\n    img.style.maxWidth = '';\n    img.style.maxHeight = '';\n  });\n  return document.body.innerHTML;\n};\n/**\n * @internal\n */\nexport const getContentWithUpdatedInlineImagesInfo = (content: string, inlineImageWithProgress: AttachmentMetadataInProgress[]): string => {\n  if (!inlineImageWithProgress || inlineImageWithProgress.length <= 0) {\n    return content;\n  }\n  const document = new DOMParser().parseFromString(content, 'text/html');\n  document.querySelectorAll('img').forEach(img => {\n    const imageId = img.id;\n    const inlineImage = inlineImageWithProgress.find(image => !image.error && image.progress === 1 && image.id === imageId);\n    if (inlineImage) {\n      img.id = inlineImage.id;\n      img.src = inlineImage.url || img.src;\n    }\n  });\n  return document.body.innerHTML;\n};"]}
+{"version":3,"file":"SendBoxUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/SendBoxUtils.ts"],"names":[],"mappings":";;;;;;;;;AAAA,uCAAuC;AACvC,kCAAkC;AAClC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,CAAC;AAC9C,MAAM,mBAAmB,GAAG,OAAO,CAAC;AACpC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAW,EAAE;IAC/D,OAAO,WAAW,GAAG,yBAAyB,CAAC;AACjD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAe,EAAU,EAAE;IACtD,IAAI,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,CAAC;IACZ,CAAC;SAAM,CAAC;QACN,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,UAAU,EACV,QAAQ,EACR,QAAQ,EAKT,EAAW,EAAE;IACZ,OAAO;IACL,aAAa;IACb,CAAC,UAAU;QACX,sBAAsB;QACtB,QAAQ,IAAI,QAAQ,CACrB,CAAC;AACJ,CAAC,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAO,OAAe,EAAE,mBAA6C,EAAE,WAAuC,EAAiB,EAAE;IAChL,IAAI,UAAU,GAAG,OAAO,CAAC;IACzB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,UAAU,CAAC,CAAC;AAC5B,CAAC,CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n/**\r\n * @private\r\n */\nexport const MAXIMUM_LENGTH_OF_MESSAGE = 8000;\nconst EMPTY_MESSAGE_REGEX = /^\\s*$/;\n/**\r\n * @private\r\n */\nexport const isMessageTooLong = (valueLength: number): boolean => {\n  return valueLength > MAXIMUM_LENGTH_OF_MESSAGE;\n};\n\n/**\r\n * @private\r\n */\nexport const sanitizeText = (message: string): string => {\n  if (EMPTY_MESSAGE_REGEX.test(message)) {\n    return '';\n  } else {\n    return message;\n  }\n};\n\n/**\r\n * Determines whether the send box should be disabled.\r\n *\r\n * @param hasContent - Indicates whether the send box has content.\r\n * @param hasCompletedAttachmentUploads - Indicates whether attachment uploads have completed.\r\n * @param hasError - Indicates whether there is an error.\r\n * @param disabled - Indicates whether the send box is disabled.\r\n * @returns A boolean value indicating whether the send box should be disabled.\r\n */\nexport const isSendBoxButtonDisabled = ({\n  hasContent,\n  hasError,\n  disabled\n}: {\n  hasContent: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}): boolean => {\n  return (\n    // no content\n    !hasContent ||\n    //error message exists\n    hasError || disabled\n  );\n};\n/**\r\n * @internal\r\n */\nexport const modifyInlineImagesInContentString = async (content: string, initialInlineImages: Record<string, string>[], onCompleted?: (content: string) => void): Promise<void> => {\n  let newContent = content;\n  onCompleted?.(newContent);\n};"]}

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

@@ -1,12 +1,10 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-import { useLocale } from '../../localization';
 /**
  * Conditionally modify locale strings passed to the attachment card
  * @returns attachment card strings
  */
 export const useLocaleAttachmentCardStringsTrampoline = () => {
-    return useLocale().strings.sendBox;
     return {
         removeAttachment: '',
         uploadCompleted: '',

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

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C;;;GAGG;AACH,MAAM,CAAC,MAAM,wCAAwC,GAAG,GAAkC,EAAE;IAC1F,OAAO,SAAS,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IACnC,OAAO;QACL,gBAAgB,EAAE,EAAE;QACpB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,EAAE;QAClB,kBAAkB,EAAE,EAAE;KACvB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,gBAAmC,EAAW,EAAE;IAC/F,OAAO,CAAC,CAAC,gBAAgB,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAClH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _AttachmentUploadCardsStrings } from '../Attachment/AttachmentUploadCards';\nimport { useLocale } from '../../localization';\nimport { ParticipantState } from '../../types';\n\n/**\n * Conditionally modify locale strings passed to the attachment card\n * @returns attachment card strings\n */\nexport const useLocaleAttachmentCardStringsTrampoline = (): _AttachmentUploadCardsStrings => {\n  return useLocale().strings.sendBox;\n  return {\n    removeAttachment: '',\n    uploadCompleted: '',\n    uploading: '',\n    uploadProgress: '',\n    attachmentMoreMenu: ''\n  };\n};\n\n/**\n * Identify if a participant state if part of the Calling states or Hold states.\n */\nexport const _isParticipantStateCallingOrHold = (participantState?: ParticipantState): boolean => {\n  return !!participantState && ['Idle', 'Connecting', 'EarlyMedia', 'Ringing', 'Hold'].includes(participantState);\n};"]}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC;;;GAGG;AACH,MAAM,CAAC,MAAM,wCAAwC,GAAG,GAAkC,EAAE;IAC1F,OAAO;QACL,gBAAgB,EAAE,EAAE;QACpB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,EAAE;QAClB,kBAAkB,EAAE,EAAE;KACvB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,gBAAmC,EAAW,EAAE;IAC/F,OAAO,CAAC,CAAC,gBAAgB,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAClH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _AttachmentUploadCardsStrings } from '../Attachment/AttachmentUploadCards';\nimport { ParticipantState } from '../../types';\n\n/**\r\n * Conditionally modify locale strings passed to the attachment card\r\n * @returns attachment card strings\r\n */\nexport const useLocaleAttachmentCardStringsTrampoline = (): _AttachmentUploadCardsStrings => {\n  return {\n    removeAttachment: '',\n    uploadCompleted: '',\n    uploading: '',\n    uploadProgress: '',\n    attachmentMoreMenu: ''\n  };\n};\n\n/**\r\n * Identify if a participant state if part of the Calling states or Hold states.\r\n */\nexport const _isParticipantStateCallingOrHold = (participantState?: ParticipantState): boolean => {\n  return !!participantState && ['Idle', 'Connecting', 'EarlyMedia', 'Ringing', 'Hold'].includes(participantState);\n};"]}

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

@@ -1 +1 @@
-{"version":3,"file":"delay.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/delay.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAiB,EAAE;IACpD,OAAO,IAAI,OAAO,CAAC,UAAU,OAAO;QAClC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @private\n */\nexport const delay = (delay: number): Promise<void> => {\n  return new Promise(function (resolve) {\n    setTimeout(resolve, delay);\n  });\n};"]}
+{"version":3,"file":"delay.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/delay.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAiB,EAAE;IACpD,OAAO,IAAI,OAAO,CAAC,UAAU,OAAO;QAClC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\r\n * @private\r\n */\nexport const delay = (delay: number): Promise<void> => {\n  return new Promise(function (resolve) {\n    setTimeout(resolve, delay);\n  });\n};"]}

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

@@ -1 +1 @@
-{"version":3,"file":"formatPhoneNumber.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/formatPhoneNumber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,WAAmB,EAAE,OAAiB,EAAU,EAAE;IACnF,6EAA6E;IAC7E,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,6EAA6E;IAC7E,IAAI,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,WAAW,CAAC,MAAM,KAAK,EAAE,EAAE,CAAC;QACnE,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;IAClC,CAAC;IAED,8DAA8D;IAC9D,kEAAkE;IAClE,iFAAiF;IACjF,qEAAqE;IACrE,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAC3B,aAAa,GAAG,IAAI,CAAC;QACrB,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;SAAM,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAClC,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QAC9C,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,sFAAsF;IACtF,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC;IAE7C,8EAA8E;IAC9E,qFAAqF;IACrF,qEAAqE;IAErE,IAAI,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,GAAG,EAAE,EAAE,CAAC;QACpD,4DAA4D;QAC5D,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,WAAW,CAAC;IACtD,CAAC;IAED,2EAA2E;IAC3E,uBAAuB;IACvB,IAAI,iBAAiB,GAAG,CAAC,EAAE,CAAC;QAC1B,OAAO,GAAG,aAAa,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAChF,CAAC;IAED,2EAA2E;IAC3E,mCAAmC;IACnC,OAAO,GAAG,aAAa,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;AAC/H,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @internal\n */\nexport const _formatPhoneNumber = (phoneNumber: string, enchant?: boolean): string => {\n  // if input value is falsy eg if the user deletes the input, then just return\n  if (!phoneNumber) {\n    return phoneNumber;\n  }\n\n  // Only enchant North American phone numbers that begin with country code (1)\n  if (enchant && phoneNumber[0] === '1' && phoneNumber.length === 11) {\n    phoneNumber = `+${phoneNumber}`;\n  }\n\n  // if phone number starts with 1, format like 1 (xxx)xxx-xxxx.\n  // if phone number starts with +, we format like +x (xxx)xxx-xxxx.\n  // For now we are only supporting NA phone number formatting with country code +x\n  // first we chop off the countrycode then we add it on when returning\n  let countryCodeNA = '';\n  if (phoneNumber[0] === '1') {\n    countryCodeNA = '1 ';\n    phoneNumber = phoneNumber.slice(1, phoneNumber.length);\n  } else if (phoneNumber[0] === '+') {\n    countryCodeNA = phoneNumber.slice(0, 2) + ' ';\n    phoneNumber = phoneNumber.slice(2, phoneNumber.length);\n  }\n\n  // phoneNumberLength is used to know when to apply our formatting for the phone number\n  const phoneNumberLength = phoneNumber.length;\n\n  // we need to return the value with no formatting if its less then four digits\n  // this is to avoid weird behavior that occurs if you  format the area code too early\n  // if phoneNumberLength is greater than 10 we don't do any formatting\n\n  if (phoneNumberLength < 4 || phoneNumberLength > 10) {\n    // no formatting in this case, remove ' ' behind countrycode\n    return countryCodeNA.replace(' ', '') + phoneNumber;\n  }\n\n  // if phoneNumberLength is greater than 4 and less the 7 we start to return\n  // the formatted number\n  if (phoneNumberLength < 7) {\n    return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3)}`;\n  }\n\n  // finally, if the phoneNumberLength is greater then seven, we add the last\n  // bit of formatting and return it.\n  return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3, 6)}-${phoneNumber.slice(6, phoneNumber.length)}`;\n};"]}
+{"version":3,"file":"formatPhoneNumber.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/formatPhoneNumber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,WAAmB,EAAE,OAAiB,EAAU,EAAE;IACnF,6EAA6E;IAC7E,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,6EAA6E;IAC7E,IAAI,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,WAAW,CAAC,MAAM,KAAK,EAAE,EAAE,CAAC;QACnE,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;IAClC,CAAC;IAED,8DAA8D;IAC9D,kEAAkE;IAClE,iFAAiF;IACjF,qEAAqE;IACrE,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAC3B,aAAa,GAAG,IAAI,CAAC;QACrB,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;SAAM,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAClC,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QAC9C,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,sFAAsF;IACtF,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC;IAE7C,8EAA8E;IAC9E,qFAAqF;IACrF,qEAAqE;IAErE,IAAI,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,GAAG,EAAE,EAAE,CAAC;QACpD,4DAA4D;QAC5D,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,WAAW,CAAC;IACtD,CAAC;IAED,2EAA2E;IAC3E,uBAAuB;IACvB,IAAI,iBAAiB,GAAG,CAAC,EAAE,CAAC;QAC1B,OAAO,GAAG,aAAa,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAChF,CAAC;IAED,2EAA2E;IAC3E,mCAAmC;IACnC,OAAO,GAAG,aAAa,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;AAC/H,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\r\n * @internal\r\n */\nexport const _formatPhoneNumber = (phoneNumber: string, enchant?: boolean): string => {\n  // if input value is falsy eg if the user deletes the input, then just return\n  if (!phoneNumber) {\n    return phoneNumber;\n  }\n\n  // Only enchant North American phone numbers that begin with country code (1)\n  if (enchant && phoneNumber[0] === '1' && phoneNumber.length === 11) {\n    phoneNumber = `+${phoneNumber}`;\n  }\n\n  // if phone number starts with 1, format like 1 (xxx)xxx-xxxx.\n  // if phone number starts with +, we format like +x (xxx)xxx-xxxx.\n  // For now we are only supporting NA phone number formatting with country code +x\n  // first we chop off the countrycode then we add it on when returning\n  let countryCodeNA = '';\n  if (phoneNumber[0] === '1') {\n    countryCodeNA = '1 ';\n    phoneNumber = phoneNumber.slice(1, phoneNumber.length);\n  } else if (phoneNumber[0] === '+') {\n    countryCodeNA = phoneNumber.slice(0, 2) + ' ';\n    phoneNumber = phoneNumber.slice(2, phoneNumber.length);\n  }\n\n  // phoneNumberLength is used to know when to apply our formatting for the phone number\n  const phoneNumberLength = phoneNumber.length;\n\n  // we need to return the value with no formatting if its less then four digits\n  // this is to avoid weird behavior that occurs if you  format the area code too early\n  // if phoneNumberLength is greater than 10 we don't do any formatting\n\n  if (phoneNumberLength < 4 || phoneNumberLength > 10) {\n    // no formatting in this case, remove ' ' behind countrycode\n    return countryCodeNA.replace(' ', '') + phoneNumber;\n  }\n\n  // if phoneNumberLength is greater than 4 and less the 7 we start to return\n  // the formatted number\n  if (phoneNumberLength < 7) {\n    return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3)}`;\n  }\n\n  // finally, if the phoneNumberLength is greater then seven, we add the last\n  // bit of formatting and return it.\n  return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3, 6)}-${phoneNumber.slice(6, phoneNumber.length)}`;\n};"]}

package/dist/dist-esm/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.d.ts

@@ -1,5 +1,4 @@
 import { ChatMessage, ReadReceiptsBySenderId } from '../..';
-import { BlockedMessage } from '../../types/ChatMessage';
 /**
  * @private
  *logic: Looking at message A, how do we know it's read number?
@@ -14,7 +13,7 @@ import { BlockedMessage } from '../../types/ChatMessage';
  *
  * if MessageId of B is larger than message Id of A, then B is created after A
  * if the last read message is created after the message A is sent, then user should have read message A as well */
-declare const _default: (message: ChatMessage | BlockedMessage, readReceiptsBySenderId: ReadReceiptsBySenderId) => {
+declare const _default: (message: ChatMessage, readReceiptsBySenderId: ReadReceiptsBySenderId) => {
     id: string;
     displayName: string;
 }[];

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

@@ -1 +1 @@
-{"version":3,"file":"getParticipantsWhoHaveReadMessage.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC;;;;;;;;;;;;;mHAamH;AACnH,eAAe,CAAC,OAAqC,EAAE,sBAA8C,EAGjG,EAAE;IACJ,OAAO,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;QAC7C,0IAA0I;QAC1I,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,eAAe,IAAI,OAAO,CAAC,SAAS,CAAC;QAC/E,gDAAgD;QAChD,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,WAAW,KAAK,EAAE,CAAC;QACxF,iCAAiC;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3B,EAAE;QACF,WAAW,EAAE,WAAW,CAAC,WAAW;KACrC,CAAC,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ChatMessage, ReadReceiptsBySenderId } from '../..';\nimport { BlockedMessage } from '../../types/ChatMessage';\n\n/**\n * @private\n *logic: Looking at message A, how do we know it's read number?\n * Assumption: if user read the latest message, user has read all messages before that\n * ReadReceipt behaviour: read receipt is only sent to the last message\n *\n * If participant read a message that is sent later than message A, then the participant has read message A\n * How do we check if the message is sent later than message A?\n * We compare if the messageID of the last read message is larger than or equal to the message A's id\n * Because messageID is the creation timestamp of each message\n * Timestamps are in epoch time so lecixographical ordering is the same as time ordering.\n *\n * if MessageId of B is larger than message Id of A, then B is created after A\n * if the last read message is created after the message A is sent, then user should have read message A as well */\nexport default (message: ChatMessage | BlockedMessage, readReceiptsBySenderId: ReadReceiptsBySenderId): {\n  id: string;\n  displayName: string;\n}[] => {\n  return Object.entries(readReceiptsBySenderId)\n  // Filter to only read receipts that match the message OR the participant has read a different message after this message has been created\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  .filter(([_, readReceipt]) => readReceipt.lastReadMessage >= message.messageId)\n  // make sure the person is not removed from chat\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  .filter(([_, readReceipt]) => readReceipt.displayName && readReceipt.displayName !== '')\n  // Map properties to useful array\n  .map(([id, readReceipt]) => ({\n    id,\n    displayName: readReceipt.displayName\n  }));\n};"]}
+{"version":3,"file":"getParticipantsWhoHaveReadMessage.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC;;;;;;;;;;;;;mHAamH;AACnH,eAAe,CAAC,OAAoB,EAAE,sBAA8C,EAGhF,EAAE;IACJ,OAAO,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;QAC7C,0IAA0I;QAC1I,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,eAAe,IAAI,OAAO,CAAC,SAAS,CAAC;QAC/E,gDAAgD;QAChD,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,WAAW,KAAK,EAAE,CAAC;QACxF,iCAAiC;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3B,EAAE;QACF,WAAW,EAAE,WAAW,CAAC,WAAW;KACrC,CAAC,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ChatMessage, ReadReceiptsBySenderId } from '../..';\n/**\r\n * @private\r\n *logic: Looking at message A, how do we know it's read number?\r\n * Assumption: if user read the latest message, user has read all messages before that\r\n * ReadReceipt behaviour: read receipt is only sent to the last message\r\n *\r\n * If participant read a message that is sent later than message A, then the participant has read message A\r\n * How do we check if the message is sent later than message A?\r\n * We compare if the messageID of the last read message is larger than or equal to the message A's id\r\n * Because messageID is the creation timestamp of each message\r\n * Timestamps are in epoch time so lecixographical ordering is the same as time ordering.\r\n *\r\n * if MessageId of B is larger than message Id of A, then B is created after A\r\n * if the last read message is created after the message A is sent, then user should have read message A as well */\nexport default (message: ChatMessage, readReceiptsBySenderId: ReadReceiptsBySenderId): {\n  id: string;\n  displayName: string;\n}[] => {\n  return Object.entries(readReceiptsBySenderId)\n  // Filter to only read receipts that match the message OR the participant has read a different message after this message has been created\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  .filter(([_, readReceipt]) => readReceipt.lastReadMessage >= message.messageId)\n  // make sure the person is not removed from chat\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  .filter(([_, readReceipt]) => readReceipt.displayName && readReceipt.displayName !== '')\n  // Map properties to useful array\n  .map(([id, readReceipt]) => ({\n    id,\n    displayName: readReceipt.displayName\n  }));\n};"]}

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

@@ -1 +1 @@
-{"version":3,"file":"keyboardNavigation.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/keyboardNavigation.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAmC,EAAE,QAAwF,EAAQ,EAAE;IACxK,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACvC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACd,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * For keyboard navigation - when this component has active focus, enter key and space keys should have the same behavior as mouse click.\n *\n * @private\n */\nexport const submitWithKeyboard = (e: React.KeyboardEvent<HTMLElement>, onSubmit: (e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void): void => {\n  if (e.key === 'Enter' || e.key === ' ') {\n    onSubmit(e);\n  }\n};"]}
+{"version":3,"file":"keyboardNavigation.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/keyboardNavigation.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAmC,EAAE,QAAwF,EAAQ,EAAE;IACxK,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACvC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACd,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\r\n * For keyboard navigation - when this component has active focus, enter key and space keys should have the same behavior as mouse click.\r\n *\r\n * @private\r\n */\nexport const submitWithKeyboard = (e: React.KeyboardEvent<HTMLElement>, onSubmit: (e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void): void => {\n  if (e.key === 'Enter' || e.key === ' ') {\n    onSubmit(e);\n  }\n};"]}

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

@@ -1 +1 @@
-{"version":3,"file":"overFlowGalleriesUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/overFlowGalleriesUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;;;;GAQG;AACH,MAAM,UAAU,SAAS,CAAI,GAAQ,EAAE,UAAkB;IACvD,MAAM,WAAW,GAAU,EAAE,CAAC;IAC9B,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;QACpB,OAAO,WAAW,CAAC;IACrB,CAAC;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC;QAChD,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Helper function to bucketize a given array of items into buckets of a specified size.\n *\n * @param arr array to bucketize\n * @param bucketSize number of children for each bucket\n * @returns nested array of given children\n *\n * @private\n */\nexport function bucketize<T>(arr: T[], bucketSize: number): T[][] {\n  const bucketArray: T[][] = [];\n  if (bucketSize <= 0) {\n    return bucketArray;\n  }\n  for (let i = 0; i < arr.length; i += bucketSize) {\n    bucketArray.push(arr.slice(i, i + bucketSize));\n  }\n  return bucketArray;\n}"]}
+{"version":3,"file":"overFlowGalleriesUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/overFlowGalleriesUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;;;;GAQG;AACH,MAAM,UAAU,SAAS,CAAI,GAAQ,EAAE,UAAkB;IACvD,MAAM,WAAW,GAAU,EAAE,CAAC;IAC9B,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;QACpB,OAAO,WAAW,CAAC;IACrB,CAAC;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC;QAChD,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\r\n * Helper function to bucketize a given array of items into buckets of a specified size.\r\n *\r\n * @param arr array to bucketize\r\n * @param bucketSize number of children for each bucket\r\n * @returns nested array of given children\r\n *\r\n * @private\r\n */\nexport function bucketize<T>(arr: T[], bucketSize: number): T[][] {\n  const bucketArray: T[][] = [];\n  if (bucketSize <= 0) {\n    return bucketArray;\n  }\n  for (let i = 0; i < arr.length; i += bucketSize) {\n    bucketArray.push(arr.slice(i, i + bucketSize));\n  }\n  return bucketArray;\n}"]}

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

@@ -1 +1 @@
-{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/responsive.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RefObject, useEffect, useState, useRef } from 'react';\nimport { _convertRemToPx as convertRemToPx } from '@internal/acs-ui-common';\n\n/**\n * A utility hook for providing the width of a parent element.\n * Returns updated width if parent/window resizes.\n * @param containerRef - Ref of a parent element whose width will be returned.\n * @internal\n */\nexport const _useContainerWidth = (containerRef: RefObject<HTMLElement>): number | undefined => {\n  const [width, setWidth] = useState<number | undefined>(undefined);\n  const observer = useRef(new ResizeObserver(entries => {\n    if (!entries[0]) {\n      return;\n    }\n    const {\n      width\n    } = entries[0].contentRect;\n    if (Number.isNaN(width)) {\n      setWidth(0);\n    } else {\n      setWidth(width);\n    }\n  }));\n  useEffect(() => {\n    if (containerRef.current) {\n      observer.current.observe(containerRef.current);\n    }\n    const currentObserver = observer.current;\n    return () => {\n      currentObserver.disconnect();\n    };\n  }, [containerRef, observer]);\n  return width;\n};\n\n/**\n * A utility hook for providing the height of a parent element.\n * Returns updated height if parent/window resizes.\n * @param containerRef - Ref of a parent element whose height will be returned.\n * @internal\n */\nexport const _useContainerHeight = (containerRef: RefObject<HTMLElement>): number | undefined => {\n  const [height, setHeight] = useState<number | undefined>(undefined);\n  const observer = useRef(new ResizeObserver(entries => {\n    if (!entries[0]) {\n      return;\n    }\n    const {\n      height\n    } = entries[0].contentRect;\n    if (Number.isNaN(height)) {\n      setHeight(0);\n    } else {\n      setHeight(height);\n    }\n  }));\n  useEffect(() => {\n    if (containerRef.current) {\n      observer.current.observe(containerRef.current);\n    }\n    const currentObserver = observer.current;\n    return () => {\n      currentObserver.disconnect();\n    };\n  }, [containerRef, observer]);\n  return height;\n};\nconst NARROW_WIDTH_REM = 30;\nconst SHORT_HEIGHT_REM = 23.75;\n\n/**\n * Utility function to determine if container width is narrow\n * @param containerWidthRem  container width in rem\n * @returns boolean\n */\nexport const isNarrowWidth = (containerWidthRem: number): boolean => containerWidthRem <= convertRemToPx(NARROW_WIDTH_REM);\n\n/**\n * Utility function to determine if container width is short\n * @param containerWidthRem  container height in rem\n * @returns boolean\n */\nexport const isShortHeight = (containerHeightRem: number): boolean => containerHeightRem <= convertRemToPx(SHORT_HEIGHT_REM);"]}
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/responsive.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RefObject, useEffect, useState, useRef } from 'react';\nimport { _convertRemToPx as convertRemToPx } from '@internal/acs-ui-common';\n\n/**\r\n * A utility hook for providing the width of a parent element.\r\n * Returns updated width if parent/window resizes.\r\n * @param containerRef - Ref of a parent element whose width will be returned.\r\n * @internal\r\n */\nexport const _useContainerWidth = (containerRef: RefObject<HTMLElement>): number | undefined => {\n  const [width, setWidth] = useState<number | undefined>(undefined);\n  const observer = useRef(new ResizeObserver(entries => {\n    if (!entries[0]) {\n      return;\n    }\n    const {\n      width\n    } = entries[0].contentRect;\n    if (Number.isNaN(width)) {\n      setWidth(0);\n    } else {\n      setWidth(width);\n    }\n  }));\n  useEffect(() => {\n    if (containerRef.current) {\n      observer.current.observe(containerRef.current);\n    }\n    const currentObserver = observer.current;\n    return () => {\n      currentObserver.disconnect();\n    };\n  }, [containerRef, observer]);\n  return width;\n};\n\n/**\r\n * A utility hook for providing the height of a parent element.\r\n * Returns updated height if parent/window resizes.\r\n * @param containerRef - Ref of a parent element whose height will be returned.\r\n * @internal\r\n */\nexport const _useContainerHeight = (containerRef: RefObject<HTMLElement>): number | undefined => {\n  const [height, setHeight] = useState<number | undefined>(undefined);\n  const observer = useRef(new ResizeObserver(entries => {\n    if (!entries[0]) {\n      return;\n    }\n    const {\n      height\n    } = entries[0].contentRect;\n    if (Number.isNaN(height)) {\n      setHeight(0);\n    } else {\n      setHeight(height);\n    }\n  }));\n  useEffect(() => {\n    if (containerRef.current) {\n      observer.current.observe(containerRef.current);\n    }\n    const currentObserver = observer.current;\n    return () => {\n      currentObserver.disconnect();\n    };\n  }, [containerRef, observer]);\n  return height;\n};\nconst NARROW_WIDTH_REM = 30;\nconst SHORT_HEIGHT_REM = 23.75;\n\n/**\r\n * Utility function to determine if container width is narrow\r\n * @param containerWidthRem  container width in rem\r\n * @returns boolean\r\n */\nexport const isNarrowWidth = (containerWidthRem: number): boolean => containerWidthRem <= convertRemToPx(NARROW_WIDTH_REM);\n\n/**\r\n * Utility function to determine if container width is short\r\n * @param containerWidthRem  container height in rem\r\n * @returns boolean\r\n */\nexport const isShortHeight = (containerHeightRem: number): boolean => containerHeightRem <= convertRemToPx(SHORT_HEIGHT_REM);"]}