@azure/communication-react 1.10.1-alpha-202311280013 → 1.11.0-beta.1

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatScreen.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(image-gallery) */\nimport { isIOS } from '@fluentui/react';\nimport { mergeStyles, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) */\nimport { PersonaSize } from '@fluentui/react';\nimport {\n  CommunicationParticipant,\n  ErrorBar,\n  MessageProps,\n  MessageRenderer,\n  MessageThread,\n  MessageThreadStyles,\n  ParticipantMenuItemsCallback,\n  SendBox,\n  SendBoxStylesProps,\n  TypingIndicator,\n  TypingIndicatorStylesProps,\n  useTheme\n} from '@internal/react-components';\n/* @conditional-compile-remove(image-gallery) */\nimport { ChatMessage } from '@internal/react-components';\n\nimport React, { useCallback, useEffect, useMemo } from 'react';\n/* @conditional-compile-remove(image-gallery) */\nimport { useState } from 'react';\n\nimport { AvatarPersona, AvatarPersonaDataCallback } from '../common/AvatarPersona';\n\nimport { useAdapter } from './adapter/ChatAdapterProvider';\nimport { ChatCompositeOptions } from './ChatComposite';\nimport { ChatHeader, getHeaderProps } from './ChatHeader';\nimport { FileDownloadHandler } from '@internal/react-components';\nimport { FileUploadButtonWrapper as FileUploadButton, FileUploadHandler } from './file-sharing';\nimport { useAdaptedSelector } from './hooks/useAdaptedSelector';\nimport { usePropsFor } from './hooks/usePropsFor';\n\nimport {\n  chatArea,\n  chatContainer,\n  chatWrapper,\n  messageThreadChatCompositeStyles,\n  sendboxContainerStyles,\n  typingIndicatorContainerStyles\n} from './styles/Chat.styles';\nimport { participantListContainerPadding } from '../common/styles/ParticipantContainer.styles';\n/* @conditional-compile-remove(chat-composite-participant-pane) */\nimport { ChatScreenPeoplePane } from './ChatScreenPeoplePane';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(file-sharing) */\nimport { fileUploadsSelector } from './selectors/fileUploadsSelector';\n/* @conditional-compile-remove(file-sharing) */\nimport { useSelector } from './hooks/useSelector';\n/* @conditional-compile-remove(file-sharing) */\nimport { FileDownloadErrorBar } from './FileDownloadErrorBar';\n/* @conditional-compile-remove(file-sharing) */\nimport { _FileDownloadCards } from '@internal/react-components';\n/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\nimport { AttachmentDownloadResult, FileMetadata } from '@internal/react-components';\n/* @conditional-compile-remove(image-gallery) */\nimport { ImageGallery, ImageGalleryImageProps } from '@internal/react-components';\n\n/**\n * @private\n */\nexport type ChatScreenProps = {\n  options?: ChatCompositeOptions;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onRenderMessage?: (messageProps: MessageProps, defaultOnRender?: MessageRenderer) => JSX.Element;\n  onRenderTypingIndicator?: (typingUsers: CommunicationParticipant[]) => JSX.Element;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  styles?: ChatScreenStyles;\n  hasFocusOnMount?: 'sendBoxTextField';\n  fileSharing?: FileSharingOptions;\n  formFactor?: 'desktop' | 'mobile';\n};\n\n/**\n * @private\n */\nexport type ChatScreenStyles = {\n  messageThread?: MessageThreadStyles;\n  sendBox?: SendBoxStylesProps;\n  typingIndicator?: TypingIndicatorStylesProps;\n};\n\n/**\n * Properties for configuring the File Sharing feature.\n * @beta\n */\nexport interface FileSharingOptions {\n  /**\n   * A string containing the comma separated list of accepted file types.\n   * Similar to the `accept` attribute of the `<input type=\"file\" />` element.\n   * Accepts any type of file if not specified.\n   * @beta\n   */\n  accept?: string;\n  /**\n   * Allows multiple files to be selected if set to `true`.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   * @defaultValue false\n   * @beta\n   */\n  multiple?: boolean;\n  /**\n   * A function of type {@link FileUploadHandler} for handling file uploads.\n   * @beta\n   */\n  uploadHandler: FileUploadHandler;\n  /**\n   * A function of type {@link FileDownloadHandler} for handling file downloads.\n   * If the function is not specified, the file's `url` will be opened in a new tab to\n   * initiate the download.\n   */\n  downloadHandler?: FileDownloadHandler;\n}\n\n/**\n * @private\n */\nexport const ChatScreen = (props: ChatScreenProps): JSX.Element => {\n  const {\n    onFetchAvatarPersonaData,\n    onRenderMessage,\n    onRenderTypingIndicator,\n    options,\n    styles,\n    fileSharing,\n    formFactor\n  } = props;\n\n  const defaultNumberOfChatMessagesToReload = 5;\n  /* @conditional-compile-remove(file-sharing) */\n  const [downloadErrorMessage, setDownloadErrorMessage] = React.useState('');\n  /* @conditional-compile-remove(image-gallery) */\n  const [fullSizeAttachments, setFullSizeAttachments] = useState<Record<string, string>>({});\n  /* @conditional-compile-remove(image-gallery) */\n  const [galleryImages, setGalleryImages] = useState<Array<ImageGalleryImageProps>>([]);\n  /* @conditional-compile-remove(image-gallery) */\n  const [isImageGalleryOpen, setIsImageGalleryOpen] = useState<boolean>(false);\n\n  const adapter = useAdapter();\n  const theme = useTheme();\n\n  useEffect(() => {\n    // Initial data should be always fetched by the composite(or external caller) instead of the adapter\n    const fetchData: () => Promise<void> = async () => {\n      // Fetch initial data for adapter\n      await adapter.fetchInitialData();\n      // Fetch initial set of messages. Without fetching messages here, if the Composite's adapter is changed the message thread does not load new messages.\n      await adapter.loadPreviousChatMessages(defaultNumberOfChatMessagesToReload);\n    };\n    fetchData();\n  }, [adapter]);\n\n  const messageThreadProps = usePropsFor(MessageThread);\n  const sendBoxProps = usePropsFor(SendBox);\n  const typingIndicatorProps = usePropsFor(TypingIndicator);\n  const headerProps = useAdaptedSelector(getHeaderProps);\n  const errorBarProps = usePropsFor(ErrorBar);\n\n  const onRenderAvatarCallback = useCallback(\n    (userId, defaultOptions) => {\n      return (\n        <AvatarPersona\n          userId={userId}\n          hidePersonaDetails={true}\n          {...defaultOptions}\n          dataProvider={onFetchAvatarPersonaData}\n        />\n      );\n    },\n    [onFetchAvatarPersonaData]\n  );\n\n  const messageThreadStyles = useMemo(() => {\n    return Object.assign(\n      {},\n      messageThreadChatCompositeStyles(theme.semanticColors.bodyBackground),\n      styles?.messageThread\n    );\n  }, [styles?.messageThread, theme.semanticColors.bodyBackground]);\n\n  const typingIndicatorStyles = useMemo(() => {\n    return Object.assign({}, styles?.typingIndicator);\n  }, [styles?.typingIndicator]);\n  const sendBoxStyles = useMemo(() => {\n    return Object.assign({}, styles?.sendBox);\n  }, [styles?.sendBox]);\n  const userId = toFlatCommunicationIdentifier(adapter.getState().userId);\n\n  const fileUploadButtonOnChange = useCallback(\n    (files: FileList | null): void => {\n      if (!files) {\n        return;\n      }\n\n      /* @conditional-compile-remove(file-sharing) */\n      const fileUploads = adapter.registerActiveFileUploads(Array.from(files));\n      /* @conditional-compile-remove(file-sharing) */\n      fileSharing?.uploadHandler(userId, fileUploads);\n    },\n    [adapter, fileSharing, userId]\n  );\n\n  /* @conditional-compile-remove(file-sharing) */\n  const onRenderFileDownloads = useCallback(\n    (userId, message) => (\n      <_FileDownloadCards\n        userId={userId}\n        fileMetadata={message.attachedFilesMetadata || []}\n        downloadHandler={fileSharing?.downloadHandler}\n        onDownloadErrorMessage={(errorMessage: string) => {\n          setDownloadErrorMessage(errorMessage);\n        }}\n      />\n    ),\n    [fileSharing?.downloadHandler]\n  );\n\n  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\n  const onRenderInlineAttachment = useCallback(\n    async (attachment: FileMetadata[]): Promise<AttachmentDownloadResult[]> => {\n      const entry: Record<string, string> = {};\n      attachment.forEach((target) => {\n        if (target.attachmentType === 'inlineImage' && target.previewUrl) {\n          entry[target.id] = target.previewUrl;\n        }\n      });\n\n      const blob = await adapter.downloadAttachments({ attachmentUrls: entry });\n      return blob;\n    },\n    [adapter]\n  );\n\n  /* @conditional-compile-remove(image-gallery) */\n  const onInlineImageClicked = useCallback(\n    async (attachmentId: string, messageId: string): Promise<void> => {\n      const messages = messageThreadProps.messages?.filter((message) => {\n        return message.messageId === messageId;\n      });\n      if (!messages || messages.length <= 0) {\n        return;\n      }\n      const chatMessage = messages[0] as ChatMessage;\n\n      const attachments = chatMessage.attachedFilesMetadata?.filter((attachment) => {\n        return attachment.id === attachmentId;\n      });\n\n      if (!attachments || attachments.length <= 0) {\n        return;\n      }\n\n      const attachment = attachments[0];\n      attachment.name = chatMessage.senderDisplayName || '';\n\n      const titleIconRenderOptions = {\n        text: chatMessage.senderDisplayName,\n        size: PersonaSize.size32,\n        showOverflowTooltip: false,\n        imageAlt: chatMessage.senderDisplayName\n      };\n      const titleIcon = onRenderAvatarCallback && onRenderAvatarCallback(chatMessage.senderId, titleIconRenderOptions);\n      const galleryImage: ImageGalleryImageProps = {\n        title: attachment.name,\n        titleIcon: titleIcon,\n        downloadFilename: attachment.id,\n        imageUrl: ''\n      };\n      setIsImageGalleryOpen(true);\n\n      if (attachment.id in fullSizeAttachments) {\n        setGalleryImages([\n          {\n            ...galleryImage,\n            imageUrl: fullSizeAttachments[attachment.id]\n          }\n        ]);\n        return;\n      }\n\n      if (attachment.attachmentType === 'inlineImage' && attachment.url) {\n        const blob = await adapter.downloadAttachments({ attachmentUrls: { [attachment.id]: attachment.url } });\n        if (blob[0]) {\n          const blobUrl = blob[0].blobUrl;\n          setFullSizeAttachments((prev) => ({ ...prev, [attachment.id]: blobUrl }));\n          setGalleryImages([\n            {\n              ...galleryImage,\n              imageUrl: blobUrl\n            }\n          ]);\n        }\n      }\n    },\n    [adapter, fullSizeAttachments, messageThreadProps.messages, onRenderAvatarCallback]\n  );\n\n  /* @conditional-compile-remove(image-gallery) */\n  const onImageDownloadButtonClicked = useCallback((imageUrl: string, downloadFilename: string): void => {\n    if (imageUrl === '') {\n      return;\n    }\n    if (isIOS()) {\n      window.open(imageUrl, '_blank');\n    } else {\n      // Create a new anchor element\n      const a = document.createElement('a');\n      // Set the href and download attributes for the anchor element\n      a.href = imageUrl;\n      a.download = downloadFilename;\n      a.rel = 'noopener noreferrer';\n      a.target = '_blank';\n\n      // Programmatically click the anchor element to trigger the download\n      document.body.appendChild(a);\n      a.click();\n      document.body.removeChild(a);\n    }\n  }, []);\n\n  const AttachFileButton = useCallback(() => {\n    if (!fileSharing?.uploadHandler) {\n      return null;\n    }\n    return (\n      <FileUploadButton\n        accept={fileSharing?.accept}\n        multiple={fileSharing?.multiple}\n        onChange={fileUploadButtonOnChange}\n      />\n    );\n  }, [fileSharing?.accept, fileSharing?.multiple, fileSharing?.uploadHandler, fileUploadButtonOnChange]);\n  return (\n    <Stack className={chatContainer} grow>\n      {options?.topic !== false && <ChatHeader {...headerProps} />}\n      <Stack className={chatArea} tokens={participantListContainerPadding} horizontal grow>\n        <Stack className={chatWrapper} grow>\n          {options?.errorBar !== false && <ErrorBar {...errorBarProps} />}\n          {\n            /* @conditional-compile-remove(file-sharing) */\n            <FileDownloadErrorBar\n              onDismissDownloadErrorMessage={useCallback(() => {\n                setDownloadErrorMessage('');\n              }, [])}\n              fileDownloadErrorMessage={downloadErrorMessage || ''}\n            />\n          }\n          <MessageThread\n            {...messageThreadProps}\n            onRenderAvatar={onRenderAvatarCallback}\n            onRenderMessage={onRenderMessage}\n            /* @conditional-compile-remove(file-sharing) */\n            onRenderFileDownloads={onRenderFileDownloads}\n            /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\n            onFetchAttachments={onRenderInlineAttachment}\n            /* @conditional-compile-remove(image-gallery) */\n            onInlineImageClicked={onInlineImageClicked}\n            numberOfChatMessagesToReload={defaultNumberOfChatMessagesToReload}\n            styles={messageThreadStyles}\n          />\n          <Stack className={mergeStyles(sendboxContainerStyles)}>\n            <div className={mergeStyles(typingIndicatorContainerStyles)}>\n              {onRenderTypingIndicator ? (\n                onRenderTypingIndicator(typingIndicatorProps.typingUsers)\n              ) : (\n                <TypingIndicator {...typingIndicatorProps} styles={typingIndicatorStyles} />\n              )}\n            </div>\n            <Stack horizontal={formFactor === 'mobile'}>\n              {formFactor === 'mobile' && (\n                <Stack verticalAlign=\"center\">\n                  <AttachFileButton />\n                </Stack>\n              )}\n              <Stack grow>\n                <SendBox\n                  {...sendBoxProps}\n                  autoFocus={options?.autoFocus}\n                  styles={sendBoxStyles}\n                  /* @conditional-compile-remove(file-sharing) */\n                  activeFileUploads={useSelector(fileUploadsSelector).files}\n                  /* @conditional-compile-remove(file-sharing) */\n                  onCancelFileUpload={adapter.cancelFileUpload}\n                />\n              </Stack>\n              {formFactor !== 'mobile' && <AttachFileButton />}\n            </Stack>\n          </Stack>\n        </Stack>\n        {\n          /* @conditional-compile-remove(chat-composite-participant-pane) */\n          options?.participantPane === true && (\n            <ChatScreenPeoplePane\n              onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n              onFetchParticipantMenuItems={props.onFetchParticipantMenuItems}\n              isMobile={formFactor === 'mobile'}\n            />\n          )\n        }\n      </Stack>\n      {\n        /* @conditional-compile-remove(image-gallery) */\n        <ImageGallery\n          isOpen={isImageGalleryOpen}\n          images={galleryImages}\n          onDismiss={() => {\n            setGalleryImages([]);\n            setIsImageGalleryOpen(false);\n          }}\n          onImageDownloadButtonClicked={onImageDownloadButtonClicked}\n        />\n      }\n    </Stack>\n  );\n};\n\"../../../../react-components/src\"\"../../../../acs-ui-common/src\""]}
+{"version":3,"file":"ChatScreen.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/ChatScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(image-gallery) */\nimport { isIOS } from '@fluentui/react';\nimport { mergeStyles, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) */\nimport { PersonaSize } from '@fluentui/react';\nimport { CommunicationParticipant, ErrorBar, MessageProps, MessageRenderer, MessageThread, MessageThreadStyles, ParticipantMenuItemsCallback, SendBox, SendBoxStylesProps, TypingIndicator, TypingIndicatorStylesProps, useTheme } from '@internal/react-components';\n/* @conditional-compile-remove(image-gallery) */\nimport { ChatMessage } from '@internal/react-components';\nimport React, { useCallback, useEffect } from 'react';\n/* @conditional-compile-remove(image-gallery) */\nimport { useState } from 'react';\nimport { AvatarPersona, AvatarPersonaDataCallback } from '../common/AvatarPersona';\nimport { useAdapter } from './adapter/ChatAdapterProvider';\nimport { ChatCompositeOptions } from './ChatComposite';\nimport { ChatHeader, getHeaderProps } from './ChatHeader';\nimport { FileDownloadHandler } from '@internal/react-components';\nimport { FileUploadButtonWrapper as FileUploadButton, FileUploadHandler } from './file-sharing';\nimport { useAdaptedSelector } from './hooks/useAdaptedSelector';\nimport { usePropsFor } from './hooks/usePropsFor';\nimport { chatArea, chatContainer, chatWrapper, messageThreadChatCompositeStyles, sendboxContainerStyles, typingIndicatorContainerStyles } from './styles/Chat.styles';\nimport { participantListContainerPadding } from '../common/styles/ParticipantContainer.styles';\n/* @conditional-compile-remove(chat-composite-participant-pane) */\nimport { ChatScreenPeoplePane } from './ChatScreenPeoplePane';\nimport { toFlatCommunicationIdentifier } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(file-sharing) */\nimport { fileUploadsSelector } from './selectors/fileUploadsSelector';\n/* @conditional-compile-remove(file-sharing) */\nimport { useSelector } from './hooks/useSelector';\n/* @conditional-compile-remove(file-sharing) */\nimport { FileDownloadErrorBar } from './FileDownloadErrorBar';\n/* @conditional-compile-remove(file-sharing) */\nimport { _FileDownloadCards } from '@internal/react-components';\n/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\nimport { AttachmentDownloadResult, FileMetadata } from '@internal/react-components';\n/* @conditional-compile-remove(image-gallery) */\nimport { ImageGallery, ImageGalleryImageProps } from '@internal/react-components';\n\n/**\n * @private\n */\nexport type ChatScreenProps = {\n  options?: ChatCompositeOptions;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onRenderMessage?: (messageProps: MessageProps, defaultOnRender?: MessageRenderer) => JSX.Element;\n  onRenderTypingIndicator?: (typingUsers: CommunicationParticipant[]) => JSX.Element;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  styles?: ChatScreenStyles;\n  hasFocusOnMount?: 'sendBoxTextField';\n  fileSharing?: FileSharingOptions;\n  formFactor?: 'desktop' | 'mobile';\n};\n\n/**\n * @private\n */\nexport type ChatScreenStyles = {\n  messageThread?: MessageThreadStyles;\n  sendBox?: SendBoxStylesProps;\n  typingIndicator?: TypingIndicatorStylesProps;\n};\n\n/**\n * Properties for configuring the File Sharing feature.\n * @beta\n */\nexport interface FileSharingOptions {\n  /**\n   * A string containing the comma separated list of accepted file types.\n   * Similar to the `accept` attribute of the `<input type=\"file\" />` element.\n   * Accepts any type of file if not specified.\n   * @beta\n   */\n  accept?: string;\n  /**\n   * Allows multiple files to be selected if set to `true`.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   * @defaultValue false\n   * @beta\n   */\n  multiple?: boolean;\n  /**\n   * A function of type {@link FileUploadHandler} for handling file uploads.\n   * @beta\n   */\n  uploadHandler: FileUploadHandler;\n  /**\n   * A function of type {@link FileDownloadHandler} for handling file downloads.\n   * If the function is not specified, the file's `url` will be opened in a new tab to\n   * initiate the download.\n   */\n  downloadHandler?: FileDownloadHandler;\n}\n\n/**\n * @private\n */\nexport const ChatScreen = (props: ChatScreenProps): JSX.Element => {\n  const {\n    onFetchAvatarPersonaData,\n    onRenderMessage,\n    onRenderTypingIndicator,\n    options,\n    styles,\n    fileSharing,\n    formFactor\n  } = props;\n  const defaultNumberOfChatMessagesToReload = 5;\n  /* @conditional-compile-remove(file-sharing) */\n  const [downloadErrorMessage, setDownloadErrorMessage] = React.useState('');\n  /* @conditional-compile-remove(image-gallery) */\n  const [fullSizeAttachments, setFullSizeAttachments] = useState<Record<string, string>>({});\n  /* @conditional-compile-remove(image-gallery) */\n  const [galleryImages, setGalleryImages] = useState<Array<ImageGalleryImageProps>>([]);\n  /* @conditional-compile-remove(image-gallery) */\n  const [isImageGalleryOpen, setIsImageGalleryOpen] = useState<boolean>(false);\n  const adapter = useAdapter();\n  const theme = useTheme();\n  useEffect(() => {\n    // Initial data should be always fetched by the composite(or external caller) instead of the adapter\n    const fetchData: () => Promise<void> = async () => {\n      // Fetch initial data for adapter\n      await adapter.fetchInitialData();\n      // Fetch initial set of messages. Without fetching messages here, if the Composite's adapter is changed the message thread does not load new messages.\n      await adapter.loadPreviousChatMessages(defaultNumberOfChatMessagesToReload);\n    };\n    fetchData();\n  }, [adapter]);\n  const messageThreadProps = usePropsFor(MessageThread);\n  const sendBoxProps = usePropsFor(SendBox);\n  const typingIndicatorProps = usePropsFor(TypingIndicator);\n  const headerProps = useAdaptedSelector(getHeaderProps);\n  const errorBarProps = usePropsFor(ErrorBar);\n  const onRenderAvatarCallback = useCallback((userId, defaultOptions) => {\n    return <AvatarPersona userId={userId} hidePersonaDetails={true} {...defaultOptions} dataProvider={onFetchAvatarPersonaData} />;\n  }, [onFetchAvatarPersonaData]);\n  const messageThreadStyles = Object.assign({}, messageThreadChatCompositeStyles(theme.semanticColors.bodyBackground), styles?.messageThread);\n  const typingIndicatorStyles = Object.assign({}, styles?.typingIndicator);\n  const sendBoxStyles = Object.assign({}, styles?.sendBox);\n  const userId = toFlatCommunicationIdentifier(adapter.getState().userId);\n  const fileUploadButtonOnChange = useCallback((files: FileList | null): void => {\n    if (!files) {\n      return;\n    }\n\n    /* @conditional-compile-remove(file-sharing) */\n    const fileUploads = adapter.registerActiveFileUploads(Array.from(files));\n    /* @conditional-compile-remove(file-sharing) */\n    fileSharing?.uploadHandler(userId, fileUploads);\n  }, [adapter, fileSharing, userId]);\n\n  /* @conditional-compile-remove(file-sharing) */\n  const onRenderFileDownloads = useCallback((userId, message) => <_FileDownloadCards userId={userId} fileMetadata={message.attachedFilesMetadata || []} downloadHandler={fileSharing?.downloadHandler} onDownloadErrorMessage={(errorMessage: string) => {\n    setDownloadErrorMessage(errorMessage);\n  }} />, [fileSharing?.downloadHandler]);\n\n  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\n  const onRenderInlineAttachment = useCallback(async (attachment: FileMetadata[]): Promise<AttachmentDownloadResult[]> => {\n    const entry: Record<string, string> = {};\n    attachment.forEach(target => {\n      if (target.attachmentType === 'inlineImage' && target.previewUrl) {\n        entry[target.id] = target.previewUrl;\n      }\n    });\n    const blob = await adapter.downloadAttachments({\n      attachmentUrls: entry\n    });\n    return blob;\n  }, [adapter]);\n\n  /* @conditional-compile-remove(image-gallery) */\n  const onInlineImageClicked = useCallback(async (attachmentId: string, messageId: string): Promise<void> => {\n    const messages = messageThreadProps.messages?.filter(message => {\n      return message.messageId === messageId;\n    });\n    if (!messages || messages.length <= 0) {\n      return;\n    }\n    const chatMessage = (messages[0] as ChatMessage);\n    const attachments = chatMessage.attachedFilesMetadata?.filter(attachment => {\n      return attachment.id === attachmentId;\n    });\n    if (!attachments || attachments.length <= 0) {\n      return;\n    }\n    const attachment = attachments[0];\n    attachment.name = chatMessage.senderDisplayName || '';\n    const titleIconRenderOptions = {\n      text: chatMessage.senderDisplayName,\n      size: PersonaSize.size32,\n      showOverflowTooltip: false,\n      imageAlt: chatMessage.senderDisplayName\n    };\n    const titleIcon = onRenderAvatarCallback && onRenderAvatarCallback(chatMessage.senderId, titleIconRenderOptions);\n    const galleryImage: ImageGalleryImageProps = {\n      title: attachment.name,\n      titleIcon: titleIcon,\n      downloadFilename: attachment.id,\n      imageUrl: ''\n    };\n    setIsImageGalleryOpen(true);\n    if (attachment.id in fullSizeAttachments) {\n      setGalleryImages([{\n        ...galleryImage,\n        imageUrl: fullSizeAttachments[attachment.id]\n      }]);\n      return;\n    }\n    if (attachment.attachmentType === 'inlineImage' && attachment.url) {\n      const blob = await adapter.downloadAttachments({\n        attachmentUrls: {\n          [attachment.id]: attachment.url\n        }\n      });\n      if (blob[0]) {\n        const blobUrl = blob[0].blobUrl;\n        setFullSizeAttachments(prev => ({\n          ...prev,\n          [attachment.id]: blobUrl\n        }));\n        setGalleryImages([{\n          ...galleryImage,\n          imageUrl: blobUrl\n        }]);\n      }\n    }\n  }, [adapter, fullSizeAttachments, messageThreadProps.messages, onRenderAvatarCallback]);\n\n  /* @conditional-compile-remove(image-gallery) */\n  const onImageDownloadButtonClicked = useCallback((imageUrl: string, downloadFilename: string): void => {\n    if (imageUrl === '') {\n      return;\n    }\n    if (isIOS()) {\n      window.open(imageUrl, '_blank');\n    } else {\n      // Create a new anchor element\n      const a = document.createElement('a');\n      // Set the href and download attributes for the anchor element\n      a.href = imageUrl;\n      a.download = downloadFilename;\n      a.rel = 'noopener noreferrer';\n      a.target = '_blank';\n\n      // Programmatically click the anchor element to trigger the download\n      document.body.appendChild(a);\n      a.click();\n      document.body.removeChild(a);\n    }\n  }, []);\n  const AttachFileButton = useCallback(() => {\n    if (!fileSharing?.uploadHandler) {\n      return null;\n    }\n    return <FileUploadButton accept={fileSharing?.accept} multiple={fileSharing?.multiple} onChange={fileUploadButtonOnChange} />;\n  }, [fileSharing?.accept, fileSharing?.multiple, fileSharing?.uploadHandler, fileUploadButtonOnChange]);\n  return <Stack className={chatContainer} grow>\n      {options?.topic !== false && <ChatHeader {...headerProps} />}\n      <Stack className={chatArea} tokens={participantListContainerPadding} horizontal grow>\n        <Stack className={chatWrapper} grow>\n          {options?.errorBar !== false && <ErrorBar {...errorBarProps} />}\n          {/* @conditional-compile-remove(file-sharing) */\n        <FileDownloadErrorBar onDismissDownloadErrorMessage={useCallback(() => {\n          setDownloadErrorMessage('');\n        }, [])} fileDownloadErrorMessage={downloadErrorMessage || ''} />}\n          <MessageThread {...messageThreadProps} onRenderAvatar={onRenderAvatarCallback} onRenderMessage={onRenderMessage}\n        /* @conditional-compile-remove(file-sharing) */ onRenderFileDownloads={onRenderFileDownloads}\n        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ onFetchAttachments={onRenderInlineAttachment}\n        /* @conditional-compile-remove(image-gallery) */ onInlineImageClicked={onInlineImageClicked} numberOfChatMessagesToReload={defaultNumberOfChatMessagesToReload} styles={messageThreadStyles} />\n          <Stack className={mergeStyles(sendboxContainerStyles)}>\n            <div className={mergeStyles(typingIndicatorContainerStyles)}>\n              {onRenderTypingIndicator ? onRenderTypingIndicator(typingIndicatorProps.typingUsers) : <TypingIndicator {...typingIndicatorProps} styles={typingIndicatorStyles} />}\n            </div>\n            <Stack horizontal={formFactor === 'mobile'}>\n              {formFactor === 'mobile' && <Stack verticalAlign=\"center\">\n                  <AttachFileButton />\n                </Stack>}\n              <Stack grow>\n                <SendBox {...sendBoxProps} autoFocus={options?.autoFocus} styles={sendBoxStyles}\n              /* @conditional-compile-remove(file-sharing) */ activeFileUploads={useSelector(fileUploadsSelector).files}\n              /* @conditional-compile-remove(file-sharing) */ onCancelFileUpload={adapter.cancelFileUpload} />\n              </Stack>\n              {formFactor !== 'mobile' && <AttachFileButton />}\n            </Stack>\n          </Stack>\n        </Stack>\n        {/* @conditional-compile-remove(chat-composite-participant-pane) */\n      options?.participantPane === true && <ChatScreenPeoplePane onFetchAvatarPersonaData={onFetchAvatarPersonaData} onFetchParticipantMenuItems={props.onFetchParticipantMenuItems} isMobile={formFactor === 'mobile'} />}\n      </Stack>\n      {/* @conditional-compile-remove(image-gallery) */\n    <ImageGallery isOpen={isImageGalleryOpen} images={galleryImages} onDismiss={() => {\n      setGalleryImages([]);\n      setIsImageGalleryOpen(false);\n    }} onImageDownloadButtonClicked={onImageDownloadButtonClicked} />}\n    </Stack>;\n};\"../../../../react-components/src\"\"../../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.js

@@ -13,6 +13,6 @@ export const ChatScreenPeoplePane = (props) => {
     const locale = useLocale();
     const chatListHeader = locale.strings.chat.chatListHeader;
     const participantListProps = usePropsFor(ParticipantList);
-    return (React.createElement(ParticipantContainer, { participantListProps: participantListProps, title: chatListHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, isMobile: isMobile }));
+    return React.createElement(ParticipantContainer, { participantListProps: participantListProps, title: chatListHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, isMobile: isMobile });
 };
 //# sourceMappingURL=ChatScreenPeoplePane.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatScreenPeoplePane.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAgC,yCAAmC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAYlD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;IAC1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,oBAAoB,IACnB,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EAAE,cAAc,EACrB,wBAAwB,EAAE,wBAAwB,EAClD,2BAA2B,EAAE,2BAA2B,EACxD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ParticipantList, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React from 'react';\nimport { AvatarPersonaDataCallback } from '..';\nimport { ParticipantContainer } from '../common/ParticipantContainer';\nimport { useLocale } from '../localization';\nimport { usePropsFor } from './hooks/usePropsFor';\n\n/**\n * Props for the chat screen people pane\n * @private\n */\ntype ChatScreenPeoplePaneProps = {\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ChatScreenPeoplePane = (props: ChatScreenPeoplePaneProps): JSX.Element => {\n  const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, isMobile } = props;\n  const locale = useLocale();\n  const chatListHeader = locale.strings.chat.chatListHeader;\n  const participantListProps = usePropsFor(ParticipantList);\n\n  return (\n    <ParticipantContainer\n      participantListProps={participantListProps}\n      title={chatListHeader}\n      onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n      onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n      isMobile={isMobile}\n    />\n  );\n};\n\"../../../../react-components/src\""]}
+{"version":3,"file":"ChatScreenPeoplePane.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAgC,yCAAmC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAYlD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,wBAAwB,EACxB,2BAA2B,EAC3B,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;IAC1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC1D,OAAO,oBAAC,oBAAoB,IAAC,oBAAoB,EAAE,oBAAoB,EAAE,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvO,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ParticipantList, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React from 'react';\nimport { AvatarPersonaDataCallback } from '..';\nimport { ParticipantContainer } from '../common/ParticipantContainer';\nimport { useLocale } from '../localization';\nimport { usePropsFor } from './hooks/usePropsFor';\n\n/**\n * Props for the chat screen people pane\n * @private\n */\ntype ChatScreenPeoplePaneProps = {\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ChatScreenPeoplePane = (props: ChatScreenPeoplePaneProps): JSX.Element => {\n  const {\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    isMobile\n  } = props;\n  const locale = useLocale();\n  const chatListHeader = locale.strings.chat.chatListHeader;\n  const participantListProps = usePropsFor(ParticipantList);\n  return <ParticipantContainer participantListProps={participantListProps} title={chatListHeader} onFetchAvatarPersonaData={onFetchAvatarPersonaData} onFetchParticipantMenuItems={onFetchParticipantMenuItems} isMobile={isMobile} />;\n};\"../../../../react-components/src\""]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/FileDownloadErrorBar.js

@@ -7,12 +7,14 @@ import React from 'react';
  */
 export const FileDownloadErrorBar = (props) => {
     const { fileDownloadErrorMessage, onDismissDownloadErrorMessage } = props;
-    const messageBarIconProps = { iconName: 'ProtectedDocument' };
+    const messageBarIconProps = {
+        iconName: 'ProtectedDocument'
+    };
     if (fileDownloadErrorMessage !== '') {
-        return (React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
+        return React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
             React.createElement(MessageBar, { messageBarType: MessageBarType.warning, onDismiss: () => {
                     onDismissDownloadErrorMessage();
-                }, messageBarIconProps: messageBarIconProps }, fileDownloadErrorMessage)));
+                }, messageBarIconProps: messageBarIconProps }, fileDownloadErrorMessage));
     }
     else {
         return React.createElement(React.Fragment, null);

package/dist/dist-esm/react-composites/src/composites/ChatComposite/FileDownloadErrorBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDownloadErrorBar.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/FileDownloadErrorBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,mBAAmB,GAAG,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAE9D,IAAI,wBAAwB,KAAK,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;YACtE,oBAAC,UAAU,IACT,cAAc,EAAE,cAAc,CAAC,OAAO,EACtC,SAAS,EAAE,GAAG,EAAE;oBACd,6BAA6B,EAAE,CAAC;gBAClC,CAAC,EACD,mBAAmB,EAAE,mBAAmB,IAEvC,wBAAwB,CACd,CACP,CACT,CAAC;KACH;SAAM;QACL,OAAO,yCAAK,CAAC;KACd;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageBar, MessageBarType, Stack } from '@fluentui/react';\nimport React from 'react';\n\n/**\n * @private\n */\nexport interface FileDownloadErrorBarProps {\n  /**callback to dismiss the download error message */\n  onDismissDownloadErrorMessage: () => void;\n  /** Error message to render */\n  fileDownloadErrorMessage: string;\n}\n\n/**\n * @private\n */\nexport const FileDownloadErrorBar = (props: FileDownloadErrorBarProps): JSX.Element => {\n  const { fileDownloadErrorMessage, onDismissDownloadErrorMessage } = props;\n  const messageBarIconProps = { iconName: 'ProtectedDocument' };\n\n  if (fileDownloadErrorMessage !== '') {\n    return (\n      <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n        <MessageBar\n          messageBarType={MessageBarType.warning}\n          onDismiss={() => {\n            onDismissDownloadErrorMessage();\n          }}\n          messageBarIconProps={messageBarIconProps}\n        >\n          {fileDownloadErrorMessage}\n        </MessageBar>\n      </Stack>\n    );\n  } else {\n    return <></>;\n  }\n};\n"]}
+{"version":3,"file":"FileDownloadErrorBar.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/FileDownloadErrorBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,wBAAwB,EACxB,6BAA6B,EAC9B,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG;QAC1B,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;IACF,IAAI,wBAAwB,KAAK,EAAE,EAAE;QACnC,OAAO,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;YAC3E,oBAAC,UAAU,IAAC,cAAc,EAAE,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE;oBACpE,6BAA6B,EAAE,CAAC;gBAClC,CAAC,EAAE,mBAAmB,EAAE,mBAAmB,IACtC,wBAAwB,CACd,CACP,CAAC;KACZ;SAAM;QACL,OAAO,yCAAK,CAAC;KACd;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { MessageBar, MessageBarType, Stack } from '@fluentui/react';\nimport React from 'react';\n\n/**\n * @private\n */\nexport interface FileDownloadErrorBarProps {\n  /**callback to dismiss the download error message */\n  onDismissDownloadErrorMessage: () => void;\n  /** Error message to render */\n  fileDownloadErrorMessage: string;\n}\n\n/**\n * @private\n */\nexport const FileDownloadErrorBar = (props: FileDownloadErrorBarProps): JSX.Element => {\n  const {\n    fileDownloadErrorMessage,\n    onDismissDownloadErrorMessage\n  } = props;\n  const messageBarIconProps = {\n    iconName: 'ProtectedDocument'\n  };\n  if (fileDownloadErrorMessage !== '') {\n    return <Stack horizontal horizontalAlign=\"space-between\" verticalAlign=\"center\">\n        <MessageBar messageBarType={MessageBarType.warning} onDismiss={() => {\n        onDismissDownloadErrorMessage();\n      }} messageBarIconProps={messageBarIconProps}>\n          {fileDownloadErrorMessage}\n        </MessageBar>\n      </Stack>;\n  } else {\n    return <></>;\n  }\n};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/Strings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Strings used by the {@link ChatComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface ChatCompositeStrings {\n  /**\n   * Chat list header text\n   */\n  chatListHeader: string;\n\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Upload File Button text\n   */\n  uploadFile: string;\n}\n"]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Strings used by the {@link ChatComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface ChatCompositeStrings {\n  /**\n   * Chat list header text\n   */\n  chatListHeader: string;\n\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Upload File Button text\n   */\n  uploadFile: string;\n}"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.d.ts

@@ -1,7 +1,6 @@
 import { ChatClientState, StatefulChatClient } from "../../../../../chat-stateful-client/src";
 import { ChatThreadClient, SendMessageOptions } from '@azure/communication-chat';
 import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
-import { _TelemetryImplementationHint } from "../../../../../acs-ui-common/src";
 import { ChatAdapter, ChatAdapterState, MessageReadListener, MessageReceivedListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './ChatAdapter';
 import { AdapterError } from '../../common/adapters';
 import { AttachmentDownloadResult } from "../../../../../react-components/src";
@@ -34,7 +33,7 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
     private fileUploadAdapter;
     private handlers;
     private emitter;
-    constructor(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, options?: {
+    constructor(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options?: {
         credential?: CommunicationTokenCredential;
     });
     private bindAllPublicMethods;
@@ -114,12 +113,6 @@ export declare type AzureCommunicationChatAdapterArgs = {
  * @public
  */
 export declare const createAzureCommunicationChatAdapter: ({ endpoint: endpointUrl, userId, displayName, credential, threadId }: AzureCommunicationChatAdapterArgs) => Promise<ChatAdapter>;
-/**
- * This inner function is used to allow injection of TelemetryImplementationHint without changing the public API.
- *
- * @internal
- */
-export declare const _createAzureCommunicationChatAdapterInner: (endpoint: string, userId: CommunicationUserIdentifier, displayName: string, credential: CommunicationTokenCredential, threadId: string, telemetryImplementationHint?: _TelemetryImplementationHint) => Promise<ChatAdapter>;
 /**
  * A custom React hook to simplify the creation of {@link ChatAdapter}.
  *
@@ -143,7 +136,7 @@ export declare const useAzureCommunicationChatAdapter: (args: Partial<AzureCommu
  *
  * @public
  */
-export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, options?: {
+export declare function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options?: {
     credential?: CommunicationTokenCredential;
 }): Promise<ChatAdapter>;
 //# sourceMappingURL=AzureCommunicationChatAdapter.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.js

@@ -16,7 +16,7 @@ var __asyncValues = (this && this.__asyncValues) || function (o) {
     function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
     function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
 };
-import { _createStatefulChatClientInner } from "../../../../../chat-stateful-client/src";
+import { createStatefulChatClient } from "../../../../../chat-stateful-client/src";
 import { createDefaultChatHandlers } from "../../../../../chat-component-bindings/src";
 import { toFlatCommunicationIdentifier } from "../../../../../acs-ui-common/src";
 import EventEmitter from 'events';
@@ -79,8 +79,7 @@ export class ChatContext {
  * @private
  */
 export class AzureCommunicationChatAdapter {
-    constructor(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options) {
+    constructor(chatClient, chatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options) {
         /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.credential = undefined;
         this.emitter = new EventEmitter();
@@ -235,9 +234,10 @@ export class AzureCommunicationChatAdapter {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
                 /* @conditional-compile-remove(file-sharing) */
-                const updatedOptions = options
-                    ? { attachedFilesMetadata: options.attachedFilesMetadata, metadata: metadata }
-                    : {};
+                const updatedOptions = options ? {
+                    attachedFilesMetadata: options.attachedFilesMetadata,
+                    metadata: metadata
+                } : {};
                 /* @conditional-compile-remove(file-sharing) */
                 return yield this.handlers.onUpdateMessage(messageId, content, updatedOptions);
                 return yield this.handlers.onUpdateMessage(messageId, content);
@@ -308,7 +308,9 @@ export class AzureCommunicationChatAdapter {
                     const headers = new Headers();
                     headers.append('Authorization', `Bearer ${token}`);
                     try {
-                        return yield fetch(url, { headers });
+                        return yield fetch(url, {
+                            headers
+                        });
                     }
                     catch (err) {
                         const e = new Error();
@@ -322,7 +324,10 @@ export class AzureCommunicationChatAdapter {
             for (const id in options.attachmentUrls) {
                 const response = yield fetchWithAuthentication(options.attachmentUrls[id], accessToken);
                 const blob = yield response.blob();
-                attachmentDownloadResults.push({ attachmentId: id, blobUrl: URL.createObjectURL(blob) });
+                attachmentDownloadResults.push({
+                    attachmentId: id,
+                    blobUrl: URL.createObjectURL(blob)
+                });
             }
             return attachmentDownloadResults;
         });
@@ -333,26 +338,41 @@ export class AzureCommunicationChatAdapter {
             return;
         }
         const message = convertEventToChatMessage(event);
-        this.emitter.emit('messageReceived', { message });
+        this.emitter.emit('messageReceived', {
+            message
+        });
         const currentUserId = toFlatCommunicationIdentifier(this.chatClient.getState().userId);
         if ((message === null || message === void 0 ? void 0 : message.sender) && toFlatCommunicationIdentifier(message.sender) === currentUserId) {
-            this.emitter.emit('messageSent', { message });
+            this.emitter.emit('messageSent', {
+                message
+            });
         }
     }
     messageReadListener({ chatMessageId, recipient }) {
         const message = this.getState().thread.chatMessages[chatMessageId];
         if (message) {
-            this.emitter.emit('messageRead', { message, readBy: recipient });
+            this.emitter.emit('messageRead', {
+                message,
+                readBy: recipient
+            });
         }
     }
     participantsAddedListener({ addedBy, participantsAdded }) {
-        this.emitter.emit('participantsAdded', { addedBy, participantsAdded });
+        this.emitter.emit('participantsAdded', {
+            addedBy,
+            participantsAdded
+        });
     }
     participantsRemovedListener({ removedBy, participantsRemoved }) {
-        this.emitter.emit('participantsRemoved', { removedBy, participantsRemoved });
+        this.emitter.emit('participantsRemoved', {
+            removedBy,
+            participantsRemoved
+        });
     }
     chatThreadPropertiesUpdatedListener(event) {
-        this.emitter.emit('topicChanged', { topic: event.properties.topic });
+        this.emitter.emit('topicChanged', {
+            topic: event.properties.topic
+        });
     }
     subscribeAllEvents() {
         this.chatClient.on('chatThreadPropertiesUpdated', this.chatThreadPropertiesUpdatedListener.bind(this));
@@ -396,7 +416,9 @@ const convertEventToChatMessage = (event) => {
     return {
         id: event.id,
         version: event.version,
-        content: { message: event.message },
+        content: {
+            message: event.message
+        },
         type: convertEventType(event.type),
         sender: event.sender,
         senderDisplayName: event.senderDisplayName,
@@ -422,29 +444,22 @@ const convertEventType = (type) => {
  * @public
  */
 export const createAzureCommunicationChatAdapter = ({ endpoint: endpointUrl, userId, displayName, credential, threadId }) => __awaiter(void 0, void 0, void 0, function* () {
-    return _createAzureCommunicationChatAdapterInner(endpointUrl, userId, displayName, credential, threadId);
-});
-/**
- * This inner function is used to allow injection of TelemetryImplementationHint without changing the public API.
- *
- * @internal
- */
-export const _createAzureCommunicationChatAdapterInner = (endpoint, userId, displayName, credential, threadId, telemetryImplementationHint = 'Chat') => __awaiter(void 0, void 0, void 0, function* () {
     if (!_isValidIdentifier(userId)) {
         throw new Error('Provided userId is invalid. Please provide valid identifier object.');
     }
-    const chatClient = _createStatefulChatClientInner({
+    const chatClient = createStatefulChatClient({
         userId,
         displayName,
-        endpoint,
-        credential
-    }, undefined, telemetryImplementationHint);
+        endpoint: endpointUrl,
+        credential: credential
+    });
     const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
     yield chatClient.startRealtimeNotifications();
     /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    const options = { credential: credential };
-    const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
+    const options = {
+        credential: credential
+    };
+    const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
     return adapter;
 });
 /**
@@ -461,26 +476,7 @@ export const _createAzureCommunicationChatAdapterInner = (endpoint, userId, disp
  *
  * @public
  */
-export const useAzureCommunicationChatAdapter = (
-/**
- * Arguments to be passed to {@link createAzureCommunicationChatAdapter}.
- *
- * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
- * as they are created. The adapter is only created when all arguments are defined.
- */
-args, 
-/**
- * Optional callback to modify the adapter once it is created.
- *
- * If set, must return the modified adapter.
- */
-afterCreate, 
-/**
- * Optional callback called before the adapter is disposed.
- *
- * This is useful for clean up tasks, e.g., leaving any ongoing calls.
- */
-beforeDispose) => {
+export const useAzureCommunicationChatAdapter = (args, afterCreate, beforeDispose) => {
     const { credential, displayName, endpoint, threadId, userId } = args;
     // State update needed to rerender the parent component when a new adapter is created.
     const [adapter, setAdapter] = useState(undefined);
@@ -551,12 +547,9 @@ beforeDispose) => {
  *
  * @public
  */
-export function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-options) {
+export function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options) {
     return __awaiter(this, void 0, void 0, function* () {
-        return new AzureCommunicationChatAdapter(chatClient, chatThreadClient, 
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
+        return new AzureCommunicationChatAdapter(chatClient, chatThreadClient, /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
     });
 }
 const isChatError = (e) => {