@sendbird/uikit-react 3.2.0-rc.0 → 3.2.0-rc.2

package/cjs/OpenChannel/components/OpenChannelMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/ui/FileViewer/types.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { ClientFileMessage, ClientUserMessage } from '../../../../index';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCloseModal(): void;\n  onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n  onCloseModal,\n  onDeleteMessage,\n}: Props): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <Modal\n      onCancel={onCloseModal}\n      onSubmit={onDeleteMessage}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n}\n","// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\n\nexport type SupportedImageMimesType = 'image/jpeg' | 'image/jpg' | 'image/png' | 'image/gif' | 'image/svg+xml' | 'image/webp';\nexport type SupportedVideoMimesType = 'video/mpeg' | 'video/ogg' | 'video/webm' | 'video/mp4';\nexport type SupportedMimesType = SupportedImageMimesType | SupportedVideoMimesType;\n\nconst SUPPORTED_MIMES = {\n  IMAGE: [\n    'image/jpeg',\n    'image/jpg',\n    'image/png',\n    'image/gif',\n    'image/svg+xml',\n    'image/webp',\n  ],\n  VIDEO: [\n    'video/mpeg',\n    'video/ogg',\n    'video/webm',\n    'video/mp4',\n  ],\n};\n\nexport const isImage = (type: SupportedImageMimesType): boolean => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type: SupportedVideoMimesType): boolean => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type: SupportedMimesType): boolean => type === 'image/gif';\nexport const unSupported = (type: SupportedMimesType): boolean => (\n  !(\n    isImage(type as SupportedImageMimesType)\n    || isVideo(type as SupportedVideoMimesType)\n  )\n);\n\nexport default { ...SUPPORTED_MIMES };\n","import { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\n\nexport const MessageTypes = {\n  ADMIN: 'ADMIN',\n  USER: 'USER',\n  FILE: 'FILE',\n  THUMBNAIL: 'THUMBNAIL',\n  OG: 'OG',\n  UNKNOWN: 'UNKNOWN',\n};\n\nexport const SendingMessageStatus = {\n  NONE: 'none',\n  SUCCEEDED: 'succeeded',\n  FAILED: 'failed',\n  PENDING: 'pending',\n};\n\nexport const getMessageType = (message: UserMessage | FileMessage | AdminMessage): string => {\n  if ((message?.isUserMessage?.()) || message?.messageType === 'user') {\n    return (message?.ogMetaData)\n      ? MessageTypes.OG\n      : MessageTypes.USER;\n  }\n  if (message?.isAdminMessage?.()) {\n    return MessageTypes.ADMIN;\n  }\n  if (message?.messageType === 'file') {\n    return (isImage((message as FileMessage).type) || isVideo((message as FileMessage).type))\n      ? MessageTypes.THUMBNAIL\n      : MessageTypes.FILE;\n  }\n  return MessageTypes.UNKNOWN;\n};\n\nexport default {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n};\n","import React, {\n  useState,\n  useRef,\n  ReactElement,\n  useMemo,\n} from 'react';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { User } from '@sendbird/chat';\nimport format from 'date-fns/format';\n\nimport OpenChannelUserMessage from '../../../../ui/OpenchannelUserMessage';\nimport OpenChannelAdminMessage from '../../../../ui/OpenChannelAdminMessage';\nimport OpenChannelOGMessage from '../../../../ui/OpenchannelOGMessage';\nimport OpenChannelThumbnailMessage from '../../../../ui/OpenchannelThumbnailMessage';\nimport OpenChannelFileMessage from '../../../../ui/OpenchannelFileMessage';\n// import UnknownMessage from '../../../../ui/UnknownMessage';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport FileViewer from '../../../../ui/FileViewer';\n\nimport RemoveMessageModal from './RemoveMessageModal';\nimport {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n} from './utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport type OpenChannelMessageProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  message: UserMessage | FileMessage | AdminMessage;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  hasSeparator?: boolean;\n  editDisabled?: boolean;\n};\n\nexport default function MessagOpenChannelMessageeHoc(props: OpenChannelMessageProps): ReactElement {\n  const {\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n    renderMessage,\n  } = props;\n\n  const {\n    currentOpenChannel,\n    deleteMessage,\n    updateMessage,\n    resendMessage,\n  } = useOpenChannelContext();\n  const { dateLocale } = useLocalization();\n  const editDisabled = currentOpenChannel?.isFrozen;\n\n  const globalState = useSendbirdStateContext();\n  const userId = globalState?.config?.userId;\n\n  let sender: User = null;\n  if (message?.messageType !== 'admin') {\n    sender = (message as UserMessage | FileMessage)?.sender;\n  }\n\n  const RenderedMessage = useMemo(() => (props: RenderMessageProps) => {\n    return (\n      <>\n        {\n          renderMessage\n            ? (renderMessage(props))\n            : null\n        }\n      </>\n    );\n  }, [message, renderMessage]);\n\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const editMessageInputRef = useRef(null);\n\n  let isByMe = false;\n\n  if (sender && message?.messageType !== 'admin') {\n    // pending and failed messages are by me\n    isByMe = (userId === sender.userId)\n      || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.PENDING)\n      || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.FAILED);\n  }\n\n  if (renderMessage && RenderedMessage) {\n    return (\n      <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n        <RenderedMessage message={message} chainTop={chainTop} chainBottom={chainBottom} />\n      </div>\n    );\n  }\n\n  if (message?.messageType === 'user' && showEdit) {\n    return (\n      <MessageInput\n        isEdit\n        disabled={editDisabled}\n        ref={editMessageInputRef}\n        message={message as UserMessage}\n        name={message?.messageId}\n        onUpdateMessage={({ messageId, message }) => {\n          updateMessage(messageId, message);\n          setShowEdit(false);\n        }}\n        onCancelEdit={() => { setShowEdit(false); }}\n      />\n    );\n  }\n\n  return (\n    <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n      {/* date-separator */}\n      {\n        (hasSeparator && message?.createdAt) && (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message?.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        )\n      }\n      {/* Message */}\n      {\n        {\n          [MessageTypes.ADMIN]: (() => {\n            if (message?.messageType === 'admin') {\n              return (\n                <OpenChannelAdminMessage message={message as AdminMessage} />\n              )\n            }\n          })(),\n          [MessageTypes.FILE]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelFileMessage\n                  message={message as FileMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.OG]: (() => {\n            if (message?.messageType === 'user') {\n              return (\n                <OpenChannelOGMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  userId={userId}\n                  showEdit={setShowEdit}\n                  disabled={editDisabled}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.THUMBNAIL]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelThumbnailMessage\n                  message={message as FileMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  onClick={setShowFileViewer}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.USER]: (() => {\n            if (message?.messageType === 'user') {\n              return (\n                <OpenChannelUserMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  userId={userId}\n                  disabled={editDisabled}\n                  showEdit={setShowEdit}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.UNKNOWN]: (() => {\n            return;\n            // return (\n            //   <OpenChannelUnknownMessage message={message} />\n            // );\n          })(),\n        }[getMessageType(message)]\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            onCloseModal={() => setShowRemove(false)}\n            onDeleteMessage={() => {\n              if (message?.messageType !== 'admin') {\n                deleteMessage(message);\n              }\n            }}\n          />\n        )\n      }\n      {\n        (showFileViewer && message?.messageType === 'file') && (\n          <FileViewer\n            onClose={() => setShowFileViewer(false)}\n            message={message}\n            onDelete={() => deleteMessage(message)}\n            isByMe={isByMe}\n          />\n        )\n      }\n      {/* {\n        !((message?.isFileMessage && message?.isFileMessage()) || message?.messageType === 'file')\n        && !(message?.isAdminMessage && message?.isAdminMessage())\n        && !(((message?.isUserMessage && message?.isUserMessage()) || message?.messageType === 'user'))\n        && !(showFileViewer)\n        && (\n          <UnknownMessage\n            message={message}\n            isByMe={isByMe}\n            showRemove={setShowRemove}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n          />\n        )\n      } */}\n    </div>\n  );\n}\n"],"names":["RemoveMessageModal","_a","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","Modal","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE","SUPPORTED_MIMES","IMAGE","VIDEO","isImage","type","indexOf","isVideo","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","message","isUserMessage","messageType","ogMetaData","isAdminMessage","MessagOpenChannelMessageeHoc","props","chainTop","chainBottom","hasSeparator","renderMessage","_c","useOpenChannelContext","currentOpenChannel","deleteMessage","updateMessage","resendMessage","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","userId","config","sender","RenderedMessage","useMemo","_d","useState","showEdit","setShowEdit","_e","showRemove","setShowRemove","_f","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","sendingStatus","MessageInput","messageId","createdAt","DateSeparator","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelAdminMessage","OpenChannelFileMessage","isOperator","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage","FileViewer"],"mappings":"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"}
+{"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/ui/FileViewer/types.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { ClientFileMessage, ClientUserMessage } from '../../../../index';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCloseModal(): void;\n  onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n  onCloseModal,\n  onDeleteMessage,\n}: Props): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <Modal\n      onCancel={onCloseModal}\n      onSubmit={onDeleteMessage}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n}\n","// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\n\nexport type SupportedImageMimesType = 'image/jpeg' | 'image/jpg' | 'image/png' | 'image/gif' | 'image/svg+xml' | 'image/webp';\nexport type SupportedVideoMimesType = 'video/mpeg' | 'video/ogg' | 'video/webm' | 'video/mp4';\nexport type SupportedMimesType = SupportedImageMimesType | SupportedVideoMimesType;\n\nconst SUPPORTED_MIMES = {\n  IMAGE: [\n    'image/jpeg',\n    'image/jpg',\n    'image/png',\n    'image/gif',\n    'image/svg+xml',\n    'image/webp',\n  ],\n  VIDEO: [\n    'video/mpeg',\n    'video/ogg',\n    'video/webm',\n    'video/mp4',\n  ],\n};\n\nexport const isImage = (type: SupportedImageMimesType): boolean => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type: SupportedVideoMimesType): boolean => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type: SupportedMimesType): boolean => type === 'image/gif';\nexport const unSupported = (type: SupportedMimesType): boolean => (\n  !(\n    isImage(type as SupportedImageMimesType)\n    || isVideo(type as SupportedVideoMimesType)\n  )\n);\n\nexport default { ...SUPPORTED_MIMES };\n","import { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\n\nexport const MessageTypes = {\n  ADMIN: 'ADMIN',\n  USER: 'USER',\n  FILE: 'FILE',\n  THUMBNAIL: 'THUMBNAIL',\n  OG: 'OG',\n  UNKNOWN: 'UNKNOWN',\n};\n\nexport const SendingMessageStatus = {\n  NONE: 'none',\n  SUCCEEDED: 'succeeded',\n  FAILED: 'failed',\n  PENDING: 'pending',\n};\n\nexport const getMessageType = (message: UserMessage | FileMessage | AdminMessage): string => {\n  if ((message?.isUserMessage?.()) || message?.messageType === 'user') {\n    return (message?.ogMetaData)\n      ? MessageTypes.OG\n      : MessageTypes.USER;\n  }\n  if (message?.isAdminMessage?.()) {\n    return MessageTypes.ADMIN;\n  }\n  if (message?.messageType === 'file') {\n    return (isImage((message as FileMessage).type) || isVideo((message as FileMessage).type))\n      ? MessageTypes.THUMBNAIL\n      : MessageTypes.FILE;\n  }\n  return MessageTypes.UNKNOWN;\n};\n\nexport default {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n};\n","import React, {\n  useState,\n  useRef,\n  ReactElement,\n  useMemo,\n} from 'react';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { User } from '@sendbird/chat';\nimport format from 'date-fns/format';\n\nimport OpenChannelUserMessage from '../../../../ui/OpenchannelUserMessage';\nimport OpenChannelAdminMessage from '../../../../ui/OpenChannelAdminMessage';\nimport OpenChannelOGMessage from '../../../../ui/OpenchannelOGMessage';\nimport OpenChannelThumbnailMessage from '../../../../ui/OpenchannelThumbnailMessage';\nimport OpenChannelFileMessage from '../../../../ui/OpenchannelFileMessage';\n// import UnknownMessage from '../../../../ui/UnknownMessage';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport FileViewer from '../../../../ui/FileViewer';\n\nimport RemoveMessageModal from './RemoveMessageModal';\nimport {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n} from './utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport type OpenChannelMessageProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  message: UserMessage | FileMessage | AdminMessage;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  hasSeparator?: boolean;\n  editDisabled?: boolean;\n};\n\nexport default function MessagOpenChannelMessageeHoc(props: OpenChannelMessageProps): ReactElement {\n  const {\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n    renderMessage,\n  } = props;\n\n  const {\n    currentOpenChannel,\n    deleteMessage,\n    updateMessage,\n    resendMessage,\n  } = useOpenChannelContext();\n  const { dateLocale } = useLocalization();\n  const editDisabled = currentOpenChannel?.isFrozen;\n\n  const globalState = useSendbirdStateContext();\n  const userId = globalState?.config?.userId;\n\n  let sender: User = null;\n  if (message?.messageType !== 'admin') {\n    sender = (message as UserMessage | FileMessage)?.sender;\n  }\n\n  const RenderedMessage = useMemo(() => (props: RenderMessageProps) => {\n    return (\n      <>\n        {\n          renderMessage\n            ? (renderMessage(props))\n            : null\n        }\n      </>\n    );\n  }, [message, renderMessage]);\n\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const editMessageInputRef = useRef(null);\n\n  let isByMe = false;\n\n  if (sender && message?.messageType !== 'admin') {\n    // pending and failed messages are by me\n    isByMe = (userId === sender.userId)\n      || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.PENDING)\n      || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.FAILED);\n  }\n\n  if (renderMessage && RenderedMessage) {\n    return (\n      <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n        <RenderedMessage message={message} chainTop={chainTop} chainBottom={chainBottom} />\n      </div>\n    );\n  }\n\n  if (message?.messageType === 'user' && showEdit) {\n    return (\n      <MessageInput\n        isEdit\n        disabled={editDisabled}\n        ref={editMessageInputRef}\n        message={message as UserMessage}\n        name={message?.messageId}\n        onUpdateMessage={({ messageId, message }) => {\n          updateMessage(messageId, message);\n          setShowEdit(false);\n        }}\n        onCancelEdit={() => { setShowEdit(false); }}\n      />\n    );\n  }\n\n  return (\n    <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n      {/* date-separator */}\n      {\n        (hasSeparator && message?.createdAt) && (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message?.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        )\n      }\n      {/* Message */}\n      {\n        {\n          [MessageTypes.ADMIN]: (() => {\n            if (message?.messageType === 'admin') {\n              return (\n                <OpenChannelAdminMessage message={message as AdminMessage} />\n              )\n            }\n          })(),\n          [MessageTypes.FILE]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelFileMessage\n                  message={message as FileMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.OG]: (() => {\n            if (message?.messageType === 'user') {\n              return (\n                <OpenChannelOGMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  userId={userId}\n                  showEdit={setShowEdit}\n                  disabled={editDisabled}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.THUMBNAIL]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelThumbnailMessage\n                  message={message as FileMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  onClick={setShowFileViewer}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.USER]: (() => {\n            if (message?.messageType === 'user') {\n              return (\n                <OpenChannelUserMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  userId={userId}\n                  disabled={editDisabled}\n                  showEdit={setShowEdit}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.UNKNOWN]: (() => {\n            return;\n            // return (\n            //   <OpenChannelUnknownMessage message={message} />\n            // );\n          })(),\n        }[getMessageType(message)]\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            onCloseModal={() => setShowRemove(false)}\n            onDeleteMessage={() => {\n              if (message?.messageType !== 'admin') {\n                deleteMessage(message);\n              }\n            }}\n          />\n        )\n      }\n      {\n        (showFileViewer && message?.messageType === 'file') && (\n          <FileViewer\n            onClose={() => setShowFileViewer(false)}\n            message={message}\n            onDelete={() => deleteMessage(message)}\n            isByMe={isByMe}\n          />\n        )\n      }\n      {/* {\n        !((message?.isFileMessage && message?.isFileMessage()) || message?.messageType === 'file')\n        && !(message?.isAdminMessage && message?.isAdminMessage())\n        && !(((message?.isUserMessage && message?.isUserMessage()) || message?.messageType === 'user'))\n        && !(showFileViewer)\n        && (\n          <UnknownMessage\n            message={message}\n            isByMe={isByMe}\n            showRemove={setShowRemove}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n          />\n        )\n      } */}\n    </div>\n  );\n}\n"],"names":["RemoveMessageModal","_a","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","Modal","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE","SUPPORTED_MIMES","IMAGE","VIDEO","isImage","type","indexOf","isVideo","__assign","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","message","isUserMessage","call","messageType","ogMetaData","_b","isAdminMessage","MessagOpenChannelMessageeHoc","props","chainTop","chainBottom","hasSeparator","renderMessage","_c","useOpenChannelContext","currentOpenChannel","deleteMessage","updateMessage","resendMessage","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","userId","config","sender","RenderedMessage","useMemo","_d","useState","showEdit","setShowEdit","_e","showRemove","setShowRemove","_f","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","sendingStatus","MessageInput","messageId","createdAt","DateSeparator","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelAdminMessage","OpenChannelFileMessage","isOperator","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage","FileViewer"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,43 +1,45 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-1512514f.js');
+var index = require('../../index-4fedaa1a.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-e9d96b00.js');
-var OpenChannel_context = require('../../OpenChannelProvider-39f9e794.js');
+var ui_PlaceHolder = require('../../index-66b53d56.js');
+var OpenChannel_context = require('../../OpenChannelProvider-8a6ad3db.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
-require('../../index-c1697faa.js');
-require('../../index-5166a415.js');
-require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../../index-06b2ea54.js');
+require('../../index-50fc77e8.js');
 require('prop-types');
-require('../../tslib.es6-36205d81.js');
-require('../../LocalizationContext-b5fd4c38.js');
-require('../../stringSet-be457fd7.js');
-require('../../index-b9b8972b.js');
+require('../../tslib.es6-8c7aa47e.js');
+require('../../LocalizationContext-bde4de59.js');
+require('../../stringSet-edbf423b.js');
+require('../../index-339b2871.js');
 require('../../ui/Loader.js');
-require('../../UserProfileContext-69c9649a.js');
-require('../../compareIds-cf626c9f.js');
-require('../../topics-58ec1c61.js');
-require('@sendbird/chat');
-require('../../openChannel-8aabbf3c.js');
-require('../../__bundle-bd072f34-57bee5af.js');
-require('../../uuid-edc908ea.js');
+require('../../UserProfileContext-21660049.js');
+require('../../compareIds-52f07bab.js');
+require('../../topics-c5662b44.js');
+require('../../sendbird-cd9bbca0.js');
+require('../../__bundle-57e0c5af-c2950cb7.js');
+require('../../__bundle-0dad34cd-794417d3.js');
+require('../../openChannel-d4ad53b7.js');
+require('../../__bundle-bd072f34-444fbfec.js');
+require('../../uuid-0e8b271a.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-17f5a2c8.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-18b120dc.js');
+require('../../index-e4245c04.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-09738454.js');
+require('../../utils-01f53796.js');
 require('../../ui/Button.js');
-require('../../utils-40fab371.js');
-require('../../openChannelUtils-cffba1c0.js');
+require('../../utils-1dafbcbf.js');
+require('../../openChannelUtils-b74500ad.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
@@ -46,14 +48,15 @@ require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-9e293baf.js');
+require('../../color-1ec1269a.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
-require('../../const-17108318.js');
-require('../../const-955190c4.js');
+require('react-dom/server');
+require('../../const-00ec2acd.js');
+require('../../const-b94ba65d.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/FileViewer.js');
-require('../../index-550f5039.js');
+require('../../index-216e0934.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -74,7 +77,7 @@ function OpenchannelMessageList(props, ref) {
       showScrollDownButton = _c[0],
       setShowScrollDownButton = _c[1];
 
-  var handleOnScroll = function handleOnScroll(e) {
+  var handleOnScroll = function (e) {
     var element = e.target;
     var scrollTop = element.scrollTop,
         scrollHeight = element.scrollHeight,
@@ -101,7 +104,7 @@ function OpenchannelMessageList(props, ref) {
     }
   };
 
-  var scrollToBottom = function scrollToBottom() {
+  var scrollToBottom = function () {
     if (scrollRef && scrollRef.current) {
       scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
       setShowScrollDownButton(false);

package/cjs/OpenChannel/components/OpenChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport type OpenchannelMessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n}\n\nfunction OpenchannelMessageList(\n  props: OpenchannelMessageListProps,\n  ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n  const {\n    isMessageGroupingEnabled = true,\n    allMessages,\n    hasMore,\n    onScroll,\n  } = useOpenChannelContext();\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n  const handleOnScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = element;\n    if (scrollHeight > scrollTop + clientHeight + 1) {\n      setShowScrollDownButton(true);\n    } else {\n      setShowScrollDownButton(false);\n    }\n\n    if (!hasMore) {\n      return;\n    }\n    if (scrollTop === 0) {\n      const nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');\n      const first = nodes && nodes[0];\n      onScroll(() => {\n        try {\n          first.scrollIntoView();\n        } catch (error) { }\n      });\n    }\n  };\n\n  const scrollToBottom = () => {\n    if (scrollRef && scrollRef.current) {\n      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n      setShowScrollDownButton(false);\n    }\n  };\n\n  const memoizedMessageList = useMemo(() => {\n    if (allMessages.length > 0) {\n      return (\n        allMessages.map((message, index) => {\n          const previousMessage = allMessages[index - 1];\n          const nextMessage = allMessages[index - 1];\n\n          const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n          const currentCreatedAt = message?.createdAt;\n          // https://stackoverflow.com/a/41855608\n          const hasSeparator = !(previousMessageCreatedAt && (\n            isSameDay(currentCreatedAt, previousMessageCreatedAt)\n          ));\n\n          const [chainTop, chainBottom] = isMessageGroupingEnabled\n            ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n            : [false, false];\n          return (\n            <OpenChannelMessage\n              key={message?.messageId || (message as UserMessage | FileMessage)?.reqId}\n              message={message}\n              chainTop={chainTop}\n              chainBottom={chainBottom}\n              hasSeparator={hasSeparator}\n              renderMessage={props?.renderMessage}\n            />\n          )\n        })\n      );\n    }\n    return (\n      props?.renderPlaceHolderEmptyList?.() || (\n        <PlaceHolder\n          className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n          type={PlaceHolderTypes.NO_MESSAGES}\n        />\n      )\n    );\n  }, [allMessages]);\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-scroll\">\n      <div className=\"sendbird-openchannel-conversation-scroll__container\">\n        <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n        <div\n          className={[\n            'sendbird-openchannel-conversation-scroll__container__item-container',\n            (allMessages.length > 0) ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {memoizedMessageList}\n        </div>\n      </div>\n      {\n        showScrollDownButton && (\n          <div\n            className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n            onClick={scrollToBottom}\n            onKeyDown={scrollToBottom}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.CONTENT}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","_a","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","hasMore","onScroll","scrollRef","useRef","_c","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","React","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","PlaceHolder","PlaceHolderTypes","NO_MESSAGES","join","Icon","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":"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"}
+{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport type OpenchannelMessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n}\n\nfunction OpenchannelMessageList(\n  props: OpenchannelMessageListProps,\n  ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n  const {\n    isMessageGroupingEnabled = true,\n    allMessages,\n    hasMore,\n    onScroll,\n  } = useOpenChannelContext();\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n  const handleOnScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = element;\n    if (scrollHeight > scrollTop + clientHeight + 1) {\n      setShowScrollDownButton(true);\n    } else {\n      setShowScrollDownButton(false);\n    }\n\n    if (!hasMore) {\n      return;\n    }\n    if (scrollTop === 0) {\n      const nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');\n      const first = nodes && nodes[0];\n      onScroll(() => {\n        try {\n          first.scrollIntoView();\n        } catch (error) { }\n      });\n    }\n  };\n\n  const scrollToBottom = () => {\n    if (scrollRef && scrollRef.current) {\n      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n      setShowScrollDownButton(false);\n    }\n  };\n\n  const memoizedMessageList = useMemo(() => {\n    if (allMessages.length > 0) {\n      return (\n        allMessages.map((message, index) => {\n          const previousMessage = allMessages[index - 1];\n          const nextMessage = allMessages[index - 1];\n\n          const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n          const currentCreatedAt = message?.createdAt;\n          // https://stackoverflow.com/a/41855608\n          const hasSeparator = !(previousMessageCreatedAt && (\n            isSameDay(currentCreatedAt, previousMessageCreatedAt)\n          ));\n\n          const [chainTop, chainBottom] = isMessageGroupingEnabled\n            ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n            : [false, false];\n          return (\n            <OpenChannelMessage\n              key={message?.messageId || (message as UserMessage | FileMessage)?.reqId}\n              message={message}\n              chainTop={chainTop}\n              chainBottom={chainBottom}\n              hasSeparator={hasSeparator}\n              renderMessage={props?.renderMessage}\n            />\n          )\n        })\n      );\n    }\n    return (\n      props?.renderPlaceHolderEmptyList?.() || (\n        <PlaceHolder\n          className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n          type={PlaceHolderTypes.NO_MESSAGES}\n        />\n      )\n    );\n  }, [allMessages]);\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-scroll\">\n      <div className=\"sendbird-openchannel-conversation-scroll__container\">\n        <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n        <div\n          className={[\n            'sendbird-openchannel-conversation-scroll__container__item-container',\n            (allMessages.length > 0) ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {memoizedMessageList}\n        </div>\n      </div>\n      {\n        showScrollDownButton && (\n          <div\n            className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n            onClick={scrollToBottom}\n            onKeyDown={scrollToBottom}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.CONTENT}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","_a","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","hasMore","onScroll","scrollRef","useRef","_c","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","React","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","PlaceHolderTypes","NO_MESSAGES","join","Icon","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,41 +1,44 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-39f9e794.js');
+var OpenChannel_context = require('../../OpenChannelProvider-8a6ad3db.js');
 var OpenChannel_components_OpenChannelInput = require('./OpenChannelInput.js');
 var OpenChannel_components_FrozenChannelNotification = require('./FrozenChannelNotification.js');
 var OpenChannel_components_OpenChannelHeader = require('./OpenChannelHeader.js');
-var ui_PlaceHolder = require('../../index-e9d96b00.js');
+var ui_PlaceHolder = require('../../index-66b53d56.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-c1697faa.js');
-require('../../index-5166a415.js');
-require('../../UserProfileContext-69c9649a.js');
+require('../../index-06b2ea54.js');
+require('../../index-50fc77e8.js');
+require('../../UserProfileContext-21660049.js');
 require('prop-types');
-require('../../tslib.es6-36205d81.js');
-require('../../compareIds-cf626c9f.js');
-require('../../topics-58ec1c61.js');
-require('@sendbird/chat');
-require('../../openChannel-8aabbf3c.js');
-require('../../__bundle-bd072f34-57bee5af.js');
-require('../../uuid-edc908ea.js');
+require('../../tslib.es6-8c7aa47e.js');
+require('../../compareIds-52f07bab.js');
+require('../../topics-c5662b44.js');
+require('../../sendbird-cd9bbca0.js');
+require('../../__bundle-57e0c5af-c2950cb7.js');
+require('../../__bundle-0dad34cd-794417d3.js');
+require('../../openChannel-d4ad53b7.js');
+require('../../__bundle-bd072f34-444fbfec.js');
+require('../../uuid-0e8b271a.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
-require('../../LocalizationContext-b5fd4c38.js');
-require('../../stringSet-be457fd7.js');
+require('../../_rollupPluginBabelHelpers-17f5a2c8.js');
+require('../../LocalizationContext-bde4de59.js');
+require('../../stringSet-edbf423b.js');
 require('../../ui/MessageInput.js');
-require('../../const-17108318.js');
-require('../../const-955190c4.js');
+require('react-dom/server');
+require('../../const-00ec2acd.js');
+require('../../const-b94ba65d.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-b9b8972b.js');
+require('../../index-339b2871.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/Icon.js');
-require('../../index-18b120dc.js');
+require('../../index-e4245c04.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Loader.js');
-require('../../index-1512514f.js');
+require('../../index-4fedaa1a.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
@@ -43,9 +46,9 @@ require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-09738454.js');
-require('../../utils-40fab371.js');
-require('../../openChannelUtils-cffba1c0.js');
+require('../../utils-01f53796.js');
+require('../../utils-1dafbcbf.js');
+require('../../openChannelUtils-b74500ad.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
@@ -54,10 +57,10 @@ require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-9e293baf.js');
+require('../../color-1ec1269a.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/FileViewer.js');
-require('../../index-550f5039.js');
+require('../../index-216e0934.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -66,7 +69,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
 
-var OpenChannelUI = function OpenChannelUI(_a) {
+var OpenChannelUI = function (_a) {
   var renderMessage = _a.renderMessage,
       renderHeader = _a.renderHeader,
       renderInput = _a.renderInput,

package/cjs/OpenChannel/components/OpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n  } = useOpenChannelContext();\n\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","url","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","OpenChannelInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,oBAAoB,GAAG,mCAA7B;;IAEMC,aAAa,GAAiC,SAA9CA,aAA8C,CAACC,EAAD;MAClDC,aAAa;MACbC,YAAY;MACZC,WAAW;MACXC,0BAA0B;MAC1BC,sBAAsB;MACtBC,wBAAwB;;EAElB,IAAAC,KAMFC,yCAAqB,EANnB;MACJC,kBAAkB,wBADd;MAEJC,SAAS,eAFL;MAGJC,OAAO,aAHH;MAIJC,SAAS,eAJL;MAKJC,eAAe,qBALX;;EAQN,IACE,CAACJ,kBAAD,IACG,EAACA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEK,GAArB,CADH,IAEGJ,SAHL,EAIE;IACA,OAAQ,CAAAL,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;MAAK,SAAS,EAAEjB;oBAAsBiB,wCAACC,0BAAD;MAAa,IAAI,EAAEC,+BAAgB,CAACC;MAA1E,CADF;;;EAIF,IAAIP,OAAJ,EAAa;IACX,OAAQ,CAAAL,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACNS;MAAK,SAAS,EAAEjB;oBAAsBiB,wCAACC,0BAAD;MAAa,IAAI,EAAEC,+BAAgB,CAACE;MAA1E,CADF;;;EAIF,IAAIP,SAAJ,EAAe;IACb,OAAQ,CAAAP,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;MAAK,SAAS,EAAEjB;oBAAsBiB,wCAACC,0BAAD;MAAa,IAAI,EAAEC,+BAAgB,CAACG;MAA1E,CADF;;;EAKF,oBACEL;IAAK,SAAS,EAAEjB;KAEZ,CAAAI,YAAY,SAAZ,IAAAA,YAAY,WAAZ,SAAA,GAAAA,YAAY,EAAZ,kBACEa,wCAACM,wCAAD,OAHN,EAOI,CAAAZ,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEa,QAApB,kBACEP,wCAACQ,gDAAD,OARN,eAWER,wCAACS,6CAAD;IACE,aAAa,EAAEvB,aADjB;IAEE,0BAA0B,EAAEG;IAbhC,EAgBI,CAAAD,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,EAAX,kBACEY,wCAACU,uCAAD;IAAkB,GAAG,EAAEZ;IAjB7B,CADF;AAuBD;;;;"}
+{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n  } = useOpenChannelContext();\n\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","url","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","OpenChannelInput"],"mappings":"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"}

package/cjs/OpenChannel/context.js

@@ -3,21 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var OpenChannel_context = require('../OpenChannelProvider-39f9e794.js');
-require('../UserProfileContext-69c9649a.js');
-require('../topics-58ec1c61.js');
+var OpenChannel_context = require('../OpenChannelProvider-8a6ad3db.js');
+require('../UserProfileContext-21660049.js');
+require('../topics-c5662b44.js');
 require('../useSendbirdStateContext.js');
-require('../index-c1697faa.js');
-require('../index-5166a415.js');
-require('../tslib.es6-36205d81.js');
-require('../compareIds-cf626c9f.js');
-require('@sendbird/chat');
-require('../openChannel-8aabbf3c.js');
-require('../__bundle-bd072f34-57bee5af.js');
-require('../uuid-edc908ea.js');
+require('../index-06b2ea54.js');
+require('../index-50fc77e8.js');
+require('../tslib.es6-8c7aa47e.js');
+require('../compareIds-52f07bab.js');
+require('../sendbird-cd9bbca0.js');
+require('../__bundle-57e0c5af-c2950cb7.js');
+require('../__bundle-0dad34cd-794417d3.js');
+require('../openChannel-d4ad53b7.js');
+require('../__bundle-bd072f34-444fbfec.js');
+require('../uuid-0e8b271a.js');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../_rollupPluginBabelHelpers-17f5a2c8.js');
 
 
 

package/cjs/OpenChannel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/OpenChannel.js

@@ -2,33 +2,34 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-39f9e794.js');
+var OpenChannel_context = require('./OpenChannelProvider-8a6ad3db.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-b5fd4c38.js');
-require('./stringSet-be457fd7.js');
-require('./index-5166a415.js');
+require('./LocalizationContext-bde4de59.js');
+require('./stringSet-edbf423b.js');
+require('./index-50fc77e8.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-f9e4bb55.js');
+require('./_rollupPluginBabelHelpers-17f5a2c8.js');
+require('react-dom/server');
 require('prop-types');
-require('./const-17108318.js');
-require('./const-955190c4.js');
+require('./const-00ec2acd.js');
+require('./const-b94ba65d.js');
 require('./ui/IconButton.js');
-require('./tslib.es6-36205d81.js');
+require('./tslib.es6-8c7aa47e.js');
 require('./ui/Button.js');
-require('./index-b9b8972b.js');
+require('./index-339b2871.js');
 require('./ui/MentionUserLabel.js');
 require('./ui/Icon.js');
-require('./index-18b120dc.js');
+require('./index-e4245c04.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-edc908ea.js');
-require('./index-e9d96b00.js');
+require('./uuid-0e8b271a.js');
+require('./index-66b53d56.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-1512514f.js');
-require('./index-c1697faa.js');
+require('./index-4fedaa1a.js');
+require('./index-06b2ea54.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
@@ -37,11 +38,11 @@ require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
 require('./withSendbird.js');
 require('./sendbirdSelectors.js');
-require('./topics-58ec1c61.js');
-require('./utils-09738454.js');
-require('./UserProfileContext-69c9649a.js');
-require('./utils-40fab371.js');
-require('./openChannelUtils-cffba1c0.js');
+require('./topics-c5662b44.js');
+require('./utils-01f53796.js');
+require('./UserProfileContext-21660049.js');
+require('./utils-1dafbcbf.js');
+require('./openChannelUtils-b74500ad.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
@@ -51,21 +52,23 @@ require('./useSendbirdStateContext.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./color-9e293baf.js');
+require('./color-1ec1269a.js');
 require('./ui/DateSeparator.js');
 require('./ui/FileViewer.js');
-require('./index-550f5039.js');
+require('./index-216e0934.js');
 require('./ui/Modal.js');
-require('./compareIds-cf626c9f.js');
-require('@sendbird/chat');
-require('./openChannel-8aabbf3c.js');
-require('./__bundle-bd072f34-57bee5af.js');
+require('./compareIds-52f07bab.js');
+require('./sendbird-cd9bbca0.js');
+require('./__bundle-57e0c5af-c2950cb7.js');
+require('./__bundle-0dad34cd-794417d3.js');
+require('./openChannel-d4ad53b7.js');
+require('./__bundle-bd072f34-444fbfec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var OpenChannel = function OpenChannel(props) {
+var OpenChannel = function (props) {
   return /*#__PURE__*/React__default["default"].createElement(OpenChannel_context.OpenChannelProvider, {
     channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl,
     isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled,

package/cjs/OpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannel.js","sources":["../../src/smart-components/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,WAAW,GAA+B,SAA1CA,WAA0C,CAACC,KAAD;EAC9C,oBACEC,wCAACC,uCAAD;IACE,UAAU,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,UADrB;IAEE,wBAAwB,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,wBAFnC;IAGE,OAAO,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,OAHlB;IAIE,YAAY,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,YAJvB;IAKE,uBAAuB,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,uBALlC;IAME,uBAAuB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,uBANlC;IAOE,uBAAuB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,uBAPlC;IAQE,kBAAkB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU,kBAR7B;IASE,iBAAiB,EAAEV,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW;kBAE1BV,wCAACW,oCAAD;IACE,aAAa,EAAEZ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa,aADxB;IAEE,YAAY,EAAEb,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,YAFvB;IAGE,WAAW,EAAEd,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,WAHtB;IAIE,0BAA0B,EAAEf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB,0BAJrC;IAKE,sBAAsB,EAAEhB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEiB,sBALjC;IAME,wBAAwB,EAAEjB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEkB;IAjBrC,CADF;AAsBD;;;;"}
+{"version":3,"file":"OpenChannel.js","sources":["../../src/smart-components/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAD,EAAwB;AACtE,EAAA,oBACEC,wCAACC,uCAAD,EAAA;AACE,IAAA,UAAU,EAAEF,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEG,UADrB;AAEE,IAAA,wBAAwB,EAAEH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,wBAFnC;AAGE,IAAA,OAAO,EAAEJ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEK,OAHlB;AAIE,IAAA,YAAY,EAAEL,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEM,YAJvB;AAKE,IAAA,uBAAuB,EAAEN,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEO,uBALlC;AAME,IAAA,uBAAuB,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEQ,uBANlC;AAOE,IAAA,uBAAuB,EAAER,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAES,uBAPlC;AAQE,IAAA,kBAAkB,EAAET,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEU,kBAR7B;AASE,IAAA,iBAAiB,EAAEV,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,iBAAAA;AAT5B,GAAA,eAWEV,wCAACW,oCAAD,EAAA;AACE,IAAA,aAAa,EAAEZ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEa,aADxB;AAEE,IAAA,YAAY,EAAEb,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEc,YAFvB;AAGE,IAAA,WAAW,EAAEd,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEe,WAHtB;AAIE,IAAA,0BAA0B,EAAEf,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEgB,0BAJrC;AAKE,IAAA,sBAAsB,EAAEhB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEiB,sBALjC;AAME,IAAA,wBAAwB,EAAEjB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEkB,wBAAAA;AANnC,GAAA,CAXF,CADF,CAAA;AAsBD;;;;"}