@sendbird/uikit-react 3.2.0-rc.0 → 3.2.0-rc.2

package/ui/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","sources":["../../src/ui/Accordion/AccordionGroup.tsx"],"sourcesContent":["// Wraps all the accordions in an accordion set\n// keep one accordion open at a time\nimport React, { ReactElement, useState } from 'react';\n\nimport { Provider } from './context';\n\ninterface Props {\n  children: Array<ReactElement> | ReactElement;\n  className?: string;\n}\n\nexport default function AccordionGroup({\n  children,\n  className = '',\n}: Props): ReactElement {\n  const [opened, setOpened] = useState('');\n  return (\n    <Provider value={{ opened, setOpened }}>\n      <div className={className}>{ children }</div>\n    </Provider>\n  )\n}\n"],"names":["AccordionGroup","_a","children","_b","className","_c","useState","opened","setOpened","React"],"mappings":";;;;AAAA;SAWwBA,eAAeC;MACrCC,QAAQ;MACRC;MAAAC,SAAS,mBAAG;;EAEN,IAAAC,KAAsBC,QAAQ,CAAC,EAAD,CAA9B;MAACC,MAAM,QAAP;MAASC,SAAS,QAAlB;;EACN,oBACEC,6BAAC,QAAD;IAAU,KAAK,EAAE;MAAEF,MAAM,QAAR;MAAUC,SAAS;;kBAClCC;IAAK,SAAS,EAAEL;KAAaF,QAA7B,CADF,CADF;AAKD;;;;"}
+{"version":3,"file":"AccordionGroup.js","sources":["../../src/ui/Accordion/AccordionGroup.tsx"],"sourcesContent":["// Wraps all the accordions in an accordion set\n// keep one accordion open at a time\nimport React, { ReactElement, useState } from 'react';\n\nimport { Provider } from './context';\n\ninterface Props {\n  children: Array<ReactElement> | ReactElement;\n  className?: string;\n}\n\nexport default function AccordionGroup({\n  children,\n  className = '',\n}: Props): ReactElement {\n  const [opened, setOpened] = useState('');\n  return (\n    <Provider value={{ opened, setOpened }}>\n      <div className={className}>{ children }</div>\n    </Provider>\n  )\n}\n"],"names":["AccordionGroup","_a","children","_b","className","_c","useState","opened","setOpened","React"],"mappings":";;;;AAAA;AAWwB,SAAAA,cAAA,CAAeC,EAAf,EAGhB;AAFN,EAAA,IAAAC,QAAQ,cAAR;AAAA,MACAC,EAAA,GAAAF,EAAA,CAAAG,SADA;MACAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EADd,CAAA;;AAGM,EAAA,IAAAE,EAAA,GAAsBC,QAAQ,CAAC,EAAD,CAA9B;AAAA,MAACC,MAAM,GAAAF,EAAA,CAAA,CAAA,CAAP;AAAA,MAASG,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAlB,CAAA;;AACN,EAAA,oBACEI,6BAAC,QAAD,EAAA;AAAU,IAAA,KAAK,EAAE;AAAEF,MAAAA,MAAM,QAAR;AAAUC,MAAAA,SAAS,EAAAA,SAAAA;AAAnB,KAAA;GACf,eAAAC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEL,SAAAA;GAAaF,EAAAA,QAA7B,CADF,CADF,CAAA;AAKD;;;;"}

package/ui/AdminMessage.js

@@ -1,9 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
+import { a as __spreadArray } from '../tslib.es6-c49bbc0a.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-327e2586.js';
 import 'prop-types';
-import '../stringSet-dc330bcf.js';
+import '../stringSet-6e7f0195.js';
 
 function AdminMessage(_a) {
   var _b;

package/ui/AdminMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminMessage.js","sources":["../../src/ui/AdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage as AdminMessageType } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface AdminMessageProps {\n  className: string | Array<string>;\n  message: AdminMessageType;\n}\n\nexport default function AdminMessage({\n  className = '',\n  message,\n}: AdminMessageProps): ReactElement {\n  if (!(message?.isAdminMessage || message?.messageType) || !message?.isAdminMessage?.() || message?.messageType !== 'admin') {\n    return null;\n  }\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message?.message}\n      </Label>\n    </div>\n  );\n}\n"],"names":["AdminMessage","_a","_c","className","message","isAdminMessage","messageType","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;SAWwBA,aAAaC;;;MACnCC;MAAAC,SAAS,mBAAG;MACZC,OAAO;;EAEP,IAAI,EAAE,CAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,cAAT,MAA2BD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEE,WAApC,CAAF,KAAsD,EAAC,MAAAF,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,cAAT,UAAA,iBAAA,SAAA,mBAAD,CAAtD,IAAsF,CAAAD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEE,WAAT,MAAyB,OAAnH,EAA4H;IAC1H,OAAO,IAAP;;;EAEF,oBACEC;IACE,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcP,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,iCAFS,CAGTQ,IAHS,CAGJ,GAHI;kBAKXJ,6BAAC,KAAD;IACE,SAAS,EAAC,8BADZ;IAEE,IAAI,EAAEK,eAAe,CAACC,SAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC;KAElBX,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OALZ,CANF,CADF;AAgBD;;;;"}
+{"version":3,"file":"AdminMessage.js","sources":["../../src/ui/AdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage as AdminMessageType } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface AdminMessageProps {\n  className: string | Array<string>;\n  message: AdminMessageType;\n}\n\nexport default function AdminMessage({\n  className = '',\n  message,\n}: AdminMessageProps): ReactElement {\n  if (!(message?.isAdminMessage || message?.messageType) || !message?.isAdminMessage?.() || message?.messageType !== 'admin') {\n    return null;\n  }\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message?.message}\n      </Label>\n    </div>\n  );\n}\n"],"names":["AdminMessage","_a","_c","className","message","isAdminMessage","messageType","_b","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;AAWwB,SAAAA,YAAA,CAAaC,EAAb,EAGJ;;;AAFlB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAA;MAAAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAAd;AAAA,MACAE,OAAO,GAAAH,EAAA,CAAAG,OADP,CAAA;;AAGA,EAAA,IAAI,EAAE,CAAAA,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEC,cAAT,MAA2BD,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEE,WAApC,CAAF,CAAsD,IAAA,EAAC,CAAAC,EAAA,GAAAH,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEC,cAAT,UAAA,iBAAA,SAAA,mBAAD,CAAtD,IAAsF,CAAAD,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEE,WAAT,MAAyB,OAAnH,EAA4H;AAC1H,IAAA,OAAO,IAAP,CAAA;AACD,GAAA;;EACD,oBACEE,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcR,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,wBADuD,CAD9C,EAGT,KAHS,CAAA,CAGTS,IAHS,CAGJ,GAHI,CAAA;AADb,GAAA,eAMEJ,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,8BADZ;IAEE,IAAI,EAAEK,eAAe,CAACC,SAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAHrB,GAAA,EAKGZ,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OALZ,CANF,CADF,CAAA;AAgBD;;;;"}

package/ui/Avatar.js

@@ -1,9 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
+import { a as __spreadArray } from '../tslib.es6-c49bbc0a.js';
 import React__default from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-180d497e.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import { u as uuidv4 } from '../uuid-741c039a.js';
 import 'prop-types';
 
 var pxToNumber = (function (px) {
@@ -24,7 +23,7 @@ var pxToNumber = (function (px) {
 
 var imageRendererClassName = 'sendbird-avatar-img';
 
-var DefaultComponent = function DefaultComponent(_a) {
+var DefaultComponent = function (_a) {
   var width = _a.width,
       height = _a.height;
   var iconWidth = pxToNumber(width);
@@ -52,7 +51,7 @@ var DefaultComponent = function DefaultComponent(_a) {
   }));
 };
 
-var _defaultComponent = function _defaultComponent(_a) {
+var _defaultComponent = function (_a) {
   var width = _a.width,
       height = _a.height;
   return /*#__PURE__*/React__default.createElement(DefaultComponent, {
@@ -61,7 +60,7 @@ var _defaultComponent = function _defaultComponent(_a) {
   });
 };
 
-var AvatarInner = function AvatarInner(_a) {
+var AvatarInner = function (_a) {
   var _b = _a.src,
       src = _b === void 0 ? '' : _b,
       _c = _a.alt,
@@ -70,7 +69,7 @@ var AvatarInner = function AvatarInner(_a) {
       width = _a.width,
       customDefaultComponent = _a.customDefaultComponent;
 
-  var defaultComponent = function defaultComponent() {
+  var defaultComponent = function () {
     return customDefaultComponent ? customDefaultComponent({
       width: width,
       height: height

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","_a","width","height","iconWidth","pxToNumber","iconHeight","React","IconTypes","USER","IconColors","CONTENT","_defaultComponent","AvatarInner","_b","src","_c","alt","customDefaultComponent","defaultComponent","length","slice","map","i","uuidv4","Avatar","ref","className","_d","_e","_f","onClick","__spreadArray","Array","isArray","join","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","_a","width","height","iconWidth","pxToNumber","iconHeight","React","IconTypes","USER","IconColors","CONTENT","_defaultComponent","AvatarInner","_b","src","_c","alt","customDefaultComponent","defaultComponent","length","slice","map","i","uuidv4","Avatar","ref","className","_d","_e","_f","onClick","__spreadArray","Array","isArray","join","forwardRef"],"mappings":"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"}

package/ui/Badge.js

@@ -1,11 +1,10 @@
-import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
+import { a as __spreadArray } from '../tslib.es6-c49bbc0a.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
-import { a as LocalizationContext } from '../LocalizationContext-4cefc770.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-327e2586.js';
+import { a as LocalizationContext } from '../LocalizationContext-78d3faa4.js';
 import 'prop-types';
-import '../stringSet-dc330bcf.js';
-import '../index-176e9ad4.js';
+import '../stringSet-6e7f0195.js';
+import '../index-ab443960.js';
 
 function Badge(_a) {
   var count = _a.count,

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","_a","count","_b","maxLevel","_c","className","stringSet","useContext","LocalizationContext","maximumNumber","parseInt","repeat","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONCONTENT_1","BADGE__OVER"],"mappings":";;;;;;;;;SAYwBA,MAAMC;MAC5BC,KAAK;MACLC;MAAAC,QAAQ,mBAAG;MACXC;MAAAC,SAAS,mBAAG;EAEJ,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;EACR,IAAMC,aAAa,GAAGC,QAAQ,CAAC,IAAIC,MAAJ,CAAYR,QAAQ,GAAG,CAAZ,GAAiB,CAAjB,GAAqBA,QAAhC,CAAD,EAA4C,EAA5C,CAA9B;EACA,oBACES;IACE,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcV,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,yBAFS,CAGTW,IAHS,CAGJ,GAHI;kBAKXJ;IAAK,SAAS,EAAC;kBACbA,6BAAC,KAAD;IACE,IAAI,EAAEK,eAAe,CAACC,SADxB;IAEE,KAAK,EAAEC,WAAW,CAACC;KAGhBnB,KAAK,GAAGQ,aAAT,GACI,SAAA,CAAGA,aAAH,QAAA,CAAmBH,SAAS,CAACe,WAA7B,CADJ,GAEIpB,KAPR,CADF,CANF,CADF;AAqBD;;;;"}
+{"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","_a","count","_b","maxLevel","_c","className","stringSet","useContext","LocalizationContext","maximumNumber","parseInt","repeat","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONCONTENT_1","concat","BADGE__OVER"],"mappings":";;;;;;;;AAYwB,SAAAA,KAAA,CAAMC,EAAN,EAIX;AAHX,EAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL;AAAA,MACAC,EAAY,GAAAF,EAAA,CAAAG,QADZ;MACAA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAACA,EADZ;AAAA,MAEAE,EAAc,GAAAJ,EAAA,CAAAK,SAFd;MAEAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAFd,CAAA;AAIQ,EAAA,IAAAE,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AACR,EAAA,IAAMC,aAAa,GAAGC,QAAQ,CAAC,GAAA,CAAIC,MAAJ,CAAYR,QAAQ,GAAG,CAAZ,GAAiB,CAAjB,GAAqBA,QAAhC,CAAD,EAA4C,EAA5C,CAA9B,CAAA;EACA,oBACES,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcV,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,gBADuD,CAD9C,EAGT,KAHS,CAAA,CAGTW,IAHS,CAGJ,GAHI,CAAA;GAKX,eAAAJ,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,sBAAA;AAAf,GAAA,eACEA,6BAAC,KAAD,EAAA;IACE,IAAI,EAAEK,eAAe,CAACC,SADxB;IAEE,KAAK,EAAEC,WAAW,CAACC,WAAAA;AAFrB,GAAA,EAKKnB,KAAK,GAAGQ,aAAT,GACI,EAAGY,CAAAA,MAAH,CAAGZ,aAAH,CAAA,OAAA,CAAmBH,SAAS,CAACgB,WAA7B,CADJ,GAEIrB,KAPR,CADF,CANF,CADF,CAAA;AAqBD;;;;"}

package/ui/Button.js

@@ -1,9 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
+import { a as __spreadArray } from '../tslib.es6-c49bbc0a.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-327e2586.js';
 import 'prop-types';
-import '../stringSet-dc330bcf.js';
+import '../stringSet-6e7f0195.js';
 
 var ButtonTypes$1;
 

package/ui/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/ui/Button/types.ts","../../src/ui/Button/utils.ts","../../src/ui/Button/index.tsx"],"sourcesContent":["export enum ButtonTypes {\n  PRIMARY = 'PRIMARY',\n  SECONDARY = 'SECONDARY',\n  DANGER = 'DANGER',\n  DISABLED = 'DISABLED',\n}\nexport enum ButtonSizes {\n  BIG = 'BIG',\n  SMALL = 'SMALL',\n}\n","import { ButtonTypes, ButtonSizes } from './types';\n\nexport function changeTypeToClassName(type: ButtonTypes): string {\n  switch (type) {\n    case ButtonTypes.PRIMARY: return 'sendbird-button--primary';\n    case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';\n    case ButtonTypes.DANGER: return 'sendbird-button--danger';\n    case ButtonTypes.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size: ButtonSizes): string {\n  switch (size) {\n    case ButtonSizes.BIG: return 'sendbird-button--big';\n    case ButtonSizes.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React, { ReactElement } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\nimport {\n  ButtonTypes as ButtonTypes_,\n  ButtonSizes as ButtonSizes_,\n} from './types';\n\nexport const ButtonTypes = ButtonTypes_;\nexport const ButtonSizes = ButtonSizes_;\n\nexport interface ButtonProps {\n  className?: string | Array<string>;\n  type?: ButtonTypes_;\n  size?: ButtonSizes_;\n  children: string | ReactElement;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nexport default function Button({\n  className,\n  type = ButtonTypes.PRIMARY,\n  size = ButtonSizes.BIG,\n  children = 'Button',\n  disabled = false,\n  onClick = () => {/* noop */ },\n}: ButtonProps): ReactElement {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n"],"names":["ButtonTypes","ButtonSizes","changeTypeToClassName","type","PRIMARY","SECONDARY","DANGER","DISABLED","changeSizeToClassName","size","BIG","SMALL","ButtonTypes_","ButtonSizes_","Button","_a","className","_b","_c","_d","children","_e","disabled","_f","onClick","injectingClassNames","__spreadArray","Array","isArray","join","React","LabelTypography","BUTTON_1","LabelColors","ONCONTENT_1"],"mappings":";;;;;;;AAAA,IAAYA,aAAZ;;AAAA,WAAYA;EACVA,sBAAA,YAAA;EACAA,wBAAA,cAAA;EACAA,qBAAA,WAAA;EACAA,uBAAA,aAAA;AACD,CALD,EAAYA,aAAW,KAAXA,aAAW,KAAA,CAAvB;;AAMA,IAAYC,aAAZ;;AAAA,WAAYA;EACVA,kBAAA,QAAA;EACAA,oBAAA,UAAA;AACD,CAHD,EAAYA,aAAW,KAAXA,aAAW,KAAA,CAAvB;;SCJgBC,sBAAsBC;EACpC,QAAQA,IAAR;IACE,KAAKH,aAAW,CAACI,OAAjB;MAA0B,OAAO,0BAAP;;IAC1B,KAAKJ,aAAW,CAACK,SAAjB;MAA4B,OAAO,4BAAP;;IAC5B,KAAKL,aAAW,CAACM,MAAjB;MAAyB,OAAO,yBAAP;;IACzB,KAAKN,aAAW,CAACO,QAAjB;MAA2B,OAAO,2BAAP;;IAC3B;MAAS,OAAO,IAAP;;AAEZ;SAEeC,sBAAsBC;EACpC,QAAQA,IAAR;IACE,KAAKR,aAAW,CAACS,GAAjB;MAAsB,OAAO,sBAAP;;IACtB,KAAKT,aAAW,CAACU,KAAjB;MAAwB,OAAO,wBAAP;;IACxB;MAAS,OAAO,IAAP;;AAEZ;;ICRYX,WAAW,GAAGY;IACdX,WAAW,GAAGY;SAWHC,OAAOC;MAC7BC,SAAS;MACTC;MAAAd,IAAI,mBAAGH,WAAW,CAACI;MACnBc;MAAAT,IAAI,mBAAGR,WAAW,CAACS;MACnBS;MAAAC,QAAQ,mBAAG;MACXC;MAAAC,QAAQ,mBAAG;MACXC;MAAAC,OAAO,mBAAG;;EAEV,IAAMC,mBAAmB,GAAGC,gCACrBC,KAAK,CAACC,OAAN,CAAcZ,SAAd,CAAD,GAA6BA,SAA7B,GAAyC,CAACA,SAAD,WAC7C,mBACCM,QAAQ,GAAG,2BAAH,GAAiC,IAC1CpB,qBAAqB,CAACC,IAAD,GACrBK,qBAAqB,CAACC,IAAD,UALK,CAM1BoB,IAN0B,CAMrB,GANqB,CAA5B;;EAQA,oBACEC;IACE,SAAS,EAAEL,mBADb;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAED,OAHX;IAIE,QAAQ,EAAEF;kBAEVQ,6BAAC,KAAD;IACE,SAAS,EAAC,uBADZ;IAEE,IAAI,EAAEC,eAAe,CAACC,QAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC;KAElBd,QALH,CANF,CADF;AAgBD;;;;"}
+{"version":3,"file":"Button.js","sources":["../../src/ui/Button/types.ts","../../src/ui/Button/utils.ts","../../src/ui/Button/index.tsx"],"sourcesContent":["export enum ButtonTypes {\n  PRIMARY = 'PRIMARY',\n  SECONDARY = 'SECONDARY',\n  DANGER = 'DANGER',\n  DISABLED = 'DISABLED',\n}\nexport enum ButtonSizes {\n  BIG = 'BIG',\n  SMALL = 'SMALL',\n}\n","import { ButtonTypes, ButtonSizes } from './types';\n\nexport function changeTypeToClassName(type: ButtonTypes): string {\n  switch (type) {\n    case ButtonTypes.PRIMARY: return 'sendbird-button--primary';\n    case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';\n    case ButtonTypes.DANGER: return 'sendbird-button--danger';\n    case ButtonTypes.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size: ButtonSizes): string {\n  switch (size) {\n    case ButtonSizes.BIG: return 'sendbird-button--big';\n    case ButtonSizes.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React, { ReactElement } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\nimport {\n  ButtonTypes as ButtonTypes_,\n  ButtonSizes as ButtonSizes_,\n} from './types';\n\nexport const ButtonTypes = ButtonTypes_;\nexport const ButtonSizes = ButtonSizes_;\n\nexport interface ButtonProps {\n  className?: string | Array<string>;\n  type?: ButtonTypes_;\n  size?: ButtonSizes_;\n  children: string | ReactElement;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nexport default function Button({\n  className,\n  type = ButtonTypes.PRIMARY,\n  size = ButtonSizes.BIG,\n  children = 'Button',\n  disabled = false,\n  onClick = () => {/* noop */ },\n}: ButtonProps): ReactElement {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n"],"names":["ButtonTypes","ButtonSizes","changeTypeToClassName","type","PRIMARY","SECONDARY","DANGER","DISABLED","changeSizeToClassName","size","BIG","SMALL","ButtonTypes_","ButtonSizes_","Button","_a","className","_b","_c","_d","children","_e","disabled","_f","onClick","injectingClassNames","__spreadArray","Array","isArray","join","React","LabelTypography","BUTTON_1","LabelColors","ONCONTENT_1"],"mappings":"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"}

package/ui/ChannelAvatar.js

@@ -1,11 +1,10 @@
 import React__default, { useMemo } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-8fb72715.js';
-import '../tslib.es6-cb5d77bf.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-c3865334.js';
+import '../tslib.es6-c49bbc0a.js';
 import './ImageRenderer.js';
-import '../uuid-180d497e.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import '../uuid-741c039a.js';
 import 'prop-types';
 
 function ChannelAvatar(_a) {

package/ui/ChannelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelAvatar.js","sources":["../../src/ui/ChannelAvatar/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { useMemo } from 'react';\n\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport Avatar from '../Avatar/index';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport * as utils from './utils';\n\ninterface Props {\n  channel: GroupChannel;\n  userId: string;\n  theme: string;\n  width?: number,\n  height?: number,\n}\n\nfunction ChannelAvatar({\n  channel,\n  userId,\n  theme,\n  width = 56,\n  height = 56,\n}: Props): JSX.Element{\n  const isBroadcast = channel?.isBroadcast;\n  const memoizedAvatar = useMemo(() => (\n    isBroadcast\n      ? (\n        utils.generateDefaultAvatar(channel)\n          ? (\n            <div\n              className=\"sendbird-chat-header--default-avatar\"\n              style={{\n                width,\n                height,\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n              }}\n            >\n              <Icon\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.CONTENT}\n                width={width * 0.575}\n                height={height * 0.575}\n              />\n            </div>\n          )\n          : (\n            <Avatar\n              className=\"sendbird-chat-header--avatar--broadcast-channel\"\n              src={utils.getChannelAvatarSource(channel, userId)}\n              width={width}\n              height={height}\n              alt={channel?.name}\n            />\n          )\n      )\n      : (\n        <Avatar\n          className=\"sendbird-chat-header--avatar--group-channel\"\n          src={utils.getChannelAvatarSource(channel, userId)}\n          width={`${width}px`}\n          height={`${height}px`}\n          alt={channel?.name}\n        />\n      )\n  ),[channel?.members, channel?.coverUrl, theme]);\n  return (\n    <>{ memoizedAvatar }</>\n  );\n}\n\nexport default ChannelAvatar;\n"],"names":["ChannelAvatar","_a","channel","userId","theme","_b","width","_c","height","isBroadcast","memoizedAvatar","useMemo","utils","React","display","justifyContent","alignItems","IconTypes","BROADCAST","IconColors","CONTENT","name","members","coverUrl"],"mappings":";;;;;;;;;;AAkBA,SAASA,aAAT,CAAuBC,EAAvB;MACEC,OAAO;MACPC,MAAM;MACNC,KAAK;MACLC;MAAAC,KAAK,mBAAG;MACRC;MAAAC,MAAM,mBAAG;EAET,IAAMC,WAAW,GAAGP,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEO,WAA7B;EACA,IAAMC,cAAc,GAAGC,OAAO,CAAC;IAAM,OACnCF,WAAW,GAEPG,qBAAA,CAA4BV,OAA5B,iBAEIW;MACE,SAAS,EAAC,sCADZ;MAEE,KAAK,EAAE;QACLP,KAAK,OADA;QAELE,MAAM,QAFD;QAGLM,OAAO,EAAE,MAHJ;QAILC,cAAc,EAAE,QAJX;QAKLC,UAAU,EAAE;;oBAGdH,6BAAC,IAAD;MACE,IAAI,EAAEI,SAAS,CAACC,SADlB;MAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;MAGE,KAAK,EAAEd,KAAK,GAAG,KAHjB;MAIE,MAAM,EAAEE,MAAM,GAAG;MAdrB,CAFJ,gBAqBIK,6BAAC,MAAD;MACE,SAAS,EAAC,iDADZ;MAEE,GAAG,EAAED,sBAAA,CAA6BV,OAA7B,EAAsCC,MAAtC,CAFP;MAGE,KAAK,EAAEG,KAHT;MAIE,MAAM,EAAEE,MAJV;MAKE,GAAG,EAAEN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEmB;MA5Bb,gBAiCPR,6BAAC,MAAD;MACE,SAAS,EAAC,6CADZ;MAEE,GAAG,EAAED,sBAAA,CAA6BV,OAA7B,EAAsCC,MAAtC,CAFP;MAGE,KAAK,EAAE,SAAA,CAAGG,KAAH,MAAA,CAHT;MAIE,MAAM,EAAE,SAAA,CAAGE,MAAH,MAAA,CAJV;MAKE,GAAG,EAAEN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEmB;MAvCe;GAAP,EA0C5B,CAACnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoB,OAAV,EAAmBpB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqB,QAA5B,EAAsCnB,KAAtC,CA1C4B,CAA9B;EA2CA,oBACES,4DAAIH,cAAJ,CADF;AAGD;;;;"}
+{"version":3,"file":"ChannelAvatar.js","sources":["../../src/ui/ChannelAvatar/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { useMemo } from 'react';\n\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport Avatar from '../Avatar/index';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport * as utils from './utils';\n\ninterface Props {\n  channel: GroupChannel;\n  userId: string;\n  theme: string;\n  width?: number,\n  height?: number,\n}\n\nfunction ChannelAvatar({\n  channel,\n  userId,\n  theme,\n  width = 56,\n  height = 56,\n}: Props): JSX.Element{\n  const isBroadcast = channel?.isBroadcast;\n  const memoizedAvatar = useMemo(() => (\n    isBroadcast\n      ? (\n        utils.generateDefaultAvatar(channel)\n          ? (\n            <div\n              className=\"sendbird-chat-header--default-avatar\"\n              style={{\n                width,\n                height,\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n              }}\n            >\n              <Icon\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.CONTENT}\n                width={width * 0.575}\n                height={height * 0.575}\n              />\n            </div>\n          )\n          : (\n            <Avatar\n              className=\"sendbird-chat-header--avatar--broadcast-channel\"\n              src={utils.getChannelAvatarSource(channel, userId)}\n              width={width}\n              height={height}\n              alt={channel?.name}\n            />\n          )\n      )\n      : (\n        <Avatar\n          className=\"sendbird-chat-header--avatar--group-channel\"\n          src={utils.getChannelAvatarSource(channel, userId)}\n          width={`${width}px`}\n          height={`${height}px`}\n          alt={channel?.name}\n        />\n      )\n  ),[channel?.members, channel?.coverUrl, theme]);\n  return (\n    <>{ memoizedAvatar }</>\n  );\n}\n\nexport default ChannelAvatar;\n"],"names":["ChannelAvatar","_a","channel","userId","theme","_b","width","_c","height","isBroadcast","memoizedAvatar","useMemo","utils","React","display","justifyContent","alignItems","IconTypes","BROADCAST","IconColors","CONTENT","name","concat","members","coverUrl"],"mappings":";;;;;;;;;AAkBA,SAASA,aAAT,CAAuBC,EAAvB,EAMQ;MALNC,OAAO,GAAAD,EAAA,CAAAC;MACPC,MAAM,GAAAF,EAAA,CAAAE;MACNC,KAAK,GAAAH,EAAA,CAAAG;MACLC,EAAU,GAAAJ,EAAA,CAAAK;MAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA;MACRE,EAAA,GAAAN,EAAA,CAAAO;MAAAA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA;AAEX,EAAA,IAAME,WAAW,GAAGP,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,WAA7B,CAAA;AACA,EAAA,IAAMC,cAAc,GAAGC,OAAO,CAAC,YAAM;AAAA,IAAA,OACnCF,WAAW,GAEPG,qBAAA,CAA4BV,OAA5B,CAEI,gBAAAW,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAS,EAAC,sCADZ;AAEE,MAAA,KAAK,EAAE;AACLP,QAAAA,KAAK,EAAAA,KADA;AAELE,QAAAA,MAAM,EAAAA,MAFD;AAGLM,QAAAA,OAAO,EAAE,MAHJ;AAILC,QAAAA,cAAc,EAAE,QAJX;AAKLC,QAAAA,UAAU,EAAE,QAAA;AALP,OAAA;AAFT,KAAA,eAUEH,6BAAC,IAAD,EAAA;MACE,IAAI,EAAEI,SAAS,CAACC,SADlB;MAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;MAGE,KAAK,EAAEd,KAAK,GAAG,KAHjB;MAIE,MAAM,EAAEE,MAAM,GAAG,KAAA;KAdrB,CAAA,CAFJ,gBAqBIK,cAAA,CAAA,aAAA,CAAC,MAAD,EAAA;AACE,MAAA,SAAS,EAAC,iDADZ;MAEE,GAAG,EAAED,sBAAA,CAA6BV,OAA7B,EAAsCC,MAAtC,CAFP;AAGE,MAAA,KAAK,EAAEG,KAHT;AAIE,MAAA,MAAM,EAAEE,MAJV;AAKE,MAAA,GAAG,EAAEN,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEmB,IAAAA;KA5Bb,CAAA,gBAiCPR,6BAAC,MAAD,EAAA;AACE,MAAA,SAAS,EAAC,6CADZ;MAEE,GAAG,EAAED,sBAAA,CAA6BV,OAA7B,EAAsCC,MAAtC,CAFP;AAGE,MAAA,KAAK,EAAE,EAAGmB,CAAAA,MAAH,CAAGhB,KAAH,EAAY,IAAZ,CAHT;AAIE,MAAA,MAAM,EAAE,EAAAgB,CAAAA,MAAA,CAAGd,MAAH,EAAa,IAAb,CAJV;AAKE,MAAA,GAAG,EAAEN,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEmB,IAAAA;KAvCe,CAAA,CAAA;AA0CpC,GA1C6B,EA0C5B,CAACnB,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqB,OAAV,EAAmBrB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEsB,QAA5B,EAAsCpB,KAAtC,CA1C4B,CAA9B,CAAA;EA2CA,oBACES,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAIH,cAAJ,CADF,CAAA;AAGD;;;;"}

package/ui/Checkbox.js

@@ -18,7 +18,7 @@ function Checkbox(_a) {
     id: id,
     type: "checkbox",
     checked: isChecked,
-    onClick: function onClick() {
+    onClick: function () {
       if (!disabled) setIsCheck(!isChecked);
     },
     onChange: onChange

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,\n  disabled,\n  onChange,\n}: CheckboxProps): ReactElement {\n  const [isChecked, setIsCheck] = useState(checked);\n  return (\n    <label\n      className={[\n        \"sendbird-checkbox\",\n        disabled ? 'disabled' : '',\n      ].join(' ')}\n      htmlFor={id}\n    >\n      <input\n        disabled={disabled}\n        id={id}\n        type=\"checkbox\"\n        checked={isChecked}\n        onClick={() => {\n          if (!disabled) setIsCheck(!isChecked);\n        }}\n        onChange={onChange}\n      />\n      <span\n        className={[\n          \"sendbird-checkbox--checkmark\",\n          disabled ? 'disabled' : '',\n        ].join(' ')}\n      />\n    </label>\n  );\n}\n"],"names":["Checkbox","_a","id","checked","disabled","onChange","_b","useState","isChecked","setIsCheck","React","join"],"mappings":";;SAUwBA,SAASC;MAC/BC,EAAE;MACFC,OAAO;MACPC,QAAQ;MACRC,QAAQ;;EAEF,IAAAC,KAA0BC,QAAQ,CAACJ,OAAD,CAAlC;MAACK,SAAS,QAAV;MAAYC,UAAU,QAAtB;;EACN,oBACEC;IACE,SAAS,EAAE,CACT,mBADS,EAETN,QAAQ,GAAG,UAAH,GAAgB,EAFf,EAGTO,IAHS,CAGJ,GAHI,CADb;IAKE,OAAO,EAAET;kBAETQ;IACE,QAAQ,EAAEN,QADZ;IAEE,EAAE,EAAEF,EAFN;IAGE,IAAI,EAAC,UAHP;IAIE,OAAO,EAAEM,SAJX;IAKE,OAAO,EAAE;MACP,IAAI,CAACJ,QAAL,EAAeK,UAAU,CAAC,CAACD,SAAF,CAAV;KANnB;IAQE,QAAQ,EAAEH;IAfd,eAiBEK;IACE,SAAS,EAAE,CACT,8BADS,EAETN,QAAQ,GAAG,UAAH,GAAgB,EAFf,EAGTO,IAHS,CAGJ,GAHI;IAlBf,CADF;AA0BD;;;;"}
+{"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,\n  disabled,\n  onChange,\n}: CheckboxProps): ReactElement {\n  const [isChecked, setIsCheck] = useState(checked);\n  return (\n    <label\n      className={[\n        \"sendbird-checkbox\",\n        disabled ? 'disabled' : '',\n      ].join(' ')}\n      htmlFor={id}\n    >\n      <input\n        disabled={disabled}\n        id={id}\n        type=\"checkbox\"\n        checked={isChecked}\n        onClick={() => {\n          if (!disabled) setIsCheck(!isChecked);\n        }}\n        onChange={onChange}\n      />\n      <span\n        className={[\n          \"sendbird-checkbox--checkmark\",\n          disabled ? 'disabled' : '',\n        ].join(' ')}\n      />\n    </label>\n  );\n}\n"],"names":["Checkbox","_a","id","checked","disabled","onChange","_b","useState","isChecked","setIsCheck","React","join"],"mappings":";;AAUwB,SAAAA,QAAA,CAASC,EAAT,EAKR;MAJdC,EAAE,GAAAD,EAAA,CAAAC;MACFC,OAAO,GAAAF,EAAA,CAAAE;MACPC,QAAQ,GAAAH,EAAA,CAAAG;MACRC,QAAQ,GAAAJ,EAAA,CAAAI;;AAEF,EAAA,IAAAC,EAAA,GAA0BC,QAAQ,CAACJ,OAAD,CAAlC;AAAA,MAACK,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,UAAU,GAAAH,EAAA,CAAA,CAAA,CAAtB,CAAA;;EACN,oBACEI,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACE,IAAA,SAAS,EAAE,CACT,mBADS,EAETN,QAAQ,GAAG,UAAH,GAAgB,EAFf,CAAA,CAGTO,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,OAAO,EAAET,EAAAA;GAET,eAAAQ,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACE,IAAA,QAAQ,EAAEN,QADZ;AAEE,IAAA,EAAE,EAAEF,EAFN;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,OAAO,EAAEM,SAJX;AAKE,IAAA,OAAO,EAAE,YAAA;AACP,MAAA,IAAI,CAACJ,QAAL,EAAeK,UAAU,CAAC,CAACD,SAAF,CAAV,CAAA;KANnB;AAQE,IAAA,QAAQ,EAAEH,QAAAA;AARZ,GAAA,CAPF,eAiBEK,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,SAAS,EAAE,CACT,8BADS,EAETN,QAAQ,GAAG,UAAH,GAAgB,EAFf,CAAA,CAGTO,IAHS,CAGJ,GAHI,CAAA;AADb,GAAA,CAjBF,CADF,CAAA;AA0BD;;;;"}

package/ui/ConnectionStatus.js

@@ -1,11 +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-6b896cd8.js';
-import { a as LocalizationContext } from '../LocalizationContext-4cefc770.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-327e2586.js';
+import { a as LocalizationContext } from '../LocalizationContext-78d3faa4.js';
 import 'prop-types';
-import '../stringSet-dc330bcf.js';
-import '../index-176e9ad4.js';
+import '../stringSet-6e7f0195.js';
+import '../index-ab443960.js';
 
 function ConnectionStatus() {
   var stringSet = useContext(LocalizationContext).stringSet;

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","LabelTypography","BODY_2","LabelColors","ONBACKGROUND_2","TRYING_TO_CONNECT","IconTypes","DISCONNECTED","IconColors","SENT"],"mappings":";;;;;;;;;AAQA,SAASA,gBAAT;EACU,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;EACR,oBACEC;IAAK,SAAS,EAAC;kBACbA,6BAAC,KAAD;IACE,IAAI,EAAEC,eAAe,CAACC,MADxB;IAEE,KAAK,EAAEC,WAAW,CAACC;KAElBP,SAAS,CAACQ,iBAJb,CADF,eAOEL,6BAAC,IAAD;IACE,IAAI,EAAEM,SAAS,CAACC,YADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,IAFxB;IAGE,KAAK,EAAC,MAHR;IAIE,MAAM,EAAC;IAXX,CADF;AAgBD;;;;"}
+{"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","LabelTypography","BODY_2","LabelColors","ONBACKGROUND_2","TRYING_TO_CONNECT","IconTypes","DISCONNECTED","IconColors","SENT"],"mappings":";;;;;;;;AAQA,SAASA,gBAAT,GAAyB;AACf,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;EACR,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,4BAAA;AAAf,GAAA,eACEA,6BAAC,KAAD,EAAA;IACE,IAAI,EAAEC,eAAe,CAACC,MADxB;IAEE,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAFrB,GAAA,EAIGP,SAAS,CAACQ,iBAJb,CADF,eAOEL,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEM,SAAS,CAACC,YADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,IAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;AAJT,GAAA,CAPF,CADF,CAAA;AAgBD;;;;"}

package/ui/ContextMenu.js

@@ -1,13 +1,12 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { b as __extends, _ as __assign } from '../tslib.es6-cb5d77bf.js';
+import { b as __extends, _ as __assign } from '../tslib.es6-c49bbc0a.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { k as getClassName } from '../index-f59cf800.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
-import '../uuid-180d497e.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import { k as getClassName } from '../index-eeb90f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-327e2586.js';
+import '../uuid-741c039a.js';
 import 'prop-types';
-import '../stringSet-dc330bcf.js';
+import '../stringSet-6e7f0195.js';
 
 var MenuItems$1 =
 /** @class */
@@ -23,7 +22,7 @@ function (_super) {
       var closeDropdown = _this.props.closeDropdown;
       var menuRef = _this.menuRef;
 
-      var handleClickOutside = function handleClickOutside(event) {
+      var handleClickOutside = function (event) {
         var _a, _b;
 
         if ((menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) && !((_b = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.contains) === null || _b === void 0 ? void 0 : _b.call(_a, event.target))) {
@@ -95,7 +94,7 @@ function (_super) {
 
     _this.state = {
       menuStyle: {},
-      handleClickOutside: function handleClickOutside() {}
+      handleClickOutside: function () {}
     };
     return _this;
   }
@@ -131,7 +130,7 @@ function (_super) {
   return MenuItems;
 }(React__default.Component);
 
-var EmojiListItems$1 = function EmojiListItems(_a) {
+var EmojiListItems$1 = function (_a) {
   var children = _a.children,
       parentRef = _a.parentRef,
       parentContainRef = _a.parentContainRef,
@@ -166,7 +165,7 @@ var EmojiListItems$1 = function EmojiListItems(_a) {
   /* setupEvents & cleanupEvents */
 
   useEffect(function () {
-    var handleClickOutSide = function handleClickOutSide(event) {
+    var handleClickOutSide = function (event) {
       var _a, _b;
 
       if ((reactionRef === null || reactionRef === void 0 ? void 0 : reactionRef.current) && !((_b = (_a = reactionRef === null || reactionRef === void 0 ? void 0 : reactionRef.current) === null || _a === void 0 ? void 0 : _a.contains) === null || _b === void 0 ? void 0 : _b.call(_a, event.target))) {
@@ -245,7 +244,7 @@ var EmojiListItems$1 = function EmojiListItems(_a) {
 var ENTER_KEY = 13;
 var MenuItems = MenuItems$1;
 var EmojiListItems = EmojiListItems$1;
-var MenuItem = function MenuItem(_a) {
+var MenuItem = function (_a) {
   var _b = _a.className,
       className = _b === void 0 ? '' : _b,
       children = _a.children,
@@ -253,7 +252,7 @@ var MenuItem = function MenuItem(_a) {
       _c = _a.disable,
       disable = _c === void 0 ? false : _c;
 
-  var handleClickEvent = function handleClickEvent(e) {
+  var handleClickEvent = function (e) {
     if (!disable && onClick) {
       onClick === null || onClick === void 0 ? void 0 : onClick(e);
     }
@@ -263,7 +262,7 @@ var MenuItem = function MenuItem(_a) {
     className: getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : '']),
     role: "menuitem",
     onClick: handleClickEvent,
-    onKeyPress: function onKeyPress(e) {
+    onKeyPress: function (e) {
       if (e.keyCode === ENTER_KEY) handleClickEvent(e);
     },
     tabIndex: 0
@@ -273,13 +272,13 @@ var MenuItem = function MenuItem(_a) {
     color: disable ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1
   }, children));
 };
-var MenuRoot = function MenuRoot() {
+var MenuRoot = function () {
   return /*#__PURE__*/React__default.createElement("div", {
     id: "sendbird-dropdown-portal",
     className: "sendbird-dropdown-portal"
   });
 };
-var EmojiReactionListRoot = function EmojiReactionListRoot() {
+var EmojiReactionListRoot = function () {
   return /*#__PURE__*/React__default.createElement("div", {
     id: "sendbird-emoji-list-portal"
   });

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  style?: Record<string, string>;\n  openLeft?: boolean;\n  children: React.ReactElement;\n  parentRef: React.RefObject<HTMLDivElement>;\n  parentContainRef: React.RefObject<HTMLDivElement>;\n  closeDropdown: () => void;\n}\n\ntype MenuStyleType = { top?: number, left?: number };\ninterface MenuItemsState {\n  menuStyle: MenuStyleType;\n  handleClickOutside: (e: MouseEvent) => void;\n}\n\nexport default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {\n  constructor(props: MenuItemsProps) {\n    super(props);\n    this.state = {\n      menuStyle: {},\n      handleClickOutside: () => {/* noop */ },\n    };\n  }\n  menuRef: React.RefObject<HTMLUListElement> = React.createRef();\n\n  componentDidMount(): void {\n    this.setupEvents();\n    this.getMenuPosition();\n  }\n\n  componentWillUnmount(): void {\n    this.cleanUpEvents();\n  }\n\n  setupEvents = (): void => {\n    const { closeDropdown } = this.props;\n    const { menuRef } = this;\n    const handleClickOutside = (event) => {\n      if (menuRef?.current && !menuRef?.current?.contains?.(event.target)) {\n        closeDropdown?.();\n      }\n    };\n    this.setState({\n      handleClickOutside,\n    });\n\n    document.addEventListener('mousedown', handleClickOutside);\n  }\n\n  cleanUpEvents = (): void => {\n    const {\n      handleClickOutside,\n    } = this.state;\n    document.removeEventListener('mousedown', handleClickOutside);\n  }\n\n  getMenuPosition = (): MenuStyleType => {\n    const { parentRef, openLeft } = this.props;\n    const parentRect = parentRef?.current?.getBoundingClientRect?.();\n    const x = parentRect?.x || parentRect?.left || 0;\n    const y = parentRect?.y || parentRect?.top || 0;\n    const menuStyle = {\n      top: y,\n      left: x,\n    };\n    if (!this.menuRef.current) return menuStyle;\n    const { innerWidth, innerHeight } = window;\n    const rect = this.menuRef.current.getBoundingClientRect();\n    if (y + rect.height > 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    if (menuStyle.left < 0) {\n      menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 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    this.setState({ menuStyle })\n    return menuStyle;\n  }\n\n  render(): ReactElement {\n    const { menuStyle } = this.state;\n    const { children, style } = this.props;\n    return (\n      createPortal(\n        (\n          <>\n            <div className=\"sendbird-dropdown__menu-backdrop\" />\n            <ul\n              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          </>\n        ),\n        document.getElementById('sendbird-dropdown-portal'),\n      )\n    );\n  }\n}\n","import React, { ReactElement, 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: ReactElement;\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 } 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;\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      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);\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}\nexport default function ContextMenu({\n  menuTrigger,\n  menuItems,\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 && menuItems(() => setShowMenu(false))}\n    </div>\n  );\n}\n"],"names":["__extends","props","_super","_this","React","createRef","closeDropdown","menuRef","handleClickOutside","event","current","contains","target","setState","document","addEventListener","state","removeEventListener","_c","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","window","innerHeight","rect","height","width","padding","Number","isNaN","MenuItems","setupEvents","getMenuPosition","cleanUpEvents","_a","children","style","createPortal","display","position","Math","round","getElementById","Component","EmojiListItems","parentContainRef","_b","spaceFromTrigger","useState","reactionStyle","setReactionStyle","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","spaceFromTriggerX","spaceFromTriggerY","maximumLeft","ENTER_KEY","_MenuItems","_EmojiListItems","MenuItem","className","onClick","disable","handleClickEvent","e","getClassName","keyCode","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_4","ONBACKGROUND_1","MenuRoot","EmojiReactionListRoot","ContextMenu","menuTrigger","menuItems","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  style?: Record<string, string>;\n  openLeft?: boolean;\n  children: React.ReactElement;\n  parentRef: React.RefObject<HTMLDivElement>;\n  parentContainRef: React.RefObject<HTMLDivElement>;\n  closeDropdown: () => void;\n}\n\ntype MenuStyleType = { top?: number, left?: number };\ninterface MenuItemsState {\n  menuStyle: MenuStyleType;\n  handleClickOutside: (e: MouseEvent) => void;\n}\n\nexport default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {\n  constructor(props: MenuItemsProps) {\n    super(props);\n    this.state = {\n      menuStyle: {},\n      handleClickOutside: () => {/* noop */ },\n    };\n  }\n  menuRef: React.RefObject<HTMLUListElement> = React.createRef();\n\n  componentDidMount(): void {\n    this.setupEvents();\n    this.getMenuPosition();\n  }\n\n  componentWillUnmount(): void {\n    this.cleanUpEvents();\n  }\n\n  setupEvents = (): void => {\n    const { closeDropdown } = this.props;\n    const { menuRef } = this;\n    const handleClickOutside = (event) => {\n      if (menuRef?.current && !menuRef?.current?.contains?.(event.target)) {\n        closeDropdown?.();\n      }\n    };\n    this.setState({\n      handleClickOutside,\n    });\n\n    document.addEventListener('mousedown', handleClickOutside);\n  }\n\n  cleanUpEvents = (): void => {\n    const {\n      handleClickOutside,\n    } = this.state;\n    document.removeEventListener('mousedown', handleClickOutside);\n  }\n\n  getMenuPosition = (): MenuStyleType => {\n    const { parentRef, openLeft } = this.props;\n    const parentRect = parentRef?.current?.getBoundingClientRect?.();\n    const x = parentRect?.x || parentRect?.left || 0;\n    const y = parentRect?.y || parentRect?.top || 0;\n    const menuStyle = {\n      top: y,\n      left: x,\n    };\n    if (!this.menuRef.current) return menuStyle;\n    const { innerWidth, innerHeight } = window;\n    const rect = this.menuRef.current.getBoundingClientRect();\n    if (y + rect.height > 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    if (menuStyle.left < 0) {\n      menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 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    this.setState({ menuStyle })\n    return menuStyle;\n  }\n\n  render(): ReactElement {\n    const { menuStyle } = this.state;\n    const { children, style } = this.props;\n    return (\n      createPortal(\n        (\n          <>\n            <div className=\"sendbird-dropdown__menu-backdrop\" />\n            <ul\n              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          </>\n        ),\n        document.getElementById('sendbird-dropdown-portal'),\n      )\n    );\n  }\n}\n","import React, { ReactElement, 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: ReactElement;\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 } 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;\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      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);\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}\nexport default function ContextMenu({\n  menuTrigger,\n  menuItems,\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 && menuItems(() => setShowMenu(false))}\n    </div>\n  );\n}\n"],"names":["MenuItems","_super","__extends","props","_this","call","menuRef","React","createRef","setupEvents","closeDropdown","handleClickOutside","event","current","_b","_a","contains","target","setState","document","addEventListener","cleanUpEvents","state","removeEventListener","getMenuPosition","_c","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","window","innerHeight","rect","height","width","padding","Number","isNaN","prototype","componentDidMount","componentWillUnmount","render","children","style","createPortal","__assign","display","position","concat","Math","round","getElementById","Component","EmojiListItems","parentContainRef","spaceFromTrigger","useState","reactionStyle","setReactionStyle","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","spaceFromTriggerX","spaceFromTriggerY","maximumLeft","ENTER_KEY","_MenuItems","_EmojiListItems","MenuItem","className","onClick","disable","handleClickEvent","e","getClassName","keyCode","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_4","ONBACKGROUND_1","MenuRoot","EmojiReactionListRoot","ContextMenu","menuTrigger","menuItems","showMenu","setShowMenu"],"mappings":"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"}

package/ui/DateSeparator.js

@@ -1,12 +1,11 @@
-import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
+import { a as __spreadArray } from '../tslib.es6-c49bbc0a.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-402a36fd.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import { C as Colors, c as changeColorToClassName } from '../color-25be65f3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-327e2586.js';
 import 'prop-types';
-import '../stringSet-dc330bcf.js';
+import '../stringSet-6e7f0195.js';
 
-var DateSeparator = function DateSeparator(_a) {
+var DateSeparator = function (_a) {
   var _b = _a.children,
       children = _b === void 0 ? null : _b,
       _c = _a.className,

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","_a","_b","children","_c","className","_d","separatorColor","Colors","ONBACKGROUND_4","React","__spreadArray","Array","isArray","join","changeColorToClassName","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;;IAgBMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,EAAD;MACpBC;MAAAC,QAAQ,mBAAG;MACXC;MAAAC,SAAS,mBAAG;MACZC;MAAAC,cAAc,mBAAGC,MAAM,CAACC;EAExB,oBACEC;IACE,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcR,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,6BAFS,CAGTS,IAHS,CAGJ,GAHI;kBAKXJ;IAAK,SAAS,EAAE,CAAC,0BAAD,EAA6B,SAAA,CAAGK,sBAAsB,CAACR,cAAD,CAAzB,sBAAA,CAA7B,EAA4FO,IAA5F,CAAiG,GAAjG;IANlB,eAOEJ;IAAK,SAAS,EAAC;KAEXP,QAAQ,iBAENO,6BAAC,KAAD;IAAO,IAAI,EAAEM,eAAe,CAACC,SAA7B;IAAwC,KAAK,EAAEC,WAAW,CAACC;sBAJjE,CAPF,eAiBET;IAAK,SAAS,EAAE,CAAC,2BAAD,EAA8B,SAAA,CAAGK,sBAAsB,CAACR,cAAD,CAAzB,sBAAA,CAA9B,EAA6FO,IAA7F,CAAkG,GAAlG;IAjBlB,CADF;AAqBD;;;;"}
+{"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","_a","_b","children","_c","className","_d","separatorColor","Colors","ONBACKGROUND_4","React","__spreadArray","Array","isArray","join","concat","changeColorToClassName","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;AAgBA,IAAMA,aAAa,GAAG,UAACC,EAAD,EAID;MAHnBC,EAAe,GAAAD,EAAA,CAAAE;MAAfA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,IAAA;MACXE,EAAA,GAAAH,EAAA,CAAAI;MAAAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA;MACdE;MAAAC,cAAc,mBAAGC,MAAM,CAACC,iBAAcH;EAEtC,oBACEI,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcR,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,oBADuD,CAD9C,EAGT,KAHS,CAAA,CAGTS,IAHS,CAGJ,GAHI,CAAA;GAKX,eAAAJ,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,CAAC,0BAAD,EAA6B,EAAA,CAAGK,MAAH,CAAGC,sBAAsB,CAACT,cAAD,CAAzB,sBAAA,CAA7B,CAA4FO,CAAAA,IAA5F,CAAiG,GAAjG,CAAA;AAAhB,GAAA,CANF,eAOEJ,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0BAAA;GAEXP,EAAAA,QAAQ,iBAENO,cAAA,CAAA,aAAA,CAAC,KAAD,EAAA;IAAO,IAAI,EAAEO,eAAe,CAACC,SAA7B;IAAwC,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAA3D,GAAA,EAAA,gBAAA,CAJN,CAPF,eAiBEV,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,CAAC,2BAAD,EAA8B,EAAA,CAAGK,MAAH,CAAGC,sBAAsB,CAACT,cAAD,CAAzB,sBAAA,CAA9B,CAA6FO,CAAAA,IAA7F,CAAkG,GAAlG,CAAA;AAAhB,GAAA,CAjBF,CADF,CAAA;AAqBD;;;;"}