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

package/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,kBAAkB,GAAG,UACzBC,KAA8B,EAC9BC,GAAgC,EAAA;AAG9B,EAAA,IAAAC,SAAS,GAIPF,KAAK,UAJE;IACTG,oBAAoB,GAGlBH,KAAK,CAAAG,oBAHa;IACpBC,sBAAsB,GAEpBJ,KAAK,CAFeI,sBAAA;IACtBC,qBAAqB,GACnBL,KAAK,sBADc,CAAA;AAEvB,EAAA,IAAMM,aAAa,GAAGN,KAAK,CAACO,QAAQ,CAAA;AAC5B,EAAA,IAAAC,MAAM,GAAKC,uBAAuB,EAAE,OAA9B,CAAA;AACN,EAAA,IAAAC,SAAS,GAAKC,eAAe,EAAE,UAAtB,CAAA;AAEf,EAAA,IAAAC,gBAAgB,GAIdJ,MAAM,iBAJQ;IAChBK,QAAQ,GAGNL,MAAM,CAAAK,QAHA;IACRC,WAAW,GAETN,MAAM,CAFGM,WAAA;IACXC,qBAAqB,GACnBP,MAAM,sBADa,CAAA;EAEjB,IAAAQ,EAAA,GASFC,gBAAgB,EAAE;IARpBC,cAAc,GAAAF,EAAA,CAAAE,cAAA;IACdC,aAAa,GAAAH,EAAA,CAAAG,aAAA;IACbC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;IACXC,eAAe,GAAAL,EAAA,CAAAK,eAAA;IACfC,gBAAgB,GAAAN,EAAA,CAAAM,gBAAA;IAChBC,OAAO,GAAAP,EAAA,CAAAO,OAAA;IACPC,eAAe,GAAAR,EAAA,CAAAQ,eAAA;IACfC,iBAAiB,GAAAT,EAAA,CAAAS,iBACG,CAAA;EACtB,IAAMC,eAAe,GAAGC,MAAM,EAAE,CAAA;AAEhC,EAAA,IAAMpB,QAAQ,GAAGD,aAAa,IACzBiB,OAAO,IACN,EAAE,CAAAL,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEU,MAAM,MAAKC,IAAI,CAACC,QAAQ,CAAC,IAAIN,eAAgB,IAAIL,aAAa,KAAK,IAAI,CAAA;AAE/F;AACM,EAAA,IAAAY,EAAA,GAAwCC,QAAQ,CAAC,EAAE,CAAC;AAAnDC,IAAAA,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,kBAAkB,GAAAH,EAAA,CAAA,CAAA,CAAgB,CAAA;AACpD,EAAA,IAAAI,EAAA,GAAsCH,QAAQ,CAAC,EAAE,CAAC;AAAjDI,IAAAA,cAAc,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,EAAA,CAAA,CAAA,CAAgB,CAAA;AAClD,EAAA,IAAAG,EAAA,GAA0CN,QAAQ,CAAC,EAAE,CAAC;AAArDO,IAAAA,gBAAgB,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,mBAAmB,GAAAF,EAAA,CAAA,CAAA,CAAgB,CAAA;AACtD,EAAA,IAAAG,EAAA,GAAkCT,QAAQ,CAAC,IAAI,CAAC;AAA/CU,IAAAA,YAAY,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAkB,CAAA;AAChD,EAAA,IAAAG,EAAA,GAAoDZ,QAAQ,CAAC,EAAE,CAAC;AAA/Da,IAAAA,qBAAqB,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,wBAAwB,GAAAF,EAAA,CAAA,CAAA,CAAgB,CAAA;AAChE,EAAA,IAAAG,EAAA,GAAgCf,QAAQ,CAAC,IAAI,CAAC;AAA7CgB,IAAAA,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,EAAA,CAAA,CAAA,CAAkB,CAAA;AAC9C,EAAA,IAAAG,EAAA,GAA4ClB,QAAQ,CAAC,IAAI,CAAC;AAAzDmB,IAAAA,iBAAiB,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAAkB,CAAA;AAC1D,EAAA,IAAAG,EAAA,GAAoDrB,QAAQ,CAAC,KAAK,CAAC;AAAlEsB,IAAAA,qBAAqB,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,wBAAwB,GAAAF,EAAA,CAAA,CAAA,CAAmB,CAAA;EACzE,IAAMG,2BAA2B,GAAG3C,QAAQ,IACvCD,gBAAgB,IAChBqB,eAAe,CAACwB,MAAM,GAAG,CAAC,CAAA;AAC/B;AACA;AAEA;AACAC,EAAAA,SAAS,CAAC,YAAA;IACRH,wBAAwB,CAAC,KAAK,CAAC,CAAA;AACjC,GAAC,EAAE,CAACrC,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEyC,GAAG,CAAC,CAAC,CAAA;AAEzBD,EAAAA,SAAS,CAAC,YAAA;AACR,IAAA,IAAI,CAAAtB,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEqB,MAAM,MAAI3C,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAE8C,eAAe,CAAA,EAAE;MAC1DX,cAAc,CAAC,KAAK,CAAC,CAAA;AACtB,KAAA,MAAM;MACLA,cAAc,CAAC,IAAI,CAAC,CAAA;AACrB,KAAA;AACH,GAAC,EAAE,CAACb,cAAc,CAAC,CAAC,CAAA;AACpBsB,EAAAA,SAAS,CAAC,YAAA;AACRrB,IAAAA,iBAAiB,CAACD,cAAc,CAACyB,MAAM,CAAC,UAAC7C,EAAU,EAAA;AAAR,MAAA,IAAA8C,MAAM,GAAA9C,EAAA,CAAA8C,MAAA,CAAA;AAC/C,MAAA,IAAMC,CAAC,GAAGxB,gBAAgB,CAACyB,OAAO,CAACF,MAAM,CAAC,CAAA;MAC1C,IAAIC,CAAC,GAAG,CAAC,EAAE;AACT,QAAA,OAAO,KAAK,CAAA;AACb,OAAA,MAAM;AACLxB,QAAAA,gBAAgB,CAAC0B,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC,CAAA;AAC7B,QAAA,OAAO,IAAI,CAAA;AACZ,OAAA;AACH,KAAC,CAAC,CAAC,CAAA;AACL,GAAC,EAAE,CAACxB,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,IAAI,CAAArB,cAAc,KAAd,IAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEgD,WAAW,KAAI,CAAAhD,cAAc,KAAd,IAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEU,MAAM,MAAKC,IAAI,CAACC,QAAQ,EAAE;AAC3E,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;EAED,oBACEqC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlE,IAAAA,SAAS,EAAE,uCAAgCoD,qBAAqB,GAAG,iBAAiB,GAAG,EAAE,EAAI,GAAA,CAAA,CAAAe,MAAA,CAAAnE,SAAS,CAAA;AAAG,GAAA,EAE1GsD,2BAA2B,iBACzBW,cAAA,CAAAC,aAAA,CAACE,oBAAoB,EAAA;AACnBC,IAAAA,cAAc,EAAEtC,eAAgB;AAChCuC,IAAAA,UAAU,EAAErB,iBAAAA;AACZ;AAAA;AACAsB,IAAAA,eAAe,EAAE,UAACC,IAAI,EAAA;AACpB,MAAA,IAAIA,IAAI,EAAE;AACRrC,QAAAA,iBAAiB,CAAKsC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAvC,cAAc,EAAE,IAAA,CAAA,EAAA,CAAAsC,IAAI,UAAE,CAAA;AAC7C,OAAA;MACDxC,kBAAkB,CAAC,EAAE,CAAC,CAAA;MACtBS,eAAe,CAAC+B,IAAI,CAAC,CAAA;MACrBtB,oBAAoB,CAAC,IAAI,CAAC,CAAA;KAC1B;IACFwB,iBAAiB,EAAE,YAAA;MACjBxB,oBAAoB,CAAC,IAAI,CAAC,CAAA;KAC1B;AACFyB,IAAAA,YAAY,EAAE,UAACC,KAAK,EAAA;MAClBhC,wBAAwB,CAACgC,KAAK,CAAC,CAAA;KAC/B;AACFC,IAAAA,cAAc,EAAE/B,WAAY;AAC5BY,IAAAA,eAAe,EAAE9C,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAW,CAAE8C,eAAgB;AAC9CoB,IAAAA,kBAAkB,EAAElE,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEkE,kBAAAA;AAAmB,GAAA,CAEvD,EAGD1B,qBAAqB,gBAEjBa,cAAA,CAAAC,aAAA,CAACa,wBAAwB,EAAA;AACvBC,IAAAA,OAAO,EAAEhE,cAAe;AACxBiE,IAAAA,aAAa,EAAE,UAACC,YAAY,EAAEC,QAAQ,EAAA;AACpC/D,MAAAA,gBAAgB,CAAC8D,YAAY,EAAEC,QAAQ,EAAElE,aAAa,CAAC,CAAA;MACvDoC,wBAAwB,CAAC,KAAK,CAAC,CAAA;KAC/B;IACF+B,aAAa,EAAE,YAAA;MACb/B,wBAAwB,CAAC,KAAK,CAAC,CAAA;AACjC,KAAA;AAAE,GAAA,CACF,gBAGFY,cAAA,CAAAC,aAAA,CAACmB,YAAY,EAAA;AACXrF,IAAAA,SAAS,EAAC,8CAA8C;AACxDsF,IAAAA,cAAc,EAAC,2CAA2C;AAC1DjF,IAAAA,QAAQ,EAAEA,QAAS;AACnB2E,IAAAA,OAAO,EAAEhE,cAAe;AACxBmB,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCoD,IAAAA,UAAU,EAAEvE,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEyC,GAAI;AAChC+B,IAAAA,mBAAmB,EAAEhD,YAAa;AAClC9B,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCG,IAAAA,qBAAqB,EAAEA,qBAAsB;IAC7C4E,uBAAuB,EAAE,YAAA;MACvBpC,wBAAwB,CAAC,IAAI,CAAC,CAAA;KAC9B;AACFpD,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,qBAAqB,EAAEA,qBAAsB;IAC7CJ,GAAG,EAAEA,GAAG,IAAIyB,eAAgB;AAC5BkE,IAAAA,WAAW,EACR,CAAA1E,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAE2E,QAAQ,KAAI,EAAE,CAAA3E,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEU,MAAM,MAAKC,IAAI,CAACC,QAAQ,CAAC,IAAIpB,SAAS,CAACoF,qCAAqC,IACvH,CAAA5E,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAE6E,YAAY,MAAKC,UAAU,CAACC,KAAK,IAAIvF,SAAS,CAACwF,wCAAyC,KACxGzE,iBAAiB,CAACgC,MAAM,GAAG,CAAC,GAC5B/C,SAAS,CAACyF,8BAA8B,GACxCzF,SAAS,CAAC0F,8BAA8B,CAE7C;IACDC,aAAa,EAAE,YAAA;;AACb,MAAA,CAAArF,EAAA,GAAAE,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEoF,WAAW,8DAAI,CAAA;KAC/B;AACFC,IAAAA,aAAa,EAAE,UAACvF,EAA4B,EAAA;;UAA1BwF,OAAO,GAAAxF,EAAA,CAAAwF,OAAA;QAAEC,eAAe,GAAAzF,EAAA,CAAAyF,eAAA,CAAA;AACxCrF,MAAAA,WAAW,CAAC;AACVoF,QAAAA,OAAO,EAAEA,OAAO;AAChBpE,QAAAA,cAAc,EAAAA,cAAA;AACdqE,QAAAA,eAAe,EAAEA,eAAe;AAChCC,QAAAA,YAAY,EAAEvF,aAAAA;AACf,OAAA,CAAC,CAAA;MACFe,kBAAkB,CAAC,EAAE,CAAC,CAAA;MACtBG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AACrB,MAAA,CAAAN,EAAA,GAAAb,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEyF,SAAS,8DAAI,CAAA;KAC7B;AACFC,IAAAA,YAAY,EAAE,UAACC,IAAI,EAAA;AACjBxF,MAAAA,eAAe,CAACwF,IAAI,EAAE1F,aAAa,CAAC,CAAA;KACpC;AACF2F,IAAAA,eAAe,EAAE,UAACpC,IAAI,EAAA;AACpB,MAAA,IAAI,CAAAhC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEoB,MAAM,OAAKY,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEZ,MAAM,CAAA,EAAE;QACzCnB,eAAe,CAAC,IAAI,CAAC,CAAA;QACrBT,kBAAkB,CAAC,EAAE,CAAC,CAAA;AACvB,OAAA;KACD;AACF6E,IAAAA,qBAAqB,EAAE,UAACC,WAAW,EAAA;MACjC9E,kBAAkB,CAAC8E,WAAW,CAAC,CAAA;KAC/B;AACFC,IAAAA,yBAAyB,EAAE,UAACC,OAAO,EAAA;MACjC1E,mBAAmB,CAAC0E,OAAO,CAAC,CAAA;KAC5B;AACFC,IAAAA,SAAS,EAAE,UAACC,CAAC,EAAA;MACX,IAAI5D,2BAA2B,IAAI,CAAAX,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,qBAAqB,CAAEY,MAAM,IAAG,CAAC,KAC7D2D,CAAC,CAACC,GAAG,KAAKC,gBAAgB,CAACC,KAAK,IAAIvE,WAAW,IAAKoE,CAAC,CAACC,GAAG,KAAKC,gBAAgB,CAACE,OAAO,IAAIJ,CAAC,CAACC,GAAG,KAAKC,gBAAgB,CAACG,SAAS,CAAC,EACpI;QACArE,oBAAoB,CAACgE,CAAC,CAAC,CAAA;AACvB,QAAA,OAAO,IAAI,CAAA;AACZ,OAAA;AACD,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AAAE,GAAA,CAEL,CAED,CAAA;AAEV,CAAC,CAAA;AAED,2BAAA,aAAejD,cAAK,CAACuD,UAAU,CAAC3H,kBAAkB,CAAC;;;;"}
+{"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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"}

package/Thread/components/ThreadUI.js

@@ -1,43 +1,43 @@
 import React__default, { useMemo, useState, useRef } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-43b10f97.js';
-import { g as getChannelTitle } from '../../utils-3c726d0f.js';
-import { u as useThreadContext, i as isAboutSame } from '../../ThreadProvider-533e9025.js';
+import { u as useLocalization } from '../../LocalizationContext-428ea690.js';
+import { g as getChannelTitle } from '../../utils-1905e84d.js';
+import { u as useThreadContext, i as isAboutSame } from '../../ThreadProvider-c33f66a4.js';
 import ParentMessageInfo from './ParentMessageInfo.js';
 import ThreadHeader from './ThreadHeader.js';
 import ThreadList from './ThreadList.js';
 import ThreadMessageInput from './ThreadMessageInput.js';
 import { ParentMessageStateTypes, ThreadListStateTypes } from '../context/types.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ec8cbdfb.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8f0ae983.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-10da4b99.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8efe881f.js';
 import { MessageProvider } from '../../Message/context.js';
 import '../../withSendbird.js';
-import '../../tslib.es6-5180f9d1.js';
-import '../../stringSet-2d42f6ff.js';
-import '../../index-0f373e79.js';
-import '../../index-8a52a6f4.js';
+import '../../tslib.es6-debac48c.js';
+import '../../stringSet-fa7e0d83.js';
+import '../../index-8b3cd0b6.js';
+import '../../index-8d6fa44a.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-12b6fabf.js';
+import '../../UserProfileContext-576f1ef9.js';
 import 'prop-types';
 import '@sendbird/chat';
-import '../../topics-6d4bf2ed.js';
+import '../../topics-2647294d.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-368c5040.js';
+import '../../uuid-e979d613.js';
 import '@sendbird/chat/message';
-import '../../consts-30f09302.js';
-import '../../RemoveMessageModal-d0a5c64c.js';
+import '../../consts-f3b2a046.js';
+import '../../RemoveMessageModal-cced59b5.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-5c20d787.js';
+import '../../index-d5a761b9.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-f2df2472.js';
+import '../../MediaQueryContext-e4d4fb2a.js';
 import './ParentMessageInfoItem.js';
-import '../../index-cd1a9173.js';
+import '../../index-f87c5aab.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../color-e54d3ed7.js';
+import '../../color-2037c3b8.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
@@ -48,48 +48,48 @@ import '../../ui/SortByRow.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-207577d6.js';
+import '../../index-e01f2743.js';
 import '../../VoiceRecorder/context.js';
-import '../../lame.all.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../index-cc626895.js';
-import '../../tokenize-cd9c48bb.js';
+import '../../index-390c0bba.js';
+import 'ts-pattern';
+import '../../tokenize-7bcc2072.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-a7563986.js';
+import '../../utils-87be98af.js';
 import '../../ui/Avatar.js';
 import '../../ui/LinkLabel.js';
 import '../../Channel/components/SuggestedMentionList.js';
-import '../../ChannelProvider-cd9afff3.js';
-import '../../_rollupPluginBabelHelpers-3756a6a3.js';
-import '../../compareIds-3e30a438.js';
-import '../../const-71bd6867.js';
-import '../../const-48a3200e.js';
+import '../../ChannelProvider-9a52ed96.js';
+import '../../_rollupPluginBabelHelpers-6e60e429.js';
+import '../../compareIds-b858e41a.js';
+import '../../const-10a01327.js';
+import '../../const-85ec8faf.js';
 import '../../ui/FileViewer.js';
 import '../../ui/MessageItemMenu.js';
-import '../../types-2fb5793c.js';
+import '../../types-abb04b7a.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/MessageInput.js';
 import 'dompurify';
-import '../../consts-e4e1a8fc.js';
-import '../../consts-665331c7.js';
-import '../../consts-4b1e008b.js';
+import '../../consts-3fe926ac.js';
+import '../../consts-ef58410d.js';
+import '../../consts-89b1e965.js';
 import './ThreadListItem.js';
 import '../../ui/DateSeparator.js';
-import '../../index-a90edcd2.js';
-import '../../index-2932882f.js';
-import '../../index-95f0372d.js';
+import '../../index-4a1325ab.js';
+import '../../index-b41d07df.js';
+import '../../index-2f83ba2a.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import 'date-fns';
-import '../../VoiceMessageInputWrapper-c74412de.js';
+import '../../VoiceMessageInputWrapper-8f6bfd36.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-d75ba9c0.js';
+import '../../index-f0fa0260.js';
 
 var useMemorizedHeader = function (_a) {
   var renderHeader = _a.renderHeader;

package/Thread/context.js

@@ -1,18 +1,18 @@
 import 'react';
-export { T as ThreadProvider, u as useThreadContext } from '../ThreadProvider-533e9025.js';
-import '../UserProfileContext-12b6fabf.js';
+export { T as ThreadProvider, u as useThreadContext } from '../ThreadProvider-c33f66a4.js';
+import '../UserProfileContext-576f1ef9.js';
 import '../useSendbirdStateContext.js';
-import '../index-8a52a6f4.js';
-import '../index-0f373e79.js';
+import '../index-8d6fa44a.js';
+import '../index-8b3cd0b6.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../tslib.es6-5180f9d1.js';
+import '../tslib.es6-debac48c.js';
 import './context/types.js';
 import '@sendbird/chat';
-import '../topics-6d4bf2ed.js';
+import '../topics-2647294d.js';
 import '@sendbird/chat/groupChannel';
-import '../uuid-368c5040.js';
+import '../uuid-e979d613.js';
 import '@sendbird/chat/message';
-import '../consts-30f09302.js';
+import '../consts-f3b2a046.js';
 import 'prop-types';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/Thread.js

@@ -1,39 +1,39 @@
 import React__default from 'react';
-import { T as ThreadProvider } from './ThreadProvider-533e9025.js';
+import { T as ThreadProvider } from './ThreadProvider-c33f66a4.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import './index-8a52a6f4.js';
-import './index-0f373e79.js';
+import './index-8d6fa44a.js';
+import './index-8b3cd0b6.js';
 import './utils/message/getOutgoingMessageState.js';
-import './UserProfileContext-12b6fabf.js';
+import './UserProfileContext-576f1ef9.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './tslib.es6-5180f9d1.js';
+import './tslib.es6-debac48c.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
-import './topics-6d4bf2ed.js';
+import './topics-2647294d.js';
 import '@sendbird/chat/groupChannel';
-import './uuid-368c5040.js';
+import './uuid-e979d613.js';
 import '@sendbird/chat/message';
-import './consts-30f09302.js';
-import './LocalizationContext-43b10f97.js';
-import './stringSet-2d42f6ff.js';
-import './utils-3c726d0f.js';
-import './index-8f0ae983.js';
+import './consts-f3b2a046.js';
+import './LocalizationContext-428ea690.js';
+import './stringSet-fa7e0d83.js';
+import './utils-1905e84d.js';
+import './index-8efe881f.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-d0a5c64c.js';
+import './RemoveMessageModal-cced59b5.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-5c20d787.js';
+import './index-d5a761b9.js';
 import './ui/Button.js';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-f2df2472.js';
+import './MediaQueryContext-e4d4fb2a.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './index-cd1a9173.js';
+import './index-f87c5aab.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './color-e54d3ed7.js';
+import './color-2037c3b8.js';
 import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
 import './ui/TooltipWrapper.js';
@@ -44,42 +44,42 @@ import './ui/SortByRow.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './index-207577d6.js';
+import './index-e01f2743.js';
 import './VoiceRecorder/context.js';
-import './lame.all.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './index-cc626895.js';
-import './tokenize-cd9c48bb.js';
+import './index-390c0bba.js';
+import 'ts-pattern';
+import './tokenize-7bcc2072.js';
 import './Message/context.js';
 import './ui/MentionLabel.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './utils-a7563986.js';
+import './utils-87be98af.js';
 import './ui/Avatar.js';
 import './ui/LinkLabel.js';
 import './Channel/components/SuggestedMentionList.js';
-import './ChannelProvider-cd9afff3.js';
-import './_rollupPluginBabelHelpers-3756a6a3.js';
-import './compareIds-3e30a438.js';
-import './const-71bd6867.js';
-import './const-48a3200e.js';
+import './ChannelProvider-9a52ed96.js';
+import './_rollupPluginBabelHelpers-6e60e429.js';
+import './compareIds-b858e41a.js';
+import './const-10a01327.js';
+import './const-85ec8faf.js';
 import './ui/FileViewer.js';
 import './ui/MessageItemMenu.js';
-import './types-2fb5793c.js';
+import './types-abb04b7a.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
 import 'dompurify';
-import './consts-e4e1a8fc.js';
-import './consts-665331c7.js';
-import './consts-4b1e008b.js';
+import './consts-3fe926ac.js';
+import './consts-ef58410d.js';
+import './consts-89b1e965.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './index-a90edcd2.js';
-import './index-2932882f.js';
-import './index-95f0372d.js';
+import './index-4a1325ab.js';
+import './index-b41d07df.js';
+import './index-2f83ba2a.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
@@ -87,10 +87,10 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './VoiceMessageInputWrapper-c74412de.js';
+import './VoiceMessageInputWrapper-8f6bfd36.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-d75ba9c0.js';
-import './index-ec8cbdfb.js';
+import './index-f0fa0260.js';
+import './index-10da4b99.js';
 
 var Thread = function (props) {
   var

package/{ThreadProvider-533e9025.js → ThreadProvider-c33f66a4.js}

@@ -1,16 +1,16 @@
 import React__default, { useEffect, useCallback, useReducer, useMemo } from 'react';
-import { f as format } from './index-8a52a6f4.js';
+import { f as format } from './index-8d6fa44a.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from './utils/message/getOutgoingMessageState.js';
-import { U as UserProfileProvider } from './UserProfileContext-12b6fabf.js';
+import { U as UserProfileProvider } from './UserProfileContext-576f1ef9.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray, c as __awaiter, d as __generator } from './tslib.es6-5180f9d1.js';
+import { _ as __assign, a as __spreadArray, c as __awaiter, d as __generator } from './tslib.es6-debac48c.js';
 import { ChannelStateTypes, ThreadListStateTypes, ParentMessageStateTypes } from './Thread/context/types.js';
 import { ChannelType } from '@sendbird/chat';
-import { P as PUBSUB_TOPICS } from './topics-6d4bf2ed.js';
+import { P as PUBSUB_TOPICS } from './topics-2647294d.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from './uuid-368c5040.js';
+import { u as uuidv4 } from './uuid-e979d613.js';
 import { SendingStatus, MessageType, MessageMetaArray } from '@sendbird/chat/message';
-import { b as VOICE_MESSAGE_FILE_NAME, c as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, d as META_ARRAY_MESSAGE_TYPE_KEY, e as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './consts-30f09302.js';
+import { b as VOICE_MESSAGE_FILE_NAME, c as VOICE_MESSAGE_MIME_TYPE, M as META_ARRAY_VOICE_DURATION_KEY, d as META_ARRAY_MESSAGE_TYPE_KEY, e as META_ARRAY_MESSAGE_TYPE_VALUE__VOICE } from './consts-f3b2a046.js';
 
 var getNicknamesMapFromMembers = function (members) {
   if (members === void 0) {
@@ -1205,12 +1205,12 @@ function useSendUserMessageCallback(_a, _b) {
       mentionedUsers = props.mentionedUsers;
     var createDefaultParams = function () {
       var params = {};
-      params.message = (message === null || message === void 0 ? void 0 : message.trim()) || message;
+      params.message = message;
       if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
         params.mentionedUsers = mentionedUsers;
       }
       if (isMentionEnabled && mentionTemplate && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
-        params.mentionedMessageTemplate = (mentionTemplate === null || mentionTemplate === void 0 ? void 0 : mentionTemplate.trim()) || mentionTemplate;
+        params.mentionedMessageTemplate = mentionTemplate;
       }
       if (quoteMessage) {
         params.isReplyToChannel = true;
@@ -1620,4 +1620,4 @@ var useThreadContext = function () {
 };
 
 export { ThreadProvider as T, compareMessagesForGrouping as c, isAboutSame as i, useThreadContext as u };
-//# sourceMappingURL=ThreadProvider-533e9025.js.map
+//# sourceMappingURL=ThreadProvider-c33f66a4.js.map