@sendbird/uikit-react 3.0.0-beta.4 → 3.0.0-rc.0

package/cjs/ui/ReactionBadge.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-d984e855.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var ui_Label = require('../index-df05e765.js');
+require('../stringSet-2f3588b5.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);
+
+var ReactionBadge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var className = props.className,
+      children = props.children,
+      count = props.count,
+      selected = props.selected,
+      isAdd = props.isAdd,
+      onClick = props.onClick;
+
+  var getClassNameTail = function getClassNameTail() {
+    if (selected && !isAdd) {
+      return '--selected';
+    }
+
+    if (isAdd) {
+      return '--is-add';
+    }
+
+    return '';
+  };
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ["sendbird-reaction-badge".concat(getClassNameTail())]).join(' '),
+    role: "button",
+    ref: ref,
+    onClick: onClick,
+    onKeyDown: onClick,
+    tabIndex: 0
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-reaction-badge__inner"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-reaction-badge__inner__icon"
+  }, children), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: children && count && 'sendbird-reaction-badge__inner__count',
+    type: ui_Label.LabelTypography.CAPTION_3,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, count)));
+});
+ReactionBadge.propTypes = {
+  className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
+  children: PropTypes__default["default"].element.isRequired,
+  count: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  selected: PropTypes__default["default"].bool,
+  isAdd: PropTypes__default["default"].bool,
+  onClick: PropTypes__default["default"].func
+};
+ReactionBadge.defaultProps = {
+  className: '',
+  count: '',
+  selected: false,
+  isAdd: false,
+  onClick: function onClick() {}
+};
+
+module.exports = ReactionBadge;
+//# sourceMappingURL=ReactionBadge.js.map

package/cjs/ui/ReactionBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionBadge.js","sources":["../../../src/ui/ReactionBadge/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nimport './index.scss';\n\nconst ReactionBadge = React.forwardRef((props, ref) => {\n  const {\n    className,\n    children,\n    count,\n    selected,\n    isAdd,\n    onClick,\n  } = props;\n\n  const getClassNameTail = () => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nReactionBadge.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  children: PropTypes.element.isRequired,\n  count: PropTypes.oneOfType([\n    PropTypes.number,\n    PropTypes.string,\n  ]),\n  selected: PropTypes.bool,\n  isAdd: PropTypes.bool,\n  onClick: PropTypes.func,\n};\n\nReactionBadge.defaultProps = {\n  className: '',\n  count: '',\n  selected: false,\n  isAdd: false,\n  onClick: () => { },\n};\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","className","children","count","selected","isAdd","onClick","getClassNameTail","Array","isArray","join","Label","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_1","propTypes","PropTypes","oneOfType","string","arrayOf","element","isRequired","number","bool","func","defaultProps"],"mappings":";;;;;;;;;;;;;IAMMA,aAAa,gBAAGC,yBAAK,CAACC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACrD,MACEC,SADF,GAOIF,KAPJ,CACEE,SADF;AAAA,MAEEC,QAFF,GAOIH,KAPJ,CAEEG,QAFF;AAAA,MAGEC,KAHF,GAOIJ,KAPJ,CAGEI,KAHF;AAAA,MAIEC,QAJF,GAOIL,KAPJ,CAIEK,QAJF;AAAA,MAKEC,KALF,GAOIN,KAPJ,CAKEM,KALF;AAAA,MAMEC,OANF,GAOIP,KAPJ,CAMEO,OANF;;AASA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B,QAAIH,QAAQ,IAAI,CAACC,KAAjB,EAAwB;AACtB,aAAO,YAAP;AACD;;AACD,QAAIA,KAAJ,EAAW;AACT,aAAO,UAAP;AACD;;AACD,WAAO,EAAP;AACD,GARD;;AAUA,sBACER;AACE,IAAA,SAAS,EAAE,uDACLW,KAAK,CAACC,OAAN,CAAcR,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,qCAEiBM,gBAAgB,EAFjC,IAGTG,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,GAAG,EAAEV,GANP;AAOE,IAAA,OAAO,EAAEM,OAPX;AAQE,IAAA,SAAS,EAAEA,OARb;AASE,IAAA,QAAQ,EAAE;AATZ,kBAWET;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,KACGK,QADH,CADF,eAIEL,wCAACc,cAAD;AACE,IAAA,SAAS,EAAGT,QAAQ,IAAIC,KAAb,IAAuB,uCADpC;AAEE,IAAA,IAAI,EAAES,wBAAe,CAACC,SAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGZ,KALH,CAJF,CAXF,CADF;AA0BD,CA9CqB;AAgDtBP,aAAa,CAACoB,SAAd,GAA0B;AACxBf,EAAAA,SAAS,EAAEgB,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADa;AAKxBjB,EAAAA,QAAQ,EAAEe,6BAAS,CAACI,OAAV,CAAkBC,UALJ;AAMxBnB,EAAAA,KAAK,EAAEc,6BAAS,CAACC,SAAV,CAAoB,CACzBD,6BAAS,CAACM,MADe,EAEzBN,6BAAS,CAACE,MAFe,CAApB,CANiB;AAUxBf,EAAAA,QAAQ,EAAEa,6BAAS,CAACO,IAVI;AAWxBnB,EAAAA,KAAK,EAAEY,6BAAS,CAACO,IAXO;AAYxBlB,EAAAA,OAAO,EAAEW,6BAAS,CAACQ;AAZK,CAA1B;AAeA7B,aAAa,CAAC8B,YAAd,GAA6B;AAC3BzB,EAAAA,SAAS,EAAE,EADgB;AAE3BE,EAAAA,KAAK,EAAE,EAFoB;AAG3BC,EAAAA,QAAQ,EAAE,KAHiB;AAI3BC,EAAAA,KAAK,EAAE,KAJoB;AAK3BC,EAAAA,OAAO,EAAE,mBAAM;AALY,CAA7B;;;;"}

package/cjs/ui/ReactionButton.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-d984e855.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 ReactionButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var className = props.className,
+      width = props.width,
+      height = props.height,
+      selected = props.selected,
+      _onClick = props.onClick,
+      children = props.children;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ["sendbird-reaction-button".concat(selected ? '--selected' : '')]).join(' '),
+    ref: ref,
+    role: "button",
+    style: {
+      width: typeof width === 'string' ? "".concat(width.slice(0, -2) - 2, "px") : "".concat(width - 2, "px"),
+      height: typeof height === 'string' ? "".concat(height.slice(0, -2) - 2, "px") : "".concat(height - 2, "px")
+    },
+    onClick: function onClick(e) {
+      return _onClick(e);
+    },
+    onKeyDown: function onKeyDown(e) {
+      return _onClick(e);
+    },
+    tabIndex: 0
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-reaction-button__inner"
+  }, children));
+});
+ReactionButton.propTypes = {
+  className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
+  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  selected: PropTypes__default["default"].bool,
+  onClick: PropTypes__default["default"].func,
+  children: PropTypes__default["default"].element.isRequired
+};
+ReactionButton.defaultProps = {
+  className: '',
+  width: '36px',
+  height: '36px',
+  selected: false,
+  onClick: function onClick() {}
+};
+
+module.exports = ReactionButton;
+//# sourceMappingURL=ReactionButton.js.map

package/cjs/ui/ReactionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionButton.js","sources":["../../../src/ui/ReactionButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nconst ReactionButton = React.forwardRef((props, ref) => {\n  const {\n    className,\n    width,\n    height,\n    selected,\n    onClick,\n    children,\n  } = props;\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-button${selected ? '--selected' : ''}`,\n      ].join(' ')}\n      ref={ref}\n      role=\"button\"\n      style={{\n        width: typeof width === 'string' ? `${width.slice(0, -2) - 2}px` : `${width - 2}px`,\n        height: typeof height === 'string' ? `${height.slice(0, -2) - 2}px` : `${height - 2}px`,\n      }}\n      onClick={(e) => onClick(e)}\n      onKeyDown={(e) => onClick(e)}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-button__inner\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nReactionButton.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  width: PropTypes.oneOfType([\n    PropTypes.number,\n    PropTypes.string,\n  ]),\n  height: PropTypes.oneOfType([\n    PropTypes.number,\n    PropTypes.string,\n  ]),\n  selected: PropTypes.bool,\n  onClick: PropTypes.func,\n  children: PropTypes.element.isRequired,\n};\n\nReactionButton.defaultProps = {\n  className: '',\n  width: '36px',\n  height: '36px',\n  selected: false,\n  onClick: () => { },\n};\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","onClick","children","Array","isArray","join","slice","e","propTypes","PropTypes","oneOfType","string","arrayOf","number","bool","func","element","isRequired","defaultProps"],"mappings":";;;;;;;;;;;IAKMA,cAAc,gBAAGC,yBAAK,CAACC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACtD,MACEC,SADF,GAOIF,KAPJ,CACEE,SADF;AAAA,MAEEC,KAFF,GAOIH,KAPJ,CAEEG,KAFF;AAAA,MAGEC,MAHF,GAOIJ,KAPJ,CAGEI,MAHF;AAAA,MAIEC,QAJF,GAOIL,KAPJ,CAIEK,QAJF;AAAA,MAKEC,QALF,GAOIN,KAPJ,CAKEM,OALF;AAAA,MAMEC,QANF,GAOIP,KAPJ,CAMEO,QANF;AASA,sBACET;AACE,IAAA,SAAS,EAAE,uDACLU,KAAK,CAACC,OAAN,CAAcP,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,sCAEkBG,QAAQ,GAAG,YAAH,GAAkB,EAF5C,IAGTK,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,GAAG,EAAET,GALP;AAME,IAAA,IAAI,EAAC,QANP;AAOE,IAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAE,OAAOA,KAAP,KAAiB,QAAjB,aAA+BA,KAAK,CAACQ,KAAN,CAAY,CAAZ,EAAe,CAAC,CAAhB,IAAqB,CAApD,oBAA+DR,KAAK,GAAG,CAAvE,OADF;AAELC,MAAAA,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,aAAgCA,MAAM,CAACO,KAAP,CAAa,CAAb,EAAgB,CAAC,CAAjB,IAAsB,CAAtD,oBAAiEP,MAAM,GAAG,CAA1E;AAFH,KAPT;AAWE,IAAA,OAAO,EAAE,iBAACQ,CAAD;AAAA,aAAON,QAAO,CAACM,CAAD,CAAd;AAAA,KAXX;AAYE,IAAA,SAAS,EAAE,mBAACA,CAAD;AAAA,aAAON,QAAO,CAACM,CAAD,CAAd;AAAA,KAZb;AAaE,IAAA,QAAQ,EAAE;AAbZ,kBAeEd;AAAK,IAAA,SAAS,EAAC;AAAf,KACGS,QADH,CAfF,CADF;AAqBD,CA/BsB;AAiCvBV,cAAc,CAACgB,SAAf,GAA2B;AACzBX,EAAAA,SAAS,EAAEY,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADc;AAKzBb,EAAAA,KAAK,EAAEW,6BAAS,CAACC,SAAV,CAAoB,CACzBD,6BAAS,CAACI,MADe,EAEzBJ,6BAAS,CAACE,MAFe,CAApB,CALkB;AASzBZ,EAAAA,MAAM,EAAEU,6BAAS,CAACC,SAAV,CAAoB,CAC1BD,6BAAS,CAACI,MADgB,EAE1BJ,6BAAS,CAACE,MAFgB,CAApB,CATiB;AAazBX,EAAAA,QAAQ,EAAES,6BAAS,CAACK,IAbK;AAczBb,EAAAA,OAAO,EAAEQ,6BAAS,CAACM,IAdM;AAezBb,EAAAA,QAAQ,EAAEO,6BAAS,CAACO,OAAV,CAAkBC;AAfH,CAA3B;AAkBAzB,cAAc,CAAC0B,YAAf,GAA8B;AAC5BrB,EAAAA,SAAS,EAAE,EADiB;AAE5BC,EAAAA,KAAK,EAAE,MAFqB;AAG5BC,EAAAA,MAAM,EAAE,MAHoB;AAI5BC,EAAAA,QAAQ,EAAE,KAJkB;AAK5BC,EAAAA,OAAO,EAAE,mBAAM;AALa,CAA9B;;;;"}

package/cjs/ui/SortByRow.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-d984e855.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 componentClassName = 'sendbird-sort-by-row';
+function SortByRow(_ref) {
+  var className = _ref.className,
+      maxItemCount = _ref.maxItemCount,
+      itemWidth = _ref.itemWidth,
+      itemHeight = _ref.itemHeight,
+      children = _ref.children;
+
+  if (children.length > maxItemCount) {
+    var result = [];
+
+    for (var i = 0; i < children.length; i += maxItemCount) {
+      result.push( /*#__PURE__*/React__default["default"].createElement("div", {
+        className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), [componentClassName]).join(' '),
+        key: className + i,
+        style: {
+          width: itemWidth * maxItemCount,
+          height: itemHeight
+        }
+      }, children.slice(i, i + maxItemCount)));
+    }
+
+    return result;
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), [componentClassName]).join(' '),
+    style: {
+      width: itemWidth * children.length,
+      height: itemHeight
+    }
+  }, children);
+}
+SortByRow.propTypes = {
+  className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
+  maxItemCount: PropTypes__default["default"].number.isRequired,
+  itemWidth: PropTypes__default["default"].number.isRequired,
+  itemHeight: PropTypes__default["default"].number.isRequired,
+  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].element), PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]).isRequired
+};
+SortByRow.defaultProps = {
+  className: ''
+};
+
+module.exports = SortByRow;
+//# sourceMappingURL=SortByRow.js.map

package/cjs/ui/SortByRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortByRow.js","sources":["../../../src/ui/SortByRow/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\n\nconst componentClassName = 'sendbird-sort-by-row';\nexport default function SortByRow({\n  className,\n  maxItemCount,\n  itemWidth,\n  itemHeight,\n  children,\n}) {\n  if (children.length > maxItemCount) {\n    const result = [];\n\n    for (let i = 0; i < children.length; i += maxItemCount) {\n      result.push(\n        <div\n          className={[\n            ...(Array.isArray(className) ? className : [className]),\n            componentClassName,\n          ].join(' ')}\n          key={className + i}\n          style={{\n            width: itemWidth * maxItemCount,\n            height: itemHeight,\n          }}\n        >\n          {\n            children.slice(i, i + maxItemCount)\n          }\n        </div>,\n      );\n    }\n    return result;\n  }\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        componentClassName,\n      ].join(' ')}\n      style={{\n        width: itemWidth * children.length,\n        height: itemHeight,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nSortByRow.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  maxItemCount: PropTypes.number.isRequired,\n  itemWidth: PropTypes.number.isRequired,\n  itemHeight: PropTypes.number.isRequired,\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]).isRequired,\n};\n\nSortByRow.defaultProps = {\n  className: '',\n};\n"],"names":["componentClassName","SortByRow","className","maxItemCount","itemWidth","itemHeight","children","length","result","i","push","React","Array","isArray","join","width","height","slice","propTypes","PropTypes","oneOfType","string","arrayOf","number","isRequired","element","defaultProps"],"mappings":";;;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAG,sBAA3B;AACe,SAASC,SAAT,OAMZ;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHDC,SAGC,QAHDA,SAGC;AAAA,MAFDC,UAEC,QAFDA,UAEC;AAAA,MADDC,QACC,QADDA,QACC;;AACD,MAAIA,QAAQ,CAACC,MAAT,GAAkBJ,YAAtB,EAAoC;AAClC,QAAMK,MAAM,GAAG,EAAf;;AAEA,SAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,QAAQ,CAACC,MAA7B,EAAqCE,CAAC,IAAIN,YAA1C,EAAwD;AACtDK,MAAAA,MAAM,CAACE,IAAP,eACEC;AACE,QAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcX,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAETF,kBAFS,GAGTc,IAHS,CAGJ,GAHI,CADb;AAKE,QAAA,GAAG,EAAEZ,SAAS,GAAGO,CALnB;AAME,QAAA,KAAK,EAAE;AACLM,UAAAA,KAAK,EAAEX,SAAS,GAAGD,YADd;AAELa,UAAAA,MAAM,EAAEX;AAFH;AANT,SAYIC,QAAQ,CAACW,KAAT,CAAeR,CAAf,EAAkBA,CAAC,GAAGN,YAAtB,CAZJ,CADF;AAiBD;;AACD,WAAOK,MAAP;AACD;;AAED,sBACEG;AACE,IAAA,SAAS,EAAE,uDACLC,KAAK,CAACC,OAAN,CAAcX,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAETF,kBAFS,GAGTc,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEX,SAAS,GAAGE,QAAQ,CAACC,MADvB;AAELS,MAAAA,MAAM,EAAEX;AAFH;AALT,KAUGC,QAVH,CADF;AAcD;AAEDL,SAAS,CAACiB,SAAV,GAAsB;AACpBhB,EAAAA,SAAS,EAAEiB,6BAAS,CAACC,SAAV,CAAoB,CAC7BD,6BAAS,CAACE,MADmB,EAE7BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAF6B,CAApB,CADS;AAKpBlB,EAAAA,YAAY,EAAEgB,6BAAS,CAACI,MAAV,CAAiBC,UALX;AAMpBpB,EAAAA,SAAS,EAAEe,6BAAS,CAACI,MAAV,CAAiBC,UANR;AAOpBnB,EAAAA,UAAU,EAAEc,6BAAS,CAACI,MAAV,CAAiBC,UAPT;AAQpBlB,EAAAA,QAAQ,EAAEa,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACM,OADkB,EAE5BN,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACM,OAA5B,CAF4B,EAG5BN,6BAAS,CAACE,MAHkB,EAI5BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,MAA5B,CAJ4B,CAApB,EAKPG;AAbiB,CAAtB;AAgBAvB,SAAS,CAACyB,YAAV,GAAyB;AACvBxB,EAAAA,SAAS,EAAE;AADY,CAAzB;;;;"}

package/cjs/ui/TextButton.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-d984e855.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var color = require('../color-b30f84a2.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;
+  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(' '),
+    role: "button",
+    tabIndex: 0,
+    onClick: onClick,
+    onKeyPress: onClick
+  }, 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;
+//# sourceMappingURL=TextButton.js.map

package/cjs/ui/TextButton.js.map

@@ -0,0 +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;;;;"}

package/cjs/ui/TextMessageItemBody.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var React = require('react');
+var ui_Label = require('../index-df05e765.js');
+var index = require('../index-40d245a3.js');
+var LocalizationContext = require('../LocalizationContext-5a6a0f67.js');
+var uuid = require('../uuid-099485ae.js');
+var ui_Word = require('./Word.js');
+require('../_rollupPluginBabelHelpers-d984e855.js');
+require('prop-types');
+require('../stringSet-2f3588b5.js');
+require('../tslib.es6-d9c7aa8b.js');
+require('../index-72479c2a.js');
+require('./LinkLabel.js');
+require('./MentionLabel.js');
+require('./ContextMenu.js');
+require('react-dom');
+require('./SortByRow.js');
+require('./UserProfile.js');
+require('../withSendBird.js');
+require('../sendbirdSelectors.js');
+require('../topics-582e38dc.js');
+require('../utils-031aba48.js');
+require('./Avatar.js');
+require('./ImageRenderer.js');
+require('./Icon.js');
+require('../index-f9677913.js');
+require('../useSendbirdStateContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function TextMessageItemBody(_a) {
+  var _b, _c, _d;
+
+  var className = _a.className,
+      message = _a.message,
+      _e = _a.isByMe,
+      isByMe = _e === void 0 ? false : _e,
+      _f = _a.mouseHover,
+      mouseHover = _f === void 0 ? false : _f,
+      _g = _a.isMentionEnabled,
+      isMentionEnabled = _g === void 0 ? false : _g;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+  var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
+  var sentences = React.useMemo(function () {
+    var _a;
+
+    return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
+      return sentence.split(/\s/);
+    });
+  }, [message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate]);
+  return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: ui_Label.LabelTypography.BODY_1,
+    color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.getClassName([className, 'sendbird-text-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
+  }, isMessageMentioned ? sentences.map(function (sentence, index) {
+    return [sentence.map(function (word) {
+      return /*#__PURE__*/React__default["default"].createElement(ui_Word, {
+        key: uuid.uuidv4(),
+        word: word,
+        message: message,
+        isByMe: isByMe
+      });
+    }), (sentences === null || sentences === void 0 ? void 0 : sentences[index + 1]) ? /*#__PURE__*/React__default["default"].createElement("br", null) : null];
+  }) : message === null || message === void 0 ? void 0 : message.message, index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-text-message-item-body__message edited",
+    type: ui_Label.LabelTypography.BODY_1,
+    color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
+  }, " ".concat(stringSet.MESSAGE_EDITED, " "))));
+}
+
+module.exports = TextMessageItemBody;
+//# sourceMappingURL=TextMessageItemBody.js.map

package/cjs/ui/TextMessageItemBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMessageItemBody.js","sources":["../../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        'sendbird-text-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        message?.reactions?.length > 0 ? 'reactions' : '',\n      ])}>\n        {\n          isMessageMentioned\n           ? (\n              sentences.map((sentence, index) => {\n                return [\n                  sentence.map((word) => {\n                    return (\n                      <Word\n                        key={uuidv4()}\n                        word={word}\n                        message={message}\n                        isByMe={isByMe}\n                      />\n                    );\n                  }),\n                  sentences?.[index + 1] ? <br /> : null,\n                ]\n              })\n           )\n           : message?.message\n        }\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\n              type={LabelTypography.BODY_1}\n              color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )\n        }\n      </div>\n    </Label>\n  );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","sentences","useMemo","split","map","sentence","React","Label","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","index","word","Word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,gBAAgB,mBAAG;AAEX,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,MAAMC,kBAAkB,GAAGJ,gBAAgB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCC,MAAnC,IAA4C,CAAhE,IAAqE,CAAA,MAAAZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,cAAT,UAAA,iBAAA,SAAA,MAAyBD,MAAzB,IAAkC,CAAlI;AACA,MAAME,SAAS,GAAyBC,aAAO,CAAC;;;AAC9C,WAAO,MAAAf,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCK,MAAM,MAAMC,IAAI,UAACC,QAAD;AAAc,aAAAA,QAAQ,CAACF,KAAT,CAAe,IAAf,CAAA;AAAoB,MAA5F;AACD,GAF8C,EAE5C,CAAChB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAV,CAF4C,CAA/C;AAGA,sBACEQ,wCAACC,cAAD;AACE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAEpB,MAAM,GAAGqB,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAFxD,kBAIEN;AAAK,IAAA,SAAS,EAAEO,kBAAY,CAAC,CAC3B3B,SAD2B,EAE3B,iCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK3B,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE2B,SAAT,UAAA,iBAAA,SAAA,MAAoBf,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALpB,CAAD;AAA5B,KAQIF,kBAAkB,GAEdI,SAAS,CAACG,GAAV,CAAc,UAACC,QAAD,EAAWU,KAAX;AACZ,WAAO,CACLV,QAAQ,CAACD,GAAT,CAAa,UAACY,IAAD;AACX,0BACEV,wCAACW,OAAD;AACE,QAAA,GAAG,EAAEC,WAAM,EADb;AAEE,QAAA,IAAI,EAAEF,IAFR;AAGE,QAAA,OAAO,EAAE7B,OAHX;AAIE,QAAA,MAAM,EAAEE;AAJV,QADF;AAQD,KATD,CADK,EAWL,CAAAY,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAGc,KAAK,GAAG,CAAX,CAAT,iBAAyBT,mDAAzB,GAAkC,IAX7B,CAAP;AAaD,GAdD,CAFc,GAkBfnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OA1BhB,EA6BIgC,qBAAe,CAAChC,OAAD,CAAf,iBACEmB,wCAACC,cAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEpB,MAAM,GAAGqB,oBAAW,CAACU,WAAf,GAA6BV,oBAAW,CAACW;AAHxD,KAKG,UAAA,CAAI3B,SAAS,CAAC4B,cAAd,KAAA,CALH,CA9BN,CAJF,CADF;AA+CD;;;;"}

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var React = require('react');
+var ui_Icon = require('./Icon.js');
+var ui_ImageRenderer = require('./ImageRenderer.js');
+var index = require('../index-40d245a3.js');
+require('../_rollupPluginBabelHelpers-d984e855.js');
+require('prop-types');
+require('../tslib.es6-d9c7aa8b.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ThumbnailMessageItemBody(_a) {
+  var _b, _c;
+
+  var className = _a.className,
+      message = _a.message,
+      _d = _a.isByMe,
+      isByMe = _d === void 0 ? false : _d,
+      _e = _a.mouseHover,
+      mouseHover = _e === void 0 ? false : _e,
+      showFileViewer = _a.showFileViewer;
+  var _f = message.thumbnails,
+      thumbnails = _f === void 0 ? [] : _f;
+  var thumbnailUrl = thumbnails.length > 0 ? (_b = thumbnails[0]) === null || _b === void 0 ? void 0 : _b.url : '';
+
+  var _g = React.useState(false),
+      imageRendered = _g[0],
+      setImageRendered = _g[1];
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_c = message === null || message === void 0 ? void 0 : message.reactions) === null || _c === void 0 ? void 0 : _c.length) > 0 ? 'reactions' : '']),
+    onClick: function onClick() {
+      if (index.isSentMessage(message)) {
+        showFileViewer(true);
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
+    className: "sendbird-thumbnail-message-item-body__thumbnail",
+    url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url),
+    alt: message === null || message === void 0 ? void 0 : message.type,
+    width: "360px",
+    height: "270px",
+    onLoad: function onLoad() {
+      setImageRendered(true);
+    },
+    placeHolder: function placeHolder(style) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "sendbird-thumbnail-message-item-body__placeholder",
+        style: style
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "sendbird-thumbnail-message-item-body__placeholder__icon"
+      }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+        type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO,
+        fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
+        width: "34px",
+        height: "34px"
+      })));
+    }
+  }), index.isVideoMessage(message) && !thumbnailUrl && !imageRendered && /*#__PURE__*/React__default["default"].createElement("video", {
+    className: "sendbird-thumbnail-message-item-body__video"
+  }, /*#__PURE__*/React__default["default"].createElement("source", {
+    src: message === null || message === void 0 ? void 0 : message.url,
+    type: message === null || message === void 0 ? void 0 : message.type
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-thumbnail-message-item-body__image-cover"
+  }), (index.isVideoMessage(message) || index.isGifMessage(message)) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-thumbnail-message-item-body__icon-wrapper"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF,
+    fillColor: ui_Icon.IconColors.GRAY,
+    width: "34px",
+    height: "34px"
+  }))));
+}
+
+module.exports = ThumbnailMessageItemBody;
+//# sourceMappingURL=ThumbnailMessageItemBody.js.map

package/cjs/ui/ThumbnailMessageItemBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  showFileViewer,\n}: Props): ReactElement {\n  const { thumbnails = [] } = message;\n  const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n  const [imageRendered, setImageRendered] = useState(false);\n\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        message?.reactions?.length > 0 ? 'reactions' : '',\n      ])}\n      onClick={() => {\n        if (isSentMessage(message)) {\n          showFileViewer(true);\n        }\n      }}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || message?.url}\n        alt={message?.type}\n        width=\"360px\"\n        height=\"270px\"\n        onLoad={() => { setImageRendered(true) }}\n        placeHolder={(style) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style}\n          >\n            <div className=\"sendbird-thumbnail-message-item-body__placeholder__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={message?.url} type={message?.type} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.GRAY}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_a","className","message","_d","isByMe","_e","mouseHover","showFileViewer","_f","thumbnails","thumbnailUrl","length","url","_g","useState","imageRendered","setImageRendered","React","getClassName","reactions","isSentMessage","ImageRenderer","type","style","Icon","isVideoMessage","IconTypes","PLAY","PHOTO","IconColors","ON_BACKGROUND_2","isGifMessage","GIF","GRAY"],"mappings":";;;;;;;;;;;;;;SAgBwBA,yBAAyBC;;;MAC/CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC,cAAc;AAEN,MAAAC,KAAoBN,OAAO,WAA3B;AAAA,MAAAO,UAAU,mBAAG,OAAb;AACR,MAAMC,YAAY,GAAWD,UAAU,CAACE,MAAX,GAAoB,CAApB,GAAwB,MAAAF,UAAU,CAAC,CAAD,CAAV,UAAA,iBAAA,SAAA,MAAeG,GAAvC,GAA6C,EAA1E;;AACM,MAAAC,KAAoCC,cAAQ,CAAC,KAAD,CAA5C;AAAA,MAACC,aAAa,QAAd;AAAA,MAAgBC,gBAAgB,QAAhC;;AAEN,sBACEC;AACE,IAAA,SAAS,EAAEC,kBAAY,CAAC,CACtBjB,SADsB,EAEtB,sCAFsB,EAGtBG,MAAM,GAAG,UAAH,GAAgB,UAHA,EAItBE,UAAU,GAAG,aAAH,GAAmB,EAJP,EAKtB,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEiB,SAAT,UAAA,iBAAA,SAAA,MAAoBR,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALzB,CAAD,CADzB;AAQE,IAAA,OAAO,EAAE;AACP,UAAIS,mBAAa,CAAClB,OAAD,CAAjB,EAA4B;AAC1BK,QAAAA,cAAc,CAAC,IAAD,CAAd;AACD;AACF;AAZH,kBAcEU,wCAACI,gBAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,GAAG,EAAEX,YAAY,KAAIR,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEU,GAAb,CAFnB;AAGE,IAAA,GAAG,EAAEV,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoB,IAHhB;AAIE,IAAA,KAAK,EAAC,OAJR;AAKE,IAAA,MAAM,EAAC,OALT;AAME,IAAA,MAAM,EAAE;AAAQN,MAAAA,gBAAgB,CAAC,IAAD,CAAhB;AAAwB,KAN1C;AAOE,IAAA,WAAW,EAAE,qBAACO,KAAD;AAAW,0BACtBN;AACE,QAAA,SAAS,EAAC,mDADZ;AAEE,QAAA,KAAK,EAAEM;AAFT,sBAIEN;AAAK,QAAA,SAAS,EAAC;AAAf,sBACEA,wCAACO,kBAAD;AACE,QAAA,IAAI,EAAEC,oBAAc,CAACvB,OAAD,CAAd,GAA0BwB,iBAAS,CAACC,IAApC,GAA2CD,iBAAS,CAACE,KAD7D;AAEE,QAAA,SAAS,EAAEC,kBAAU,CAACC,eAFxB;AAGE,QAAA,KAAK,EAAC,MAHR;AAIE,QAAA,MAAM,EAAC;AAJT,QADF,CAJF,CADsB;AAcvB;AArBH,IAdF,EAsCKL,oBAAc,CAACvB,OAAD,CAAd,IAA2B,CAACQ,YAA7B,IAA8C,CAACK,aAA/C,iBACEE;AAAO,IAAA,SAAS,EAAC;AAAjB,kBACEA;AAAQ,IAAA,GAAG,EAAEf,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEU,GAAtB;AAA2B,IAAA,IAAI,EAAEV,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoB;AAA1C,IADF,CAvCN,eA4CEL;AAAK,IAAA,SAAS,EAAC;AAAf,IA5CF,EA8CI,CAACQ,oBAAc,CAACvB,OAAD,CAAd,IAA2B6B,kBAAY,CAAC7B,OAAD,CAAxC,kBACEe;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACO,kBAAD;AACE,IAAA,IAAI,EAAEC,oBAAc,CAACvB,OAAD,CAAd,GAA0BwB,iBAAS,CAACC,IAApC,GAA2CD,iBAAS,CAACM,GAD7D;AAEE,IAAA,SAAS,EAAEH,kBAAU,CAACI,IAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IADF,CADF,CA/CN,CADF;AA8DD;;;;"}

package/cjs/ui/Tooltip.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-d984e855.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var ui_Label = require('../index-df05e765.js');
+require('../stringSet-2f3588b5.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;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: [].concat(_rollupPluginBabelHelpers._toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-tooltip']).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

@@ -0,0 +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;;;;"}

package/cjs/ui/TooltipWrapper.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-d984e855.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;
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+      showHoverTooltip = _useState2[0],
+      setShowHoverTooltip = _useState2[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(' '),
+    onMouseOver: function onMouseOver() {
+      setShowHoverTooltip(true);
+    },
+    onFocus: function onFocus() {
+      setShowHoverTooltip(true);
+    },
+    onMouseOut: function onMouseOut() {
+      setShowHoverTooltip(false);
+    },
+    onBlur: function onBlur() {
+      setShowHoverTooltip(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-tooltip-wrapper__children",
+    ref: childrenRef
+  }, children), showHoverTooltip && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-tooltip-wrapper__hover-tooltip",
+    style: {
+      bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)")
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-tooltip-wrapper__hover-tooltip__inner"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container",
+    style: {
+      left: childrenRef.current && "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)")
+    }
+  }, 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

@@ -0,0 +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;;;;"}

package/cjs/ui/UnknownMessageItemBody.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var React = require('react');
+var ui_Label = require('../index-df05e765.js');
+var index = require('../index-40d245a3.js');
+var LocalizationContext = require('../LocalizationContext-5a6a0f67.js');
+require('../_rollupPluginBabelHelpers-d984e855.js');
+require('prop-types');
+require('../stringSet-2f3588b5.js');
+require('../tslib.es6-d9c7aa8b.js');
+require('../index-72479c2a.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function UnknownMessageItemBody(_a) {
+  var _b;
+
+  var className = _a.className,
+      message = _a.message,
+      _c = _a.isByMe,
+      isByMe = _c === void 0 ? false : _c,
+      _d = _a.mouseHover,
+      mouseHover = _d === void 0 ? false : _d;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.getClassName([className, 'sendbird-unknown-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-unknown-message-item-body__header",
+    type: ui_Label.LabelTypography.BODY_1,
+    color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
+  }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-unknown-message-item-body__description",
+    type: ui_Label.LabelTypography.BODY_1,
+    color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
+  }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE));
+}
+
+module.exports = UnknownMessageItemBody;
+//# sourceMappingURL=UnknownMessageItemBody.js.map

package/cjs/ui/UnknownMessageItemBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnknownMessageItemBody.js","sources":["../../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { BaseMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  isByMe?: boolean;\n  message: BaseMessage;\n  mouseHover?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-unknown-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      message?.reactions?.length > 0 ? 'reactions' : '',\n    ])}>\n      <Label\n        className=\"sendbird-unknown-message-item-body__header\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n      </Label>\n      <Label\n        className=\"sendbird-unknown-message-item-body__description\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n      </Label>\n    </div>\n  );\n}\n"],"names":["UnknownMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","stringSet","useContext","LocalizationContext","React","getClassName","reactions","length","Label","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;;;;;;;SAewBA,uBAAuBC;;;MAC7CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;AAEL,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAEC,kBAAY,CAAC,CAC3BV,SAD2B,EAE3B,oCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK3B,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEU,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALpB,CAAD;AAA5B,kBAOEH,wCAACI,cAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEZ,MAAM,GAAGa,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAHxD,KAKGZ,SAAS,CAACa,6BALb,CAPF,eAcEV,wCAACI,cAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEZ,MAAM,GAAGa,oBAAW,CAACI,WAAf,GAA6BJ,oBAAW,CAACK;AAHxD,KAKGf,SAAS,CAACgB,4BALb,CAdF,CADF;AAwBD;;;;"}