@sendbird/uikit-react 3.1.1 → 3.1.2-rc.0

package/cjs/ui/TextButton.js

@@ -1,44 +1,37 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-92e5e012.js');
+var tslib_es6 = require('../tslib.es6-4d92f5f1.js');
 var React = require('react');
-var PropTypes = require('prop-types');
-var color = require('../color-2f811855.js');
+var color = require('../color-047cfbdf.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function TextButton(_ref) {
-  var className = _ref.className,
-      color$1 = _ref.color,
-      disabled = _ref.disabled,
-      notUnderline = _ref.notUnderline,
-      onClick = _ref.onClick,
-      children = _ref.children;
+var TextButton = function TextButton(_a) {
+  var _b = _a.className,
+      className = _b === void 0 ? '' : _b,
+      _c = _a.color,
+      color$1 = _c === void 0 ? color.Colors.ONBACKGROUND_1 : _c,
+      _d = _a.disabled,
+      disabled = _d === void 0 ? false : _d,
+      _e = _a.disableUnderline,
+      disableUnderline = _e === void 0 ? false : _e,
+      _f = _a.onClick,
+      _onClick = _f === void 0 ? function () {} : _f,
+      children = _a.children;
+
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), [color.changeColorToClassName(color$1), notUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : '']).join(' '),
+    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), [color.changeColorToClassName(color$1), disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : ''], false).join(' '),
     role: "button",
     tabIndex: 0,
-    onClick: onClick,
-    onKeyPress: onClick
+    onClick: function onClick(e) {
+      return _onClick(e);
+    },
+    onKeyPress: function onKeyPress(e) {
+      return _onClick(e);
+    }
   }, children);
-}
-TextButton.propTypes = {
-  className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
-  color: PropTypes__default["default"].string,
-  disabled: PropTypes__default["default"].bool,
-  notUnderline: PropTypes__default["default"].bool,
-  onClick: PropTypes__default["default"].func,
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element]).isRequired
-};
-TextButton.defaultProps = {
-  className: '',
-  color: color.Colors.ONBACKGROUND_1,
-  disabled: false,
-  notUnderline: false,
-  onClick: function onClick() {}
 };
 
 module.exports = TextButton;

package/cjs/ui/TextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.js","sources":["../../../src/ui/TextButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { changeColorToClassName, Colors } from '../../utils/color';\n\nexport default function TextButton({\n  className,\n  color,\n  disabled,\n  notUnderline,\n  onClick,\n  children,\n}) {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        notUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyPress={onClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nTextButton.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  color: PropTypes.string,\n  disabled: PropTypes.bool,\n  notUnderline: PropTypes.bool,\n  onClick: PropTypes.func,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n  ]).isRequired,\n};\n\nTextButton.defaultProps = {\n  className: '',\n  color: Colors.ONBACKGROUND_1,\n  disabled: false,\n  notUnderline: false,\n  onClick: () => { },\n};\n"],"names":["TextButton","className","color","disabled","notUnderline","onClick","children","React","Array","isArray","changeColorToClassName","join","propTypes","PropTypes","oneOfType","string","arrayOf","bool","func","element","isRequired","defaultProps","Colors","ONBACKGROUND_1"],"mappings":";;;;;;;;;;;;AAMe,SAASA,UAAT,OAOZ;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,OAKC,QALDA,KAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHDC,YAGC,QAHDA,YAGC;AAAA,MAFDC,OAEC,QAFDA,OAEC;AAAA,MADDC,QACC,QADDA,QACC;AACD,sBACEC;AACE,IAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcR,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAETS,4BAAsB,CAACR,OAAD,CAFb,EAGTE,YAAY,GAAG,oCAAH,GAA0C,qBAH7C,EAITD,QAAQ,GAAG,+BAAH,GAAqC,EAJpC,GAKTQ,IALS,CAKJ,GALI,CADb;AAOE,IAAA,IAAI,EAAC,QAPP;AAQE,IAAA,QAAQ,EAAE,CARZ;AASE,IAAA,OAAO,EAAEN,OATX;AAUE,IAAA,UAAU,EAAEA;AAVd,KAYGC,QAZH,CADF;AAgBD;AAEDN,UAAU,CAACY,SAAX,GAAuB;AACrBX,EAAAA,SAAS,EAAEY,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADU;AAKrBb,EAAAA,KAAK,EAAEW,6BAAS,CAACE,MALI;AAMrBZ,EAAAA,QAAQ,EAAEU,6BAAS,CAACI,IANC;AAOrBb,EAAAA,YAAY,EAAES,6BAAS,CAACI,IAPH;AAQrBZ,EAAAA,OAAO,EAAEQ,6BAAS,CAACK,IARE;AASrBZ,EAAAA,QAAQ,EAAEO,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,MADkB,EAE5BF,6BAAS,CAACM,OAFkB,CAApB,EAGPC;AAZkB,CAAvB;AAeApB,UAAU,CAACqB,YAAX,GAA0B;AACxBpB,EAAAA,SAAS,EAAE,EADa;AAExBC,EAAAA,KAAK,EAAEoB,YAAM,CAACC,cAFU;AAGxBpB,EAAAA,QAAQ,EAAE,KAHc;AAIxBC,EAAAA,YAAY,EAAE,KAJU;AAKxBC,EAAAA,OAAO,EAAE,mBAAM;AALS,CAA1B;;;;"}
+{"version":3,"file":"TextButton.js","sources":["../../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => {/* noop */},\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_a","_b","className","_c","color","Colors","ONBACKGROUND_1","_d","disabled","_e","disableUnderline","_f","onClick","children","React","__spreadArray","Array","isArray","changeColorToClassName","join","e"],"mappings":";;;;;;;;;;IAkBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,EAAD;MACjBC;MAAAC,SAAS,mBAAG;MACZC;MAAAC,OAAK,mBAAGC,YAAM,CAACC;MACfC;MAAAC,QAAQ,mBAAG;MACXC;MAAAC,gBAAgB,mBAAG;MACnBC;MAAAC,QAAO,mBAAG;MACVC,QAAQ;;AAER,sBACEC;AACE,IAAA,SAAS,EAAEC,oDACLC,KAAK,CAACC,OAAN,CAAcf,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3CgB,4BAAsB,CAACd,OAAD,GACtBM,gBAAgB,GAAG,oCAAH,GAA0C,uBAC1DF,QAAQ,GAAG,+BAAH,GAAqC,WAJpC,CAKTW,IALS,CAKJ,GALI,CADb;AAOE,IAAA,IAAI,EAAC,QAPP;AAQE,IAAA,QAAQ,EAAE,CARZ;AASE,IAAA,OAAO,EAAE,iBAACC,CAAD;AAAO,aAAAR,QAAO,CAACQ,CAAD,CAAP;AAAU,KAT5B;AAUE,IAAA,UAAU,EAAE,oBAACA,CAAD;AAAO,aAAAR,QAAO,CAACQ,CAAD,CAAP;AAAU;AAV/B,KAYGP,QAZH,CADF;AAgBD;;;;"}

package/cjs/ui/TextMessageItemBody.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-cce2b8c0.js');
-var index = require('../index-10b68ab4.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
-var uuid = require('../uuid-920ae00d.js');
+var ui_Label = require('../index-13532266.js');
+var index = require('../index-bf23b757.js');
+var LocalizationContext = require('../LocalizationContext-a4d8d6fa.js');
+var uuid = require('../uuid-6fae7fc4.js');
 var ui_Word = require('./Word.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+require('../_rollupPluginBabelHelpers-e3f84a90.js');
 require('prop-types');
-require('../stringSet-afc1ff3b.js');
-require('../tslib.es6-12c25052.js');
-require('../index-2dacade8.js');
+require('../stringSet-0e48356d.js');
+require('../tslib.es6-4d92f5f1.js');
+require('../index-df5b04e6.js');
 require('./LinkLabel.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
@@ -19,12 +19,12 @@ require('./SortByRow.js');
 require('./UserProfile.js');
 require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-57ad0394.js');
-require('../utils-6f828dbd.js');
+require('../topics-6314d5b3.js');
+require('../utils-b8eff714.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../index-188e8e7f.js');
+require('../index-65aaad9e.js');
 require('../useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -3,10 +3,10 @@
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../index-10b68ab4.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+var index = require('../index-bf23b757.js');
+require('../_rollupPluginBabelHelpers-e3f84a90.js');
 require('prop-types');
-require('../tslib.es6-12c25052.js');
+require('../tslib.es6-4d92f5f1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Tooltip.js

@@ -1,35 +1,29 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-92e5e012.js');
+var tslib_es6 = require('../tslib.es6-4d92f5f1.js');
 var React = require('react');
-var PropTypes = require('prop-types');
-var ui_Label = require('../index-cce2b8c0.js');
-require('../stringSet-afc1ff3b.js');
+var ui_Label = require('../index-13532266.js');
+require('../_rollupPluginBabelHelpers-e3f84a90.js');
+require('prop-types');
+require('../stringSet-0e48356d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function Tooltip(_ref) {
-  var className = _ref.className,
-      children = _ref.children;
+function Tooltip(_a) {
+  var _b = _a.className,
+      className = _b === void 0 ? '' : _b,
+      _c = _a.children,
+      children = _c === void 0 ? '' : _c;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-tooltip']).join(' ')
+    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip'], false).join(' ')
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-tooltip__text",
     type: ui_Label.LabelTypography.CAPTION_2,
     color: ui_Label.LabelColors.ONCONTENT_1
   }, children));
 }
-Tooltip.propTypes = {
-  className: PropTypes__default["default"].string,
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string), PropTypes__default["default"].string])
-};
-Tooltip.defaultProps = {
-  className: '',
-  children: ''
-};
 
 module.exports = Tooltip;
 //# sourceMappingURL=Tooltip.js.map

package/cjs/ui/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/ui/Tooltip/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\nexport default function Tooltip({\n  className,\n  children,\n}) {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-tooltip__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </div>\n  );\n}\n\nTooltip.propTypes = {\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.string,\n  ]),\n};\n\nTooltip.defaultProps = {\n  className: '',\n  children: '',\n};\n"],"names":["Tooltip","className","children","React","Array","isArray","join","Label","LabelTypography","CAPTION_2","LabelColors","ONCONTENT_1","propTypes","PropTypes","string","oneOfType","element","arrayOf","defaultProps"],"mappings":";;;;;;;;;;;;;AAOe,SAASA,OAAT,OAGZ;AAAA,MAFDC,SAEC,QAFDA,SAEC;AAAA,MADDC,QACC,QADDA,QACC;AACD,sBACEC;AACE,IAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcJ,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAET,kBAFS,GAGTK,IAHS,CAGJ,GAHI;AADb,kBAMEH,wCAACI,cAAD;AACE,IAAA,SAAS,EAAC,wBADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,SAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGT,QALH,CANF,CADF;AAgBD;AAEDF,OAAO,CAACY,SAAR,GAAoB;AAClBX,EAAAA,SAAS,EAAEY,6BAAS,CAACC,MADH;AAElBZ,EAAAA,QAAQ,EAAEW,6BAAS,CAACE,SAAV,CAAoB,CAC5BF,6BAAS,CAACG,OADkB,EAE5BH,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACC,MAA5B,CAF4B,EAG5BD,6BAAS,CAACC,MAHkB,CAApB;AAFQ,CAApB;AASAd,OAAO,CAACkB,YAAR,GAAuB;AACrBjB,EAAAA,SAAS,EAAE,EADU;AAErBC,EAAAA,QAAQ,EAAE;AAFW,CAAvB;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/ui/Tooltip/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\nexport interface TooltipProps {\n  className?: string | Array<string>;\n  children?: string | ReactElement;\n}\nexport default function Tooltip({\n  className = '',\n  children= '',\n}: TooltipProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-tooltip__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </div>\n  );\n}\n"],"names":["Tooltip","_a","_b","className","_c","children","React","__spreadArray","Array","isArray","join","Label","LabelTypography","CAPTION_2","LabelColors","ONCONTENT_1"],"mappings":";;;;;;;;;;;;;SAUwBA,QAAQC;MAC9BC;MAAAC,SAAS,mBAAG;MACZC;MAAAC,QAAQ,mBAAE;AAEV,sBACEC;AACE,IAAA,SAAS,EAAEC,oDACLC,KAAK,CAACC,OAAN,CAAcN,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,2BAFS,CAGTO,IAHS,CAGJ,GAHI;AADb,kBAMEJ,wCAACK,cAAD;AACE,IAAA,SAAS,EAAC,wBADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,SAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGV,QALH,CANF,CADF;AAgBD;;;;"}

package/cjs/ui/TooltipWrapper.js

@@ -1,28 +1,26 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-92e5e012.js');
+var tslib_es6 = require('../tslib.es6-4d92f5f1.js');
 var React = require('react');
-var PropTypes = require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var SPACE_FROM_TRIGGER = 8;
-function TooltipWrapper(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      hoverTooltip = _ref.hoverTooltip;
+function TooltipWrapper(_a) {
+  var _b = _a.className,
+      className = _b === void 0 ? '' : _b,
+      children = _a.children,
+      hoverTooltip = _a.hoverTooltip;
 
-  var _useState = React.useState(false),
-      _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
-      showHoverTooltip = _useState2[0],
-      setShowHoverTooltip = _useState2[1];
+  var _c = React.useState(false),
+      showHoverTooltip = _c[0],
+      setShowHoverTooltip = _c[1];
 
   var childrenRef = React.useRef(null);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-tooltip-wrapper']).join(' '),
+    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip-wrapper'], false).join(' '),
     onMouseOver: function onMouseOver() {
       setShowHoverTooltip(true);
     },
@@ -52,14 +50,6 @@ function TooltipWrapper(_ref) {
     }
   }, hoverTooltip))));
 }
-TooltipWrapper.propTypes = {
-  className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
-  children: PropTypes__default["default"].element.isRequired,
-  hoverTooltip: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].func]).isRequired
-};
-TooltipWrapper.defaultProps = {
-  className: ''
-};
 
 module.exports = TooltipWrapper;
 //# sourceMappingURL=TooltipWrapper.js.map

package/cjs/ui/TooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.js","sources":["../../../src/ui/TooltipWrapper/index.jsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nconst SPACE_FROM_TRIGGER = 8;\n\nexport default function TooltipWrapper({\n  className,\n  children,\n  hoverTooltip,\n  // clickTooltip can be added later\n}) {\n  const [showHoverTooltip, setShowHoverTooltip] = useState(false);\n  const childrenRef = useRef(null);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip-wrapper',\n      ].join(' ')}\n      onMouseOver={() => { setShowHoverTooltip(true); }}\n      onFocus={() => { setShowHoverTooltip(true); }}\n      onMouseOut={() => { setShowHoverTooltip(false); }}\n      onBlur={() => { setShowHoverTooltip(false); }}\n    >\n      <div\n        className=\"sendbird-tooltip-wrapper__children\"\n        ref={childrenRef}\n      >\n        {children}\n      </div>\n      {\n        showHoverTooltip && (\n          <div\n            className=\"sendbird-tooltip-wrapper__hover-tooltip\"\n            style={{ bottom: `calc(100% + ${SPACE_FROM_TRIGGER}px)` }}\n          >\n            <div className=\"sendbird-tooltip-wrapper__hover-tooltip__inner\">\n              <div\n                className=\"sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container\"\n                style={{ left: childrenRef.current && `calc(${childrenRef.current.offsetWidth / 2}px - 50%)` }}\n              >\n                {hoverTooltip}\n              </div>\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nTooltipWrapper.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  children: PropTypes.element.isRequired,\n  hoverTooltip: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n  ]).isRequired,\n};\nTooltipWrapper.defaultProps = {\n  className: '',\n};\n"],"names":["SPACE_FROM_TRIGGER","TooltipWrapper","className","children","hoverTooltip","useState","showHoverTooltip","setShowHoverTooltip","childrenRef","useRef","React","Array","isArray","join","bottom","left","current","offsetWidth","propTypes","PropTypes","oneOfType","string","arrayOf","element","isRequired","func","defaultProps"],"mappings":";;;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAG,CAA3B;AAEe,SAASC,cAAT,OAKZ;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHDC,QAGC,QAHDA,QAGC;AAAA,MAFDC,YAEC,QAFDA,YAEC;;AACD,kBAAgDC,cAAQ,CAAC,KAAD,CAAxD;AAAA;AAAA,MAAOC,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,MAAMC,WAAW,GAAGC,YAAM,CAAC,IAAD,CAA1B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcV,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAET,0BAFS,GAGTW,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,WAAW,EAAE,uBAAM;AAAEN,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AAA4B,KALnD;AAME,IAAA,OAAO,EAAE,mBAAM;AAAEA,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AAA4B,KAN/C;AAOE,IAAA,UAAU,EAAE,sBAAM;AAAEA,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AAA6B,KAPnD;AAQE,IAAA,MAAM,EAAE,kBAAM;AAAEA,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AAA6B;AAR/C,kBAUEG;AACE,IAAA,SAAS,EAAC,oCADZ;AAEE,IAAA,GAAG,EAAEF;AAFP,KAIGL,QAJH,CAVF,EAiBIG,gBAAgB,iBACdI;AACE,IAAA,SAAS,EAAC,yCADZ;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,MAAM,wBAAiBd,kBAAjB;AAAR;AAFT,kBAIEU;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEK,MAAAA,IAAI,EAAEP,WAAW,CAACQ,OAAZ,mBAA+BR,WAAW,CAACQ,OAAZ,CAAoBC,WAApB,GAAkC,CAAjE;AAAR;AAFT,KAIGb,YAJH,CADF,CAJF,CAlBN,CADF;AAoCD;AAEDH,cAAc,CAACiB,SAAf,GAA2B;AACzBhB,EAAAA,SAAS,EAAEiB,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADc;AAKzBlB,EAAAA,QAAQ,EAAEgB,6BAAS,CAACI,OAAV,CAAkBC,UALH;AAMzBpB,EAAAA,YAAY,EAAEe,6BAAS,CAACC,SAAV,CAAoB,CAChCD,6BAAS,CAACI,OADsB,EAEhCJ,6BAAS,CAACM,IAFsB,CAApB,EAGXD;AATsB,CAA3B;AAWAvB,cAAc,CAACyB,YAAf,GAA8B;AAC5BxB,EAAAA,SAAS,EAAE;AADiB,CAA9B;;;;"}
+{"version":3,"file":"TooltipWrapper.js","sources":["../../../src/ui/TooltipWrapper/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactElement } from 'react';\n\nimport './index.scss';\n\nconst SPACE_FROM_TRIGGER = 8;\n\nexport interface TooltipWrapperProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  hoverTooltip: ReactElement;\n}\nexport default function TooltipWrapper({\n  className = '',\n  children,\n  hoverTooltip,\n  // clickTooltip can be added later\n}: TooltipWrapperProps): ReactElement {\n  const [showHoverTooltip, setShowHoverTooltip] = useState(false);\n  const childrenRef = useRef(null);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip-wrapper',\n      ].join(' ')}\n      onMouseOver={() => { setShowHoverTooltip(true); }}\n      onFocus={() => { setShowHoverTooltip(true); }}\n      onMouseOut={() => { setShowHoverTooltip(false); }}\n      onBlur={() => { setShowHoverTooltip(false); }}\n    >\n      <div\n        className=\"sendbird-tooltip-wrapper__children\"\n        ref={childrenRef}\n      >\n        {children}\n      </div>\n      {\n        showHoverTooltip && (\n          <div\n            className=\"sendbird-tooltip-wrapper__hover-tooltip\"\n            style={{ bottom: `calc(100% + ${SPACE_FROM_TRIGGER}px)` }}\n          >\n            <div className=\"sendbird-tooltip-wrapper__hover-tooltip__inner\">\n              <div\n                className=\"sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container\"\n                style={{ left: childrenRef.current && `calc(${childrenRef.current.offsetWidth / 2}px - 50%)` }}\n              >\n                {hoverTooltip}\n              </div>\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["SPACE_FROM_TRIGGER","TooltipWrapper","_a","_b","className","children","hoverTooltip","_c","useState","showHoverTooltip","setShowHoverTooltip","childrenRef","useRef","React","__spreadArray","Array","isArray","join","bottom","left","current","offsetWidth"],"mappings":";;;;;;;;;AAIA,IAAMA,kBAAkB,GAAG,CAA3B;SAOwBC,eAAeC;MACrCC;MAAAC,SAAS,mBAAG;MACZC,QAAQ;MACRC,YAAY;;AAGN,MAAAC,KAA0CC,cAAQ,CAAC,KAAD,CAAlD;AAAA,MAACC,gBAAgB,QAAjB;AAAA,MAAmBC,mBAAmB,QAAtC;;AACN,MAAMC,WAAW,GAAGC,YAAM,CAAC,IAAD,CAA1B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAEC,oDACLC,KAAK,CAACC,OAAN,CAAcZ,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,mCAFS,CAGTa,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,WAAW,EAAE;AAAQP,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AAA4B,KALnD;AAME,IAAA,OAAO,EAAE;AAAQA,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AAA4B,KAN/C;AAOE,IAAA,UAAU,EAAE;AAAQA,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AAA6B,KAPnD;AAQE,IAAA,MAAM,EAAE;AAAQA,MAAAA,mBAAmB,CAAC,KAAD,CAAnB;AAA6B;AAR/C,kBAUEG;AACE,IAAA,SAAS,EAAC,oCADZ;AAEE,IAAA,GAAG,EAAEF;AAFP,KAIGN,QAJH,CAVF,EAiBII,gBAAgB,iBACdI;AACE,IAAA,SAAS,EAAC,yCADZ;AAEE,IAAA,KAAK,EAAE;AAAEK,MAAAA,MAAM,EAAE,qBAAA,CAAelB,kBAAf,OAAA;AAAV;AAFT,kBAIEa;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEM,MAAAA,IAAI,EAAER,WAAW,CAACS,OAAZ,IAAuB,cAAA,CAAQT,WAAW,CAACS,OAAZ,CAAoBC,WAApB,GAAkC,CAA1C,aAAA;AAA/B;AAFT,KAIGf,YAJH,CADF,CAJF,CAlBN,CADF;AAoCD;;;;"}

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-cce2b8c0.js');
-var index = require('../index-10b68ab4.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+var ui_Label = require('../index-13532266.js');
+var index = require('../index-bf23b757.js');
+var LocalizationContext = require('../LocalizationContext-a4d8d6fa.js');
+require('../_rollupPluginBabelHelpers-e3f84a90.js');
 require('prop-types');
-require('../stringSet-afc1ff3b.js');
-require('../tslib.es6-12c25052.js');
-require('../index-2dacade8.js');
+require('../stringSet-0e48356d.js');
+require('../tslib.es6-4d92f5f1.js');
+require('../index-df5b04e6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UserListItem.js

@@ -1,30 +1,30 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-12c25052.js');
+var tslib_es6 = require('../tslib.es6-4d92f5f1.js');
 var React = require('react');
-var UserProfileContext = require('../UserProfileContext-87ebb4a4.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
+var UserProfileContext = require('../UserProfileContext-9fb4f747.js');
+var LocalizationContext = require('../LocalizationContext-a4d8d6fa.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-cce2b8c0.js');
+var ui_Label = require('../index-13532266.js');
 require('prop-types');
-require('../stringSet-afc1ff3b.js');
-require('../index-2dacade8.js');
+require('../stringSet-0e48356d.js');
+require('../index-df5b04e6.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
 require('./Icon.js');
-require('../uuid-920ae00d.js');
+require('../_rollupPluginBabelHelpers-e3f84a90.js');
+require('../uuid-6fae7fc4.js');
 require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-57ad0394.js');
-require('../utils-6f828dbd.js');
-require('../index-188e8e7f.js');
-require('../index-10b68ab4.js');
+require('../topics-6314d5b3.js');
+require('../utils-b8eff714.js');
+require('../index-65aaad9e.js');
 require('react-dom');
 require('./SortByRow.js');
+require('../index-bf23b757.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UserProfile.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
+var LocalizationContext = require('../LocalizationContext-a4d8d6fa.js');
 var withSendbird = require('../withSendbird.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-cce2b8c0.js');
-var ui_Button = require('../index-188e8e7f.js');
-require('../stringSet-afc1ff3b.js');
-require('../index-2dacade8.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
-require('../topics-57ad0394.js');
-require('../utils-6f828dbd.js');
-require('../tslib.es6-12c25052.js');
+var ui_Label = require('../index-13532266.js');
+var ui_Button = require('../index-65aaad9e.js');
+require('../stringSet-0e48356d.js');
+require('../index-df5b04e6.js');
+require('../_rollupPluginBabelHelpers-e3f84a90.js');
+require('../topics-6314d5b3.js');
+require('../utils-b8eff714.js');
+require('../tslib.es6-4d92f5f1.js');
 require('./ImageRenderer.js');
-require('prop-types');
 require('./Icon.js');
-require('../uuid-920ae00d.js');
+require('prop-types');
+require('../uuid-6fae7fc4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Word.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-cce2b8c0.js');
+var ui_Label = require('../index-13532266.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var uuid = require('../uuid-920ae00d.js');
-var index = require('../index-10b68ab4.js');
+var uuid = require('../uuid-6fae7fc4.js');
+var index = require('../index-bf23b757.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+require('../_rollupPluginBabelHelpers-e3f84a90.js');
 require('prop-types');
-require('../stringSet-afc1ff3b.js');
-require('../tslib.es6-12c25052.js');
+require('../stringSet-0e48356d.js');
+require('../tslib.es6-4d92f5f1.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./UserProfile.js');
-require('../LocalizationContext-f05328b8.js');
-require('../index-2dacade8.js');
+require('../LocalizationContext-a4d8d6fa.js');
+require('../index-df5b04e6.js');
 require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-57ad0394.js');
-require('../utils-6f828dbd.js');
+require('../topics-6314d5b3.js');
+require('../utils-b8eff714.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../index-188e8e7f.js');
+require('../index-65aaad9e.js');
 require('../useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/useSendbirdStateContext.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var withSendbird = require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-92e5e012.js');
+require('./_rollupPluginBabelHelpers-e3f84a90.js');
 
 /**
  * Example:

package/cjs/{utils-1a8a0b72.js → utils-1cdb42c0.js}

@@ -35,4 +35,4 @@ var generateDefaultAvatar = function generateDefaultAvatar(channel) {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=utils-1a8a0b72.js.map
+//# sourceMappingURL=utils-1cdb42c0.js.map

package/cjs/{utils-1a8a0b72.js.map → utils-1cdb42c0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-1a8a0b72.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from \"@sendbird/chat/groupChannel\";\nimport type { OpenChannel } from \"@sendbird/chat/openChannel\";\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n  if (channel?.coverUrl) {\n    return channel.coverUrl;\n  }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string | Array<string> => {\n  if (channel?.coverUrl) {\n    if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n      return channel.coverUrl;\n    }\n  }\n  return (channel?.members || [])\n    .filter((member) => member.userId !== currentUserId)\n    .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n  if (channel?.coverUrl) {\n    if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n      return true;\n    }\n    return false;\n  }\n  return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar"],"mappings":";;AAGO,IAAMA,kBAAkB,GAAG,iDAA3B;IAEMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAClC,MAAIA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,WAAOD,OAAO,CAACC,QAAf;AACD;AACF;IAEYC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,OAAD,EAAwBG,aAAxB;AACpC,MAAIH,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,QAAI,CAAE,IAAIG,MAAJ,CAAW,UAAA,CAAIN,kBAAJ,CAAX,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;AAClE,aAAOD,OAAO,CAACC,QAAf;AACD;AACF;;AACD,SAAO,CAAC,CAAAD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEM,OAAT,KAAoB,EAArB,EACJC,MADI,CACG,UAACC,MAAD;AAAY,WAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB;AAA+B,GAD9C,EAEJO,GAFI,CAEA,UAACC,EAAD;QAAGC,UAAU;AAAO,WAAAA,UAAA;AAAU,GAF9B,CAAP;AAGD;IAEYC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACb,OAAD;AACnC,MAAIA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,QAAI,IAAIG,MAAJ,CAAW,UAAA,CAAIN,kBAAJ,CAAX,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD;;;;;;"}
+{"version":3,"file":"utils-1cdb42c0.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from \"@sendbird/chat/groupChannel\";\nimport type { OpenChannel } from \"@sendbird/chat/openChannel\";\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n  if (channel?.coverUrl) {\n    return channel.coverUrl;\n  }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string | Array<string> => {\n  if (channel?.coverUrl) {\n    if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n      return channel.coverUrl;\n    }\n  }\n  return (channel?.members || [])\n    .filter((member) => member.userId !== currentUserId)\n    .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n  if (channel?.coverUrl) {\n    if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n      return true;\n    }\n    return false;\n  }\n  return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar"],"mappings":";;AAGO,IAAMA,kBAAkB,GAAG,iDAA3B;IAEMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAClC,MAAIA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,WAAOD,OAAO,CAACC,QAAf;AACD;AACF;IAEYC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,OAAD,EAAwBG,aAAxB;AACpC,MAAIH,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,QAAI,CAAE,IAAIG,MAAJ,CAAW,UAAA,CAAIN,kBAAJ,CAAX,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;AAClE,aAAOD,OAAO,CAACC,QAAf;AACD;AACF;;AACD,SAAO,CAAC,CAAAD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEM,OAAT,KAAoB,EAArB,EACJC,MADI,CACG,UAACC,MAAD;AAAY,WAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB;AAA+B,GAD9C,EAEJO,GAFI,CAEA,UAACC,EAAD;QAAGC,UAAU;AAAO,WAAAA,UAAA;AAAU,GAF9B,CAAP;AAGD;IAEYC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACb,OAAD;AACnC,MAAIA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,QAAI,IAAIG,MAAJ,CAAW,UAAA,CAAIN,kBAAJ,CAAX,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD;;;;;;"}

package/cjs/{utils-71bd80e8.js → utils-b6436b0d.js}

@@ -29,4 +29,4 @@ var copyToClipboard = function copyToClipboard(text) {
 };
 
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=utils-71bd80e8.js.map
+//# sourceMappingURL=utils-b6436b0d.js.map

package/cjs/{utils-71bd80e8.js.map → utils-b6436b0d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-71bd80e8.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAC7B;AACA,MAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;AACA,WAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP;AACD;;AACD,MAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,QAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,WAAT,GAAuBR,IAAvB;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B;AACAA,IAAAA,QAAQ,CAACO,MAAT;;AACA,QAAI;AACF,aAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;AAEH,KAFD,CAEE,OAAOC,EAAP,EAAW;AACX,aAAO,KAAP;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B;AACD;AACF;;AACD,SAAO,KAAP;AACD;;;;"}
+{"version":3,"file":"utils-b6436b0d.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAC7B;AACA,MAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;AACA,WAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP;AACD;;AACD,MAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,QAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,WAAT,GAAuBR,IAAvB;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B;AACAA,IAAAA,QAAQ,CAACO,MAAT;;AACA,QAAI;AACF,aAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;AAEH,KAFD,CAEE,OAAOC,EAAP,EAAW;AACX,aAAO,KAAP;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B;AACD;AACF;;AACD,SAAO,KAAP;AACD;;;;"}

package/cjs/{utils-6f828dbd.js → utils-b8eff714.js}

@@ -3,4 +3,4 @@
 var noop = function noop() {};
 
 exports.noop = noop;
-//# sourceMappingURL=utils-6f828dbd.js.map
+//# sourceMappingURL=utils-b8eff714.js.map

package/cjs/{utils-6f828dbd.js.map → utils-b8eff714.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-6f828dbd.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;IAAaA,IAAI,GAAG,SAAPA,IAAO,GAAM;;;;"}
+{"version":3,"file":"utils-b8eff714.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;IAAaA,IAAI,GAAG,SAAPA,IAAO,GAAM;;;;"}

package/cjs/{uuid-920ae00d.js → uuid-6fae7fc4.js}

@@ -16,4 +16,4 @@ var uuidv4 = function uuidv4() {
 };
 
 exports.uuidv4 = uuidv4;
-//# sourceMappingURL=uuid-920ae00d.js.map
+//# sourceMappingURL=uuid-6fae7fc4.js.map

package/cjs/{uuid-920ae00d.js.map → uuid-6fae7fc4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"uuid-920ae00d.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n  const r = Math.random() * 16 | 0;\n  const v = c === 'x' ? r : (r & 0x3 | 0x8);\n  return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;;AACA;;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAS;AAAc,SAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD;AAC1F,QAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,KAAgB,EAAhB,GAAqB,CAA/B;AACA,QAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC;AACA,WAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP;AACD,GAJmC,CAAA;AAIlC;;;;"}
+{"version":3,"file":"uuid-6fae7fc4.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n  const r = Math.random() * 16 | 0;\n  const v = c === 'x' ? r : (r & 0x3 | 0x8);\n  return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;;AACA;;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAS;AAAc,SAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD;AAC1F,QAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,KAAgB,EAAhB,GAAqB,CAA/B;AACA,QAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC;AACA,WAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP;AACD,GAJmC,CAAA;AAIlC;;;;"}

package/cjs/withSendbird.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-92e5e012.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-e3f84a90.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{color-f6548425.js → color-7a9e9046.js}

@@ -1,13 +1,17 @@
-var Colors = {
-  ONBACKGROUND_1: 'ONBACKGROUND_1',
-  ONBACKGROUND_2: 'ONBACKGROUND_2',
-  ONBACKGROUND_3: 'ONBACKGROUND_3',
-  ONBACKGROUND_4: 'ONBACKGROUND_4',
-  ONCONTENT_1: 'ONCONTENT_1',
-  PRIMARY: 'PRIMARY',
-  ERROR: 'ERROR'
-};
-function changeColorToClassName(color) {
+var Colors;
+
+(function (Colors) {
+  Colors[Colors["ONBACKGROUND_1"] = 0] = "ONBACKGROUND_1";
+  Colors[Colors["ONBACKGROUND_2"] = 1] = "ONBACKGROUND_2";
+  Colors[Colors["ONBACKGROUND_3"] = 2] = "ONBACKGROUND_3";
+  Colors[Colors["ONBACKGROUND_4"] = 3] = "ONBACKGROUND_4";
+  Colors[Colors["ONCONTENT_1"] = 4] = "ONCONTENT_1";
+  Colors[Colors["ONCONTENT_2"] = 5] = "ONCONTENT_2";
+  Colors[Colors["PRIMARY"] = 6] = "PRIMARY";
+  Colors[Colors["ERROR"] = 7] = "ERROR";
+})(Colors || (Colors = {}));
+
+var changeColorToClassName = function changeColorToClassName(color) {
   switch (color) {
     case Colors.ONBACKGROUND_1:
       return 'sendbird-color--onbackground-1';
@@ -33,7 +37,7 @@ function changeColorToClassName(color) {
     default:
       return null;
   }
-}
+};
 
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=color-f6548425.js.map
+//# sourceMappingURL=color-7a9e9046.js.map

package/color-7a9e9046.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-7a9e9046.js","sources":["../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n  ONBACKGROUND_1,\n  ONBACKGROUND_2,\n  ONBACKGROUND_3,\n  ONBACKGROUND_4,\n  ONCONTENT_1,\n  ONCONTENT_2,\n  PRIMARY,\n  ERROR,\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n    case Colors.PRIMARY: return 'sendbird-color--primary';\n    case Colors.ERROR: return 'sendbird-color--error';\n    default: return null;\n  }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":"IAEYA;;AAAZ,WAAYA;AACVA,EAAAA,oCAAA,mBAAA;AACAA,EAAAA,oCAAA,mBAAA;AACAA,EAAAA,oCAAA,mBAAA;AACAA,EAAAA,oCAAA,mBAAA;AACAA,EAAAA,iCAAA,gBAAA;AACAA,EAAAA,iCAAA,gBAAA;AACAA,EAAAA,6BAAA,YAAA;AACAA,EAAAA,2BAAA,UAAA;AACD,CATD,EAAYA,MAAM,KAANA,MAAM,KAAA,CAAlB;;IAWaC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD;AACpC,UAAQA,KAAR;AACE,SAAKF,MAAM,CAACG,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKH,MAAM,CAACI,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKJ,MAAM,CAACK,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKL,MAAM,CAACM,cAAZ;AAA4B,aAAO,gCAAP;;AAC5B,SAAKN,MAAM,CAACO,WAAZ;AAAyB,aAAO,6BAAP;;AACzB,SAAKP,MAAM,CAACQ,OAAZ;AAAqB,aAAO,yBAAP;;AACrB,SAAKR,MAAM,CAACS,KAAZ;AAAmB,aAAO,uBAAP;;AACnB;AAAS,aAAO,IAAP;AARX;AAUD;;;;"}

package/{compareIds-8402fa74.js → compareIds-b5421ba2.js}

@@ -15,4 +15,4 @@ function compareIds (a, b) {
 }
 
 export { compareIds as c };
-//# sourceMappingURL=compareIds-8402fa74.js.map
+//# sourceMappingURL=compareIds-b5421ba2.js.map

package/{compareIds-8402fa74.js.map → compareIds-b5421ba2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"compareIds-8402fa74.js","sources":["../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":"AAAA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,GAAD;AAAA,SAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlC;AAAA,CAAhB;AAGA;;;AACe,qBAAUC,CAAV,EAAaC,CAAb,EAAgB;AAC7B,MAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,WAAO,KAAP;AACD;;AACD,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB;AACA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB;AACA,SAAOD,OAAO,KAAKE,OAAnB;AACD;;;;"}
+{"version":3,"file":"compareIds-b5421ba2.js","sources":["../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":"AAAA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,GAAD;AAAA,SAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlC;AAAA,CAAhB;AAGA;;;AACe,qBAAUC,CAAV,EAAaC,CAAb,EAAgB;AAC7B,MAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,WAAO,KAAP;AACD;;AACD,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB;AACA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB;AACA,SAAOD,OAAO,KAAKE,OAAnB;AACD;;;;"}

package/{const-c81e2d08.js → const-2017fde0.js}

@@ -15,4 +15,4 @@ var NodeNames = {
 };
 
 export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
-//# sourceMappingURL=const-c81e2d08.js.map
+//# sourceMappingURL=const-2017fde0.js.map

package/{const-c81e2d08.js.map → const-2017fde0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-c81e2d08.js","sources":["../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":"IAAaA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE;AAJmB;IAOnBC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE;AAFa;IAKZC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE;AAHkB;;;;"}
+{"version":3,"file":"const-2017fde0.js","sources":["../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":"IAAaA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE;AAJmB;IAOnBC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE;AAFa;IAKZC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE;AAHkB;;;;"}

package/{const-9039e539.js → const-43ed4c6f.js}

@@ -5,4 +5,4 @@ var MAX_USER_SUGGESTION_COUNT = 15;
 var USER_MENTION_TEMP_CHAR = '@';
 
 export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=const-9039e539.js.map
+//# sourceMappingURL=const-43ed4c6f.js.map