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

package/cjs/{useLongPress-640ea281.js.map → useLongPress-f3ee01a0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useLongPress-640ea281.js","sources":["../../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault, {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_a","_b","onLongPress","onClick","_c","_d","delay","_e","shouldPreventDefault","isMobile","useMediaQueryContext","_f","useState","longPressTriggered","setLongPressTriggered","_g","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","__assign","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}
+{"version":3,"file":"useLongPress-f3ee01a0.js","sources":["../../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault, {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_a","_b","onLongPress","onClick","_c","_d","delay","_e","shouldPreventDefault","isMobile","useMediaQueryContext","_f","useState","longPressTriggered","setLongPressTriggered","_g","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","__assign","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}

package/cjs/useSendbirdStateContext.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var withSendbird = require('./withSendbird.js');
-require('./tslib.es6-957ba986.js');
+require('./tslib.es6-8f4b0cfe.js');
 
 /**
  * Example:

package/cjs/utils/message/isVoiceMessage.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../index-d6f14382.js');
-require('../../tslib.es6-957ba986.js');
+var index = require('../../index-2ac1f908.js');
+require('../../tslib.es6-8f4b0cfe.js');
 require('./getOutgoingMessageState.js');
 
 var isVoiceMessage = index.isVoiceMessage;

package/cjs/{utils-a82eaed9.js → utils-1038446c.js}

@@ -3,4 +3,4 @@
 const noop = () => {};
 
 exports.noop = noop;
-//# sourceMappingURL=utils-a82eaed9.js.map
+//# sourceMappingURL=utils-1038446c.js.map

package/cjs/{utils-a82eaed9.js.map → utils-1038446c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-a82eaed9.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;MAAaA,IAAI,GAAGA,MAAM;;;;"}
+{"version":3,"file":"utils-1038446c.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;MAAaA,IAAI,GAAGA,MAAM;;;;"}

package/cjs/{utils-93739833.js → utils-3f3c2287.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ui_Label = require('./index-3d6159df.js');
+var ui_Label = require('./index-b8a20afd.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
   var _a;
@@ -24,4 +24,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=utils-93739833.js.map
+//# sourceMappingURL=utils-3f3c2287.js.map

package/cjs/{utils-93739833.js.map → utils-3f3c2287.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-93739833.js","sources":["../../src/smart-components/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string },\n): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!channel?.name && !channel?.members) {\n    return LABEL_STRING_SET.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n\n  if (channel?.members?.length === 1) {\n    return LABEL_STRING_SET.NO_MEMBERS;\n  }\n\n  return channel?.members\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n    .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join"],"mappings":";;;;AAGO,IAAMA,eAAe,GAAG,UAC7BC,OAAqB,EACrBC,aAAqB,EACrBC,SAAsC,EAAA;;AAEtC,EAAA,IAAMC,gBAAgB,GAAgCD,SAAS,IAAIE,uBAAc,CAAA;AACjF,EAAA,IAAI,EAACJ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEK,IAAI,CAAA,IAAI,EAACL,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEM,OAAO,CAAA,EAAE;IACvC,OAAOH,gBAAgB,CAACI,QAAQ,CAAA;AACjC,GAAA;EACD,IAAI,CAAAP,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEK,IAAI,KAAIL,OAAO,CAACK,IAAI,KAAK,eAAe,EAAE;IACrD,OAAOL,OAAO,CAACK,IAAI,CAAA;AACpB,GAAA;AAED,EAAA,IAAI,CAAA,CAAAG,EAAA,GAAAR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEM,OAAO,MAAA,IAAA,IAAAE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEC,MAAM,MAAK,CAAC,EAAE;IAClC,OAAON,gBAAgB,CAACO,UAAU,CAAA;AACnC,GAAA;EAED,OAAOV,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAO,CACpBK,MAAM,CAAC,UAACH,EAAU,EAAA;AAAR,IAAA,IAAAI,MAAM,GAAAJ,EAAA,CAAAI,MAAA,CAAA;IAAO,OAAAA,MAAM,KAAKX,aAAa,CAAA;AAAxB,GAAwB,CAC/C,CAAAY,GAAG,CAAC,UAACL,EAAY,EAAA;AAAV,IAAA,IAAAM,QAAQ,GAAAN,EAAA,CAAAM,QAAA,CAAA;AAAO,IAAA,OAACA,QAAQ,IAAIX,gBAAgB,CAACY,OAAO,CAAA;AAArC,GAAsC,CAC5D,CAAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACf;;;;"}
+{"version":3,"file":"utils-3f3c2287.js","sources":["../../src/smart-components/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string },\n): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!channel?.name && !channel?.members) {\n    return LABEL_STRING_SET.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n\n  if (channel?.members?.length === 1) {\n    return LABEL_STRING_SET.NO_MEMBERS;\n  }\n\n  return channel?.members\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n    .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join"],"mappings":";;;;AAGO,IAAMA,eAAe,GAAG,UAC7BC,OAAqB,EACrBC,aAAqB,EACrBC,SAAsC,EAAA;;AAEtC,EAAA,IAAMC,gBAAgB,GAAgCD,SAAS,IAAIE,uBAAc,CAAA;AACjF,EAAA,IAAI,EAACJ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEK,IAAI,CAAA,IAAI,EAACL,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEM,OAAO,CAAA,EAAE;IACvC,OAAOH,gBAAgB,CAACI,QAAQ,CAAA;AACjC,GAAA;EACD,IAAI,CAAAP,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEK,IAAI,KAAIL,OAAO,CAACK,IAAI,KAAK,eAAe,EAAE;IACrD,OAAOL,OAAO,CAACK,IAAI,CAAA;AACpB,GAAA;AAED,EAAA,IAAI,CAAA,CAAAG,EAAA,GAAAR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEM,OAAO,MAAA,IAAA,IAAAE,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEC,MAAM,MAAK,CAAC,EAAE;IAClC,OAAON,gBAAgB,CAACO,UAAU,CAAA;AACnC,GAAA;EAED,OAAOV,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAO,CACpBK,MAAM,CAAC,UAACH,EAAU,EAAA;AAAR,IAAA,IAAAI,MAAM,GAAAJ,EAAA,CAAAI,MAAA,CAAA;IAAO,OAAAA,MAAM,KAAKX,aAAa,CAAA;AAAxB,GAAwB,CAC/C,CAAAY,GAAG,CAAC,UAACL,EAAY,EAAA;AAAV,IAAA,IAAAM,QAAQ,GAAAN,EAAA,CAAAM,QAAA,CAAA;AAAO,IAAA,OAACA,QAAQ,IAAIX,gBAAgB,CAACY,OAAO,CAAA;AAArC,GAAsC,CAC5D,CAAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACf;;;;"}

package/cjs/{utils-dd55b959.js → utils-6a97ff3a.js}

@@ -32,4 +32,4 @@ var generateDefaultAvatar = function (channel) {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=utils-dd55b959.js.map
+//# sourceMappingURL=utils-6a97ff3a.js.map

package/cjs/{utils-dd55b959.js.map → utils-6a97ff3a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-dd55b959.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n  if (channel?.coverUrl) {\n    return channel.coverUrl;\n  }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string | Array<string> => {\n  if (channel?.coverUrl) {\n    if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n      return channel.coverUrl;\n    }\n  }\n  return (channel?.members || [])\n    .filter((member) => member.userId !== currentUserId)\n    .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n  if (channel?.coverUrl) {\n    if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n      return true;\n    }\n    return false;\n  }\n  return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar","concat"],"mappings":";;AAGO,IAAMA,kBAAkB,GAAG,iDAAiD,CAAA;IAEtEC,oBAAoB,GAAG,UAACC,OAAoB,EAAA;AACvD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,EAAE;IACrB,OAAOD,OAAO,CAACC,QAAQ,CAAA;AACxB,GAAA;AACH,EAAC;AAEM,IAAMC,sBAAsB,GAAG,UAACF,OAAqB,EAAEG,aAAqB,EAAA;AACjF,EAAA,IAAIH,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,EAAE;AACrB,IAAA,IAAI,CAAE,IAAIG,MAAM,CAAC,WAAIN,kBAAkB,CAAE,CAAC,CAACO,IAAI,CAACL,OAAO,CAACC,QAAQ,CAAE,EAAE;MAClE,OAAOD,OAAO,CAACC,QAAQ,CAAA;AACxB,KAAA;AACF,GAAA;EACD,OAAO,CAAC,CAAAD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAO,KAAI,EAAE,EAC3BC,MAAM,CAAC,UAACC,MAAM,EAAA;AAAK,IAAA,OAAAA,MAAM,CAACC,MAAM,KAAKN,aAAa,CAAA;AAA/B,GAA+B,CAAC,CACnDO,GAAG,CAAC,UAACC,EAAc,EAAA;AAAZ,IAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA,CAAA;AAAO,IAAA,OAAAA,UAAU,CAAA;AAAV,GAAU,CAAC,CAAA;AACxC,EAAC;IAEYC,qBAAqB,GAAG,UAACb,OAAqB,EAAA;AACzD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,EAAE;AACrB,IAAA,IAAI,IAAIG,MAAM,CAAC,GAAA,CAAAU,MAAA,CAAIhB,kBAAkB,CAAE,CAAC,CAACO,IAAI,CAACL,OAAO,CAACC,QAAQ,CAAC,EAAE;AAC/D,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;AACD,IAAA,OAAO,KAAK,CAAA;AACb,GAAA;AACD,EAAA,OAAO,IAAI,CAAA;AACb;;;;;;"}
+{"version":3,"file":"utils-6a97ff3a.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n  if (channel?.coverUrl) {\n    return channel.coverUrl;\n  }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string | Array<string> => {\n  if (channel?.coverUrl) {\n    if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n      return channel.coverUrl;\n    }\n  }\n  return (channel?.members || [])\n    .filter((member) => member.userId !== currentUserId)\n    .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n  if (channel?.coverUrl) {\n    if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n      return true;\n    }\n    return false;\n  }\n  return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar","concat"],"mappings":";;AAGO,IAAMA,kBAAkB,GAAG,iDAAiD,CAAA;IAEtEC,oBAAoB,GAAG,UAACC,OAAoB,EAAA;AACvD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,EAAE;IACrB,OAAOD,OAAO,CAACC,QAAQ,CAAA;AACxB,GAAA;AACH,EAAC;AAEM,IAAMC,sBAAsB,GAAG,UAACF,OAAqB,EAAEG,aAAqB,EAAA;AACjF,EAAA,IAAIH,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,EAAE;AACrB,IAAA,IAAI,CAAE,IAAIG,MAAM,CAAC,WAAIN,kBAAkB,CAAE,CAAC,CAACO,IAAI,CAACL,OAAO,CAACC,QAAQ,CAAE,EAAE;MAClE,OAAOD,OAAO,CAACC,QAAQ,CAAA;AACxB,KAAA;AACF,GAAA;EACD,OAAO,CAAC,CAAAD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAO,KAAI,EAAE,EAC3BC,MAAM,CAAC,UAACC,MAAM,EAAA;AAAK,IAAA,OAAAA,MAAM,CAACC,MAAM,KAAKN,aAAa,CAAA;AAA/B,GAA+B,CAAC,CACnDO,GAAG,CAAC,UAACC,EAAc,EAAA;AAAZ,IAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAA,CAAA;AAAO,IAAA,OAAAA,UAAU,CAAA;AAAV,GAAU,CAAC,CAAA;AACxC,EAAC;IAEYC,qBAAqB,GAAG,UAACb,OAAqB,EAAA;AACzD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,EAAE;AACrB,IAAA,IAAI,IAAIG,MAAM,CAAC,GAAA,CAAAU,MAAA,CAAIhB,kBAAkB,CAAE,CAAC,CAACO,IAAI,CAACL,OAAO,CAACC,QAAQ,CAAC,EAAE;AAC/D,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;AACD,IAAA,OAAO,KAAK,CAAA;AACb,GAAA;AACD,EAAA,OAAO,IAAI,CAAA;AACb;;;;;;"}

package/cjs/{utils-7346a672.js → utils-98ac09d1.js}

@@ -25,4 +25,4 @@ var copyToClipboard = function (text) {
 };
 
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=utils-7346a672.js.map
+//# sourceMappingURL=utils-98ac09d1.js.map

package/cjs/{utils-7346a672.js.map → utils-98ac09d1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-7346a672.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;IAAaA,eAAe,GAAG,UAACC,IAAY,EAAA;AAC1C;EACA,IAAIC,MAAM,CAACC,aAAa,IAAID,MAAM,CAACC,aAAa,CAACC,OAAO,EAAE;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAa,CAACC,OAAO,CAAC,MAAM,EAAEH,IAAI,CAAC,CAAA;AAClD,GAAA;EACD,IAAII,QAAQ,CAACC,qBAAqB,IAAID,QAAQ,CAACC,qBAAqB,CAAC,MAAM,CAAC,EAAE;AAC5E,IAAA,IAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAa,CAAC,UAAU,CAAC,CAAA;IACnDD,QAAQ,CAACE,WAAW,GAAGR,IAAI,CAAA;AAC3BM,IAAAA,QAAQ,CAACG,KAAK,CAACC,QAAQ,GAAG,OAAO,CAAC;AAClCN,IAAAA,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACN,QAAQ,CAAC,CAAA;IACnCA,QAAQ,CAACO,MAAM,EAAE,CAAA;IACjB,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAW,CAAC,MAAM,CAAC,CAAC;KACrC,CAAC,OAAOC,EAAE,EAAE;AACX,MAAA,OAAO,KAAK,CAAA;AACb,KAAA,SAAS;AACRX,MAAAA,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACV,QAAQ,CAAC,CAAA;AACpC,KAAA;AACF,GAAA;AACD,EAAA,OAAO,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"utils-98ac09d1.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;IAAaA,eAAe,GAAG,UAACC,IAAY,EAAA;AAC1C;EACA,IAAIC,MAAM,CAACC,aAAa,IAAID,MAAM,CAACC,aAAa,CAACC,OAAO,EAAE;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAa,CAACC,OAAO,CAAC,MAAM,EAAEH,IAAI,CAAC,CAAA;AAClD,GAAA;EACD,IAAII,QAAQ,CAACC,qBAAqB,IAAID,QAAQ,CAACC,qBAAqB,CAAC,MAAM,CAAC,EAAE;AAC5E,IAAA,IAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAa,CAAC,UAAU,CAAC,CAAA;IACnDD,QAAQ,CAACE,WAAW,GAAGR,IAAI,CAAA;AAC3BM,IAAAA,QAAQ,CAACG,KAAK,CAACC,QAAQ,GAAG,OAAO,CAAC;AAClCN,IAAAA,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACN,QAAQ,CAAC,CAAA;IACnCA,QAAQ,CAACO,MAAM,EAAE,CAAA;IACjB,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAW,CAAC,MAAM,CAAC,CAAC;KACrC,CAAC,OAAOC,EAAE,EAAE;AACX,MAAA,OAAO,KAAK,CAAA;AACb,KAAA,SAAS;AACRX,MAAAA,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACV,QAAQ,CAAC,CAAA;AACpC,KAAA;AACF,GAAA;AACD,EAAA,OAAO,KAAK,CAAA;AACd;;;;"}

package/cjs/{uuid-a8af0c03.js → uuid-1ffa3b79.js}

@@ -14,4 +14,4 @@ var uuidv4 = function () {
 };
 
 exports.uuidv4 = uuidv4;
-//# sourceMappingURL=uuid-a8af0c03.js.map
+//# sourceMappingURL=uuid-1ffa3b79.js.map

package/cjs/{uuid-a8af0c03.js.map → uuid-1ffa3b79.js.map}

@@ -1 +1 @@
-{"version":3,"file":"uuid-a8af0c03.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n  const r = Math.random() * 16 | 0;\n  const v = c === 'x' ? r : (r & 0x3 | 0x8);\n  return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACaA,IAAAA,MAAM,GAAG,YAAc;EAAA,OAAA,sCAAsC,CAACC,OAAO,CAAC,OAAO,EAAE,UAACC,CAAC,EAAA;IAC5F,IAAMC,CAAC,GAAGC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAChC,IAAA,IAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAG,GAAI,CAAA;AACzC,IAAA,OAAOG,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAAA;AACvB,GAAC,CAAC,CAAA;AAJkC;;;;"}
+{"version":3,"file":"uuid-1ffa3b79.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n  const r = Math.random() * 16 | 0;\n  const v = c === 'x' ? r : (r & 0x3 | 0x8);\n  return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACaA,IAAAA,MAAM,GAAG,YAAc;EAAA,OAAA,sCAAsC,CAACC,OAAO,CAAC,OAAO,EAAE,UAACC,CAAC,EAAA;IAC5F,IAAMC,CAAC,GAAGC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAChC,IAAA,IAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAG,GAAI,CAAA;AACzC,IAAA,OAAOG,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAAA;AACvB,GAAC,CAAC,CAAA;AAJkC;;;;"}

package/cjs/withSendbird.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-957ba986.js');
+var tslib_es6 = require('./tslib.es6-8f4b0cfe.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{color-2037c3b8.js → color-73049158.js}

@@ -31,4 +31,4 @@ var changeColorToClassName = function (color) {
 };
 
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=color-2037c3b8.js.map
+//# sourceMappingURL=color-73049158.js.map

package/{color-2037c3b8.js.map → color-73049158.js.map}

@@ -1 +1 @@
-{"version":3,"file":"color-2037c3b8.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":"IAEYA,OASX;AATD,CAAA,UAAYA,MAAM,EAAA;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3BA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3BA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EATWA,MAAM,KAANA,MAAM,GASjB,EAAA,CAAA,CAAA,CAAA;IAEYC,sBAAsB,GAAG,UAACC,KAAa,EAAA;AAClD,EAAA,QAAQA,KAAK;IACX,KAAKF,MAAM,CAACG,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKH,MAAM,CAACI,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKJ,MAAM,CAACK,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKL,MAAM,CAACM,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKN,MAAM,CAACO,WAAW;AAAE,MAAA,OAAO,6BAA6B,CAAA;IAC7D,KAAKP,MAAM,CAACQ,OAAO;AAAE,MAAA,OAAO,yBAAyB,CAAA;IACrD,KAAKR,MAAM,CAACS,KAAK;AAAE,MAAA,OAAO,uBAAuB,CAAA;AACjD,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAEzB;;;;"}
+{"version":3,"file":"color-73049158.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":"IAEYA,OASX;AATD,CAAA,UAAYA,MAAM,EAAA;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3BA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3BA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EATWA,MAAM,KAANA,MAAM,GASjB,EAAA,CAAA,CAAA,CAAA;IAEYC,sBAAsB,GAAG,UAACC,KAAa,EAAA;AAClD,EAAA,QAAQA,KAAK;IACX,KAAKF,MAAM,CAACG,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKH,MAAM,CAACI,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKJ,MAAM,CAACK,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKL,MAAM,CAACM,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKN,MAAM,CAACO,WAAW;AAAE,MAAA,OAAO,6BAA6B,CAAA;IAC7D,KAAKP,MAAM,CAACQ,OAAO;AAAE,MAAA,OAAO,yBAAyB,CAAA;IACrD,KAAKR,MAAM,CAACS,KAAK;AAAE,MAAA,OAAO,uBAAuB,CAAA;AACjD,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAEzB;;;;"}

package/{compareIds-b858e41a.js → compareIds-88bffa50.js}

@@ -12,4 +12,4 @@ function compareIds (a, b) {
 }
 
 export { compareIds as c };
-//# sourceMappingURL=compareIds-b858e41a.js.map
+//# sourceMappingURL=compareIds-88bffa50.js.map

package/{compareIds-b858e41a.js.map → compareIds-88bffa50.js.map}

@@ -1 +1 @@
-{"version":3,"file":"compareIds-b858e41a.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,GAAG,IAAMA,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAKC,SAAU,CAAA;;AAE5D;AACA;AACe,mBAAUC,EAAAA,CAAC,EAAEC,CAAC,EAAE;EAC7B,IAAIJ,OAAO,CAACG,CAAC,CAAC,IAAIH,OAAO,CAACI,CAAC,CAAC,EAAE;AAC5B,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACA,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAQ,EAAE,CAAA;AAC5B,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAQ,EAAE,CAAA;EAC5B,OAAOD,OAAO,KAAKE,OAAO,CAAA;AAC5B;;;;"}
+{"version":3,"file":"compareIds-88bffa50.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,GAAG,IAAMA,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAKC,SAAU,CAAA;;AAE5D;AACA;AACe,mBAAUC,EAAAA,CAAC,EAAEC,CAAC,EAAE;EAC7B,IAAIJ,OAAO,CAACG,CAAC,CAAC,IAAIH,OAAO,CAACI,CAAC,CAAC,EAAE;AAC5B,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACA,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAQ,EAAE,CAAA;AAC5B,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAQ,EAAE,CAAA;EAC5B,OAAOD,OAAO,KAAKE,OAAO,CAAA;AAC5B;;;;"}

package/{const-85ec8faf.js → const-2919bc87.js}

@@ -15,4 +15,4 @@ var NodeNames = {
 };
 
 export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
-//# sourceMappingURL=const-85ec8faf.js.map
+//# sourceMappingURL=const-2919bc87.js.map

package/{const-85ec8faf.js.map → const-2919bc87.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-85ec8faf.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,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAA;EACZ;AAEM,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,QAAQ,EAAE,CAAA;EACX;AAEM,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,GAAG,EAAE,KAAA;;;;;"}
+{"version":3,"file":"const-2919bc87.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,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAA;EACZ;AAEM,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,QAAQ,EAAE,CAAA;EACX;AAEM,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,GAAG,EAAE,KAAA;;;;;"}

package/{const-10a01327.js → const-df1daff9.js}

@@ -10,4 +10,4 @@ var ThreadReplySelectType;
 })(ThreadReplySelectType || (ThreadReplySelectType = {}));
 
 export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, ThreadReplySelectType as T, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=const-10a01327.js.map
+//# sourceMappingURL=const-df1daff9.js.map

package/{const-10a01327.js.map → const-df1daff9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-10a01327.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,GAAE;AAC3B,IAAMC,gBAAgB,GAAG,GAAE;AAE3B,IAAMC,sBAAsB,GAAG,GAAE;AACjC,IAAMC,yBAAyB,GAAG,GAAE;AACpC,IAAMC,sBAAsB,GAAG,IAAG;IAE7BC,sBAGX;AAHD,CAAA,UAAYA,qBAAqB,EAAA;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EAHWA,qBAAqB,KAArBA,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"const-df1daff9.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,GAAE;AAC3B,IAAMC,gBAAgB,GAAG,GAAE;AAE3B,IAAMC,sBAAsB,GAAG,GAAE;AACjC,IAAMC,yBAAyB,GAAG,GAAE;AACpC,IAAMC,sBAAsB,GAAG,IAAG;IAE7BC,sBAGX;AAHD,CAAA,UAAYA,qBAAqB,EAAA;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EAHWA,qBAAqB,KAArBA,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}

package/{consts-89b1e965.js → consts-0ea80430.js}

@@ -1,4 +1,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 export { OG_MESSAGE_BODY_CLASSNAME as O };
-//# sourceMappingURL=consts-89b1e965.js.map
+//# sourceMappingURL=consts-0ea80430.js.map

package/{consts-89b1e965.js.map → consts-0ea80430.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-89b1e965.js","sources":["../src/ui/OGMessageItemBody/consts.ts"],"sourcesContent":["export const OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';\n"],"names":["OG_MESSAGE_BODY_CLASSNAME"],"mappings":"AAAO,IAAMA,yBAAyB,GAAG;;;;"}
+{"version":3,"file":"consts-0ea80430.js","sources":["../src/ui/OGMessageItemBody/consts.ts"],"sourcesContent":["export const OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';\n"],"names":["OG_MESSAGE_BODY_CLASSNAME"],"mappings":"AAAO,IAAMA,yBAAyB,GAAG;;;;"}

package/{consts-ef58410d.js → consts-1861f891.js}

@@ -1,4 +1,4 @@
 var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
 
 export { TEXT_MESSAGE_BODY_CLASSNAME as T };
-//# sourceMappingURL=consts-ef58410d.js.map
+//# sourceMappingURL=consts-1861f891.js.map

package/{consts-ef58410d.js.map → consts-1861f891.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-ef58410d.js","sources":["../src/ui/TextMessageItemBody/consts.ts"],"sourcesContent":["export const TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';\n"],"names":["TEXT_MESSAGE_BODY_CLASSNAME"],"mappings":"AAAO,IAAMA,2BAA2B,GAAG;;;;"}
+{"version":3,"file":"consts-1861f891.js","sources":["../src/ui/TextMessageItemBody/consts.ts"],"sourcesContent":["export const TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';\n"],"names":["TEXT_MESSAGE_BODY_CLASSNAME"],"mappings":"AAAO,IAAMA,2BAA2B,GAAG;;;;"}

package/{consts-f3b2a046.js → consts-966c9540.js}

@@ -20,4 +20,4 @@ var META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
 var META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
 
 export { META_ARRAY_VOICE_DURATION_KEY as M, SCROLL_BUFFER as S, VOICE_RECORDER_DEFAULT_MAX as V, VOICE_RECORDER_DEFAULT_MIN as a, VOICE_MESSAGE_FILE_NAME as b, VOICE_MESSAGE_MIME_TYPE as c, META_ARRAY_MESSAGE_TYPE_KEY as d, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as e, VOICE_PLAYER_ROOT_ID as f, VOICE_PLAYER_AUDIO_ID as g, VOICE_RECORDER_MIME_TYPE as h, VOICE_RECORDER_AUDIO_BITS as i, VOICE_RECORDER_CLICK_BUFFER_TIME as j };
-//# sourceMappingURL=consts-f3b2a046.js.map
+//# sourceMappingURL=consts-966c9540.js.map

package/{consts-f3b2a046.js.map → consts-966c9540.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-f3b2a046.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":"AAAO,IAAMA,aAAa,GAAG,GAAE;AAE/B;AACO,IAAMC,gCAAgC,GAAG,IAAG;AACtCC,IAAAA,0BAA0B,GAAG,KAAK;AAClCC,IAAAA,0BAA0B,GAAG,OAAO;AAC1C,IAAMC,wBAAwB,GAAG,aAAY;AAC7C,IAAMC,yBAAyB,GAAG,OAAM;AAM/C;;;AAGG;AACI,IAAMC,oBAAoB,GAAG,sCAAqC;AAClE,IAAMC,qBAAqB,GAAG,kCAAiC;AAEtE;AACO,IAAMC,uBAAuB,GAAG,oBAAmB;AACnD,IAAMC,uBAAuB,GAAG,2BAA0B;AAEjE;AACO,IAAMC,6BAA6B,GAAG,6BAA4B;AAClE,IAAMC,2BAA2B,GAAG,4BAA2B;AAC/D,IAAMC,oCAAoC,GAAG;;;;"}
+{"version":3,"file":"consts-966c9540.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":"AAAO,IAAMA,aAAa,GAAG,GAAE;AAE/B;AACO,IAAMC,gCAAgC,GAAG,IAAG;AACtCC,IAAAA,0BAA0B,GAAG,KAAK;AAClCC,IAAAA,0BAA0B,GAAG,OAAO;AAC1C,IAAMC,wBAAwB,GAAG,aAAY;AAC7C,IAAMC,yBAAyB,GAAG,OAAM;AAM/C;;;AAGG;AACI,IAAMC,oBAAoB,GAAG,sCAAqC;AAClE,IAAMC,qBAAqB,GAAG,kCAAiC;AAEtE;AACO,IAAMC,uBAAuB,GAAG,oBAAmB;AACnD,IAAMC,uBAAuB,GAAG,2BAA0B;AAEjE;AACO,IAAMC,6BAA6B,GAAG,6BAA4B;AAClE,IAAMC,2BAA2B,GAAG,4BAA2B;AAC/D,IAAMC,oCAAoC,GAAG;;;;"}

package/{consts-3fe926ac.js → consts-f4362414.js}

@@ -1,4 +1,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 export { MENTION_USER_LABEL_CLASSNAME as M };
-//# sourceMappingURL=consts-3fe926ac.js.map
+//# sourceMappingURL=consts-f4362414.js.map

package/{consts-3fe926ac.js.map → consts-f4362414.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-3fe926ac.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-f4362414.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/{context-8436b333.js → context-9baa8d25.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { n as noop } from './utils-87be98af.js';
+import { n as noop } from './utils-86d65b96.js';
 
 var Context = /*#__PURE__*/React__default.createContext({
   opened: '',
@@ -9,4 +9,4 @@ var Consumer = Context.Consumer;
 var Provider = Context.Provider;
 
 export { Consumer as C, Provider as P };
-//# sourceMappingURL=context-8436b333.js.map
+//# sourceMappingURL=context-9baa8d25.js.map

package/{context-8436b333.js.map → context-9baa8d25.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-8436b333.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,cAAK,CAACC,aAAa,CAAe;AAChDC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,SAAS,EAAEC,IAAAA;AACZ,CAAA,CAAC,CAAA;AAEWC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAQ;AAC3BC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;"}
+{"version":3,"file":"context-9baa8d25.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,cAAK,CAACC,aAAa,CAAe;AAChDC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,SAAS,EAAEC,IAAAA;AACZ,CAAA,CAAC,CAAA;AAEWC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAQ;AAC3BC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;"}

package/dist/index.css

@@ -124,98 +124,6 @@
   display: inline-flex;
   flex-direction: row;
 }
-.sendbird-open-channel-list,
-.sendbird-open-channel-list-ui {
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  width: 256px;
-  min-width: 256px;
-  height: 100%;
-  box-sizing: border-box;
-}
-.sendbird--mobile-mode .sendbird-open-channel-list,
-.sendbird--mobile-mode .sendbird-open-channel-list-ui {
-  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--dark .sendbird-open-channel-list,
-.sendbird-theme--dark .sendbird-open-channel-list-ui {
-  border-right: 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-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-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-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-left: 24px;
-  display: inline-flex;
-  align-items: center;
-  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;
-  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;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  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 {
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  width: 100%;
-  height: calc(100% - 64px);
-  box-sizing: border-box;
-  overflow-y: scroll;
-}
-
-.sendbird-open-channel-list-ui__channel-list--place-holder--loading {
-  position: relative;
-  min-height: 62px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
-  background-color: var(--sendbird-light-background-100);
-}
-.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
-  background-color: var(--sendbird-dark-background-500);
-}
 .sendbird-open-channel-preview {
   position: relative;
   display: inline-flex;
@@ -335,6 +243,98 @@
   text-overflow: ellipsis;
   word-break: keep-all;
 }
+.sendbird-open-channel-list,
+.sendbird-open-channel-list-ui {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  width: 256px;
+  min-width: 256px;
+  height: 100%;
+  box-sizing: border-box;
+}
+.sendbird--mobile-mode .sendbird-open-channel-list,
+.sendbird--mobile-mode .sendbird-open-channel-list-ui {
+  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--dark .sendbird-open-channel-list,
+.sendbird-theme--dark .sendbird-open-channel-list-ui {
+  border-right: 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-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-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-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-left: 24px;
+  display: inline-flex;
+  align-items: center;
+  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;
+  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;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  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 {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  width: 100%;
+  height: calc(100% - 64px);
+  box-sizing: border-box;
+  overflow-y: scroll;
+}
+
+.sendbird-open-channel-list-ui__channel-list--place-holder--loading {
+  position: relative;
+  min-height: 62px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
+  background-color: var(--sendbird-light-background-100);
+}
+.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 {
   --sendbird-light-primary-500: #491389;