@sendbird/uikit-react 3.4.8 → 3.4.9-rc.0

package/{WebAudioUtils-5f47139c.js → WebAudioUtils-904afd00.js}

@@ -120,4 +120,4 @@ function bufferToWav(abuffer, len) {
 }
 
 export { downsampleToWav, encodeMp3 };
-//# sourceMappingURL=WebAudioUtils-5f47139c.js.map
+//# sourceMappingURL=WebAudioUtils-904afd00.js.map

package/{WebAudioUtils-5f47139c.js.map → WebAudioUtils-904afd00.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WebAudioUtils-5f47139c.js","sources":["../src/hooks/VoiceRecorder/WebAudioUtils.ts"],"sourcesContent":["// Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw\nimport { WavHeader, Mp3Encoder } from '../../_externals/lamejs/lame.all';\n\nfunction encodeMp3(arrayBuffer: ArrayBuffer): WavHeader {\n  const wav = WavHeader.readHeader(new DataView(arrayBuffer));\n  const dataView = new Int16Array(arrayBuffer, wav.dataOffset, wav.dataLen / 2);\n  const mp3Encoder = new Mp3Encoder(wav.channels, wav.sampleRate, 128);\n  const maxSamples = 1152;\n\n  const samplesLeft = (wav.channels === 1) ? dataView : new Int16Array(wav.dataLen / (2 * wav.channels));\n  const samplesRight = (wav.channels === 2) ? new Int16Array(wav.dataLen / (2 * wav.channels)) : undefined;\n\n  if (wav.channels > 1) {\n    for (let j = 0; j < samplesLeft.length; j++) {\n      samplesLeft[j] = dataView[j * 2];\n      samplesRight[j] = dataView[j * 2 + 1];\n    }\n  }\n\n  const dataBuffer = [];\n  let remaining = samplesLeft.length;\n  for (let i = 0; remaining >= maxSamples; i += maxSamples) {\n    const left = samplesLeft.subarray(i, i + maxSamples);\n    let right;\n    if (samplesRight) {\n      right = samplesRight.subarray(i, i + maxSamples);\n    }\n    const mp3buf = mp3Encoder.encodeBuffer(left, right);\n    dataBuffer.push(new Int8Array(mp3buf));\n    remaining -= maxSamples;\n  }\n\n  const mp3Lastbuf = mp3Encoder.flush();\n  dataBuffer.push(new Int8Array(mp3Lastbuf));\n  return dataBuffer;\n}\n\n// Convert audioFile to arrayBuffer, because Mp3Encoder requires a parameter of ArrayBuffer type\nfunction downsampleToWav(file: File, callback: (buffer: ArrayBuffer) => void): void {\n  // Browser compatibility\n  // https://caniuse.com/?search=AudioContext\n  const audioCtx = new AudioContext();\n  const fileReader = new FileReader();\n  fileReader.onload = function (ev) {\n    // Decode audio\n    audioCtx.decodeAudioData(ev.target.result as ArrayBuffer, (buffer) => {\n      // this is where you down sample the audio, usually is 44100 samples per second\n      const usingWebkit = !window.OfflineAudioContext;\n      const offlineAudioCtx = new OfflineAudioContext(1, 16000 * buffer.duration, 16000);\n\n      const soundSource = offlineAudioCtx.createBufferSource();\n      soundSource.buffer = buffer;\n      soundSource.connect(offlineAudioCtx.destination);\n\n      const reader = new FileReader();\n      reader.onload = function () {\n        const renderCompleteHandler = (evt): void => {\n          const renderedBuffer = usingWebkit ? evt.renderedBuffer : evt;\n          const buffer = bufferToWav(renderedBuffer, renderedBuffer.length);\n          if (callback) {\n            callback(buffer);\n          }\n        };\n        if (usingWebkit) {\n          offlineAudioCtx.oncomplete = renderCompleteHandler;\n          offlineAudioCtx.startRendering();\n        } else {\n          offlineAudioCtx\n            .startRendering()\n            .then(renderCompleteHandler)\n            // eslint-disable-next-line no-console\n            .catch((err) => console.warn(err));\n        }\n      };\n      reader.readAsArrayBuffer(file);\n      soundSource.start(0);\n    });\n  };\n  fileReader.readAsArrayBuffer(file);\n}\n\nfunction bufferToWav(abuffer, len) {\n  const numOfChan = abuffer.numberOfChannels;\n  const length = len * numOfChan * 2 + 44;\n  const buffer = new ArrayBuffer(length);\n  const view = new DataView(buffer);\n  const channels = [];\n  let i = 0;\n  let sample;\n  let offset = 0;\n  let pos = 0;\n\n  // write WAVE header\n  setUint32(0x46464952); // \"RIFF\"\n  setUint32(length - 8); // file length - 8\n  setUint32(0x45564157); // \"WAVE\"\n  setUint32(0x20746d66); // \"fmt \" chunk\n  setUint32(16); // length = 16\n  setUint16(1); // PCM (uncompressed)\n  setUint16(numOfChan);\n  setUint32(abuffer.sampleRate);\n  setUint32(abuffer.sampleRate * 2 * numOfChan); // avg. bytes/sec\n  setUint16(numOfChan * 2); // block-align\n  setUint16(16); // 16-bit (hardcoded in this demo)\n  setUint32(0x61746164); // \"data\" - chunk\n  setUint32(length - pos - 4); // chunk length\n  // write interleaved data\n  for (i = 0; i < abuffer.numberOfChannels; i++)\n    channels.push(abuffer.getChannelData(i));\n\n  while (pos < length) {\n    for (i = 0; i < numOfChan; i++) {\n      // interleave channels\n      sample = Math.max(-1, Math.min(1, channels[i][offset])); // clamp\n      sample = (0.5 + sample < 0 ? sample * 32768 : sample * 32767) | 0; // scale to 16-bit signed int\n      view.setInt16(pos, sample, true); // write 16-bit sample\n      pos += 2;\n    }\n    offset++; // next source sample\n  }\n\n  return buffer;\n\n  function setUint16(data) {\n    view.setUint16(pos, data, true);\n    pos += 2;\n  }\n\n  function setUint32(data) {\n    view.setUint32(pos, data, true);\n    pos += 4;\n  }\n}\n\nexport { downsampleToWav, encodeMp3 };\n"],"names":["encodeMp3","arrayBuffer","wav","WavHeader","readHeader","DataView","dataView","Int16Array","dataOffset","dataLen","mp3Encoder","Mp3Encoder","channels","sampleRate","maxSamples","samplesLeft","samplesRight","undefined","j","length","dataBuffer","remaining","i","left","subarray","right","mp3buf","encodeBuffer","push","Int8Array","mp3Lastbuf","flush","downsampleToWav","file","callback","audioCtx","AudioContext","fileReader","FileReader","onload","ev","decodeAudioData","target","result","buffer","usingWebkit","window","OfflineAudioContext","offlineAudioCtx","duration","soundSource","createBufferSource","connect","destination","reader","renderCompleteHandler","evt","renderedBuffer","bufferToWav","oncomplete","startRendering","then","catch","err","console","warn","readAsArrayBuffer","start","abuffer","len","numOfChan","numberOfChannels","ArrayBuffer","view","sample","offset","pos","setUint32","setUint16","getChannelData","Math","max","min","setInt16","data"],"mappings":"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"}
+{"version":3,"file":"WebAudioUtils-904afd00.js","sources":["../src/hooks/VoiceRecorder/WebAudioUtils.ts"],"sourcesContent":["// Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw\nimport { WavHeader, Mp3Encoder } from '../../_externals/lamejs/lame.all';\n\nfunction encodeMp3(arrayBuffer: ArrayBuffer): WavHeader {\n  const wav = WavHeader.readHeader(new DataView(arrayBuffer));\n  const dataView = new Int16Array(arrayBuffer, wav.dataOffset, wav.dataLen / 2);\n  const mp3Encoder = new Mp3Encoder(wav.channels, wav.sampleRate, 128);\n  const maxSamples = 1152;\n\n  const samplesLeft = (wav.channels === 1) ? dataView : new Int16Array(wav.dataLen / (2 * wav.channels));\n  const samplesRight = (wav.channels === 2) ? new Int16Array(wav.dataLen / (2 * wav.channels)) : undefined;\n\n  if (wav.channels > 1) {\n    for (let j = 0; j < samplesLeft.length; j++) {\n      samplesLeft[j] = dataView[j * 2];\n      samplesRight[j] = dataView[j * 2 + 1];\n    }\n  }\n\n  const dataBuffer = [];\n  let remaining = samplesLeft.length;\n  for (let i = 0; remaining >= maxSamples; i += maxSamples) {\n    const left = samplesLeft.subarray(i, i + maxSamples);\n    let right;\n    if (samplesRight) {\n      right = samplesRight.subarray(i, i + maxSamples);\n    }\n    const mp3buf = mp3Encoder.encodeBuffer(left, right);\n    dataBuffer.push(new Int8Array(mp3buf));\n    remaining -= maxSamples;\n  }\n\n  const mp3Lastbuf = mp3Encoder.flush();\n  dataBuffer.push(new Int8Array(mp3Lastbuf));\n  return dataBuffer;\n}\n\n// Convert audioFile to arrayBuffer, because Mp3Encoder requires a parameter of ArrayBuffer type\nfunction downsampleToWav(file: File, callback: (buffer: ArrayBuffer) => void): void {\n  // Browser compatibility\n  // https://caniuse.com/?search=AudioContext\n  const audioCtx = new AudioContext();\n  const fileReader = new FileReader();\n  fileReader.onload = function (ev) {\n    // Decode audio\n    audioCtx.decodeAudioData(ev.target.result as ArrayBuffer, (buffer) => {\n      // this is where you down sample the audio, usually is 44100 samples per second\n      const usingWebkit = !window.OfflineAudioContext;\n      const offlineAudioCtx = new OfflineAudioContext(1, 16000 * buffer.duration, 16000);\n\n      const soundSource = offlineAudioCtx.createBufferSource();\n      soundSource.buffer = buffer;\n      soundSource.connect(offlineAudioCtx.destination);\n\n      const reader = new FileReader();\n      reader.onload = function () {\n        const renderCompleteHandler = (evt): void => {\n          const renderedBuffer = usingWebkit ? evt.renderedBuffer : evt;\n          const buffer = bufferToWav(renderedBuffer, renderedBuffer.length);\n          if (callback) {\n            callback(buffer);\n          }\n        };\n        if (usingWebkit) {\n          offlineAudioCtx.oncomplete = renderCompleteHandler;\n          offlineAudioCtx.startRendering();\n        } else {\n          offlineAudioCtx\n            .startRendering()\n            .then(renderCompleteHandler)\n            // eslint-disable-next-line no-console\n            .catch((err) => console.warn(err));\n        }\n      };\n      reader.readAsArrayBuffer(file);\n      soundSource.start(0);\n    });\n  };\n  fileReader.readAsArrayBuffer(file);\n}\n\nfunction bufferToWav(abuffer, len) {\n  const numOfChan = abuffer.numberOfChannels;\n  const length = len * numOfChan * 2 + 44;\n  const buffer = new ArrayBuffer(length);\n  const view = new DataView(buffer);\n  const channels = [];\n  let i = 0;\n  let sample;\n  let offset = 0;\n  let pos = 0;\n\n  // write WAVE header\n  setUint32(0x46464952); // \"RIFF\"\n  setUint32(length - 8); // file length - 8\n  setUint32(0x45564157); // \"WAVE\"\n  setUint32(0x20746d66); // \"fmt \" chunk\n  setUint32(16); // length = 16\n  setUint16(1); // PCM (uncompressed)\n  setUint16(numOfChan);\n  setUint32(abuffer.sampleRate);\n  setUint32(abuffer.sampleRate * 2 * numOfChan); // avg. bytes/sec\n  setUint16(numOfChan * 2); // block-align\n  setUint16(16); // 16-bit (hardcoded in this demo)\n  setUint32(0x61746164); // \"data\" - chunk\n  setUint32(length - pos - 4); // chunk length\n  // write interleaved data\n  for (i = 0; i < abuffer.numberOfChannels; i++)\n    channels.push(abuffer.getChannelData(i));\n\n  while (pos < length) {\n    for (i = 0; i < numOfChan; i++) {\n      // interleave channels\n      sample = Math.max(-1, Math.min(1, channels[i][offset])); // clamp\n      sample = (0.5 + sample < 0 ? sample * 32768 : sample * 32767) | 0; // scale to 16-bit signed int\n      view.setInt16(pos, sample, true); // write 16-bit sample\n      pos += 2;\n    }\n    offset++; // next source sample\n  }\n\n  return buffer;\n\n  function setUint16(data) {\n    view.setUint16(pos, data, true);\n    pos += 2;\n  }\n\n  function setUint32(data) {\n    view.setUint32(pos, data, true);\n    pos += 4;\n  }\n}\n\nexport { downsampleToWav, encodeMp3 };\n"],"names":["encodeMp3","arrayBuffer","wav","WavHeader","readHeader","DataView","dataView","Int16Array","dataOffset","dataLen","mp3Encoder","Mp3Encoder","channels","sampleRate","maxSamples","samplesLeft","samplesRight","undefined","j","length","dataBuffer","remaining","i","left","subarray","right","mp3buf","encodeBuffer","push","Int8Array","mp3Lastbuf","flush","downsampleToWav","file","callback","audioCtx","AudioContext","fileReader","FileReader","onload","ev","decodeAudioData","target","result","buffer","usingWebkit","window","OfflineAudioContext","offlineAudioCtx","duration","soundSource","createBufferSource","connect","destination","reader","renderCompleteHandler","evt","renderedBuffer","bufferToWav","oncomplete","startRendering","then","catch","err","console","warn","readAsArrayBuffer","start","abuffer","len","numOfChan","numberOfChannels","ArrayBuffer","view","sample","offset","pos","setUint32","setUint16","getChannelData","Math","max","min","setInt16","data"],"mappings":"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"}

package/{_rollupPluginBabelHelpers-eaf55eff.js → _rollupPluginBabelHelpers-8c286a7c.js}

@@ -63,4 +63,4 @@ function _toPropertyKey(arg) {
 }
 
 export { _objectSpread2 as _, _defineProperty as a, _extends as b };
-//# sourceMappingURL=_rollupPluginBabelHelpers-eaf55eff.js.map
+//# sourceMappingURL=_rollupPluginBabelHelpers-8c286a7c.js.map

package/_rollupPluginBabelHelpers-8c286a7c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers-8c286a7c.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/{actionTypes-98eee9f4.js → actionTypes-bd8af98d.js}

@@ -5,4 +5,4 @@ const USER_ACTIONS = {
 };
 
 export { USER_ACTIONS as U };
-//# sourceMappingURL=actionTypes-98eee9f4.js.map
+//# sourceMappingURL=actionTypes-bd8af98d.js.map

package/{actionTypes-98eee9f4.js.map → actionTypes-bd8af98d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"actionTypes-98eee9f4.js","sources":["../src/lib/dux/user/actionTypes.ts"],"sourcesContent":["import { User } from '@sendbird/chat';\nimport { CreateAction } from '../../../utils/typeHelpers/reducers/CreateAction';\n\nexport const USER_ACTIONS = {\n  INIT_USER: 'INIT_USER',\n  RESET_USER: 'RESET_USER',\n  UPDATE_USER_INFO: 'UPDATE_USER_INFO',\n} as const;\n\ntype USER_PAYLOAD_TYPES = {\n  [USER_ACTIONS.INIT_USER]: User,\n  [USER_ACTIONS.RESET_USER]: null,\n  [USER_ACTIONS.UPDATE_USER_INFO]: User,\n};\n\nexport type UserActionTypes = CreateAction<USER_PAYLOAD_TYPES>;\n"],"names":["USER_ACTIONS","INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":"AAGO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,gBAAgB,EAAE,kBAAA;AACpB;;;;"}
+{"version":3,"file":"actionTypes-bd8af98d.js","sources":["../src/lib/dux/user/actionTypes.ts"],"sourcesContent":["import { User } from '@sendbird/chat';\nimport { CreateAction } from '../../../utils/typeHelpers/reducers/createAction';\n\nexport const USER_ACTIONS = {\n  INIT_USER: 'INIT_USER',\n  RESET_USER: 'RESET_USER',\n  UPDATE_USER_INFO: 'UPDATE_USER_INFO',\n} as const;\n\ntype USER_PAYLOAD_TYPES = {\n  [USER_ACTIONS.INIT_USER]: User,\n  [USER_ACTIONS.RESET_USER]: null,\n  [USER_ACTIONS.UPDATE_USER_INFO]: User,\n};\n\nexport type UserActionTypes = CreateAction<USER_PAYLOAD_TYPES>;\n"],"names":["USER_ACTIONS","INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":"AAGO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,gBAAgB,EAAE,kBAAA;AACpB;;;;"}

package/cjs/App.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var SendbirdProvider = require('./SendbirdProvider.js');
-var MediaQueryContext = require('./MediaQueryContext-e443379e.js');
+var MediaQueryContext = require('./MediaQueryContext-f0b22fae.js');
 var ChannelList = require('./ChannelList.js');
 var Channel = require('./Channel.js');
 var ChannelSettings = require('./ChannelSettings.js');
@@ -11,29 +11,29 @@ var MessageSearch = require('./MessageSearch.js');
 var Thread = require('./Thread.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var uuid = require('./uuid-c854e2a9.js');
-var consts = require('./consts-0db2bedc.js');
-require('./_rollupPluginBabelHelpers-2c0fc9c3.js');
+var uuid = require('./uuid-cd931d55.js');
+var consts = require('./consts-78795eea.js');
+require('./_rollupPluginBabelHelpers-af66a654.js');
 require('./withSendbird.js');
 require('css-vars-ponyfill');
-require('./index.module-3e7701ca.js');
-require('./actionTypes-fb3f6a66.js');
+require('./index.module-045566c2.js');
+require('./actionTypes-8348f508.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('./index-265937df.js');
+require('./index-05291303.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./index-09f8f2a4.js');
+require('./index-b8d7e1e9.js');
 require('./VoiceRecorder/context.js');
-require('./LocalizationContext-4fa55e6b.js');
-require('./stringSet-c24927d9.js');
-require('./index-47e4bdbc.js');
-require('./ChannelListProvider-634b78f3.js');
-require('./topics-0df2f6f9.js');
-require('./utils-a1fead2f.js');
-require('./UserProfileContext-83eaf6e8.js');
+require('./LocalizationContext-a7ac3575.js');
+require('./stringSet-12caaa90.js');
+require('./index-0dad3b72.js');
+require('./ChannelListProvider-2ea52e8f.js');
+require('./topics-d00505e4.js');
+require('./utils-ddd1b029.js');
+require('./UserProfileContext-a026a307.js');
 require('./ChannelList/components/ChannelListUI.js');
 require('./ChannelList/components/ChannelListHeader.js');
-require('./index-22bdf04e.js');
+require('./index-b6443976.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
@@ -41,12 +41,12 @@ require('./ChannelList/components/AddChannel.js');
 require('./ui/IconButton.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./CreateChannelProvider-65dcc450.js');
+require('./CreateChannelProvider-83cd1b9a.js');
 require('./sendbirdSelectors.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-10d8f30f.js');
+require('./index-f70fcb3a.js');
 require('./ui/Button.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
@@ -57,57 +57,58 @@ require('./ui/SortByRow.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./ChannelList/components/ChannelPreview.js');
 require('./ui/ChannelAvatar.js');
-require('./utils-93abfb7c.js');
+require('./utils-b812f859.js');
 require('./ui/Badge.js');
-require('./index-01768a5e.js');
-require('./index-be9c5a7d.js');
+require('./index-4bfecbd3.js');
+require('./index-c2afb27d.js');
 require('./ui/Loader.js');
-require('./index-c8c25288.js');
-require('./index-41ce4c44.js');
+require('./index-793e52a7.js');
+require('./index-148f38a8.js');
 require('./ui/MentionUserLabel.js');
-require('./consts-d2103ed5.js');
+require('./consts-3cb3a988.js');
 require('./ui/TextButton.js');
-require('./color-83cbca20.js');
+require('./color-2ebe48ee.js');
 require('./Channel/components/TypingIndicator.js');
-require('./ChannelProvider-5366f030.js');
-require('./compareIds-c2907ec8.js');
-require('./const-17970c49.js');
+require('./ChannelProvider-4057a4e6.js');
+require('./compareIds-d863dd50.js');
+require('./const-6414a39e.js');
 require('@sendbird/chat/message');
-require('./useLongPress-8aa00a28.js');
+require('./useLongPress-5df6f108.js');
 require('./ChannelList/components/ChannelPreviewAction.js');
 require('./EditUserProfile.js');
-require('./index-56735815.js');
+require('./index-00cb06de.js');
 require('./ui/Input.js');
-require('./index-552eb819.js');
+require('./index-8fb98e2d.js');
 require('./Channel/components/ChannelUI.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
-require('./utils-4717b83e.js');
+require('./utils-6436fe9d.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./const-75153738.js');
-require('./ThreadProvider-d38505b4.js');
+require('./const-08ab2fdd.js');
+require('./ThreadProvider-6a39fc92.js');
 require('./Thread/context/types.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
 require('dompurify');
-require('./consts-aaf1208c.js');
-require('./consts-5ead6f3b.js');
-require('./tokenize-1441f448.js');
+require('./consts-eadce101.js');
+require('./consts-083ada31.js');
+require('./tokenize-6d05ba0a.js');
 require('./ui/MessageContent.js');
 require('./ui/MessageItemMenu.js');
-require('./types-df20b895.js');
+require('./types-0d699a7d.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
 require('./ui/EmojiReactions.js');
+require('./ui/ReactionBadge.js');
+require('./ui/BottomSheet.js');
 require('./ui/Tooltip.js');
 require('./ui/TooltipWrapper.js');
-require('./ui/ReactionBadge.js');
+require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/TextMessageItemBody.js');
-require('./index-61c3208b.js');
-require('./Message/context.js');
+require('./index-5d3946d1.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/FileMessageItemBody.js');
@@ -115,7 +116,7 @@ require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/QuoteMessage.js');
-require('./ui/BottomSheet.js');
+require('./index-564380b1.js');
 require('./ui/ThreadReplies.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
@@ -123,14 +124,15 @@ require('./VoicePlayer/useVoicePlayer.js');
 require('./ui/PlaybackTime.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
-require('./index-fcd2f4ff.js');
+require('./index-73f2b1ce.js');
+require('./useDirtyGetMentions-ccb235e4.js');
 require('./Channel/components/UnreadCount.js');
 require('./Channel/components/FrozenNotification.js');
 require('./Channel/components/MessageInput.js');
 require('./ui/QuoteMessageInput.js');
-require('./VoiceMessageInputWrapper-68c8b8cb.js');
+require('./VoiceMessageInputWrapper-ab392692.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./index-1737cbae.js');
+require('./index-33b26fc7.js');
 require('./ChannelSettings/components/ChannelSettingsUI.js');
 require('./ChannelSettings/context.js');
 require('./ChannelSettings/components/ChannelProfile.js');
@@ -138,10 +140,10 @@ require('./ChannelSettings/components/EditDetailsModal.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
-require('./context-d9a84cb9.js');
+require('./context-717f3cfa.js');
 require('./ui/Toggle.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./MemberList-3736f22c.js');
+require('./MemberList-d02103a5.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 require('./MessageSearch/components/MessageSearchUI.js');
@@ -150,7 +152,7 @@ require('./ui/MessageSearchItem.js');
 require('./ui/MessageSearchFileItem.js');
 require('./Thread/components/ThreadUI.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./RemoveMessageModal-3535563a.js');
+require('./RemoveMessageModal-95aeddfe.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./ui/FileViewer.js');
 require('./Thread/components/ThreadHeader.js');
@@ -199,8 +201,8 @@ const DesktopLayout = props => {
     onProfileEditSuccess: onProfileEditSuccess,
     disableAutoSelect: disableAutoSelect,
     onChannelSelect: channel => {
-      setStartingPoint(null);
-      setHighlightedMessage(null);
+      setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint(null);
+      setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null);
       if (channel) {
         setCurrentChannel(channel);
       } else {
@@ -253,7 +255,7 @@ const DesktopLayout = props => {
       setAnimatedMessageId(null);
     },
     onMessageHighlighted: () => {
-      setHighlightedMessage(null);
+      setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null);
     },
     showSearchIcon: showSearchIcon,
     startingPoint: startingPoint,
@@ -276,13 +278,13 @@ const DesktopLayout = props => {
     channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
     onResultClick: message => {
       if (message.messageId === highlightedMessage) {
-        setHighlightedMessage(null);
+        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null);
         setTimeout(() => {
-          setHighlightedMessage(message.messageId);
+          setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(message.messageId);
         });
       } else {
-        setStartingPoint(message.createdAt);
-        setHighlightedMessage(message.messageId);
+        setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint(message.createdAt);
+        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(message.messageId);
       }
     },
     onCloseClick: () => {
@@ -304,7 +306,7 @@ const DesktopLayout = props => {
         setCurrentChannel(channel);
       }
       if ((message === null || message === void 0 ? void 0 : message.messageId) !== animatedMessageId) {
-        setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
+        setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
       }
       setTimeout(() => {
         setAnimatedMessageId(message === null || message === void 0 ? void 0 : message.messageId);
@@ -318,6 +320,7 @@ var PANELS = /*#__PURE__*/function (PANELS) {
   PANELS["CHANNEL"] = "CHANNEL";
   PANELS["CHANNEL_SETTINGS"] = "CHANNEL_SETTINGS";
   PANELS["MESSAGE_SEARCH"] = "MESSAGE_SEARCH";
+  PANELS["THREAD"] = "THREAD";
   return PANELS;
 }(PANELS || {});
 const MobileLayout = props => {
@@ -334,21 +337,24 @@ const MobileLayout = props => {
     highlightedMessage,
     setHighlightedMessage,
     startingPoint,
-    setStartingPoint
+    setStartingPoint,
+    threadTargetMessage,
+    setThreadTargetMessage
   } = props;
-  const [panel, setPanel] = React.useState(PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_LIST);
+  const [panel, setPanel] = React.useState(PANELS.CHANNEL_LIST);
+  const [animatedMessageId, setAnimatedMessageId] = React.useState(null);
   const store = useSendbirdStateContext();
   const sdk = store === null || store === void 0 ? void 0 : (_store$stores = store.stores) === null || _store$stores === void 0 ? void 0 : (_store$stores$sdkStor = _store$stores.sdkStore) === null || _store$stores$sdkStor === void 0 ? void 0 : _store$stores$sdkStor.sdk;
   const userId = store === null || store === void 0 ? void 0 : (_store$config = store.config) === null || _store$config === void 0 ? void 0 : _store$config.userId;
-  const goToMessage = message => {
-    setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
+  const goToMessage = (message, timeoutCb) => {
+    setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint((message === null || message === void 0 ? void 0 : message.createdAt) || null);
     setTimeout(() => {
-      setHighlightedMessage(message === null || message === void 0 ? void 0 : message.messageId);
-    });
+      timeoutCb === null || timeoutCb === void 0 ? void 0 : timeoutCb((message === null || message === void 0 ? void 0 : message.messageId) || null);
+    }, 500);
   };
   React.useEffect(() => {
-    if (panel !== (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL)) {
-      goToMessage();
+    if (panel !== PANELS.CHANNEL) {
+      goToMessage(null, () => setAnimatedMessageId(null));
     }
   }, [panel]);
   React.useEffect(() => {
@@ -380,7 +386,7 @@ const MobileLayout = props => {
       sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel3 = sdk.groupChannel) === null || _sdk$groupChannel3 === void 0 ? void 0 : (_sdk$groupChannel3$re = _sdk$groupChannel3.removeGroupChannelHandler) === null || _sdk$groupChannel3$re === void 0 ? void 0 : _sdk$groupChannel3$re.call(_sdk$groupChannel3, handlerId);
     };
   }, [sdk]);
-  return /*#__PURE__*/React__default["default"].createElement("div", null, panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_LIST) && /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", null, panel === PANELS.CHANNEL_LIST && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sb_mobile__panelwrap"
   }, /*#__PURE__*/React__default["default"].createElement(ChannelList, {
     onProfileEditSuccess: onProfileEditSuccess,
@@ -392,7 +398,7 @@ const MobileLayout = props => {
     // this condition must be true for mobile
     ,
     disableAutoSelect: true
-  })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL) && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), panel === PANELS.CHANNEL && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sb_mobile__panelwrap"
   }, /*#__PURE__*/React__default["default"].createElement(Channel, {
     replyType: replyType,
@@ -407,11 +413,31 @@ const MobileLayout = props => {
     showSearchIcon: showSearchIcon,
     isMessageGroupingEnabled: isMessageGroupingEnabled,
     startingPoint: startingPoint,
+    animatedMessage: animatedMessageId,
     highlightedMessage: highlightedMessage,
     onChatHeaderActionClick: () => {
       setPanel(PANELS.CHANNEL_SETTINGS);
+    },
+    onReplyInThread: _ref => {
+      let {
+        message
+      } = _ref;
+      if (replyType === 'THREAD') {
+        setPanel(PANELS.THREAD);
+        setThreadTargetMessage(message);
+      }
+    },
+    onQuoteMessageClick: _ref2 => {
+      let {
+        message
+      } = _ref2;
+      // thread message
+      if (replyType === 'THREAD') {
+        setThreadTargetMessage(message);
+        setPanel(PANELS.THREAD);
+      }
     }
-  })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_SETTINGS) && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), panel === PANELS.CHANNEL_SETTINGS && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sb_mobile__panelwrap"
   }, /*#__PURE__*/React__default["default"].createElement(ChannelSettings, {
     channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
@@ -421,7 +447,7 @@ const MobileLayout = props => {
     onLeaveChannel: () => {
       setPanel(PANELS.CHANNEL_LIST);
     }
-  })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.MESSAGE_SEARCH) && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), panel === PANELS.MESSAGE_SEARCH && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sb_mobile__panelwrap"
   }, /*#__PURE__*/React__default["default"].createElement(MessageSearch, {
     channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
@@ -430,7 +456,28 @@ const MobileLayout = props => {
     },
     onResultClick: message => {
       setPanel(PANELS.CHANNEL);
-      goToMessage(message);
+      goToMessage(message, messageId => {
+        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(messageId);
+      });
+    }
+  })), panel === PANELS.THREAD && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sb_mobile__panelwrap"
+  }, /*#__PURE__*/React__default["default"].createElement(Thread, {
+    channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
+    message: threadTargetMessage,
+    onHeaderActionClick: () => {
+      setPanel(PANELS.CHANNEL);
+    },
+    onMoveToParentMessage: _ref3 => {
+      let {
+        message,
+        channel
+      } = _ref3;
+      setCurrentChannel(channel);
+      goToMessage(message, messageId => {
+        setPanel(PANELS.CHANNEL);
+        setAnimatedMessageId(messageId);
+      });
     }
   })));
 };
@@ -468,7 +515,9 @@ const AppLayout = props => {
     highlightedMessage: highlightedMessage,
     setHighlightedMessage: setHighlightedMessage,
     startingPoint: startingPoint,
-    setStartingPoint: setStartingPoint
+    setStartingPoint: setStartingPoint,
+    threadTargetMessage: threadTargetMessage,
+    setThreadTargetMessage: setThreadTargetMessage
   }) : /*#__PURE__*/React__default["default"].createElement(DesktopLayout, {
     isReactionEnabled: isReactionEnabled,
     replyType: replyType,
@@ -506,7 +555,7 @@ function App(props) {
     accessToken,
     customApiHost,
     customWebSocketHost,
-    mediaQueryBreakPoint,
+    breakpoint,
     theme,
     userListQuery,
     nickname,
@@ -540,7 +589,7 @@ function App(props) {
     accessToken: accessToken,
     customApiHost: customApiHost,
     customWebSocketHost: customWebSocketHost,
-    mediaQueryBreakPoint: mediaQueryBreakPoint,
+    breakpoint: breakpoint,
     theme: theme,
     nickname: nickname,
     profileUrl: profileUrl,
@@ -584,7 +633,7 @@ App.propTypes = {
   userListQuery: PropTypes__default["default"].func,
   nickname: PropTypes__default["default"].string,
   profileUrl: PropTypes__default["default"].string,
-  mediaQueryBreakPoint: PropTypes__default["default"].string,
+  breakpoint: PropTypes__default["default"].string,
   allowProfileEdit: PropTypes__default["default"].bool,
   disableUserProfile: PropTypes__default["default"].bool,
   disableMarkAsDelivered: PropTypes__default["default"].bool,
@@ -625,7 +674,7 @@ App.defaultProps = {
   nickname: '',
   profileUrl: '',
   userListQuery: null,
-  mediaQueryBreakPoint: null,
+  breakpoint: null,
   dateLocale: null,
   allowProfileEdit: false,
   onProfileEditSuccess: null,