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

package/ui/UnknownMessageItemBody.js

@@ -1,12 +1,12 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import { j as getClassName } from '../index-cd1a9173.js';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-538fa479.js';
+import { j as getClassName } from '../index-1db30515.js';
+import { a as LocalizationContext } from '../LocalizationContext-62966630.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../tslib.es6-5180f9d1.js';
+import '../stringSet-e0fd81b2.js';
+import '../tslib.es6-85bcd95d.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-0f373e79.js';
+import '../index-6574e8fd.js';
 
 function UnknownMessageItemBody(_a) {
   var _b;

package/ui/UserListItem.js

@@ -1,28 +1,28 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-85bcd95d.js';
 import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../UserProfileContext-12b6fabf.js';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
+import { a as UserProfileContext } from '../UserProfileContext-7083bd82.js';
+import { a as LocalizationContext } from '../LocalizationContext-62966630.js';
 import Avatar from './Avatar.js';
 import MutedAvatarOverlay from './MutedAvatarOverlay.js';
 import Checkbox from './Checkbox.js';
 import UserProfile from './UserProfile.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-538fa479.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../index-0f373e79.js';
+import '../stringSet-e0fd81b2.js';
+import '../index-6574e8fd.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-368c5040.js';
+import '../uuid-39d923b9.js';
 import '../sendbirdSelectors.js';
-import '../topics-6d4bf2ed.js';
-import '../utils-a7563986.js';
+import '../topics-bc5fee43.js';
+import '../utils-7dc80efd.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-cd1a9173.js';
+import '../index-1db30515.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function UserListItem(_a) {
@@ -111,7 +111,7 @@ function UserListItem(_a) {
       return onChange(event);
     }
   })), isOperator && /*#__PURE__*/React__default.createElement(Label, {
-    className: ["sendbird-user-list-item__operator", checkBox ? "checkbox" : ""].join(' '),
+    className: ['sendbird-user-list-item__operator', checkBox ? 'checkbox' : ''].join(' '),
     type: LabelTypography.SUBTITLE_2,
     color: LabelColors.ONBACKGROUND_2
   }, "Operator"), action && /*#__PURE__*/React__default.createElement("div", {

package/ui/UserListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListItem.js","sources":["../../src/ui/UserListItem/index.tsx"],"sourcesContent":["import React, { ChangeEvent, MutableRefObject, ReactElement, useContext } from 'react';\nimport { User } from '@sendbird/chat';\nimport { Member } from '@sendbird/chat/groupChannel';\nimport './index.scss';\n\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Avatar from '../Avatar/index';\nimport MutedAvatarOverlay from '../Avatar/MutedAvatarOverlay';\nimport Checkbox from '../Checkbox';\nimport UserProfile from '../UserProfile';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface UserListItemProps {\n  user: User;\n  className?: string;\n  checked?: boolean;\n  checkBox?: boolean;\n  isOperator?: boolean;\n  disabled?: boolean;\n  disableMessaging?: boolean;\n  currentUser?: string;\n  action?({ actionRef, parentRef }: {\n    actionRef: MutableRefObject<any>,\n    parentRef?: MutableRefObject<any>,\n  }): ReactElement;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function UserListItem({\n  user,\n  className,\n  checked,\n  checkBox,\n  isOperator,\n  disabled,\n  disableMessaging,\n  currentUser,\n  action,\n  onChange,\n}: UserListItemProps): ReactElement {\n  const uniqueKey = user.userId;\n  const actionRef = React.useRef(null);\n  const parentRef = React.useRef(null);\n  const avatarRef = React.useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext<UserProfileContext>(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-user-list-item',\n      ].join(' ')}\n      ref={parentRef}\n    >\n      {\n        (user as Member)?.isMuted && (\n          <MutedAvatarOverlay height={40} width={40} />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-user-list-item__avatar\"\n            ref={avatarRef}\n            src={user.profileUrl}\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: '0px', paddingBottom: '0px' }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    disableMessaging={disableMessaging}\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className=\"sendbird-user-list-item__title\"\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            ' (You)'\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-user-list-item__subtitle\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        checkBox && (\n          <label\n            className=\"sendbird-user-list-item__checkbox\"\n            htmlFor={uniqueKey}\n          >\n            <Checkbox\n              id={uniqueKey}\n              checked={checked}\n              disabled={disabled}\n              onChange={(event) => onChange(event)}\n            />\n          </label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className={[\n              \"sendbird-user-list-item__operator\",\n              checkBox ? \"checkbox\" : \"\",\n            ].join(' ')}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            Operator\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-user-list-item__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["UserListItem","_a","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","_b","useContext","UserProfileContext","disableUserProfile","renderUserProfile","stringSet","LocalizationContext","createElement","__spreadArray","Array","isArray","join","ref","isMuted","MutedAvatarOverlay","height","width","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","onClick","menuItems","closeDropdown","MenuItems","openLeft","parentContainRef","style","paddingTop","paddingBottom","currentUserId","close","UserProfile","onSuccess","Label","type","LabelTypography","SUBTITLE_1","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","htmlFor","Checkbox","id","event","SUBTITLE_2"],"mappings":"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"}
+{"version":3,"file":"UserListItem.js","sources":["../../src/ui/UserListItem/index.tsx"],"sourcesContent":["import React, { ChangeEvent, MutableRefObject, ReactElement, useContext } from 'react';\nimport { User } from '@sendbird/chat';\nimport { Member } from '@sendbird/chat/groupChannel';\nimport './index.scss';\n\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Avatar from '../Avatar/index';\nimport MutedAvatarOverlay from '../Avatar/MutedAvatarOverlay';\nimport Checkbox from '../Checkbox';\nimport UserProfile from '../UserProfile';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface UserListItemProps {\n  user: User;\n  className?: string;\n  checked?: boolean;\n  checkBox?: boolean;\n  isOperator?: boolean;\n  disabled?: boolean;\n  disableMessaging?: boolean;\n  currentUser?: string;\n  action?({ actionRef, parentRef }: {\n    actionRef: MutableRefObject<any>,\n    parentRef?: MutableRefObject<any>,\n  }): ReactElement;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function UserListItem({\n  user,\n  className,\n  checked,\n  checkBox,\n  isOperator,\n  disabled,\n  disableMessaging,\n  currentUser,\n  action,\n  onChange,\n}: UserListItemProps): ReactElement {\n  const uniqueKey = user.userId;\n  const actionRef = React.useRef(null);\n  const parentRef = React.useRef(null);\n  const avatarRef = React.useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext<UserProfileContext>(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-user-list-item',\n      ].join(' ')}\n      ref={parentRef}\n    >\n      {\n        (user as Member)?.isMuted && (\n          <MutedAvatarOverlay height={40} width={40} />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-user-list-item__avatar\"\n            ref={avatarRef}\n            src={user.profileUrl}\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: '0px', paddingBottom: '0px' }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    disableMessaging={disableMessaging}\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className=\"sendbird-user-list-item__title\"\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            ' (You)'\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-user-list-item__subtitle\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        checkBox && (\n          <label\n            className=\"sendbird-user-list-item__checkbox\"\n            htmlFor={uniqueKey}\n          >\n            <Checkbox\n              id={uniqueKey}\n              checked={checked}\n              disabled={disabled}\n              onChange={(event) => onChange(event)}\n            />\n          </label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className={[\n              'sendbird-user-list-item__operator',\n              checkBox ? 'checkbox' : '',\n            ].join(' ')}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            Operator\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-user-list-item__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["UserListItem","_a","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","_b","useContext","UserProfileContext","disableUserProfile","renderUserProfile","stringSet","LocalizationContext","createElement","__spreadArray","Array","isArray","join","ref","isMuted","MutedAvatarOverlay","height","width","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","onClick","menuItems","closeDropdown","MenuItems","openLeft","parentContainRef","style","paddingTop","paddingBottom","currentUserId","close","UserProfile","onSuccess","Label","type","LabelTypography","SUBTITLE_1","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","htmlFor","Checkbox","id","event","SUBTITLE_2"],"mappings":"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"}

package/ui/UserProfile.js

@@ -1,20 +1,20 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
-import { a as UserProfileContext } from '../UserProfileContext-12b6fabf.js';
+import { a as LocalizationContext } from '../LocalizationContext-62966630.js';
+import { a as UserProfileContext } from '../UserProfileContext-7083bd82.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-538fa479.js';
 import Button, { ButtonTypes } from './Button.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../stringSet-2d42f6ff.js';
-import '../index-0f373e79.js';
+import '../stringSet-e0fd81b2.js';
+import '../index-6574e8fd.js';
 import 'prop-types';
-import '../topics-6d4bf2ed.js';
-import '../utils-a7563986.js';
-import '../tslib.es6-5180f9d1.js';
+import '../topics-bc5fee43.js';
+import '../utils-7dc80efd.js';
+import '../tslib.es6-85bcd95d.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-368c5040.js';
+import '../uuid-39d923b9.js';
 import '../withSendbird.js';
 
 function UserProfile(_a) {

package/ui/VoiceMessageItemBody.js

@@ -4,16 +4,15 @@ import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
 import { PlaybackTime } from './PlaybackTime.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import { a as VoicePlayerStatus } from '../index-207577d6.js';
-import '../consts-30f09302.js';
+import { a as LabelTypography, b as LabelColors } from '../index-538fa479.js';
+import { a as VoicePlayerStatus } from '../index-47ba6604.js';
+import '../consts-96859f90.js';
 import '../VoiceRecorder/context.js';
-import '../lame.all.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../tslib.es6-5180f9d1.js';
+import '../tslib.es6-85bcd95d.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-e0fd81b2.js';
 
 var VoiceMessageItemBody = function (_a) {
   var _b;

package/ui/VoiceMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceMessageItemBody.js","sources":["../../src/ui/VoiceMessageItemBody/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport ProgressBar, { ProgressBarColorTypes } from '../ProgressBar';\nimport { useVoicePlayer } from '../../hooks/VoicePlayer/useVoicePlayer';\nimport PlaybackTime from '../PlaybackTime';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { LabelTypography, LabelColors } from '../Label';\nimport { VoicePlayerStatus } from '../../hooks/VoicePlayer/dux/initialState';\n\nexport interface VoiceMessageItemBodyProps {\n  className?: string;\n  message: FileMessage;\n  channelUrl: string;\n  isByMe?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport const VoiceMessageItemBody = ({\n  className,\n  message,\n  channelUrl,\n  isByMe = false,\n  isReactionEnabled = false,\n}: VoiceMessageItemBodyProps): React.ReactElement => {\n  const [usingReaction, setUsingReaction] = useState(false);\n  const {\n    play,\n    pause,\n    playbackTime = 0,\n    duration,\n    playingStatus = VoicePlayerStatus.IDLE,\n  } = useVoicePlayer({\n    channelUrl,\n    key: `${message?.messageId}`,\n    audioFileUrl: message?.url,\n  });\n\n  useEffect(() => {\n    if (isReactionEnabled && message?.reactions?.length > 0) {\n      setUsingReaction(true);\n    } else {\n      setUsingReaction(false);\n    }\n  }, [isReactionEnabled, message?.reactions?.length]);\n  const progresBarMaxSize = useMemo(() => {\n    if (message?.metaArrays) {\n      const duration = message?.metaArrays.find((metaArray) => metaArray.key === 'KEY_VOICE_MESSAGE_DURATION')?.value[0];\n      return duration && parseInt(duration);\n    }\n    return 1;\n  }, [message?.metaArrays]);\n\n  return (\n    <div className={`sendbird-voice-message-item-body ${className} ${usingReaction ? 'is-reactions-contained' : ''}`}>\n      <ProgressBar\n        className=\"sendbird-voice-message-item-body__progress-bar\"\n        maxSize={duration || progresBarMaxSize}\n        currentSize={playbackTime}\n        colorType={isByMe ? ProgressBarColorTypes.PRIMARY : ProgressBarColorTypes.GRAY}\n      />\n      <div className=\"sendbird-voice-message-item-body__status-button\">\n        {(playingStatus === VoicePlayerStatus.IDLE || playingStatus === VoicePlayerStatus.PAUSED) && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={play}\n          >\n            <Icon\n              width=\"18px\"\n              height=\"18px\"\n              type={IconTypes.PLAY}\n              fillColor={IconColors.PRIMARY}\n            />\n          </div>\n        )}\n        {playingStatus === VoicePlayerStatus.PREPARING && (\n          <Loader width=\"22.2px\" height=\"22.2px\">\n            <Icon\n              width=\"22.2px\"\n              height=\"22.2px\"\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY_2}\n            />\n          </Loader>\n        )}\n        {playingStatus === VoicePlayerStatus.PLAYING && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={() => { pause() }}\n          >\n            <div className=\"sendbird-voice-message-item-body__status-button__button__pause\">\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n            </div>\n          </div>\n        )}\n      </div>\n      <PlaybackTime\n        className=\"sendbird-voice-message-item-body__playback-time\"\n        time={progresBarMaxSize - playbackTime}\n        labelType={LabelTypography.BODY_1}\n        labelColor={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      />\n    </div>\n  );\n};\n\nexport default VoiceMessageItemBody;\n"],"names":["VoiceMessageItemBody","_a","className","message","channelUrl","_c","isByMe","_d","isReactionEnabled","_e","useState","usingReaction","setUsingReaction","_f","useVoicePlayer","key","messageId","audioFileUrl","url","play","pause","_g","playbackTime","duration","_h","playingStatus","VoicePlayerStatus","IDLE","useEffect","reactions","length","_b","progresBarMaxSize","useMemo","metaArrays","duration_1","find","metaArray","value","parseInt","React","createElement","concat","ProgressBar","maxSize","currentSize","colorType","ProgressBarColorTypes","PRIMARY","GRAY","PAUSED","onClick","Icon","width","height","type","IconTypes","PLAY","fillColor","IconColors","PREPARING","Loader","SPINNER","PRIMARY_2","PLAYING","PlaybackTime","time","labelType","LabelTypography","BODY_1","labelColor","LabelColors","ONCONTENT_1","ONBACKGROUND_1"],"mappings":"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"}
+{"version":3,"file":"VoiceMessageItemBody.js","sources":["../../src/ui/VoiceMessageItemBody/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport ProgressBar, { ProgressBarColorTypes } from '../ProgressBar';\nimport { useVoicePlayer } from '../../hooks/VoicePlayer/useVoicePlayer';\nimport PlaybackTime from '../PlaybackTime';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { LabelTypography, LabelColors } from '../Label';\nimport { VoicePlayerStatus } from '../../hooks/VoicePlayer/dux/initialState';\n\nexport interface VoiceMessageItemBodyProps {\n  className?: string;\n  message: FileMessage;\n  channelUrl: string;\n  isByMe?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport const VoiceMessageItemBody = ({\n  className,\n  message,\n  channelUrl,\n  isByMe = false,\n  isReactionEnabled = false,\n}: VoiceMessageItemBodyProps): React.ReactElement => {\n  const [usingReaction, setUsingReaction] = useState(false);\n  const {\n    play,\n    pause,\n    playbackTime = 0,\n    duration,\n    playingStatus = VoicePlayerStatus.IDLE,\n  } = useVoicePlayer({\n    channelUrl,\n    key: `${message?.messageId}`,\n    audioFileUrl: message?.url,\n  });\n\n  useEffect(() => {\n    if (isReactionEnabled && message?.reactions?.length > 0) {\n      setUsingReaction(true);\n    } else {\n      setUsingReaction(false);\n    }\n  }, [isReactionEnabled, message?.reactions?.length]);\n  const progresBarMaxSize = useMemo(() => {\n    if (message?.metaArrays) {\n      const duration = message?.metaArrays.find((metaArray) => metaArray.key === 'KEY_VOICE_MESSAGE_DURATION')?.value[0];\n      return duration && parseInt(duration);\n    }\n    return 1;\n  }, [message?.metaArrays]);\n\n  return (\n    <div className={`sendbird-voice-message-item-body ${className} ${usingReaction ? 'is-reactions-contained' : ''}`}>\n      <ProgressBar\n        className=\"sendbird-voice-message-item-body__progress-bar\"\n        maxSize={duration || progresBarMaxSize}\n        currentSize={playbackTime}\n        colorType={isByMe ? ProgressBarColorTypes.PRIMARY : ProgressBarColorTypes.GRAY}\n      />\n      <div className=\"sendbird-voice-message-item-body__status-button\">\n        {(playingStatus === VoicePlayerStatus.IDLE || playingStatus === VoicePlayerStatus.PAUSED) && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={play}\n          >\n            <Icon\n              width=\"18px\"\n              height=\"18px\"\n              type={IconTypes.PLAY}\n              fillColor={IconColors.PRIMARY}\n            />\n          </div>\n        )}\n        {playingStatus === VoicePlayerStatus.PREPARING && (\n          <Loader width=\"22.2px\" height=\"22.2px\">\n            <Icon\n              width=\"22.2px\"\n              height=\"22.2px\"\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY_2}\n            />\n          </Loader>\n        )}\n        {playingStatus === VoicePlayerStatus.PLAYING && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={() => { pause() }}\n          >\n            <div className=\"sendbird-voice-message-item-body__status-button__button__pause\">\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n            </div>\n          </div>\n        )}\n      </div>\n      <PlaybackTime\n        className=\"sendbird-voice-message-item-body__playback-time\"\n        time={progresBarMaxSize - playbackTime}\n        labelType={LabelTypography.BODY_1}\n        labelColor={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      />\n    </div>\n  );\n};\n\nexport default VoiceMessageItemBody;\n"],"names":["VoiceMessageItemBody","_a","className","message","channelUrl","_c","isByMe","_d","isReactionEnabled","_e","useState","usingReaction","setUsingReaction","_f","useVoicePlayer","key","messageId","audioFileUrl","url","play","pause","_g","playbackTime","duration","_h","playingStatus","VoicePlayerStatus","IDLE","useEffect","reactions","length","_b","progresBarMaxSize","useMemo","metaArrays","duration_1","find","metaArray","value","parseInt","React","createElement","concat","ProgressBar","maxSize","currentSize","colorType","ProgressBarColorTypes","PRIMARY","GRAY","PAUSED","onClick","Icon","width","height","type","IconTypes","PLAY","fillColor","IconColors","PREPARING","Loader","SPINNER","PRIMARY_2","PLAYING","PlaybackTime","time","labelType","LabelTypography","BODY_1","labelColor","LabelColors","ONCONTENT_1","ONBACKGROUND_1"],"mappings":"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"}

package/ui/VoiceMessgeInput.js

@@ -3,13 +3,13 @@ import './PlaybackTime.js';
 import './ProgressBar.js';
 import './TextButton.js';
 import './Icon.js';
-import '../index-8f0ae983.js';
-import '../LocalizationContext-43b10f97.js';
-export { a as VoiceMessageInput } from '../index-d75ba9c0.js';
-import '../consts-30f09302.js';
+import '../index-538fa479.js';
+import '../LocalizationContext-62966630.js';
+export { a as VoiceMessageInput } from '../index-3ac8a689.js';
+import '../consts-96859f90.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../tslib.es6-5180f9d1.js';
-import '../color-e54d3ed7.js';
-import '../index-0f373e79.js';
+import '../stringSet-e0fd81b2.js';
+import '../tslib.es6-85bcd95d.js';
+import '../color-4ecee870.js';
+import '../index-6574e8fd.js';
 //# sourceMappingURL=VoiceMessgeInput.js.map

package/ui/Word.js

@@ -1,23 +1,23 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../index-8f0ae983.js';
+import { a as LabelTypography } from '../index-538fa479.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-368c5040.js';
-import { N as convertWordToStringObj, S as StringObjType } from '../index-cd1a9173.js';
+import { u as uuidv4 } from '../uuid-39d923b9.js';
+import { N as convertWordToStringObj, S as StringObjType } from '../index-1db30515.js';
 import MentionLabel from './MentionLabel.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../tslib.es6-5180f9d1.js';
+import '../stringSet-e0fd81b2.js';
+import '../tslib.es6-85bcd95d.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../LocalizationContext-43b10f97.js';
-import '../index-0f373e79.js';
-import '../UserProfileContext-12b6fabf.js';
+import '../LocalizationContext-62966630.js';
+import '../index-6574e8fd.js';
+import '../UserProfileContext-7083bd82.js';
 import '../sendbirdSelectors.js';
-import '../topics-6d4bf2ed.js';
-import '../utils-a7563986.js';
+import '../topics-bc5fee43.js';
+import '../utils-7dc80efd.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
@@ -61,7 +61,7 @@ function Word(props) {
         isByMe: isByMe
       });
     } else if (type === StringObjType.url) {
-      var urlRegex = new RegExp("([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?");
+      var urlRegex = new RegExp('([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?');
       var targetUrl = (_a = urlRegex.exec(value)) === null || _a === void 0 ? void 0 : _a[0];
       var stringUrl = {
         front: '',

package/ui/Word.js.map

@@ -1 +1 @@
-{"version":3,"file":"Word.js","sources":["../../src/ui/Word/index.tsx"],"sourcesContent":["/**\n * @deprecated  This component is deprecated and will be removed in the next major version.\n * Use TextFragment instead.\n */\nimport './index.scss';\nimport React from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport { LabelTypography } from '../Label';\nimport LinkLabel from '../LinkLabel';\nimport uuidv4 from '../../utils/uuid';\nimport { convertWordToStringObj, StringObjType, StringObj } from '../../utils';\nimport MentionLabel from '../MentionLabel';\n\ninterface WordProps {\n  word: string;\n  message: UserMessage;\n  isByMe?: boolean;\n  mentionTemplate?: string;\n  renderString?: (stringObj: StringObj) => JSX.Element;\n}\n\n// Word and StringObj will include types: normal, mention, url\nexport default function Word(props: WordProps): JSX.Element {\n  const {\n    word,\n    message,\n    isByMe = false,\n    mentionTemplate = '@',\n    renderString = null,\n  } = props;\n  if (word === '') {\n    return null;\n  }\n  return (\n    <span className=\"sendbird-word\">\n      {\n        convertWordToStringObj(word, message?.mentionedUsers).map((stringObj) => {\n          const type = stringObj?.type || '';\n          const value = stringObj?.value || '';\n          const userId = stringObj?.userId || '';\n          if (renderString && typeof renderString === 'function') {\n            return renderString(stringObj);\n          }\n          if (type === StringObjType.mention) {\n            return (\n              <MentionLabel\n                mentionTemplate={mentionTemplate}\n                mentionedUserId={userId}\n                mentionedUserNickname={value}\n                key={uuidv4()}\n                isByMe={isByMe}\n              />\n            );\n          } else if (type === StringObjType.url) {\n            const urlRegex = new RegExp(\"([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?\");\n            const targetUrl = urlRegex.exec(value)?.[0];\n            const stringUrl = { front: '', url: '', back: '' };\n            if (targetUrl) {\n              const targetUrlIndex = value.indexOf(targetUrl);\n              if (targetUrlIndex > 0) {\n                stringUrl.front = value.slice(0, targetUrlIndex);\n              }\n              stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);\n              if (targetUrlIndex + targetUrl.length < value.length) {\n                stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);\n              }\n            }\n            if (targetUrl) {\n              return [\n                stringUrl.front ? stringUrl.front : '',\n                stringUrl.url ? (\n                  <LinkLabel\n                    className=\"sendbird-word__url\"\n                    key={uuidv4()}\n                    src={stringUrl.url}\n                    type={LabelTypography.BODY_1}\n                  >\n                    {stringUrl.url}\n                  </LinkLabel>\n                ) : null,\n                stringUrl.back ? stringUrl.back : '',\n              ];\n            }\n            return (\n              <LinkLabel\n                className=\"sendbird-word__url\"\n                key={uuidv4()}\n                src={word}\n                type={LabelTypography.BODY_1}\n              >\n                {value}\n              </LinkLabel>\n            );\n          } else {\n            return value\n          }\n        })\n      }\n    </span>\n  );\n}\n"],"names":["Word","props","word","message","_a","isByMe","_b","mentionTemplate","_c","renderString","React","createElement","className","convertWordToStringObj","mentionedUsers","map","stringObj","type","value","userId","StringObjType","mention","MentionLabel","mentionedUserId","mentionedUserNickname","key","uuidv4","url","urlRegex","RegExp","targetUrl","exec","stringUrl","front","back","targetUrlIndex","indexOf","slice","length","LinkLabel","src","LabelTypography","BODY_1"],"mappings":"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"}
+{"version":3,"file":"Word.js","sources":["../../src/ui/Word/index.tsx"],"sourcesContent":["/**\n * @deprecated  This component is deprecated and will be removed in the next major version.\n * Use TextFragment instead.\n */\nimport './index.scss';\nimport React from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport { LabelTypography } from '../Label';\nimport LinkLabel from '../LinkLabel';\nimport uuidv4 from '../../utils/uuid';\nimport { convertWordToStringObj, StringObjType, StringObj } from '../../utils';\nimport MentionLabel from '../MentionLabel';\n\ninterface WordProps {\n  word: string;\n  message: UserMessage;\n  isByMe?: boolean;\n  mentionTemplate?: string;\n  renderString?: (stringObj: StringObj) => JSX.Element;\n}\n\n// Word and StringObj will include types: normal, mention, url\nexport default function Word(props: WordProps): JSX.Element {\n  const {\n    word,\n    message,\n    isByMe = false,\n    mentionTemplate = '@',\n    renderString = null,\n  } = props;\n  if (word === '') {\n    return null;\n  }\n  return (\n    <span className=\"sendbird-word\">\n      {\n        convertWordToStringObj(word, message?.mentionedUsers).map((stringObj) => {\n          const type = stringObj?.type || '';\n          const value = stringObj?.value || '';\n          const userId = stringObj?.userId || '';\n          if (renderString && typeof renderString === 'function') {\n            return renderString(stringObj);\n          }\n          if (type === StringObjType.mention) {\n            return (\n              <MentionLabel\n                mentionTemplate={mentionTemplate}\n                mentionedUserId={userId}\n                mentionedUserNickname={value}\n                key={uuidv4()}\n                isByMe={isByMe}\n              />\n            );\n          } else if (type === StringObjType.url) {\n            const urlRegex = new RegExp('([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?');\n            const targetUrl = urlRegex.exec(value)?.[0];\n            const stringUrl = { front: '', url: '', back: '' };\n            if (targetUrl) {\n              const targetUrlIndex = value.indexOf(targetUrl);\n              if (targetUrlIndex > 0) {\n                stringUrl.front = value.slice(0, targetUrlIndex);\n              }\n              stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);\n              if (targetUrlIndex + targetUrl.length < value.length) {\n                stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);\n              }\n            }\n            if (targetUrl) {\n              return [\n                stringUrl.front ? stringUrl.front : '',\n                stringUrl.url ? (\n                  <LinkLabel\n                    className=\"sendbird-word__url\"\n                    key={uuidv4()}\n                    src={stringUrl.url}\n                    type={LabelTypography.BODY_1}\n                  >\n                    {stringUrl.url}\n                  </LinkLabel>\n                ) : null,\n                stringUrl.back ? stringUrl.back : '',\n              ];\n            }\n            return (\n              <LinkLabel\n                className=\"sendbird-word__url\"\n                key={uuidv4()}\n                src={word}\n                type={LabelTypography.BODY_1}\n              >\n                {value}\n              </LinkLabel>\n            );\n          } else {\n            return value\n          }\n        })\n      }\n    </span>\n  );\n}\n"],"names":["Word","props","word","message","_a","isByMe","_b","mentionTemplate","_c","renderString","React","createElement","className","convertWordToStringObj","mentionedUsers","map","stringObj","type","value","userId","StringObjType","mention","MentionLabel","mentionedUserId","mentionedUserNickname","key","uuidv4","url","urlRegex","RegExp","targetUrl","exec","stringUrl","front","back","targetUrlIndex","indexOf","slice","length","LinkLabel","src","LabelTypography","BODY_1"],"mappings":"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"}

package/{useLongPress-c1a00d6e.js → useLongPress-08d9369b.js}

@@ -1,6 +1,6 @@
-import { _ as __assign } from './tslib.es6-5180f9d1.js';
+import { _ as __assign } from './tslib.es6-85bcd95d.js';
 import { useState, useRef, useCallback } from 'react';
-import { u as useMediaQueryContext } from './MediaQueryContext-f2df2472.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-17146a37.js';
 
 var DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -95,4 +95,4 @@ function useLongPress(_a, _b) {
 }
 
 export { useLongPress as u };
-//# sourceMappingURL=useLongPress-c1a00d6e.js.map
+//# sourceMappingURL=useLongPress-08d9369b.js.map

package/{useLongPress-c1a00d6e.js.map → useLongPress-08d9369b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useLongPress-c1a00d6e.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-08d9369b.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/useSendbirdStateContext.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
-import './tslib.es6-5180f9d1.js';
+import './tslib.es6-85bcd95d.js';
 
 /**
  * Example:

package/useSendbirdStateContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendbirdStateContext.js","sources":["../src/hooks/useSendbirdStateContext.tsx"],"sourcesContent":["/**\n * Example:\n * const MyComponent = () => {\n *  const context = useSendbirdStateContext();\n *  const sdk = sendbirdSelectors.getSdk(context);\n *  return (<div>...</div>);\n * }\n */\nimport { useContext } from 'react';\n\nimport { SendbirdSdkContext } from '../lib/SendbirdSdkContext';\nimport { SendBirdState } from '../lib/types';\n\nfunction useSendbirdStateContext (): SendBirdState {\n  const context: SendBirdState = useContext(SendbirdSdkContext);\n  return context;\n}\n\nexport default useSendbirdStateContext;\n"],"names":["useSendbirdStateContext","context","useContext","SendbirdSdkContext"],"mappings":";;;;AAAA;;;;;;;AAOG;AAMH,SAASA,uBAAuBA,GAAA;AAC9B,EAAA,IAAMC,OAAO,GAAkBC,UAAU,CAACC,kBAAkB,CAAC,CAAA;AAC7D,EAAA,OAAOF,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"useSendbirdStateContext.js","sources":["../src/hooks/useSendbirdStateContext.tsx"],"sourcesContent":["/**\n * Example:\n * const MyComponent = () => {\n *  const context = useSendbirdStateContext();\n *  const sdk = sendbirdSelectors.getSdk(context);\n *  return (<div>...</div>);\n * }\n */\nimport { useContext } from 'react';\n\nimport { SendbirdSdkContext } from '../lib/SendbirdSdkContext';\nimport { SendBirdState } from '../lib/types';\n\nfunction useSendbirdStateContext(): SendBirdState {\n  const context: SendBirdState = useContext(SendbirdSdkContext);\n  return context;\n}\n\nexport default useSendbirdStateContext;\n"],"names":["useSendbirdStateContext","context","useContext","SendbirdSdkContext"],"mappings":";;;;AAAA;;;;;;;AAOG;AAMH,SAASA,uBAAuBA,GAAA;AAC9B,EAAA,IAAMC,OAAO,GAAkBC,UAAU,CAACC,kBAAkB,CAAC,CAAA;AAC7D,EAAA,OAAOF,OAAO,CAAA;AAChB;;;;"}

package/utils/message/isVoiceMessage.js

@@ -1,5 +1,5 @@
-import { d as isVoiceMessage$1 } from '../../index-cd1a9173.js';
-import '../../tslib.es6-5180f9d1.js';
+import { d as isVoiceMessage$1 } from '../../index-1db30515.js';
+import '../../tslib.es6-85bcd95d.js';
 import './getOutgoingMessageState.js';
 
 var isVoiceMessage = isVoiceMessage$1;

package/utils/message/isVoiceMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"isVoiceMessage.js","sources":["../../../src/utils/isVoiceMessage.ts"],"sourcesContent":["import { isVoiceMessage as _isVoiceMessage } from \".\";\n\nexport const isVoiceMessage = _isVoiceMessage;\n"],"names":["isVoiceMessage","_isVoiceMessage"],"mappings":";;;;AAEO,IAAMA,cAAc,GAAGC;;;;"}
+{"version":3,"file":"isVoiceMessage.js","sources":["../../../src/utils/isVoiceMessage.ts"],"sourcesContent":["import { isVoiceMessage as _isVoiceMessage } from '.';\n\nexport const isVoiceMessage = _isVoiceMessage;\n"],"names":["isVoiceMessage","_isVoiceMessage"],"mappings":";;;;AAEO,IAAMA,cAAc,GAAGC;;;;"}

package/{utils-3c726d0f.js → utils-13ac01f0.js}

@@ -1,4 +1,4 @@
-import { c as LabelStringSet } from './index-8f0ae983.js';
+import { c as LabelStringSet } from './index-538fa479.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
   var _a;
@@ -22,4 +22,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 export { getChannelTitle as g };
-//# sourceMappingURL=utils-3c726d0f.js.map
+//# sourceMappingURL=utils-13ac01f0.js.map

package/utils-13ac01f0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-13ac01f0.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,cAAc,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/{utils-4c1f97d4.js → utils-3c97842b.js}

@@ -23,4 +23,4 @@ var copyToClipboard = function (text) {
 };
 
 export { copyToClipboard as c };
-//# sourceMappingURL=utils-4c1f97d4.js.map
+//# sourceMappingURL=utils-3c97842b.js.map

package/{utils-4c1f97d4.js.map → utils-3c97842b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-4c1f97d4.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-3c97842b.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/{utils-760413c9.js → utils-4aea6ebc.js}

@@ -28,4 +28,4 @@ var generateDefaultAvatar = function (channel) {
 };
 
 export { getChannelAvatarSource as a, getOpenChannelAvatar as b, generateDefaultAvatar as g };
-//# sourceMappingURL=utils-760413c9.js.map
+//# sourceMappingURL=utils-4aea6ebc.js.map

package/utils-4aea6ebc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-4aea6ebc.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/{utils-a7563986.js → utils-7dc80efd.js}

@@ -1,4 +1,4 @@
 const noop = () => {};
 
 export { noop as n };
-//# sourceMappingURL=utils-a7563986.js.map
+//# sourceMappingURL=utils-7dc80efd.js.map

package/{utils-a7563986.js.map → utils-7dc80efd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-a7563986.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-7dc80efd.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/{uuid-368c5040.js → uuid-39d923b9.js}

@@ -12,4 +12,4 @@ var uuidv4 = function () {
 };
 
 export { uuidv4 as u };
-//# sourceMappingURL=uuid-368c5040.js.map
+//# sourceMappingURL=uuid-39d923b9.js.map

package/{uuid-368c5040.js.map → uuid-39d923b9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"uuid-368c5040.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-39d923b9.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/withSendbird.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-5180f9d1.js';
+import { _ as __assign } from './tslib.es6-85bcd95d.js';
 import React__default from 'react';
 
 var SendbirdSdkContext = /*#__PURE__*/React__default.createContext({});