@sendbird/uikit-react 3.5.0-mobile-web-0 → 3.5.0-mobile-rc-2

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

@@ -1 +1 @@
-{"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';\nimport { useDirtyGetMentions } from '../../../Message/hooks/useDirtyGetMentions';\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    logger,\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 [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  const mentionNodes = useDirtyGetMentions({ ref: ref || messageInputRef }, { logger });\n  const ableMention = mentionNodes?.length < userMention?.maxMentionCount;\n\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","logger","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","messageInputEvent","setMessageInputEvent","showVoiceMessageInput","setShowVoiceMessageInput","displaySuggestedMentionList","length","useEffect","url","mentionNodes","useDirtyGetMentions","ableMention","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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"}
+{"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';\nimport { useDirtyGetMentions } from '../../../Message/hooks/useDirtyGetMentions';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../../Channel/context/utils';\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    logger,\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 [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isDisabledBecauseFrozen(currentChannel)\n    && !isDisabledBecauseMuted(currentChannel)\n    && !currentChannel?.isBroadcast;\n\n  // Reset when changing channel\n  useEffect(() => {\n    setShowVoiceMessageInput(false);\n  }, [currentChannel?.url]);\n\n  const mentionNodes = useDirtyGetMentions({ ref: ref || messageInputRef }, { logger });\n  const ableMention = mentionNodes?.length < userMention?.maxMentionCount;\n\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","logger","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","messageInputEvent","setMessageInputEvent","showVoiceMessageInput","setShowVoiceMessageInput","displaySuggestedMentionList","length","isDisabledBecauseFrozen","isDisabledBecauseMuted","isBroadcast","useEffect","url","mentionNodes","useDirtyGetMentions","ableMention","maxMentionCount","filter","_ref","userId","i","indexOf","splice","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAkB,GAAGA,CACzBC,KAA8B,EAC9BC,GAAgC,KACT;EACvB,MAAM;IACJC,SAAS;IACTC,oBAAoB;IACpBC,sBAAsB;AACtBC,IAAAA,qBAAAA;AACF,GAAC,GAAGL,KAAK,CAAA;AACT,EAAA,MAAMM,aAAa,GAAGN,KAAK,CAACO,QAAQ,CAAA;EACpC,MAAM;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,uBAAuB,EAAE,CAAA;EAC5C,MAAM;AAAEC,IAAAA,SAAAA;GAAW,GAAGC,mCAAe,EAAE,CAAA;EACvC,MAAM;IACJC,gBAAgB;IAChBC,QAAQ;IACRC,WAAW;IACXC,qBAAqB;AACrBC,IAAAA,MAAAA;AACF,GAAC,GAAGR,MAAM,CAAA;EACV,MAAM;IACJS,cAAc;IACdC,aAAa;IACbC,WAAW;IACXC,eAAe;IACfC,gBAAgB;IAChBC,OAAO;IACPC,eAAe;AACfC,IAAAA,iBAAAA;GACD,GAAGC,+BAAgB,EAAE,CAAA;EACtB,MAAMC,eAAe,GAAGC,YAAM,EAAE,CAAA;EAEhC,MAAMpB,QAAQ,GAAGD,aAAa,IACzBgB,OAAO,IACN,EAAE,CAAAL,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEW,MAAM,MAAKC,UAAI,CAACC,QAAQ,CAAC,IAAIP,eAAgB,IAAIL,aAAa,KAAK,IAAI,CAAA;;AAE/F;EACA,MAAM,CAACa,eAAe,EAAEC,kBAAkB,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC,CAAA;EAC1D,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGF,cAAQ,CAAC,EAAE,CAAC,CAAA;EACxD,MAAM,CAACG,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGJ,cAAQ,CAAC,EAAE,CAAC,CAAA;EAC5D,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGN,cAAQ,CAAC,IAAI,CAAC,CAAA;EACtD,MAAM,CAACO,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGR,cAAQ,CAAC,EAAE,CAAC,CAAA;EACtE,MAAM,CAACS,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGV,cAAQ,CAAC,IAAI,CAAC,CAAA;EAChE,MAAM,CAACW,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGZ,cAAQ,CAAC,KAAK,CAAC,CAAA;AACzE,EAAA,MAAMa,2BAA2B,GAAGjC,QAAQ,IACvCD,gBAAgB,IAChBmB,eAAe,CAACgB,MAAM,GAAG,CAAC,IAC1B,CAACC,uCAAuB,CAAC/B,cAAc,CAAC,IACxC,CAACgC,sCAAsB,CAAChC,cAAc,CAAC,IACvC,EAACA,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,CAAEiC,WAAW,CAAA,CAAA;;AAEjC;AACAC,EAAAA,eAAS,CAAC,MAAM;IACdN,wBAAwB,CAAC,KAAK,CAAC,CAAA;GAChC,EAAE,CAAC5B,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEmC,GAAG,CAAC,CAAC,CAAA;EAEzB,MAAMC,YAAY,GAAGC,uCAAmB,CAAC;IAAErD,GAAG,EAAEA,GAAG,IAAIyB,eAAAA;AAAgB,GAAC,EAAE;AAAEV,IAAAA,MAAAA;AAAO,GAAC,CAAC,CAAA;AACrF,EAAA,MAAMuC,WAAW,GAAG,CAAAF,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEN,MAAM,KAAGjC,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAE0C,eAAe,CAAA,CAAA;AAEvEL,EAAAA,eAAS,CAAC,MAAM;AACdhB,IAAAA,iBAAiB,CAACD,cAAc,CAACuB,MAAM,CAACC,IAAA,IAAgB;MAAA,IAAf;AAAEC,QAAAA,MAAAA;AAAO,OAAC,GAAAD,IAAA,CAAA;AACjD,MAAA,MAAME,CAAC,GAAGxB,gBAAgB,CAACyB,OAAO,CAACF,MAAM,CAAC,CAAA;MAC1C,IAAIC,CAAC,GAAG,CAAC,EAAE;AACT,QAAA,OAAO,KAAK,CAAA;AACd,OAAC,MAAM;AACLxB,QAAAA,gBAAgB,CAAC0B,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC,CAAA;AAC7B,QAAA,OAAO,IAAI,CAAA;AACb,OAAA;AACF,KAAC,CAAC,CAAC,CAAA;AACL,GAAC,EAAE,CAACxB,gBAAgB,CAAC,CAAC,CAAA;EAEtB,IAAInB,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAEiC,WAAW,IAAI,CAAAjC,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEW,MAAM,MAAKC,UAAI,CAACC,QAAQ,EAAE;AAC3E,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,oBACEiC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAK9D,SAAS,EAAG,gCAA+B0C,qBAAqB,GAAG,iBAAiB,GAAG,EAAG,IAAG1C,SAAU,CAAA,CAAA;AAAE,GAAA,EAE1G4C,2BAA2B,iBACzBiB,yBAAA,CAAAC,aAAA,CAACC,uCAAoB,EAAA;AACnBC,IAAAA,cAAc,EAAEnC,eAAgB;AAChCoC,IAAAA,UAAU,EAAEzB,iBAAAA;AACZ;AAAA;IACA0B,eAAe,EAAGC,IAAI,IAAK;AACzB,MAAA,IAAIA,IAAI,EAAE;AACRlC,QAAAA,iBAAiB,CAAC,CAAC,GAAGD,cAAc,EAAEmC,IAAI,CAAC,CAAC,CAAA;AAC9C,OAAA;MACArC,kBAAkB,CAAC,EAAE,CAAC,CAAA;MACtBO,eAAe,CAAC8B,IAAI,CAAC,CAAA;MACrB1B,oBAAoB,CAAC,IAAI,CAAC,CAAA;KAC1B;IACF2B,iBAAiB,EAAEA,MAAM;MACvB3B,oBAAoB,CAAC,IAAI,CAAC,CAAA;KAC1B;IACF4B,YAAY,EAAGC,KAAK,IAAK;MACvB/B,wBAAwB,CAAC+B,KAAK,CAAC,CAAA;KAC/B;AACFC,IAAAA,cAAc,EAAElB,WAAY;AAC5BC,IAAAA,eAAe,EAAE1C,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAE0C,eAAgB;AAC9CkB,IAAAA,kBAAkB,EAAE5D,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAE4D,kBAAAA;AAAmB,GAAA,CAEvD,EAGD9B,qBAAqB,gBAEjBmB,yBAAA,CAAAC,aAAA,CAACW,iDAAwB,EAAA;AACvBC,IAAAA,OAAO,EAAE3D,cAAe;AACxB4D,IAAAA,aAAa,EAAEA,CAACC,YAAY,EAAEC,QAAQ,KAAK;AACzC1D,MAAAA,gBAAgB,CAACyD,YAAY,EAAEC,QAAQ,EAAE7D,aAAa,CAAC,CAAA;MACvD2B,wBAAwB,CAAC,KAAK,CAAC,CAAA;KAC/B;IACFmC,aAAa,EAAEA,MAAM;MACnBnC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AACjC,KAAA;AAAE,GAAA,CACF,gBAGFkB,yBAAA,CAAAC,aAAA,CAACiB,eAAY,EAAA;AACX/E,IAAAA,SAAS,EAAC,8CAA8C;AACxDgF,IAAAA,cAAc,EAAC,2CAA2C;AAC1D3E,IAAAA,QAAQ,EAAEA,QAAS;AACnBqE,IAAAA,OAAO,EAAE3D,cAAe;AACxBkB,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCgD,IAAAA,UAAU,EAAElE,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEmC,GAAI;AAChCgC,IAAAA,mBAAmB,EAAE9C,YAAa;AAClC1B,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCG,IAAAA,qBAAqB,EAAEA,qBAAsB;IAC7CsE,uBAAuB,EAAEA,MAAM;MAC7BxC,wBAAwB,CAAC,IAAI,CAAC,CAAA;KAC9B;AACF1C,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,qBAAqB,EAAEA,qBAAsB;IAC7CJ,GAAG,EAAEA,GAAG,IAAIyB,eAAgB;IAC5B4D,WAAW,EACR,CAAArE,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEsE,QAAQ,KAAI,EAAE,CAAAtE,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEW,MAAM,MAAKC,UAAI,CAACC,QAAQ,CAAC,IAAIpB,SAAS,CAAC8E,qCAAqC,IACvH,CAAAvE,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEwE,YAAY,MAAKC,uBAAU,CAACC,KAAK,IAAIjF,SAAS,CAACkF,wCAAyC,KACxGpE,iBAAiB,CAACuB,MAAM,GAAG,CAAC,GAC5BrC,SAAS,CAACmF,8BAA8B,GACxCnF,SAAS,CAACoF,8BAA8B,CAE7C;IACDC,aAAa,EAAEA,MAAM;AAAA,MAAA,IAAAC,qBAAA,CAAA;AACnB/E,MAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA+E,qBAAA,GAAd/E,cAAc,CAAEgF,WAAW,MAAAD,IAAAA,IAAAA,qBAAA,uBAA3BA,qBAAA,CAAAE,IAAA,CAAAjF,cAAc,CAAiB,CAAA;KAC/B;IACFkF,aAAa,EAAEC,KAAA,IAAkC;AAAA,MAAA,IAAAC,qBAAA,CAAA;MAAA,IAAjC;QAAEC,OAAO;AAAEC,QAAAA,eAAAA;AAAgB,OAAC,GAAAH,KAAA,CAAA;AAC1CjF,MAAAA,WAAW,CAAC;AACVmF,QAAAA,OAAO,EAAEA,OAAO;QAChBpE,cAAc;AACdqE,QAAAA,eAAe,EAAEA,eAAe;AAChCC,QAAAA,YAAY,EAAEtF,aAAAA;AAChB,OAAC,CAAC,CAAA;MACFc,kBAAkB,CAAC,EAAE,CAAC,CAAA;MACtBG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AACrBlB,MAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAoF,qBAAA,GAAdpF,cAAc,CAAEwF,SAAS,MAAAJ,IAAAA,IAAAA,qBAAA,uBAAzBA,qBAAA,CAAAH,IAAA,CAAAjF,cAAc,CAAe,CAAA;KAC7B;IACFyF,YAAY,EAAGC,IAAI,IAAK;AACtBvF,MAAAA,eAAe,CAACuF,IAAI,EAAEzF,aAAa,CAAC,CAAA;KACpC;IACF0F,eAAe,EAAGvC,IAAI,IAAK;AACzB,MAAA,IAAI,CAAA/B,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEqB,MAAM,OAAKU,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEV,MAAM,CAAE,EAAA;QACzCpB,eAAe,CAAC,IAAI,CAAC,CAAA;QACrBP,kBAAkB,CAAC,EAAE,CAAC,CAAA;AACxB,OAAA;KACA;IACF6E,qBAAqB,EAAGC,WAAW,IAAK;MACtC9E,kBAAkB,CAAC8E,WAAW,CAAC,CAAA;KAC/B;IACFC,yBAAyB,EAAGC,OAAO,IAAK;MACtC3E,mBAAmB,CAAC2E,OAAO,CAAC,CAAA;KAC5B;IACFC,SAAS,EAAGC,CAAC,IAAK;AAChB,MAAA,IAAIpE,2BAA2B,IAAI,CAAAN,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAqB,CAAEO,MAAM,IAAG,CAAC,KAC7DmE,CAAC,CAACC,GAAG,KAAKC,uBAAgB,CAACC,KAAK,IAAI9D,WAAW,IAAK2D,CAAC,CAACC,GAAG,KAAKC,uBAAgB,CAACE,OAAO,IAAIJ,CAAC,CAACC,GAAG,KAAKC,uBAAgB,CAACG,SAAS,CAAC,EACpI;QACA5E,oBAAoB,CAACuE,CAAC,CAAC,CAAA;AACvB,QAAA,OAAO,IAAI,CAAA;AACb,OAAA;AACA,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AAAE,GAAA,CAEL,CAED,CAAA;AAEV,CAAC,CAAA;AAED,2BAAA,aAAenD,yBAAK,CAACyD,UAAU,CAACzH,kBAAkB,CAAC;;;;"}

package/cjs/Thread/components/ThreadUI.js

@@ -2,49 +2,49 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-461a0816.js');
-var utils = require('../../utils-f1c09ec3.js');
-var Thread_context = require('../../ThreadProvider-e2098298.js');
+var LocalizationContext = require('../../LocalizationContext-08e5c17b.js');
+var utils = require('../../utils-7e57a1c0.js');
+var Thread_context = require('../../ThreadProvider-11d14c8b.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-420b8e6d.js');
-var ui_Label = require('../../index-44186883.js');
+var ui_PlaceHolder = require('../../index-5dd3d0d6.js');
+var ui_Label = require('../../index-dc79adcc.js');
 var Message_context = require('../../Message/context.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-919a4db3.js');
-require('../../stringSet-d1cee26a.js');
-require('../../index-5e6194f8.js');
-require('../../index-60bf4d5c.js');
+require('../../_rollupPluginBabelHelpers-36df1dd2.js');
+require('../../stringSet-f096ea52.js');
+require('../../index-66390034.js');
+require('../../index-963a1cb0.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-1bcc48a2.js');
+require('../../UserProfileContext-7a6236bc.js');
 require('prop-types');
 require('@sendbird/chat');
-require('../../topics-00c67dd6.js');
+require('../../topics-3c26f8b2.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-d86ea01f.js');
+require('../../uuid-982f480d.js');
 require('@sendbird/chat/message');
-require('../../consts-6f02fcc4.js');
-require('../../RemoveMessageModal-29fa1a05.js');
+require('../../consts-df560049.js');
+require('../../RemoveMessageModal-4893cb9d.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-7a68d56f.js');
+require('../../index-43dc753a.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-de7c63bc.js');
+require('../../MediaQueryContext-456e731e.js');
 require('./ParentMessageInfoItem.js');
-require('../../index-bca3d144.js');
+require('../../index-afdcc71c.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/TextButton.js');
-require('../../color-48ff06b2.js');
+require('../../color-529206b1.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-4c2e9a3b.js');
-require('../../utils-3dacb9bc.js');
+require('../../useLongPress-a69973fa.js');
+require('../../utils-16920dec.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/BottomSheet.js');
@@ -59,45 +59,45 @@ require('../../ui/TooltipWrapper.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-6a46ed00.js');
+require('../../index-7f58f1fb.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../index-f4682499.js');
-require('../../index.module-10ef9afc.js');
-require('../../tokenize-d3bb1637.js');
+require('../../index-2c2b84d3.js');
+require('../../index.module-76c961aa.js');
+require('../../tokenize-64ea0c48.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
+require('../../ChannelProvider-922c546f.js');
+require('../../compareIds-bce52f6f.js');
+require('../../const-f45b8147.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-b6890429.js');
-require('../../compareIds-8ed822c1.js');
-require('../../const-852d5677.js');
-require('../../const-49de651c.js');
+require('../../const-12d439f2.js');
 require('../../ui/FileViewer.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-2e9e46b2.js');
+require('../../types-81799612.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/MessageInput.js');
 require('dompurify');
-require('../../consts-e9ee4cf4.js');
-require('../../consts-2580246d.js');
-require('../../consts-5851f376.js');
-require('../../index-f5399132.js');
-require('../../useDirtyGetMentions-7b6c8a19.js');
+require('../../consts-e2998e23.js');
+require('../../consts-47075b32.js');
+require('../../consts-513030e5.js');
+require('../../index-3ca314da.js');
+require('../../useDirtyGetMentions-35357ca8.js');
 require('./ThreadListItem.js');
 require('../../ui/DateSeparator.js');
-require('../../index-a7025294.js');
-require('../../index-60ea6503.js');
-require('../../index-849c0736.js');
+require('../../index-738bdba1.js');
+require('../../index-d246f067.js');
+require('../../index-7eab3b18.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-f18d6a5e.js');
+require('../../VoiceMessageInputWrapper-42361701.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-0126dbb4.js');
+require('../../index-bed4f92e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Thread/context.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var Thread_context = require('../ThreadProvider-e2098298.js');
-require('../UserProfileContext-1bcc48a2.js');
+var Thread_context = require('../ThreadProvider-11d14c8b.js');
+require('../UserProfileContext-7a6236bc.js');
 require('../useSendbirdStateContext.js');
-require('../index-60bf4d5c.js');
-require('../index-5e6194f8.js');
+require('../index-963a1cb0.js');
+require('../index-66390034.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../_rollupPluginBabelHelpers-919a4db3.js');
+require('../_rollupPluginBabelHelpers-36df1dd2.js');
 require('./context/types.js');
 require('@sendbird/chat');
-require('../topics-00c67dd6.js');
+require('../topics-3c26f8b2.js');
 require('@sendbird/chat/groupChannel');
-require('../uuid-d86ea01f.js');
+require('../uuid-982f480d.js');
 require('@sendbird/chat/message');
-require('../consts-6f02fcc4.js');
+require('../consts-df560049.js');
 require('prop-types');
 require('../withSendbird.js');
 

package/cjs/Thread.js

@@ -1,46 +1,46 @@
 'use strict';
 
 var React = require('react');
-var Thread_context = require('./ThreadProvider-e2098298.js');
+var Thread_context = require('./ThreadProvider-11d14c8b.js');
 var Thread_components_ThreadUI = require('./Thread/components/ThreadUI.js');
-require('./index-60bf4d5c.js');
-require('./index-5e6194f8.js');
+require('./index-963a1cb0.js');
+require('./index-66390034.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./UserProfileContext-1bcc48a2.js');
+require('./UserProfileContext-7a6236bc.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-919a4db3.js');
+require('./_rollupPluginBabelHelpers-36df1dd2.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
-require('./topics-00c67dd6.js');
+require('./topics-3c26f8b2.js');
 require('@sendbird/chat/groupChannel');
-require('./uuid-d86ea01f.js');
+require('./uuid-982f480d.js');
 require('@sendbird/chat/message');
-require('./consts-6f02fcc4.js');
-require('./LocalizationContext-461a0816.js');
-require('./stringSet-d1cee26a.js');
-require('./utils-f1c09ec3.js');
-require('./index-44186883.js');
+require('./consts-df560049.js');
+require('./LocalizationContext-08e5c17b.js');
+require('./stringSet-f096ea52.js');
+require('./utils-7e57a1c0.js');
+require('./index-dc79adcc.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./RemoveMessageModal-29fa1a05.js');
+require('./RemoveMessageModal-4893cb9d.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-7a68d56f.js');
+require('./index-43dc753a.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-de7c63bc.js');
+require('./MediaQueryContext-456e731e.js');
 require('./Thread/components/ParentMessageInfoItem.js');
-require('./index-bca3d144.js');
+require('./index-afdcc71c.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./color-48ff06b2.js');
+require('./color-529206b1.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
-require('./useLongPress-4c2e9a3b.js');
-require('./utils-3dacb9bc.js');
+require('./useLongPress-a69973fa.js');
+require('./utils-16920dec.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./ui/BottomSheet.js');
@@ -56,38 +56,38 @@ require('./Message/context.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./index-6a46ed00.js');
+require('./index-7f58f1fb.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./ui/Loader.js');
-require('./index-f4682499.js');
-require('./index.module-10ef9afc.js');
-require('./tokenize-d3bb1637.js');
+require('./index-2c2b84d3.js');
+require('./index.module-76c961aa.js');
+require('./tokenize-64ea0c48.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
+require('./ChannelProvider-922c546f.js');
+require('./compareIds-bce52f6f.js');
+require('./const-f45b8147.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./ChannelProvider-b6890429.js');
-require('./compareIds-8ed822c1.js');
-require('./const-852d5677.js');
-require('./const-49de651c.js');
+require('./const-12d439f2.js');
 require('./ui/FileViewer.js');
 require('./ui/MessageItemMenu.js');
-require('./types-2e9e46b2.js');
+require('./types-81799612.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/MessageInput.js');
 require('dompurify');
-require('./consts-e9ee4cf4.js');
-require('./consts-2580246d.js');
-require('./consts-5851f376.js');
-require('./index-f5399132.js');
-require('./useDirtyGetMentions-7b6c8a19.js');
+require('./consts-e2998e23.js');
+require('./consts-47075b32.js');
+require('./consts-513030e5.js');
+require('./index-3ca314da.js');
+require('./useDirtyGetMentions-35357ca8.js');
 require('./Thread/components/ThreadHeader.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
 require('./ui/DateSeparator.js');
-require('./index-a7025294.js');
-require('./index-60ea6503.js');
-require('./index-849c0736.js');
+require('./index-738bdba1.js');
+require('./index-d246f067.js');
+require('./index-7eab3b18.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
@@ -95,10 +95,10 @@ require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./VoiceMessageInputWrapper-f18d6a5e.js');
+require('./VoiceMessageInputWrapper-42361701.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./index-0126dbb4.js');
-require('./index-420b8e6d.js');
+require('./index-bed4f92e.js');
+require('./index-5dd3d0d6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/{ThreadProvider-e2098298.js → ThreadProvider-11d14c8b.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-60bf4d5c.js');
+var index = require('./index-963a1cb0.js');
 var utils_message_getOutgoingMessageState = require('./utils/message/getOutgoingMessageState.js');
-var UserProfileContext = require('./UserProfileContext-1bcc48a2.js');
+var UserProfileContext = require('./UserProfileContext-7a6236bc.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-919a4db3.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-36df1dd2.js');
 var Thread_context_types = require('./Thread/context/types.js');
 var SendbirdChat = require('@sendbird/chat');
-var topics = require('./topics-00c67dd6.js');
+var topics = require('./topics-3c26f8b2.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./uuid-d86ea01f.js');
+var uuid = require('./uuid-982f480d.js');
 var message = require('@sendbird/chat/message');
-var consts = require('./consts-6f02fcc4.js');
+var consts = require('./consts-df560049.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1701,4 +1701,4 @@ exports.ThreadProvider = ThreadProvider;
 exports.compareMessagesForGrouping = compareMessagesForGrouping;
 exports.isAboutSame = isAboutSame;
 exports.useThreadContext = useThreadContext;
-//# sourceMappingURL=ThreadProvider-e2098298.js.map
+//# sourceMappingURL=ThreadProvider-11d14c8b.js.map