@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/Thread/components/ThreadMessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadMessageInput.js","sources":["../../../../src/smart-components/Thread/components/ThreadMessageInput/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { MutedState } from '@sendbird/chat/groupChannel';\n\nimport './index.scss';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport SuggestedMentionList from '../../../Channel/components/SuggestedMentionList';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport VoiceMessageInputWrapper from '../../../Channel/components/MessageInput/VoiceMessageInputWrapper';\nimport { Role } from '../../../../lib/types';\n\nexport interface ThreadMessageInputProps {\n  className?: string;\n  disabled?: boolean;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n}\n\nconst ThreadMessageInput = (\n  props: ThreadMessageInputProps,\n  ref: React.MutableRefObject<any>,\n): React.ReactElement => {\n  const {\n    className,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  const propsDisabled = props.disabled;\n  const { config } = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n  const {\n    isMentionEnabled,\n    isOnline,\n    userMention,\n    isVoiceMessageEnabled,\n  } = config;\n  const {\n    currentChannel,\n    parentMessage,\n    sendMessage,\n    sendFileMessage,\n    sendVoiceMessage,\n    isMuted,\n    isChannelFrozen,\n    allThreadMessages,\n  } = useThreadContext();\n  const messageInputRef = useRef();\n\n  const disabled = propsDisabled\n    || isMuted\n    || (!(currentChannel?.myRole === Role.OPERATOR) && isChannelFrozen) || parentMessage === null;\n\n  // mention\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n  // && !utils.isDisabledBecauseFrozen(channel)\n  // && !utils.isDisabledBecauseMuted(channel);\n\n  // Reset when changing channel\n  useEffect(() => {\n    setShowVoiceMessageInput(false);\n  }, [currentChannel?.url]);\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= userMention?.maxMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  if (currentChannel?.isBroadcast && currentChannel?.myRole !== Role.OPERATOR) {\n    return null;\n  }\n\n  return (\n    <div className={`sendbird-thread-message-input${showVoiceMessageInput ? '--voice-message' : ''} ${className}`}>\n      {\n        displaySuggestedMentionList && (\n          <SuggestedMentionList\n            targetNickname={mentionNickname}\n            inputEvent={messageInputEvent}\n            // renderUserMentionItem={renderUserMentionItem}\n            onUserItemClick={(user) => {\n              if (user) {\n                setMentionedUsers([...mentionedUsers, user]);\n              }\n              setMentionNickname('');\n              setSelectedUser(user);\n              setMessageInputEvent(null);\n            }}\n            onFocusItemChange={() => {\n              setMessageInputEvent(null);\n            }}\n            onFetchUsers={(users) => {\n              setMentionSuggestedUsers(users);\n            }}\n            ableAddMention={ableMention}\n            maxMentionCount={userMention?.maxMentionCount}\n            maxSuggestionCount={userMention?.maxSuggestionCount}\n          />\n        )\n      }\n      {\n        showVoiceMessageInput\n          ? (\n            <VoiceMessageInputWrapper\n              channel={currentChannel}\n              onSubmitClick={(recordedFile, duration) => {\n                sendVoiceMessage(recordedFile, duration, parentMessage);\n                setShowVoiceMessageInput(false);\n              }}\n              onCancelClick={() => {\n                setShowVoiceMessageInput(false);\n              }}\n            />\n          )\n          : (\n            <MessageInput\n              className=\"sendbird-thread-message-input__message-input\"\n              messageFieldId=\"sendbird-message-input-text-field--thread\"\n              disabled={disabled}\n              channel={currentChannel}\n              setMentionedUsers={setMentionedUsers}\n              channelUrl={currentChannel?.url}\n              mentionSelectedUser={selectedUser}\n              isMentionEnabled={isMentionEnabled}\n              isVoiceMessageEnabled={isVoiceMessageEnabled}\n              onVoiceMessageIconClick={() => {\n                setShowVoiceMessageInput(true);\n              }}\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n              ref={ref || messageInputRef}\n              placeholder={\n                (currentChannel?.isFrozen && !(currentChannel?.myRole === Role.OPERATOR) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n                || (currentChannel?.myMutedState === MutedState.MUTED && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT)\n                || (allThreadMessages.length > 0\n                  ? stringSet.THREAD__INPUT__REPLY_TO_THREAD\n                  : stringSet.THREAD__INPUT__REPLY_IN_THREAD\n                )\n              }\n              onStartTyping={() => {\n                currentChannel?.startTyping?.();\n              }}\n              onSendMessage={({ message, mentionTemplate }) => {\n                sendMessage({\n                  message: message,\n                  mentionedUsers,\n                  mentionTemplate: mentionTemplate,\n                  quoteMessage: parentMessage,\n                });\n                setMentionNickname('');\n                setMentionedUsers([]);\n                currentChannel?.endTyping?.();\n              }}\n              onFileUpload={(file) => {\n                sendFileMessage(file, parentMessage);\n              }}\n              onUserMentioned={(user) => {\n                if (selectedUser?.userId === user?.userId) {\n                  setSelectedUser(null);\n                  setMentionNickname('');\n                }\n              }}\n              onMentionStringChange={(mentionText) => {\n                setMentionNickname(mentionText);\n              }}\n              onMentionedUserIdsUpdated={(userIds) => {\n                setMentionedUserIds(userIds);\n              }}\n              onKeyDown={(e) => {\n                if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n                  && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n                ) {\n                  setMessageInputEvent(e);\n                  return true;\n                }\n                return false;\n              }}\n            />\n          )\n      }\n    </div>\n  );\n}\n\nexport default React.forwardRef(ThreadMessageInput);\n"],"names":["ThreadMessageInput","props","ref","className","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","propsDisabled","disabled","config","useSendbirdStateContext","stringSet","useLocalization","isMentionEnabled","isOnline","userMention","isVoiceMessageEnabled","_a","useThreadContext","currentChannel","parentMessage","sendMessage","sendFileMessage","sendVoiceMessage","isMuted","isChannelFrozen","allThreadMessages","messageInputRef","useRef","myRole","Role","OPERATOR","_b","useState","mentionNickname","setMentionNickname","_c","mentionedUsers","setMentionedUsers","_d","mentionedUserIds","setMentionedUserIds","_e","selectedUser","setSelectedUser","_f","mentionSuggestedUsers","setMentionSuggestedUsers","_g","ableMention","setAbleMention","_h","messageInputEvent","setMessageInputEvent","_j","showVoiceMessageInput","setShowVoiceMessageInput","displaySuggestedMentionList","length","useEffect","url","maxMentionCount","filter","userId","i","indexOf","splice","isBroadcast","React","createElement","concat","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","__spreadArray","onFocusItemChange","onFetchUsers","users","ableAddMention","maxSuggestionCount","VoiceMessageInputWrapper","channel","onSubmitClick","recordedFile","duration","onCancelClick","MessageInput","messageFieldId","channelUrl","mentionSelectedUser","onVoiceMessageIconClick","placeholder","isFrozen","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","myMutedState","MutedState","MUTED","MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT","THREAD__INPUT__REPLY_TO_THREAD","THREAD__INPUT__REPLY_IN_THREAD","onStartTyping","startTyping","onSendMessage","message","mentionTemplate","quoteMessage","endTyping","onFileUpload","file","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ThreadMessageInput.js","sources":["../../../../src/modules/Thread/components/ThreadMessageInput/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { MutedState } from '@sendbird/chat/groupChannel';\n\nimport './index.scss';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport SuggestedMentionList from '../../../Channel/components/SuggestedMentionList';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport VoiceMessageInputWrapper from '../../../Channel/components/MessageInput/VoiceMessageInputWrapper';\nimport { Role } from '../../../../lib/types';\n\nexport interface ThreadMessageInputProps {\n  className?: string;\n  disabled?: boolean;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n}\n\nconst ThreadMessageInput = (\n  props: ThreadMessageInputProps,\n  ref: React.MutableRefObject<any>,\n): React.ReactElement => {\n  const {\n    className,\n    renderFileUploadIcon,\n    renderVoiceMessageIcon,\n    renderSendMessageIcon,\n  } = props;\n  const propsDisabled = props.disabled;\n  const { config } = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n  const {\n    isMentionEnabled,\n    isOnline,\n    userMention,\n    isVoiceMessageEnabled,\n  } = config;\n  const {\n    currentChannel,\n    parentMessage,\n    sendMessage,\n    sendFileMessage,\n    sendVoiceMessage,\n    isMuted,\n    isChannelFrozen,\n    allThreadMessages,\n  } = useThreadContext();\n  const messageInputRef = useRef();\n\n  const disabled = propsDisabled\n    || isMuted\n    || (!(currentChannel?.myRole === Role.OPERATOR) && isChannelFrozen) || parentMessage === null;\n\n  // mention\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n  // && !utils.isDisabledBecauseFrozen(channel)\n  // && !utils.isDisabledBecauseMuted(channel);\n\n  // Reset when changing channel\n  useEffect(() => {\n    setShowVoiceMessageInput(false);\n  }, [currentChannel?.url]);\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= userMention?.maxMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  if (currentChannel?.isBroadcast && currentChannel?.myRole !== Role.OPERATOR) {\n    return null;\n  }\n\n  return (\n    <div className={`sendbird-thread-message-input${showVoiceMessageInput ? '--voice-message' : ''} ${className}`}>\n      {\n        displaySuggestedMentionList && (\n          <SuggestedMentionList\n            targetNickname={mentionNickname}\n            inputEvent={messageInputEvent}\n            // renderUserMentionItem={renderUserMentionItem}\n            onUserItemClick={(user) => {\n              if (user) {\n                setMentionedUsers([...mentionedUsers, user]);\n              }\n              setMentionNickname('');\n              setSelectedUser(user);\n              setMessageInputEvent(null);\n            }}\n            onFocusItemChange={() => {\n              setMessageInputEvent(null);\n            }}\n            onFetchUsers={(users) => {\n              setMentionSuggestedUsers(users);\n            }}\n            ableAddMention={ableMention}\n            maxMentionCount={userMention?.maxMentionCount}\n            maxSuggestionCount={userMention?.maxSuggestionCount}\n          />\n        )\n      }\n      {\n        showVoiceMessageInput\n          ? (\n            <VoiceMessageInputWrapper\n              channel={currentChannel}\n              onSubmitClick={(recordedFile, duration) => {\n                sendVoiceMessage(recordedFile, duration, parentMessage);\n                setShowVoiceMessageInput(false);\n              }}\n              onCancelClick={() => {\n                setShowVoiceMessageInput(false);\n              }}\n            />\n          )\n          : (\n            <MessageInput\n              className=\"sendbird-thread-message-input__message-input\"\n              messageFieldId=\"sendbird-message-input-text-field--thread\"\n              disabled={disabled}\n              channel={currentChannel}\n              setMentionedUsers={setMentionedUsers}\n              channelUrl={currentChannel?.url}\n              mentionSelectedUser={selectedUser}\n              isMentionEnabled={isMentionEnabled}\n              isVoiceMessageEnabled={isVoiceMessageEnabled}\n              onVoiceMessageIconClick={() => {\n                setShowVoiceMessageInput(true);\n              }}\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n              ref={ref || messageInputRef}\n              placeholder={\n                (currentChannel?.isFrozen && !(currentChannel?.myRole === Role.OPERATOR) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)\n                || (currentChannel?.myMutedState === MutedState.MUTED && stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT)\n                || (allThreadMessages.length > 0\n                  ? stringSet.THREAD__INPUT__REPLY_TO_THREAD\n                  : stringSet.THREAD__INPUT__REPLY_IN_THREAD\n                )\n              }\n              onStartTyping={() => {\n                currentChannel?.startTyping?.();\n              }}\n              onSendMessage={({ message, mentionTemplate }) => {\n                sendMessage({\n                  message: message,\n                  mentionedUsers,\n                  mentionTemplate: mentionTemplate,\n                  quoteMessage: parentMessage,\n                });\n                setMentionNickname('');\n                setMentionedUsers([]);\n                currentChannel?.endTyping?.();\n              }}\n              onFileUpload={(file) => {\n                sendFileMessage(file, parentMessage);\n              }}\n              onUserMentioned={(user) => {\n                if (selectedUser?.userId === user?.userId) {\n                  setSelectedUser(null);\n                  setMentionNickname('');\n                }\n              }}\n              onMentionStringChange={(mentionText) => {\n                setMentionNickname(mentionText);\n              }}\n              onMentionedUserIdsUpdated={(userIds) => {\n                setMentionedUserIds(userIds);\n              }}\n              onKeyDown={(e) => {\n                if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n                  && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n                ) {\n                  setMessageInputEvent(e);\n                  return true;\n                }\n                return false;\n              }}\n            />\n          )\n      }\n    </div>\n  );\n}\n\nexport default React.forwardRef(ThreadMessageInput);\n"],"names":["ThreadMessageInput","props","ref","className","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","propsDisabled","disabled","config","useSendbirdStateContext","stringSet","useLocalization","isMentionEnabled","isOnline","userMention","isVoiceMessageEnabled","currentChannel","parentMessage","sendMessage","sendFileMessage","sendVoiceMessage","isMuted","isChannelFrozen","allThreadMessages","useThreadContext","messageInputRef","useRef","myRole","Role","OPERATOR","mentionNickname","setMentionNickname","useState","mentionedUsers","setMentionedUsers","mentionedUserIds","setMentionedUserIds","selectedUser","setSelectedUser","mentionSuggestedUsers","setMentionSuggestedUsers","ableMention","setAbleMention","messageInputEvent","setMessageInputEvent","showVoiceMessageInput","setShowVoiceMessageInput","displaySuggestedMentionList","length","useEffect","url","maxMentionCount","filter","_ref","userId","i","indexOf","splice","isBroadcast","React","createElement","SuggestedMentionList","targetNickname","inputEvent","onUserItemClick","user","onFocusItemChange","onFetchUsers","users","ableAddMention","maxSuggestionCount","VoiceMessageInputWrapper","channel","onSubmitClick","recordedFile","duration","onCancelClick","MessageInput","messageFieldId","channelUrl","mentionSelectedUser","onVoiceMessageIconClick","placeholder","isFrozen","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","myMutedState","MutedState","MUTED","MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT","THREAD__INPUT__REPLY_TO_THREAD","THREAD__INPUT__REPLY_IN_THREAD","onStartTyping","_currentChannel$start","startTyping","call","onSendMessage","_ref2","_currentChannel$endTy","message","mentionTemplate","quoteMessage","endTyping","onFileUpload","file","onUserMentioned","onMentionStringChange","mentionText","onMentionedUserIdsUpdated","userIds","onKeyDown","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","forwardRef"],"mappings":"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"}

package/cjs/Thread/components/ThreadUI.js

@@ -2,44 +2,44 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-498cb747.js');
-var utils = require('../../utils-3f3c2287.js');
-var Thread_context = require('../../ThreadProvider-37f2f0a3.js');
+var LocalizationContext = require('../../LocalizationContext-af96cf5f.js');
+var utils = require('../../utils-4b74ea64.js');
+var Thread_context = require('../../ThreadProvider-572574d7.js');
 var Thread_components_ParentMessageInfo = require('./ParentMessageInfo.js');
 var Thread_components_ThreadHeader = require('./ThreadHeader.js');
 var Thread_components_ThreadList = require('./ThreadList.js');
 var Thread_components_ThreadMessageInput = require('./ThreadMessageInput.js');
 var Thread_context_types = require('../context/types.js');
-var ui_PlaceHolder = require('../../index-983f9d7a.js');
-var ui_Label = require('../../index-b8a20afd.js');
+var ui_PlaceHolder = require('../../index-ff8ea47f.js');
+var ui_Label = require('../../index-73643285.js');
 var Message_context = require('../../Message/context.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-8f4b0cfe.js');
-require('../../stringSet-061fe0c1.js');
-require('../../index-8b6bb1ee.js');
-require('../../index-71173fef.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
+require('../../stringSet-68748705.js');
+require('../../index-83d1d15e.js');
+require('../../index-f65677b1.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-617420c9.js');
+require('../../UserProfileContext-f068b0ba.js');
 require('prop-types');
 require('@sendbird/chat');
-require('../../topics-c8adbede.js');
+require('../../topics-825e5d42.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-0b4ed44c.js');
 require('@sendbird/chat/message');
-require('../../consts-8605e767.js');
-require('../../RemoveMessageModal-457b1535.js');
+require('../../consts-a5382bc1.js');
+require('../../RemoveMessageModal-15d1dcbd.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-67f813a3.js');
+require('../../index-68c57136.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-b9c2ec1f.js');
+require('../../MediaQueryContext-8ec3f647.js');
 require('./ParentMessageInfoItem.js');
-require('../../index-2ac1f908.js');
+require('../../index-f2146bae.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../color-7f7508e6.js');
+require('../../color-afeb8dc2.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
@@ -50,56 +50,57 @@ require('../../ui/SortByRow.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-cd680348.js');
+require('../../index-9d518988.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../index-ddcf90b1.js');
-require('../../index.module-cf39e3b9.js');
-require('../../tokenize-7e34a56e.js');
+require('../../index-0b344bd7.js');
+require('../../index.module-9f5edc7b.js');
+require('../../tokenize-d86ab0c7.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-1038446c.js');
+require('../../utils-d5176360.js');
 require('../../ui/Avatar.js');
 require('../../ui/LinkLabel.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-cf5867c2.js');
-require('../../_rollupPluginBabelHelpers-c2313dcd.js');
-require('../../compareIds-27f7912f.js');
-require('../../const-e22c9d25.js');
-require('../../const-61fc7be6.js');
+require('../../ChannelProvider-620bb354.js');
+require('../../compareIds-18b3b1d6.js');
+require('../../const-6691e574.js');
+require('../../const-ab0f6056.js');
 require('../../ui/FileViewer.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-beecfca4.js');
+require('../../types-24accb8d.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/MessageInput.js');
 require('dompurify');
-require('../../consts-3764bd68.js');
-require('../../consts-ad849467.js');
-require('../../consts-46fa3a3a.js');
+require('../../consts-6ec77e9a.js');
+require('../../consts-bc27beff.js');
+require('../../consts-a422c2f9.js');
 require('./ThreadListItem.js');
 require('../../ui/DateSeparator.js');
-require('../../index-0dff9958.js');
-require('../../index-a4887600.js');
-require('../../index-ac1b0ab9.js');
+require('../../index-900dd19f.js');
+require('../../index-6cb4a530.js');
+require('../../index-4ee95667.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('date-fns');
-require('../../VoiceMessageInputWrapper-43c29f38.js');
+require('../../VoiceMessageInputWrapper-db7f2b72.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-ead97d9a.js');
+require('../../index-c1de8d8f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var useMemorizedHeader = function (_a) {
-  var renderHeader = _a.renderHeader;
-  return React.useMemo(function () {
+const useMemorizedHeader = _ref => {
+  let {
+    renderHeader
+  } = _ref;
+  return React.useMemo(() => {
     if (typeof renderHeader === 'function') {
       return renderHeader();
     }
@@ -107,12 +108,14 @@ var useMemorizedHeader = function (_a) {
   }, [renderHeader]);
 };
 
-var useMemorizedParentMessageInfo = function (_a) {
-  var parentMessage = _a.parentMessage,
-    parentMessageState = _a.parentMessageState,
-    renderParentMessageInfo = _a.renderParentMessageInfo,
-    renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder;
-  return React.useMemo(function () {
+const useMemorizedParentMessageInfo = _ref => {
+  let {
+    parentMessage,
+    parentMessageState,
+    renderParentMessageInfo,
+    renderParentMessageInfoPlaceholder
+  } = _ref;
+  return React.useMemo(() => {
     if (parentMessageState === Thread_context_types.ParentMessageStateTypes.NIL || parentMessageState === Thread_context_types.ParentMessageStateTypes.LOADING || parentMessageState === Thread_context_types.ParentMessageStateTypes.INVALID) {
       if (typeof renderParentMessageInfoPlaceholder === 'function') {
         return renderParentMessageInfoPlaceholder(parentMessageState);
@@ -156,10 +159,12 @@ var useMemorizedParentMessageInfo = function (_a) {
   }, [parentMessage, parentMessageState, renderParentMessageInfo, renderParentMessageInfoPlaceholder]);
 };
 
-var useMemorizedThreadList = function (_a) {
-  var threadListState = _a.threadListState,
-    renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder;
-  return React.useMemo(function () {
+const useMemorizedThreadList = _ref => {
+  let {
+    threadListState,
+    renderThreadListPlaceHolder
+  } = _ref;
+  return React.useMemo(() => {
     if (threadListState === Thread_context_types.ThreadListStateTypes.NIL || threadListState === Thread_context_types.ThreadListStateTypes.LOADING || threadListState === Thread_context_types.ThreadListStateTypes.INVALID) {
       if (typeof renderThreadListPlaceHolder === 'function') {
         return renderThreadListPlaceHolder(threadListState);
@@ -195,67 +200,77 @@ var useMemorizedThreadList = function (_a) {
   }, [threadListState, renderThreadListPlaceHolder]);
 };
 
-var ThreadUI = function (_a) {
-  var _b, _c, _d, _e;
-  var renderHeader = _a.renderHeader,
-    renderParentMessageInfo = _a.renderParentMessageInfo,
-    renderMessage = _a.renderMessage,
-    renderMessageInput = _a.renderMessageInput,
-    renderCustomSeparator = _a.renderCustomSeparator,
-    renderParentMessageInfoPlaceholder = _a.renderParentMessageInfoPlaceholder,
-    renderThreadListPlaceHolder = _a.renderThreadListPlaceHolder,
-    renderFileUploadIcon = _a.renderFileUploadIcon,
-    renderVoiceMessageIcon = _a.renderVoiceMessageIcon,
-    renderSendMessageIcon = _a.renderSendMessageIcon;
-  var stores = useSendbirdStateContext().stores;
-  var currentUserId = (_d = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) === null || _c === void 0 ? void 0 : _c.currentUser) === null || _d === void 0 ? void 0 : _d.userId;
-  var stringSet = LocalizationContext.useLocalization().stringSet;
-  var _f = Thread_context.useThreadContext(),
-    currentChannel = _f.currentChannel,
-    allThreadMessages = _f.allThreadMessages,
-    parentMessage = _f.parentMessage,
-    parentMessageState = _f.parentMessageState,
-    threadListState = _f.threadListState,
-    hasMorePrev = _f.hasMorePrev,
-    hasMoreNext = _f.hasMoreNext,
-    fetchPrevThreads = _f.fetchPrevThreads,
-    fetchNextThreads = _f.fetchNextThreads,
-    onHeaderActionClick = _f.onHeaderActionClick,
-    onMoveToParentMessage = _f.onMoveToParentMessage;
-  var replyCount = allThreadMessages.length;
-  var isByMe = currentUserId === ((_e = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _e === void 0 ? void 0 : _e.userId);
+const ThreadUI = _ref => {
+  var _stores$sdkStore, _stores$sdkStore$sdk, _stores$sdkStore$sdk$, _parentMessage$sender;
+  let {
+    renderHeader,
+    renderParentMessageInfo,
+    renderMessage,
+    renderMessageInput,
+    renderCustomSeparator,
+    renderParentMessageInfoPlaceholder,
+    renderThreadListPlaceHolder,
+    renderFileUploadIcon,
+    renderVoiceMessageIcon,
+    renderSendMessageIcon
+  } = _ref;
+  const {
+    stores
+  } = useSendbirdStateContext();
+  const currentUserId = stores === null || stores === void 0 ? void 0 : (_stores$sdkStore = stores.sdkStore) === null || _stores$sdkStore === void 0 ? void 0 : (_stores$sdkStore$sdk = _stores$sdkStore.sdk) === null || _stores$sdkStore$sdk === void 0 ? void 0 : (_stores$sdkStore$sdk$ = _stores$sdkStore$sdk.currentUser) === null || _stores$sdkStore$sdk$ === void 0 ? void 0 : _stores$sdkStore$sdk$.userId;
+  const {
+    stringSet
+  } = LocalizationContext.useLocalization();
+  const {
+    currentChannel,
+    allThreadMessages,
+    parentMessage,
+    parentMessageState,
+    threadListState,
+    hasMorePrev,
+    hasMoreNext,
+    fetchPrevThreads,
+    fetchNextThreads,
+    onHeaderActionClick,
+    onMoveToParentMessage
+  } = Thread_context.useThreadContext();
+  const replyCount = allThreadMessages.length;
+  const isByMe = currentUserId === (parentMessage === null || parentMessage === void 0 ? void 0 : (_parentMessage$sender = parentMessage.sender) === null || _parentMessage$sender === void 0 ? void 0 : _parentMessage$sender.userId);
+
   // Memoized custom components
-  var MemorizedHeader = useMemorizedHeader({
-    renderHeader: renderHeader
+  const MemorizedHeader = useMemorizedHeader({
+    renderHeader
   });
-  var MemorizedParentMessageInfo = useMemorizedParentMessageInfo({
-    parentMessage: parentMessage,
-    parentMessageState: parentMessageState,
-    renderParentMessageInfo: renderParentMessageInfo,
-    renderParentMessageInfoPlaceholder: renderParentMessageInfoPlaceholder
+  const MemorizedParentMessageInfo = useMemorizedParentMessageInfo({
+    parentMessage,
+    parentMessageState,
+    renderParentMessageInfo,
+    renderParentMessageInfoPlaceholder // nil, loading, invalid
   });
-  var MemorizedThreadList = useMemorizedThreadList({
-    threadListState: threadListState,
-    renderThreadListPlaceHolder: renderThreadListPlaceHolder
+
+  const MemorizedThreadList = useMemorizedThreadList({
+    threadListState,
+    renderThreadListPlaceHolder
   });
+
   // scroll
-  var _g = React.useState(0),
-    scrollBottom = _g[0],
-    setScrollBottom = _g[1];
-  var scrollRef = React.useRef(null);
-  var onScroll = function (e) {
-    var element = e.target;
-    var scrollTop = element.scrollTop,
-      clientHeight = element.clientHeight,
-      scrollHeight = element.scrollHeight;
-    var threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');
-    var firstNode = threadItemNodes === null || threadItemNodes === void 0 ? void 0 : threadItemNodes[0];
+  const [scrollBottom, setScrollBottom] = React.useState(0);
+  const scrollRef = React.useRef(null);
+  const onScroll = e => {
+    const element = e.target;
+    const {
+      scrollTop,
+      clientHeight,
+      scrollHeight
+    } = element;
+    const threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');
+    const firstNode = threadItemNodes === null || threadItemNodes === void 0 ? void 0 : threadItemNodes[0];
     if (Thread_context.isAboutSame(scrollTop, 0, 10) && hasMorePrev) {
-      fetchPrevThreads(function (messages) {
-        var _a;
+      fetchPrevThreads(messages => {
         if (messages) {
           try {
-            (_a = firstNode === null || firstNode === void 0 ? void 0 : firstNode.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(firstNode, {
+            var _firstNode$scrollInto;
+            firstNode === null || firstNode === void 0 ? void 0 : (_firstNode$scrollInto = firstNode.scrollIntoView) === null || _firstNode$scrollInto === void 0 ? void 0 : _firstNode$scrollInto.call(firstNode, {
               block: 'start',
               inline: 'nearest'
             });
@@ -266,21 +281,22 @@ var ThreadUI = function (_a) {
       });
     }
     if (Thread_context.isAboutSame(clientHeight + scrollTop, scrollHeight, 10) && hasMoreNext) {
-      var scrollTop_1 = scrollTop;
-      fetchNextThreads(function (messages) {
+      const scrollTop_ = scrollTop;
+      fetchNextThreads(messages => {
         if (messages) {
           try {
-            element.scrollTop = scrollTop_1;
-            scrollRef.current.scrollTop = scrollTop_1;
+            element.scrollTop = scrollTop_;
+            scrollRef.current.scrollTop = scrollTop_;
           } catch (error) {
             //
           }
         }
       });
     }
+
     // save the lastest scroll bottom value
-    if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) {
-      var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+    if (scrollRef !== null && scrollRef !== void 0 && scrollRef.current) {
+      const current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
       setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight);
     }
   };
@@ -290,12 +306,10 @@ var ThreadUI = function (_a) {
     className: "sendbird-thread-ui__header",
     channelName: utils.getChannelTitle(currentChannel, currentUserId, stringSet),
     onActionIconClick: onHeaderActionClick,
-    onChannelNameClick: function () {
-      return onMoveToParentMessage({
-        message: parentMessage,
-        channel: currentChannel
-      });
-    }
+    onChannelNameClick: () => onMoveToParentMessage({
+      message: parentMessage,
+      channel: currentChannel
+    })
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-thread-ui--scroll",
     ref: scrollRef,
@@ -310,7 +324,7 @@ var ThreadUI = function (_a) {
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     type: ui_Label.LabelTypography.BODY_1,
     color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, "".concat(replyCount, " ").concat(replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY))), MemorizedThreadList || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadList, {
+  }, `${replyCount} ${replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY}`)), MemorizedThreadList || /*#__PURE__*/React__default["default"].createElement(Thread_components_ThreadList, {
     className: "sendbird-thread-ui__thread-list",
     allThreadMessages: allThreadMessages,
     renderMessage: renderMessage,

package/cjs/Thread/components/ThreadUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadUI.js","sources":["../../../../src/smart-components/Thread/components/ThreadUI/useMemorizedHeader.tsx","../../../../src/smart-components/Thread/components/ThreadUI/useMemorizedParentMessageInfo.tsx","../../../../src/smart-components/Thread/components/ThreadUI/useMemorizedThreadList.tsx","../../../../src/smart-components/Thread/components/ThreadUI/index.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from 'react';\n\nexport interface UseMemorizedHeaderProps {\n  renderHeader?: () => React.ReactElement;\n}\n\nconst useMemorizedHeader = ({ renderHeader }: UseMemorizedHeaderProps): ReactElement => useMemo(() => {\n  if (typeof renderHeader === 'function') {\n    return renderHeader();\n  }\n  return null;\n}, [renderHeader]);\n\nexport default useMemorizedHeader;\n","import React, { ReactElement, useMemo } from 'react';\n\nimport { ParentMessageStateTypes } from '../../types';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface UseMemorizedParentMessageInfoProps {\n  parentMessage: UserMessage | FileMessage;\n  parentMessageState: ParentMessageStateTypes;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedParentMessageInfo = ({\n  parentMessage,\n  parentMessageState,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n}: UseMemorizedParentMessageInfoProps): ReactElement => useMemo(() => {\n  if (parentMessageState === ParentMessageStateTypes.NIL\n    || parentMessageState === ParentMessageStateTypes.LOADING\n    || parentMessageState === ParentMessageStateTypes.INVALID\n  ) {\n    if (typeof renderParentMessageInfoPlaceholder === 'function') {\n      return renderParentMessageInfoPlaceholder(parentMessageState);\n    }\n    switch (parentMessageState) {\n      case ParentMessageStateTypes.NIL: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-nil\"\n            type={PlaceHolderTypes.NO_RESULTS}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  } else if (parentMessageState === ParentMessageStateTypes.INITIALIZED) {\n    if (typeof renderParentMessageInfo === 'function') {\n      return renderParentMessageInfo();\n    }\n  }\n  return null;\n}, [\n  parentMessage,\n  parentMessageState,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n]);\n\nexport default useMemorizedParentMessageInfo;\n","import React, { ReactElement, useMemo } from 'react';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nimport { ThreadListStateTypes } from '../../types';\n\nexport interface UseMemorizedThreadListProps {\n  threadListState: ThreadListStateTypes;\n  renderThreadListPlaceHolder?: (tyep: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedThreadList = ({\n  threadListState,\n  renderThreadListPlaceHolder,\n}: UseMemorizedThreadListProps): ReactElement => useMemo(() => {\n  if (threadListState === ThreadListStateTypes.NIL\n    || threadListState === ThreadListStateTypes.LOADING\n    || threadListState === ThreadListStateTypes.INVALID\n  ) {\n    if (typeof renderThreadListPlaceHolder === 'function') {\n      return renderThreadListPlaceHolder(threadListState);\n    }\n    switch (threadListState) {\n      case ThreadListStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.NIL: {\n        return <></>;\n      }\n      default: {\n        return null;\n      }\n    }\n  }\n  return null;\n}, [\n  threadListState,\n  renderThreadListPlaceHolder,\n]);\n\nexport default useMemorizedThreadList;\n","import React, { useRef, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { getChannelTitle } from '../../../Channel/components/ChannelHeader/utils';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { ParentMessageStateTypes, ThreadListStateTypes } from '../../types';\nimport ParentMessageInfo from '../ParentMessageInfo';\nimport ThreadHeader from '../ThreadHeader';\nimport ThreadList from '../ThreadList';\nimport ThreadMessageInput from '../ThreadMessageInput';\nimport useMemorizedHeader from './useMemorizedHeader';\nimport useMemorizedParentMessageInfo from './useMemorizedParentMessageInfo';\nimport useMemorizedThreadList from './useMemorizedThreadList';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { isAboutSame } from '../../context/utils';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\n\nexport interface ThreadUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderCustomSeparator?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;\n  renderThreadListPlaceHolder?: (type: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst ThreadUI: React.FC<ThreadUIProps> = ({\n  renderHeader,\n  renderParentMessageInfo,\n  renderMessage,\n  renderMessageInput,\n  renderCustomSeparator,\n  renderParentMessageInfoPlaceholder,\n  renderThreadListPlaceHolder,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ThreadUIProps): React.ReactElement => {\n  const {\n    stores,\n  } = useSendbirdStateContext();\n  const currentUserId = stores?.sdkStore?.sdk?.currentUser?.userId;\n  const {\n    stringSet,\n  } = useLocalization();\n  const {\n    currentChannel,\n    allThreadMessages,\n    parentMessage,\n    parentMessageState,\n    threadListState,\n    hasMorePrev,\n    hasMoreNext,\n    fetchPrevThreads,\n    fetchNextThreads,\n    onHeaderActionClick,\n    onMoveToParentMessage,\n  } = useThreadContext();\n  const replyCount = allThreadMessages.length;\n  const isByMe = currentUserId === parentMessage?.sender?.userId;\n\n  // Memoized custom components\n  const MemorizedHeader = useMemorizedHeader({ renderHeader });\n  const MemorizedParentMessageInfo = useMemorizedParentMessageInfo({\n    parentMessage,\n    parentMessageState,\n    renderParentMessageInfo,\n    renderParentMessageInfoPlaceholder, // nil, loading, invalid\n  });\n  const MemorizedThreadList = useMemorizedThreadList({\n    threadListState,\n    renderThreadListPlaceHolder,\n  });\n\n  // scroll\n  const [scrollBottom, setScrollBottom] = useState(0);\n  const scrollRef = useRef(null);\n  const onScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    const threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');\n    const firstNode = threadItemNodes?.[0];\n    if (isAboutSame(scrollTop, 0, 10) && hasMorePrev) {\n      fetchPrevThreads((messages) => {\n        if (messages) {\n          try {\n            firstNode?.scrollIntoView?.({ block: 'start', inline: 'nearest' });\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10) && hasMoreNext) {\n      const scrollTop_ = scrollTop;\n      fetchNextThreads((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollTop_;\n            scrollRef.current.scrollTop = scrollTop_;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    // save the lastest scroll bottom value\n    if (scrollRef?.current) {\n      const current = scrollRef?.current;\n      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight)\n    }\n  };\n\n  return (\n    <div className='sendbird-thread-ui'>\n      {\n        MemorizedHeader || (\n          <ThreadHeader\n            className=\"sendbird-thread-ui__header\"\n            channelName={getChannelTitle(currentChannel, currentUserId, stringSet)}\n            onActionIconClick={onHeaderActionClick}\n            onChannelNameClick={() => onMoveToParentMessage({ message: parentMessage, channel: currentChannel })}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-thread-ui--scroll\"\n        ref={scrollRef}\n        onScroll={onScroll}\n      >\n        <MessageProvider message={parentMessage} isByMe={isByMe}>\n          {\n            MemorizedParentMessageInfo || (\n              <ParentMessageInfo\n                className=\"sendbird-thread-ui__parent-message-info\"\n              />\n            )\n          }\n        </MessageProvider>\n        {\n          replyCount > 0 && (\n            <div className=\"sendbird-thread-ui__reply-counts\">\n              <Label\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {`${replyCount} ${replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY}`}\n              </Label>\n            </div>\n          )\n        }\n        {\n          MemorizedThreadList || (\n            <ThreadList\n              className=\"sendbird-thread-ui__thread-list\"\n              allThreadMessages={allThreadMessages}\n              renderMessage={renderMessage}\n              renderCustomSeparator={renderCustomSeparator}\n              scrollRef={scrollRef}\n              scrollBottom={scrollBottom}\n            />\n          )\n        }\n      </div>\n      {/* MessageInput */}\n      {\n        renderMessageInput?.() || (\n          <ThreadMessageInput\n            className=\"sendbird-thread-ui__message-input\"\n            renderFileUploadIcon={renderFileUploadIcon}\n            renderVoiceMessageIcon={renderVoiceMessageIcon}\n            renderSendMessageIcon={renderSendMessageIcon}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default ThreadUI;\n"],"names":["useMemorizedHeader","_a","renderHeader","useMemo","useMemorizedParentMessageInfo","parentMessage","parentMessageState","renderParentMessageInfo","renderParentMessageInfoPlaceholder","ParentMessageStateTypes","NIL","LOADING","INVALID","React","createElement","PlaceHolder","className","type","PlaceHolderTypes","NO_RESULTS","iconSize","WRONG","INITIALIZED","useMemorizedThreadList","threadListState","renderThreadListPlaceHolder","ThreadListStateTypes","Fragment","ThreadUI","renderMessage","renderMessageInput","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","stores","useSendbirdStateContext","currentUserId","_d","_b","sdkStore","sdk","currentUser","userId","stringSet","useLocalization","_f","useThreadContext","currentChannel","allThreadMessages","hasMorePrev","hasMoreNext","fetchPrevThreads","fetchNextThreads","onHeaderActionClick","onMoveToParentMessage","replyCount","length","isByMe","sender","_e","MemorizedHeader","MemorizedParentMessageInfo","MemorizedThreadList","_g","useState","scrollBottom","setScrollBottom","scrollRef","useRef","onScroll","e","element","target","scrollTop","clientHeight","scrollHeight","threadItemNodes","current","querySelectorAll","firstNode","isAboutSame","messages","scrollIntoView","call","block","inline","error","scrollTop_1","offsetHeight","ThreadHeader","channelName","getChannelTitle","onActionIconClick","onChannelNameClick","message","channel","ref","MessageProvider","ParentMessageInfo","Label","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_3","concat","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY","ThreadList","ThreadMessageInput"],"mappings":"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"}
+{"version":3,"file":"ThreadUI.js","sources":["../../../../src/modules/Thread/components/ThreadUI/useMemorizedHeader.tsx","../../../../src/modules/Thread/components/ThreadUI/useMemorizedParentMessageInfo.tsx","../../../../src/modules/Thread/components/ThreadUI/useMemorizedThreadList.tsx","../../../../src/modules/Thread/components/ThreadUI/index.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from 'react';\n\nexport interface UseMemorizedHeaderProps {\n  renderHeader?: () => React.ReactElement;\n}\n\nconst useMemorizedHeader = ({ renderHeader }: UseMemorizedHeaderProps): ReactElement => useMemo(() => {\n  if (typeof renderHeader === 'function') {\n    return renderHeader();\n  }\n  return null;\n}, [renderHeader]);\n\nexport default useMemorizedHeader;\n","import React, { ReactElement, useMemo } from 'react';\n\nimport { ParentMessageStateTypes } from '../../types';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface UseMemorizedParentMessageInfoProps {\n  parentMessage: UserMessage | FileMessage;\n  parentMessageState: ParentMessageStateTypes;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedParentMessageInfo = ({\n  parentMessage,\n  parentMessageState,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n}: UseMemorizedParentMessageInfoProps): ReactElement => useMemo(() => {\n  if (parentMessageState === ParentMessageStateTypes.NIL\n    || parentMessageState === ParentMessageStateTypes.LOADING\n    || parentMessageState === ParentMessageStateTypes.INVALID\n  ) {\n    if (typeof renderParentMessageInfoPlaceholder === 'function') {\n      return renderParentMessageInfoPlaceholder(parentMessageState);\n    }\n    switch (parentMessageState) {\n      case ParentMessageStateTypes.NIL: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-nil\"\n            type={PlaceHolderTypes.NO_RESULTS}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ParentMessageStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__parent-message-info placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      default: {\n        return null;\n      }\n    }\n  } else if (parentMessageState === ParentMessageStateTypes.INITIALIZED) {\n    if (typeof renderParentMessageInfo === 'function') {\n      return renderParentMessageInfo();\n    }\n  }\n  return null;\n}, [\n  parentMessage,\n  parentMessageState,\n  renderParentMessageInfo,\n  renderParentMessageInfoPlaceholder,\n]);\n\nexport default useMemorizedParentMessageInfo;\n","import React, { ReactElement, useMemo } from 'react';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nimport { ThreadListStateTypes } from '../../types';\n\nexport interface UseMemorizedThreadListProps {\n  threadListState: ThreadListStateTypes;\n  renderThreadListPlaceHolder?: (tyep: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst useMemorizedThreadList = ({\n  threadListState,\n  renderThreadListPlaceHolder,\n}: UseMemorizedThreadListProps): ReactElement => useMemo(() => {\n  if (threadListState === ThreadListStateTypes.NIL\n    || threadListState === ThreadListStateTypes.LOADING\n    || threadListState === ThreadListStateTypes.INVALID\n  ) {\n    if (typeof renderThreadListPlaceHolder === 'function') {\n      return renderThreadListPlaceHolder(threadListState);\n    }\n    switch (threadListState) {\n      case ThreadListStateTypes.LOADING: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-loading\"\n            type={PlaceHolderTypes.LOADING}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.INVALID: {\n        return (\n          <PlaceHolder\n            className=\"sendbird-thread-ui__thread-list placeholder-invalid\"\n            type={PlaceHolderTypes.WRONG}\n            iconSize=\"64px\"\n          />\n        );\n      }\n      case ThreadListStateTypes.NIL: {\n        return <></>;\n      }\n      default: {\n        return null;\n      }\n    }\n  }\n  return null;\n}, [\n  threadListState,\n  renderThreadListPlaceHolder,\n]);\n\nexport default useMemorizedThreadList;\n","import React, { useRef, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { getChannelTitle } from '../../../Channel/components/ChannelHeader/utils';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { ParentMessageStateTypes, ThreadListStateTypes } from '../../types';\nimport ParentMessageInfo from '../ParentMessageInfo';\nimport ThreadHeader from '../ThreadHeader';\nimport ThreadList from '../ThreadList';\nimport ThreadMessageInput from '../ThreadMessageInput';\nimport useMemorizedHeader from './useMemorizedHeader';\nimport useMemorizedParentMessageInfo from './useMemorizedParentMessageInfo';\nimport useMemorizedThreadList from './useMemorizedThreadList';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { isAboutSame } from '../../context/utils';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\n\nexport interface ThreadUIProps {\n  renderHeader?: () => React.ReactElement;\n  renderParentMessageInfo?: () => React.ReactElement;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderCustomSeparator?: () => React.ReactElement;\n  renderParentMessageInfoPlaceholder?: (type: ParentMessageStateTypes) => React.ReactElement;\n  renderThreadListPlaceHolder?: (type: ThreadListStateTypes) => React.ReactElement;\n}\n\nconst ThreadUI: React.FC<ThreadUIProps> = ({\n  renderHeader,\n  renderParentMessageInfo,\n  renderMessage,\n  renderMessageInput,\n  renderCustomSeparator,\n  renderParentMessageInfoPlaceholder,\n  renderThreadListPlaceHolder,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ThreadUIProps): React.ReactElement => {\n  const {\n    stores,\n  } = useSendbirdStateContext();\n  const currentUserId = stores?.sdkStore?.sdk?.currentUser?.userId;\n  const {\n    stringSet,\n  } = useLocalization();\n  const {\n    currentChannel,\n    allThreadMessages,\n    parentMessage,\n    parentMessageState,\n    threadListState,\n    hasMorePrev,\n    hasMoreNext,\n    fetchPrevThreads,\n    fetchNextThreads,\n    onHeaderActionClick,\n    onMoveToParentMessage,\n  } = useThreadContext();\n  const replyCount = allThreadMessages.length;\n  const isByMe = currentUserId === parentMessage?.sender?.userId;\n\n  // Memoized custom components\n  const MemorizedHeader = useMemorizedHeader({ renderHeader });\n  const MemorizedParentMessageInfo = useMemorizedParentMessageInfo({\n    parentMessage,\n    parentMessageState,\n    renderParentMessageInfo,\n    renderParentMessageInfoPlaceholder, // nil, loading, invalid\n  });\n  const MemorizedThreadList = useMemorizedThreadList({\n    threadListState,\n    renderThreadListPlaceHolder,\n  });\n\n  // scroll\n  const [scrollBottom, setScrollBottom] = useState(0);\n  const scrollRef = useRef(null);\n  const onScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      clientHeight,\n      scrollHeight,\n    } = element;\n\n    const threadItemNodes = scrollRef.current.querySelectorAll('.sendbird-thread-list-item');\n    const firstNode = threadItemNodes?.[0];\n    if (isAboutSame(scrollTop, 0, 10) && hasMorePrev) {\n      fetchPrevThreads((messages) => {\n        if (messages) {\n          try {\n            firstNode?.scrollIntoView?.({ block: 'start', inline: 'nearest' });\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    if (isAboutSame(clientHeight + scrollTop, scrollHeight, 10) && hasMoreNext) {\n      const scrollTop_ = scrollTop;\n      fetchNextThreads((messages) => {\n        if (messages) {\n          try {\n            element.scrollTop = scrollTop_;\n            scrollRef.current.scrollTop = scrollTop_;\n          } catch (error) {\n            //\n          }\n        }\n      });\n    }\n\n    // save the lastest scroll bottom value\n    if (scrollRef?.current) {\n      const current = scrollRef?.current;\n      setScrollBottom(current.scrollHeight - current.scrollTop - current.offsetHeight)\n    }\n  };\n\n  return (\n    <div className='sendbird-thread-ui'>\n      {\n        MemorizedHeader || (\n          <ThreadHeader\n            className=\"sendbird-thread-ui__header\"\n            channelName={getChannelTitle(currentChannel, currentUserId, stringSet)}\n            onActionIconClick={onHeaderActionClick}\n            onChannelNameClick={() => onMoveToParentMessage({ message: parentMessage, channel: currentChannel })}\n          />\n        )\n      }\n      <div\n        className=\"sendbird-thread-ui--scroll\"\n        ref={scrollRef}\n        onScroll={onScroll}\n      >\n        <MessageProvider message={parentMessage} isByMe={isByMe}>\n          {\n            MemorizedParentMessageInfo || (\n              <ParentMessageInfo\n                className=\"sendbird-thread-ui__parent-message-info\"\n              />\n            )\n          }\n        </MessageProvider>\n        {\n          replyCount > 0 && (\n            <div className=\"sendbird-thread-ui__reply-counts\">\n              <Label\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {`${replyCount} ${replyCount > 1 ? stringSet.THREAD__THREAD_REPLIES : stringSet.THREAD__THREAD_REPLY}`}\n              </Label>\n            </div>\n          )\n        }\n        {\n          MemorizedThreadList || (\n            <ThreadList\n              className=\"sendbird-thread-ui__thread-list\"\n              allThreadMessages={allThreadMessages}\n              renderMessage={renderMessage}\n              renderCustomSeparator={renderCustomSeparator}\n              scrollRef={scrollRef}\n              scrollBottom={scrollBottom}\n            />\n          )\n        }\n      </div>\n      {/* MessageInput */}\n      {\n        renderMessageInput?.() || (\n          <ThreadMessageInput\n            className=\"sendbird-thread-ui__message-input\"\n            renderFileUploadIcon={renderFileUploadIcon}\n            renderVoiceMessageIcon={renderVoiceMessageIcon}\n            renderSendMessageIcon={renderSendMessageIcon}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default ThreadUI;\n"],"names":["useMemorizedHeader","_ref","renderHeader","useMemo","useMemorizedParentMessageInfo","parentMessage","parentMessageState","renderParentMessageInfo","renderParentMessageInfoPlaceholder","ParentMessageStateTypes","NIL","LOADING","INVALID","React","createElement","PlaceHolder","className","type","PlaceHolderTypes","NO_RESULTS","iconSize","WRONG","INITIALIZED","useMemorizedThreadList","threadListState","renderThreadListPlaceHolder","ThreadListStateTypes","Fragment","ThreadUI","_stores$sdkStore","_stores$sdkStore$sdk","_stores$sdkStore$sdk$","_parentMessage$sender","renderMessage","renderMessageInput","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","stores","useSendbirdStateContext","currentUserId","sdkStore","sdk","currentUser","userId","stringSet","useLocalization","currentChannel","allThreadMessages","hasMorePrev","hasMoreNext","fetchPrevThreads","fetchNextThreads","onHeaderActionClick","onMoveToParentMessage","useThreadContext","replyCount","length","isByMe","sender","MemorizedHeader","MemorizedParentMessageInfo","MemorizedThreadList","scrollBottom","setScrollBottom","useState","scrollRef","useRef","onScroll","e","element","target","scrollTop","clientHeight","scrollHeight","threadItemNodes","current","querySelectorAll","firstNode","isAboutSame","messages","_firstNode$scrollInto","scrollIntoView","call","block","inline","error","scrollTop_","offsetHeight","ThreadHeader","channelName","getChannelTitle","onActionIconClick","onChannelNameClick","message","channel","ref","MessageProvider","ParentMessageInfo","Label","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_3","THREAD__THREAD_REPLIES","THREAD__THREAD_REPLY","ThreadList","ThreadMessageInput"],"mappings":"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"}

package/cjs/Thread/context/types.js

@@ -3,25 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 // Initializing status
-exports.ChannelStateTypes = void 0;
-(function (ChannelStateTypes) {
+let ChannelStateTypes = /*#__PURE__*/function (ChannelStateTypes) {
   ChannelStateTypes["NIL"] = "NIL";
   ChannelStateTypes["LOADING"] = "LOADING";
   ChannelStateTypes["INVALID"] = "INVALID";
   ChannelStateTypes["INITIALIZED"] = "INITIALIZED";
-})(exports.ChannelStateTypes || (exports.ChannelStateTypes = {}));
-exports.ParentMessageStateTypes = void 0;
-(function (ParentMessageStateTypes) {
+  return ChannelStateTypes;
+}({});
+let ParentMessageStateTypes = /*#__PURE__*/function (ParentMessageStateTypes) {
   ParentMessageStateTypes["NIL"] = "NIL";
   ParentMessageStateTypes["LOADING"] = "LOADING";
   ParentMessageStateTypes["INVALID"] = "INVALID";
   ParentMessageStateTypes["INITIALIZED"] = "INITIALIZED";
-})(exports.ParentMessageStateTypes || (exports.ParentMessageStateTypes = {}));
-exports.ThreadListStateTypes = void 0;
-(function (ThreadListStateTypes) {
+  return ParentMessageStateTypes;
+}({});
+let ThreadListStateTypes = /*#__PURE__*/function (ThreadListStateTypes) {
   ThreadListStateTypes["NIL"] = "NIL";
   ThreadListStateTypes["LOADING"] = "LOADING";
   ThreadListStateTypes["INVALID"] = "INVALID";
   ThreadListStateTypes["INITIALIZED"] = "INITIALIZED";
-})(exports.ThreadListStateTypes || (exports.ThreadListStateTypes = {}));
+  return ThreadListStateTypes;
+}({});
+
+exports.ChannelStateTypes = ChannelStateTypes;
+exports.ParentMessageStateTypes = ParentMessageStateTypes;
+exports.ThreadListStateTypes = ThreadListStateTypes;
 //# sourceMappingURL=types.js.map

package/cjs/Thread/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/smart-components/Thread/types.tsx"],"sourcesContent":["// Initializing status\nexport enum ChannelStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ParentMessageStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ThreadListStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\n"],"names":["ChannelStateTypes","ParentMessageStateTypes","ThreadListStateTypes"],"mappings":";;;;AAAA;AACYA,mCAKX;AALD,CAAA,UAAYA,iBAAiB,EAAA;AAC3BA,EAAAA,iBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALWA,yBAAiB,KAAjBA,yBAAiB,GAK5B,EAAA,CAAA,CAAA,CAAA;AACWC,yCAKX;AALD,CAAA,UAAYA,uBAAuB,EAAA;AACjCA,EAAAA,uBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,uBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,uBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,uBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALWA,+BAAuB,KAAvBA,+BAAuB,GAKlC,EAAA,CAAA,CAAA,CAAA;AACWC,sCAKX;AALD,CAAA,UAAYA,oBAAoB,EAAA;AAC9BA,EAAAA,oBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,oBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EALWA,4BAAoB,KAApBA,4BAAoB,GAK/B,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/modules/Thread/types.tsx"],"sourcesContent":["// Initializing status\nexport enum ChannelStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ParentMessageStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\nexport enum ThreadListStateTypes {\n  NIL = 'NIL',\n  LOADING = 'LOADING',\n  INVALID = 'INVALID',\n  INITIALIZED = 'INITIALIZED',\n}\n"],"names":["ChannelStateTypes","ParentMessageStateTypes","ThreadListStateTypes"],"mappings":";;;;AAAA;AACYA,IAAAA,iBAAiB,0BAAjBA,iBAAiB,EAAA;EAAjBA,iBAAiB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAjBA,iBAAiB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAjBA,iBAAiB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAjBA,iBAAiB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAjBA,iBAAiB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMjBC,IAAAA,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAvBA,uBAAuB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAvBA,uBAAuB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAvBA,uBAAuB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAvBA,uBAAuB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMvBC,IAAAA,oBAAoB,0BAApBA,oBAAoB,EAAA;EAApBA,oBAAoB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAApBA,oBAAoB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAApBA,oBAAoB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAApBA,oBAAoB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAApBA,oBAAoB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;;"}