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

package/cjs/ui/Avatar.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-ee1122c5.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var uuid = require('../uuid-26b61f16.js');
+var uuid = require('../uuid-a8af0c03.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,34 +17,27 @@ var pxToNumber = (function (px) {
   if (typeof px === 'number') {
     return px;
   }
-
   if (typeof px === 'string') {
     var parsed = Number.parseFloat(px);
-
     if (!Number.isNaN(parsed)) {
       return parsed;
     }
   }
-
   return null;
 });
 
 var imageRendererClassName = 'sendbird-avatar-img';
-
 var DefaultComponent = function (_a) {
   var width = _a.width,
-      height = _a.height;
+    height = _a.height;
   var iconWidth = pxToNumber(width);
   var iconHeight = pxToNumber(height);
-
   if (typeof iconWidth === 'number') {
     iconWidth *= 0.575;
   }
-
   if (typeof iconHeight === 'number') {
     iconHeight *= 0.575;
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-avatar-img--default",
     style: {
@@ -58,25 +51,22 @@ var DefaultComponent = function (_a) {
     height: iconHeight
   }));
 };
-
 var _defaultComponent = function (_a) {
   var width = _a.width,
-      height = _a.height;
+    height = _a.height;
   return /*#__PURE__*/React__default["default"].createElement(DefaultComponent, {
     width: width,
     height: height
   });
 };
-
 var AvatarInner = function (_a) {
   var _b = _a.src,
-      src = _b === void 0 ? '' : _b,
-      _c = _a.alt,
-      alt = _c === void 0 ? '' : _c,
-      height = _a.height,
-      width = _a.width,
-      customDefaultComponent = _a.customDefaultComponent;
-
+    src = _b === void 0 ? '' : _b,
+    _c = _a.alt,
+    alt = _c === void 0 ? '' : _c,
+    height = _a.height,
+    width = _a.width,
+    customDefaultComponent = _a.customDefaultComponent;
   var defaultComponent = function () {
     return customDefaultComponent ? customDefaultComponent({
       width: width,
@@ -86,7 +76,6 @@ var AvatarInner = function (_a) {
       height: height
     });
   };
-
   if (typeof src === 'string') {
     return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
       className: imageRendererClassName,
@@ -97,7 +86,6 @@ var AvatarInner = function (_a) {
       defaultComponent: defaultComponent
     });
   }
-
   if (src && src.length) {
     if (src.length === 1) {
       return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
@@ -109,7 +97,6 @@ var AvatarInner = function (_a) {
         defaultComponent: defaultComponent
       });
     }
-
     if (src.length === 2) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "sendbird-avatar--inner__two-child"
@@ -129,7 +116,6 @@ var AvatarInner = function (_a) {
         defaultComponent: defaultComponent
       }));
     }
-
     if (src.length === 3) {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "sendbird-avatar--inner__three-child--upper"
@@ -158,7 +144,6 @@ var AvatarInner = function (_a) {
         defaultComponent: defaultComponent
       })));
     }
-
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "sendbird-avatar--inner__four-child"
     }, src.slice(0, 4).map(function (i) {
@@ -172,9 +157,8 @@ var AvatarInner = function (_a) {
         defaultComponent: defaultComponent
       });
     }));
-  } // default img
-
-
+  }
+  // default img
   return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
     className: imageRendererClassName,
     url: "",
@@ -184,20 +168,19 @@ var AvatarInner = function (_a) {
     defaultComponent: defaultComponent
   });
 };
-
 function Avatar(_a, ref) {
   var _b = _a.className,
-      className = _b === void 0 ? '' : _b,
-      _c = _a.src,
-      src = _c === void 0 ? '' : _c,
-      _d = _a.alt,
-      alt = _d === void 0 ? '' : _d,
-      _e = _a.width,
-      width = _e === void 0 ? '56px' : _e,
-      _f = _a.height,
-      height = _f === void 0 ? '56px' : _f,
-      onClick = _a.onClick,
-      customDefaultComponent = _a.customDefaultComponent;
+    className = _b === void 0 ? '' : _b,
+    _c = _a.src,
+    src = _c === void 0 ? '' : _c,
+    _d = _a.alt,
+    alt = _d === void 0 ? '' : _d,
+    _e = _a.width,
+    width = _e === void 0 ? '56px' : _e,
+    _f = _a.height,
+    height = _f === void 0 ? '56px' : _f,
+    onClick = _a.onClick,
+    customDefaultComponent = _a.customDefaultComponent;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-avatar'], false).join(' '),
     role: "button",
@@ -217,7 +200,6 @@ function Avatar(_a, ref) {
     customDefaultComponent: customDefaultComponent
   }));
 }
-
 var Avatar$1 = /*#__PURE__*/React__default["default"].forwardRef(Avatar);
 
 exports.AvatarInner = AvatarInner;

package/cjs/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","Icon","IconTypes","USER","IconColors","CONTENT","_defaultComponent","AvatarInner","_b","src","_c","alt","customDefaultComponent","defaultComponent","ImageRenderer","length","slice","map","i","uuidv4","Avatar","ref","className","_d","_e","_f","onClick","__spreadArray","Array","isArray","join","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAAA,iBAAe,CAAA,UAACA,EAAD,EAAoB;AACjC,EAAA,IAAI,OAAOA,EAAP,KAAc,QAAlB,EAA4B;AAC1B,IAAA,OAAOA,EAAP,CAAA;AACD,GAAA;;AACD,EAAA,IAAI,OAAOA,EAAP,KAAc,QAAlB,EAA4B;AAC1B,IAAA,IAAMC,MAAM,GAAGC,MAAM,CAACC,UAAP,CAAkBH,EAAlB,CAAf,CAAA;;AACA,IAAA,IAAI,CAACE,MAAM,CAACE,KAAP,CAAaH,MAAb,CAAL,EAA2B;AACzB,MAAA,OAAOA,MAAP,CAAA;AACD,KAAA;AACF,GAAA;;AACD,EAAA,OAAO,IAAP,CAAA;AACD,CAXD;;ACSA,IAAMI,sBAAsB,GAAG,qBAA/B,CAAA;;AAOA,IAAMC,gBAAgB,GAAG,UAACC,EAAD,EAAyC;MAAtCC,KAAK,GAAAD,EAAA,CAAAC;MAAEC,MAAM,GAAAF,EAAA,CAAAE;AACvC,EAAA,IAAIC,SAAS,GAAGC,UAAU,CAACH,KAAD,CAA1B,CAAA;AACA,EAAA,IAAII,UAAU,GAAGD,UAAU,CAACF,MAAD,CAA3B,CAAA;;AACA,EAAA,IAAI,OAAOC,SAAP,KAAqB,QAAzB,EAAmC;AACjCA,IAAAA,SAAS,IAAI,KAAb,CAAA;AACD,GAAA;;AACD,EAAA,IAAI,OAAOE,UAAP,KAAsB,QAA1B,EAAoC;AAClCA,IAAAA,UAAU,IAAI,KAAd,CAAA;AACD,GAAA;;EAED,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,8BAAf;AAA8C,IAAA,KAAK,EAAE;AAAEL,MAAAA,KAAK,EAAAA,KAAP;AAASC,MAAAA,MAAM,EAAAA,MAAAA;AAAf,KAAA;AAArD,GAAA,eACEI,wCAACC,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,IADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAER,SAHT;AAIE,IAAA,MAAM,EAAEE,UAAAA;AAJV,GAAA,CADF,CADF,CAAA;AAUD,CApBD,CAAA;;AAsBA,IAAMO,iBAAiB,GAAG,UAACZ,EAAD,EAGF;MAFtBC,KAAK,GAAAD,EAAA,CAAAC;MACLC,MAAM,GAAAF,EAAA,CAAAE;AACqB,EAAA,oBAC3BI,wCAAC,gBAAD,EAAA;AAAkB,IAAA,KAAK,EAAEL,KAAzB;AAAgC,IAAA,MAAM,EAAEC,MAAAA;GADb,CAAA,CAAA;AAE5B,CALD,CAAA;;AAeaW,IAAAA,WAAW,GAAG,UAACb,EAAD,EAMR;MALjBc,EAAQ,GAAAd,EAAA,CAAAe;MAARA,GAAG,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA;MACNE,EAAA,GAAAhB,EAAA,CAAAiB;MAAAA,GAAG,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA;MACRd,MAAM,GAAAF,EAAA,CAAAE;MACND,KAAK,GAAAD,EAAA,CAAAC;MACLiB,sBAAsB,GAAAlB,EAAA,CAAAkB;;EAEtB,IAAMC,gBAAgB,GAAG,YAAM;IAAA,OAAAD,sBAAsB,GAAGA,sBAAsB,CAAC;AAAEjB,MAAAA,KAAK,EAAAA,KAAP;AAASC,MAAAA,MAAM,EAAAA,MAAAA;KAAhB,CAAzB,GAA+CU,iBAAiB,CAAC;AAAEX,MAAAA,KAAK,EAAAA,KAAP;AAASC,MAAAA,MAAM,EAAAA,MAAAA;AAAf,KAAD,CAAtF,CAAA;GAA/B,CAAA;;AAEA,EAAA,IAAI,OAAOa,GAAP,KAAe,QAAnB,EAA6B;AAC3B,IAAA,oBACET,wCAACc,gBAAD,EAAA;AACE,MAAA,SAAS,EAAEtB,sBADb;AAEE,MAAA,GAAG,EAAEiB,GAFP;AAGE,MAAA,MAAM,EAAEb,MAHV;AAIE,MAAA,KAAK,EAAED,KAJT;AAKE,MAAA,GAAG,EAAEgB,GALP;AAME,MAAA,gBAAgB,EAAEE,gBAAAA;KAPtB,CAAA,CAAA;AAUD,GAAA;;AAED,EAAA,IAAIJ,GAAG,IAAIA,GAAG,CAACM,MAAf,EAAuB;AACrB,IAAA,IAAIN,GAAG,CAACM,MAAJ,KAAe,CAAnB,EAAsB;AACpB,MAAA,oBACEf,wCAACc,gBAAD,EAAA;AACE,QAAA,SAAS,EAAEtB,sBADb;AAEE,QAAA,GAAG,EAAEiB,GAAG,CAAC,CAAD,CAFV;AAGE,QAAA,MAAM,EAAEb,MAHV;AAIE,QAAA,KAAK,EAAED,KAJT;AAKE,QAAA,GAAG,EAAEgB,GALP;AAME,QAAA,gBAAgB,EAAEE,gBAAAA;OAPtB,CAAA,CAAA;AAUD,KAAA;;AAED,IAAA,IAAIJ,GAAG,CAACM,MAAJ,KAAe,CAAnB,EAAsB;MACpB,oBACEf,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC,mCAAA;AAAf,OAAA,eACEA,wCAACc,gBAAD,EAAA;AACE,QAAA,SAAS,EAAEtB,sBADb;AAEE,QAAA,GAAG,EAAEiB,GAAG,CAAC,CAAD,CAFV;AAGE,QAAA,MAAM,EAAEb,MAHV;AAIE,QAAA,KAAK,EAAED,KAJT;AAKE,QAAA,GAAG,EAAEgB,GALP;AAME,QAAA,gBAAgB,EAAEE,gBAAAA;OAPtB,CAAA,eASEb,wCAACc,gBAAD,EAAA;AACE,QAAA,SAAS,EAAEtB,sBADb;AAEE,QAAA,GAAG,EAAEiB,GAAG,CAAC,CAAD,CAFV;AAGE,QAAA,MAAM,EAAEb,MAHV;AAIE,QAAA,KAAK,EAAED,KAJT;AAKE,QAAA,GAAG,EAAEgB,GALP;AAME,QAAA,gBAAgB,EAAEE,gBAAAA;AANpB,OAAA,CATF,CADF,CAAA;AAoBD,KAAA;;AAED,IAAA,IAAIJ,GAAG,CAACM,MAAJ,KAAe,CAAnB,EAAsB;AACpB,MAAA,oBACEf,yBACE,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,eAAAA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC,4CAAA;AAAf,OAAA,eACEA,wCAACc,gBAAD,EAAA;AACE,QAAA,SAAS,EAAEtB,sBADb;AAEE,QAAA,GAAG,EAAEiB,GAAG,CAAC,CAAD,CAFV;AAGE,QAAA,MAAM,EAAEb,MAHV;AAIE,QAAA,KAAK,EAAED,KAJT;AAKE,QAAA,GAAG,EAAEgB,GALP;AAME,QAAA,gBAAgB,EAAEE,gBAAAA;AANpB,OAAA,CADF,CADF,eAWEb,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAC,4CAAA;AAAf,OAAA,eACEA,wCAACc,gBAAD,EAAA;AACE,QAAA,SAAS,EAAEtB,sBADb;AAEE,QAAA,GAAG,EAAEiB,GAAG,CAAC,CAAD,CAFV;AAGE,QAAA,MAAM,EAAEb,MAHV;AAIE,QAAA,KAAK,EAAED,KAJT;AAKE,QAAA,GAAG,EAAEgB,GALP;AAME,QAAA,gBAAgB,EAAEE,gBAAAA;OAPtB,CAAA,eASEb,wCAACc,gBAAD,EAAA;AACE,QAAA,SAAS,EAAEtB,sBADb;AAEE,QAAA,GAAG,EAAEiB,GAAG,CAAC,CAAD,CAFV;AAGE,QAAA,MAAM,EAAEb,MAHV;AAIE,QAAA,KAAK,EAAED,KAJT;AAKE,QAAA,GAAG,EAAEgB,GALP;AAME,QAAA,gBAAgB,EAAEE,gBAAAA;AANpB,OAAA,CATF,CAXF,CADF,CAAA;AAgCD,KAAA;;IAED,oBACEb,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAC,oCAAA;AAAf,KAAA,EAEIS,GAAG,CAACO,KAAJ,CAAU,CAAV,EAAa,CAAb,CAAA,CACGC,GADH,CACO,UAACC,CAAD,EAAO;AAAA,MAAA,oBACVlB,wCAACc,gBAAD,EAAA;AACE,QAAA,SAAS,EAAEtB,sBADb;AAEE,QAAA,GAAG,EAAE0B,CAFP;AAGE,QAAA,MAAM,EAAEtB,MAHV;AAIE,QAAA,KAAK,EAAED,KAJT;AAKE,QAAA,GAAG,EAAEgB,GALP;QAME,GAAG,EAAEQ,WAAM,EANb;AAOE,QAAA,gBAAgB,EAAEN,gBAAAA;OARV,CAAA,CAAA;AAUX,KAXH,CAFJ,CADF,CAAA;AAkBD,GA1GgB;;;AA4GjB,EAAA,oBACEb,wCAACc,gBAAD,EAAA;AACE,IAAA,SAAS,EAAEtB,sBADb;AAEE,IAAA,GAAG,EAAC,EAFN;AAGE,IAAA,MAAM,EAAEI,MAHV;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,GAAG,EAAEgB,GALP;AAME,IAAA,gBAAgB,EAAEE,gBAAAA;GAPtB,CAAA,CAAA;AAUD,EA5HM;;AAwIP,SAASO,MAAT,CACE1B,EADF,EAUE2B,GAVF,EAUgC;AAR5B,EAAA,IAAAb,EAAA,GAAAd,EAAA,CAAA4B,SAAA;MAAAA,SAAS,GAAAd,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAAd;AAAA,MACAE,EAAQ,GAAAhB,EAAA,CAAAe,GADR;MACAA,GAAG,GAAAC,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EADR;AAAA,MAEAa,WAFA;MAEAZ,GAAG,mBAAG,KAAEY,EAFR;AAAA,MAGAC,EAAA,GAAA9B,EAAA,CAAAC,KAHA;MAGAA,KAAK,GAAA6B,EAAA,KAAA,KAAA,CAAA,GAAG,MAAH,GAASA,EAHd;AAAA,MAIAC,EAAe,GAAA/B,EAAA,CAAAE,MAJf;MAIAA,MAAM,GAAA6B,EAAA,KAAA,KAAA,CAAA,GAAG,MAAH,GAASA,EAJf;AAAA,MAKAC,OAAO,GAAAhC,EAAA,CAAAgC,OALP;AAAA,MAMAd,sBAAsB,GAAAlB,EAAA,CAAAkB,sBANtB,CAAA;EAUF,oBACEZ,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE2B,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcP,SAAd,CAAA,GAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,iBADuD,CAD9C,OAAA,CAAA,CAGTQ,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,GAAG,EAAET,GANP;AAOE,IAAA,KAAK,EAAE;AAAEzB,MAAAA,MAAM,EAAAA,MAAR;AAAUD,MAAAA,KAAK,EAAAA,KAAAA;KAPxB;AAQE,IAAA,OAAO,EAAE+B,OARX;AASE,IAAA,SAAS,EAAEA,OATb;AAUE,IAAA,QAAQ,EAAE,CAAA;AAVZ,GAAA,eAYE1B,wCAAC,WAAD,EAAA;AACE,IAAA,GAAG,EAAES,GADP;AAEE,IAAA,KAAK,EAAEd,KAFT;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,GAAG,EAAEe,GAJP;AAKE,IAAA,sBAAsB,EAAEC,sBAAAA;AAL1B,GAAA,CAZF,CADF,CAAA;AAsBD,CAAA;;AAED,eAAA,aAAeZ,yBAAK,CAAC+B,UAAN,CAAiBX,MAAjB,CAAf;;;;;"}
+{"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","createElement","className","style","Icon","type","IconTypes","USER","fillColor","IconColors","CONTENT","_defaultComponent","AvatarInner","_b","src","_c","alt","customDefaultComponent","defaultComponent","ImageRenderer","url","length","Fragment","slice","map","i","key","uuidv4","Avatar","ref","_d","_e","_f","onClick","__spreadArray","Array","isArray","join","role","onKeyDown","tabIndex","forwardRef"],"mappings":"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"}

package/cjs/ui/Badge.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-ee1122c5.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
-var ui_Label = require('../index-26a1e861.js');
-var LocalizationContext = require('../LocalizationContext-01fceac0.js');
+var ui_Label = require('../index-3d6159df.js');
+var LocalizationContext = require('../LocalizationContext-9b216d02.js');
 require('prop-types');
-require('../stringSet-7330b627.js');
-require('../index-7c5d21c4.js');
+require('../stringSet-e52248ab.js');
+require('../index-02729806.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,10 +14,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function Badge(_a) {
   var count = _a.count,
-      _b = _a.maxLevel,
-      maxLevel = _b === void 0 ? 2 : _b,
-      _c = _a.className,
-      className = _c === void 0 ? '' : _c;
+    _b = _a.maxLevel,
+    maxLevel = _b === void 0 ? 2 : _b,
+    _c = _a.className,
+    className = _c === void 0 ? '' : _c;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var maximumNumber = parseInt('9'.repeat(maxLevel > 6 ? 6 : maxLevel), 10);
   return /*#__PURE__*/React__default["default"].createElement("div", {

package/cjs/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","Label","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,gBAAU,CAACC,uCAAD,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,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,uBAAA,CAAAA,uBAAA,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,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,sBAAA;AAAf,GAAA,eACEA,wCAACK,cAAD,EAAA;IACE,IAAI,EAAEC,wBAAe,CAACC,SADxB;IAEE,KAAK,EAAEC,oBAAW,CAACC,WAAAA;AAFrB,GAAA,EAKKpB,KAAK,GAAGQ,aAAT,GACI,EAAGa,CAAAA,MAAH,CAAGb,aAAH,CAAA,OAAA,CAAmBH,SAAS,CAACiB,WAA7B,CADJ,GAEItB,KAPR,CADF,CANF,CADF,CAAA;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","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1","concat","BADGE__OVER"],"mappings":";;;;;;;;;;;;;;AAYwB,SAAAA,KAAKA,CAACC,EAIjB,EAAA;AAHX,EAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACLC,EAAY,GAAAF,EAAA,CAAAG,QAAA;IAAZA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,GAAAA,EAAA;IACZE,EAAc,GAAAJ,EAAA,CAAAK,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEN,EAAA,IAAAE,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AACjB,EAAA,IAAMC,aAAa,GAAGC,QAAQ,CAAC,GAAG,CAACC,MAAM,CAAER,QAAQ,GAAG,CAAC,GAAI,CAAC,GAAGA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAA;EAC7E,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACER,IAAAA,SAAS,EAAES,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,gBAAgB,CAChB,EAAA,KAAA,CAAA,CAAAY,IAAI,CAAC,GAAG,CAAA;GAEVL,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCO,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;IACJC,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAGhBvB,EAAAA,KAAK,GAAGQ,aAAa,GAClB,EAAG,CAAAgB,MAAA,CAAAhB,aAAa,SAAGH,SAAS,CAACoB,WAAW,CAAE,GAC1CzB,KAAK,CAGf,CACF,CAAM,CAAA;AAEV;;;;"}

package/cjs/ui/BottomSheet.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var index = require('../index-36aaf992.js');
+var index = require('../index-d85616b2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -10,19 +10,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var BottomSheet = function (props) {
   var _a = props.className,
-      className = _a === void 0 ? '' : _a,
-      children = props.children,
-      onBackdropClick = props.onBackdropClick; // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
-
+    className = _a === void 0 ? '' : _a,
+    children = props.children,
+    onBackdropClick = props.onBackdropClick;
+  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
   var portalRoot = React.useRef();
   portalRoot.current = document.getElementById(index.MODAL_ROOT);
-
   if (!portalRoot.current) {
     portalRoot.current = document.createElement('div');
     portalRoot.current.setAttribute('id', index.MODAL_ROOT);
     document.body.appendChild(portalRoot.current);
   }
-
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(className, " sendbird-bottomsheet")
   }, /*#__PURE__*/React__default["default"].createElement("div", {

package/cjs/ui/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sources":["../../../src/ui/BottomSheet/index.tsx"],"sourcesContent":["import './bottom-sheet.scss';\nimport React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\n\ninterface BottomSheetProps {\n  className?: string;\n  children: React.ReactElement;\n  onBackdropClick?: () => void;\n}\n\nconst BottomSheet: React.FunctionComponent<BottomSheetProps> = (props: BottomSheetProps) => {\n  const {\n    className = '',\n    children,\n    onBackdropClick,\n  } = props;\n\n  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348\n  const portalRoot = useRef<HTMLElement>();\n  portalRoot.current = document.getElementById(MODAL_ROOT);\n  if (!portalRoot.current) {\n    portalRoot.current = document.createElement('div')\n    portalRoot.current.setAttribute('id', MODAL_ROOT);\n    document.body.appendChild(portalRoot.current);\n  }\n  return createPortal(\n    <div\n      className={`${className} sendbird-bottomsheet`}\n    >\n      <div\n        className={'sendbird-bottomsheet__content'}\n        role='dialog'\n        aria-modal='true'\n        aria-expanded='true'\n      >\n        {children}\n      </div>\n      <div\n        className={`\n          sendbird-bottomsheet__backdrop\n        `}\n        onClick={(e) =>{\n          e?.stopPropagation();\n          onBackdropClick();\n        }}\n      />\n    </div>\n  , portalRoot.current);\n};\n\nexport default BottomSheet;\n"],"names":["BottomSheet","props","_a","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","concat","e","stopPropagation"],"mappings":";;;;;;;;;;AAYA,IAAMA,WAAW,GAA8C,UAACC,KAAD,EAAwB;AAEnF,EAAA,IAAAC,KAGED,KAAK,CAAAE,SAHP;MAAAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAAd;AAAA,MACAE,QAAQ,GAENH,KAAK,CAFCG,QADR;AAAA,MAEAC,eAAe,GACbJ,KAAK,gBAHP,CAFmF;;EAQrF,IAAMK,UAAU,GAAGC,YAAM,EAAzB,CAAA;EACAD,UAAU,CAACE,OAAX,GAAqBC,QAAQ,CAACC,cAAT,CAAwBC,gBAAxB,CAArB,CAAA;;AACA,EAAA,IAAI,CAACL,UAAU,CAACE,OAAhB,EAAyB;IACvBF,UAAU,CAACE,OAAX,GAAqBC,QAAQ,CAACG,aAAT,CAAuB,KAAvB,CAArB,CAAA;AACAN,IAAAA,UAAU,CAACE,OAAX,CAAmBK,YAAnB,CAAgC,IAAhC,EAAsCF,gBAAtC,CAAA,CAAA;AACAF,IAAAA,QAAQ,CAACK,IAAT,CAAcC,WAAd,CAA0BT,UAAU,CAACE,OAArC,CAAA,CAAA;AACD,GAAA;;AACD,EAAA,oBAAOQ,qBAAY,eACjBC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGf,SAAH,EAAmC,uBAAnC,CAAA;GAEX,eAAAc,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,+BADb;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,YAAA,EAAW,MAHb;IAIE,eAAc,EAAA,MAAA;GAEbb,EAAAA,QANH,CAHF,eAWEa,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,sDADb;IAIE,OAAO,EAAE,UAACE,CAAD,EAAE;AACTA,MAAAA,CAAC,SAAD,IAAAA,CAAC,KAAA,KAAA,CAAD,GAAC,KAAA,CAAD,GAAAA,CAAC,CAAEC,eAAH,EAAA,CAAA;MACAf,eAAe,EAAA,CAAA;AAChB,KAAA;AAPH,GAAA,CAXF,CADiB,EAsBjBC,UAAU,CAACE,OAtBM,CAAnB,CAAA;AAuBD;;;;"}
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/ui/BottomSheet/index.tsx"],"sourcesContent":["import './bottom-sheet.scss';\nimport React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\n\ninterface BottomSheetProps {\n  className?: string;\n  children: React.ReactElement;\n  onBackdropClick?: () => void;\n}\n\nconst BottomSheet: React.FunctionComponent<BottomSheetProps> = (props: BottomSheetProps) => {\n  const {\n    className = '',\n    children,\n    onBackdropClick,\n  } = props;\n\n  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348\n  const portalRoot = useRef<HTMLElement>();\n  portalRoot.current = document.getElementById(MODAL_ROOT);\n  if (!portalRoot.current) {\n    portalRoot.current = document.createElement('div')\n    portalRoot.current.setAttribute('id', MODAL_ROOT);\n    document.body.appendChild(portalRoot.current);\n  }\n  return createPortal(\n    <div\n      className={`${className} sendbird-bottomsheet`}\n    >\n      <div\n        className={'sendbird-bottomsheet__content'}\n        role='dialog'\n        aria-modal='true'\n        aria-expanded='true'\n      >\n        {children}\n      </div>\n      <div\n        className={`\n          sendbird-bottomsheet__backdrop\n        `}\n        onClick={(e) => {\n          e?.stopPropagation();\n          onBackdropClick();\n        }}\n      />\n    </div>,\n    portalRoot.current);\n};\n\nexport default BottomSheet;\n"],"names":["BottomSheet","props","_a","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","concat","role","onClick","e","stopPropagation"],"mappings":";;;;;;;;;;AAYA,IAAMA,WAAW,GAA8C,UAACC,KAAuB,EAAA;AAEnF,EAAA,IAAAC,KAGED,KAAK,CAAAE,SAHO;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAENH,KAAK,CAFCG,QAAA;IACRC,eAAe,GACbJ,KAAK,gBADQ,CAAA;AAGjB;EACA,IAAMK,UAAU,GAAGC,YAAM,EAAe,CAAA;EACxCD,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACC,gBAAU,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,gBAAU,CAAC,CAAA;IACjDF,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACT,UAAU,CAACE,OAAO,CAAC,CAAA;AAC9C,GAAA;AACD,EAAA,oBAAOQ,qBAAY,eACjBC,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,EAAG,CAAAe,MAAA,CAAAf,SAAS,EAAuB,uBAAA,CAAA;GAE9Cc,eAAAA,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,+BAAgC;AAC3CgB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,MAAM;IACjB,eAAc,EAAA,MAAA;AAAM,GAAA,EAEnBf,QAAQ,CAEX,eAAAa,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,sDAET;AACFiB,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAA;AACTA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACpBjB,MAAAA,eAAe,EAAE,CAAA;AACnB,KAAA;AAAE,GAAA,CAEN,CAAM,EACNC,UAAU,CAACE,OAAO,CAAC,CAAA;AACvB;;;;"}

package/cjs/ui/Button.js

@@ -2,27 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-ee1122c5.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
-var ui_Label = require('../index-26a1e861.js');
+var ui_Label = require('../index-3d6159df.js');
 require('prop-types');
-require('../stringSet-7330b627.js');
+require('../stringSet-e52248ab.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ButtonTypes$1;
-
 (function (ButtonTypes) {
   ButtonTypes["PRIMARY"] = "PRIMARY";
   ButtonTypes["SECONDARY"] = "SECONDARY";
   ButtonTypes["DANGER"] = "DANGER";
   ButtonTypes["DISABLED"] = "DISABLED";
 })(ButtonTypes$1 || (ButtonTypes$1 = {}));
-
 var ButtonSizes$1;
-
 (function (ButtonSizes) {
   ButtonSizes["BIG"] = "BIG";
   ButtonSizes["SMALL"] = "SMALL";
@@ -32,16 +29,12 @@ function changeTypeToClassName(type) {
   switch (type) {
     case ButtonTypes$1.PRIMARY:
       return 'sendbird-button--primary';
-
     case ButtonTypes$1.SECONDARY:
       return 'sendbird-button--secondary';
-
     case ButtonTypes$1.DANGER:
       return 'sendbird-button--danger';
-
     case ButtonTypes$1.DISABLED:
       return 'sendbird-button--disabled';
-
     default:
       return null;
   }
@@ -50,10 +43,8 @@ function changeSizeToClassName(size) {
   switch (size) {
     case ButtonSizes$1.BIG:
       return 'sendbird-button--big';
-
     case ButtonSizes$1.SMALL:
       return 'sendbird-button--small';
-
     default:
       return null;
   }
@@ -63,19 +54,17 @@ var ButtonTypes = ButtonTypes$1;
 var ButtonSizes = ButtonSizes$1;
 function Button(_a) {
   var className = _a.className,
-      _b = _a.type,
-      type = _b === void 0 ? ButtonTypes.PRIMARY : _b,
-      _c = _a.size,
-      size = _c === void 0 ? ButtonSizes.BIG : _c,
-      _d = _a.children,
-      children = _d === void 0 ? 'Button' : _d,
-      _e = _a.disabled,
-      disabled = _e === void 0 ? false : _e,
-      _f = _a.onClick,
-      onClick = _f === void 0 ? function () {} : _f;
-
+    _b = _a.type,
+    type = _b === void 0 ? ButtonTypes.PRIMARY : _b,
+    _c = _a.size,
+    size = _c === void 0 ? ButtonSizes.BIG : _c,
+    _d = _a.children,
+    children = _d === void 0 ? 'Button' : _d,
+    _e = _a.disabled,
+    disabled = _e === void 0 ? false : _e,
+    _f = _a.onClick,
+    onClick = _f === void 0 ? function () {} : _f;
   var injectingClassNames = tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-button', disabled ? 'sendbird-button__disabled' : '', changeTypeToClassName(type), changeSizeToClassName(size)], false).join(' ');
-
   return /*#__PURE__*/React__default["default"].createElement("button", {
     className: injectingClassNames,
     type: "button",

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

package/cjs/ui/ChannelAvatar.js

@@ -3,10 +3,10 @@
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var utils = require('../utils-5905fc1a.js');
-require('../tslib.es6-ee1122c5.js');
+var utils = require('../utils-dd55b959.js');
+require('../tslib.es6-957ba986.js');
 require('./ImageRenderer.js');
-require('../uuid-26b61f16.js');
+require('../uuid-a8af0c03.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,12 +15,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,
-      userId = _a.userId,
-      theme = _a.theme,
-      _b = _a.width,
-      width = _b === void 0 ? 56 : _b,
-      _c = _a.height,
-      height = _c === void 0 ? 56 : _c;
+    userId = _a.userId,
+    theme = _a.theme,
+    _b = _a.width,
+    width = _b === void 0 ? 56 : _b,
+    _c = _a.height,
+    height = _c === void 0 ? 56 : _c;
   var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
   var memoizedAvatar = React.useMemo(function () {
     return isBroadcast ? utils.generateDefaultAvatar(channel) ? /*#__PURE__*/React__default["default"].createElement("div", {

package/cjs/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","Icon","IconTypes","BROADCAST","IconColors","CONTENT","Avatar","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,aAAO,CAAC,YAAM;AAAA,IAAA,OACnCF,WAAW,GAEPG,2BAAA,CAA4BV,OAA5B,CAEI,gBAAAW,yBAAA,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,wCAACI,kBAAD,EAAA;MACE,IAAI,EAAEC,iBAAS,CAACC,SADlB;MAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;MAGE,KAAK,EAAEf,KAAK,GAAG,KAHjB;MAIE,MAAM,EAAEE,MAAM,GAAG,KAAA;KAdrB,CAAA,CAFJ,gBAqBIK,yBAAA,CAAA,aAAA,CAACS,oBAAD,EAAA;AACE,MAAA,SAAS,EAAC,iDADZ;MAEE,GAAG,EAAEV,4BAAA,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,CAAEqB,IAAAA;KA5Bb,CAAA,gBAiCPV,wCAACS,oBAAD,EAAA;AACE,MAAA,SAAS,EAAC,6CADZ;MAEE,GAAG,EAAEV,4BAAA,CAA6BV,OAA7B,EAAsCC,MAAtC,CAFP;AAGE,MAAA,KAAK,EAAE,EAAGqB,CAAAA,MAAH,CAAGlB,KAAH,EAAY,IAAZ,CAHT;AAIE,MAAA,MAAM,EAAE,EAAAkB,CAAAA,MAAA,CAAGhB,MAAH,EAAa,IAAb,CAJV;AAKE,MAAA,GAAG,EAAEN,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqB,IAAAA;KAvCe,CAAA,CAAA;AA0CpC,GA1C6B,EA0C5B,CAACrB,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEuB,OAAV,EAAmBvB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEwB,QAA5B,EAAsCtB,KAAtC,CA1C4B,CAA9B,CAAA;EA2CA,oBACES,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,EAAIH,cAAJ,CADF,CAAA;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","createElement","className","style","display","justifyContent","alignItems","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","CONTENT","Avatar","src","alt","name","concat","members","coverUrl","Fragment"],"mappings":";;;;;;;;;;;;;;;AAkBA,SAASA,aAAaA,CAACC,EAMf,EAAA;MALNC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IACPC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IACNC,KAAK,GAAAH,EAAA,CAAAG,KAAA;IACLC,EAAU,GAAAJ,EAAA,CAAAK,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACVE,EAAA,GAAAN,EAAA,CAAAO,MAAW;IAAXA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEX,EAAA,IAAME,WAAW,GAAGP,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,WAAW,CAAA;AACxC,EAAA,IAAMC,cAAc,GAAGC,aAAO,CAAC,YAAM;IAAA,OACnCF,WAAW,GAEPG,2BAA2B,CAACV,OAAO,CAAC,gBAEhCW,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,SAAS,EAAC,sCAAsC;AAChDC,MAAAA,KAAK,EAAE;AACLV,QAAAA,KAAK,EAAAA,KAAA;AACLE,QAAAA,MAAM,EAAAA,MAAA;AACNS,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,cAAc,EAAE,QAAQ;AACxBC,QAAAA,UAAU,EAAE,QAAA;AACb,OAAA;AAAC,KAAA,eAEFN,yBAAA,CAAAC,aAAA,CAACM,kBAAI,EAAA;MACHC,IAAI,EAAEC,iBAAS,CAACC,SAAU;MAC1BC,SAAS,EAAEC,kBAAU,CAACC,OAAQ;MAC9BpB,KAAK,EAAEA,KAAK,GAAG,KAAM;MACrBE,MAAM,EAAEA,MAAM,GAAG,KAAA;AAAM,KAAA,CAE3B,CAAM,gBAGNK,yBAAA,CAAAC,aAAA,CAACa,oBAAM,EAAA;AACLZ,MAAAA,SAAS,EAAC,iDAAiD;MAC3Da,GAAG,EAAEhB,4BAA4B,CAACV,OAAO,EAAEC,MAAM,CAAE;AACnDG,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,MAAM,EAAEA,MAAO;AACfqB,MAAAA,GAAG,EAAE3B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE4B,IAAAA;AAAK,KAAA,CAEtB,gBAGHjB,yBAAA,CAAAC,aAAA,CAACa,oBAAM,EAAA;AACLZ,MAAAA,SAAS,EAAC,6CAA6C;MACvDa,GAAG,EAAEhB,4BAA4B,CAACV,OAAO,EAAEC,MAAM,CAAE;MACnDG,KAAK,EAAE,EAAG,CAAAyB,MAAA,CAAAzB,KAAK,EAAI,IAAA,CAAC;MACpBE,MAAM,EAAE,EAAA,CAAAuB,MAAA,CAAGvB,MAAM,EAAI,IAAA,CAAC;AACtBqB,MAAAA,GAAG,EAAE3B,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE4B,IAAAA;KAEjB,CAAA,CAAA;AAzCgC,GA0CpC,EAAE,CAAC5B,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE8B,OAAO,EAAE9B,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE+B,QAAQ,EAAE7B,KAAK,CAAC,CAAC,CAAA;EAChD,oBACES,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAqB,QAAA,EAAIxB,IAAAA,EAAAA,cAAc,CAAK,CAAA;AAE3B;;;;"}

package/cjs/ui/Checkbox.js

@@ -8,17 +8,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function Checkbox(_a) {
   var id = _a.id,
-      _b = _a.checked,
-      checked = _b === void 0 ? false : _b,
-      disabled = _a.disabled,
-      onChange = _a.onChange;
-
+    _b = _a.checked,
+    checked = _b === void 0 ? false : _b,
+    disabled = _a.disabled,
+    onChange = _a.onChange;
   var _c = React.useState(checked),
-      isChecked = _c[0],
-      setIsCheck = _c[1];
-
+    isChecked = _c[0],
+    setIsCheck = _c[1];
   return /*#__PURE__*/React__default["default"].createElement("label", {
-    className: ["sendbird-checkbox", disabled ? 'disabled' : ''].join(' '),
+    className: ['sendbird-checkbox', disabled ? 'disabled' : ''].join(' '),
     htmlFor: id
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     disabled: disabled,
@@ -30,7 +28,7 @@ function Checkbox(_a) {
     },
     onChange: onChange
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: ["sendbird-checkbox--checkmark", disabled ? 'disabled' : ''].join(' ')
+    className: ['sendbird-checkbox--checkmark', disabled ? 'disabled' : ''].join(' ')
   }));
 }
 

package/cjs/ui/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/ui/Checkbox/index.tsx"],"sourcesContent":["import React, { ChangeEvent, ReactElement, useState } from 'react';\nimport './index.scss';\n\nexport interface CheckboxProps {\n  id?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function Checkbox({\n  id,\n  checked = false,\n  disabled,\n  onChange,\n}: CheckboxProps): ReactElement {\n  const [isChecked, setIsCheck] = useState(checked);\n  return (\n    <label\n      className={[\n        \"sendbird-checkbox\",\n        disabled ? 'disabled' : '',\n      ].join(' ')}\n      htmlFor={id}\n    >\n      <input\n        disabled={disabled}\n        id={id}\n        type=\"checkbox\"\n        checked={isChecked}\n        onClick={() => {\n          if (!disabled) setIsCheck(!isChecked);\n        }}\n        onChange={onChange}\n      />\n      <span\n        className={[\n          \"sendbird-checkbox--checkmark\",\n          disabled ? 'disabled' : '',\n        ].join(' ')}\n      />\n    </label>\n  );\n}\n"],"names":["Checkbox","_a","id","_b","checked","disabled","onChange","_c","useState","isChecked","setIsCheck","React","join"],"mappings":";;;;;;;;AAUwB,SAAAA,QAAA,CAASC,EAAT,EAKR;AAJd,EAAA,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAF;AAAA,MACAC,EAAe,GAAAF,EAAA,CAAAG,OADf;MACAA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA,EADf;AAAA,MAEAE,QAAQ,GAAAJ,EAAA,CAAAI,QAFR;AAAA,MAGAC,QAAQ,GAAAL,EAAA,CAAAK,QAHR,CAAA;;AAKM,EAAA,IAAAC,EAAA,GAA0BC,cAAQ,CAACJ,OAAD,CAAlC;AAAA,MAACK,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,UAAU,GAAAH,EAAA,CAAA,CAAA,CAAtB,CAAA;;EACN,oBACEI,yBAAA,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,EAAEV,EAAAA;GAET,eAAAS,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACE,IAAA,QAAQ,EAAEN,QADZ;AAEE,IAAA,EAAE,EAAEH,EAFN;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,OAAO,EAAEO,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,yBAAA,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;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/ui/Checkbox/index.tsx"],"sourcesContent":["import React, { ChangeEvent, ReactElement, useState } from 'react';\nimport './index.scss';\n\nexport interface CheckboxProps {\n  id?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function Checkbox({\n  id,\n  checked = false,\n  disabled,\n  onChange,\n}: CheckboxProps): ReactElement {\n  const [isChecked, setIsCheck] = useState(checked);\n  return (\n    <label\n      className={[\n        'sendbird-checkbox',\n        disabled ? 'disabled' : '',\n      ].join(' ')}\n      htmlFor={id}\n    >\n      <input\n        disabled={disabled}\n        id={id}\n        type=\"checkbox\"\n        checked={isChecked}\n        onClick={() => {\n          if (!disabled) setIsCheck(!isChecked);\n        }}\n        onChange={onChange}\n      />\n      <span\n        className={[\n          'sendbird-checkbox--checkmark',\n          disabled ? 'disabled' : '',\n        ].join(' ')}\n      />\n    </label>\n  );\n}\n"],"names":["Checkbox","_a","id","_b","checked","disabled","onChange","_c","useState","isChecked","setIsCheck","React","createElement","className","join","htmlFor","type","onClick"],"mappings":";;;;;;;;AAUwB,SAAAA,QAAQA,CAACC,EAKjB,EAAA;AAJd,EAAA,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;IACFC,EAAe,GAAAF,EAAA,CAAAG,OAAA;IAAfA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACfE,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;IACRC,QAAQ,GAAAL,EAAA,CAAAK,QAAA,CAAA;AAEF,EAAA,IAAAC,EAAA,GAA0BC,cAAQ,CAACJ,OAAO,CAAC;AAA1CK,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,EAAA,CAAA,CAAA,CAAqB,CAAA;EACjD,oBACEI,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,mBAAmB,EACnBR,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,OAAO,EAAEb,EAAAA;GAETS,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEP,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,EAAE,EAAEA,EAAG;AACPc,IAAAA,IAAI,EAAC,UAAU;AACfZ,IAAAA,OAAO,EAAEK,SAAU;IACnBQ,OAAO,EAAE,YAAA;AACP,MAAA,IAAI,CAACZ,QAAQ,EAAEK,UAAU,CAAC,CAACD,SAAS,CAAC,CAAA;KACrC;AACFH,IAAAA,QAAQ,EAAEA,QAAAA;GAEZ,CAAA,eAAAK,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,8BAA8B,EAC9BR,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACS,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,CAEhB,CAAQ,CAAA;AAEZ;;;;"}

package/cjs/ui/ConnectionStatus.js

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-26a1e861.js');
-var LocalizationContext = require('../LocalizationContext-01fceac0.js');
+var ui_Label = require('../index-3d6159df.js');
+var LocalizationContext = require('../LocalizationContext-9b216d02.js');
 require('prop-types');
-require('../stringSet-7330b627.js');
-require('../index-7c5d21c4.js');
+require('../stringSet-e52248ab.js');
+require('../index-02729806.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }