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

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-368c5040.js';
+import { u as uuidv4 } from '../uuid-e979d613.js';
 import 'prop-types';
 
 var pxToNumber = (function (px) {

package/ui/Badge.js

@@ -1,10 +1,10 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../index-0f373e79.js';
+import '../stringSet-fa7e0d83.js';
+import '../index-8b3cd0b6.js';
 
 function Badge(_a) {
   var count = _a.count,

package/ui/BottomSheet.js

@@ -1,6 +1,6 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-5c20d787.js';
+import { M as MODAL_ROOT } from '../index-d5a761b9.js';
 
 var BottomSheet = function (props) {
   var _a = props.className,

package/ui/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sources":["../../src/ui/BottomSheet/index.tsx"],"sourcesContent":["import './bottom-sheet.scss';\nimport React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\n\ninterface BottomSheetProps {\n  className?: string;\n  children: React.ReactElement;\n  onBackdropClick?: () => void;\n}\n\nconst BottomSheet: React.FunctionComponent<BottomSheetProps> = (props: BottomSheetProps) => {\n  const {\n    className = '',\n    children,\n    onBackdropClick,\n  } = props;\n\n  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348\n  const portalRoot = useRef<HTMLElement>();\n  portalRoot.current = document.getElementById(MODAL_ROOT);\n  if (!portalRoot.current) {\n    portalRoot.current = document.createElement('div')\n    portalRoot.current.setAttribute('id', MODAL_ROOT);\n    document.body.appendChild(portalRoot.current);\n  }\n  return createPortal(\n    <div\n      className={`${className} sendbird-bottomsheet`}\n    >\n      <div\n        className={'sendbird-bottomsheet__content'}\n        role='dialog'\n        aria-modal='true'\n        aria-expanded='true'\n      >\n        {children}\n      </div>\n      <div\n        className={`\n          sendbird-bottomsheet__backdrop\n        `}\n        onClick={(e) =>{\n          e?.stopPropagation();\n          onBackdropClick();\n        }}\n      />\n    </div>\n  , portalRoot.current);\n};\n\nexport default BottomSheet;\n"],"names":["BottomSheet","props","_a","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","concat","role","onClick","e","stopPropagation"],"mappings":";;;;AAYA,IAAMA,WAAW,GAA8C,UAACC,KAAuB,EAAA;AAEnF,EAAA,IAAAC,KAGED,KAAK,CAAAE,SAHO;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAENH,KAAK,CAFCG,QAAA;IACRC,eAAe,GACbJ,KAAK,gBADQ,CAAA;AAGjB;EACA,IAAMK,UAAU,GAAGC,MAAM,EAAe,CAAA;EACxCD,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACC,UAAU,CAAC,CAAA;AACxD,EAAA,IAAI,CAACL,UAAU,CAACE,OAAO,EAAE;IACvBF,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC,CAAA;IAClDN,UAAU,CAACE,OAAO,CAACK,YAAY,CAAC,IAAI,EAAEF,UAAU,CAAC,CAAA;IACjDF,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACT,UAAU,CAACE,OAAO,CAAC,CAAA;AAC9C,GAAA;AACD,EAAA,oBAAOQ,YAAY,eACjBC,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,EAAG,CAAAe,MAAA,CAAAf,SAAS,EAAuB,uBAAA,CAAA;GAE9Cc,eAAAA,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,+BAAgC;AAC3CgB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,MAAM;IACjB,eAAc,EAAA,MAAA;AAAM,GAAA,EAEnBf,QAAQ,CAEX,eAAAa,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,sDAET;AACFiB,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAA;AACTA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACpBjB,MAAAA,eAAe,EAAE,CAAA;AACnB,KAAA;AAAE,GAAA,CAEN,CAAM,EACNC,UAAU,CAACE,OAAO,CAAC,CAAA;AACvB;;;;"}
+{"version":3,"file":"BottomSheet.js","sources":["../../src/ui/BottomSheet/index.tsx"],"sourcesContent":["import './bottom-sheet.scss';\nimport React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\n\ninterface BottomSheetProps {\n  className?: string;\n  children: React.ReactElement;\n  onBackdropClick?: () => void;\n}\n\nconst BottomSheet: React.FunctionComponent<BottomSheetProps> = (props: BottomSheetProps) => {\n  const {\n    className = '',\n    children,\n    onBackdropClick,\n  } = props;\n\n  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348\n  const portalRoot = useRef<HTMLElement>();\n  portalRoot.current = document.getElementById(MODAL_ROOT);\n  if (!portalRoot.current) {\n    portalRoot.current = document.createElement('div')\n    portalRoot.current.setAttribute('id', MODAL_ROOT);\n    document.body.appendChild(portalRoot.current);\n  }\n  return createPortal(\n    <div\n      className={`${className} sendbird-bottomsheet`}\n    >\n      <div\n        className={'sendbird-bottomsheet__content'}\n        role='dialog'\n        aria-modal='true'\n        aria-expanded='true'\n      >\n        {children}\n      </div>\n      <div\n        className={`\n          sendbird-bottomsheet__backdrop\n        `}\n        onClick={(e) => {\n          e?.stopPropagation();\n          onBackdropClick();\n        }}\n      />\n    </div>,\n    portalRoot.current);\n};\n\nexport default BottomSheet;\n"],"names":["BottomSheet","props","_a","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","concat","role","onClick","e","stopPropagation"],"mappings":";;;;AAYA,IAAMA,WAAW,GAA8C,UAACC,KAAuB,EAAA;AAEnF,EAAA,IAAAC,KAGED,KAAK,CAAAE,SAHO;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAENH,KAAK,CAFCG,QAAA;IACRC,eAAe,GACbJ,KAAK,gBADQ,CAAA;AAGjB;EACA,IAAMK,UAAU,GAAGC,MAAM,EAAe,CAAA;EACxCD,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACC,UAAU,CAAC,CAAA;AACxD,EAAA,IAAI,CAACL,UAAU,CAACE,OAAO,EAAE;IACvBF,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC,CAAA;IAClDN,UAAU,CAACE,OAAO,CAACK,YAAY,CAAC,IAAI,EAAEF,UAAU,CAAC,CAAA;IACjDF,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACT,UAAU,CAACE,OAAO,CAAC,CAAA;AAC9C,GAAA;AACD,EAAA,oBAAOQ,YAAY,eACjBC,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,EAAG,CAAAe,MAAA,CAAAf,SAAS,EAAuB,uBAAA,CAAA;GAE9Cc,eAAAA,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,+BAAgC;AAC3CgB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,MAAM;IACjB,eAAc,EAAA,MAAA;AAAM,GAAA,EAEnBf,QAAQ,CAEX,eAAAa,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,sDAET;AACFiB,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAA;AACTA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACpBjB,MAAAA,eAAe,EAAE,CAAA;AACnB,KAAA;AAAE,GAAA,CAEN,CAAM,EACNC,UAAU,CAACE,OAAO,CAAC,CAAA;AACvB;;;;"}

package/ui/Button.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.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-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-fa7e0d83.js';
 
 var ButtonTypes$1;
 (function (ButtonTypes) {

package/ui/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/ui/Button/types.ts","../../src/ui/Button/utils.ts","../../src/ui/Button/index.tsx"],"sourcesContent":["export enum ButtonTypes {\n  PRIMARY = 'PRIMARY',\n  SECONDARY = 'SECONDARY',\n  DANGER = 'DANGER',\n  DISABLED = 'DISABLED',\n}\nexport enum ButtonSizes {\n  BIG = 'BIG',\n  SMALL = 'SMALL',\n}\n","import { ButtonTypes, ButtonSizes } from './types';\n\nexport function changeTypeToClassName(type: ButtonTypes): string {\n  switch (type) {\n    case ButtonTypes.PRIMARY: return 'sendbird-button--primary';\n    case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';\n    case ButtonTypes.DANGER: return 'sendbird-button--danger';\n    case ButtonTypes.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size: ButtonSizes): string {\n  switch (size) {\n    case ButtonSizes.BIG: return 'sendbird-button--big';\n    case ButtonSizes.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React, { ReactElement } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\nimport {\n  ButtonTypes as ButtonTypes_,\n  ButtonSizes as ButtonSizes_,\n} from './types';\n\nexport const ButtonTypes = ButtonTypes_;\nexport const ButtonSizes = ButtonSizes_;\n\nexport interface ButtonProps {\n  className?: string | Array<string>;\n  type?: ButtonTypes_;\n  size?: ButtonSizes_;\n  children: string | ReactElement;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nexport default function Button({\n  className,\n  type = ButtonTypes.PRIMARY,\n  size = ButtonSizes.BIG,\n  children = 'Button',\n  disabled = false,\n  onClick = () => {/* noop */ },\n}: ButtonProps): ReactElement {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n"],"names":["ButtonTypes","ButtonSizes","changeTypeToClassName","type","PRIMARY","SECONDARY","DANGER","DISABLED","changeSizeToClassName","size","BIG","SMALL","ButtonTypes_","ButtonSizes_","Button","_a","className","_b","_c","_d","children","_e","disabled","_f","onClick","injectingClassNames","__spreadArray","Array","isArray","join","React","createElement","Label","LabelTypography","BUTTON_1","color","LabelColors","ONCONTENT_1"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/ui/Button/types.ts","../../src/ui/Button/utils.ts","../../src/ui/Button/index.tsx"],"sourcesContent":["export enum ButtonTypes {\n  PRIMARY = 'PRIMARY',\n  SECONDARY = 'SECONDARY',\n  DANGER = 'DANGER',\n  DISABLED = 'DISABLED',\n}\nexport enum ButtonSizes {\n  BIG = 'BIG',\n  SMALL = 'SMALL',\n}\n","import { ButtonTypes, ButtonSizes } from './types';\n\nexport function changeTypeToClassName(type: ButtonTypes): string {\n  switch (type) {\n    case ButtonTypes.PRIMARY: return 'sendbird-button--primary';\n    case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';\n    case ButtonTypes.DANGER: return 'sendbird-button--danger';\n    case ButtonTypes.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size: ButtonSizes): string {\n  switch (size) {\n    case ButtonSizes.BIG: return 'sendbird-button--big';\n    case ButtonSizes.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React, { ReactElement } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\nimport {\n  ButtonTypes as ButtonTypes_,\n  ButtonSizes as ButtonSizes_,\n} from './types';\n\nexport const ButtonTypes = ButtonTypes_;\nexport const ButtonSizes = ButtonSizes_;\n\nexport interface ButtonProps {\n  className?: string | Array<string>;\n  type?: ButtonTypes_;\n  size?: ButtonSizes_;\n  children: string | ReactElement;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nexport default function Button({\n  className,\n  type = ButtonTypes.PRIMARY,\n  size = ButtonSizes.BIG,\n  children = 'Button',\n  disabled = false,\n  onClick = () => { /* noop */ },\n}: ButtonProps): ReactElement {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n"],"names":["ButtonTypes","ButtonSizes","changeTypeToClassName","type","PRIMARY","SECONDARY","DANGER","DISABLED","changeSizeToClassName","size","BIG","SMALL","ButtonTypes_","ButtonSizes_","Button","_a","className","_b","_c","_d","children","_e","disabled","_f","onClick","injectingClassNames","__spreadArray","Array","isArray","join","React","createElement","Label","LabelTypography","BUTTON_1","color","LabelColors","ONCONTENT_1"],"mappings":"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"}

package/ui/ChannelAvatar.js

@@ -1,10 +1,10 @@
 import React__default, { useMemo } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-760413c9.js';
-import '../tslib.es6-5180f9d1.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-b568cd44.js';
+import '../tslib.es6-debac48c.js';
 import './ImageRenderer.js';
-import '../uuid-368c5040.js';
+import '../uuid-e979d613.js';
 import 'prop-types';
 
 function ChannelAvatar(_a) {

package/ui/ChannelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelAvatar.js","sources":["../../src/ui/ChannelAvatar/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { useMemo } from 'react';\n\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport Avatar from '../Avatar/index';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport * as utils from './utils';\n\ninterface Props {\n  channel: GroupChannel;\n  userId: string;\n  theme: string;\n  width?: number,\n  height?: number,\n}\n\nfunction ChannelAvatar({\n  channel,\n  userId,\n  theme,\n  width = 56,\n  height = 56,\n}: Props): JSX.Element{\n  const isBroadcast = channel?.isBroadcast;\n  const memoizedAvatar = useMemo(() => (\n    isBroadcast\n      ? (\n        utils.generateDefaultAvatar(channel)\n          ? (\n            <div\n              className=\"sendbird-chat-header--default-avatar\"\n              style={{\n                width,\n                height,\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n              }}\n            >\n              <Icon\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.CONTENT}\n                width={width * 0.575}\n                height={height * 0.575}\n              />\n            </div>\n          )\n          : (\n            <Avatar\n              className=\"sendbird-chat-header--avatar--broadcast-channel\"\n              src={utils.getChannelAvatarSource(channel, userId)}\n              width={width}\n              height={height}\n              alt={channel?.name}\n            />\n          )\n      )\n      : (\n        <Avatar\n          className=\"sendbird-chat-header--avatar--group-channel\"\n          src={utils.getChannelAvatarSource(channel, userId)}\n          width={`${width}px`}\n          height={`${height}px`}\n          alt={channel?.name}\n        />\n      )\n  ),[channel?.members, channel?.coverUrl, theme]);\n  return (\n    <>{ memoizedAvatar }</>\n  );\n}\n\nexport default ChannelAvatar;\n"],"names":["ChannelAvatar","_a","channel","userId","theme","_b","width","_c","height","isBroadcast","memoizedAvatar","useMemo","utils","React","createElement","className","style","display","justifyContent","alignItems","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","CONTENT","Avatar","src","alt","name","concat","members","coverUrl","Fragment"],"mappings":";;;;;;;;;AAkBA,SAASA,aAAaA,CAACC,EAMf,EAAA;MALNC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IACPC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IACNC,KAAK,GAAAH,EAAA,CAAAG,KAAA;IACLC,EAAU,GAAAJ,EAAA,CAAAK,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACVE,EAAA,GAAAN,EAAA,CAAAO,MAAW;IAAXA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEX,EAAA,IAAME,WAAW,GAAGP,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,WAAW,CAAA;AACxC,EAAA,IAAMC,cAAc,GAAGC,OAAO,CAAC,YAAM;IAAA,OACnCF,WAAW,GAEPG,qBAA2B,CAACV,OAAO,CAAC,gBAEhCW,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,SAAS,EAAC,sCAAsC;AAChDC,MAAAA,KAAK,EAAE;AACLV,QAAAA,KAAK,EAAAA,KAAA;AACLE,QAAAA,MAAM,EAAAA,MAAA;AACNS,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,cAAc,EAAE,QAAQ;AACxBC,QAAAA,UAAU,EAAE,QAAA;AACb,OAAA;AAAC,KAAA,eAEFN,cAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;MACHC,IAAI,EAAEC,SAAS,CAACC,SAAU;MAC1BC,SAAS,EAAEC,UAAU,CAACC,OAAQ;MAC9BpB,KAAK,EAAEA,KAAK,GAAG,KAAM;MACrBE,MAAM,EAAEA,MAAM,GAAG,KAAA;AAAM,KAAA,CAE3B,CAAM,gBAGNK,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,MAAAA,SAAS,EAAC,iDAAiD;MAC3Da,GAAG,EAAEhB,sBAA4B,CAACV,OAAO,EAAEC,MAAM,CAAE;AACnDG,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,MAAM,EAAEA,MAAO;AACfqB,MAAAA,GAAG,EAAE3B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE4B,IAAAA;AAAK,KAAA,CAEtB,gBAGHjB,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,MAAAA,SAAS,EAAC,6CAA6C;MACvDa,GAAG,EAAEhB,sBAA4B,CAACV,OAAO,EAAEC,MAAM,CAAE;MACnDG,KAAK,EAAE,EAAG,CAAAyB,MAAA,CAAAzB,KAAK,EAAI,IAAA,CAAC;MACpBE,MAAM,EAAE,EAAA,CAAAuB,MAAA,CAAGvB,MAAM,EAAI,IAAA,CAAC;AACtBqB,MAAAA,GAAG,EAAE3B,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE4B,IAAAA;KAEjB,CAAA,CAAA;AAzCgC,GA0CpC,EAAC,CAAC5B,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE8B,OAAO,EAAE9B,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE+B,QAAQ,EAAE7B,KAAK,CAAC,CAAC,CAAA;EAC/C,oBACES,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAqB,QAAA,EAAIxB,IAAAA,EAAAA,cAAc,CAAK,CAAA;AAE3B;;;;"}
+{"version":3,"file":"ChannelAvatar.js","sources":["../../src/ui/ChannelAvatar/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { useMemo } from 'react';\n\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport Avatar from '../Avatar/index';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport * as utils from './utils';\n\ninterface Props {\n  channel: GroupChannel;\n  userId: string;\n  theme: string;\n  width?: number,\n  height?: number,\n}\n\nfunction ChannelAvatar({\n  channel,\n  userId,\n  theme,\n  width = 56,\n  height = 56,\n}: Props): JSX.Element {\n  const isBroadcast = channel?.isBroadcast;\n  const memoizedAvatar = useMemo(() => (\n    isBroadcast\n      ? (\n        utils.generateDefaultAvatar(channel)\n          ? (\n            <div\n              className=\"sendbird-chat-header--default-avatar\"\n              style={{\n                width,\n                height,\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n              }}\n            >\n              <Icon\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.CONTENT}\n                width={width * 0.575}\n                height={height * 0.575}\n              />\n            </div>\n          )\n          : (\n            <Avatar\n              className=\"sendbird-chat-header--avatar--broadcast-channel\"\n              src={utils.getChannelAvatarSource(channel, userId)}\n              width={width}\n              height={height}\n              alt={channel?.name}\n            />\n          )\n      )\n      : (\n        <Avatar\n          className=\"sendbird-chat-header--avatar--group-channel\"\n          src={utils.getChannelAvatarSource(channel, userId)}\n          width={`${width}px`}\n          height={`${height}px`}\n          alt={channel?.name}\n        />\n      )\n  ), [channel?.members, channel?.coverUrl, theme]);\n  return (\n    <>{ memoizedAvatar }</>\n  );\n}\n\nexport default ChannelAvatar;\n"],"names":["ChannelAvatar","_a","channel","userId","theme","_b","width","_c","height","isBroadcast","memoizedAvatar","useMemo","utils","React","createElement","className","style","display","justifyContent","alignItems","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","CONTENT","Avatar","src","alt","name","concat","members","coverUrl","Fragment"],"mappings":";;;;;;;;;AAkBA,SAASA,aAAaA,CAACC,EAMf,EAAA;MALNC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IACPC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IACNC,KAAK,GAAAH,EAAA,CAAAG,KAAA;IACLC,EAAU,GAAAJ,EAAA,CAAAK,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACVE,EAAA,GAAAN,EAAA,CAAAO,MAAW;IAAXA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEX,EAAA,IAAME,WAAW,GAAGP,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,WAAW,CAAA;AACxC,EAAA,IAAMC,cAAc,GAAGC,OAAO,CAAC,YAAM;IAAA,OACnCF,WAAW,GAEPG,qBAA2B,CAACV,OAAO,CAAC,gBAEhCW,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,SAAS,EAAC,sCAAsC;AAChDC,MAAAA,KAAK,EAAE;AACLV,QAAAA,KAAK,EAAAA,KAAA;AACLE,QAAAA,MAAM,EAAAA,MAAA;AACNS,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,cAAc,EAAE,QAAQ;AACxBC,QAAAA,UAAU,EAAE,QAAA;AACb,OAAA;AAAC,KAAA,eAEFN,cAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;MACHC,IAAI,EAAEC,SAAS,CAACC,SAAU;MAC1BC,SAAS,EAAEC,UAAU,CAACC,OAAQ;MAC9BpB,KAAK,EAAEA,KAAK,GAAG,KAAM;MACrBE,MAAM,EAAEA,MAAM,GAAG,KAAA;AAAM,KAAA,CAE3B,CAAM,gBAGNK,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,MAAAA,SAAS,EAAC,iDAAiD;MAC3Da,GAAG,EAAEhB,sBAA4B,CAACV,OAAO,EAAEC,MAAM,CAAE;AACnDG,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,MAAM,EAAEA,MAAO;AACfqB,MAAAA,GAAG,EAAE3B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE4B,IAAAA;AAAK,KAAA,CAEtB,gBAGHjB,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,MAAAA,SAAS,EAAC,6CAA6C;MACvDa,GAAG,EAAEhB,sBAA4B,CAACV,OAAO,EAAEC,MAAM,CAAE;MACnDG,KAAK,EAAE,EAAG,CAAAyB,MAAA,CAAAzB,KAAK,EAAI,IAAA,CAAC;MACpBE,MAAM,EAAE,EAAA,CAAAuB,MAAA,CAAGvB,MAAM,EAAI,IAAA,CAAC;AACtBqB,MAAAA,GAAG,EAAE3B,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE4B,IAAAA;KAEjB,CAAA,CAAA;AAzCgC,GA0CpC,EAAE,CAAC5B,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE8B,OAAO,EAAE9B,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE+B,QAAQ,EAAE7B,KAAK,CAAC,CAAC,CAAA;EAChD,oBACES,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAqB,QAAA,EAAIxB,IAAAA,EAAAA,cAAc,CAAK,CAAA;AAE3B;;;;"}

package/ui/Checkbox.js

@@ -10,7 +10,7 @@ function Checkbox(_a) {
     isChecked = _c[0],
     setIsCheck = _c[1];
   return /*#__PURE__*/React__default.createElement("label", {
-    className: ["sendbird-checkbox", disabled ? 'disabled' : ''].join(' '),
+    className: ['sendbird-checkbox', disabled ? 'disabled' : ''].join(' '),
     htmlFor: id
   }, /*#__PURE__*/React__default.createElement("input", {
     disabled: disabled,
@@ -22,7 +22,7 @@ function Checkbox(_a) {
     },
     onChange: onChange
   }), /*#__PURE__*/React__default.createElement("span", {
-    className: ["sendbird-checkbox--checkmark", disabled ? 'disabled' : ''].join(' ')
+    className: ['sendbird-checkbox--checkmark', disabled ? 'disabled' : ''].join(' ')
   }));
 }
 

package/ui/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/ui/Checkbox/index.tsx"],"sourcesContent":["import React, { ChangeEvent, ReactElement, useState } from 'react';\nimport './index.scss';\n\nexport interface CheckboxProps {\n  id?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function Checkbox({\n  id,\n  checked = false,\n  disabled,\n  onChange,\n}: CheckboxProps): ReactElement {\n  const [isChecked, setIsCheck] = useState(checked);\n  return (\n    <label\n      className={[\n        \"sendbird-checkbox\",\n        disabled ? 'disabled' : '',\n      ].join(' ')}\n      htmlFor={id}\n    >\n      <input\n        disabled={disabled}\n        id={id}\n        type=\"checkbox\"\n        checked={isChecked}\n        onClick={() => {\n          if (!disabled) setIsCheck(!isChecked);\n        }}\n        onChange={onChange}\n      />\n      <span\n        className={[\n          \"sendbird-checkbox--checkmark\",\n          disabled ? 'disabled' : '',\n        ].join(' ')}\n      />\n    </label>\n  );\n}\n"],"names":["Checkbox","_a","id","_b","checked","disabled","onChange","_c","useState","isChecked","setIsCheck","React","createElement","className","join","htmlFor","type","onClick"],"mappings":";;AAUwB,SAAAA,QAAQA,CAACC,EAKjB,EAAA;AAJd,EAAA,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;IACFC,EAAe,GAAAF,EAAA,CAAAG,OAAA;IAAfA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACfE,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;IACRC,QAAQ,GAAAL,EAAA,CAAAK,QAAA,CAAA;AAEF,EAAA,IAAAC,EAAA,GAA0BC,QAAQ,CAACJ,OAAO,CAAC;AAA1CK,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,EAAA,CAAA,CAAA,CAAqB,CAAA;EACjD,oBACEI,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,mBAAmB,EACnBR,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,OAAO,EAAEb,EAAAA;GAETS,eAAAA,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEP,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,EAAE,EAAEA,EAAG;AACPc,IAAAA,IAAI,EAAC,UAAU;AACfZ,IAAAA,OAAO,EAAEK,SAAU;IACnBQ,OAAO,EAAE,YAAA;AACP,MAAA,IAAI,CAACZ,QAAQ,EAAEK,UAAU,CAAC,CAACD,SAAS,CAAC,CAAA;KACrC;AACFH,IAAAA,QAAQ,EAAEA,QAAAA;GAEZ,CAAA,eAAAK,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,8BAA8B,EAC9BR,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACS,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,CAEhB,CAAQ,CAAA;AAEZ;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/ui/Checkbox/index.tsx"],"sourcesContent":["import React, { ChangeEvent, ReactElement, useState } from 'react';\nimport './index.scss';\n\nexport interface CheckboxProps {\n  id?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function Checkbox({\n  id,\n  checked = false,\n  disabled,\n  onChange,\n}: CheckboxProps): ReactElement {\n  const [isChecked, setIsCheck] = useState(checked);\n  return (\n    <label\n      className={[\n        'sendbird-checkbox',\n        disabled ? 'disabled' : '',\n      ].join(' ')}\n      htmlFor={id}\n    >\n      <input\n        disabled={disabled}\n        id={id}\n        type=\"checkbox\"\n        checked={isChecked}\n        onClick={() => {\n          if (!disabled) setIsCheck(!isChecked);\n        }}\n        onChange={onChange}\n      />\n      <span\n        className={[\n          'sendbird-checkbox--checkmark',\n          disabled ? 'disabled' : '',\n        ].join(' ')}\n      />\n    </label>\n  );\n}\n"],"names":["Checkbox","_a","id","_b","checked","disabled","onChange","_c","useState","isChecked","setIsCheck","React","createElement","className","join","htmlFor","type","onClick"],"mappings":";;AAUwB,SAAAA,QAAQA,CAACC,EAKjB,EAAA;AAJd,EAAA,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;IACFC,EAAe,GAAAF,EAAA,CAAAG,OAAA;IAAfA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACfE,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;IACRC,QAAQ,GAAAL,EAAA,CAAAK,QAAA,CAAA;AAEF,EAAA,IAAAC,EAAA,GAA0BC,QAAQ,CAACJ,OAAO,CAAC;AAA1CK,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,EAAA,CAAA,CAAA,CAAqB,CAAA;EACjD,oBACEI,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,mBAAmB,EACnBR,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,OAAO,EAAEb,EAAAA;GAETS,eAAAA,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEP,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,EAAE,EAAEA,EAAG;AACPc,IAAAA,IAAI,EAAC,UAAU;AACfZ,IAAAA,OAAO,EAAEK,SAAU;IACnBQ,OAAO,EAAE,YAAA;AACP,MAAA,IAAI,CAACZ,QAAQ,EAAEK,UAAU,CAAC,CAACD,SAAS,CAAC,CAAA;KACrC;AACFH,IAAAA,QAAQ,EAAEA,QAAAA;GAEZ,CAAA,eAAAK,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,8BAA8B,EAC9BR,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACS,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,CAEhB,CAAQ,CAAA;AAEZ;;;;"}

package/ui/ConnectionStatus.js

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../index-0f373e79.js';
+import '../stringSet-fa7e0d83.js';
+import '../index-8b3cd0b6.js';
 
 function ConnectionStatus() {
   var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { b as __extends, _ as __assign } from '../tslib.es6-5180f9d1.js';
+import { b as __extends, _ as __assign } from '../tslib.es6-debac48c.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { j as getClassName } from '../index-cd1a9173.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import '../uuid-368c5040.js';
+import { j as getClassName } from '../index-f87c5aab.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import '../uuid-e979d613.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-fa7e0d83.js';
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;
@@ -95,7 +95,7 @@ var MenuItems$1 = /** @class */function (_super) {
       children = _b.children,
       style = _b.style,
       _c = _b.className,
-      className = _c === void 0 ? "" : _c;
+      className = _c === void 0 ? '' : _c;
     return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", {
       className: (_a = this.props) === null || _a === void 0 ? void 0 : _a.className
     }, /*#__PURE__*/React__default.createElement("div", {

package/ui/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../src/ui/ContextMenu/MenuItems.tsx","../../src/ui/ContextMenu/EmojiListItems.tsx","../../src/ui/ContextMenu/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface MenuItemsProps {\n  className?: string;\n  style?: Record<string, string>;\n  openLeft?: boolean;\n  children: React.ReactElement | Array<React.ReactElement>;\n  parentRef: React.RefObject<HTMLElement>;\n  parentContainRef: React.RefObject<HTMLElement>;\n  closeDropdown: () => void;\n}\n\ntype MenuStyleType = { top?: number, left?: number };\ninterface MenuItemsState {\n  menuStyle: MenuStyleType;\n  handleClickOutside: (e: MouseEvent) => void;\n}\n\n// padding to handle height of last item in message-list\nconst HEIGHT_PADDING = 60;\n\nexport default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {\n  constructor(props: MenuItemsProps) {\n    super(props);\n    this.state = {\n      menuStyle: {},\n      handleClickOutside: () => {/* noop */ },\n    };\n  }\n  menuRef: React.RefObject<HTMLUListElement> = React.createRef();\n\n  componentDidMount(): void {\n    this.setupEvents();\n    this.getMenuPosition();\n  }\n\n  componentWillUnmount(): void {\n    this.cleanUpEvents();\n  }\n\n  setupEvents = (): void => {\n    const { closeDropdown } = this.props;\n    const { menuRef } = this;\n    const handleClickOutside = (event) => {\n      if (menuRef?.current && !menuRef?.current?.contains?.(event.target)) {\n        closeDropdown?.();\n      }\n    };\n    this.setState({\n      handleClickOutside,\n    });\n\n    document.addEventListener('mousedown', handleClickOutside);\n  }\n\n  cleanUpEvents = (): void => {\n    const {\n      handleClickOutside,\n    } = this.state;\n    document.removeEventListener('mousedown', handleClickOutside);\n  }\n\n  getMenuPosition = (): MenuStyleType => {\n    const { parentRef, openLeft } = this.props;\n    const parentRect = parentRef?.current?.getBoundingClientRect?.();\n    const x = parentRect?.x || parentRect?.left || 0;\n    const y = parentRect?.y || parentRect?.top || 0;\n    const menuStyle = {\n      top: y,\n      left: x,\n    };\n    if (!this.menuRef.current) return menuStyle;\n    const { innerWidth, innerHeight } = window;\n    const rect = this.menuRef.current.getBoundingClientRect();\n    if (y + rect.height + HEIGHT_PADDING > innerHeight) {\n      menuStyle.top -= rect.height;\n    }\n    if (x + rect.width > innerWidth && !openLeft) {\n      menuStyle.left -= rect.width;\n    }\n    if (menuStyle.top < 0) {\n      menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;\n    }\n    menuStyle.top += 32;\n    if (openLeft) {\n      const padding = Number.isNaN(rect.width - 30)\n        ? 108 // default\n        : rect.width - 30;\n      menuStyle.left -= padding;\n    }\n    // warning: this section has to be executed after the openLeft is calculated\n    // menu is outside viewport\n    if (menuStyle.left < 0) {\n      menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;\n    }\n\n    this.setState({ menuStyle })\n    return menuStyle;\n  }\n\n  render(): ReactElement {\n    const { menuStyle } = this.state;\n    const { children, style, className=\"\" } = this.props;\n    return (\n      createPortal(\n        (\n          <div className={this.props?.className}>\n            <div className=\"sendbird-dropdown__menu-backdrop\" />\n            <ul\n              className={`${className} sendbird-dropdown__menu`}\n              ref={this.menuRef}\n              style={{\n                display: 'inline-block',\n                position: 'fixed',\n                left: `${Math.round(menuStyle.left)}px`,\n                top: `${Math.round(menuStyle.top)}px`,\n                ...style,\n              }}\n            >\n              {children}\n            </ul>\n          </div>\n        ),\n        document.getElementById('sendbird-dropdown-portal'),\n      )\n    );\n  }\n}\n","import React, { ReactElement, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport SortByRow from '../SortByRow';\n\ntype SpaceFromTrigger = { x: number, y: number };\ntype ReactionStyle = { left: number, top: number };\nexport interface EmojiListItemsProps {\n  closeDropdown: () => void;\n  children: ReactNode;\n  parentRef: RefObject<HTMLDivElement>;\n  parentContainRef: RefObject<HTMLDivElement>;\n  spaceFromTrigger?: SpaceFromTrigger;\n}\n\nconst EmojiListItems = ({\n  children,\n  parentRef,\n  parentContainRef,\n  spaceFromTrigger = { x: 0, y: 0 },\n  closeDropdown,\n}: EmojiListItemsProps): ReactElement => {\n  const [reactionStyle, setReactionStyle] = useState<ReactionStyle>({ left: 0, top: 0 });\n  const reactionRef = useRef(null);\n\n  /* showParent & hideParent */\n  useEffect(() => {\n    if (parentContainRef && parentContainRef?.current) {\n      parentContainRef.current.classList.add('sendbird-reactions--pressed');\n    }\n    return () => {\n      if (parentContainRef && parentContainRef?.current) {\n        parentContainRef.current.classList.remove('sendbird-reactions--pressed');\n      }\n    };\n  }, []);\n\n  /* setupEvents & cleanupEvents */\n  useEffect(() => {\n    const handleClickOutSide = (event) => {\n      if (reactionRef?.current && !reactionRef?.current?.contains?.(event.target)) {\n        closeDropdown();\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutSide);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutSide);\n    };\n  }, []);\n\n  /* getBarPosition */\n  useEffect(() => {\n    const spaceFromTriggerX = spaceFromTrigger?.x || 0;\n    const spaceFromTriggerY = spaceFromTrigger?.y || 0;\n    const parentRect = parentRef?.current?.getBoundingClientRect();\n    const x = parentRect.x || parentRect.left;\n    const y = parentRect.y || parentRect.top;\n    const reactionStyle = {\n      top: y,\n      left: x,\n    };\n    if (!reactionRef?.current) {\n      setReactionStyle(reactionStyle);\n    } else {\n      const rect = reactionRef?.current?.getBoundingClientRect();\n      if (reactionStyle.top < rect.height) {\n        reactionStyle.top += parentRect.height;\n        reactionStyle.top += spaceFromTriggerY;\n      } else {\n        reactionStyle.top -= rect.height;\n        reactionStyle.top -= spaceFromTriggerY;\n      }\n      reactionStyle.left -= rect.width / 2;\n      reactionStyle.left += (parentRect.height / 2) - 2;\n      reactionStyle.left += spaceFromTriggerX;\n      const maximumLeft = window.innerWidth - rect.width;\n      if (maximumLeft < reactionStyle.left) {\n        reactionStyle.left = maximumLeft;\n      }\n      if (reactionStyle.left < 0) {\n        reactionStyle.left = 0;\n      }\n      setReactionStyle(reactionStyle);\n    }\n  }, []);\n\n  return (\n    createPortal(\n      <>\n        <div className=\"sendbird-dropdown__menu-backdrop\" />\n        <ul\n          className=\"sendbird-dropdown__reaction-bar\"\n          ref={reactionRef}\n          style={{\n            display: 'inline-block',\n            position: 'fixed',\n            left: `${Math.round(reactionStyle.left)}px`,\n            top: `${Math.round(reactionStyle.top)}px`,\n          }}\n        >\n          <SortByRow\n            className=\"sendbird-dropdown__reaction-bar__row\"\n            maxItemCount={8}\n            itemWidth={44}\n            itemHeight={40}\n          >\n            {children}\n          </SortByRow>\n        </ul>\n      </>,\n      document.getElementById('sendbird-emoji-list-portal'),\n    )\n  );\n};\n\nexport default EmojiListItems;\n","import React, { ReactElement, MouseEvent, useState, ReactNode } from 'react';\nimport './index.scss';\n\nimport _MenuItems from './MenuItems';\nimport _EmojiListItems from './EmojiListItems';\n\nimport { getClassName } from '../../utils';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nconst ENTER_KEY = 13;\n\nexport const MenuItems = _MenuItems;\nexport const EmojiListItems = _EmojiListItems;\n\nexport interface MenuItemProps {\n  className?: string | Array<string>;\n  children: ReactElement | ReactElement[] | ReactNode;\n  onClick?: (e: MouseEvent<HTMLLIElement>) => void;\n  disable?: boolean;\n}\nexport const MenuItem = ({\n  className = '',\n  children,\n  onClick,\n  disable = false,\n}: MenuItemProps): ReactElement => {\n  const handleClickEvent = (e) => {\n    if (!disable && onClick) {\n      onClick?.(e);\n    }\n  };\n  return (\n    <li\n      className={getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : ''])}\n      role=\"menuitem\"\n      aria-disabled={disable ? true : false}\n      onClick={handleClickEvent}\n      onKeyPress={(e) => { if (e.keyCode === ENTER_KEY) handleClickEvent(e); }}\n      tabIndex={0}\n    >\n      <Label\n        className=\"sendbird-dropdown__menu-item__text\"\n        type={LabelTypography.SUBTITLE_2}\n        color={disable ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1}\n      >\n        {children}\n      </Label>\n    </li>\n  );\n};\n\nexport const MenuRoot = (): ReactElement => (\n  <div\n    id=\"sendbird-dropdown-portal\"\n    className=\"sendbird-dropdown-portal\"\n  />\n);\n\n// For the test environment\nexport const EmojiReactionListRoot = (): ReactElement => <div id=\"sendbird-emoji-list-portal\" />;\n\ntype MenuDisplayingFunc = () => void;\nexport interface ContextMenuProps {\n  menuTrigger?: (MenuDisplayingFunc) => ReactElement;\n  menuItems: (MenuDisplayingFunc) => ReactElement;\n  isOpen?: boolean;\n}\nexport default function ContextMenu({\n  menuTrigger,\n  menuItems,\n  isOpen,\n}: ContextMenuProps): ReactElement {\n  const [showMenu, setShowMenu] = useState(false);\n  return (\n    <div\n      className=\"sendbird-context-menu\"\n      style={{ display: 'inline' }}\n    >\n      {menuTrigger?.(() => setShowMenu(!showMenu))}\n      {(showMenu || isOpen) && menuItems(() => setShowMenu(false))}\n    </div>\n  );\n}\n"],"names":["HEIGHT_PADDING","MenuItems","_super","__extends","props","_this","call","menuRef","React","createRef","setupEvents","closeDropdown","handleClickOutside","event","current","_b","_a","contains","target","setState","document","addEventListener","cleanUpEvents","state","removeEventListener","getMenuPosition","_c","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","window","innerHeight","rect","height","width","padding","Number","isNaN","prototype","componentDidMount","componentWillUnmount","render","children","style","className","createPortal","createElement","concat","ref","__assign","display","position","Math","round","getElementById","Component","EmojiListItems","parentContainRef","spaceFromTrigger","useState","reactionStyle","setReactionStyle","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","spaceFromTriggerX","spaceFromTriggerY","maximumLeft","Fragment","SortByRow","maxItemCount","itemWidth","itemHeight","ENTER_KEY","_MenuItems","_EmojiListItems","MenuItem","onClick","disable","handleClickEvent","e","getClassName","role","onKeyPress","keyCode","tabIndex","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_4","ONBACKGROUND_1","MenuRoot","id","EmojiReactionListRoot","ContextMenu","menuTrigger","menuItems","isOpen","showMenu","setShowMenu"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../src/ui/ContextMenu/MenuItems.tsx","../../src/ui/ContextMenu/EmojiListItems.tsx","../../src/ui/ContextMenu/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface MenuItemsProps {\n  className?: string;\n  style?: Record<string, string>;\n  openLeft?: boolean;\n  children: React.ReactElement | Array<React.ReactElement>;\n  parentRef: React.RefObject<HTMLElement>;\n  parentContainRef: React.RefObject<HTMLElement>;\n  closeDropdown: () => void;\n}\n\ntype MenuStyleType = { top?: number, left?: number };\ninterface MenuItemsState {\n  menuStyle: MenuStyleType;\n  handleClickOutside: (e: MouseEvent) => void;\n}\n\n// padding to handle height of last item in message-list\nconst HEIGHT_PADDING = 60;\n\nexport default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {\n  constructor(props: MenuItemsProps) {\n    super(props);\n    this.state = {\n      menuStyle: {},\n      handleClickOutside: () => { /* noop */ },\n    };\n  }\n\n  menuRef: React.RefObject<HTMLUListElement> = React.createRef();\n\n  componentDidMount(): void {\n    this.setupEvents();\n    this.getMenuPosition();\n  }\n\n  componentWillUnmount(): void {\n    this.cleanUpEvents();\n  }\n\n  setupEvents = (): void => {\n    const { closeDropdown } = this.props;\n    const { menuRef } = this;\n    const handleClickOutside = (event) => {\n      if (menuRef?.current && !menuRef?.current?.contains?.(event.target)) {\n        closeDropdown?.();\n      }\n    };\n    this.setState({\n      handleClickOutside,\n    });\n\n    document.addEventListener('mousedown', handleClickOutside);\n  }\n\n  cleanUpEvents = (): void => {\n    const {\n      handleClickOutside,\n    } = this.state;\n    document.removeEventListener('mousedown', handleClickOutside);\n  }\n\n  getMenuPosition = (): MenuStyleType => {\n    const { parentRef, openLeft } = this.props;\n    const parentRect = parentRef?.current?.getBoundingClientRect?.();\n    const x = parentRect?.x || parentRect?.left || 0;\n    const y = parentRect?.y || parentRect?.top || 0;\n    const menuStyle = {\n      top: y,\n      left: x,\n    };\n    if (!this.menuRef.current) return menuStyle;\n    const { innerWidth, innerHeight } = window;\n    const rect = this.menuRef.current.getBoundingClientRect();\n    if (y + rect.height + HEIGHT_PADDING > innerHeight) {\n      menuStyle.top -= rect.height;\n    }\n    if (x + rect.width > innerWidth && !openLeft) {\n      menuStyle.left -= rect.width;\n    }\n    if (menuStyle.top < 0) {\n      menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;\n    }\n    menuStyle.top += 32;\n    if (openLeft) {\n      const padding = Number.isNaN(rect.width - 30)\n        ? 108 // default\n        : rect.width - 30;\n      menuStyle.left -= padding;\n    }\n    // warning: this section has to be executed after the openLeft is calculated\n    // menu is outside viewport\n    if (menuStyle.left < 0) {\n      menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;\n    }\n\n    this.setState({ menuStyle })\n    return menuStyle;\n  }\n\n  render(): ReactElement {\n    const { menuStyle } = this.state;\n    const { children, style, className = '' } = this.props;\n    return (\n      createPortal(\n        (\n          <div className={this.props?.className}>\n            <div className=\"sendbird-dropdown__menu-backdrop\" />\n            <ul\n              className={`${className} sendbird-dropdown__menu`}\n              ref={this.menuRef}\n              style={{\n                display: 'inline-block',\n                position: 'fixed',\n                left: `${Math.round(menuStyle.left)}px`,\n                top: `${Math.round(menuStyle.top)}px`,\n                ...style,\n              }}\n            >\n              {children}\n            </ul>\n          </div>\n        ),\n        document.getElementById('sendbird-dropdown-portal'),\n      )\n    );\n  }\n}\n","import React, { ReactElement, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport SortByRow from '../SortByRow';\n\ntype SpaceFromTrigger = { x: number, y: number };\ntype ReactionStyle = { left: number, top: number };\nexport interface EmojiListItemsProps {\n  closeDropdown: () => void;\n  children: ReactNode;\n  parentRef: RefObject<HTMLDivElement>;\n  parentContainRef: RefObject<HTMLDivElement>;\n  spaceFromTrigger?: SpaceFromTrigger;\n}\n\nconst EmojiListItems = ({\n  children,\n  parentRef,\n  parentContainRef,\n  spaceFromTrigger = { x: 0, y: 0 },\n  closeDropdown,\n}: EmojiListItemsProps): ReactElement => {\n  const [reactionStyle, setReactionStyle] = useState<ReactionStyle>({ left: 0, top: 0 });\n  const reactionRef = useRef(null);\n\n  /* showParent & hideParent */\n  useEffect(() => {\n    if (parentContainRef && parentContainRef?.current) {\n      parentContainRef.current.classList.add('sendbird-reactions--pressed');\n    }\n    return () => {\n      if (parentContainRef && parentContainRef?.current) {\n        parentContainRef.current.classList.remove('sendbird-reactions--pressed');\n      }\n    };\n  }, []);\n\n  /* setupEvents & cleanupEvents */\n  useEffect(() => {\n    const handleClickOutSide = (event) => {\n      if (reactionRef?.current && !reactionRef?.current?.contains?.(event.target)) {\n        closeDropdown();\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutSide);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutSide);\n    };\n  }, []);\n\n  /* getBarPosition */\n  useEffect(() => {\n    const spaceFromTriggerX = spaceFromTrigger?.x || 0;\n    const spaceFromTriggerY = spaceFromTrigger?.y || 0;\n    const parentRect = parentRef?.current?.getBoundingClientRect();\n    const x = parentRect.x || parentRect.left;\n    const y = parentRect.y || parentRect.top;\n    const reactionStyle = {\n      top: y,\n      left: x,\n    };\n    if (!reactionRef?.current) {\n      setReactionStyle(reactionStyle);\n    } else {\n      const rect = reactionRef?.current?.getBoundingClientRect();\n      if (reactionStyle.top < rect.height) {\n        reactionStyle.top += parentRect.height;\n        reactionStyle.top += spaceFromTriggerY;\n      } else {\n        reactionStyle.top -= rect.height;\n        reactionStyle.top -= spaceFromTriggerY;\n      }\n      reactionStyle.left -= rect.width / 2;\n      reactionStyle.left += (parentRect.height / 2) - 2;\n      reactionStyle.left += spaceFromTriggerX;\n      const maximumLeft = window.innerWidth - rect.width;\n      if (maximumLeft < reactionStyle.left) {\n        reactionStyle.left = maximumLeft;\n      }\n      if (reactionStyle.left < 0) {\n        reactionStyle.left = 0;\n      }\n      setReactionStyle(reactionStyle);\n    }\n  }, []);\n\n  return (\n    createPortal(\n      <>\n        <div className=\"sendbird-dropdown__menu-backdrop\" />\n        <ul\n          className=\"sendbird-dropdown__reaction-bar\"\n          ref={reactionRef}\n          style={{\n            display: 'inline-block',\n            position: 'fixed',\n            left: `${Math.round(reactionStyle.left)}px`,\n            top: `${Math.round(reactionStyle.top)}px`,\n          }}\n        >\n          <SortByRow\n            className=\"sendbird-dropdown__reaction-bar__row\"\n            maxItemCount={8}\n            itemWidth={44}\n            itemHeight={40}\n          >\n            {children}\n          </SortByRow>\n        </ul>\n      </>,\n      document.getElementById('sendbird-emoji-list-portal'),\n    )\n  );\n};\n\nexport default EmojiListItems;\n","import React, { ReactElement, MouseEvent, useState, ReactNode } from 'react';\nimport './index.scss';\n\nimport _MenuItems from './MenuItems';\nimport _EmojiListItems from './EmojiListItems';\n\nimport { getClassName } from '../../utils';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nconst ENTER_KEY = 13;\n\nexport const MenuItems = _MenuItems;\nexport const EmojiListItems = _EmojiListItems;\n\nexport interface MenuItemProps {\n  className?: string | Array<string>;\n  children: ReactElement | ReactElement[] | ReactNode;\n  onClick?: (e: MouseEvent<HTMLLIElement>) => void;\n  disable?: boolean;\n}\nexport const MenuItem = ({\n  className = '',\n  children,\n  onClick,\n  disable = false,\n}: MenuItemProps): ReactElement => {\n  const handleClickEvent = (e) => {\n    if (!disable && onClick) {\n      onClick?.(e);\n    }\n  };\n  return (\n    <li\n      className={getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : ''])}\n      role=\"menuitem\"\n      aria-disabled={disable ? true : false}\n      onClick={handleClickEvent}\n      onKeyPress={(e) => { if (e.keyCode === ENTER_KEY) handleClickEvent(e); }}\n      tabIndex={0}\n    >\n      <Label\n        className=\"sendbird-dropdown__menu-item__text\"\n        type={LabelTypography.SUBTITLE_2}\n        color={disable ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1}\n      >\n        {children}\n      </Label>\n    </li>\n  );\n};\n\nexport const MenuRoot = (): ReactElement => (\n  <div\n    id=\"sendbird-dropdown-portal\"\n    className=\"sendbird-dropdown-portal\"\n  />\n);\n\n// For the test environment\nexport const EmojiReactionListRoot = (): ReactElement => <div id=\"sendbird-emoji-list-portal\" />;\n\ntype MenuDisplayingFunc = () => void;\nexport interface ContextMenuProps {\n  menuTrigger?: (MenuDisplayingFunc) => ReactElement;\n  menuItems: (MenuDisplayingFunc) => ReactElement;\n  isOpen?: boolean;\n}\nexport default function ContextMenu({\n  menuTrigger,\n  menuItems,\n  isOpen,\n}: ContextMenuProps): ReactElement {\n  const [showMenu, setShowMenu] = useState(false);\n  return (\n    <div\n      className=\"sendbird-context-menu\"\n      style={{ display: 'inline' }}\n    >\n      {menuTrigger?.(() => setShowMenu(!showMenu))}\n      {(showMenu || isOpen) && menuItems(() => setShowMenu(false))}\n    </div>\n  );\n}\n"],"names":["HEIGHT_PADDING","MenuItems","_super","__extends","props","_this","call","menuRef","React","createRef","setupEvents","closeDropdown","handleClickOutside","event","current","_b","_a","contains","target","setState","document","addEventListener","cleanUpEvents","state","removeEventListener","getMenuPosition","_c","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","window","innerHeight","rect","height","width","padding","Number","isNaN","prototype","componentDidMount","componentWillUnmount","render","children","style","className","createPortal","createElement","concat","ref","__assign","display","position","Math","round","getElementById","Component","EmojiListItems","parentContainRef","spaceFromTrigger","useState","reactionStyle","setReactionStyle","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","spaceFromTriggerX","spaceFromTriggerY","maximumLeft","Fragment","SortByRow","maxItemCount","itemWidth","itemHeight","ENTER_KEY","_MenuItems","_EmojiListItems","MenuItem","onClick","disable","handleClickEvent","e","getClassName","role","onKeyPress","keyCode","tabIndex","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_4","ONBACKGROUND_1","MenuRoot","id","EmojiReactionListRoot","ContextMenu","menuTrigger","menuItems","isOpen","showMenu","setShowMenu"],"mappings":"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"}

package/ui/DateSeparator.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-e54d3ed7.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { C as Colors, c as changeColorToClassName } from '../color-2037c3b8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-fa7e0d83.js';
 
 var DateSeparator = function (_a) {
   var _b = _a.children,

package/ui/EmojiReactions.js

@@ -6,17 +6,17 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { H as getEmojiMapAll, j as getClassName, I as isReactedBy, J as getEmojiTooltipString, y as getEmojiListAll } from '../index-cd1a9173.js';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
-import '../tslib.es6-5180f9d1.js';
-import '../index-8f0ae983.js';
+import { H as getEmojiMapAll, j as getClassName, I as isReactedBy, J as getEmojiTooltipString, y as getEmojiListAll } from '../index-f87c5aab.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
+import '../tslib.es6-debac48c.js';
+import '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-fa7e0d83.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-368c5040.js';
+import '../uuid-e979d613.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-0f373e79.js';
+import '../index-8b3cd0b6.js';
 
 var EmojiReactions = function (_a) {
   var _b, _c;

package/ui/FileMessageItemBody.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-cd1a9173.js';
-import { C as Colors } from '../color-e54d3ed7.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-f2df2472.js';
+import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-f87c5aab.js';
+import { C as Colors } from '../color-2037c3b8.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-e4d4fb2a.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../tslib.es6-5180f9d1.js';
+import '../stringSet-fa7e0d83.js';
+import '../tslib.es6-debac48c.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function FileMessageItemBody(_a) {

package/ui/FileViewer.js

@@ -1,17 +1,17 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
-import { M as MODAL_ROOT } from '../index-5c20d787.js';
-import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-cd1a9173.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
+import { M as MODAL_ROOT } from '../index-d5a761b9.js';
+import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-f87c5aab.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-2d42f6ff.js';
-import '../index-0f373e79.js';
-import '../tslib.es6-5180f9d1.js';
+import '../stringSet-fa7e0d83.js';
+import '../index-8b3cd0b6.js';
+import '../tslib.es6-debac48c.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-368c5040.js';
+import '../uuid-e979d613.js';
 import 'prop-types';
 
 var FileViewerComponent = function (_a) {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-debac48c.js';
 import React__default, { useState } from 'react';
 
 var IconButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  disabled?: boolean;\n  width?: string;\n  height?: string;\n  type?: 'button' | 'submit' | 'reset';\n  style?: { [key: string]: string };\n  onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n  props: IconButtonProps,\n  ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n  const {\n    className = '',\n    children,\n    disabled = false,\n    width = '56px',\n    height = '56px',\n    type = 'button',\n    style = {},\n    onBlur = () => {/* noop */},\n    onClick = () => {/* noop */},\n  } = props;\n  const [isPressed, setIsPressed] = useState(false);\n  return (\n    <button\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-iconbutton',\n        isPressed ? 'sendbird-iconbutton--pressed' : '',\n      ].join(' ')}\n      disabled={disabled}\n      ref={ref}\n      type={type}\n      style={{\n        ...style,\n        height,\n        width,\n      }}\n      onClick={(e) => {\n        if (disabled) { return; }\n        setIsPressed(true);\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        setIsPressed(false);\n        onBlur?.(e);\n      }}\n    >\n      <span className=\"sendbird-iconbutton__inner\">\n        {children}\n      </span>\n    </button>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","_a","className","children","_b","disabled","_c","width","_d","height","_e","type","_f","style","_g","onBlur","_h","onClick","_j","useState","isPressed","setIsPressed","createElement","__spreadArray","Array","isArray","join","__assign","e"],"mappings":";;;AAsBMA,IAAAA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAClCC,KAAsB,EACtBC,GAAiC,EAAA;AAG/B,EAAA,IAAAC,KASEF,KAAK,CAAAG,SATO;IAAdA,SAAS,mBAAG,EAAE,GAAAD,EAAA;IACdE,QAAQ,GAQNJ,KAAK,CAAAI,QARC;IACRC,EAAA,GAOEL,KAAK,CAPSM,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAME,GAAAP,KAAK,MANO;IAAdQ,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;IACdE,EAAA,GAKET,KAAK,CALQU,MAAA;IAAfA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAAA,EAAA;IACfE,KAIEX,KAAK,CAAAY,IAJQ;IAAfA,IAAI,mBAAG,QAAQ,GAAAD,EAAA;IACfE,EAAA,GAGEb,KAAK,CAHGc,KAAA;IAAVA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACVE,EAEE,GAAAf,KAAK,OAFoB;IAA3BgB,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAkB,GAAAA,EAAA;IAC3BE,EACE,GAAAjB,KAAK,QADqB;IAA5BkB,OAAO,mBAAG,YAAiB,EAAC,KAAA,CAAA;AAExB,EAAA,IAAAC,EAAA,GAA4BC,QAAQ,CAAC,KAAK,CAAC;AAA1CC,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;EACjD,oBACErB,cAAA,CAAAyB,aAAA,CAAA,QAAA,EAAA;AACEpB,IAAAA,SAAS,EAAEqB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACvB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,qBAAqB,EACrBkB,SAAS,GAAG,8BAA8B,GAAG,EAAE,CAC/C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZrB,IAAAA,QAAQ,EAAEA,QAAS;AACnBL,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAEA,IAAK;IACXE,KAAK,EACAc,QAAA,CAAAA,QAAA,CAAA,EAAA,EAAAd,KAAK;AACRJ,MAAAA,MAAM,EAAAA,MAAA;AACNF,MAAAA,KAAK;AACL,KAAA,CAAA;AACFU,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAA;AACT,MAAA,IAAIvB,QAAQ,EAAE;AAAE,QAAA,OAAA;AAAS,OAAA;MACzBgB,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBJ,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGW,CAAC,CAAC,CAAA;KACZ;AACFb,IAAAA,MAAM,EAAE,UAACa,CAAC,EAAA;MACRP,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBN,MAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGa,CAAC,CAAC,CAAA;AACb,KAAA;GAEA/B,eAAAA,cAAA,CAAAyB,aAAA,CAAA,MAAA,EAAA;AAAMpB,IAAAA,SAAS,EAAC,4BAAA;GACbC,EAAAA,QAAQ,CAEb,CAAS,CAAA;AAEb,CAAC;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  disabled?: boolean;\n  width?: string;\n  height?: string;\n  type?: 'button' | 'submit' | 'reset';\n  style?: { [key: string]: string };\n  onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n  props: IconButtonProps,\n  ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n  const {\n    className = '',\n    children,\n    disabled = false,\n    width = '56px',\n    height = '56px',\n    type = 'button',\n    style = {},\n    onBlur = () => { /* noop */ },\n    onClick = () => { /* noop */ },\n  } = props;\n  const [isPressed, setIsPressed] = useState(false);\n  return (\n    <button\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-iconbutton',\n        isPressed ? 'sendbird-iconbutton--pressed' : '',\n      ].join(' ')}\n      disabled={disabled}\n      ref={ref}\n      type={type}\n      style={{\n        ...style,\n        height,\n        width,\n      }}\n      onClick={(e) => {\n        if (disabled) { return; }\n        setIsPressed(true);\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        setIsPressed(false);\n        onBlur?.(e);\n      }}\n    >\n      <span className=\"sendbird-iconbutton__inner\">\n        {children}\n      </span>\n    </button>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","_a","className","children","_b","disabled","_c","width","_d","height","_e","type","_f","style","_g","onBlur","_h","onClick","_j","useState","isPressed","setIsPressed","createElement","__spreadArray","Array","isArray","join","__assign","e"],"mappings":";;;AAsBMA,IAAAA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAClCC,KAAsB,EACtBC,GAAiC,EAAA;AAG/B,EAAA,IAAAC,KASEF,KAAK,CAAAG,SATO;IAAdA,SAAS,mBAAG,EAAE,GAAAD,EAAA;IACdE,QAAQ,GAQNJ,KAAK,CAAAI,QARC;IACRC,EAAA,GAOEL,KAAK,CAPSM,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAME,GAAAP,KAAK,MANO;IAAdQ,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;IACdE,EAAA,GAKET,KAAK,CALQU,MAAA;IAAfA,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAAA,EAAA;IACfE,KAIEX,KAAK,CAAAY,IAJQ;IAAfA,IAAI,mBAAG,QAAQ,GAAAD,EAAA;IACfE,EAAA,GAGEb,KAAK,CAHGc,KAAA;IAAVA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACVE,EAEE,GAAAf,KAAK,OAFsB;IAA7BgB,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA;IAC7BE,EACE,GAAAjB,KAAK,QADuB;IAA9BkB,OAAO,mBAAG,YAAmB,EAAC,KAAA,CAAA;AAE1B,EAAA,IAAAC,EAAA,GAA4BC,QAAQ,CAAC,KAAK,CAAC;AAA1CC,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;EACjD,oBACErB,cAAA,CAAAyB,aAAA,CAAA,QAAA,EAAA;AACEpB,IAAAA,SAAS,EAAEqB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACvB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,qBAAqB,EACrBkB,SAAS,GAAG,8BAA8B,GAAG,EAAE,CAC/C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZrB,IAAAA,QAAQ,EAAEA,QAAS;AACnBL,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAEA,IAAK;IACXE,KAAK,EACAc,QAAA,CAAAA,QAAA,CAAA,EAAA,EAAAd,KAAK;AACRJ,MAAAA,MAAM,EAAAA,MAAA;AACNF,MAAAA,KAAK;AACL,KAAA,CAAA;AACFU,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAA;AACT,MAAA,IAAIvB,QAAQ,EAAE;AAAE,QAAA,OAAA;AAAS,OAAA;MACzBgB,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBJ,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGW,CAAC,CAAC,CAAA;KACZ;AACFb,IAAAA,MAAM,EAAE,UAACa,CAAC,EAAA;MACRP,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBN,MAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGa,CAAC,CAAC,CAAA;AACb,KAAA;GAEA/B,eAAAA,cAAA,CAAAyB,aAAA,CAAA,MAAA,EAAA;AAAMpB,IAAAA,SAAS,EAAC,4BAAA;GACbC,EAAAA,QAAQ,CAEb,CAAS,CAAA;AAEb,CAAC;;;;"}

package/ui/ImageRenderer.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default, { useState, useMemo } from 'react';
 
 var ImageRenderer = function (_a) {

package/ui/ImageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.js","sources":["../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  onLoad = () => {/* noop */},\n  onError = () => {/* noop */},\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: width,\n          maxWidth: fixedSize ? width : '400px',\n          height,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        }\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: width,\n        maxWidth: fixedSize ? width : '400px',\n        height,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: width,\n                maxWidth: fixedSize ? width : '400px',\n                height,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: circle ? '50%' : null,\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["ImageRenderer","_a","_b","className","url","_c","alt","_d","width","_e","height","_f","circle","_g","fixedSize","_h","placeHolder","_j","defaultComponent","_k","onLoad","_l","onError","_m","useState","showDefaultComponent","setShowDefaultComponent","_o","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","__spreadArray","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage","concat","borderRadius"],"mappings":"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"}
+{"version":3,"file":"ImageRenderer.js","sources":["../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  onLoad = () => { /* noop */ },\n  onError = () => { /* noop */ },\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: width,\n          maxWidth: fixedSize ? width : '400px',\n          height,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        },\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: width,\n        maxWidth: fixedSize ? width : '400px',\n        height,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: width,\n                maxWidth: fixedSize ? width : '400px',\n                height,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: circle ? '50%' : null,\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["ImageRenderer","_a","_b","className","url","_c","alt","_d","width","_e","height","_f","circle","_g","fixedSize","_h","placeHolder","_j","defaultComponent","_k","onLoad","_l","onError","_m","useState","showDefaultComponent","setShowDefaultComponent","_o","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","__spreadArray","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage","concat","borderRadius"],"mappings":"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"}

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-fa7e0d83.js';
 
 var InputLabel = function (_a) {
   var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'prop-types';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-8f0ae983.js';
-import '../stringSet-2d42f6ff.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-8efe881f.js';
+import '../stringSet-fa7e0d83.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import '../stringSet-2d42f6ff.js';
+import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import '../stringSet-fa7e0d83.js';
 
 const http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/Loader.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import 'prop-types';

package/ui/MentionLabel.js

@@ -1,22 +1,22 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../tslib.es6-5180f9d1.js';
+import '../tslib.es6-debac48c.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-368c5040.js';
-import '../index-cd1a9173.js';
+import '../uuid-e979d613.js';
+import '../index-f87c5aab.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../LocalizationContext-43b10f97.js';
-import '../index-0f373e79.js';
-import '../UserProfileContext-12b6fabf.js';
+import '../stringSet-fa7e0d83.js';
+import '../LocalizationContext-428ea690.js';
+import '../index-8b3cd0b6.js';
+import '../UserProfileContext-576f1ef9.js';
 import '../sendbirdSelectors.js';
-import '../topics-6d4bf2ed.js';
-import '../utils-a7563986.js';
+import '../topics-2647294d.js';
+import '../utils-87be98af.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/ui/MentionUserLabel.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-e4e1a8fc.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-3fe926ac.js';
 
 function MentionUserLabel(_a) {
   var _b = _a.className,