@sendbird/uikit-react 3.6.8 → 3.6.9

package/MessageSearch/components/MessageSearchUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/modules/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_ref","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","useMessageSearchContext","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","WRONG","retryToConnect","SEARCHING","SEARCH_IN","searchInString","ref","length","message","messageType","MessageSearchFileItem","key","messageId","selected","onClick","MessageSearchItem","NO_RESULTS"],"mappings":"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"}
+{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/modules/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_ref","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","useMessageSearchContext","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","WRONG","retryToConnect","SEARCHING","SEARCH_IN","searchInString","ref","length","message","messageType","MessageSearchFileItem","key","messageId","selected","onClick","MessageSearchItem","NO_RESULTS"],"mappings":"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"}

package/MessageSearch/context.js

@@ -1,6 +1,6 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-ea73a031.js';
 import '../withSendbird.js';
 
 const GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';

package/MessageSearch.js

@@ -1,25 +1,27 @@
 import React__default, { useState, useContext, useEffect } from 'react';
 import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
-import { a as LocalizationContext } from './LocalizationContext-9a9a0064.js';
+import { a as LocalizationContext } from './LocalizationContext-c9b218d4.js';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
 import IconButton from './ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './index-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-fa19fef7.js';
 import Loader from './ui/Loader.js';
 import { MessageSearchProvider } from './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
-import './index-72d247f7.js';
-import './index-91634369.js';
-import './index-4c4b34c9.js';
-import './index-d6ceb67a.js';
+import './index-1833cc50.js';
+import './index-516ad99d.js';
+import './index-6d0ae6a0.js';
+import './index-3370a58d.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-6d982751.js';
-import './index-aa87ac03.js';
+import './uuid-9094f15c.js';
+import './index-a0bd5ef9.js';
 import './ui/MessageSearchFileItem.js';
-import './index-39eeabbb.js';
-import './_rollupPluginBabelHelpers-0f2ee8c1.js';
+import './index-c323f04b.js';
+import './_rollupPluginBabelHelpers-ea73a031.js';
 import './utils/message/getOutgoingMessageState.js';
-import './stringSet-ed242956.js';
+import './index.module-efef0194.js';
+import './utils-73dd35ca.js';
+import './stringSet-9fe06e0d.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';

package/MessageSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearch.js","sources":["../src/modules/MessageSearch/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport './index.scss';\n\nimport MessageSearch, { MessageSearchUIProps } from './components/MessageSearchUI';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../../ui/Icon';\nimport IconButton from '../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport Loader from '../../ui/Loader';\nimport { MessageSearchProvider, MessageSearchProviderProps } from './context/MessageSearchProvider';\n\nexport interface MessageSearchPannelProps extends\n  MessageSearchUIProps, MessageSearchProviderProps {\n  onResultClick?: (message) => void;\n  onCloseClick?: () => void;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';\n\nfunction MessageSearchPannel(props: MessageSearchPannelProps): JSX.Element {\n  const {\n    channelUrl,\n    onResultClick,\n    onCloseClick,\n    messageSearchQuery,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderNoString,\n    renderPlaceHolderEmptyList,\n    renderSearchItem,\n  } = props;\n\n  const [searchString, setSearchString] = useState('');\n  const [inputString, setInputString] = useState('');\n  const [loading, setLoading] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  let timeout: any = null;\n  useEffect(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      setSearchString(inputString);\n      setLoading(true);\n      timeout = null;\n    }, 500);\n  }, [inputString]);\n\n  const handleOnChangeInputString = (e) => {\n    setInputString(e.target.value);\n  };\n\n  const handleOnResultLoaded = () => {\n    setLoading(false);\n  };\n\n  const handleOnClickResetStringButton = (e) => {\n    e.stopPropagation();\n    setInputString('');\n    setSearchString('');\n  };\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      <div className={`${COMPONENT_CLASS_NAME}__header`}>\n        <Label\n          className={`${COMPONENT_CLASS_NAME}__header__title`}\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {stringSet.SEARCH_IN_CHANNEL}\n        </Label>\n        <IconButton\n          className={`${COMPONENT_CLASS_NAME}__header__close-button`}\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onCloseClick}\n        >\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            width=\"22px\"\n            height=\"22px\"\n          />\n        </IconButton>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__input`}>\n        <div className={`${COMPONENT_CLASS_NAME}__input__container`}>\n            <Icon\n              className={`${COMPONENT_CLASS_NAME}__input__container__search-icon`}\n              type={IconTypes.SEARCH}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"24px\"\n              height=\"24px\"\n            />\n            <input\n              className={`${COMPONENT_CLASS_NAME}__input__container__input-area`}\n              placeholder={stringSet.SEARCH}\n              value={inputString}\n              onChange={handleOnChangeInputString}\n            />\n            {\n              inputString && loading && (\n                <Loader\n                  className={`${COMPONENT_CLASS_NAME}__input__container__spinner`}\n                  width=\"20px\"\n                  height=\"20px\"\n                >\n                  <Icon\n                    type={IconTypes.SPINNER}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                </Loader>\n              )\n            }\n            {\n              !loading && inputString && (\n                <Icon\n                  className={`${COMPONENT_CLASS_NAME}__input__container__reset-input-button`}\n                  type={IconTypes.REMOVE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"20px\"\n                  height=\"20px\"\n                  onClick={handleOnClickResetStringButton}\n                />\n              )\n            }\n        </div>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__message-search`}>\n        <MessageSearchProvider\n          channelUrl={channelUrl}\n          searchString={searchString}\n          onResultClick={onResultClick}\n          onResultLoaded={handleOnResultLoaded}\n          messageSearchQuery={messageSearchQuery}\n        >\n          <MessageSearch\n            renderPlaceHolderError={renderPlaceHolderError}\n            renderPlaceHolderLoading={renderPlaceHolderLoading}\n            renderPlaceHolderNoString={renderPlaceHolderNoString}\n            renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n            renderSearchItem={renderSearchItem}\n          />\n        </MessageSearchProvider>\n      </div>\n    </div>\n  );\n}\n\nexport default MessageSearchPannel;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchPannel","props","channelUrl","onResultClick","onCloseClick","messageSearchQuery","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","searchString","setSearchString","useState","inputString","setInputString","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","createElement","className","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","width","height","onClick","Icon","IconTypes","CLOSE","fillColor","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","placeholder","onChange","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","onResultLoaded","MessageSearch"],"mappings":"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"}
+{"version":3,"file":"MessageSearch.js","sources":["../src/modules/MessageSearch/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport './index.scss';\n\nimport MessageSearch, { MessageSearchUIProps } from './components/MessageSearchUI';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../../ui/Icon';\nimport IconButton from '../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport Loader from '../../ui/Loader';\nimport { MessageSearchProvider, MessageSearchProviderProps } from './context/MessageSearchProvider';\n\nexport interface MessageSearchPannelProps extends\n  MessageSearchUIProps, MessageSearchProviderProps {\n  onResultClick?: (message) => void;\n  onCloseClick?: () => void;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';\n\nfunction MessageSearchPannel(props: MessageSearchPannelProps): JSX.Element {\n  const {\n    channelUrl,\n    onResultClick,\n    onCloseClick,\n    messageSearchQuery,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderNoString,\n    renderPlaceHolderEmptyList,\n    renderSearchItem,\n  } = props;\n\n  const [searchString, setSearchString] = useState('');\n  const [inputString, setInputString] = useState('');\n  const [loading, setLoading] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  let timeout: any = null;\n  useEffect(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      setSearchString(inputString);\n      setLoading(true);\n      timeout = null;\n    }, 500);\n  }, [inputString]);\n\n  const handleOnChangeInputString = (e) => {\n    setInputString(e.target.value);\n  };\n\n  const handleOnResultLoaded = () => {\n    setLoading(false);\n  };\n\n  const handleOnClickResetStringButton = (e) => {\n    e.stopPropagation();\n    setInputString('');\n    setSearchString('');\n  };\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      <div className={`${COMPONENT_CLASS_NAME}__header`}>\n        <Label\n          className={`${COMPONENT_CLASS_NAME}__header__title`}\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {stringSet.SEARCH_IN_CHANNEL}\n        </Label>\n        <IconButton\n          className={`${COMPONENT_CLASS_NAME}__header__close-button`}\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onCloseClick}\n        >\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            width=\"22px\"\n            height=\"22px\"\n          />\n        </IconButton>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__input`}>\n        <div className={`${COMPONENT_CLASS_NAME}__input__container`}>\n            <Icon\n              className={`${COMPONENT_CLASS_NAME}__input__container__search-icon`}\n              type={IconTypes.SEARCH}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"24px\"\n              height=\"24px\"\n            />\n            <input\n              className={`${COMPONENT_CLASS_NAME}__input__container__input-area`}\n              placeholder={stringSet.SEARCH}\n              value={inputString}\n              onChange={handleOnChangeInputString}\n            />\n            {\n              inputString && loading && (\n                <Loader\n                  className={`${COMPONENT_CLASS_NAME}__input__container__spinner`}\n                  width=\"20px\"\n                  height=\"20px\"\n                >\n                  <Icon\n                    type={IconTypes.SPINNER}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                </Loader>\n              )\n            }\n            {\n              !loading && inputString && (\n                <Icon\n                  className={`${COMPONENT_CLASS_NAME}__input__container__reset-input-button`}\n                  type={IconTypes.REMOVE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"20px\"\n                  height=\"20px\"\n                  onClick={handleOnClickResetStringButton}\n                />\n              )\n            }\n        </div>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__message-search`}>\n        <MessageSearchProvider\n          channelUrl={channelUrl}\n          searchString={searchString}\n          onResultClick={onResultClick}\n          onResultLoaded={handleOnResultLoaded}\n          messageSearchQuery={messageSearchQuery}\n        >\n          <MessageSearch\n            renderPlaceHolderError={renderPlaceHolderError}\n            renderPlaceHolderLoading={renderPlaceHolderLoading}\n            renderPlaceHolderNoString={renderPlaceHolderNoString}\n            renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n            renderSearchItem={renderSearchItem}\n          />\n        </MessageSearchProvider>\n      </div>\n    </div>\n  );\n}\n\nexport default MessageSearchPannel;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchPannel","props","channelUrl","onResultClick","onCloseClick","messageSearchQuery","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","searchString","setSearchString","useState","inputString","setInputString","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","createElement","className","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","width","height","onClick","Icon","IconTypes","CLOSE","fillColor","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","placeholder","onChange","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","onResultLoaded","MessageSearch"],"mappings":"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"}

package/OpenChannel/components/FrozenChannelNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-9a9a0064.js';
-import { L as Label, a as LabelTypography } from '../../index-7c1266b5.js';
-import '../../stringSet-ed242956.js';
-import '../../index-91634369.js';
+import { a as LocalizationContext } from '../../LocalizationContext-c9b218d4.js';
+import { L as Label, a as LabelTypography } from '../../index-fa19fef7.js';
+import '../../stringSet-9fe06e0d.js';
+import '../../index-516ad99d.js';
 import 'prop-types';
 
 const FrozenNotification = () => {

package/OpenChannel/components/OpenChannelHeader.js

@@ -2,20 +2,20 @@ import React__default, { useContext } from 'react';
 import Avatar from '../../ui/Avatar.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-7c1266b5.js';
-import { a as LocalizationContext } from '../../LocalizationContext-9a9a0064.js';
-import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-8fdab056.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-aebb709a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fa19fef7.js';
+import { a as LocalizationContext } from '../../LocalizationContext-c9b218d4.js';
+import { u as useOpenChannelContext, k as kFormatter } from '../../OpenChannelProvider-4f21a22d.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-532b0a77.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-6d982751.js';
+import '../../uuid-9094f15c.js';
 import 'prop-types';
-import '../../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../../stringSet-ed242956.js';
-import '../../index-91634369.js';
-import '../../index-72d247f7.js';
-import '../../UserProfileContext-9fba7a03.js';
-import '../../compareIds-c0aa8024.js';
-import '../../topics-da8f3f42.js';
+import '../../_rollupPluginBabelHelpers-ea73a031.js';
+import '../../stringSet-9fe06e0d.js';
+import '../../index-516ad99d.js';
+import '../../index-1833cc50.js';
+import '../../UserProfileContext-36e341fd.js';
+import '../../compareIds-7e93f2e7.js';
+import '../../topics-edd6182d.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../useSendbirdStateContext.js';

package/OpenChannel/components/OpenChannelInput.js

@@ -1,35 +1,35 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-9a9a0064.js';
+import { a as LocalizationContext } from '../../LocalizationContext-c9b218d4.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-8fdab056.js';
-import '../../stringSet-ed242956.js';
-import '../../index-91634369.js';
-import '../../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-4f21a22d.js';
+import '../../stringSet-9fe06e0d.js';
+import '../../index-516ad99d.js';
+import '../../_rollupPluginBabelHelpers-ea73a031.js';
 import 'prop-types';
-import '../../const-537b3aa9.js';
-import '../../const-2c36fe72.js';
+import '../../const-6c10846e.js';
+import '../../const-48ffde74.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../index-7c1266b5.js';
-import '../../index-3f6516a2.js';
+import '../../index-fa19fef7.js';
+import '../../index-2d23ff73.js';
 import 'dompurify';
-import '../../consts-c105f2e8.js';
-import '../../consts-ee08d763.js';
-import '../../consts-066d732d.js';
+import '../../consts-bd684c8d.js';
+import '../../consts-a979689d.js';
+import '../../consts-aad4bf65.js';
 import '../../ui/Icon.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../index-39eeabbb.js';
+import '../../index-c323f04b.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../tokenize-3c45100f.js';
-import '../../index.module-b694546f.js';
-import '../../index-72d247f7.js';
-import '../../UserProfileContext-9fba7a03.js';
-import '../../compareIds-c0aa8024.js';
-import '../../topics-da8f3f42.js';
+import '../../index.module-efef0194.js';
+import '../../tokenize-d34eb5c6.js';
+import '../../index-1833cc50.js';
+import '../../UserProfileContext-36e341fd.js';
+import '../../compareIds-7e93f2e7.js';
+import '../../topics-edd6182d.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-6d982751.js';
+import '../../uuid-9094f15c.js';
 
 const MessageInputWrapper = (props, ref) => {
   const {

package/OpenChannel/components/OpenChannelMessage.js

@@ -1,67 +1,69 @@
 import React__default, { useContext, useMemo, useState, useRef } from 'react';
-import { f as format } from '../../index-72d247f7.js';
+import { f as format } from '../../index-1833cc50.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-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-fa19fef7.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { i as isImage, a as isVideo, F as FileViewer } from '../../index-8017e2b5.js';
-import Modal from '../../ui/Modal.js';
-import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-9a9a0064.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-8fdab056.js';
+import { i as isImage, a as isVideo, F as FileViewer } from '../../index-b346dc02.js';
+import { Modal } from '../../ui/Modal.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-c9b218d4.js';
+import { g as getModalDeleteMessageTitle } from '../../stringFormatterUtils-beea8d82.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-4f21a22d.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../index-91634369.js';
-import '../../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../../index-516ad99d.js';
+import '../../_rollupPluginBabelHelpers-ea73a031.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
 import 'prop-types';
-import '../../uuid-6d982751.js';
+import '../../uuid-9094f15c.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-39eeabbb.js';
+import '../../index-c323f04b.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../stringSet-ed242956.js';
+import '../../index.module-efef0194.js';
+import '../../stringSet-9fe06e0d.js';
 import '../../ui/IconButton.js';
 import '../../ui/Loader.js';
 import '../../ui/UserProfile.js';
-import '../../UserProfileContext-9fba7a03.js';
+import '../../UserProfileContext-36e341fd.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-da8f3f42.js';
-import '../../utils-40781609.js';
+import '../../topics-edd6182d.js';
+import '../../utils-1bfac67e.js';
 import '../../ui/Button.js';
-import '../../utils-373b8143.js';
-import '../../index-40e8e312.js';
-import '../../MediaQueryContext-aebb709a.js';
-import '../../useLongPress-0189f9c3.js';
+import '../../utils-a184f6ea.js';
+import '../../index-526cbeea.js';
+import '../../MediaQueryContext-532b0a77.js';
+import '../../useLongPress-4b698dbb.js';
 import '../../ui/LinkLabel.js';
-import '../../index-d972c8e3.js';
-import '../../index.module-b694546f.js';
-import '../../tokenize-3c45100f.js';
+import '../../index-9083293d.js';
+import '../../tokenize-d34eb5c6.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/TextButton.js';
-import '../../color-65ef45d7.js';
-import '../../const-537b3aa9.js';
-import '../../const-2c36fe72.js';
-import '../../index-3f6516a2.js';
+import '../../color-4cef414f.js';
+import '../../const-6c10846e.js';
+import '../../const-48ffde74.js';
+import '../../index-2d23ff73.js';
 import 'dompurify';
-import '../../consts-c105f2e8.js';
-import '../../consts-ee08d763.js';
-import '../../consts-066d732d.js';
+import '../../consts-bd684c8d.js';
+import '../../consts-a979689d.js';
+import '../../consts-aad4bf65.js';
 import '../../withSendbird.js';
-import '../../index-d16a8084.js';
-import '../../consts-397a92f1.js';
-import '../../compareIds-c0aa8024.js';
+import '../../index-e2afa53f.js';
+import '../../consts-439d56b4.js';
+import '../../compareIds-7e93f2e7.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 
 function RemoveMessageModal(_ref) {
   let {
+    message,
     onCloseModal,
     onDeleteMessage
   } = _ref;
@@ -72,7 +74,7 @@ function RemoveMessageModal(_ref) {
     onCancel: onCloseModal,
     onSubmit: onDeleteMessage,
     submitText: stringSet.MESSAGE_MENU__DELETE,
-    titleText: stringSet.MODAL__DELETE_MESSAGE__TITLE
+    titleText: getModalDeleteMessageTitle(stringSet, message)
   });
 }
 
@@ -263,6 +265,7 @@ function MessagOpenChannelMessageeHoc(props) {
   }[getMessageType(message, {
     isOgMessageEnabledInOpenChannel
   })], showRemove && /*#__PURE__*/React__default.createElement(RemoveMessageModal, {
+    message: message,
     onCloseModal: () => setShowRemove(false),
     onDeleteMessage: () => {
       if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {

package/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 { 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","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            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","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","createElement","Modal","onCancel","onSubmit","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","message","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 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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"}

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,67 +1,68 @@
 import React__default, { useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-d6ceb67a.js';
+import { i as isSameDay } from '../../index-3370a58d.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-aa87ac03.js';
-import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-8fdab056.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a0bd5ef9.js';
+import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-4f21a22d.js';
 import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
 import { MessageProvider } from '../../Message/context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { a as useHandleOnScrollCallback } from '../../index-4236c5c8.js';
-import '../../index-72d247f7.js';
-import '../../index-91634369.js';
+import { a as useHandleOnScrollCallback } from '../../index-320a1756.js';
+import '../../index-1833cc50.js';
+import '../../index-516ad99d.js';
 import 'prop-types';
-import '../../LocalizationContext-9a9a0064.js';
-import '../../stringSet-ed242956.js';
-import '../../index-7c1266b5.js';
+import '../../LocalizationContext-c9b218d4.js';
+import '../../stringSet-9fe06e0d.js';
+import '../../index-fa19fef7.js';
 import '../../ui/Loader.js';
-import '../../UserProfileContext-9fba7a03.js';
-import '../../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../../compareIds-c0aa8024.js';
-import '../../topics-da8f3f42.js';
+import '../../UserProfileContext-36e341fd.js';
+import '../../_rollupPluginBabelHelpers-ea73a031.js';
+import '../../compareIds-7e93f2e7.js';
+import '../../topics-edd6182d.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-6d982751.js';
+import '../../uuid-9094f15c.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-39eeabbb.js';
+import '../../index-c323f04b.js';
 import '../../utils/message/getOutgoingMessageState.js';
+import '../../index.module-efef0194.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-40781609.js';
+import '../../utils-1bfac67e.js';
 import '../../ui/Button.js';
-import '../../utils-373b8143.js';
-import '../../index-40e8e312.js';
-import '../../MediaQueryContext-aebb709a.js';
-import '../../useLongPress-0189f9c3.js';
+import '../../utils-a184f6ea.js';
+import '../../index-526cbeea.js';
+import '../../MediaQueryContext-532b0a77.js';
+import '../../useLongPress-4b698dbb.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
-import '../../index-d972c8e3.js';
-import '../../index.module-b694546f.js';
-import '../../tokenize-3c45100f.js';
+import '../../index-9083293d.js';
+import '../../tokenize-d34eb5c6.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-65ef45d7.js';
+import '../../color-4cef414f.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
-import '../../const-537b3aa9.js';
-import '../../const-2c36fe72.js';
-import '../../index-3f6516a2.js';
+import '../../const-6c10846e.js';
+import '../../const-48ffde74.js';
+import '../../index-2d23ff73.js';
 import 'dompurify';
-import '../../consts-c105f2e8.js';
-import '../../consts-ee08d763.js';
-import '../../consts-066d732d.js';
-import '../../index-8017e2b5.js';
-import '../../index-d16a8084.js';
-import '../../consts-397a92f1.js';
+import '../../consts-bd684c8d.js';
+import '../../consts-a979689d.js';
+import '../../consts-aad4bf65.js';
+import '../../index-b346dc02.js';
+import '../../index-e2afa53f.js';
+import '../../consts-439d56b4.js';
 import '../../ui/Modal.js';
+import '../../stringFormatterUtils-beea8d82.js';
 import '../../withSendbird.js';
 
 function OpenchannelMessageList(props, ref) {