@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/modules/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/modules/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { ClientFileMessage, ClientUserMessage } from '../../../../types';\nimport { getModalDeleteMessageTitle } from '../../../../ui/Label/stringFormatterUtils';\nimport { CoreMessageType } from '../../../../utils';\n\ninterface Props {\n  message: CoreMessageType;\n  onCloseModal(): void;\n  onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n  message,\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={getModalDeleteMessageTitle(stringSet, message)}\n    />\n  );\n}\n","import { FileMessage } from '@sendbird/chat/message';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\nimport { CoreMessageType } from '../../../../utils';\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\ntype MessageTypeOptions = {\n  isOgMessageEnabledInOpenChannel?: boolean;\n};\n\nexport const getMessageType = (\n  message: CoreMessageType,\n  options?: MessageTypeOptions,\n): string => {\n  const isOgMessageEnabledInOpenChannel = options?.isOgMessageEnabledInOpenChannel;\n  if ((message?.isUserMessage?.()) || message?.messageType === 'user') {\n    return (message?.ogMetaData && isOgMessageEnabledInOpenChannel)\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';\nimport { CoreMessageType, SendableMessageType } from '../../../../utils';\n\nexport type OpenChannelMessageProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  message: CoreMessageType;\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  const isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;\n\n  let sender: User = null;\n  if (message?.messageType !== 'admin') {\n    sender = (message as SendableMessageType)?.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 SendableMessageType)?.sendingStatus === SendingMessageStatus.PENDING)\n      || ((message as SendableMessageType)?.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        channel={currentOpenChannel}\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                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.OG]: (() => {\n            if (message?.messageType === 'user' && isOgMessageEnabledInOpenChannel) {\n              return (\n                <OpenChannelOGMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\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          })(),\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                  isEphemeral={currentOpenChannel?.isEphemeral}\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          })(),\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                  isEphemeral={currentOpenChannel?.isEphemeral}\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          })(),\n          [MessageTypes.UNKNOWN]: (() => {\n            // return (\n            //   <OpenChannelUnknownMessage message={message} />\n            // );\n          })(),\n        }[getMessageType(message, { isOgMessageEnabledInOpenChannel })]\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            message={message}\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 as FileMessage}\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","_ref","message","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","createElement","Modal","onCancel","onSubmit","submitText","MESSAGE_MENU__DELETE","titleText","getModalDeleteMessageTitle","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","options","_message$isUserMessag","_message$isAdminMessa","isOgMessageEnabledInOpenChannel","isUserMessage","call","messageType","ogMetaData","isAdminMessage","isImage","type","isVideo","MessagOpenChannelMessageeHoc","props","_globalState$config","chainTop","chainBottom","hasSeparator","renderMessage","currentOpenChannel","deleteMessage","updateMessage","resendMessage","useOpenChannelContext","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","userId","config","openChannel","enableOgtag","sender","RenderedMessage","useMemo","Fragment","showEdit","setShowEdit","useState","showRemove","setShowRemove","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","sendingStatus","className","MessageInput","isEdit","channel","disabled","ref","name","messageId","onUpdateMessage","onCancelEdit","createdAt","DateSeparator","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelAdminMessage","_sender","OpenChannelFileMessage","isOperator","isEphemeral","_sender2","OpenChannelOGMessage","_sender3","OpenChannelThumbnailMessage","onClick","_sender4","OpenChannelUserMessage","FileViewer","onClose","onDelete"],"mappings":"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"}
+{"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/modules/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/modules/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { ClientFileMessage, ClientUserMessage } from '../../../../types';\nimport { getModalDeleteMessageTitle } from '../../../../ui/Label/stringFormatterUtils';\nimport { CoreMessageType } from '../../../../utils';\n\ninterface Props {\n  message: CoreMessageType;\n  onCloseModal(): void;\n  onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n  message,\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={getModalDeleteMessageTitle(stringSet, message)}\n    />\n  );\n}\n","import { FileMessage } from '@sendbird/chat/message';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\nimport { CoreMessageType } from '../../../../utils';\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\ntype MessageTypeOptions = {\n  isOgMessageEnabledInOpenChannel?: boolean;\n};\n\nexport const getMessageType = (\n  message: CoreMessageType,\n  options?: MessageTypeOptions,\n): string => {\n  const isOgMessageEnabledInOpenChannel = options?.isOgMessageEnabledInOpenChannel;\n  if ((message?.isUserMessage?.()) || message?.messageType === 'user') {\n    return (message?.ogMetaData && isOgMessageEnabledInOpenChannel)\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';\nimport { CoreMessageType, SendableMessageType } from '../../../../utils';\n\nexport type OpenChannelMessageProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  message: CoreMessageType;\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 currentUserId = globalState?.config?.userId;\n  const isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;\n\n  let sender: User = null;\n  if (message?.messageType !== 'admin') {\n    sender = (message as SendableMessageType)?.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 = (currentUserId === sender.userId)\n      || ((message as SendableMessageType)?.sendingStatus === SendingMessageStatus.PENDING)\n      || ((message as SendableMessageType)?.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        channel={currentOpenChannel}\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                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  disabled={editDisabled}\n                  userId={currentUserId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.OG]: (() => {\n            if (message?.messageType === 'user' && isOgMessageEnabledInOpenChannel) {\n              return (\n                <OpenChannelOGMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  userId={currentUserId}\n                  showEdit={setShowEdit}\n                  disabled={editDisabled}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\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                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  disabled={editDisabled}\n                  userId={currentUserId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  onClick={setShowFileViewer}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\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                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  userId={currentUserId}\n                  disabled={editDisabled}\n                  showEdit={setShowEdit}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.UNKNOWN]: (() => {\n            // return (\n            //   <OpenChannelUnknownMessage message={message} />\n            // );\n          })(),\n        }[getMessageType(message, { isOgMessageEnabledInOpenChannel })]\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            message={message}\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 as FileMessage}\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","message","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","createElement","Modal","onCancel","onSubmit","submitText","MESSAGE_MENU__DELETE","titleText","getModalDeleteMessageTitle","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","options","isOgMessageEnabledInOpenChannel","isUserMessage","call","messageType","ogMetaData","_b","isAdminMessage","isImage","type","isVideo","MessagOpenChannelMessageeHoc","props","chainTop","chainBottom","hasSeparator","renderMessage","_c","useOpenChannelContext","currentOpenChannel","deleteMessage","updateMessage","resendMessage","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","currentUserId","config","userId","openChannel","enableOgtag","sender","RenderedMessage","useMemo","Fragment","_d","useState","showEdit","setShowEdit","_e","showRemove","setShowRemove","_f","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","sendingStatus","className","MessageInput","isEdit","channel","disabled","ref","name","messageId","onUpdateMessage","onCancelEdit","createdAt","DateSeparator","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelAdminMessage","OpenChannelFileMessage","isOperator","isEphemeral","OpenChannelOGMessage","OpenChannelThumbnailMessage","onClick","OpenChannelUserMessage","FileViewer","onClose","onDelete"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,70 +1,72 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('../../index-4eb7e2b5.js');
+var index$1 = require('../../index-826b76d5.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-7f41c4b6.js');
-var OpenChannel_context = require('../../OpenChannelProvider-8577ea58.js');
+var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
+var OpenChannel_context = require('../../OpenChannelProvider-d8cc11fe.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
 var Message_context = require('../../Message/context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var index = require('../../index-7c374c20.js');
-require('../../index-c9b003b3.js');
-require('../../index-d04f312e.js');
+var index = require('../../index-c22e0cbf.js');
+require('../../index-b6d51e74.js');
+require('../../index-fd8a0abb.js');
 require('prop-types');
-require('../../LocalizationContext-482c1343.js');
-require('../../stringSet-d00535a5.js');
-require('../../index-18720f0d.js');
+require('../../tslib.es6-2f2b0bca.js');
+require('../../LocalizationContext-5009012e.js');
+require('../../stringSet-98b52c49.js');
+require('../../index-35820a94.js');
 require('../../ui/Loader.js');
-require('../../UserProfileContext-fa8d0383.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
-require('../../compareIds-bef997cb.js');
-require('../../topics-adde627b.js');
+require('../../UserProfileContext-922a43ec.js');
+require('../../compareIds-de541666.js');
+require('../../pubSub/topics.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-b2806cf5.js');
+require('../../uuid-c74bbbb6.js');
 require('../../ui/OpenchannelUserMessage.js');
+require('../../_rollupPluginBabelHelpers-94c18dc1.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-fbe9cc73.js');
+require('../../index-b995f638.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-a24e9cd7.js');
+require('../../index-609b07a2.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-c47c68b1.js');
+require('../../utils-180c6bc8.js');
 require('../../ui/Button.js');
-require('../../utils-991911af.js');
-require('../../index-6ab9a40d.js');
-require('../../MediaQueryContext-73aac8cf.js');
-require('../../useLongPress-1c0f4696.js');
+require('../../types-66554668.js');
+require('../../utils-46483130.js');
+require('../../index-80a11b6a.js');
+require('../../MediaQueryContext-d6fdbe43.js');
+require('../../useLongPress-c1da8ba7.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../index-2ab19f9b.js');
-require('../../tokenize-9296fc47.js');
+require('../../index-e81e2882.js');
+require('../../tokenize-91bdbeb0.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-d83b77ac.js');
+require('../../color-477ddbd4.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
-require('../../const-1726bde0.js');
-require('../../const-67ff9e34.js');
-require('../../index-759f2a26.js');
+require('../../const-640252c1.js');
+require('../../const-9def5c09.js');
+require('../../index-bdf7089c.js');
 require('dompurify');
-require('../../consts-b018b1ed.js');
-require('../../consts-d3b53f23.js');
-require('../../consts-bf228385.js');
-require('../../index-857630c5.js');
-require('../../index-cbcacbee.js');
-require('../../consts-fb07c671.js');
+require('../../consts-54f5c12d.js');
+require('../../consts-a3b7ae99.js');
+require('../../consts-85cd42fa.js');
+require('../../index-7b0c6630.js');
+require('../../index-daf80c58.js');
+require('../../consts-95462b21.js');
 require('../../ui/Modal.js');
-require('../../stringFormatterUtils-8d6592ca.js');
+require('../../stringFormatterUtils-e324636c.js');
 require('../../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -72,42 +74,46 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function OpenchannelMessageList(props, ref) {
-  const {
-    isMessageGroupingEnabled = true,
-    allMessages,
-    hasMore,
-    onScroll
-  } = OpenChannel_context.useOpenChannelContext();
-  const store = useSendbirdStateContext();
-  const userId = store.config.userId;
-  const scrollRef = ref || React.useRef(null);
-  const [showScrollDownButton, setShowScrollDownButton] = React.useState(false);
-  const scrollToBottom = () => {
+  var _a = OpenChannel_context.useOpenChannelContext(),
+    _b = _a.isMessageGroupingEnabled,
+    isMessageGroupingEnabled = _b === void 0 ? true : _b,
+    allMessages = _a.allMessages,
+    hasMore = _a.hasMore,
+    onScroll = _a.onScroll;
+  var store = useSendbirdStateContext.useSendbirdStateContext();
+  var userId = store.config.userId;
+  var scrollRef = ref || React.useRef(null);
+  var _c = React.useState(false),
+    showScrollDownButton = _c[0],
+    setShowScrollDownButton = _c[1];
+  var scrollToBottom = function () {
     if (scrollRef && scrollRef.current) {
       scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
       setShowScrollDownButton(false);
     }
   };
-  const handleOnScroll = index.useHandleOnScrollCallback({
-    setShowScrollDownButton,
-    hasMore,
-    onScroll,
-    scrollRef
+  var handleOnScroll = index.useHandleOnScrollCallback({
+    setShowScrollDownButton: setShowScrollDownButton,
+    hasMore: hasMore,
+    onScroll: onScroll,
+    scrollRef: scrollRef
   });
-  const memoizedMessageList = React.useMemo(() => {
-    var _props$renderPlaceHol;
+  var memoizedMessageList = React.useMemo(function () {
+    var _a;
     if (allMessages.length > 0) {
-      return allMessages.map((message, index) => {
-        var _sender;
-        const previousMessage = allMessages[index - 1];
-        const nextMessage = allMessages[index - 1];
-        const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
-        const currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt;
+      return allMessages.map(function (message, index) {
+        var _a;
+        var previousMessage = allMessages[index - 1];
+        var nextMessage = allMessages[index - 1];
+        var previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
+        var currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt;
         // https://stackoverflow.com/a/41855608
-        const hasSeparator = !(previousMessageCreatedAt && index$1.isSameDay(currentCreatedAt, previousMessageCreatedAt));
-        const [chainTop, chainBottom] = isMessageGroupingEnabled ? OpenChannel_context.compareMessagesForGrouping(previousMessage, message, nextMessage) : [false, false];
-        const isByMe = (message === null || message === void 0 ? void 0 : (_sender = message.sender) === null || _sender === void 0 ? void 0 : _sender.userId) === userId;
-        const key = (message === null || message === void 0 ? void 0 : message.messageId) || (message === null || message === void 0 ? void 0 : message.reqId);
+        var hasSeparator = !(previousMessageCreatedAt && index$1.isSameDay(currentCreatedAt, previousMessageCreatedAt));
+        var _b = isMessageGroupingEnabled ? OpenChannel_context.compareMessagesForGrouping(previousMessage, message, nextMessage) : [false, false],
+          chainTop = _b[0],
+          chainBottom = _b[1];
+        var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+        var key = (message === null || message === void 0 ? void 0 : message.messageId) || (message === null || message === void 0 ? void 0 : message.reqId);
         return /*#__PURE__*/React__default["default"].createElement(Message_context.MessageProvider, {
           message: message,
           isByMe: isByMe,
@@ -121,7 +127,7 @@ function OpenchannelMessageList(props, ref) {
         }));
       });
     }
-    return (props === null || props === void 0 ? void 0 : (_props$renderPlaceHol = props.renderPlaceHolderEmptyList) === null || _props$renderPlaceHol === void 0 ? void 0 : _props$renderPlaceHol.call(props)) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    return ((_a = props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList) === null || _a === void 0 ? void 0 : _a.call(props)) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
       className: "sendbird-openchannel-conversation-scroll__container__place-holder",
       type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES
     });

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\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 { MessageProvider } from '../../../Message/context/MessageProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\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 store = useSendbirdStateContext();\n  const userId = store.config.userId;\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\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 handleOnScroll = useHandleOnScrollCallback({\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\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          const isByMe = (message as UserMessage)?.sender?.userId === userId;\n          const key = message?.messageId || (message as UserMessage)?.reqId;\n          return (\n            <MessageProvider message={message} isByMe={isByMe} key={key}>\n              <OpenChannelMessage\n                message={message}\n                chainTop={chainTop}\n                chainBottom={chainBottom}\n                hasSeparator={hasSeparator}\n                renderMessage={props?.renderMessage}\n              />\n            </MessageProvider>\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","isMessageGroupingEnabled","allMessages","hasMore","onScroll","useOpenChannelContext","store","useSendbirdStateContext","userId","config","scrollRef","useRef","showScrollDownButton","setShowScrollDownButton","useState","scrollToBottom","current","scrollTo","scrollHeight","handleOnScroll","useHandleOnScrollCallback","memoizedMessageList","useMemo","_props$renderPlaceHol","length","map","message","index","_sender","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","chainTop","chainBottom","compareMessagesForGrouping","isByMe","sender","key","messageId","reqId","React","createElement","MessageProvider","OpenChannelMessage","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","className","type","PlaceHolderTypes","NO_MESSAGES","join","onClick","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","CONTENT","forwardRef"],"mappings":"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"}
+{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\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 { MessageProvider } from '../../../Message/context/MessageProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\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 store = useSendbirdStateContext();\n  const userId = store.config.userId;\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\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 handleOnScroll = useHandleOnScrollCallback({\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\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          const isByMe = (message as UserMessage)?.sender?.userId === userId;\n          const key = message?.messageId || (message as UserMessage)?.reqId;\n          return (\n            <MessageProvider message={message} isByMe={isByMe} key={key}>\n              <OpenChannelMessage\n                message={message}\n                chainTop={chainTop}\n                chainBottom={chainBottom}\n                hasSeparator={hasSeparator}\n                renderMessage={props?.renderMessage}\n              />\n            </MessageProvider>\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","store","useSendbirdStateContext","userId","config","scrollRef","useRef","_c","useState","showScrollDownButton","setShowScrollDownButton","scrollToBottom","current","scrollTo","scrollHeight","handleOnScroll","useHandleOnScrollCallback","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","isByMe","sender","key","messageId","reqId","React","createElement","MessageProvider","OpenChannelMessage","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","className","type","PlaceHolderTypes","NO_MESSAGES","join","onClick","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","CONTENT","forwardRef"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,47 +1,49 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-8577ea58.js');
+var OpenChannel_context = require('../../OpenChannelProvider-d8cc11fe.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-7f41c4b6.js');
+var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-c9b003b3.js');
-require('../../index-d04f312e.js');
-require('../../UserProfileContext-fa8d0383.js');
-require('prop-types');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
-require('../../compareIds-bef997cb.js');
-require('../../topics-adde627b.js');
+require('../../index-b6d51e74.js');
+require('../../index-fd8a0abb.js');
+require('../../UserProfileContext-922a43ec.js');
+require('../../tslib.es6-2f2b0bca.js');
+require('../../compareIds-de541666.js');
+require('../../pubSub/topics.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-b2806cf5.js');
+require('../../uuid-c74bbbb6.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../LocalizationContext-482c1343.js');
-require('../../stringSet-d00535a5.js');
+require('../../LocalizationContext-5009012e.js');
+require('../../stringSet-98b52c49.js');
 require('../../ui/MessageInput.js');
-require('../../const-1726bde0.js');
-require('../../const-67ff9e34.js');
+require('../../_rollupPluginBabelHelpers-94c18dc1.js');
+require('prop-types');
+require('../../const-640252c1.js');
+require('../../const-9def5c09.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-18720f0d.js');
-require('../../index-759f2a26.js');
+require('../../index-35820a94.js');
+require('../../types-66554668.js');
+require('../../index-bdf7089c.js');
 require('dompurify');
-require('../../consts-b018b1ed.js');
-require('../../consts-d3b53f23.js');
-require('../../consts-bf228385.js');
+require('../../consts-54f5c12d.js');
+require('../../consts-a3b7ae99.js');
+require('../../consts-85cd42fa.js');
 require('../../ui/Icon.js');
-require('../../index-fbe9cc73.js');
+require('../../index-b995f638.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-a24e9cd7.js');
-require('../../tokenize-9296fc47.js');
+require('../../index-609b07a2.js');
+require('../../tokenize-91bdbeb0.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../MediaQueryContext-73aac8cf.js');
+require('../../MediaQueryContext-d6fdbe43.js');
 require('../../ui/Loader.js');
-require('../../index-4eb7e2b5.js');
+require('../../index-826b76d5.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
@@ -49,68 +51,65 @@ require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-c47c68b1.js');
-require('../../utils-991911af.js');
-require('../../index-6ab9a40d.js');
-require('../../useLongPress-1c0f4696.js');
+require('../../utils-180c6bc8.js');
+require('../../utils-46483130.js');
+require('../../index-80a11b6a.js');
+require('../../useLongPress-c1da8ba7.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../index-2ab19f9b.js');
+require('../../index-e81e2882.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-d83b77ac.js');
+require('../../color-477ddbd4.js');
 require('../../ui/DateSeparator.js');
-require('../../index-857630c5.js');
-require('../../index-cbcacbee.js');
-require('../../consts-fb07c671.js');
+require('../../index-7b0c6630.js');
+require('../../index-daf80c58.js');
+require('../../consts-95462b21.js');
 require('../../ui/Modal.js');
-require('../../stringFormatterUtils-8d6592ca.js');
-require('../../index-7c374c20.js');
+require('../../stringFormatterUtils-e324636c.js');
+require('../../index-c22e0cbf.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
-const OpenChannelUI = _ref => {
-  let {
-    renderMessage,
-    renderHeader,
-    renderInput,
-    renderPlaceHolderEmptyList,
-    renderPlaceHolderError,
-    renderPlaceHolderLoading
-  } = _ref;
-  const {
-    currentOpenChannel,
-    amIBanned,
-    loading,
-    isInvalid,
-    messageInputRef,
-    conversationScrollRef
-  } = OpenChannel_context.useOpenChannelContext();
-  if (!currentOpenChannel || !(currentOpenChannel !== null && currentOpenChannel !== void 0 && currentOpenChannel.url) || amIBanned) {
+var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
+var OpenChannelUI = function (_a) {
+  var renderMessage = _a.renderMessage,
+    renderHeader = _a.renderHeader,
+    renderInput = _a.renderInput,
+    renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList,
+    renderPlaceHolderError = _a.renderPlaceHolderError,
+    renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+  var _b = OpenChannel_context.useOpenChannelContext(),
+    currentOpenChannel = _b.currentOpenChannel,
+    amIBanned = _b.amIBanned,
+    loading = _b.loading,
+    isInvalid = _b.isInvalid,
+    messageInputRef = _b.messageInputRef,
+    conversationScrollRef = _b.conversationScrollRef;
+  if (!currentOpenChannel || !(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.url) || amIBanned) {
     return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement("div", {
       className: COMPONENT_CLASS_NAME
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
       type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
     }));
   }
   if (loading) {
     return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || /*#__PURE__*/React__default["default"].createElement("div", {
       className: COMPONENT_CLASS_NAME
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
       type: ui_PlaceHolder.PlaceHolderTypes.LOADING
     }));
   }
   if (isInvalid) {
     return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement("div", {
       className: COMPONENT_CLASS_NAME
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder["default"], {
       type: ui_PlaceHolder.PlaceHolderTypes.WRONG
     }));
   }

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/modules/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    conversationScrollRef,\n  } = useOpenChannelContext();\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        ref={conversationScrollRef}\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","_ref","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","conversationScrollRef","useOpenChannelContext","url","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","ref","OpenChannelInput"],"mappings":"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"}
+{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/modules/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    conversationScrollRef,\n  } = useOpenChannelContext();\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        ref={conversationScrollRef}\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","conversationScrollRef","url","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","ref","OpenChannelInput"],"mappings":"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"}