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

package/ui/Avatar.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-5c7f30bd.js';
+import { u as uuidv4 } from '../uuid-abddae2d.js';
 import 'prop-types';
 
 var pxToNumber = (px => {

package/ui/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../src/utils/pxToNumber.ts","../../src/ui/Avatar/index.tsx"],"sourcesContent":["export default (px: string | number): number | void => {\n  if (typeof px === 'number') {\n    return px;\n  }\n  if (typeof px === 'string') {\n    const parsed = Number.parseFloat(px);\n    if (!Number.isNaN(parsed)) {\n      return parsed;\n    }\n  }\n  return null;\n};\n","import React, { ReactElement, RefObject } from 'react';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport './index.scss';\nimport { uuidv4 } from '../../utils/uuid';\nimport pxToNumber from '../../utils/pxToNumber';\n\nconst imageRendererClassName = 'sendbird-avatar-img';\n\ninterface DefaultComponentProps {\n  width: string | number,\n  height: string | number,\n}\n\nconst DefaultComponent = ({ width, height }: DefaultComponentProps): ReactElement => {\n  let iconWidth = pxToNumber(width);\n  let iconHeight = pxToNumber(height);\n  if (typeof iconWidth === 'number') {\n    iconWidth *= 0.575;\n  }\n  if (typeof iconHeight === 'number') {\n    iconHeight *= 0.575;\n  }\n\n  return (\n    <div className=\"sendbird-avatar-img--default\" style={{ width, height }}>\n      <Icon\n        type={IconTypes.USER}\n        fillColor={IconColors.CONTENT}\n        width={iconWidth}\n        height={iconHeight}\n      />\n    </div>\n  );\n};\n\nconst _defaultComponent = ({\n  width,\n  height,\n}: DefaultComponentProps) => (\n  <DefaultComponent width={width} height={height} />\n);\n\ninterface AvatarInnerProps {\n  height: string | number,\n  width: string | number,\n  src?: string | Array<string>,\n  alt?: string,\n  customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nexport const AvatarInner = ({\n  src = '',\n  alt = '',\n  height,\n  width,\n  customDefaultComponent,\n}: AvatarInnerProps): ReactElement => {\n  const defaultComponent = () => customDefaultComponent ? customDefaultComponent({ width, height }) : _defaultComponent({ width, height });\n\n  if (typeof src === 'string') {\n    return (\n      <ImageRenderer\n        className={imageRendererClassName}\n        url={src}\n        height={height}\n        width={width}\n        alt={alt}\n        defaultComponent={defaultComponent}\n      />\n    );\n  }\n\n  if (src && src.length) {\n    if (src.length === 1) {\n      return (\n        <ImageRenderer\n          className={imageRendererClassName}\n          url={src[0]}\n          height={height}\n          width={width}\n          alt={alt}\n          defaultComponent={defaultComponent}\n        />\n      );\n    }\n\n    if (src.length === 2) {\n      return (\n        <div className=\"sendbird-avatar--inner__two-child\">\n          <ImageRenderer\n            className={imageRendererClassName}\n            url={src[0]}\n            height={height}\n            width={width}\n            alt={alt}\n            defaultComponent={defaultComponent}\n          />\n          <ImageRenderer\n            className={imageRendererClassName}\n            url={src[1]}\n            height={height}\n            width={width}\n            alt={alt}\n            defaultComponent={defaultComponent}\n          />\n        </div>\n      );\n    }\n\n    if (src.length === 3) {\n      return (\n        <>\n          <div className=\"sendbird-avatar--inner__three-child--upper\">\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[0]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n          </div>\n          <div className=\"sendbird-avatar--inner__three-child--lower\">\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[1]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[2]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n          </div>\n        </>\n      );\n    }\n\n    return (\n      <div className=\"sendbird-avatar--inner__four-child\">\n        {\n          src.slice(0, 4)\n            .map((i) => (\n              <ImageRenderer\n                className={imageRendererClassName}\n                url={i}\n                height={height}\n                width={width}\n                alt={alt}\n                key={uuidv4()}\n                defaultComponent={defaultComponent}\n              />\n            ))\n        }\n      </div>\n    );\n  }\n  // default img\n  return (\n    <ImageRenderer\n      className={imageRendererClassName}\n      url=\"\"\n      height={height}\n      width={width}\n      alt={alt}\n      defaultComponent={defaultComponent}\n    />\n  );\n};\n\ninterface AvatarProps {\n  className?: string | Array<string>,\n  height?: string | number,\n  width?: string | number,\n  src?: string | Array<string>,\n  alt?: string,\n  onClick?(): void,\n  customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nfunction Avatar(\n  {\n    className = '',\n    src = '',\n    alt = '',\n    width = '56px',\n    height = '56px',\n    onClick,\n    customDefaultComponent,\n  }: AvatarProps,\n  ref: RefObject<HTMLDivElement>,\n): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-avatar',\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      style={{ height, width }}\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex={0}\n    >\n      <AvatarInner\n        src={src}\n        width={width}\n        height={height}\n        alt={alt}\n        customDefaultComponent={customDefaultComponent}\n      />\n    </div>\n  );\n}\n\nexport default React.forwardRef(Avatar);\n"],"names":["px","parsed","Number","parseFloat","isNaN","imageRendererClassName","DefaultComponent","_ref","width","height","iconWidth","pxToNumber","iconHeight","React","createElement","className","style","Icon","type","IconTypes","USER","fillColor","IconColors","CONTENT","_defaultComponent","_ref2","AvatarInner","_ref3","src","alt","customDefaultComponent","defaultComponent","ImageRenderer","url","length","Fragment","slice","map","i","key","uuidv4","Avatar","_ref4","ref","onClick","Array","isArray","join","role","onKeyDown","tabIndex","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../src/utils/pxToNumber.ts","../../src/ui/Avatar/index.tsx"],"sourcesContent":["export default (px: string | number): number | void => {\n  if (typeof px === 'number') {\n    return px;\n  }\n  if (typeof px === 'string') {\n    const parsed = Number.parseFloat(px);\n    if (!Number.isNaN(parsed)) {\n      return parsed;\n    }\n  }\n  return null;\n};\n","import React, { ReactElement, RefObject } from 'react';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport './index.scss';\nimport { uuidv4 } from '../../utils/uuid';\nimport pxToNumber from '../../utils/pxToNumber';\n\nconst imageRendererClassName = 'sendbird-avatar-img';\n\ninterface DefaultComponentProps {\n  width: string | number,\n  height: string | number,\n}\n\nconst DefaultComponent = ({ width, height }: DefaultComponentProps): ReactElement => {\n  let iconWidth = pxToNumber(width);\n  let iconHeight = pxToNumber(height);\n  if (typeof iconWidth === 'number') {\n    iconWidth *= 0.575;\n  }\n  if (typeof iconHeight === 'number') {\n    iconHeight *= 0.575;\n  }\n\n  return (\n    <div className=\"sendbird-avatar-img--default\" style={{ width, height }}>\n      <Icon\n        type={IconTypes.USER}\n        fillColor={IconColors.CONTENT}\n        width={iconWidth}\n        height={iconHeight}\n      />\n    </div>\n  );\n};\n\nconst _defaultComponent = ({\n  width,\n  height,\n}: DefaultComponentProps) => (\n  <DefaultComponent width={width} height={height} />\n);\n\ninterface AvatarInnerProps {\n  height: string | number,\n  width: string | number,\n  src?: string | Array<string>,\n  alt?: string,\n  customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nexport const AvatarInner = ({\n  src = '',\n  alt = '',\n  height,\n  width,\n  customDefaultComponent,\n}: AvatarInnerProps): ReactElement => {\n  const defaultComponent = () => customDefaultComponent ? customDefaultComponent({ width, height }) : _defaultComponent({ width, height });\n\n  if (typeof src === 'string') {\n    return (\n      <ImageRenderer\n        className={imageRendererClassName}\n        url={src}\n        height={height}\n        width={width}\n        alt={alt}\n        defaultComponent={defaultComponent}\n      />\n    );\n  }\n\n  if (src && src.length) {\n    if (src.length === 1) {\n      return (\n        <ImageRenderer\n          className={imageRendererClassName}\n          url={src[0]}\n          height={height}\n          width={width}\n          alt={alt}\n          defaultComponent={defaultComponent}\n        />\n      );\n    }\n\n    if (src.length === 2) {\n      return (\n        <div className=\"sendbird-avatar--inner__two-child\">\n          <ImageRenderer\n            className={imageRendererClassName}\n            url={src[0]}\n            height={height}\n            width={width}\n            alt={alt}\n            defaultComponent={defaultComponent}\n          />\n          <ImageRenderer\n            className={imageRendererClassName}\n            url={src[1]}\n            height={height}\n            width={width}\n            alt={alt}\n            defaultComponent={defaultComponent}\n          />\n        </div>\n      );\n    }\n\n    if (src.length === 3) {\n      return (\n        <>\n          <div className=\"sendbird-avatar--inner__three-child--upper\">\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[0]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n          </div>\n          <div className=\"sendbird-avatar--inner__three-child--lower\">\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[1]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n            <ImageRenderer\n              className={imageRendererClassName}\n              url={src[2]}\n              height={height}\n              width={width}\n              alt={alt}\n              defaultComponent={defaultComponent}\n            />\n          </div>\n        </>\n      );\n    }\n\n    return (\n      <div className=\"sendbird-avatar--inner__four-child\">\n        {\n          src.slice(0, 4)\n            .map((i) => (\n              <ImageRenderer\n                className={imageRendererClassName}\n                url={i}\n                height={height}\n                width={width}\n                alt={alt}\n                key={uuidv4()}\n                defaultComponent={defaultComponent}\n              />\n            ))\n        }\n      </div>\n    );\n  }\n  // default img\n  return (\n    <ImageRenderer\n      className={imageRendererClassName}\n      url=\"\"\n      height={height}\n      width={width}\n      alt={alt}\n      defaultComponent={defaultComponent}\n    />\n  );\n};\n\ninterface AvatarProps {\n  className?: string | Array<string>,\n  height?: string | number,\n  width?: string | number,\n  src?: string | Array<string>,\n  alt?: string,\n  onClick?(): void,\n  customDefaultComponent?({ width, height }: { width: number | string, height: number | string }): ReactElement;\n}\n\nfunction Avatar(\n  {\n    className = '',\n    src = '',\n    alt = '',\n    width = '56px',\n    height = '56px',\n    onClick,\n    customDefaultComponent,\n  }: AvatarProps,\n  ref: RefObject<HTMLDivElement>,\n): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-avatar',\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      style={{ height, width }}\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex={0}\n    >\n      <AvatarInner\n        src={src}\n        width={width}\n        height={height}\n        alt={alt}\n        customDefaultComponent={customDefaultComponent}\n      />\n    </div>\n  );\n}\n\nexport default React.forwardRef(Avatar);\n"],"names":["px","parsed","Number","parseFloat","isNaN","imageRendererClassName","DefaultComponent","_ref","width","height","iconWidth","pxToNumber","iconHeight","React","createElement","className","style","Icon","type","IconTypes","USER","fillColor","IconColors","CONTENT","_defaultComponent","_ref2","AvatarInner","_ref3","src","alt","customDefaultComponent","defaultComponent","ImageRenderer","url","length","Fragment","slice","map","i","key","uuidv4","Avatar","_ref4","ref","onClick","Array","isArray","join","role","onKeyDown","tabIndex","forwardRef"],"mappings":"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"}

package/ui/Badge.js

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-062a4eeb.js';
-import { a as LocalizationContext } from '../LocalizationContext-ad70364c.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3f4521c1.js';
+import { a as LocalizationContext } from '../LocalizationContext-7ae12588.js';
 import 'prop-types';
-import '../stringSet-da68ecef.js';
-import '../index-794e37e5.js';
+import '../stringSet-6c589018.js';
+import '../index-82009149.js';
 
 function Badge(_ref) {
   let {

package/ui/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../src/ui/Badge/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nexport interface BadgeProps {\n  count: number;\n  maxLevel?: number;\n  className?: string | Array<string>;\n}\n\nexport default function Badge({\n  count,\n  maxLevel = 2,\n  className = '',\n}: BadgeProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const maximumNumber = parseInt('9'.repeat((maxLevel > 6) ? 6 : maxLevel), 10);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-badge',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-badge__text\">\n        <Label\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONCONTENT_1}\n        >\n          {\n            (count > maximumNumber)\n              ? `${maximumNumber}${stringSet.BADGE__OVER}`\n              : count\n          }\n        </Label>\n      </div>\n    </div>\n  );\n}\n"],"names":["Badge","_ref","count","maxLevel","className","stringSet","useContext","LocalizationContext","maximumNumber","parseInt","repeat","React","createElement","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1","BADGE__OVER"],"mappings":";;;;;;;AAYe,SAASA,KAAKA,CAAAC,IAAA,EAIA;EAAA,IAJC;IAC5BC,KAAK;AACLC,IAAAA,QAAQ,GAAG,CAAC;AACZC,IAAAA,SAAS,GAAG,EAAA;AACF,GAAC,GAAAH,IAAA,CAAA;EACX,MAAM;AAAEI,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;AACrD,EAAA,MAAMC,aAAa,GAAGC,QAAQ,CAAC,GAAG,CAACC,MAAM,CAAEP,QAAQ,GAAG,CAAC,GAAI,CAAC,GAAGA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAA;EAC7E,oBACEQ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACER,SAAS,EAAE,CACT,IAAIS,KAAK,CAACC,OAAO,CAACV,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,gBAAgB,CACjB,CAACW,IAAI,CAAC,GAAG,CAAA;GAEVJ,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCO,cAAA,CAAAC,aAAA,CAACI,KAAK,EAAA;IACJC,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,WAAAA;AAAY,GAAA,EAG5BpB,KAAK,GAAGM,aAAa,GACjB,GAAEA,aAAc,CAAA,EAAEH,SAAS,CAACkB,WAAY,CAAC,CAAA,GAC1CrB,KAED,CACJ,CACF,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../src/ui/Badge/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nexport interface BadgeProps {\n  count: number;\n  maxLevel?: number;\n  className?: string | Array<string>;\n}\n\nexport default function Badge({\n  count,\n  maxLevel = 2,\n  className = '',\n}: BadgeProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const maximumNumber = parseInt('9'.repeat((maxLevel > 6) ? 6 : maxLevel), 10);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-badge',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-badge__text\">\n        <Label\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONCONTENT_1}\n        >\n          {\n            (count > maximumNumber)\n              ? `${maximumNumber}${stringSet.BADGE__OVER}`\n              : count\n          }\n        </Label>\n      </div>\n    </div>\n  );\n}\n"],"names":["Badge","_ref","count","maxLevel","className","stringSet","useContext","LocalizationContext","maximumNumber","parseInt","repeat","React","createElement","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1","BADGE__OVER"],"mappings":";;;;;;;AAYe,SAASA,KAAKA,CAAAC,IAAA,EAIA;EAAA,IAJC;IAC5BC,KAAK;AACLC,IAAAA,QAAQ,GAAG,CAAC;AACZC,IAAAA,SAAS,GAAG,EAAA;AACF,GAAC,GAAAH,IAAA,CAAA;EACX,MAAM;AAAEI,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;AACrD,EAAA,MAAMC,aAAa,GAAGC,QAAQ,CAAC,GAAG,CAACC,MAAM,CAAEP,QAAQ,GAAG,CAAC,GAAI,CAAC,GAAGA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAA;EAC7E,oBACEQ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACER,SAAS,EAAE,CACT,IAAIS,KAAK,CAACC,OAAO,CAACV,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,gBAAgB,CACjB,CAACW,IAAI,CAAC,GAAG,CAAA;GAEVJ,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCO,cAAA,CAAAC,aAAA,CAACI,KAAK,EAAA;IACJC,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,WAAAA;AAAY,GAAA,EAG5BpB,KAAK,GAAGM,aAAa,GACjB,GAAEA,aAAc,CAAA,EAAEH,SAAS,CAACkB,WAAY,CAAC,CAAA,GAC1CrB,KAAK,CAEL,CACJ,CACF,CAAA;AAEV;;;;"}

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-1e1cb669.js';
+import { M as MODAL_ROOT } from '../index-06784b87.js';
 
 const BottomSheet = props => {
   const {

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","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","role","onClick","e","stopPropagation"],"mappings":";;;;AAYMA,MAAAA,WAAsD,GAAIC,KAAuB,IAAK;EAC1F,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,eAAAA;AACF,GAAC,GAAGH,KAAK,CAAA;;AAET;AACA,EAAA,MAAMI,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;AAC/C,GAAA;AACA,EAAA,oBAAOQ,YAAY,eACjBC,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;IACET,SAAS,EAAG,GAAEA,SAAU,CAAA,qBAAA,CAAA;GAExBc,eAAAA,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,+BAAgC;AAC3Ce,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,MAAM;IACjB,eAAc,EAAA,MAAA;AAAM,GAAA,EAEnBd,QACE,CAAC,eACNa,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAG,CAAA;AACpB;AACA,QAAU,CAAA;IACFgB,OAAO,EAAGC,CAAC,IAAK;AACdA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACpBhB,MAAAA,eAAe,EAAE,CAAA;AACnB,KAAA;AAAE,GACH,CACE,CAAC,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","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","role","onClick","e","stopPropagation"],"mappings":";;;;AAYMA,MAAAA,WAAsD,GAAIC,KAAuB,IAAK;EAC1F,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,eAAAA;AACF,GAAC,GAAGH,KAAK,CAAA;;AAET;EACA,MAAMI,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;AAC/C,GAAA;AACA,EAAA,oBAAOQ,YAAY,eACjBC,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;IACET,SAAS,EAAG,GAAEA,SAAU,CAAA,qBAAA,CAAA;GAExBc,eAAAA,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,+BAAgC;AAC3Ce,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,MAAM;IACjB,eAAc,EAAA,MAAA;AAAM,GAAA,EAEnBd,QAAQ,CACL,eACNa,cAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAG,CAAA;AACpB;AACA,QAAU,CAAA;IACFgB,OAAO,EAAGC,CAAC,IAAK;AACdA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACpBhB,MAAAA,eAAe,EAAE,CAAA;AACnB,KAAA;AAAE,GAAA,CACF,CACE,EACNC,UAAU,CAACE,OAAO,CAAC,CAAA;AACvB;;;;"}

package/ui/Button.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-062a4eeb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3f4521c1.js';
 import 'prop-types';
-import '../stringSet-da68ecef.js';
+import '../stringSet-6c589018.js';
 
 let ButtonTypes$1 = /*#__PURE__*/function (ButtonTypes) {
   ButtonTypes["PRIMARY"] = "PRIMARY";

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","_ref","className","children","disabled","onClick","injectingClassNames","Array","isArray","join","React","createElement","Label","LabelTypography","BUTTON_1","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;AAAYA,IAAAA,aAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAXA,WAAW,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAMXC,IAAAA,aAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,CAAA;;ACJhB,SAASC,qBAAqBA,CAACC,IAAiB,EAAU;AAC/D,EAAA,QAAQA,IAAI;IACV,KAAKH,aAAW,CAACI,OAAO;AAAE,MAAA,OAAO,0BAA0B,CAAA;IAC3D,KAAKJ,aAAW,CAACK,SAAS;AAAE,MAAA,OAAO,4BAA4B,CAAA;IAC/D,KAAKL,aAAW,CAACM,MAAM;AAAE,MAAA,OAAO,yBAAyB,CAAA;IACzD,KAAKN,aAAW,CAACO,QAAQ;AAAE,MAAA,OAAO,2BAA2B,CAAA;AAC7D,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AACtB,GAAA;AACF,CAAA;AAEO,SAASC,qBAAqBA,CAACC,IAAiB,EAAU;AAC/D,EAAA,QAAQA,IAAI;IACV,KAAKR,aAAW,CAACS,GAAG;AAAE,MAAA,OAAO,sBAAsB,CAAA;IACnD,KAAKT,aAAW,CAACU,KAAK;AAAE,MAAA,OAAO,wBAAwB,CAAA;AACvD,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AACtB,GAAA;AACF;;ACRO,MAAMX,WAAW,GAAGY,cAAY;AAChC,MAAMX,WAAW,GAAGY,cAAY;AAWxB,SAASC,MAAMA,CAAAC,IAAA,EAOA;EAAA,IAPC;IAC7BC,SAAS;IACTb,IAAI,GAAGH,WAAW,CAACI,OAAO;IAC1BK,IAAI,GAAGR,WAAW,CAACS,GAAG;AACtBO,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGA,MAAM,YAAE;AACP,GAAC,GAAAJ,IAAA,CAAA;AACZ,EAAA,MAAMK,mBAAmB,GAAG,CAC1B,IAAKC,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAIA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACzD,iBAAiB,EAChBE,QAAQ,GAAG,2BAA2B,GAAG,EAAE,EAC5ChB,qBAAqB,CAACC,IAAI,CAAC,EAC3BK,qBAAqB,CAACC,IAAI,CAAC,CAC5B,CAACc,IAAI,CAAC,GAAG,CAAC,CAAA;EAEX,oBACEC,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACET,IAAAA,SAAS,EAAEI,mBAAoB;AAC/BjB,IAAAA,IAAI,EAAC,QAAQ;AACbgB,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBM,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AACJV,IAAAA,SAAS,EAAC,uBAAuB;IACjCb,IAAI,EAAEwB,eAAe,CAACC,QAAS;IAC/BC,KAAK,EAAEC,WAAW,CAACC,WAAAA;GAElBd,EAAAA,QACI,CACD,CAAC,CAAA;AAEb;;;;"}
+{"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","_ref","className","children","disabled","onClick","injectingClassNames","Array","isArray","join","React","createElement","Label","LabelTypography","BUTTON_1","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;AAAYA,IAAAA,aAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAXA,WAAW,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAMXC,IAAAA,aAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,CAAA;;ACJhB,SAASC,qBAAqBA,CAACC,IAAiB,EAAU;AAC/D,EAAA,QAAQA,IAAI;IACV,KAAKH,aAAW,CAACI,OAAO;AAAE,MAAA,OAAO,0BAA0B,CAAA;IAC3D,KAAKJ,aAAW,CAACK,SAAS;AAAE,MAAA,OAAO,4BAA4B,CAAA;IAC/D,KAAKL,aAAW,CAACM,MAAM;AAAE,MAAA,OAAO,yBAAyB,CAAA;IACzD,KAAKN,aAAW,CAACO,QAAQ;AAAE,MAAA,OAAO,2BAA2B,CAAA;AAC7D,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAEzB,CAAA;AAEO,SAASC,qBAAqBA,CAACC,IAAiB,EAAU;AAC/D,EAAA,QAAQA,IAAI;IACV,KAAKR,aAAW,CAACS,GAAG;AAAE,MAAA,OAAO,sBAAsB,CAAA;IACnD,KAAKT,aAAW,CAACU,KAAK;AAAE,MAAA,OAAO,wBAAwB,CAAA;AACvD,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAEzB;;ACRO,MAAMX,WAAW,GAAGY,cAAY;AAChC,MAAMX,WAAW,GAAGY,cAAY;AAWxB,SAASC,MAAMA,CAAAC,IAAA,EAOA;EAAA,IAPC;IAC7BC,SAAS;IACTb,IAAI,GAAGH,WAAW,CAACI,OAAO;IAC1BK,IAAI,GAAGR,WAAW,CAACS,GAAG;AACtBO,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGA,MAAM,YAAE;AACP,GAAC,GAAAJ,IAAA,CAAA;AACZ,EAAA,MAAMK,mBAAmB,GAAG,CAC1B,IAAKC,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAIA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACzD,iBAAiB,EAChBE,QAAQ,GAAG,2BAA2B,GAAG,EAAE,EAC5ChB,qBAAqB,CAACC,IAAI,CAAC,EAC3BK,qBAAqB,CAACC,IAAI,CAAC,CAC5B,CAACc,IAAI,CAAC,GAAG,CAAC,CAAA;EAEX,oBACEC,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACET,IAAAA,SAAS,EAAEI,mBAAoB;AAC/BjB,IAAAA,IAAI,EAAC,QAAQ;AACbgB,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBM,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AACJV,IAAAA,SAAS,EAAC,uBAAuB;IACjCb,IAAI,EAAEwB,eAAe,CAACC,QAAS;IAC/BC,KAAK,EAAEC,WAAW,CAACC,WAAAA;GAElBd,EAAAA,QAAQ,CACH,CACD,CAAA;AAEb;;;;"}

package/ui/ChannelAvatar.js

@@ -1,9 +1,9 @@
 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-670974e1.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-3245985d.js';
 import './ImageRenderer.js';
-import '../uuid-5c7f30bd.js';
+import '../uuid-abddae2d.js';
 import 'prop-types';
 
 function ChannelAvatar(_ref) {

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","_ref","channel","userId","theme","width","height","isBroadcast","memoizedAvatar","useMemo","utils","React","createElement","className","style","display","justifyContent","alignItems","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","CONTENT","Avatar","src","alt","name","members","coverUrl","Fragment"],"mappings":";;;;;;;;AAkBA,SAASA,aAAaA,CAAAC,IAAA,EAMC;EAAA,IANA;IACrBC,OAAO;IACPC,MAAM;IACNC,KAAK;AACLC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,MAAM,GAAG,EAAA;AACJ,GAAC,GAAAL,IAAA,CAAA;EACN,MAAMM,WAAW,GAAGL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEK,WAAW,CAAA;AACxC,EAAA,MAAMC,cAAc,GAAGC,OAAO,CAAC,MAC7BF,WAAW,GAEPG,qBAA2B,CAACR,OAAO,CAAC,gBAEhCS,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,sCAAsC;AAChDC,IAAAA,KAAK,EAAE;MACLT,KAAK;MACLC,MAAM;AACNS,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,UAAU,EAAE,QAAA;AACd,KAAA;AAAE,GAAA,eAEFN,cAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACC,SAAU;IAC1BC,SAAS,EAAEC,UAAU,CAACC,OAAQ;IAC9BnB,KAAK,EAAEA,KAAK,GAAG,KAAM;IACrBC,MAAM,EAAEA,MAAM,GAAG,KAAA;AAAM,GACxB,CACE,CAAC,gBAGNK,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,IAAAA,SAAS,EAAC,iDAAiD;IAC3Da,GAAG,EAAEhB,sBAA4B,CAACR,OAAO,EAAEC,MAAM,CAAE;AACnDE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,MAAM,EAAEA,MAAO;AACfqB,IAAAA,GAAG,EAAEzB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE0B,IAAAA;AAAK,GACpB,CACF,gBAGHjB,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,IAAAA,SAAS,EAAC,6CAA6C;IACvDa,GAAG,EAAEhB,sBAA4B,CAACR,OAAO,EAAEC,MAAM,CAAE;IACnDE,KAAK,EAAG,CAAEA,EAAAA,KAAM,CAAI,EAAA,CAAA;IACpBC,MAAM,EAAG,CAAEA,EAAAA,MAAO,CAAI,EAAA,CAAA;AACtBqB,IAAAA,GAAG,EAAEzB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE0B,IAAAA;GACf,CAEN,EAAE,CAAC1B,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE2B,OAAO,EAAE3B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE4B,QAAQ,EAAE1B,KAAK,CAAC,CAAC,CAAA;EAChD,oBACEO,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAoB,QAAA,EAAIvB,IAAAA,EAAAA,cAAkB,CAAC,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","_ref","channel","userId","theme","width","height","isBroadcast","memoizedAvatar","useMemo","utils","React","createElement","className","style","display","justifyContent","alignItems","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","CONTENT","Avatar","src","alt","name","members","coverUrl","Fragment"],"mappings":";;;;;;;;AAkBA,SAASA,aAAaA,CAAAC,IAAA,EAMC;EAAA,IANA;IACrBC,OAAO;IACPC,MAAM;IACNC,KAAK;AACLC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,MAAM,GAAG,EAAA;AACJ,GAAC,GAAAL,IAAA,CAAA;EACN,MAAMM,WAAW,GAAGL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEK,WAAW,CAAA;AACxC,EAAA,MAAMC,cAAc,GAAGC,OAAO,CAAC,MAC7BF,WAAW,GAEPG,qBAA2B,CAACR,OAAO,CAAC,gBAEhCS,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,sCAAsC;AAChDC,IAAAA,KAAK,EAAE;MACLT,KAAK;MACLC,MAAM;AACNS,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,UAAU,EAAE,QAAA;AACd,KAAA;AAAE,GAAA,eAEFN,cAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACC,SAAU;IAC1BC,SAAS,EAAEC,UAAU,CAACC,OAAQ;IAC9BnB,KAAK,EAAEA,KAAK,GAAG,KAAM;IACrBC,MAAM,EAAEA,MAAM,GAAG,KAAA;AAAM,GAAA,CACvB,CACE,gBAGNK,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,IAAAA,SAAS,EAAC,iDAAiD;IAC3Da,GAAG,EAAEhB,sBAA4B,CAACR,OAAO,EAAEC,MAAM,CAAE;AACnDE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,MAAM,EAAEA,MAAO;AACfqB,IAAAA,GAAG,EAAEzB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE0B,IAAAA;AAAK,GAAA,CAEtB,gBAGHjB,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,IAAAA,SAAS,EAAC,6CAA6C;IACvDa,GAAG,EAAEhB,sBAA4B,CAACR,OAAO,EAAEC,MAAM,CAAE;IACnDE,KAAK,EAAG,CAAEA,EAAAA,KAAM,CAAI,EAAA,CAAA;IACpBC,MAAM,EAAG,CAAEA,EAAAA,MAAO,CAAI,EAAA,CAAA;AACtBqB,IAAAA,GAAG,EAAEzB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE0B,IAAAA;GAGrB,CAAA,EAAE,CAAC1B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE2B,OAAO,EAAE3B,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE4B,QAAQ,EAAE1B,KAAK,CAAC,CAAC,CAAA;EAChD,oBACEO,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAoB,QAAA,EAAIvB,IAAAA,EAAAA,cAAc,CAAK,CAAA;AAE3B;;;;"}

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","_ref","id","checked","disabled","onChange","isChecked","setIsCheck","useState","React","createElement","className","join","htmlFor","type","onClick"],"mappings":";;AAUe,SAASA,QAAQA,CAAAC,IAAA,EAKA;EAAA,IALC;IAC/BC,EAAE;AACFC,IAAAA,OAAO,GAAG,KAAK;IACfC,QAAQ;AACRC,IAAAA,QAAAA;AACa,GAAC,GAAAJ,IAAA,CAAA;EACd,MAAM,CAACK,SAAS,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAACL,OAAO,CAAC,CAAA;EACjD,oBACEM,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,mBAAmB,EACnBP,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACQ,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,OAAO,EAAEX,EAAAA;GAETO,eAAAA,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEN,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,EAAE,EAAEA,EAAG;AACPY,IAAAA,IAAI,EAAC,UAAU;AACfX,IAAAA,OAAO,EAAEG,SAAU;IACnBS,OAAO,EAAEA,MAAM;AACb,MAAA,IAAI,CAACX,QAAQ,EAAEG,UAAU,CAAC,CAACD,SAAS,CAAC,CAAA;KACrC;AACFD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GACpB,CAAC,eACFI,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,8BAA8B,EAC9BP,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACQ,IAAI,CAAC,GAAG,CAAA;AAAE,GACb,CACI,CAAC,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","_ref","id","checked","disabled","onChange","isChecked","setIsCheck","useState","React","createElement","className","join","htmlFor","type","onClick"],"mappings":";;AAUe,SAASA,QAAQA,CAAAC,IAAA,EAKA;EAAA,IALC;IAC/BC,EAAE;AACFC,IAAAA,OAAO,GAAG,KAAK;IACfC,QAAQ;AACRC,IAAAA,QAAAA;AACa,GAAC,GAAAJ,IAAA,CAAA;EACd,MAAM,CAACK,SAAS,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAACL,OAAO,CAAC,CAAA;EACjD,oBACEM,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,mBAAmB,EACnBP,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACQ,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,OAAO,EAAEX,EAAAA;GAETO,eAAAA,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEN,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,EAAE,EAAEA,EAAG;AACPY,IAAAA,IAAI,EAAC,UAAU;AACfX,IAAAA,OAAO,EAAEG,SAAU;IACnBS,OAAO,EAAEA,MAAM;AACb,MAAA,IAAI,CAACX,QAAQ,EAAEG,UAAU,CAAC,CAACD,SAAS,CAAC,CAAA;KACrC;AACFD,IAAAA,QAAQ,EAAEA,QAAAA;GACV,CAAA,eACFI,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,8BAA8B,EAC9BP,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACQ,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,CACZ,CACI,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-062a4eeb.js';
-import { a as LocalizationContext } from '../LocalizationContext-ad70364c.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3f4521c1.js';
+import { a as LocalizationContext } from '../LocalizationContext-7ae12588.js';
 import 'prop-types';
-import '../stringSet-da68ecef.js';
-import '../index-794e37e5.js';
+import '../stringSet-6c589018.js';
+import '../index-82009149.js';
 
 function ConnectionStatus() {
   const {

package/ui/ConnectionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionStatus.js","sources":["../../src/ui/ConnectionStatus/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport './index.scss';\n\nfunction ConnectionStatus(): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-connection-status\">\n      <Label\n        type={LabelTypography.BODY_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.TRYING_TO_CONNECT}\n      </Label>\n      <Icon\n        type={IconTypes.DISCONNECTED}\n        fillColor={IconColors.SENT}\n        width=\"14px\"\n        height=\"14px\"\n      />\n    </div>\n  );\n}\n\nexport default ConnectionStatus;\n"],"names":["ConnectionStatus","stringSet","useContext","LocalizationContext","React","createElement","className","Label","type","LabelTypography","BODY_2","color","LabelColors","ONBACKGROUND_2","TRYING_TO_CONNECT","Icon","IconTypes","DISCONNECTED","fillColor","IconColors","SENT","width","height"],"mappings":";;;;;;;;AAQA,SAASA,gBAAgBA,GAAiB;EACxC,MAAM;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,eACzCF,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;IACJC,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBZ,EAAAA,SAAS,CAACa,iBACN,CAAC,eACRV,cAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;IACHP,IAAI,EAAEQ,SAAS,CAACC,YAAa;IAC7BC,SAAS,EAAEC,UAAU,CAACC,IAAK;AAC3BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GACd,CACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ConnectionStatus.js","sources":["../../src/ui/ConnectionStatus/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport './index.scss';\n\nfunction ConnectionStatus(): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-connection-status\">\n      <Label\n        type={LabelTypography.BODY_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.TRYING_TO_CONNECT}\n      </Label>\n      <Icon\n        type={IconTypes.DISCONNECTED}\n        fillColor={IconColors.SENT}\n        width=\"14px\"\n        height=\"14px\"\n      />\n    </div>\n  );\n}\n\nexport default ConnectionStatus;\n"],"names":["ConnectionStatus","stringSet","useContext","LocalizationContext","React","createElement","className","Label","type","LabelTypography","BODY_2","color","LabelColors","ONBACKGROUND_2","TRYING_TO_CONNECT","Icon","IconTypes","DISCONNECTED","fillColor","IconColors","SENT","width","height"],"mappings":";;;;;;;;AAQA,SAASA,gBAAgBA,GAAiB;EACxC,MAAM;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,eACzCF,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;IACJC,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBZ,EAAAA,SAAS,CAACa,iBAAiB,CACtB,eACRV,cAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;IACHP,IAAI,EAAEQ,SAAS,CAACC,YAAa;IAC7BC,SAAS,EAAEC,UAAU,CAACC,IAAK;AAC3BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CACb,CACE,CAAA;AAEV;;;;"}

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { a as _defineProperty, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-5d0c716a.js';
+import { a as _defineProperty, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-96062e23.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { j as getClassName } from '../index-303eca35.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-062a4eeb.js';
-import '../uuid-5c7f30bd.js';
+import { j as getClassName } from '../index-5807e969.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3f4521c1.js';
+import '../uuid-abddae2d.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-da68ecef.js';
+import '../stringSet-6c589018.js';
 
 // padding to handle height of last item in message-list
 const HEIGHT_PADDING = 60;

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\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","React","Component","constructor","props","_defineProperty","createRef","closeDropdown","menuRef","handleClickOutside","event","_menuRef$current","_menuRef$current$cont","current","contains","call","target","setState","document","addEventListener","state","removeEventListener","_parentRef$current","_parentRef$current$ge","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","innerHeight","window","rect","height","width","padding","Number","isNaN","componentDidMount","setupEvents","getMenuPosition","componentWillUnmount","cleanUpEvents","render","_this$props","children","style","className","createPortal","createElement","ref","_objectSpread","display","position","Math","round","getElementById","EmojiListItems","_ref","parentContainRef","spaceFromTrigger","reactionStyle","setReactionStyle","useState","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","_reactionRef$current","_reactionRef$current$","spaceFromTriggerX","spaceFromTriggerY","_reactionRef$current2","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","_ref2","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?: (func: MenuDisplayingFunc) => ReactElement;\n  menuItems: (func: 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","React","Component","constructor","props","_defineProperty","createRef","closeDropdown","menuRef","handleClickOutside","event","_menuRef$current","_menuRef$current$cont","current","contains","call","target","setState","document","addEventListener","state","removeEventListener","_parentRef$current","_parentRef$current$ge","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","innerHeight","window","rect","height","width","padding","Number","isNaN","componentDidMount","setupEvents","getMenuPosition","componentWillUnmount","cleanUpEvents","render","_this$props","children","style","className","createPortal","createElement","ref","_objectSpread","display","position","Math","round","getElementById","EmojiListItems","_ref","parentContainRef","spaceFromTrigger","reactionStyle","setReactionStyle","useState","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","_reactionRef$current","_reactionRef$current$","spaceFromTriggerX","spaceFromTriggerY","_reactionRef$current2","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","_ref2","menuTrigger","menuItems","isOpen","showMenu","setShowMenu"],"mappings":"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"}

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-c30f00bf.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-062a4eeb.js';
+import { C as Colors, c as changeColorToClassName } from '../color-d6b38e25.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3f4521c1.js';
 import 'prop-types';
-import '../stringSet-da68ecef.js';
+import '../stringSet-6c589018.js';
 
 const DateSeparator = _ref => {
   let {

package/ui/DateSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateSeparator.js","sources":["../../src/ui/DateSeparator/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface DateSeparatorProps {\n  children?: string | ReactElement;\n  className?: string | Array<string>;\n  separatorColor?: Colors;\n}\nconst DateSeparator = ({\n  children = null,\n  className = '',\n  separatorColor = Colors.ONBACKGROUND_4,\n}: DateSeparatorProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-separator',\n      ].join(' ')}\n    >\n      <div className={['sendbird-separator__left', `${changeColorToClassName(separatorColor)}--background-color`].join(' ')} />\n      <div className=\"sendbird-separator__text\">\n        {\n          children\n          || (\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              Date Separator\n            </Label>\n          )\n        }\n      </div>\n      <div className={['sendbird-separator__right', `${changeColorToClassName(separatorColor)}--background-color`].join(' ')} />\n    </div>\n  );\n};\n\nexport default DateSeparator;\n"],"names":["DateSeparator","_ref","children","className","separatorColor","Colors","ONBACKGROUND_4","React","createElement","Array","isArray","join","changeColorToClassName","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;AAgBMA,MAAAA,aAAa,GAAGC,IAAA,IAIkB;EAAA,IAJjB;AACrBC,IAAAA,QAAQ,GAAG,IAAI;AACfC,IAAAA,SAAS,GAAG,EAAE;IACdC,cAAc,GAAGC,MAAM,CAACC,cAAAA;AACN,GAAC,GAAAL,IAAA,CAAA;EACnB,oBACEM,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEL,SAAS,EAAE,CACT,IAAIM,KAAK,CAACC,OAAO,CAACP,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,oBAAoB,CACrB,CAACQ,IAAI,CAAC,GAAG,CAAA;GAEVJ,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAE,CAAC,0BAA0B,EAAG,GAAES,sBAAsB,CAACR,cAAc,CAAE,CAAmB,kBAAA,CAAA,CAAC,CAACO,IAAI,CAAC,GAAG,CAAA;AAAE,GAAE,CAAC,eACzHJ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAC,0BAAA;AAA0B,GAAA,EAErCD,QAAQ,iBAENK,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;IAACC,IAAI,EAAEC,eAAe,CAACC,SAAU;IAACC,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAAe,GAAA,EAAC,gBAEpE,CAGR,CAAC,eACNZ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAE,CAAC,2BAA2B,EAAG,GAAES,sBAAsB,CAACR,cAAc,CAAE,CAAmB,kBAAA,CAAA,CAAC,CAACO,IAAI,CAAC,GAAG,CAAA;AAAE,GAAE,CACtH,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"DateSeparator.js","sources":["../../src/ui/DateSeparator/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface DateSeparatorProps {\n  children?: string | ReactElement;\n  className?: string | Array<string>;\n  separatorColor?: Colors;\n}\nconst DateSeparator = ({\n  children = null,\n  className = '',\n  separatorColor = Colors.ONBACKGROUND_4,\n}: DateSeparatorProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-separator',\n      ].join(' ')}\n    >\n      <div className={['sendbird-separator__left', `${changeColorToClassName(separatorColor)}--background-color`].join(' ')} />\n      <div className=\"sendbird-separator__text\">\n        {\n          children\n          || (\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              Date Separator\n            </Label>\n          )\n        }\n      </div>\n      <div className={['sendbird-separator__right', `${changeColorToClassName(separatorColor)}--background-color`].join(' ')} />\n    </div>\n  );\n};\n\nexport default DateSeparator;\n"],"names":["DateSeparator","_ref","children","className","separatorColor","Colors","ONBACKGROUND_4","React","createElement","Array","isArray","join","changeColorToClassName","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;AAgBMA,MAAAA,aAAa,GAAGC,IAAA,IAIkB;EAAA,IAJjB;AACrBC,IAAAA,QAAQ,GAAG,IAAI;AACfC,IAAAA,SAAS,GAAG,EAAE;IACdC,cAAc,GAAGC,MAAM,CAACC,cAAAA;AACN,GAAC,GAAAL,IAAA,CAAA;EACnB,oBACEM,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEL,SAAS,EAAE,CACT,IAAIM,KAAK,CAACC,OAAO,CAACP,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,oBAAoB,CACrB,CAACQ,IAAI,CAAC,GAAG,CAAA;GAEVJ,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAE,CAAC,0BAA0B,EAAG,GAAES,sBAAsB,CAACR,cAAc,CAAE,CAAmB,kBAAA,CAAA,CAAC,CAACO,IAAI,CAAC,GAAG,CAAA;GAAK,CAAA,eACzHJ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAC,0BAAA;AAA0B,GAAA,EAErCD,QAAQ,iBAENK,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;IAACC,IAAI,EAAEC,eAAe,CAACC,SAAU;IAACC,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAAe,GAAA,EAAC,gBAE3E,CACD,CAEC,eACNZ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAE,CAAC,2BAA2B,EAAG,GAAES,sBAAsB,CAACR,cAAc,CAAE,CAAmB,kBAAA,CAAA,CAAC,CAACO,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,CAAG,CACtH,CAAA;AAEV;;;;"}

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-303eca35.js';
-import { a as LocalizationContext } from '../LocalizationContext-ad70364c.js';
-import '../index-062a4eeb.js';
+import { H as getEmojiMapAll, j as getClassName, I as isReactedBy, J as getEmojiTooltipString, y as getEmojiListAll } from '../index-5807e969.js';
+import { a as LocalizationContext } from '../LocalizationContext-7ae12588.js';
+import '../index-3f4521c1.js';
 import 'prop-types';
-import '../stringSet-da68ecef.js';
-import '../_rollupPluginBabelHelpers-5d0c716a.js';
+import '../stringSet-6c589018.js';
+import '../_rollupPluginBabelHelpers-96062e23.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-5c7f30bd.js';
+import '../uuid-abddae2d.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-794e37e5.js';
+import '../index-82009149.js';
 
 const EmojiReactions = _ref => {
   var _message$reactions, _message$reactions2;

package/ui/EmojiReactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiReactions.js","sources":["../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll, getEmojiTooltipString, isReactedBy } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  message: UserMessage | FileMessage;\n  emojiContainer: EmojiContainer;\n  memberNicknamesMap: Map<string, string>;\n  spaceFromTrigger?: { x: number, y: number };\n  isByMe?: boolean;\n  toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n}\n\nconst EmojiReactions = ({\n  className,\n  userId,\n  message,\n  emojiContainer,\n  memberNicknamesMap,\n  spaceFromTrigger = { x: 0, y: 0 },\n  isByMe = false,\n  toggleReaction,\n}: Props): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  const emojisMap = getEmojiMapAll(emojiContainer);\n  const addReactionRef = useRef(null);\n\n  return (\n    <div className={getClassName([\n      className, 'sendbird-emoji-reactions',\n      isByMe ? 'outgoing' : 'incoming',\n    ])}>\n      {(message?.reactions?.length > 0) && (\n        message.reactions.map((reaction: Reaction): ReactElement => {\n          const reactedByMe = isReactedBy(userId, reaction);\n          return (\n            <TooltipWrapper\n              className=\"sendbird-emoji-reactions__reaction-badge\"\n              key={reaction?.key}\n              hoverTooltip={(reaction?.userIds?.length > 0) && (\n                <Tooltip>\n                  {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n                </Tooltip>\n              )}\n            >\n              <ReactionBadge\n                count={reaction.userIds.length}\n                selected={reactedByMe}\n                onClick={(e) => {\n                  toggleReaction(message, reaction.key, reactedByMe);\n                  e?.stopPropagation?.();\n                }}\n              >\n                <ImageRenderer\n                  circle\n                  url={emojisMap.get(reaction?.key)?.url || ''}\n                  width=\"20px\"\n                  height=\"20px\"\n                  defaultComponent={(\n                    <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n                  )}\n                />\n              </ReactionBadge>\n            </TooltipWrapper>\n          );\n        })\n      )}\n      {(message?.reactions?.length < emojisMap.size) && (\n        <ContextMenu\n          menuTrigger={(toggleDropdown: () => void): ReactElement => (\n            <ReactionBadge\n              className=\"sendbird-emoji-reactions__add-reaction-badge\"\n              ref={addReactionRef}\n              isAdd\n              onClick={(e) => {\n                toggleDropdown();\n                e?.stopPropagation?.();\n              }}\n            >\n              <Icon\n                type={IconTypes.EMOJI_MORE}\n                fillColor={IconColors.ON_BACKGROUND_3}\n                width=\"20px\"\n                height=\"20px\"\n              />\n            </ReactionBadge>\n          )}\n          menuItems={(closeDropdown: () => void): ReactElement => (\n            <EmojiListItems\n              parentRef={addReactionRef}\n              parentContainRef={addReactionRef}\n              closeDropdown={closeDropdown}\n              spacefromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = (message?.reactions?.\n                  find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds?.\n                  some((reactorId: string): boolean => reactorId === userId));\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={(e): void => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                      e?.stopPropagation();\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji?.url || ''}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style: Record<string, unknown>): ReactElement => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          )}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default EmojiReactions;\n"],"names":["EmojiReactions","_ref","_message$reactions","_message$reactions2","className","userId","message","emojiContainer","memberNicknamesMap","spaceFromTrigger","x","y","isByMe","toggleReaction","stringSet","useContext","LocalizationContext","emojisMap","getEmojiMapAll","addReactionRef","useRef","React","createElement","getClassName","reactions","length","map","reaction","_reaction$userIds","_emojisMap$get","reactedByMe","isReactedBy","TooltipWrapper","key","hoverTooltip","userIds","Tooltip","getEmojiTooltipString","ReactionBadge","count","selected","onClick","e","_e$stopPropagation","stopPropagation","call","ImageRenderer","circle","url","get","width","height","defaultComponent","Icon","type","IconTypes","QUESTION","size","ContextMenu","menuTrigger","toggleDropdown","ref","isAdd","_e$stopPropagation2","EMOJI_MORE","fillColor","IconColors","ON_BACKGROUND_3","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef","spacefromTrigger","getEmojiListAll","emoji","_message$reactions3","_message$reactions3$f","_message$reactions3$f2","isReacted","find","some","reactorId","ReactionButton","placeHolder","style"],"mappings":"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"}
+{"version":3,"file":"EmojiReactions.js","sources":["../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll, getEmojiTooltipString, isReactedBy } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  message: UserMessage | FileMessage;\n  emojiContainer: EmojiContainer;\n  memberNicknamesMap: Map<string, string>;\n  spaceFromTrigger?: { x: number, y: number };\n  isByMe?: boolean;\n  toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n}\n\nconst EmojiReactions = ({\n  className,\n  userId,\n  message,\n  emojiContainer,\n  memberNicknamesMap,\n  spaceFromTrigger = { x: 0, y: 0 },\n  isByMe = false,\n  toggleReaction,\n}: Props): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  const emojisMap = getEmojiMapAll(emojiContainer);\n  const addReactionRef = useRef(null);\n\n  return (\n    <div className={getClassName([\n      className, 'sendbird-emoji-reactions',\n      isByMe ? 'outgoing' : 'incoming',\n    ])}>\n      {(message?.reactions?.length > 0) && (\n        message.reactions.map((reaction: Reaction): ReactElement => {\n          const reactedByMe = isReactedBy(userId, reaction);\n          return (\n            <TooltipWrapper\n              className=\"sendbird-emoji-reactions__reaction-badge\"\n              key={reaction?.key}\n              hoverTooltip={(reaction?.userIds?.length > 0) && (\n                <Tooltip>\n                  {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n                </Tooltip>\n              )}\n            >\n              <ReactionBadge\n                count={reaction.userIds.length}\n                selected={reactedByMe}\n                onClick={(e) => {\n                  toggleReaction(message, reaction.key, reactedByMe);\n                  e?.stopPropagation?.();\n                }}\n              >\n                <ImageRenderer\n                  circle\n                  url={emojisMap.get(reaction?.key)?.url || ''}\n                  width=\"20px\"\n                  height=\"20px\"\n                  defaultComponent={(\n                    <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n                  )}\n                />\n              </ReactionBadge>\n            </TooltipWrapper>\n          );\n        })\n      )}\n      {(message?.reactions?.length < emojisMap.size) && (\n        <ContextMenu\n          menuTrigger={(toggleDropdown: () => void): ReactElement => (\n            <ReactionBadge\n              className=\"sendbird-emoji-reactions__add-reaction-badge\"\n              ref={addReactionRef}\n              isAdd\n              onClick={(e) => {\n                toggleDropdown();\n                e?.stopPropagation?.();\n              }}\n            >\n              <Icon\n                type={IconTypes.EMOJI_MORE}\n                fillColor={IconColors.ON_BACKGROUND_3}\n                width=\"20px\"\n                height=\"20px\"\n              />\n            </ReactionBadge>\n          )}\n          menuItems={(closeDropdown: () => void): ReactElement => (\n            <EmojiListItems\n              parentRef={addReactionRef}\n              parentContainRef={addReactionRef}\n              closeDropdown={closeDropdown}\n              spacefromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = (message?.reactions\n                  ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n                  ?.some((reactorId: string): boolean => reactorId === userId));\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={(e): void => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                      e?.stopPropagation();\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji?.url || ''}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style: Record<string, unknown>): ReactElement => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          )}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default EmojiReactions;\n"],"names":["EmojiReactions","_ref","_message$reactions","_message$reactions2","className","userId","message","emojiContainer","memberNicknamesMap","spaceFromTrigger","x","y","isByMe","toggleReaction","stringSet","useContext","LocalizationContext","emojisMap","getEmojiMapAll","addReactionRef","useRef","React","createElement","getClassName","reactions","length","map","reaction","_reaction$userIds","_emojisMap$get","reactedByMe","isReactedBy","TooltipWrapper","key","hoverTooltip","userIds","Tooltip","getEmojiTooltipString","ReactionBadge","count","selected","onClick","e","_e$stopPropagation","stopPropagation","call","ImageRenderer","circle","url","get","width","height","defaultComponent","Icon","type","IconTypes","QUESTION","size","ContextMenu","menuTrigger","toggleDropdown","ref","isAdd","_e$stopPropagation2","EMOJI_MORE","fillColor","IconColors","ON_BACKGROUND_3","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef","spacefromTrigger","getEmojiListAll","emoji","_message$reactions3","_message$reactions3$f","_message$reactions3$f2","isReacted","find","some","reactorId","ReactionButton","placeHolder","style"],"mappings":"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"}

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-062a4eeb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-3f4521c1.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-303eca35.js';
-import { C as Colors } from '../color-c30f00bf.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-4e555ef5.js';
+import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-5807e969.js';
+import { C as Colors } from '../color-d6b38e25.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-05d4db73.js';
 import 'prop-types';
-import '../stringSet-da68ecef.js';
-import '../_rollupPluginBabelHelpers-5d0c716a.js';
+import '../stringSet-6c589018.js';
+import '../_rollupPluginBabelHelpers-96062e23.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function FileMessageItemBody(_ref) {

package/ui/FileMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  truncateLimit = null,\n}: Props): ReactElement {\n  const { isMobile } = useMediaQueryContext();\n  const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-file-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <div className=\"sendbird-file-message-item-body__file-icon\">\n        <Icon\n          className=\"sendbird-file-message-item-body__file-icon__icon\"\n          type={{\n            IMAGE: IconTypes.PHOTO,\n            VIDEO: IconTypes.PLAY,\n            AUDIO: IconTypes.FILE_AUDIO,\n            GIF: IconTypes.GIF,\n            OTHERS: IconTypes.FILE_DOCUMENT,\n          }[getUIKitFileType(message?.type)]}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n      <TextButton\n        className=\"sendbird-file-message-item-body__file-name\"\n        onClick={() => { window.open(message?.url) }}\n        color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n      >\n        <Label\n          className=\"sendbird-file-message-item-body__file-name__text\"\n          type={LabelTypography.BODY_1}\n          color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n        >\n          {truncateString(message?.name || message?.url, truncateMaxNum)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","createElement","getClassName","reactions","length","Icon","type","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","url","color","Colors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":"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"}
+{"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  truncateLimit = null,\n}: Props): ReactElement {\n  const { isMobile } = useMediaQueryContext();\n  const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-file-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <div className=\"sendbird-file-message-item-body__file-icon\">\n        <Icon\n          className=\"sendbird-file-message-item-body__file-icon__icon\"\n          type={{\n            IMAGE: IconTypes.PHOTO,\n            VIDEO: IconTypes.PLAY,\n            AUDIO: IconTypes.FILE_AUDIO,\n            GIF: IconTypes.GIF,\n            OTHERS: IconTypes.FILE_DOCUMENT,\n          }[getUIKitFileType(message?.type)]}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n      <TextButton\n        className=\"sendbird-file-message-item-body__file-name\"\n        onClick={() => { window.open(message?.url); }}\n        color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n      >\n        <Label\n          className=\"sendbird-file-message-item-body__file-name__text\"\n          type={LabelTypography.BODY_1}\n          color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n        >\n          {truncateString(message?.name || message?.url, truncateMaxNum)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","createElement","getClassName","reactions","length","Icon","type","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","url","color","Colors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":"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"}