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

package/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","_a","className","message","_d","isByMe","_e","mouseHover","_f","isReactionEnabled","showFileViewer","_g","style","_h","thumbnails","thumbnailUrl","length","_b","url","_j","useState","imageRendered","setImageRendered","React","getClassName","_c","reactions","isSentMessage","type","width","height","style_","isVideoMessage","IconTypes","PLAY","PHOTO","IconColors","ON_BACKGROUND_2","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","_a","className","message","_d","isByMe","_e","mouseHover","_f","isReactionEnabled","showFileViewer","_g","style","_h","thumbnails","thumbnailUrl","length","_b","url","_j","useState","imageRendered","setImageRendered","React","createElement","getClassName","_c","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/ui/Tooltip.js

@@ -1,14 +1,14 @@
-import { a as __spreadArray } from '../tslib.es6-209c9f08.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-7c7d84fc.js';
+import '../stringSet-fa7e0d83.js';
 
 function Tooltip(_a) {
   var _b = _a.className,
-      className = _b === void 0 ? '' : _b,
-      _c = _a.children,
-      children = _c === void 0 ? '' : _c;
+    className = _b === void 0 ? '' : _b,
+    _c = _a.children,
+    children = _c === void 0 ? '' : _c;
   return /*#__PURE__*/React__default.createElement("div", {
     className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip'], false).join(' ')
   }, /*#__PURE__*/React__default.createElement(Label, {

package/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","_a","_b","className","_c","children","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONCONTENT_1"],"mappings":";;;;;;AAUwB,SAAAA,OAAA,CAAQC,EAAR,EAGT;MAFbC,EAAc,GAAAD,EAAA,CAAAE;MAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA;MACdE,EAAA,GAAAH,EAAA,CAAAI;MAAAA,QAAQ,GAAED,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAEA;EAEZ,oBACEE,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcN,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,kBADuD,CAD9C,EAGT,KAHS,CAAA,CAGTO,IAHS,CAGJ,GAHI,CAAA;AADb,GAAA,eAMEJ,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,wBADZ;IAEE,IAAI,EAAEK,eAAe,CAACC,SAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC,WAAAA;GAElBT,EAAAA,QALH,CANF,CADF,CAAA;AAgBD;;;;"}
+{"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","_a","_b","className","_c","children","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;AAUwB,SAAAA,OAAOA,CAACC,EAGjB,EAAA;MAFbC,EAAc,GAAAD,EAAA,CAAAE,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAAA,GAAAH,EAAA,CAAAI,QAAa;IAAbA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA,CAAA;EAEb,oBACEE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACP,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAQ,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZL,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;AACJT,IAAAA,SAAS,EAAC,wBAAwB;IAClCU,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,WAAAA;GAElBb,EAAAA,QAAQ,CAEb,CAAM,CAAA;AAEV;;;;"}

package/ui/TooltipWrapper.js

@@ -1,17 +1,15 @@
-import { a as __spreadArray } from '../tslib.es6-209c9f08.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default, { useState, useRef } from 'react';
 
 var SPACE_FROM_TRIGGER = 8;
 function TooltipWrapper(_a) {
   var _b = _a.className,
-      className = _b === void 0 ? '' : _b,
-      children = _a.children,
-      hoverTooltip = _a.hoverTooltip;
-
+    className = _b === void 0 ? '' : _b,
+    children = _a.children,
+    hoverTooltip = _a.hoverTooltip;
   var _c = useState(false),
-      showHoverTooltip = _c[0],
-      setShowHoverTooltip = _c[1];
-
+    showHoverTooltip = _c[0],
+    setShowHoverTooltip = _c[1];
   var childrenRef = useRef(null);
   return /*#__PURE__*/React__default.createElement("div", {
     className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip-wrapper'], false).join(' '),

package/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","_a","_b","className","children","hoverTooltip","_c","useState","showHoverTooltip","setShowHoverTooltip","childrenRef","useRef","React","__spreadArray","Array","isArray","join","bottom","left","current","concat","offsetWidth"],"mappings":";;;AAIA,IAAMA,kBAAkB,GAAG,CAA3B,CAAA;AAOwB,SAAAC,cAAA,CAAeC,EAAf,EAKF;MAJpBC,EAAc,GAAAD,EAAA,CAAAE;MAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA;MACdE,QAAQ,GAAAH,EAAA,CAAAG;MACRC,YAAY,GAAAJ,EAAA,CAAAI;;AAGN,EAAA,IAAAC,EAAA,GAA0CC,QAAQ,CAAC,KAAD,CAAlD;AAAA,MAACC,gBAAgB,GAAAF,EAAA,CAAA,CAAA,CAAjB;AAAA,MAAmBG,mBAAmB,GAAAH,EAAA,CAAA,CAAA,CAAtC,CAAA;;AACN,EAAA,IAAMI,WAAW,GAAGC,MAAM,CAAC,IAAD,CAA1B,CAAA;EAEA,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcZ,SAAd,CAAA,GAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,0BADuD,CAD9C,OAAA,CAAA,CAGTa,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,WAAW,EAAE,YAAA;MAAQP,mBAAmB,CAAC,IAAD,CAAnB,CAAA;KALvB;AAME,IAAA,OAAO,EAAE,YAAA;MAAQA,mBAAmB,CAAC,IAAD,CAAnB,CAAA;KANnB;AAOE,IAAA,UAAU,EAAE,YAAA;MAAQA,mBAAmB,CAAC,KAAD,CAAnB,CAAA;KAPtB;AAQE,IAAA,MAAM,EAAE,YAAA;MAAQA,mBAAmB,CAAC,KAAD,CAAnB,CAAA;AAA6B,KAAA;GAE7C,eAAAG,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,oCADZ;AAEE,IAAA,GAAG,EAAEF,WAAAA;AAFP,GAAA,EAIGN,QAJH,CAVF,EAiBII,gBAAgB,iBACdI,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,yCADZ;AAEE,IAAA,KAAK,EAAE;AAAEK,MAAAA,MAAM,EAAE,qBAAA,CAAelB,kBAAf,EAAiC,KAAjC,CAAA;AAAV,KAAA;GAEP,eAAAa,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gDAAA;GACb,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEM,MAAAA,IAAI,EAAER,WAAW,CAACS,OAAZ,IAAuB,QAAAC,MAAA,CAAQV,WAAW,CAACS,OAAZ,CAAoBE,WAApB,GAAkC,CAA1C,EAA2C,WAA3C,CAAA;AAA/B,KAAA;AAFT,GAAA,EAIGhB,YAJH,CADF,CAJF,CAlBN,CADF,CAAA;AAoCD;;;;"}
+{"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","_a","_b","className","children","hoverTooltip","_c","useState","showHoverTooltip","setShowHoverTooltip","childrenRef","useRef","React","createElement","__spreadArray","Array","isArray","join","onMouseOver","onFocus","onMouseOut","onBlur","ref","style","bottom","left","current","concat","offsetWidth"],"mappings":";;;AAIA,IAAMA,kBAAkB,GAAG,CAAC,CAAA;AAOJ,SAAAC,cAAcA,CAACC,EAKjB,EAAA;MAJpBC,EAAc,GAAAD,EAAA,CAAAE,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACRC,YAAY,GAAAJ,EAAA,CAAAI,YAAA,CAAA;AAGN,EAAA,IAAAC,EAAA,GAA0CC,QAAQ,CAAC,KAAK,CAAC;AAAxDC,IAAAA,gBAAgB,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,mBAAmB,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;AAC/D,EAAA,IAAMI,WAAW,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAEhC,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,SAAS,EAAEW,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACb,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,0BAA0B,UAC1Bc,IAAI,CAAC,GAAG,CAAE;IACZC,WAAW,EAAE,YAAA;MAAQT,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAClDU,OAAO,EAAE,YAAA;MAAQV,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAC9CW,UAAU,EAAE,YAAA;MAAQX,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAAI;IAClDY,MAAM,EAAE,YAAA;MAAQZ,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAAE,KAAA;GAE5CG,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,SAAS,EAAC,oCAAoC;AAC9CmB,IAAAA,GAAG,EAAEZ,WAAAA;AAAY,GAAA,EAEhBN,QAAQ,CAEX,EACEI,gBAAgB,iBACdI,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,SAAS,EAAC,yCAAyC;AACnDoB,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE,sBAAezB,kBAAkB,EAAA,KAAA,CAAA;AAAO,KAAA;GAEzDa,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gDAAA;GACbS,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,SAAS,EAAC,mEAAmE;AAC7EoB,IAAAA,KAAK,EAAE;AAAEE,MAAAA,IAAI,EAAEf,WAAW,CAACgB,OAAO,IAAI,OAAA,CAAAC,MAAA,CAAQjB,WAAW,CAACgB,OAAO,CAACE,WAAW,GAAG,CAAC,EAAA,WAAA,CAAA;AAAa,KAAA;AAAC,GAAA,EAE9FvB,YAAY,CAEjB,CACF,CACD,CAEC,CAAA;AAEV;;;;"}

package/ui/UnknownMessageItemBody.js

@@ -1,24 +1,23 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
-import { j as getClassName } from '../index-83ae3ffe.js';
-import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import { j as getClassName } from '../index-f87c5aab.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
 import 'prop-types';
-import '../stringSet-7c7d84fc.js';
-import '../tslib.es6-209c9f08.js';
+import '../stringSet-fa7e0d83.js';
+import '../tslib.es6-debac48c.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-cf141ad7.js';
+import '../index-8b3cd0b6.js';
 
 function UnknownMessageItemBody(_a) {
   var _b;
-
   var className = _a.className,
-      message = _a.message,
-      _c = _a.isByMe,
-      isByMe = _c === void 0 ? false : _c,
-      _d = _a.mouseHover,
-      mouseHover = _d === void 0 ? false : _d,
-      _e = _a.isReactionEnabled,
-      isReactionEnabled = _e === void 0 ? false : _e;
+    message = _a.message,
+    _c = _a.isByMe,
+    isByMe = _c === void 0 ? false : _c,
+    _d = _a.mouseHover,
+    mouseHover = _d === void 0 ? false : _d,
+    _e = _a.isReactionEnabled,
+    isReactionEnabled = _e === void 0 ? false : _e;
   var stringSet = useContext(LocalizationContext).stringSet;
   return /*#__PURE__*/React__default.createElement("div", {
     className: getClassName([className, 'sendbird-unknown-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])

package/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","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","stringSet","useContext","LocalizationContext","React","getClassName","_b","reactions","length","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;AAgBwB,SAAAA,sBAAA,CAAuBC,EAAvB,EAMhB;;;MALNC,SAAS,GAAAD,EAAA,CAAAC;MACTC,OAAO,GAAAF,EAAA,CAAAE;MACPC;MAAAC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;MACdE;MAAAC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;MAClBE;MAAAC,iBAAiB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;AAEjB,EAAA,IAAAE,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;EACR,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEC,YAAY,CAAC,CAC3BZ,SAD2B,EAE3B,oCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK1BE,iBAAiB,IAAI,CAAA,CAAAM,EAAA,GAAAZ,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEa,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAAnD,GAAwD,WAAxD,GAAsE,EAL3C,CAAD,CAAA;AAA5B,GAAA,eAOEJ,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,4CADZ;IAEE,IAAI,EAAEK,eAAe,CAACC,MAFxB;IAGE,KAAK,EAAEd,MAAM,GAAGe,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE,cAAAA;AAHxD,GAAA,EAKGZ,SAAS,CAACa,6BALb,CAPF,eAcEV,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,iDADZ;IAEE,IAAI,EAAEK,eAAe,CAACC,MAFxB;IAGE,KAAK,EAAEd,MAAM,GAAGe,WAAW,CAACI,WAAf,GAA6BJ,WAAW,CAACK,cAAAA;AAHxD,GAAA,EAKGf,SAAS,CAACgB,4BALb,CAdF,CADF,CAAA;AAwBD;;;;"}
+{"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","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","stringSet","useContext","LocalizationContext","React","createElement","getClassName","_b","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":";;;;;;;;;;AAgBwB,SAAAA,sBAAsBA,CAACC,EAMvC,EAAA;;MALNC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,OAAO,GAAAF,EAAA,CAAAE,OAAA;IACPC,cAAc;IAAdC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IACdE,kBAAkB;IAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IAClBE,yBAAyB;IAAzBC,iBAAiB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA,CAAA;AAEjB,EAAA,IAAAE,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;EACjB,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKZ,IAAAA,SAAS,EAAEa,YAAY,CAAC,CAC3Bb,SAAS,EACT,oCAAoC,EACpCG,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCE,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BE,iBAAiB,IAAI,CAAA,CAAAO,EAAA,GAAAb,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEc,SAAS,0CAAEC,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDL,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;AACJjB,IAAAA,SAAS,EAAC,4CAA4C;IACtDkB,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAElB,MAAM,GAAGmB,WAAW,CAACC,WAAW,GAAGD,WAAW,CAACE,cAAAA;GAErDhB,EAAAA,SAAS,CAACiB,6BAA6B,CAE1C,eAAAd,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;AACJjB,IAAAA,SAAS,EAAC,iDAAiD;IAC3DkB,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAElB,MAAM,GAAGmB,WAAW,CAACI,WAAW,GAAGJ,WAAW,CAACK,cAAAA;AAAe,GAAA,EAEpEnB,SAAS,CAACoB,4BAA4B,CAE3C,CAAM,CAAA;AAEV;;;;"}

package/ui/UserListItem.js

@@ -1,50 +1,48 @@
-import { a as __spreadArray } from '../tslib.es6-209c9f08.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../UserProfileContext-1996d4d2.js';
-import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
+import { a as UserProfileContext } from '../UserProfileContext-576f1ef9.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.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-8e901b57.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-7c7d84fc.js';
-import '../index-cf141ad7.js';
+import '../stringSet-fa7e0d83.js';
+import '../index-8b3cd0b6.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-31c6ecb2.js';
+import '../uuid-e979d613.js';
 import '../sendbirdSelectors.js';
-import '../topics-4697c2b3.js';
-import '../utils-04bd857d.js';
+import '../topics-2647294d.js';
+import '../utils-87be98af.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-83ae3ffe.js';
+import '../index-f87c5aab.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function UserListItem(_a) {
   var user = _a.user,
-      className = _a.className,
-      checked = _a.checked,
-      checkBox = _a.checkBox,
-      isOperator = _a.isOperator,
-      disabled = _a.disabled,
-      disableMessaging = _a.disableMessaging,
-      currentUser = _a.currentUser,
-      action = _a.action,
-      onChange = _a.onChange;
+    className = _a.className,
+    checked = _a.checked,
+    checkBox = _a.checkBox,
+    isOperator = _a.isOperator,
+    disabled = _a.disabled,
+    disableMessaging = _a.disableMessaging,
+    currentUser = _a.currentUser,
+    action = _a.action,
+    onChange = _a.onChange;
   var uniqueKey = user.userId;
   var actionRef = React__default.useRef(null);
   var parentRef = React__default.useRef(null);
   var avatarRef = React__default.useRef(null);
-
   var _b = useContext(UserProfileContext),
-      disableUserProfile = _b.disableUserProfile,
-      renderUserProfile = _b.renderUserProfile;
-
+    disableUserProfile = _b.disableUserProfile,
+    renderUserProfile = _b.renderUserProfile;
   var stringSet = useContext(LocalizationContext).stringSet;
   return /*#__PURE__*/React__default.createElement("div", {
     className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-user-list-item'], false).join(' '),
@@ -70,9 +68,11 @@ function UserListItem(_a) {
     menuItems: function (closeDropdown) {
       return /*#__PURE__*/React__default.createElement(MenuItems, {
         openLeft: true,
-        parentRef: avatarRef // for catching location(x, y) of MenuItems
+        parentRef: avatarRef
+        // for catching location(x, y) of MenuItems
         ,
-        parentContainRef: avatarRef // for toggling more options(menus & reactions)
+        parentContainRef: avatarRef
+        // for toggling more options(menus & reactions)
         ,
         closeDropdown: closeDropdown,
         style: {
@@ -94,7 +94,8 @@ function UserListItem(_a) {
     className: "sendbird-user-list-item__title",
     type: LabelTypography.SUBTITLE_1,
     color: LabelColors.ONBACKGROUND_1
-  }, user.nickname || stringSet.NO_NAME, currentUser === user.userId && ' (You)'), // if there is now nickname, display userId
+  }, user.nickname || stringSet.NO_NAME, currentUser === user.userId && ' (You)'),
+  // if there is now nickname, display userId
   !user.nickname && /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-user-list-item__subtitle",
     type: LabelTypography.CAPTION_3,
@@ -110,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","__spreadArray","Array","isArray","join","isMuted","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","currentUserId","close","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","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,36 +1,35 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
-import { a as UserProfileContext } from '../UserProfileContext-1996d4d2.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
+import { a as UserProfileContext } from '../UserProfileContext-576f1ef9.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import Button, { ButtonTypes } from './Button.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../stringSet-7c7d84fc.js';
-import '../index-cf141ad7.js';
+import '../stringSet-fa7e0d83.js';
+import '../index-8b3cd0b6.js';
 import 'prop-types';
-import '../topics-4697c2b3.js';
-import '../utils-04bd857d.js';
-import '../tslib.es6-209c9f08.js';
+import '../topics-2647294d.js';
+import '../utils-87be98af.js';
+import '../tslib.es6-debac48c.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-31c6ecb2.js';
+import '../uuid-e979d613.js';
 import '../withSendbird.js';
 
 function UserProfile(_a) {
   var _b, _c;
-
   var user = _a.user,
-      currentUserId = _a.currentUserId,
-      _d = _a.disableMessaging,
-      disableMessaging = _d === void 0 ? false : _d,
-      onSuccess = _a.onSuccess;
+    currentUserId = _a.currentUserId,
+    _d = _a.disableMessaging,
+    disableMessaging = _d === void 0 ? false : _d,
+    onSuccess = _a.onSuccess;
   var store = useSendbirdStateContext();
   var createChannel = getCreateGroupChannel(store);
   var logger = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.logger;
   var stringSet = useContext(LocalizationContext).stringSet;
-  var currentUserId_ = currentUserId || ((_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId); // @ts-ignore
-
+  var currentUserId_ = currentUserId || ((_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId);
+  // @ts-ignore
   var onUserProfileMessage = useContext(UserProfileContext).onUserProfileMessage;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird__user-profile"
@@ -59,7 +58,6 @@ function UserProfile(_a) {
       onSuccess();
       createChannel(params).then(function (groupChannel) {
         logger.info('UserProfile, channel create', groupChannel);
-
         if (typeof onUserProfileMessage === 'function') {
           onUserProfileMessage === null || onUserProfileMessage === void 0 ? void 0 : onUserProfileMessage(groupChannel);
         }

package/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","_a","user","currentUserId","_d","disableMessaging","onSuccess","store","useSendbirdStateContext","createChannel","getCreateGroupChannel","logger","_b","config","stringSet","useContext","LocalizationContext","currentUserId_","_c","userId","onUserProfileMessage","UserProfileContext","React","profileUrl","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","ButtonTypes","SECONDARY","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","_a","user","currentUserId","_d","disableMessaging","onSuccess","store","useSendbirdStateContext","createChannel","getCreateGroupChannel","logger","_b","config","stringSet","useContext","LocalizationContext","currentUserId_","_c","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/ui/VoiceMessageItemBody.js

@@ -4,48 +4,42 @@ 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-8e901b57.js';
-import { a as VoicePlayerStatus } from '../index-9626a87e.js';
-import '../consts-9422accf.js';
+import { a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import { a as VoicePlayerStatus } from '../index-e01f2743.js';
+import '../consts-f3b2a046.js';
 import '../VoiceRecorder/context.js';
-import '../lame.all.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../tslib.es6-209c9f08.js';
+import '../tslib.es6-debac48c.js';
 import 'prop-types';
-import '../stringSet-7c7d84fc.js';
+import '../stringSet-fa7e0d83.js';
 
 var VoiceMessageItemBody = function (_a) {
   var _b;
-
   var className = _a.className,
-      message = _a.message,
-      channelUrl = _a.channelUrl,
-      _c = _a.isByMe,
-      isByMe = _c === void 0 ? false : _c,
-      _d = _a.isReactionEnabled,
-      isReactionEnabled = _d === void 0 ? false : _d;
-
+    message = _a.message,
+    channelUrl = _a.channelUrl,
+    _c = _a.isByMe,
+    isByMe = _c === void 0 ? false : _c,
+    _d = _a.isReactionEnabled,
+    isReactionEnabled = _d === void 0 ? false : _d;
   var _e = useState(false),
-      usingReaction = _e[0],
-      setUsingReaction = _e[1];
-
+    usingReaction = _e[0],
+    setUsingReaction = _e[1];
   var _f = useVoicePlayer({
-    channelUrl: channelUrl,
-    key: "".concat(message === null || message === void 0 ? void 0 : message.messageId),
-    audioFileUrl: message === null || message === void 0 ? void 0 : message.url
-  }),
-      play = _f.play,
-      pause = _f.pause,
-      _g = _f.playbackTime,
-      playbackTime = _g === void 0 ? 0 : _g,
-      duration = _f.duration,
-      _h = _f.playingStatus,
-      playingStatus = _h === void 0 ? VoicePlayerStatus.IDLE : _h;
-
+      channelUrl: channelUrl,
+      key: "".concat(message === null || message === void 0 ? void 0 : message.messageId),
+      audioFileUrl: message === null || message === void 0 ? void 0 : message.url
+    }),
+    play = _f.play,
+    pause = _f.pause,
+    _g = _f.playbackTime,
+    playbackTime = _g === void 0 ? 0 : _g,
+    duration = _f.duration,
+    _h = _f.playingStatus,
+    playingStatus = _h === void 0 ? VoicePlayerStatus.IDLE : _h;
   useEffect(function () {
     var _a;
-
     if (isReactionEnabled && ((_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
       setUsingReaction(true);
     } else {
@@ -54,14 +48,12 @@ var VoiceMessageItemBody = function (_a) {
   }, [isReactionEnabled, (_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length]);
   var progresBarMaxSize = useMemo(function () {
     var _a;
-
     if (message === null || message === void 0 ? void 0 : message.metaArrays) {
       var duration_1 = (_a = message === null || message === void 0 ? void 0 : message.metaArrays.find(function (metaArray) {
         return metaArray.key === 'KEY_VOICE_MESSAGE_DURATION';
       })) === null || _a === void 0 ? void 0 : _a.value[0];
       return duration_1 && parseInt(duration_1);
     }
-
     return 1;
   }, [message === null || message === void 0 ? void 0 : message.metaArrays]);
   return /*#__PURE__*/React__default.createElement("div", {