@sendbird/uikit-react 3.0.0-rc.0 → 3.0.0

package/OpenChannel/components/OpenChannelInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelInput.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nconst MessageInputWrapper = (props, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        disabled={disabled}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","React","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,GAAR;AACpB,MAAAC,KAKFC,qBAAqB,EALnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,QAAQ,cAFJ;AAAA,MAGJC,iBAAiB,uBAHb;AAAA,MAIJC,gBAAgB,sBAJZ;;AAON,MAAMC,OAAO,GAAGJ,kBAAhB;;AACA,MAAI,CAACI,OAAL,EAAc;AACZ;AACD;;AAEO,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AAER,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,YAAD;AACE,IAAA,GAAG,EAAEX,GADP;AAEE,IAAA,QAAQ,EAAEI,QAFZ;AAGE,IAAA,aAAa,EAAEC,iBAHjB;AAIE,IAAA,YAAY,EAAEC,gBAJhB;AAKE,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACI,qCAFJ;;AALb,IADF,CADF;AAeD,CA9BD;;AAgCA,oCAAeD,cAAK,CAACE,UAAN,CAAiBf,mBAAjB,CAAf;;;;"}
+{"version":3,"file":"OpenChannelInput.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nconst MessageInputWrapper = (props, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        disabled={disabled}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","React","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,GAAR;AACpB,MAAAC,KAKFC,qBAAqB,EALnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,QAAQ,cAFJ;AAAA,MAGJC,iBAAiB,uBAHb;AAAA,MAIJC,gBAAgB,sBAJZ;;AAON,MAAMC,OAAO,GAAGJ,kBAAhB;;AACA,MAAI,CAACI,OAAL,EAAc;AACZ;AACD;;AAEO,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AAER,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,YAAD;AACE,IAAA,GAAG,EAAEX,GADP;AAEE,IAAA,QAAQ,EAAEI,QAFZ;AAGE,IAAA,aAAa,EAAEC,iBAHjB;AAIE,IAAA,YAAY,EAAEC,gBAJhB;AAKE,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACI,qCAFJ;;AALb,IADF,CADF;AAeD,CA9BD;;AAgCA,oCAAeD,cAAK,CAACE,UAAN,CAAiBf,mBAAjB,CAAf;;;;"}

package/OpenChannel/components/OpenChannelMessage.js

@@ -1,53 +1,52 @@
 import React__default, { useContext, useMemo, useState, useRef } from 'react';
-import { f as format } from '../../index-ccd99cfe.js';
+import { f as format } from '../../index-cff868a8.js';
 import OpenchannelUserMessage from '../../ui/OpenchannelUserMessage.js';
 import OpenChannelAdminMessage from '../../ui/OpenChannelAdminMessage.js';
 import OpenchannelOGMessage from '../../ui/OpenchannelOGMessage.js';
 import OpenchannelThumbnailMessage from '../../ui/OpenchannelThumbnailMessage.js';
 import OpenchannelFileMessage from '../../ui/OpenchannelFileMessage.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-71e2bf26.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a5b58199.js';
 import MessageInput from '../../ui/MessageInput.js';
 import FileViewer from '../../ui/FileViewer.js';
 import Modal from '../../ui/Modal.js';
-import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-fb3dafcd.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-0fb27972.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-4b1ec8b9.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-c9d83594.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../index-13729368.js';
-import '../../tslib.es6-a7db0cc5.js';
+import '../../index-75f9b6fc.js';
+import '../../tslib.es6-41c9b7f1.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../_rollupPluginBabelHelpers-084fb589.js';
+import '../../_rollupPluginBabelHelpers-abbcef5e.js';
 import 'prop-types';
 import '../../ui/Icon.js';
-import '../../uuid-748dae7a.js';
+import '../../uuid-cd809c2c.js';
 import '../../ui/ContextMenu.js';
-import '../../index-8e6a607b.js';
+import '../../index-aa13fe48.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../stringSet-d3a8a2a0.js';
+import '../../stringSet-130b5cd9.js';
 import '../../ui/IconButton.js';
 import '../../ui/Loader.js';
 import '../../ui/UserProfile.js';
-import '../../withSendBird.js';
+import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-f941ba80.js';
-import '../../utils-cadde06a.js';
-import '../../index-b574cc8e.js';
-import '../../UserProfileContext-6a387a08.js';
-import '../../utils-2e3623c0.js';
-import '../../openChannelUtils-211a679a.js';
+import '../../topics-2773df5c.js';
+import '../../utils-ce5e300e.js';
+import '../../index-d6e33a8d.js';
+import '../../UserProfileContext-d0287bb6.js';
+import '../../utils-c2b6ba56.js';
+import '../../openChannelUtils-41763348.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextButton.js';
-import '../../color-9bf8c922.js';
-import 'stream';
-import '../../const-40b58d8b.js';
-import '../../const-99800b8d.js';
+import '../../color-61b0f496.js';
+import '../../const-6fe536c0.js';
+import '../../const-d3857731.js';
 import '../../ui/MentionUserLabel.js';
-import '../../index-1d112ad4.js';
-import '../../compareIds-b78d7cd6.js';
-import '../../openChannel-dd5c9246.js';
-import '../../__bundle-7dfccc8c-03df3ada.js';
+import '../../index-87af3e7d.js';
+import '../../compareIds-e48fb1d0.js';
+import '../../openChannel-0d900561.js';
+import '../../__bundle-7dfccc8c-36a58bd4.js';
 
 function RemoveMessageModal(_a) {
   var onCloseModal = _a.onCloseModal,

package/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.js","../../../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\nconst SUPPORTED_MIMES = {\n  IMAGE: [\n    'image/jpeg',\n    'image/jpg',\n    'image/png',\n    'image/gif',\n    'image/svg+xml',\n    'image/webp', // not supported in IE\n  ],\n  VIDEO: [\n    'video/mpeg',\n    'video/ogg',\n    'video/webm',\n    'video/mp4',\n  ],\n};\n\nexport const isImage = (type) => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type) => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type) => type === 'image/gif';\nexport const unSupported = (type) => !(isImage(type) || isVideo(type));\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.isUserMessage()) || message.messageType === 'user') {\n    return (message.ogMetaData)\n      ? MessageTypes.OG\n      : MessageTypes.USER;\n  }\n  if (message.isAdminMessage && 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 && (\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                  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                  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                  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                  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","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","messageId","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","createdAt","locale","OpenChannelFileMessage","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage"],"mappings":"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"}
+{"version":3,"file":"OpenChannelMessage.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../src/ui/FileViewer/types.js","../../../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\nconst SUPPORTED_MIMES = {\n  IMAGE: [\n    'image/jpeg',\n    'image/jpg',\n    'image/png',\n    'image/gif',\n    'image/svg+xml',\n    'image/webp', // not supported in IE\n  ],\n  VIDEO: [\n    'video/mpeg',\n    'video/ogg',\n    'video/webm',\n    'video/mp4',\n  ],\n};\n\nexport const isImage = (type) => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type) => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type) => type === 'image/gif';\nexport const unSupported = (type) => !(isImage(type) || isVideo(type));\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.isUserMessage()) || message.messageType === 'user') {\n    return (message.ogMetaData)\n      ? MessageTypes.OG\n      : MessageTypes.USER;\n  }\n  if (message.isAdminMessage && 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 && (\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                  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                  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                  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                  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","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","messageId","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","createdAt","locale","OpenChannelFileMessage","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage"],"mappings":"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"}

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,55 +1,54 @@
 import React__default, { useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-16bed610.js';
+import { i as isSameDay } from '../../index-7b2f13ef.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-c95d2aab.js';
-import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-0fb27972.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-39d43f7e.js';
+import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-c9d83594.js';
 import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
-import '../../index-ccd99cfe.js';
-import '../../index-13729368.js';
-import '../../_rollupPluginBabelHelpers-084fb589.js';
+import '../../index-cff868a8.js';
+import '../../index-75f9b6fc.js';
+import '../../_rollupPluginBabelHelpers-abbcef5e.js';
 import 'prop-types';
 import '../../ui/Loader.js';
-import '../../LocalizationContext-fb3dafcd.js';
-import '../../stringSet-d3a8a2a0.js';
-import '../../index-71e2bf26.js';
-import '../../UserProfileContext-6a387a08.js';
-import '../../tslib.es6-a7db0cc5.js';
-import '../../compareIds-b78d7cd6.js';
-import '../../topics-f941ba80.js';
-import '../../openChannel-dd5c9246.js';
-import '../../__bundle-7dfccc8c-03df3ada.js';
-import '../../uuid-748dae7a.js';
+import '../../LocalizationContext-4b1ec8b9.js';
+import '../../stringSet-130b5cd9.js';
+import '../../index-a5b58199.js';
+import '../../UserProfileContext-d0287bb6.js';
+import '../../tslib.es6-41c9b7f1.js';
+import '../../compareIds-e48fb1d0.js';
+import '../../topics-2773df5c.js';
+import '../../openChannel-0d900561.js';
+import '../../__bundle-7dfccc8c-36a58bd4.js';
+import '../../uuid-cd809c2c.js';
 import '../../useSendbirdStateContext.js';
-import '../../withSendBird.js';
+import '../../withSendbird.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
-import '../../index-8e6a607b.js';
+import '../../index-aa13fe48.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-cadde06a.js';
-import '../../index-b574cc8e.js';
-import '../../utils-2e3623c0.js';
-import '../../openChannelUtils-211a679a.js';
+import '../../utils-ce5e300e.js';
+import '../../index-d6e33a8d.js';
+import '../../utils-c2b6ba56.js';
+import '../../openChannelUtils-41763348.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-9bf8c922.js';
+import '../../color-61b0f496.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
-import 'stream';
-import '../../const-40b58d8b.js';
-import '../../const-99800b8d.js';
+import '../../const-6fe536c0.js';
+import '../../const-d3857731.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/FileViewer.js';
-import '../../index-1d112ad4.js';
+import '../../index-87af3e7d.js';
 import '../../ui/Modal.js';
 
 function OpenchannelMessageList(props, ref) {

package/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 hasMessage = useMemo(() => {\n    return allMessages.length > 0;\n  }, [allMessages.length]);\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            hasMessage ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {\n            hasMessage\n              ? (\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              : props?.renderPlaceHolderEmptyList?.() || (\n                <PlaceHolder\n                  className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n                  type={PlaceHolderTypes.NO_MESSAGES}\n                />\n              )\n          }\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","_b","useOpenChannelContext","_c","isMessageGroupingEnabled","allMessages","hasMore","onScroll","scrollRef","useRef","_d","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","hasMessage","useMemo","length","React","join","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","_a","compareMessagesForGrouping","chainTop","chainBottom","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","PlaceHolderTypes","NO_MESSAGES","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 hasMessage = useMemo(() => {\n    return allMessages.length > 0;\n  }, [allMessages.length]);\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            hasMessage ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {\n            hasMessage\n              ? (\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              : props?.renderPlaceHolderEmptyList?.() || (\n                <PlaceHolder\n                  className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n                  type={PlaceHolderTypes.NO_MESSAGES}\n                />\n              )\n          }\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","_b","useOpenChannelContext","_c","isMessageGroupingEnabled","allMessages","hasMore","onScroll","scrollRef","useRef","_d","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","hasMessage","useMemo","length","React","join","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","_a","compareMessagesForGrouping","chainTop","chainBottom","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","PlaceHolderTypes","NO_MESSAGES","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAASA,sBAAT,CACEC,KADF,EAEEC,GAFF;;;AAIQ,MAAAC,KAKFC,qBAAqB,EALnB;AAAA,MACJC,gCADI;AAAA,MACJC,wBAAwB,mBAAG,SADvB;AAAA,MAEJC,WAAW,iBAFP;AAAA,MAGJC,OAAO,aAHH;AAAA,MAIJC,QAAQ,cAJJ;;AAMN,MAAMC,SAAS,GAAGR,GAAG,IAAIS,MAAM,CAAC,IAAD,CAA/B;;AACM,MAAAC,KAAkDC,QAAQ,CAAC,KAAD,CAA1D;AAAA,MAACC,oBAAoB,QAArB;AAAA,MAAuBC,uBAAuB,QAA9C;;AAEN,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AACrB,QAAMC,OAAO,GAAGD,CAAC,CAACE,MAAlB;AAEE,QAAAC,SAAS,GAGPF,OAAO,UAHT;AAAA,QACAG,YAAY,GAEVH,OAAO,aAHT;AAAA,QAEAI,YAAY,GACVJ,OAAO,aAHT;;AAIF,QAAIG,YAAY,GAAGD,SAAS,GAAGE,YAAZ,GAA2B,CAA9C,EAAiD;AAC/CP,MAAAA,uBAAuB,CAAC,IAAD,CAAvB;AACD,KAFD,MAEO;AACLA,MAAAA,uBAAuB,CAAC,KAAD,CAAvB;AACD;;AAED,QAAI,CAACP,OAAL,EAAc;AACZ;AACD;;AACD,QAAIY,SAAS,KAAK,CAAlB,EAAqB;AACnB,UAAMG,KAAK,GAAGb,SAAS,CAACc,OAAV,CAAkBC,gBAAlB,CAAmC,2BAAnC,CAAd;AACA,UAAMC,OAAK,GAAGH,KAAK,IAAIA,KAAK,CAAC,CAAD,CAA5B;AACAd,MAAAA,QAAQ,CAAC;AACP,YAAI;AACFiB,UAAAA,OAAK,CAACC,cAAN;AACD,SAFD,CAEE,OAAOC,KAAP,EAAc;AACjB,OAJO,CAAR;AAKD;AACF,GAzBD;;AA2BA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB;AACrB,QAAInB,SAAS,IAAIA,SAAS,CAACc,OAA3B,EAAoC;AAClCd,MAAAA,SAAS,CAACc,OAAV,CAAkBM,QAAlB,CAA2B,CAA3B,EAA8BpB,SAAS,CAACc,OAAV,CAAkBH,YAAhD;AACAN,MAAAA,uBAAuB,CAAC,KAAD,CAAvB;AACD;AACF,GALD;;AAOA,MAAMgB,UAAU,GAAGC,OAAO,CAAC;AACzB,WAAOzB,WAAW,CAAC0B,MAAZ,GAAqB,CAA5B;AACD,GAFyB,EAEvB,CAAC1B,WAAW,CAAC0B,MAAb,CAFuB,CAA1B;AAIA,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,IADF,eAEEA;AACE,IAAA,SAAS,EAAE,CACT,qEADS,EAETH,UAAU,GAAG,EAAH,GAAQ,aAFT,EAGTI,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,QAAQ,EAAEnB,cALZ;AAME,IAAA,GAAG,EAAEN;AANP,KASIqB,UAAU,GAENxB,WAAW,CAAC6B,GAAZ,CAAgB,UAACC,OAAD,EAAUC,KAAV;AACd,QAAMC,eAAe,GAAGhC,WAAW,CAAC+B,KAAK,GAAG,CAAT,CAAnC;AACA,QAAME,WAAW,GAAGjC,WAAW,CAAC+B,KAAK,GAAG,CAAT,CAA/B;AAEA,QAAMG,wBAAwB,GAAGF,eAAe,IAAIA,eAAe,CAACG,SAApE;AACA,QAAMC,gBAAgB,GAAGN,OAAO,CAACK,SAAjC;;AAEA,QAAME,YAAY,GAAG,EAAEH,wBAAwB,IAC7CI,SAAS,CAACF,gBAAD,EAAmBF,wBAAnB,CADU,CAArB;;AAIM,QAAAK,KAA0BxC,wBAAwB,GACpDyC,0BAA0B,CAACR,eAAD,EAAkBF,OAAlB,EAA2BG,WAA3B,CAD0B,GAEpD,CAAC,KAAD,EAAQ,KAAR,CAFE;AAAA,QAACQ,QAAQ,QAAT;AAAA,QAAWC,WAAW,QAAtB;;AAGN,wBACEf,6BAACgB,4BAAD;AACE,MAAA,GAAG,EAAE,CAAAb,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEc,SAAT,MAAuBd,OAAqC,SAArC,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAgCe,KAA9D,CADP;AAEE,MAAA,OAAO,EAAEf,OAFX;AAGE,MAAA,QAAQ,EAAEW,QAHZ;AAIE,MAAA,WAAW,EAAEC,WAJf;AAKE,MAAA,YAAY,EAAEL,YALhB;AAME,MAAA,aAAa,EAAE3C,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEoD;AANxB,MADF;AAUD,GAxBD,CAFM,GA4BN,CAAA,MAAApD,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEqD,0BAAP,UAAA,iBAAA,SAAA,iBAAA,kBACApB,6BAAC,WAAD;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,IAAI,EAAEqB,gBAAgB,CAACC;AAFzB,IAtCR,CAFF,CADF,EAkDI1C,oBAAoB,iBAClBoB;AACE,IAAA,SAAS,EAAC,2EADZ;AAEE,IAAA,OAAO,EAAEL,cAFX;AAGE,IAAA,SAAS,EAAEA,cAHb;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,IAAI,EAAC;AALP,kBAOEK,6BAAC,IAAD;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,IAAI,EAAEuB,SAAS,CAACC,YAHlB;AAIE,IAAA,SAAS,EAAEC,UAAU,CAACC;AAJxB,IAPF,CAnDN,CADF;AAsED;;AAED,0CAAe1B,cAAK,CAAC2B,UAAN,CAAiB7D,sBAAjB,CAAf;;;;"}

package/OpenChannel/components/OpenChannelUI.js

@@ -1,39 +1,38 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-0fb27972.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-c9d83594.js';
 import OpenChannelInput from './OpenChannelInput.js';
 import FrozenNotification from './FrozenChannelNotification.js';
 import OpenchannelConversationHeader from './OpenChannelHeader.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-c95d2aab.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-39d43f7e.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-ccd99cfe.js';
-import '../../index-13729368.js';
-import '../../UserProfileContext-6a387a08.js';
+import '../../index-cff868a8.js';
+import '../../index-75f9b6fc.js';
+import '../../UserProfileContext-d0287bb6.js';
 import 'prop-types';
-import '../../tslib.es6-a7db0cc5.js';
-import '../../compareIds-b78d7cd6.js';
-import '../../topics-f941ba80.js';
-import '../../openChannel-dd5c9246.js';
-import '../../__bundle-7dfccc8c-03df3ada.js';
-import '../../uuid-748dae7a.js';
+import '../../tslib.es6-41c9b7f1.js';
+import '../../compareIds-e48fb1d0.js';
+import '../../topics-2773df5c.js';
+import '../../openChannel-0d900561.js';
+import '../../__bundle-7dfccc8c-36a58bd4.js';
+import '../../uuid-cd809c2c.js';
 import '../../useSendbirdStateContext.js';
-import '../../withSendBird.js';
-import '../../_rollupPluginBabelHelpers-084fb589.js';
-import '../../LocalizationContext-fb3dafcd.js';
-import '../../stringSet-d3a8a2a0.js';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-abbcef5e.js';
+import '../../LocalizationContext-4b1ec8b9.js';
+import '../../stringSet-130b5cd9.js';
 import '../../ui/MessageInput.js';
-import 'stream';
-import '../../const-40b58d8b.js';
-import '../../const-99800b8d.js';
+import '../../const-6fe536c0.js';
+import '../../const-d3857731.js';
 import '../../ui/IconButton.js';
-import '../../index-b574cc8e.js';
-import '../../index-71e2bf26.js';
+import '../../index-d6e33a8d.js';
+import '../../index-a5b58199.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/Icon.js';
-import '../../index-8e6a607b.js';
+import '../../index-aa13fe48.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Loader.js';
-import '../../index-16bed610.js';
+import '../../index-7b2f13ef.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -41,19 +40,19 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-cadde06a.js';
-import '../../utils-2e3623c0.js';
-import '../../openChannelUtils-211a679a.js';
+import '../../utils-ce5e300e.js';
+import '../../utils-c2b6ba56.js';
+import '../../openChannelUtils-41763348.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-9bf8c922.js';
+import '../../color-61b0f496.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/FileViewer.js';
-import '../../index-1d112ad4.js';
+import '../../index-87af3e7d.js';
 import '../../ui/Modal.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';

package/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","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification"],"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;;AAElB,MAAAC,KAMFC,qBAAqB,EANnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,SAAS,eAFL;AAAA,MAGJC,OAAO,aAHH;AAAA,MAIJC,SAAS,eAJL;AAAA,MAKJC,eAAe,qBALX;;AAQN,MACE,CAACJ,kBAAD,IACG,EAACA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEK,GAArB,CADH,IAEGJ,SAHL,EAIE;AACA,WAAQ,CAAAL,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACC;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIN,OAAJ,EAAa;AACX,WAAQ,CAAAL,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACNS;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACE;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIN,SAAJ,EAAe;AACb,WAAQ,CAAAP,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACG;AAApC,MAAtC,CADF;AAGD;;AAED,sBACEJ;AAAK,IAAA,SAAS,EAAEjB;AAAhB,KAEI,CAAAI,YAAY,SAAZ,IAAAA,YAAY,WAAZ,SAAA,GAAAA,YAAY,EAAZ,kBACEa,6BAACK,6BAAD,OAHN,EAOI,CAAAX,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEY,QAApB,kBACEN,6BAACO,kBAAD,OARN,eAWEP,6BAAC,sBAAD;AACE,IAAA,aAAa,EAAEd,aADjB;AAEE,IAAA,0BAA0B,EAAEG;AAF9B,IAXF,EAgBI,CAAAD,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,EAAX,kBACEY,6BAAC,gBAAD;AAAkB,IAAA,GAAG,EAAEF;AAAvB,IAjBN,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","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification"],"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;;AAElB,MAAAC,KAMFC,qBAAqB,EANnB;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,SAAS,eAFL;AAAA,MAGJC,OAAO,aAHH;AAAA,MAIJC,SAAS,eAJL;AAAA,MAKJC,eAAe,qBALX;;AAQN,MACE,CAACJ,kBAAD,IACG,EAACA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEK,GAArB,CADH,IAEGJ,SAHL,EAIE;AACA,WAAQ,CAAAL,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACC;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIN,OAAJ,EAAa;AACX,WAAQ,CAAAL,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACNS;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACE;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIN,SAAJ,EAAe;AACb,WAAQ,CAAAP,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACG;AAApC,MAAtC,CADF;AAGD;;AAED,sBACEJ;AAAK,IAAA,SAAS,EAAEjB;AAAhB,KAEI,CAAAI,YAAY,SAAZ,IAAAA,YAAY,WAAZ,SAAA,GAAAA,YAAY,EAAZ,kBACEa,6BAACK,6BAAD,OAHN,EAOI,CAAAX,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEY,QAApB,kBACEN,6BAACO,kBAAD,OARN,eAWEP,6BAAC,sBAAD;AACE,IAAA,aAAa,EAAEd,aADjB;AAEE,IAAA,0BAA0B,EAAEG;AAF9B,IAXF,EAgBI,CAAAD,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,EAAX,kBACEY,6BAAC,gBAAD;AAAkB,IAAA,GAAG,EAAEF;AAAvB,IAjBN,CADF;AAuBD;;;;"}

package/OpenChannel/context.js

@@ -1,16 +1,16 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-0fb27972.js';
-import '../UserProfileContext-6a387a08.js';
-import '../topics-f941ba80.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-c9d83594.js';
+import '../UserProfileContext-d0287bb6.js';
+import '../topics-2773df5c.js';
 import '../useSendbirdStateContext.js';
-import '../index-ccd99cfe.js';
-import '../index-13729368.js';
-import '../tslib.es6-a7db0cc5.js';
-import '../compareIds-b78d7cd6.js';
-import '../openChannel-dd5c9246.js';
-import '../__bundle-7dfccc8c-03df3ada.js';
-import '../uuid-748dae7a.js';
+import '../index-cff868a8.js';
+import '../index-75f9b6fc.js';
+import '../tslib.es6-41c9b7f1.js';
+import '../compareIds-e48fb1d0.js';
+import '../openChannel-0d900561.js';
+import '../__bundle-7dfccc8c-36a58bd4.js';
+import '../uuid-cd809c2c.js';
 import 'prop-types';
-import '../withSendBird.js';
-import '../_rollupPluginBabelHelpers-084fb589.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-abbcef5e.js';
 //# sourceMappingURL=context.js.map

package/OpenChannel.js

@@ -1,61 +1,60 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './OpenChannelProvider-0fb27972.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-c9d83594.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-fb3dafcd.js';
-import './stringSet-d3a8a2a0.js';
-import './index-13729368.js';
+import './LocalizationContext-4b1ec8b9.js';
+import './stringSet-130b5cd9.js';
+import './index-75f9b6fc.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-084fb589.js';
-import 'stream';
+import './_rollupPluginBabelHelpers-abbcef5e.js';
 import 'prop-types';
-import './const-40b58d8b.js';
-import './const-99800b8d.js';
+import './const-6fe536c0.js';
+import './const-d3857731.js';
 import './ui/IconButton.js';
-import './index-b574cc8e.js';
-import './index-71e2bf26.js';
+import './index-d6e33a8d.js';
+import './index-a5b58199.js';
 import './ui/MentionUserLabel.js';
 import './ui/Icon.js';
-import './index-8e6a607b.js';
-import './tslib.es6-a7db0cc5.js';
+import './index-aa13fe48.js';
+import './tslib.es6-41c9b7f1.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-748dae7a.js';
-import './index-c95d2aab.js';
+import './uuid-cd809c2c.js';
+import './index-39d43f7e.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-16bed610.js';
-import './index-ccd99cfe.js';
+import './index-7b2f13ef.js';
+import './index-cff868a8.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
 import './ui/UserProfile.js';
-import './withSendBird.js';
+import './withSendbird.js';
 import './sendbirdSelectors.js';
-import './topics-f941ba80.js';
-import './utils-cadde06a.js';
-import './UserProfileContext-6a387a08.js';
-import './utils-2e3623c0.js';
-import './openChannelUtils-211a679a.js';
+import './topics-2773df5c.js';
+import './utils-ce5e300e.js';
+import './UserProfileContext-d0287bb6.js';
+import './utils-c2b6ba56.js';
+import './openChannelUtils-41763348.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './color-9bf8c922.js';
+import './color-61b0f496.js';
 import './ui/DateSeparator.js';
 import './ui/FileViewer.js';
-import './index-1d112ad4.js';
+import './index-87af3e7d.js';
 import './ui/Modal.js';
 import './useSendbirdStateContext.js';
-import './compareIds-b78d7cd6.js';
-import './openChannel-dd5c9246.js';
-import './__bundle-7dfccc8c-03df3ada.js';
+import './compareIds-e48fb1d0.js';
+import './openChannel-0d900561.js';
+import './__bundle-7dfccc8c-36a58bd4.js';
 
 var OpenChannel = function OpenChannel(props) {
   return /*#__PURE__*/React__default.createElement(OpenChannelProvider, {

package/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","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,WAAW,GAA+B,SAA1CA,WAA0C,CAACC,KAAD;AAC9C,sBACEC,6BAAC,mBAAD;AACE,IAAA,UAAU,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEE,UADrB;AAEE,IAAA,wBAAwB,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,wBAFnC;AAGE,IAAA,OAAO,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,OAHlB;AAIE,IAAA,YAAY,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,YAJvB;AAKE,IAAA,uBAAuB,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,uBALlC;AAME,IAAA,uBAAuB,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,uBANlC;AAOE,IAAA,uBAAuB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,uBAPlC;AAQE,IAAA,kBAAkB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,kBAR7B;AASE,IAAA,iBAAiB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU;AAT5B,kBAWET,6BAAC,aAAD;AACE,IAAA,aAAa,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,aADxB;AAEE,IAAA,YAAY,EAAEX,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY,YAFvB;AAGE,IAAA,WAAW,EAAEZ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa,WAHtB;AAIE,IAAA,0BAA0B,EAAEb,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,0BAJrC;AAKE,IAAA,sBAAsB,EAAEd,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,sBALjC;AAME,IAAA,wBAAwB,EAAEf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB;AANnC,IAXF,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","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,WAAW,GAA+B,SAA1CA,WAA0C,CAACC,KAAD;AAC9C,sBACEC,6BAAC,mBAAD;AACE,IAAA,UAAU,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEE,UADrB;AAEE,IAAA,wBAAwB,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,wBAFnC;AAGE,IAAA,OAAO,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,OAHlB;AAIE,IAAA,YAAY,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,YAJvB;AAKE,IAAA,uBAAuB,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,uBALlC;AAME,IAAA,uBAAuB,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,uBANlC;AAOE,IAAA,uBAAuB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,uBAPlC;AAQE,IAAA,kBAAkB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,kBAR7B;AASE,IAAA,iBAAiB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU;AAT5B,kBAWET,6BAAC,aAAD;AACE,IAAA,aAAa,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,aADxB;AAEE,IAAA,YAAY,EAAEX,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY,YAFvB;AAGE,IAAA,WAAW,EAAEZ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa,WAHtB;AAIE,IAAA,0BAA0B,EAAEb,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,0BAJrC;AAKE,IAAA,sBAAsB,EAAEd,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,sBALjC;AAME,IAAA,wBAAwB,EAAEf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB;AANnC,IAXF,CADF;AAsBD;;;;"}