@sendbird/uikit-react 3.4.7 → 3.4.8-rc.1

package/cjs/ui/ThreadReplies.js

@@ -3,13 +3,13 @@
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-80b17a7f.js');
-var LocalizationContext = require('../LocalizationContext-30772f4a.js');
-var uuid = require('../uuid-d0dd45eb.js');
+var ui_Label = require('../index-bb91f996.js');
+var LocalizationContext = require('../LocalizationContext-975ffc10.js');
+var uuid = require('../uuid-d5eb7040.js');
 require('./ImageRenderer.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
-require('../index-6d3fe482.js');
+require('../stringSet-ac04b7c1.js');
+require('../index-f0938824.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ThreadReplies.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadReplies.js","sources":["../../../src/ui/ThreadReplies/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ThreadInfo } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Avatar from '../Avatar';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\n\nexport interface ThreadRepliesProps {\n  className?: string;\n  threadInfo: ThreadInfo;\n  onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\nexport default function ThreadReplies({\n  className,\n  threadInfo,\n  onClick,\n}: ThreadRepliesProps): React.ReactElement {\n  const {\n    mostRepliedUsers = [],\n    replyCount,\n  } = threadInfo;\n  const { stringSet } = useLocalization();\n  return (\n    <div\n      className={`sendbird-ui-thread-replies ${className}`}\n      role=\"button\"\n      onClick={(e) => {\n        onClick(e);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        onClick(e);\n        e?.stopPropagation();\n      }}\n    >\n      <div className=\"sendbird-ui-thread-replies__user-profiles\">\n        {mostRepliedUsers.slice(0, 4).map((user) => {\n          return (\n            <Avatar\n              key={uuidv4()}\n              className=\"sendbird-ui-thread-replies__user-profiles__avatar\"\n              src={user?.profileUrl}\n              alt=\"user profile\"\n              width=\"20px\"\n              height=\"20px\"\n            />\n          );\n        })}\n        {mostRepliedUsers?.length >= 5 && (\n          <div className=\"sendbird-ui-thread-replies__user-profiles__avatar\">\n            <Avatar\n              className=\"sendbird-ui-thread-replies__user-profiles__avatar__image\"\n              src={mostRepliedUsers?.[4]?.profileUrl}\n              alt=\"user profile\"\n              width=\"20px\"\n              height=\"20px\"\n            />\n            <div className=\"sendbird-ui-thread-replies__user-profiles__avatar__cover\" />\n            <div className=\"sendbird-ui-thread-replies__user-profiles__avatar__plus\">\n              <Icon\n                type={IconTypes.PLUS}\n                fillColor={IconColors.WHITE}\n                width=\"16px\"\n                height=\"16px\"\n              />\n            </div>\n          </div>\n        )}\n      </div>\n      <Label\n        className=\"sendbird-ui-thread-replies__reply-counts\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.PRIMARY}\n      >\n        {\n          replyCount === 1\n            ? `${replyCount} ${stringSet.CHANNEL__THREAD_REPLY}`\n            : `${replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount} ${stringSet.CHANNEL__THREAD_REPLIES}`\n        }\n      </Label>\n      <Icon\n        className=\"sendbird-ui-thread-replies__icon\"\n        type={IconTypes.CHEVRON_RIGHT}\n        fillColor={IconColors.PRIMARY}\n        width=\"16px\"\n        height=\"16px\"\n      />\n    </div>\n  );\n}\n"],"names":["ThreadReplies","_ref","_mostRepliedUsers$","className","threadInfo","onClick","mostRepliedUsers","replyCount","stringSet","useLocalization","React","createElement","role","e","stopPropagation","onKeyDown","slice","map","user","Avatar","key","uuidv4","src","profileUrl","alt","width","height","length","Icon","type","IconTypes","PLUS","fillColor","IconColors","WHITE","Label","LabelTypography","CAPTION_2","color","LabelColors","PRIMARY","CHANNEL__THREAD_REPLY","CHANNEL__THREAD_OVER_MAX","CHANNEL__THREAD_REPLIES","CHEVRON_RIGHT"],"mappings":"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"}
+{"version":3,"file":"ThreadReplies.js","sources":["../../../src/ui/ThreadReplies/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ThreadInfo } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Avatar from '../Avatar';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\n\nexport interface ThreadRepliesProps {\n  className?: string;\n  threadInfo: ThreadInfo;\n  onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\nexport default function ThreadReplies({\n  className,\n  threadInfo,\n  onClick,\n}: ThreadRepliesProps): React.ReactElement {\n  const {\n    mostRepliedUsers = [],\n    replyCount,\n  } = threadInfo;\n  const { stringSet } = useLocalization();\n  return (\n    <div\n      className={`sendbird-ui-thread-replies ${className}`}\n      role=\"button\"\n      onClick={(e) => {\n        onClick(e);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        onClick(e);\n        e?.stopPropagation();\n      }}\n    >\n      <div className=\"sendbird-ui-thread-replies__user-profiles\">\n        {mostRepliedUsers.slice(0, 4).map((user) => {\n          return (\n            <Avatar\n              key={uuidv4()}\n              className=\"sendbird-ui-thread-replies__user-profiles__avatar\"\n              src={user?.profileUrl}\n              alt=\"user profile\"\n              width=\"20px\"\n              height=\"20px\"\n            />\n          );\n        })}\n        {mostRepliedUsers?.length >= 5 && (\n          <div className=\"sendbird-ui-thread-replies__user-profiles__avatar\">\n            <Avatar\n              className=\"sendbird-ui-thread-replies__user-profiles__avatar__image\"\n              src={mostRepliedUsers?.[4]?.profileUrl}\n              alt=\"user profile\"\n              width=\"20px\"\n              height=\"20px\"\n            />\n            <div className=\"sendbird-ui-thread-replies__user-profiles__avatar__cover\" />\n            <div className=\"sendbird-ui-thread-replies__user-profiles__avatar__plus\">\n              <Icon\n                type={IconTypes.PLUS}\n                fillColor={IconColors.WHITE}\n                width=\"16px\"\n                height=\"16px\"\n              />\n            </div>\n          </div>\n        )}\n      </div>\n      <Label\n        className=\"sendbird-ui-thread-replies__reply-counts\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.PRIMARY}\n      >\n        {\n          replyCount === 1\n            ? `${replyCount} ${stringSet.CHANNEL__THREAD_REPLY}`\n            : `${replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount} ${stringSet.CHANNEL__THREAD_REPLIES}`\n        }\n      </Label>\n      <Icon\n        className=\"sendbird-ui-thread-replies__icon\"\n        type={IconTypes.CHEVRON_RIGHT}\n        fillColor={IconColors.PRIMARY}\n        width=\"16px\"\n        height=\"16px\"\n      />\n    </div>\n  );\n}\n"],"names":["ThreadReplies","_ref","_mostRepliedUsers$","className","threadInfo","onClick","mostRepliedUsers","replyCount","stringSet","useLocalization","React","createElement","role","e","stopPropagation","onKeyDown","slice","map","user","Avatar","key","uuidv4","src","profileUrl","alt","width","height","length","Icon","type","IconTypes","PLUS","fillColor","IconColors","WHITE","Label","LabelTypography","CAPTION_2","color","LabelColors","PRIMARY","CHANNEL__THREAD_REPLY","CHANNEL__THREAD_OVER_MAX","CHANNEL__THREAD_REPLIES","CHEVRON_RIGHT"],"mappings":"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"}

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -3,9 +3,9 @@
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../index-4de6caed.js');
+var index = require('../index-551be60f.js');
 require('prop-types');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/ThumbnailMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n  style?: Record<string, any>;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer,\n  style = {},\n}: Props): ReactElement {\n  const { thumbnails = [] } = message;\n  const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n  const [imageRendered, setImageRendered] = useState(false);\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}\n      onClick={() => {\n        if (isSentMessage(message)) {\n          showFileViewer(true);\n        }\n      }}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || message?.url}\n        alt={message?.type}\n        width={style?.width || '360px'}\n        height={style?.height || '270px'}\n        onLoad={() => { setImageRendered(true) }}\n        placeHolder={(style_: Record<string, any>) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style_}\n          >\n            <div className=\"sendbird-thumbnail-message-item-body__placeholder__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={message?.url} type={message?.type} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.GRAY}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_ref","_thumbnails$","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","showFileViewer","style","thumbnails","thumbnailUrl","length","url","imageRendered","setImageRendered","useState","React","createElement","getClassName","reactions","onClick","isSentMessage","ImageRenderer","alt","type","width","height","onLoad","placeHolder","style_","Icon","isVideoMessage","IconTypes","PLAY","PHOTO","fillColor","IconColors","ON_BACKGROUND_2","src","isGifMessage","GIF","GRAY"],"mappings":"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"}
+{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n  style?: Record<string, any>;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer,\n  style = {},\n}: Props): ReactElement {\n  const { thumbnails = [] } = message;\n  const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n  const [imageRendered, setImageRendered] = useState(false);\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}\n      onClick={() => {\n        if (isSentMessage(message)) {\n          showFileViewer(true);\n        }\n      }}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || message?.url}\n        alt={message?.type}\n        width={style?.width || '360px'}\n        height={style?.height || '270px'}\n        onLoad={() => { setImageRendered(true); }}\n        placeHolder={(style_: Record<string, any>) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style_}\n          >\n            <div className=\"sendbird-thumbnail-message-item-body__placeholder__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={message?.url} type={message?.type} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.GRAY}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_ref","_thumbnails$","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","showFileViewer","style","thumbnails","thumbnailUrl","length","url","imageRendered","setImageRendered","useState","React","createElement","getClassName","reactions","onClick","isSentMessage","ImageRenderer","alt","type","width","height","onLoad","placeHolder","style_","Icon","isVideoMessage","IconTypes","PLAY","PHOTO","fillColor","IconColors","ON_BACKGROUND_2","src","isGifMessage","GIF","GRAY"],"mappings":"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"}

package/cjs/ui/Toggle.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-4b6406c2.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-596e2aef.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 

package/cjs/ui/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../src/ui/Toggle/ToggleContext.ts","../../../src/ui/Toggle/ToggleContainer.tsx","../../../src/ui/Toggle/utils.ts","../../../src/ui/Toggle/ToggleUI.tsx","../../../src/ui/Toggle/index.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from 'react';\n\n/**\n * The default value of `checked` should be null\n * to support both case of controlled and uncontrolled component\n * ref: https://github.com/aaronshaf/react-toggle#props\n */\nconst noop = (): void => { /* noop */ };\nexport const TOGGLE_DEFAULT_VALUE = {\n  checked: null,\n  defaultChecked: false,\n  disabled: false,\n  onChange: noop,\n  onFocus: noop,\n  onBlur: noop,\n};\n\nexport interface ToggleContextInterface {\n  checked?: boolean | null;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  onFocus?: ChangeEventHandler<HTMLInputElement>;\n  onBlur?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const ToggleContext = React.createContext<ToggleContextInterface>(TOGGLE_DEFAULT_VALUE);\n\nexport function useToggleContext(): ToggleContextInterface {\n  const context = React.useContext(ToggleContext);\n  if (context === undefined) {\n    throw new Error('@sendbird/uikit-react/ui/Toggle: useToggleContext must be used within a ToggleContainer.');\n  }\n  return context;\n}\n","import React, { ChangeEvent, useCallback, useState } from 'react';\n\nimport {\n  ToggleContext,\n  ToggleContextInterface,\n  TOGGLE_DEFAULT_VALUE as Dvalue,\n} from './ToggleContext';\n\nexport interface ToggleContainerProps extends ToggleContextInterface {\n  children?: React.ReactElement;\n}\n\n// Props Explanation https://github.com/aaronshaf/react-toggle#props\nexport function ToggleContainer({\n  checked = Dvalue.checked, // null\n  defaultChecked = Dvalue.defaultChecked,\n  disabled = Dvalue.disabled,\n  onChange = Dvalue.onChange,\n  onFocus = Dvalue.onFocus,\n  onBlur = Dvalue.onBlur,\n  children,\n}: ToggleContainerProps): React.ReactElement {\n  const [isChecked, setChecked] = useState(defaultChecked || false);\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    if (checked === null) {\n      setChecked(e.currentTarget.checked);\n    }\n    onChange(e);\n  }, [onChange, checked]);\n\n  return (\n    <ToggleContext.Provider value={{\n      checked: checked !== null ? checked : isChecked,\n      disabled,\n      onChange: handleChange,\n      onFocus: (e) => {\n        if (!disabled) {\n          onFocus(e);\n        }\n      },\n      onBlur: (e) => {\n        if (!disabled) {\n          onBlur(e);\n        }\n      },\n    }}>\n      {children}\n    </ToggleContext.Provider>\n  );\n}\n","import useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\nexport function filterNumber(input: string | number): Array<number> {\n  if (typeof input !== 'string' && typeof input !== 'number') {\n    try {\n      const { config } = useSendbirdStateContext();\n      const { logger } = config;\n      logger.warning('@sendbird/uikit-react/ui/Toggle: TypeError - expected string or number.', input);\n    } catch (_) { /* noop */ }\n    return [];\n  }\n  if (typeof input === 'number') {\n    return [input];\n  }\n  const regex = /(-?\\d+)(\\.\\d+)?/g;\n  const numbers = input.match(regex) || [];\n  return numbers.map(parseFloat);\n}\n","import React, { useState } from 'react';\nimport { useToggleContext } from './ToggleContext';\nimport { filterNumber } from './utils';\n\nexport interface ToggleUIProps {\n  reversed?: boolean;\n  width?: string;\n  animationDuration?: string;\n  style?: Record<string, string>;\n  name?: string;\n  id?: string;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n}\n\nexport function ToggleUI(props: ToggleUIProps): React.ReactElement {\n  const {\n    reversed = false,\n    width = '40px',\n    animationDuration = '0.5s',\n    style = {},\n    name = '',\n    id = '',\n    ariaLabel = '',\n    ariaLabelledby = '',\n  } = props;\n  const {\n    checked,\n    disabled,\n    onChange,\n    onFocus,\n    onBlur,\n  } = useToggleContext();\n\n  // animation should not be activated in the initialization step\n  const [animatedClassName, setAnimatedClassName] = useState('');\n\n  const toggleWidth = filterNumber(width)?.[0];\n  const toggleHeight = toggleWidth / 2;\n  // The size of dot should be 60% of toggle height\n  const dotSize = toggleHeight * 0.6;\n\n  return (\n    <label\n      className={[\n        'sendbird-input-toggle-button',\n        animatedClassName,\n        checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked',\n        disabled ? 'sendbird-input-toggle-button--disabled' : [],\n        reversed ? 'sendbird-input-toggle-button--reversed' : [],\n      ].flat().join(' ')}\n      style={{\n        width: `${toggleWidth}px`,\n        height: `${toggleHeight}px`,\n        borderRadius: `${dotSize}px`,\n        ...style,\n      }}\n    >\n      <div\n        className={[\n          'sendbird-input-toggle-button__inner-dot',\n          checked\n            ? 'sendbird-input-toggle-button__inner-dot--activate'\n            : 'sendbird-input-toggle-button__inner-dot--inactivate',\n        ].join(' ')}\n        style={{\n          width: `${dotSize}px`,\n          height: `${dotSize}px`,\n          animationDuration,\n        }}\n      />\n      <input\n        type=\"checkbox\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        name={name}\n        id={id}\n        checked={checked}\n        disabled={disabled}\n        onChange={(e) => {\n          onChange(e);\n          setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');\n        }}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      />\n    </label>\n  );\n}\n","import React from 'react';\nimport './index.scss';\n\nimport { ToggleContainer, ToggleContainerProps } from './ToggleContainer';\nimport { useToggleContext } from './ToggleContext';\nimport { ToggleUI, ToggleUIProps } from './ToggleUI';\n\nexport interface ToggleProps extends ToggleContainerProps, ToggleUIProps {\n  className?: string;\n}\nfunction Toggle(props: ToggleProps): React.ReactElement {\n  const {\n    // ToggleProvider\n    checked,\n    defaultChecked,\n    disabled,\n    onChange,\n    onFocus,\n    onBlur,\n    // ToggleUI\n    className,\n    reversed,\n    width,\n    // height will be half of width\n    animationDuration,\n    style,\n    name,\n    id,\n    ariaLabel,\n    ariaLabelledby,\n  } = props;\n  return (\n    <div className={`sendbird-ui-toggle ${className}`}>\n      <ToggleContainer\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        >\n        <ToggleUI\n          reversed={reversed}\n          width={width}\n          animationDuration={animationDuration}\n          style={style}\n          name={name}\n          id={id}\n          ariaLabel={ariaLabel}\n          ariaLabelledby={ariaLabelledby}\n        />\n      </ToggleContainer>\n    </div>\n  );\n}\n\nexport type { ToggleContainerProps, ToggleUIProps };\nexport { Toggle, ToggleContainer, ToggleUI, useToggleContext };\n"],"names":["noop","TOGGLE_DEFAULT_VALUE","checked","defaultChecked","disabled","onChange","onFocus","onBlur","ToggleContext","React","createContext","useToggleContext","context","useContext","undefined","Error","ToggleContainer","_ref","Dvalue","children","isChecked","setChecked","useState","handleChange","useCallback","e","currentTarget","createElement","Provider","value","filterNumber","input","config","useSendbirdStateContext","logger","warning","_","regex","numbers","match","map","parseFloat","ToggleUI","props","_filterNumber","reversed","width","animationDuration","style","name","id","ariaLabel","ariaLabelledby","animatedClassName","setAnimatedClassName","toggleWidth","toggleHeight","dotSize","className","flat","join","_objectSpread","height","borderRadius","type","Toggle"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","sources":["../../../src/ui/Toggle/ToggleContext.ts","../../../src/ui/Toggle/ToggleContainer.tsx","../../../src/ui/Toggle/utils.ts","../../../src/ui/Toggle/ToggleUI.tsx","../../../src/ui/Toggle/index.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from 'react';\n\n/**\n * The default value of `checked` should be null\n * to support both case of controlled and uncontrolled component\n * ref: https://github.com/aaronshaf/react-toggle#props\n */\nconst noop = (): void => { /* noop */ };\nexport const TOGGLE_DEFAULT_VALUE = {\n  checked: null,\n  defaultChecked: false,\n  disabled: false,\n  onChange: noop,\n  onFocus: noop,\n  onBlur: noop,\n};\n\nexport interface ToggleContextInterface {\n  checked?: boolean | null;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  onFocus?: ChangeEventHandler<HTMLInputElement>;\n  onBlur?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const ToggleContext = React.createContext<ToggleContextInterface>(TOGGLE_DEFAULT_VALUE);\n\nexport function useToggleContext(): ToggleContextInterface {\n  const context = React.useContext(ToggleContext);\n  if (context === undefined) {\n    throw new Error('@sendbird/uikit-react/ui/Toggle: useToggleContext must be used within a ToggleContainer.');\n  }\n  return context;\n}\n","import React, { ChangeEvent, useCallback, useState } from 'react';\n\nimport {\n  ToggleContext,\n  ToggleContextInterface,\n  TOGGLE_DEFAULT_VALUE as Dvalue,\n} from './ToggleContext';\n\nexport interface ToggleContainerProps extends ToggleContextInterface {\n  children?: React.ReactElement;\n}\n\n// Props Explanation https://github.com/aaronshaf/react-toggle#props\nexport function ToggleContainer({\n  checked = Dvalue.checked, // null\n  defaultChecked = Dvalue.defaultChecked,\n  disabled = Dvalue.disabled,\n  onChange = Dvalue.onChange,\n  onFocus = Dvalue.onFocus,\n  onBlur = Dvalue.onBlur,\n  children,\n}: ToggleContainerProps): React.ReactElement {\n  const [isChecked, setChecked] = useState(defaultChecked || false);\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    if (checked === null) {\n      setChecked(e.currentTarget.checked);\n    }\n    onChange(e);\n  }, [onChange, checked]);\n\n  return (\n    <ToggleContext.Provider value={{\n      checked: checked !== null ? checked : isChecked,\n      disabled,\n      onChange: handleChange,\n      onFocus: (e) => {\n        if (!disabled) {\n          onFocus(e);\n        }\n      },\n      onBlur: (e) => {\n        if (!disabled) {\n          onBlur(e);\n        }\n      },\n    }}>\n      {children}\n    </ToggleContext.Provider>\n  );\n}\n","import useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\nexport function filterNumber(input: string | number): Array<number> {\n  if (typeof input !== 'string' && typeof input !== 'number') {\n    try {\n      const { config } = useSendbirdStateContext();\n      const { logger } = config;\n      logger.warning('@sendbird/uikit-react/ui/Toggle: TypeError - expected string or number.', input);\n    } catch (_) { /* noop */ }\n    return [];\n  }\n  if (typeof input === 'number') {\n    return [input];\n  }\n  const regex = /(-?\\d+)(\\.\\d+)?/g;\n  const numbers = input.match(regex) || [];\n  return numbers.map(parseFloat);\n}\n","import React, { useState } from 'react';\nimport { useToggleContext } from './ToggleContext';\nimport { filterNumber } from './utils';\n\nexport interface ToggleUIProps {\n  reversed?: boolean;\n  width?: string;\n  animationDuration?: string;\n  style?: Record<string, string>;\n  name?: string;\n  id?: string;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n}\n\nexport function ToggleUI(props: ToggleUIProps): React.ReactElement {\n  const {\n    reversed = false,\n    width = '40px',\n    animationDuration = '0.5s',\n    style = {},\n    name = '',\n    id = '',\n    ariaLabel = '',\n    ariaLabelledby = '',\n  } = props;\n  const {\n    checked,\n    disabled,\n    onChange,\n    onFocus,\n    onBlur,\n  } = useToggleContext();\n\n  // animation should not be activated in the initialization step\n  const [animatedClassName, setAnimatedClassName] = useState('');\n\n  const toggleWidth = filterNumber(width)?.[0];\n  const toggleHeight = toggleWidth / 2;\n  // The size of dot should be 60% of toggle height\n  const dotSize = toggleHeight * 0.6;\n\n  return (\n    <label\n      className={[\n        'sendbird-input-toggle-button',\n        animatedClassName,\n        checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked',\n        disabled ? 'sendbird-input-toggle-button--disabled' : [],\n        reversed ? 'sendbird-input-toggle-button--reversed' : [],\n      ].flat().join(' ')}\n      style={{\n        width: `${toggleWidth}px`,\n        height: `${toggleHeight}px`,\n        borderRadius: `${dotSize}px`,\n        ...style,\n      }}\n    >\n      <div\n        className={[\n          'sendbird-input-toggle-button__inner-dot',\n          checked\n            ? 'sendbird-input-toggle-button__inner-dot--activate'\n            : 'sendbird-input-toggle-button__inner-dot--inactivate',\n        ].join(' ')}\n        style={{\n          width: `${dotSize}px`,\n          height: `${dotSize}px`,\n          animationDuration,\n        }}\n      />\n      <input\n        type=\"checkbox\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        name={name}\n        id={id}\n        checked={checked}\n        disabled={disabled}\n        onChange={(e) => {\n          onChange(e);\n          setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');\n        }}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      />\n    </label>\n  );\n}\n","import React from 'react';\nimport './index.scss';\n\nimport { ToggleContainer, ToggleContainerProps } from './ToggleContainer';\nimport { useToggleContext } from './ToggleContext';\nimport { ToggleUI, ToggleUIProps } from './ToggleUI';\n\nexport interface ToggleProps extends ToggleContainerProps, ToggleUIProps {\n  className?: string;\n}\nfunction Toggle(props: ToggleProps): React.ReactElement {\n  const {\n    // ToggleProvider\n    checked,\n    defaultChecked,\n    disabled,\n    onChange,\n    onFocus,\n    onBlur,\n    // ToggleUI\n    className,\n    reversed,\n    width,\n    // height will be half of width\n    animationDuration,\n    style,\n    name,\n    id,\n    ariaLabel,\n    ariaLabelledby,\n  } = props;\n  return (\n    <div className={`sendbird-ui-toggle ${className}`}>\n      <ToggleContainer\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        >\n        <ToggleUI\n          reversed={reversed}\n          width={width}\n          animationDuration={animationDuration}\n          style={style}\n          name={name}\n          id={id}\n          ariaLabel={ariaLabel}\n          ariaLabelledby={ariaLabelledby}\n        />\n      </ToggleContainer>\n    </div>\n  );\n}\n\nexport type { ToggleContainerProps, ToggleUIProps };\nexport { Toggle, ToggleContainer, ToggleUI, useToggleContext };\n"],"names":["noop","TOGGLE_DEFAULT_VALUE","checked","defaultChecked","disabled","onChange","onFocus","onBlur","ToggleContext","React","createContext","useToggleContext","context","useContext","undefined","Error","ToggleContainer","_ref","Dvalue","children","isChecked","setChecked","useState","handleChange","useCallback","e","currentTarget","createElement","Provider","value","filterNumber","input","config","useSendbirdStateContext","logger","warning","_","regex","numbers","match","map","parseFloat","ToggleUI","props","_filterNumber","reversed","width","animationDuration","style","name","id","ariaLabel","ariaLabelledby","animatedClassName","setAnimatedClassName","toggleWidth","toggleHeight","dotSize","className","flat","join","_objectSpread","height","borderRadius","type","Toggle"],"mappings":"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"}

package/cjs/ui/Tooltip.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
+require('../stringSet-ac04b7c1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/ui/Tooltip/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\nexport interface TooltipProps {\n  className?: string | Array<string>;\n  children?: string | ReactElement;\n}\nexport default function Tooltip({\n  className = '',\n  children = '',\n}: TooltipProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-tooltip__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </div>\n  );\n}\n"],"names":["Tooltip","_ref","className","children","React","createElement","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;;;;;;AAUe,SAASA,OAAOA,CAAAC,IAAA,EAGA;EAAA,IAHC;AAC9BC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,QAAQ,GAAG,EAAA;AACC,GAAC,GAAAF,IAAA,CAAA;EACb,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEH,SAAS,EAAE,CACT,IAAII,KAAK,CAACC,OAAO,CAACL,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,kBAAkB,CACnB,CAACM,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZJ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJP,IAAAA,SAAS,EAAC,wBAAwB;IAClCQ,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAElBZ,EAAAA,QACI,CACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/ui/Tooltip/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\nexport interface TooltipProps {\n  className?: string | Array<string>;\n  children?: string | ReactElement;\n}\nexport default function Tooltip({\n  className = '',\n  children = '',\n}: TooltipProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-tooltip__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </div>\n  );\n}\n"],"names":["Tooltip","_ref","className","children","React","createElement","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;;;;;;AAUe,SAASA,OAAOA,CAAAC,IAAA,EAGA;EAAA,IAHC;AAC9BC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,QAAQ,GAAG,EAAA;AACC,GAAC,GAAAF,IAAA,CAAA;EACb,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEH,SAAS,EAAE,CACT,IAAII,KAAK,CAACC,OAAO,CAACL,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,kBAAkB,CACnB,CAACM,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZJ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJP,IAAAA,SAAS,EAAC,wBAAwB;IAClCQ,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAElBZ,EAAAA,QAAQ,CACH,CACJ,CAAA;AAEV;;;;"}

package/cjs/ui/TooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.js","sources":["../../../src/ui/TooltipWrapper/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactElement } from 'react';\n\nimport './index.scss';\n\nconst SPACE_FROM_TRIGGER = 8;\n\nexport interface TooltipWrapperProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  hoverTooltip: ReactElement;\n}\nexport default function TooltipWrapper({\n  className = '',\n  children,\n  hoverTooltip,\n  // clickTooltip can be added later\n}: TooltipWrapperProps): ReactElement {\n  const [showHoverTooltip, setShowHoverTooltip] = useState(false);\n  const childrenRef = useRef(null);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip-wrapper',\n      ].join(' ')}\n      onMouseOver={() => { setShowHoverTooltip(true); }}\n      onFocus={() => { setShowHoverTooltip(true); }}\n      onMouseOut={() => { setShowHoverTooltip(false); }}\n      onBlur={() => { setShowHoverTooltip(false); }}\n    >\n      <div\n        className=\"sendbird-tooltip-wrapper__children\"\n        ref={childrenRef}\n      >\n        {children}\n      </div>\n      {\n        showHoverTooltip && (\n          <div\n            className=\"sendbird-tooltip-wrapper__hover-tooltip\"\n            style={{ bottom: `calc(100% + ${SPACE_FROM_TRIGGER}px)` }}\n          >\n            <div className=\"sendbird-tooltip-wrapper__hover-tooltip__inner\">\n              <div\n                className=\"sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container\"\n                style={{ left: childrenRef.current && `calc(${childrenRef.current.offsetWidth / 2}px - 50%)` }}\n              >\n                {hoverTooltip}\n              </div>\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["SPACE_FROM_TRIGGER","TooltipWrapper","_ref","className","children","hoverTooltip","showHoverTooltip","setShowHoverTooltip","useState","childrenRef","useRef","React","createElement","Array","isArray","join","onMouseOver","onFocus","onMouseOut","onBlur","ref","style","bottom","left","current","offsetWidth"],"mappings":";;;;;;;;AAIA,MAAMA,kBAAkB,GAAG,CAAC,CAAA;AAOb,SAASC,cAAcA,CAAAC,IAAA,EAKA;EAAA,IALC;AACrCC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,YAAAA;AACA;AACmB,GAAC,GAAAH,IAAA,CAAA;EACpB,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAC/D,EAAA,MAAMC,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EAEhC,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACET,SAAS,EAAE,CACT,IAAIU,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,0BAA0B,CAC3B,CAACY,IAAI,CAAC,GAAG,CAAE;IACZC,WAAW,EAAEA,MAAM;MAAET,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAClDU,OAAO,EAAEA,MAAM;MAAEV,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAC9CW,UAAU,EAAEA,MAAM;MAAEX,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAAI;IAClDY,MAAM,EAAEA,MAAM;MAAEZ,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAAE,KAAA;GAE5CI,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,oCAAoC;AAC9CiB,IAAAA,GAAG,EAAEX,WAAAA;AAAY,GAAA,EAEhBL,QACE,CAAC,EAEJE,gBAAgB,iBACdK,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,yCAAyC;AACnDkB,IAAAA,KAAK,EAAE;MAAEC,MAAM,EAAG,eAActB,kBAAmB,CAAA,GAAA,CAAA;AAAK,KAAA;GAExDW,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAC,gDAAA;GACbQ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,mEAAmE;AAC7EkB,IAAAA,KAAK,EAAE;AAAEE,MAAAA,IAAI,EAAEd,WAAW,CAACe,OAAO,IAAK,CAAA,KAAA,EAAOf,WAAW,CAACe,OAAO,CAACC,WAAW,GAAG,CAAE,CAAA,SAAA,CAAA;AAAW,KAAA;AAAE,GAAA,EAE9FpB,YACE,CACF,CACF,CAGN,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"TooltipWrapper.js","sources":["../../../src/ui/TooltipWrapper/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactElement } from 'react';\n\nimport './index.scss';\n\nconst SPACE_FROM_TRIGGER = 8;\n\nexport interface TooltipWrapperProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  hoverTooltip: ReactElement;\n}\nexport default function TooltipWrapper({\n  className = '',\n  children,\n  hoverTooltip,\n  // clickTooltip can be added later\n}: TooltipWrapperProps): ReactElement {\n  const [showHoverTooltip, setShowHoverTooltip] = useState(false);\n  const childrenRef = useRef(null);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip-wrapper',\n      ].join(' ')}\n      onMouseOver={() => { setShowHoverTooltip(true); }}\n      onFocus={() => { setShowHoverTooltip(true); }}\n      onMouseOut={() => { setShowHoverTooltip(false); }}\n      onBlur={() => { setShowHoverTooltip(false); }}\n    >\n      <div\n        className=\"sendbird-tooltip-wrapper__children\"\n        ref={childrenRef}\n      >\n        {children}\n      </div>\n      {\n        showHoverTooltip && (\n          <div\n            className=\"sendbird-tooltip-wrapper__hover-tooltip\"\n            style={{ bottom: `calc(100% + ${SPACE_FROM_TRIGGER}px)` }}\n          >\n            <div className=\"sendbird-tooltip-wrapper__hover-tooltip__inner\">\n              <div\n                className=\"sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container\"\n                style={{ left: childrenRef.current && `calc(${childrenRef.current.offsetWidth / 2}px - 50%)` }}\n              >\n                {hoverTooltip}\n              </div>\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["SPACE_FROM_TRIGGER","TooltipWrapper","_ref","className","children","hoverTooltip","showHoverTooltip","setShowHoverTooltip","useState","childrenRef","useRef","React","createElement","Array","isArray","join","onMouseOver","onFocus","onMouseOut","onBlur","ref","style","bottom","left","current","offsetWidth"],"mappings":";;;;;;;;AAIA,MAAMA,kBAAkB,GAAG,CAAC,CAAA;AAOb,SAASC,cAAcA,CAAAC,IAAA,EAKA;EAAA,IALC;AACrCC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,YAAAA;AACA;AACmB,GAAC,GAAAH,IAAA,CAAA;EACpB,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAC/D,EAAA,MAAMC,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EAEhC,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACET,SAAS,EAAE,CACT,IAAIU,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,0BAA0B,CAC3B,CAACY,IAAI,CAAC,GAAG,CAAE;IACZC,WAAW,EAAEA,MAAM;MAAET,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAClDU,OAAO,EAAEA,MAAM;MAAEV,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAC9CW,UAAU,EAAEA,MAAM;MAAEX,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAAI;IAClDY,MAAM,EAAEA,MAAM;MAAEZ,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAAE,KAAA;GAE5CI,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,oCAAoC;AAC9CiB,IAAAA,GAAG,EAAEX,WAAAA;AAAY,GAAA,EAEhBL,QAAQ,CACL,EAEJE,gBAAgB,iBACdK,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,yCAAyC;AACnDkB,IAAAA,KAAK,EAAE;MAAEC,MAAM,EAAG,eAActB,kBAAmB,CAAA,GAAA,CAAA;AAAK,KAAA;GAExDW,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAC,gDAAA;GACbQ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,mEAAmE;AAC7EkB,IAAAA,KAAK,EAAE;AAAEE,MAAAA,IAAI,EAAEd,WAAW,CAACe,OAAO,IAAK,CAAA,KAAA,EAAOf,WAAW,CAACe,OAAO,CAACC,WAAW,GAAG,CAAE,CAAA,SAAA,CAAA;AAAW,KAAA;AAAE,GAAA,EAE9FpB,YAAY,CACT,CACF,CAET,CAEC,CAAA;AAEV;;;;"}

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-80b17a7f.js');
-var index = require('../index-4de6caed.js');
-var LocalizationContext = require('../LocalizationContext-30772f4a.js');
+var ui_Label = require('../index-bb91f996.js');
+var index = require('../index-551be60f.js');
+var LocalizationContext = require('../LocalizationContext-975ffc10.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../stringSet-ac04b7c1.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-6d3fe482.js');
+require('../index-f0938824.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UnknownMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnknownMessageItemBody.js","sources":["../../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { BaseMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  isByMe?: boolean;\n  message: BaseMessage;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-unknown-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        className=\"sendbird-unknown-message-item-body__header\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n      </Label>\n      <Label\n        className=\"sendbird-unknown-message-item-body__description\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n      </Label>\n    </div>\n  );\n}\n"],"names":["UnknownMessageItemBody","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","stringSet","useContext","LocalizationContext","React","createElement","getClassName","reactions","length","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;;;;;;;AAgBe,SAASA,sBAAsBA,CAAAC,IAAA,EAMtB;AAAA,EAAA,IAAAC,kBAAA,CAAA;EAAA,IANuB;IAC7CC,SAAS;IACTC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,iBAAiB,GAAG,KAAA;AACf,GAAC,GAAAN,IAAA,CAAA;EACN,MAAM;AAAEO,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKT,SAAS,EAAEU,kBAAY,CAAC,CAC3BV,SAAS,EACT,oCAAoC,EACpCE,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCC,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BC,iBAAiB,IAAI,CAAAH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAAPE,OAAO,CAAEU,SAAS,MAAAZ,IAAAA,IAAAA,kBAAA,uBAAlBA,kBAAA,CAAoBa,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDJ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,4CAA4C;IACtDc,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,oBAAW,CAACC,WAAW,GAAGD,oBAAW,CAACE,cAAAA;GAErDf,EAAAA,SAAS,CAACgB,6BACN,CAAC,eACRb,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,iDAAiD;IAC3Dc,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,oBAAW,CAACI,WAAW,GAAGJ,oBAAW,CAACK,cAAAA;AAAe,GAAA,EAEpElB,SAAS,CAACmB,4BACN,CACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"UnknownMessageItemBody.js","sources":["../../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { BaseMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  isByMe?: boolean;\n  message: BaseMessage;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-unknown-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        className=\"sendbird-unknown-message-item-body__header\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n      </Label>\n      <Label\n        className=\"sendbird-unknown-message-item-body__description\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n      </Label>\n    </div>\n  );\n}\n"],"names":["UnknownMessageItemBody","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","stringSet","useContext","LocalizationContext","React","createElement","getClassName","reactions","length","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;;;;;;;AAgBe,SAASA,sBAAsBA,CAAAC,IAAA,EAMtB;AAAA,EAAA,IAAAC,kBAAA,CAAA;EAAA,IANuB;IAC7CC,SAAS;IACTC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,iBAAiB,GAAG,KAAA;AACf,GAAC,GAAAN,IAAA,CAAA;EACN,MAAM;AAAEO,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKT,SAAS,EAAEU,kBAAY,CAAC,CAC3BV,SAAS,EACT,oCAAoC,EACpCE,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCC,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BC,iBAAiB,IAAI,CAAAH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAAPE,OAAO,CAAEU,SAAS,MAAAZ,IAAAA,IAAAA,kBAAA,uBAAlBA,kBAAA,CAAoBa,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDJ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,4CAA4C;IACtDc,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,oBAAW,CAACC,WAAW,GAAGD,oBAAW,CAACE,cAAAA;GAErDf,EAAAA,SAAS,CAACgB,6BAA6B,CAClC,eACRb,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,iDAAiD;IAC3Dc,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,oBAAW,CAACI,WAAW,GAAGJ,oBAAW,CAACK,cAAAA;AAAe,GAAA,EAEpElB,SAAS,CAACmB,4BAA4B,CACjC,CACJ,CAAA;AAEV;;;;"}

package/cjs/ui/UserListItem.js

@@ -1,30 +1,30 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('../UserProfileContext-eb5a10d6.js');
-var LocalizationContext = require('../LocalizationContext-30772f4a.js');
+var UserProfileContext = require('../UserProfileContext-8b19c6c3.js');
+var LocalizationContext = require('../LocalizationContext-975ffc10.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
-require('../index-6d3fe482.js');
+require('../stringSet-ac04b7c1.js');
+require('../index-f0938824.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-d0dd45eb.js');
+require('../uuid-d5eb7040.js');
 require('../sendbirdSelectors.js');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
-require('../topics-f9cf559a.js');
-require('../utils-f6f55335.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
+require('../topics-89c25bd7.js');
+require('../utils-eadc245c.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../index-4de6caed.js');
+require('../index-551be60f.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/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","_ref","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","disableUserProfile","renderUserProfile","useContext","UserProfileContext","stringSet","LocalizationContext","createElement","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","_ref","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","disableUserProfile","renderUserProfile","useContext","UserProfileContext","stringSet","LocalizationContext","createElement","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/cjs/ui/UserProfile.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../LocalizationContext-30772f4a.js');
-var UserProfileContext = require('../UserProfileContext-eb5a10d6.js');
+var LocalizationContext = require('../LocalizationContext-975ffc10.js');
+var UserProfileContext = require('../UserProfileContext-8b19c6c3.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../stringSet-2b481a03.js');
-require('../index-6d3fe482.js');
+require('../stringSet-ac04b7c1.js');
+require('../index-f0938824.js');
 require('prop-types');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
-require('../topics-f9cf559a.js');
-require('../utils-f6f55335.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
+require('../topics-89c25bd7.js');
+require('../utils-eadc245c.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-d0dd45eb.js');
+require('../uuid-d5eb7040.js');
 require('../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/UserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.js","sources":["../../../src/ui/UserProfile/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { GroupChannel, GroupChannelCreateParams } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { getCreateGroupChannel } from '../../lib/selectors';\nimport Avatar from '../Avatar/index';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Button, { ButtonTypes } from '../Button';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface Logger {\n  info?(message: string, channel: GroupChannel): void;\n}\n\ninterface Props {\n  user: User;\n  currentUserId?: string;\n  logger?: Logger;\n  disableMessaging?: boolean;\n  createChannel?(params: GroupChannelCreateParams): Promise<GroupChannel>;\n  onSuccess?: () => void;\n}\n\nfunction UserProfile({\n  user,\n  currentUserId,\n  disableMessaging = false,\n  onSuccess,\n}: Props): ReactElement {\n  const store = useSendbirdStateContext();\n  const createChannel = getCreateGroupChannel(store);\n  const logger = store?.config?.logger;\n  const { stringSet } = useContext(LocalizationContext);\n  const currentUserId_ = currentUserId || store?.config?.userId;\n  // @ts-ignore\n  const { onUserProfileMessage } = useContext(UserProfileContext);\n  return (\n    <div className=\"sendbird__user-profile\">\n      <section className=\"sendbird__user-profile-avatar\">\n        <Avatar\n          height=\"80px\"\n          width=\"80px\"\n          src={user?.profileUrl}\n        />\n      </section>\n      <section className=\"sendbird__user-profile-name\">\n        <Label\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {user?.nickname || stringSet.NO_NAME}\n        </Label>\n      </section>\n      {\n        (user?.userId !== currentUserId_) && !disableMessaging && (\n          <section className=\"sendbird__user-profile-message\">\n            <Button\n              type={ButtonTypes.SECONDARY}\n              onClick={() => {\n                // Create 1:1 channel\n                const params: GroupChannelCreateParams = {\n                  isDistinct: false,\n                  invitedUserIds: [user?.userId],\n                  operatorUserIds: [currentUserId_],\n                };\n                onSuccess();\n                createChannel(params)\n                  .then((groupChannel) => {\n                    logger.info('UserProfile, channel create', groupChannel);\n                    if (typeof onUserProfileMessage === 'function') {\n                      onUserProfileMessage?.(groupChannel);\n                    }\n                  });\n              }}\n            >\n              {stringSet.USER_PROFILE__MESSAGE}\n            </Button>\n          </section>\n        )\n      }\n      <div className=\"sendbird__user-profile-separator\" />\n      <section className=\"sendbird__user-profile-userId\">\n        <Label\n          className=\"sendbird__user-profile-userId--label\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {stringSet.USER_PROFILE__USER_ID}\n        </Label>\n        <Label\n          className=\"sendbird__user-profile-userId--value\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {user?.userId}\n        </Label>\n      </section>\n    </div>\n  );\n}\n\nexport default UserProfile;\n"],"names":["UserProfile","_ref","_store$config","_store$config2","user","currentUserId","disableMessaging","onSuccess","store","useSendbirdStateContext","createChannel","getCreateGroupChannel","logger","config","stringSet","useContext","LocalizationContext","currentUserId_","userId","onUserProfileMessage","UserProfileContext","React","createElement","className","Avatar","height","width","src","profileUrl","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","Button","ButtonTypes","SECONDARY","onClick","params","isDistinct","invitedUserIds","operatorUserIds","then","groupChannel","info","USER_PROFILE__MESSAGE","CAPTION_2","ONBACKGROUND_2","USER_PROFILE__USER_ID","BODY_1"],"mappings":"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"}
+{"version":3,"file":"UserProfile.js","sources":["../../../src/ui/UserProfile/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { GroupChannel, GroupChannelCreateParams } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { getCreateGroupChannel } from '../../lib/selectors';\nimport Avatar from '../Avatar/index';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Button, { ButtonTypes } from '../Button';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface Logger {\n  info?(message: string, channel: GroupChannel): void;\n}\n\ninterface Props {\n  user: User;\n  currentUserId?: string;\n  logger?: Logger;\n  disableMessaging?: boolean;\n  createChannel?(params: GroupChannelCreateParams): Promise<GroupChannel>;\n  onSuccess?: () => void;\n}\n\nfunction UserProfile({\n  user,\n  currentUserId,\n  disableMessaging = false,\n  onSuccess,\n}: Props): ReactElement {\n  const store = useSendbirdStateContext();\n  const createChannel = getCreateGroupChannel(store);\n  const logger = store?.config?.logger;\n  const { stringSet } = useContext(LocalizationContext);\n  const currentUserId_ = currentUserId || store?.config?.userId;\n  // @ts-ignore\n  const { onUserProfileMessage } = useContext(UserProfileContext);\n  return (\n    <div className=\"sendbird__user-profile\">\n      <section className=\"sendbird__user-profile-avatar\">\n        <Avatar\n          height=\"80px\"\n          width=\"80px\"\n          src={user?.profileUrl}\n        />\n      </section>\n      <section className=\"sendbird__user-profile-name\">\n        <Label\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {user?.nickname || stringSet.NO_NAME}\n        </Label>\n      </section>\n      {\n        (user?.userId !== currentUserId_) && !disableMessaging && (\n          <section className=\"sendbird__user-profile-message\">\n            <Button\n              type={ButtonTypes.SECONDARY}\n              onClick={() => {\n                // Create 1:1 channel\n                const params: GroupChannelCreateParams = {\n                  isDistinct: false,\n                  invitedUserIds: [user?.userId],\n                  operatorUserIds: [currentUserId_],\n                };\n                onSuccess();\n                createChannel(params)\n                  .then((groupChannel) => {\n                    logger.info('UserProfile, channel create', groupChannel);\n                    if (typeof onUserProfileMessage === 'function') {\n                      onUserProfileMessage?.(groupChannel);\n                    }\n                  });\n              }}\n            >\n              {stringSet.USER_PROFILE__MESSAGE}\n            </Button>\n          </section>\n        )\n      }\n      <div className=\"sendbird__user-profile-separator\" />\n      <section className=\"sendbird__user-profile-userId\">\n        <Label\n          className=\"sendbird__user-profile-userId--label\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {stringSet.USER_PROFILE__USER_ID}\n        </Label>\n        <Label\n          className=\"sendbird__user-profile-userId--value\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {user?.userId}\n        </Label>\n      </section>\n    </div>\n  );\n}\n\nexport default UserProfile;\n"],"names":["UserProfile","_ref","_store$config","_store$config2","user","currentUserId","disableMessaging","onSuccess","store","useSendbirdStateContext","createChannel","getCreateGroupChannel","logger","config","stringSet","useContext","LocalizationContext","currentUserId_","userId","onUserProfileMessage","UserProfileContext","React","createElement","className","Avatar","height","width","src","profileUrl","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","Button","ButtonTypes","SECONDARY","onClick","params","isDistinct","invitedUserIds","operatorUserIds","then","groupChannel","info","USER_PROFILE__MESSAGE","CAPTION_2","ONBACKGROUND_2","USER_PROFILE__USER_ID","BODY_1"],"mappings":"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"}

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,15 +8,15 @@ var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var ui_PlaybackTime = require('./PlaybackTime.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-80b17a7f.js');
-var VoicePlayer_context = require('../index-b2886b93.js');
-require('../consts-cafff484.js');
+var ui_Label = require('../index-bb91f996.js');
+var VoicePlayer_context = require('../index-8fc4c8ed.js');
+require('../consts-9cbf147c.js');
 require('../VoiceRecorder/context.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
+require('../stringSet-ac04b7c1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -37,7 +37,7 @@ const VoiceMessageItemBody = _ref => {
     pause,
     playbackTime = 0,
     duration,
-    playingStatus = VoicePlayer_context.VoicePlayerStatus.IDLE
+    playingStatus = VoicePlayer_context.VOICE_PLAYER_STATUS.IDLE
   } = VoicePlayer_useVoicePlayer.useVoicePlayer({
     channelUrl,
     key: `${message === null || message === void 0 ? void 0 : message.messageId}`,
@@ -68,7 +68,7 @@ const VoiceMessageItemBody = _ref => {
     colorType: isByMe ? ui_ProgressBar.ProgressBarColorTypes.PRIMARY : ui_ProgressBar.ProgressBarColorTypes.GRAY
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-voice-message-item-body__status-button"
-  }, (playingStatus === VoicePlayer_context.VoicePlayerStatus.IDLE || playingStatus === VoicePlayer_context.VoicePlayerStatus.PAUSED) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.IDLE || playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PAUSED) && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-voice-message-item-body__status-button__button",
     onClick: play
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
@@ -76,7 +76,7 @@ const VoiceMessageItemBody = _ref => {
     height: "18px",
     type: ui_Icon.IconTypes.PLAY,
     fillColor: ui_Icon.IconColors.PRIMARY
-  })), playingStatus === VoicePlayer_context.VoicePlayerStatus.PREPARING && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
+  })), playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PREPARING && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
     width: "22.2px",
     height: "22.2px"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
@@ -84,7 +84,7 @@ const VoiceMessageItemBody = _ref => {
     height: "22.2px",
     type: ui_Icon.IconTypes.SPINNER,
     fillColor: ui_Icon.IconColors.PRIMARY_2
-  })), playingStatus === VoicePlayer_context.VoicePlayerStatus.PLAYING && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PLAYING && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-voice-message-item-body__status-button__button",
     onClick: () => {
       pause();

package/cjs/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","_ref","_message$reactions2","className","message","channelUrl","isByMe","isReactionEnabled","usingReaction","setUsingReaction","useState","play","pause","playbackTime","duration","playingStatus","VoicePlayerStatus","IDLE","useVoicePlayer","key","messageId","audioFileUrl","url","useEffect","_message$reactions","reactions","length","progresBarMaxSize","useMemo","metaArrays","_message$metaArrays$f","find","metaArray","value","parseInt","React","createElement","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 { VOICE_PLAYER_STATUS } 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 = VOICE_PLAYER_STATUS.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 === VOICE_PLAYER_STATUS.IDLE || playingStatus === VOICE_PLAYER_STATUS.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 === VOICE_PLAYER_STATUS.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 === VOICE_PLAYER_STATUS.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","_ref","_message$reactions2","className","message","channelUrl","isByMe","isReactionEnabled","usingReaction","setUsingReaction","useState","play","pause","playbackTime","duration","playingStatus","VOICE_PLAYER_STATUS","IDLE","useVoicePlayer","key","messageId","audioFileUrl","url","useEffect","_message$reactions","reactions","length","progresBarMaxSize","useMemo","metaArrays","_message$metaArrays$f","find","metaArray","value","parseInt","React","createElement","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/cjs/ui/VoiceMessgeInput.js

@@ -7,14 +7,14 @@ require('./PlaybackTime.js');
 require('./ProgressBar.js');
 require('./TextButton.js');
 require('./Icon.js');
-require('../index-80b17a7f.js');
-require('../LocalizationContext-30772f4a.js');
-var ui_VoiceMessgeInput = require('../index-34cc612a.js');
-require('../consts-cafff484.js');
+require('../index-bb91f996.js');
+require('../LocalizationContext-975ffc10.js');
+var ui_VoiceMessgeInput = require('../index-263d9317.js');
+require('../consts-9cbf147c.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
-require('../color-4904d01e.js');
-require('../index-6d3fe482.js');
+require('../stringSet-ac04b7c1.js');
+require('../color-ac868fc0.js');
+require('../index-f0938824.js');