@sendbird/uikit-react 3.4.4-rc.1 → 3.4.4-rc.2

package/cjs/VoiceRecorder/useVoiceRecorder.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var VoiceRecorder_context = require('./context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../consts-22207ff1.js');
+require('../lame.all.js');
+require('../consts-a83dba32.js');
 require('../withSendbird.js');
-require('../tslib.es6-5f9a94d3.js');
+require('../tslib.es6-a4fb9cb5.js');
 
 //   /**
 //    * onRecordingStarted

package/cjs/VoiceRecorder/useVoiceRecorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceRecorder.js","sources":["../../../src/hooks/VoiceRecorder/useVoiceRecorder.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { VoiceRecorderEventHandler, useVoiceRecorderContext } from '.';\nimport useSendbirdStateContext from '../useSendbirdStateContext';\n\n// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {\n//   /**\n//    * onRecordingStarted\n//    * onRecordingEnded\n//    */\n// }\nexport const VoiceRecorderStatus = {\n  PREPARING: 'PREPARING',\n  READY_TO_RECORD: 'READY_TO_RECORD',\n  RECORDING: 'RECORDING',\n  COMPLETED: 'COMPLETED',\n} as const;\nexport type VoiceRecorderStatus = typeof VoiceRecorderStatus[keyof typeof VoiceRecorderStatus];\nexport interface UseVoiceRecorderContext {\n  start: () => void;\n  stop: () => void;\n  cancel: () => void;\n  recordingLimit: number;\n  recordingTime: number;\n  recordedFile: File;\n  recordingStatus: VoiceRecorderStatus;\n}\n\nconst noop = () => {/* noop */};\n\nexport const useVoiceRecorder = ({\n  onRecordingStarted = noop,\n  onRecordingEnded = noop,\n}: VoiceRecorderEventHandler): UseVoiceRecorderContext => {\n  const { config } = useSendbirdStateContext();\n  const { voiceRecord } = config;\n  const { maxRecordingTime } = voiceRecord;\n  const voiceRecorder = useVoiceRecorderContext();\n  const { isRecordable } = voiceRecorder;\n\n  const [recordedFile, setRecordedFile] = useState<File>(null);\n  const [recordingStatus, setRecordingStatus] = useState<VoiceRecorderStatus>(VoiceRecorderStatus.PREPARING);\n  useEffect(() => {\n    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {\n      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);\n    }\n  }, [isRecordable]);\n\n  const start = useCallback(() => {\n    voiceRecorder?.start({\n      onRecordingStarted: () => {\n        setRecordingStatus(VoiceRecorderStatus.RECORDING);\n        onRecordingStarted();\n        startTimer();\n      },\n      onRecordingEnded: (audioFile) => {\n        setRecordingStatus(VoiceRecorderStatus.COMPLETED);\n        onRecordingEnded(audioFile);\n        setRecordedFile(audioFile);\n        stopTimer();\n      },\n    });\n  }, [onRecordingStarted, onRecordingEnded]);\n  const stop = useCallback(() => {\n    voiceRecorder?.stop();\n    stopTimer();\n  }, [voiceRecorder]);\n  const cancel = useCallback(() => {\n    stop();\n    setRecordedFile(null);\n  }, [voiceRecorder]);\n\n  // Timer\n  const [recordingTime, setRecordingTime] = useState<number>(0);\n  let timer: ReturnType<typeof setInterval> = null;\n  function startTimer() {\n    stopTimer();\n    setRecordingTime(0);\n    const interval = setInterval(() => {\n      setRecordingTime(prevTime => {\n        const newTime = prevTime + 100;\n        if (newTime > maxRecordingTime) {\n          stopTimer();\n        }\n        return newTime;\n      });\n    }, 100);\n    timer = interval;\n  }\n  function stopTimer() {\n    clearInterval(timer);\n    timer = null;\n  }\n  useEffect(() => {\n    if (recordingTime > maxRecordingTime) {\n      stop();\n    }\n  }, [recordingTime, maxRecordingTime, stop]);\n\n  return ({\n    start,\n    stop,\n    cancel,\n    recordingStatus,\n    recordingTime,\n    recordedFile,\n    recordingLimit: maxRecordingTime,\n  });\n};\n"],"names":["VoiceRecorderStatus","PREPARING","READY_TO_RECORD","RECORDING","COMPLETED","noop","useVoiceRecorder","_a","_b","onRecordingStarted","_c","onRecordingEnded","config","useSendbirdStateContext","voiceRecord","maxRecordingTime","voiceRecorder","useVoiceRecorderContext","isRecordable","_d","useState","recordedFile","setRecordedFile","_e","recordingStatus","setRecordingStatus","useEffect","start","useCallback","startTimer","audioFile","stopTimer","stop","cancel","_f","recordingTime","setRecordingTime","timer","interval","setInterval","prevTime","newTime","clearInterval","recordingLimit"],"mappings":"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"}
+{"version":3,"file":"useVoiceRecorder.js","sources":["../../../src/hooks/VoiceRecorder/useVoiceRecorder.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { VoiceRecorderEventHandler, useVoiceRecorderContext } from '.';\nimport useSendbirdStateContext from '../useSendbirdStateContext';\n\n// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {\n//   /**\n//    * onRecordingStarted\n//    * onRecordingEnded\n//    */\n// }\nexport const VoiceRecorderStatus = {\n  PREPARING: 'PREPARING',\n  READY_TO_RECORD: 'READY_TO_RECORD',\n  RECORDING: 'RECORDING',\n  COMPLETED: 'COMPLETED',\n} as const;\nexport type VoiceRecorderStatus = typeof VoiceRecorderStatus[keyof typeof VoiceRecorderStatus];\nexport interface UseVoiceRecorderContext {\n  start: () => void;\n  stop: () => void;\n  cancel: () => void;\n  recordingLimit: number;\n  recordingTime: number;\n  recordedFile: File;\n  recordingStatus: VoiceRecorderStatus;\n}\n\nconst noop = () => {/* noop */};\n\nexport const useVoiceRecorder = ({\n  onRecordingStarted = noop,\n  onRecordingEnded = noop,\n}: VoiceRecorderEventHandler): UseVoiceRecorderContext => {\n  const { config } = useSendbirdStateContext();\n  const { voiceRecord } = config;\n  const { maxRecordingTime } = voiceRecord;\n  const voiceRecorder = useVoiceRecorderContext();\n  const { isRecordable } = voiceRecorder;\n\n  const [recordedFile, setRecordedFile] = useState<File>(null);\n  const [recordingStatus, setRecordingStatus] = useState<VoiceRecorderStatus>(VoiceRecorderStatus.PREPARING);\n  useEffect(() => {\n    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {\n      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);\n    }\n  }, [isRecordable]);\n\n  const start = useCallback(() => {\n    voiceRecorder?.start({\n      onRecordingStarted: () => {\n        setRecordingStatus(VoiceRecorderStatus.RECORDING);\n        onRecordingStarted();\n        startTimer();\n      },\n      onRecordingEnded: (audioFile) => {\n        setRecordingStatus(VoiceRecorderStatus.COMPLETED);\n        onRecordingEnded(audioFile);\n        setRecordedFile(audioFile);\n        stopTimer();\n      },\n    });\n  }, [onRecordingStarted, onRecordingEnded]);\n  const stop = useCallback(() => {\n    voiceRecorder?.stop();\n    stopTimer();\n  }, [voiceRecorder]);\n  const cancel = useCallback(() => {\n    stop();\n    setRecordedFile(null);\n  }, [voiceRecorder]);\n\n  // Timer\n  const [recordingTime, setRecordingTime] = useState<number>(0);\n  let timer: ReturnType<typeof setInterval> = null;\n  function startTimer() {\n    stopTimer();\n    setRecordingTime(0);\n    const interval = setInterval(() => {\n      setRecordingTime(prevTime => {\n        const newTime = prevTime + 100;\n        if (newTime > maxRecordingTime) {\n          stopTimer();\n        }\n        return newTime;\n      });\n    }, 100);\n    timer = interval;\n  }\n  function stopTimer() {\n    clearInterval(timer);\n    timer = null;\n  }\n  useEffect(() => {\n    if (recordingTime > maxRecordingTime) {\n      stop();\n    }\n  }, [recordingTime, maxRecordingTime, stop]);\n\n  return ({\n    start,\n    stop,\n    cancel,\n    recordingStatus,\n    recordingTime,\n    recordedFile,\n    recordingLimit: maxRecordingTime,\n  });\n};\n"],"names":["VoiceRecorderStatus","PREPARING","READY_TO_RECORD","RECORDING","COMPLETED","noop","useVoiceRecorder","_a","_b","onRecordingStarted","_c","onRecordingEnded","config","useSendbirdStateContext","voiceRecord","maxRecordingTime","voiceRecorder","useVoiceRecorderContext","isRecordable","_d","useState","recordedFile","setRecordedFile","_e","recordingStatus","setRecordingStatus","useEffect","start","useCallback","startTimer","audioFile","stopTimer","stop","cancel","_f","recordingTime","setRecordingTime","timer","interval","setInterval","prevTime","newTime","clearInterval","recordingLimit"],"mappings":"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"}

package/cjs/{_rollupPluginBabelHelpers-818d7e95.js → _rollupPluginBabelHelpers-633418dc.js}

@@ -60,4 +60,4 @@ function _extends() {
 
 exports._extends = _extends;
 exports._objectSpread2 = _objectSpread2;
-//# sourceMappingURL=_rollupPluginBabelHelpers-818d7e95.js.map
+//# sourceMappingURL=_rollupPluginBabelHelpers-633418dc.js.map

package/cjs/_rollupPluginBabelHelpers-633418dc.js.map

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

package/cjs/{actionTypes-0a67a40a.js → actionTypes-f060bac2.js}

@@ -7,4 +7,4 @@ const UPDATE_USER_INFO = 'UPDATE_USER_INFO';
 exports.INIT_USER = INIT_USER;
 exports.RESET_USER = RESET_USER;
 exports.UPDATE_USER_INFO = UPDATE_USER_INFO;
-//# sourceMappingURL=actionTypes-0a67a40a.js.map
+//# sourceMappingURL=actionTypes-f060bac2.js.map

package/cjs/{actionTypes-0a67a40a.js.map → actionTypes-f060bac2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"actionTypes-0a67a40a.js","sources":["../../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":";;AAAO,MAAMA,SAAS,GAAG,YAAlB;AACA,MAAMC,UAAU,GAAG,aAAnB;AAEA,MAAMC,gBAAgB,GAAG;;;;;;"}
+{"version":3,"file":"actionTypes-f060bac2.js","sources":["../../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":";;AAAO,MAAMA,SAAS,GAAG,YAAlB;AACA,MAAMC,UAAU,GAAG,aAAnB;AAEA,MAAMC,gBAAgB,GAAG;;;;;;"}

package/cjs/{color-d2329a70.js → color-ea4d0fa8.js}

@@ -42,4 +42,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=color-d2329a70.js.map
+//# sourceMappingURL=color-ea4d0fa8.js.map

package/cjs/{color-d2329a70.js.map → color-ea4d0fa8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"color-d2329a70.js","sources":["../../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n  ONBACKGROUND_1 = 'ONBACKGROUND_1',\n  ONBACKGROUND_2 = 'ONBACKGROUND_2',\n  ONBACKGROUND_3 = 'ONBACKGROUND_3',\n  ONBACKGROUND_4 = 'ONBACKGROUND_4',\n  ONCONTENT_1 = 'ONCONTENT_1',\n  ONCONTENT_2 = 'ONCONTENT_2',\n  PRIMARY = 'PRIMARY',\n  ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n    case Colors.PRIMARY: return 'sendbird-color--primary';\n    case Colors.ERROR: return 'sendbird-color--error';\n    default: return null;\n  }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":";;AAEYA,wBAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,cAAM,KAANA,cAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,cAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,cAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,cAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,cAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,cAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,cAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,cAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}
+{"version":3,"file":"color-ea4d0fa8.js","sources":["../../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n  ONBACKGROUND_1 = 'ONBACKGROUND_1',\n  ONBACKGROUND_2 = 'ONBACKGROUND_2',\n  ONBACKGROUND_3 = 'ONBACKGROUND_3',\n  ONBACKGROUND_4 = 'ONBACKGROUND_4',\n  ONCONTENT_1 = 'ONCONTENT_1',\n  ONCONTENT_2 = 'ONCONTENT_2',\n  PRIMARY = 'PRIMARY',\n  ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n    case Colors.PRIMARY: return 'sendbird-color--primary';\n    case Colors.ERROR: return 'sendbird-color--error';\n    default: return null;\n  }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":";;AAEYA,wBAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,cAAM,KAANA,cAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,cAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,cAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,cAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,cAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,cAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,cAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,cAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}

package/cjs/{compareIds-ae657885.js → compareIds-2ed18fb9.js}

@@ -15,4 +15,4 @@ function compareIds (a, b) {
 }
 
 exports.compareIds = compareIds;
-//# sourceMappingURL=compareIds-ae657885.js.map
+//# sourceMappingURL=compareIds-2ed18fb9.js.map

package/cjs/{compareIds-ae657885.js.map → compareIds-2ed18fb9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"compareIds-ae657885.js","sources":["../../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":";;AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}
+{"version":3,"file":"compareIds-2ed18fb9.js","sources":["../../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":";;AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}

package/cjs/{const-76d95d9b.js → const-81f175a7.js}

@@ -19,4 +19,4 @@ var NodeNames = {
 exports.MessageInputKeys = MessageInputKeys;
 exports.NodeNames = NodeNames;
 exports.NodeTypes = NodeTypes;
-//# sourceMappingURL=const-76d95d9b.js.map
+//# sourceMappingURL=const-81f175a7.js.map

package/cjs/{const-76d95d9b.js.map → const-81f175a7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-76d95d9b.js","sources":["../../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;;;"}
+{"version":3,"file":"const-81f175a7.js","sources":["../../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;;;"}

package/cjs/{const-c1eec493.js → const-be830118.js}

@@ -17,4 +17,4 @@ exports.MAX_USER_SUGGESTION_COUNT = MAX_USER_SUGGESTION_COUNT;
 exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
 exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
 exports.USER_MENTION_TEMP_CHAR = USER_MENTION_TEMP_CHAR;
-//# sourceMappingURL=const-c1eec493.js.map
+//# sourceMappingURL=const-be830118.js.map

package/cjs/{const-c1eec493.js.map → const-be830118.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-c1eec493.js","sources":["../../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n\nexport enum ThreadReplySelectType {\n  PARENT = 'PARENT',\n  THREAD = 'THREAD',\n}\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR","ThreadReplySelectType"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG,IAA/B;AAEKC,uCAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACD,CAHD,EAAYA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAHgC,CAAjC,CAAA;;;;;;;;"}
+{"version":3,"file":"const-be830118.js","sources":["../../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n\nexport enum ThreadReplySelectType {\n  PARENT = 'PARENT',\n  THREAD = 'THREAD',\n}\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR","ThreadReplySelectType"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG,IAA/B;AAEKC,uCAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACD,CAHD,EAAYA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAHgC,CAAjC,CAAA;;;;;;;;"}

package/cjs/{consts-22207ff1.js → consts-a83dba32.js}

@@ -37,4 +37,4 @@ exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
 exports.VOICE_RECORDER_MIME_TYPE = VOICE_RECORDER_MIME_TYPE;
-//# sourceMappingURL=consts-22207ff1.js.map
+//# sourceMappingURL=consts-a83dba32.js.map

package/cjs/{consts-22207ff1.js.map → consts-a83dba32.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-22207ff1.js","sources":["../../src/utils/consts.ts"],"sourcesContent":["export const SCROLL_BUFFER = 10;\n\n// voice message record\nexport const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;\nexport const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds\nexport const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes\nexport const VOICE_RECORDER_MIME_TYPE = 'audio/webm';\nexport const VOICE_RECORDER_AUDIO_BITS = 128000;\n\n// voice message play\nexport const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;\nexport const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;\n\n/**\n * Append Audio element to the root\n * because I can't get the Audio element in the useEffect unmount scope\n */\nexport const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';\nexport const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';\n\n// voice message file\nexport const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';\nexport const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';\n\n// meta array\nexport const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\nexport const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';\n"],"names":["SCROLL_BUFFER","VOICE_RECORDER_CLICK_BUFFER_TIME","VOICE_RECORDER_DEFAULT_MIN","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_MIME_TYPE","VOICE_RECORDER_AUDIO_BITS","VOICE_PLAYER_ROOT_ID","VOICE_PLAYER_AUDIO_ID","VOICE_MESSAGE_FILE_NAME","VOICE_MESSAGE_MIME_TYPE","META_ARRAY_VOICE_DURATION_KEY","META_ARRAY_MESSAGE_TYPE_KEY","META_ARRAY_MESSAGE_TYPE_VALUE__VOICE"],"mappings":";;AAAaA,IAAAA,aAAa,GAAG;;AAGtB,IAAMC,gCAAgC,GAAG,IAAzC;AACMC,IAAAA,0BAA0B,GAAG;;AAC7BC,IAAAA,0BAA0B,GAAG;;AACnC,IAAMC,wBAAwB,GAAG,aAAjC;AACMC,IAAAA,yBAAyB,GAAG;AAMzC;;;AAGG;;AACI,IAAMC,oBAAoB,GAAG,sCAA7B;AACMC,IAAAA,qBAAqB,GAAG;;AAG9B,IAAMC,uBAAuB,GAAG,oBAAhC;AACMC,IAAAA,uBAAuB,GAAG;;AAGhC,IAAMC,6BAA6B,GAAG,6BAAtC;AACA,IAAMC,2BAA2B,GAAG,4BAApC;AACA,IAAMC,oCAAoC,GAAG;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"consts-a83dba32.js","sources":["../../src/utils/consts.ts"],"sourcesContent":["export const SCROLL_BUFFER = 10;\n\n// voice message record\nexport const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;\nexport const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds\nexport const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes\nexport const VOICE_RECORDER_MIME_TYPE = 'audio/webm';\nexport const VOICE_RECORDER_AUDIO_BITS = 128000;\n\n// voice message play\nexport const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;\nexport const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;\n\n/**\n * Append Audio element to the root\n * because I can't get the Audio element in the useEffect unmount scope\n */\nexport const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';\nexport const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';\n\n// voice message file\nexport const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';\nexport const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';\n\n// meta array\nexport const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\nexport const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';\n"],"names":["SCROLL_BUFFER","VOICE_RECORDER_CLICK_BUFFER_TIME","VOICE_RECORDER_DEFAULT_MIN","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_MIME_TYPE","VOICE_RECORDER_AUDIO_BITS","VOICE_PLAYER_ROOT_ID","VOICE_PLAYER_AUDIO_ID","VOICE_MESSAGE_FILE_NAME","VOICE_MESSAGE_MIME_TYPE","META_ARRAY_VOICE_DURATION_KEY","META_ARRAY_MESSAGE_TYPE_KEY","META_ARRAY_MESSAGE_TYPE_VALUE__VOICE"],"mappings":";;AAAaA,IAAAA,aAAa,GAAG;;AAGtB,IAAMC,gCAAgC,GAAG,IAAzC;AACMC,IAAAA,0BAA0B,GAAG;;AAC7BC,IAAAA,0BAA0B,GAAG;;AACnC,IAAMC,wBAAwB,GAAG,aAAjC;AACMC,IAAAA,yBAAyB,GAAG;AAMzC;;;AAGG;;AACI,IAAMC,oBAAoB,GAAG,sCAA7B;AACMC,IAAAA,qBAAqB,GAAG;;AAG9B,IAAMC,uBAAuB,GAAG,oBAAhC;AACMC,IAAAA,uBAAuB,GAAG;;AAGhC,IAAMC,6BAA6B,GAAG,6BAAtC;AACA,IAAMC,2BAA2B,GAAG,4BAApC;AACA,IAAMC,oCAAoC,GAAG;;;;;;;;;;;;;;;;"}

package/cjs/{consts-2c20d358.js → consts-d23893f6.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=consts-2c20d358.js.map
+//# sourceMappingURL=consts-d23893f6.js.map

package/cjs/{consts-2c20d358.js.map → consts-d23893f6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-2c20d358.js","sources":["../../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":";;AAAO,IAAMA,4BAA4B,GAAG;;;;"}
+{"version":3,"file":"consts-d23893f6.js","sources":["../../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":";;AAAO,IAAMA,4BAA4B,GAAG;;;;"}

package/cjs/{context-7826d2d3.js → context-443d1d6b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./utils-966a10b2.js');
+var utils = require('./utils-c545d55f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,4 +16,4 @@ var Provider = Context.Provider;
 
 exports.Consumer = Consumer;
 exports.Provider = Provider;
-//# sourceMappingURL=context-7826d2d3.js.map
+//# sourceMappingURL=context-443d1d6b.js.map

package/cjs/{context-7826d2d3.js.map → context-443d1d6b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-7826d2d3.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,UAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}
+{"version":3,"file":"context-443d1d6b.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,UAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}

package/cjs/dist/index.css

@@ -58,97 +58,124 @@
 .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
   background-color: var(--sendbird-dark-background-300);
 }
-.sendbird-open-channel-list,
-.sendbird-open-channel-list-ui {
+.sendbird-open-channel-preview {
   position: relative;
   display: inline-flex;
-  flex-direction: column;
-  width: 256px;
-  min-width: 256px;
-  height: 100%;
+  flex-direction: row;
+  width: 264px;
+  height: 58px;
+  min-width: 264px;
+  min-height: 58px;
   box-sizing: border-box;
 }
-.sendbird--mobile-mode .sendbird-open-channel-list,
-.sendbird--mobile-mode .sendbird-open-channel-list-ui {
+.sendbird--mobile-mode .sendbird-open-channel-preview {
   width: 100%;
 }
-.sendbird-theme--light .sendbird-open-channel-list,
-.sendbird-theme--light .sendbird-open-channel-list-ui {
-  border-right: solid 1px var(--sendbird-light-onlight-04);
+.sendbird-theme--light .sendbird-open-channel-preview {
+  background-color: var(--sendbird-light-background-50);
+  border-bottom: solid 1px var(--sendbird-light-onlight-04);
 }
-.sendbird-theme--dark .sendbird-open-channel-list,
-.sendbird-theme--dark .sendbird-open-channel-list-ui {
-  border-right: solid 1px var(--sendbird-dark-ondark-04);
+.sendbird-theme--dark .sendbird-open-channel-preview {
+  background-color: var(--sendbird-dark-background-600);
+  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
-  position: relative;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-  height: 64px;
-  box-sizing: border-box;
+.sendbird-theme--light .sendbird-open-channel-preview:hover {
+  background-color: var(--sendbird-light-background-100);
 }
-.sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
-.sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
-  border-bottom: solid 1px var(--sendbird-light-onlight-04);
+.sendbird-theme--dark .sendbird-open-channel-preview:hover {
+  background-color: var(--sendbird-dark-background-500);
 }
-.sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
-.sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
-  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
+.sendbird-theme--light .sendbird-open-channel-preview.selected {
+  background-color: var(--sendbird-light-primary-100);
+  border-left: solid 4px var(--sendbird-light-primary-300);
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
+.sendbird-theme--dark .sendbird-open-channel-preview.selected {
+  background-color: var(--sendbird-dark-primary-300);
+  border-left: solid 4px var(--sendbird-dark-primary-200);
+}
+.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
   position: relative;
-  margin-left: 24px;
+  margin-top: 8px;
+  margin-left: 16px;
   display: inline-flex;
   align-items: center;
+  justify-content: center;
+  width: 42px;
+  height: 42px;
   box-sizing: border-box;
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
-  position: absolute;
-  top: 16px;
-  right: 56px;
+.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
+.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
+  position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
-  position: absolute;
-  top: 16px;
-  right: 16px;
+.sendbird-open-channel-preview .sendbird-open-channel-preview__context {
+  position: relative;
+  margin-top: 8px;
+  margin-left: 16px;
   display: inline-flex;
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
+  max-width: 178px;
   box-sizing: border-box;
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
+.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
   position: relative;
   display: inline-flex;
-  flex-direction: column;
+  flex-direction: row;
+  align-items: center;
   width: 100%;
-  height: calc(100% - 64px);
+  height: 16px;
   box-sizing: border-box;
-  overflow-y: scroll;
 }
-
-.sendbird-open-channel-list-ui__channel-list--place-holder--loading {
+.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
   position: relative;
-  min-height: 62px;
+  display: inline-block;
+  max-width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  word-break: keep-all;
+}
+.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
+  max-width: calc(100% - 20px);
+}
+.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
+  position: relative;
+  margin-left: 4px;
+  display: inline-flex;
+}
+.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
+  position: relative;
+  margin-top: 8px;
   display: inline-flex;
+  flex-direction: row;
   align-items: center;
-  justify-content: center;
+  width: 100%;
+  height: 14px;
+  box-sizing: border-box;
 }
-.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
-  background-color: var(--sendbird-light-background-100);
+.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
+  position: relative;
+  display: inline-flex;
+  width: 14px;
+  height: 14px;
+  box-sizing: border-box;
 }
-.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
-  background-color: var(--sendbird-dark-background-500);
+.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
+  position: relative;
+  margin-left: 4px;
+  display: inline-flex;
+  width: 160px;
+  max-width: 160px;
+  height: 12px;
+  box-sizing: border-box;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  word-break: keep-all;
 }
 .sendbird-create-open-channel-ui {
   position: relative;
@@ -205,124 +232,97 @@
   display: inline-flex;
   flex-direction: row;
 }
-.sendbird-open-channel-preview {
+.sendbird-open-channel-list,
+.sendbird-open-channel-list-ui {
   position: relative;
   display: inline-flex;
-  flex-direction: row;
-  width: 264px;
-  height: 58px;
-  min-width: 264px;
-  min-height: 58px;
+  flex-direction: column;
+  width: 256px;
+  min-width: 256px;
+  height: 100%;
   box-sizing: border-box;
 }
-.sendbird--mobile-mode .sendbird-open-channel-preview {
+.sendbird--mobile-mode .sendbird-open-channel-list,
+.sendbird--mobile-mode .sendbird-open-channel-list-ui {
   width: 100%;
 }
-.sendbird-theme--light .sendbird-open-channel-preview {
-  background-color: var(--sendbird-light-background-50);
-  border-bottom: solid 1px var(--sendbird-light-onlight-04);
-}
-.sendbird-theme--dark .sendbird-open-channel-preview {
-  background-color: var(--sendbird-dark-background-600);
-  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
+.sendbird-theme--light .sendbird-open-channel-list,
+.sendbird-theme--light .sendbird-open-channel-list-ui {
+  border-right: solid 1px var(--sendbird-light-onlight-04);
 }
-.sendbird-theme--light .sendbird-open-channel-preview:hover {
-  background-color: var(--sendbird-light-background-100);
+.sendbird-theme--dark .sendbird-open-channel-list,
+.sendbird-theme--dark .sendbird-open-channel-list-ui {
+  border-right: solid 1px var(--sendbird-dark-ondark-04);
 }
-.sendbird-theme--dark .sendbird-open-channel-preview:hover {
-  background-color: var(--sendbird-dark-background-500);
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  height: 64px;
+  box-sizing: border-box;
 }
-.sendbird-theme--light .sendbird-open-channel-preview.selected {
-  background-color: var(--sendbird-light-primary-100);
-  border-left: solid 4px var(--sendbird-light-primary-300);
+.sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
+.sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
+  border-bottom: solid 1px var(--sendbird-light-onlight-04);
 }
-.sendbird-theme--dark .sendbird-open-channel-preview.selected {
-  background-color: var(--sendbird-dark-primary-300);
-  border-left: solid 4px var(--sendbird-dark-primary-200);
+.sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
+.sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
+  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
 }
-.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
   position: relative;
-  margin-top: 8px;
-  margin-left: 16px;
+  margin-left: 24px;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
-  width: 42px;
-  height: 42px;
   box-sizing: border-box;
 }
-.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
-.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
-  position: relative;
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
+  position: absolute;
+  top: 16px;
+  right: 56px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
 }
-.sendbird-open-channel-preview .sendbird-open-channel-preview__context {
-  position: relative;
-  margin-top: 8px;
-  margin-left: 16px;
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
+  position: absolute;
+  top: 16px;
+  right: 16px;
   display: inline-flex;
-  flex-direction: column;
-  max-width: 178px;
+  align-items: center;
+  justify-content: center;
   box-sizing: border-box;
 }
-.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
   position: relative;
   display: inline-flex;
-  flex-direction: row;
-  align-items: center;
+  flex-direction: column;
   width: 100%;
-  height: 16px;
-  box-sizing: border-box;
-}
-.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
-  position: relative;
-  display: inline-block;
-  max-width: 100%;
-  height: 100%;
+  height: calc(100% - 64px);
   box-sizing: border-box;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  word-break: keep-all;
-}
-.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
-  max-width: calc(100% - 20px);
-}
-.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
-  position: relative;
-  margin-left: 4px;
-  display: inline-flex;
+  overflow-y: scroll;
 }
-.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
+
+.sendbird-open-channel-list-ui__channel-list--place-holder--loading {
   position: relative;
-  margin-top: 8px;
+  min-height: 62px;
   display: inline-flex;
-  flex-direction: row;
   align-items: center;
-  width: 100%;
-  height: 14px;
-  box-sizing: border-box;
+  justify-content: center;
 }
-.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
-  position: relative;
-  display: inline-flex;
-  width: 14px;
-  height: 14px;
-  box-sizing: border-box;
+.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
+  background-color: var(--sendbird-light-background-100);
 }
-.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
-  position: relative;
-  margin-left: 4px;
-  display: inline-flex;
-  width: 160px;
-  max-width: 160px;
-  height: 12px;
-  box-sizing: border-box;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  word-break: keep-all;
+.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
+  background-color: var(--sendbird-dark-background-500);
 }
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
 :root {