@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/ui/PlaceHolder.js

@@ -2,116 +2,57 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-mc8PQfi_.js');
 var React = require('react');
-var LocalizationContext = require('../LocalizationContext-58b6ed7c.js');
+var LocalizationContext = require('../chunks/bundle-80bw1Z-w.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b5a9b4b7.js');
+var ui_Label = require('../chunks/bundle-fTDV9UxX.js');
 var ui_Loader = require('./Loader.js');
-require('../stringSet-1539ac47.js');
-require('../index-e8928da6.js');
-require('prop-types');
+require('../chunks/bundle-5l7POen0.js');
+require('../chunks/bundle-EVv3xRW8.js');
+require('../chunks/bundle-viTxhrPr.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var PlaceHolderTypes = {
-  LOADING: 'LOADING',
-  NO_CHANNELS: 'NO_CHANNELS',
-  NO_MESSAGES: 'NO_MESSAGES',
-  WRONG: 'WRONG',
-  SEARCH_IN: 'SEARCH_IN',
-  SEARCHING: 'SEARCHING',
-  NO_RESULTS: 'NO_RESULTS'
-};
-function PlaceHolder(_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    type = _a.type,
-    iconSize = _a.iconSize,
-    _c = _a.searchInString,
-    searchInString = _c === void 0 ? '' : _c,
-    _d = _a.retryToConnect,
-    retryToConnect = _d === void 0 ? null : _d;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-place-holder'], false).join(' ')
-  }, type === PlaceHolderTypes.LOADING && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
-    width: iconSize || '48px',
-    height: iconSize || '48px'
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.SPINNER,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: iconSize || '48px',
-    height: iconSize || '48px'
-  })), (type === PlaceHolderTypes.NO_CHANNELS || type === PlaceHolderTypes.NO_MESSAGES || type === PlaceHolderTypes.WRONG) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-place-holder__body"
-  }, type === PlaceHolderTypes.NO_CHANNELS && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-place-holder__body__icon",
-    type: ui_Icon.IconTypes.CHAT,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), type === PlaceHolderTypes.WRONG && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-place-holder__body__icon",
-    type: ui_Icon.IconTypes.ERROR,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), type === PlaceHolderTypes.NO_MESSAGES && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-place-holder__body__icon",
-    type: ui_Icon.IconTypes.MESSAGE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body__text",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, type === PlaceHolderTypes.NO_CHANNELS && stringSet.PLACE_HOLDER__NO_CHANNEL, type === PlaceHolderTypes.WRONG && stringSet.PLACE_HOLDER__WRONG, type === PlaceHolderTypes.NO_MESSAGES && stringSet.PLACE_HOLDER__NO_MESSAGES), retryToConnect && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-place-holder__body__reconnect",
-    role: "button",
-    onClick: retryToConnect,
-    onKeyPress: retryToConnect,
-    tabIndex: 0
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-place-holder__body__reconnect__icon",
-    type: ui_Icon.IconTypes.REFRESH,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "20px",
-    height: "20px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body__reconnect__text",
-    type: ui_Label.LabelTypography.BUTTON_1,
-    color: ui_Label.LabelColors.PRIMARY
-  }, stringSet.PLACE_HOLDER__RETRY_TO_CONNECT))), (type === PlaceHolderTypes.NO_RESULTS || type === PlaceHolderTypes.SEARCH_IN || type === PlaceHolderTypes.SEARCHING) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-place-holder__body--align-top"
-  }, type === PlaceHolderTypes.SEARCH_IN && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-place-holder__body--align-top__text"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body--align-top__text__search-in",
-    type: ui_Label.LabelTypography.BUTTON_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.SEARCH_IN), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body--align-top__text__channel-name",
-    type: ui_Label.LabelTypography.BUTTON_2,
-    color: ui_Label.LabelColors.PRIMARY
-  }, "'".concat(searchInString)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body--align-top__text__quote",
-    type: ui_Label.LabelTypography.BUTTON_2,
-    color: ui_Label.LabelColors.PRIMARY
-  }, '\'')), type === PlaceHolderTypes.SEARCHING && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-hlder__body--align-top__searching",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.SEARCHING), type === PlaceHolderTypes.NO_RESULTS && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-hlder__body--align-top__no-result",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.NO_SEARCHED_MESSAGE)));
+var PlaceHolderTypes = {
+    LOADING: 'LOADING',
+    NO_CHANNELS: 'NO_CHANNELS',
+    NO_MESSAGES: 'NO_MESSAGES',
+    WRONG: 'WRONG',
+    SEARCH_IN: 'SEARCH_IN',
+    SEARCHING: 'SEARCHING',
+    NO_RESULTS: 'NO_RESULTS',
+};
+function PlaceHolder(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, type = _a.type, iconSize = _a.iconSize, _c = _a.searchInString, searchInString = _c === void 0 ? '' : _c, _d = _a.retryToConnect, retryToConnect = _d === void 0 ? null : _d;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-place-holder',
+        ], false).join(' ') },
+        type === PlaceHolderTypes.LOADING && (React.createElement(ui_Loader, { width: iconSize || '48px', height: iconSize || '48px' },
+            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: iconSize || '48px', height: iconSize || '48px' }))),
+        (type === PlaceHolderTypes.NO_CHANNELS
+            || type === PlaceHolderTypes.NO_MESSAGES
+            || type === PlaceHolderTypes.WRONG) && (React.createElement("div", { className: "sendbird-place-holder__body" },
+            type === PlaceHolderTypes.NO_CHANNELS && (React.createElement(ui_Icon.default, { className: "sendbird-place-holder__body__icon", type: ui_Icon.IconTypes.CHAT, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: iconSize || '64px', height: iconSize || '64px' })),
+            type === PlaceHolderTypes.WRONG && (React.createElement(ui_Icon.default, { className: "sendbird-place-holder__body__icon", type: ui_Icon.IconTypes.ERROR, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: iconSize || '64px', height: iconSize || '64px' })),
+            type === PlaceHolderTypes.NO_MESSAGES && (React.createElement(ui_Icon.default, { className: "sendbird-place-holder__body__icon", type: ui_Icon.IconTypes.MESSAGE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: iconSize || '64px', height: iconSize || '64px' })),
+            React.createElement(ui_Label.Label, { className: "sendbird-place-holder__body__text", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 },
+                type === PlaceHolderTypes.NO_CHANNELS && (stringSet.PLACE_HOLDER__NO_CHANNEL),
+                type === PlaceHolderTypes.WRONG && (stringSet.PLACE_HOLDER__WRONG),
+                type === PlaceHolderTypes.NO_MESSAGES && (stringSet.PLACE_HOLDER__NO_MESSAGES)),
+            retryToConnect && (React.createElement("div", { className: "sendbird-place-holder__body__reconnect", role: "button", onClick: retryToConnect, onKeyPress: retryToConnect, tabIndex: 0 },
+                React.createElement(ui_Icon.default, { className: "sendbird-place-holder__body__reconnect__icon", type: ui_Icon.IconTypes.REFRESH, fillColor: ui_Icon.IconColors.PRIMARY, width: "20px", height: "20px" }),
+                React.createElement(ui_Label.Label, { className: "sendbird-place-holder__body__reconnect__text", type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.PLACE_HOLDER__RETRY_TO_CONNECT))))),
+        (type === PlaceHolderTypes.NO_RESULTS
+            || type === PlaceHolderTypes.SEARCH_IN
+            || type === PlaceHolderTypes.SEARCHING) && (React.createElement("div", { className: "sendbird-place-holder__body--align-top" },
+            type === PlaceHolderTypes.SEARCH_IN && (React.createElement("div", { className: "sendbird-place-holder__body--align-top__text" },
+                React.createElement(ui_Label.Label, { className: "sendbird-place-holder__body--align-top__text__search-in", type: ui_Label.LabelTypography.BUTTON_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.SEARCH_IN),
+                React.createElement(ui_Label.Label, { className: "sendbird-place-holder__body--align-top__text__channel-name", type: ui_Label.LabelTypography.BUTTON_2, color: ui_Label.LabelColors.PRIMARY }, "'".concat(searchInString)),
+                React.createElement(ui_Label.Label, { className: "sendbird-place-holder__body--align-top__text__quote", type: ui_Label.LabelTypography.BUTTON_2, color: ui_Label.LabelColors.PRIMARY }, '\''))),
+            type === PlaceHolderTypes.SEARCHING && (React.createElement(ui_Label.Label, { className: "sendbird-place-hlder__body--align-top__searching", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.SEARCHING)),
+            type === PlaceHolderTypes.NO_RESULTS && (React.createElement(ui_Label.Label, { className: "sendbird-place-hlder__body--align-top__no-result", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.NO_SEARCHED_MESSAGE))))));
 }
 
 exports.PlaceHolderTypes = PlaceHolderTypes;
-exports["default"] = PlaceHolder;
+exports.default = PlaceHolder;
 //# sourceMappingURL=PlaceHolder.js.map

package/cjs/ui/PlaceHolder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaceHolder.js","sources":["../../../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = {\n  LOADING: 'LOADING',\n  NO_CHANNELS: 'NO_CHANNELS',\n  NO_MESSAGES: 'NO_MESSAGES',\n  WRONG: 'WRONG',\n  SEARCH_IN: 'SEARCH_IN',\n  SEARCHING: 'SEARCHING',\n  NO_RESULTS: 'NO_RESULTS',\n} as const;\n\nexport interface PlaceHolderProps {\n  className?: string | Array<string>;\n  type: keyof typeof PlaceHolderTypes;\n  iconSize?: string | number;\n  searchInString?: string;\n  retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n  className = '',\n  type,\n  iconSize,\n  searchInString = '',\n  retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-place-holder',\n      ].join(' ')}\n    >\n      {\n        type === PlaceHolderTypes.LOADING && (\n          <Loader\n            width={iconSize || '48px'}\n            height={iconSize || '48px'}\n          >\n            <Icon\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY}\n              width={iconSize || '48px'}\n              height={iconSize || '48px'}\n            />\n          </Loader>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_CHANNELS\n          || type === PlaceHolderTypes.NO_MESSAGES\n          || type === PlaceHolderTypes.WRONG\n        ) && (\n          <div className=\"sendbird-place-holder__body\">\n            {\n              type === PlaceHolderTypes.NO_CHANNELS && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.CHAT}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.WRONG && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.ERROR}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_MESSAGES && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.MESSAGE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            <Label\n              className=\"sendbird-place-holder__body__text\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {\n                type === PlaceHolderTypes.NO_CHANNELS && (\n                  stringSet.PLACE_HOLDER__NO_CHANNEL\n                )\n              }\n              {\n                type === PlaceHolderTypes.WRONG && (\n                  stringSet.PLACE_HOLDER__WRONG\n                )\n              }\n              {\n                type === PlaceHolderTypes.NO_MESSAGES && (\n                  stringSet.PLACE_HOLDER__NO_MESSAGES\n                )\n              }\n            </Label>\n            {\n              retryToConnect && (\n                <div\n                  className=\"sendbird-place-holder__body__reconnect\"\n                  role=\"button\"\n                  onClick={retryToConnect}\n                  onKeyPress={retryToConnect}\n                  tabIndex={0}\n                >\n                  <Icon\n                    className=\"sendbird-place-holder__body__reconnect__icon\"\n                    type={IconTypes.REFRESH}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                  <Label\n                    className=\"sendbird-place-holder__body__reconnect__text\"\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n                  </Label>\n                </div>\n              )\n            }\n          </div>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_RESULTS\n          || type === PlaceHolderTypes.SEARCH_IN\n          || type === PlaceHolderTypes.SEARCHING\n        ) && (\n          <div className=\"sendbird-place-holder__body--align-top\">\n            {\n              type === PlaceHolderTypes.SEARCH_IN && (\n                <div className=\"sendbird-place-holder__body--align-top__text\">\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__search-in\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.SEARCH_IN}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {`'${searchInString}`}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__quote\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {'\\''}\n                  </Label>\n                </div>\n              )\n            }\n            {\n              type === PlaceHolderTypes.SEARCHING && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__searching\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.SEARCHING}\n                </Label>\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_RESULTS && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__no-result\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.NO_SEARCHED_MESSAGE}\n                </Label>\n              )\n            }\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["PlaceHolderTypes","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolder","_a","_b","className","type","iconSize","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","createElement","__spreadArray","Array","isArray","join","Loader","width","height","Icon","IconTypes","SPINNER","fillColor","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","Label","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","role","onClick","onKeyPress","tabIndex","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","concat","NO_SEARCHED_MESSAGE"],"mappings":"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"}
+{"version":3,"file":"PlaceHolder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/PlaybackTime.js

@@ -3,34 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-b5a9b4b7.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
+var ui_Label = require('../chunks/bundle-fTDV9UxX.js');
+require('../chunks/bundle-mc8PQfi_.js');
+require('../chunks/bundle-5l7POen0.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var PlaybackTime = function (_a) {
-  var className = _a.className,
-    _b = _a.time,
-    time = _b === void 0 ? 0 : _b,
-    _c = _a.labelType,
-    labelType = _c === void 0 ? ui_Label.LabelTypography.CAPTION_2 : _c,
-    _d = _a.labelColor,
-    labelColor = _d === void 0 ? ui_Label.LabelColors.ONCONTENT_1 : _d;
-  var naturalTime = time < 0 ? 0 : time;
-  var hour = Math.floor(naturalTime / 3600000);
-  var min = Math.floor(naturalTime % 3600000 / 60000);
-  var sec = Math.floor(naturalTime % 3600000 % 60000 / 1000);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-play-time ".concat(className)
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: labelType,
-    color: labelColor
-  }, "".concat(hour ? hour + ':' : '').concat(min < 10 ? '0' : '').concat(min ? min : '0', ":").concat(sec < 10 ? '0' : '').concat(sec)));
+var PlaybackTime = function (_a) {
+    var className = _a.className, _b = _a.time, time = _b === void 0 ? 0 : _b, _c = _a.labelType, labelType = _c === void 0 ? ui_Label.LabelTypography.CAPTION_2 : _c, _d = _a.labelColor, labelColor = _d === void 0 ? ui_Label.LabelColors.ONCONTENT_1 : _d;
+    var naturalTime = time < 0 ? 0 : time;
+    var hour = Math.floor(naturalTime / 3600000);
+    var min = Math.floor(naturalTime % 3600000 / 60000);
+    var sec = Math.floor((naturalTime % 3600000 % 60000) / 1000);
+    return (React.createElement("div", { className: "sendbird-ui-play-time ".concat(className) },
+        React.createElement(ui_Label.Label, { type: labelType, color: labelColor }, "".concat(hour ? hour + ':' : '').concat(min < 10 ? '0' : '').concat(min ? min : '0', ":").concat(sec < 10 ? '0' : '').concat(sec))));
 };
 
 exports.PlaybackTime = PlaybackTime;
-exports["default"] = PlaybackTime;
+exports.default = PlaybackTime;
 //# sourceMappingURL=PlaybackTime.js.map

package/cjs/ui/PlaybackTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaybackTime.js","sources":["../../../src/ui/PlaybackTime/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface PlaybackTimeProps {\n  className?: string;\n  time: number;// millisec\n  labelType?: string;\n  labelColor?: string;\n}\n\nexport const PlaybackTime = ({\n  className,\n  time = 0,\n  labelType = LabelTypography.CAPTION_2,\n  labelColor = LabelColors.ONCONTENT_1,\n}: PlaybackTimeProps): React.ReactElement => {\n  const naturalTime = time < 0 ? 0 : time;\n\n  const hour = Math.floor(naturalTime / 3600000);\n  const min = Math.floor(naturalTime % 3600000 / 60000);\n  const sec = Math.floor((naturalTime % 3600000 % 60000) / 1000);\n  return (\n    <div className={`sendbird-ui-play-time ${className}`}>\n      <Label\n        type={labelType}\n        color={labelColor}\n      >\n        {`${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`}\n      </Label>\n    </div>\n  );\n};\n\nexport default PlaybackTime;\n"],"names":["PlaybackTime","_a","className","_b","time","_c","labelType","LabelTypography","CAPTION_2","_d","labelColor","LabelColors","ONCONTENT_1","naturalTime","hour","Math","floor","min","sec","React","createElement","concat","Label","type","color"],"mappings":";;;;;;;;;;;;;IAWaA,YAAY,GAAG,UAACC,EAKT,EAAA;MAJlBC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,EAAA,GAAAF,EAAA,CAAAG,IAAQ;IAARA,IAAI,mBAAG,CAAC,GAAAD,EAAA;IACRE,EAAA,GAAAJ,EAAA,CAAAK,SAAqC;IAArCA,SAAS,mBAAGC,wBAAe,CAACC,SAAS,GAAAH,EAAA;IACrCI,EAAA,GAAAR,EAAA,CAAAS,UAAoC;IAApCA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,oBAAW,CAACC,WAAW,GAAAH,EAAA,CAAA;EAEpC,IAAMI,WAAW,GAAGT,IAAI,GAAG,CAAC,GAAG,CAAC,GAAGA,IAAI,CAAA;EAEvC,IAAMU,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,CAAC,CAAA;EAC9C,IAAMI,GAAG,GAAGF,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AACrD,EAAA,IAAMK,GAAG,GAAGH,IAAI,CAACC,KAAK,CAAEH,WAAW,GAAG,OAAO,GAAG,KAAK,GAAI,IAAI,CAAC,CAAA;EAC9D,oBACEM,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlB,IAAAA,SAAS,EAAE,wBAAyB,CAAAmB,MAAA,CAAAnB,SAAS,CAAA;AAAG,GAAA,eACnDiB,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJC,IAAAA,IAAI,EAAEjB,SAAU;AAChBkB,IAAAA,KAAK,EAAEd,UAAAA;GAEN,EAAA,EAAA,CAAAW,MAAA,CAAGP,IAAI,GAAGA,IAAI,GAAG,GAAG,GAAG,EAAE,CAAG,CAAAO,MAAA,CAAAJ,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,SAAGA,GAAG,GAAGA,GAAG,GAAG,GAAG,EAAA,GAAA,CAAA,CAAAI,MAAA,CAAIH,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,CAAA,CAAAG,MAAA,CAAGH,GAAG,CAC1F,CACJ,CAAC,CAAA;AAEV;;;;;"}
+{"version":3,"file":"PlaybackTime.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/ProgressBar.js

@@ -4,39 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/* eslint-disable no-redeclare */
-var ProgressBarColorTypes = {
-  PRIMARY: 'progress-bar-color--primary',
-  GRAY: 'progress-bar-color--gray'
-};
-var ProgressBar = function (_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    _c = _a.disabled,
-    disabled = _c === void 0 ? false : _c,
-    maxSize = _a.maxSize,
-    _d = _a.currentSize,
-    currentSize = _d === void 0 ? 0 : _d,
-    _e = _a.colorType,
-    colorType = _e === void 0 ? ProgressBarColorTypes.PRIMARY : _e;
-  var width = React.useMemo(function () {
-    return "".concat(currentSize / maxSize * 100, "%");
-  }, [currentSize, maxSize]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-progress-bar ".concat(className, " ").concat(colorType, " ").concat(disabled ? 'progress-bar--disabled' : '')
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-progress-bar__fill",
-    style: {
-      width: width
-    }
-  }));
+/* eslint-disable no-redeclare */
+var ProgressBarColorTypes = {
+    PRIMARY: 'progress-bar-color--primary',
+    GRAY: 'progress-bar-color--gray',
+};
+var ProgressBar = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, maxSize = _a.maxSize, _d = _a.currentSize, currentSize = _d === void 0 ? 0 : _d, _e = _a.colorType, colorType = _e === void 0 ? ProgressBarColorTypes.PRIMARY : _e;
+    var width = React.useMemo(function () {
+        return "".concat(currentSize / maxSize * 100, "%");
+    }, [currentSize, maxSize]);
+    return (React.createElement("div", { className: "sendbird-progress-bar ".concat(className, " ").concat(colorType, " ").concat(disabled ? 'progress-bar--disabled' : '') },
+        React.createElement("div", { className: "sendbird-progress-bar__fill", style: { width: width } })));
 };
 
 exports.ProgressBar = ProgressBar;
 exports.ProgressBarColorTypes = ProgressBarColorTypes;
-exports["default"] = ProgressBar;
+exports.default = ProgressBar;
 //# sourceMappingURL=ProgressBar.js.map

package/cjs/ui/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/ui/ProgressBar/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport './index.scss';\n\n/* eslint-disable no-redeclare */\nexport const ProgressBarColorTypes = {\n  PRIMARY: 'progress-bar-color--primary',\n  GRAY: 'progress-bar-color--gray',\n} as const;\nexport type ProgressBarColorTypes = typeof ProgressBarColorTypes[keyof typeof ProgressBarColorTypes];\n\nexport interface ProgressBarProps {\n  className?: string;\n  disabled?: boolean;\n  maxSize: number;\n  currentSize: number;\n  colorType?: ProgressBarColorTypes;\n}\n\nexport const ProgressBar = ({\n  className = '',\n  disabled = false,\n  maxSize,\n  currentSize = 0,\n  colorType = ProgressBarColorTypes.PRIMARY,\n}: ProgressBarProps): React.ReactElement => {\n  const width = useMemo(() => {\n    return `${currentSize / maxSize * 100}%`;\n  }, [currentSize, maxSize]);\n  return (\n    <div className={`sendbird-progress-bar ${className} ${colorType} ${disabled ? 'progress-bar--disabled' : ''}`}>\n      <div className=\"sendbird-progress-bar__fill\" style={{ width }} />\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBarColorTypes","PRIMARY","GRAY","ProgressBar","_a","_b","className","_c","disabled","maxSize","_d","currentSize","_e","colorType","width","useMemo","React","createElement","concat","style"],"mappings":";;;;;;;;;;AAGA;AACO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,OAAO,EAAE,6BAA6B;AACtCC,EAAAA,IAAI,EAAE,0BAAA;EACE;IAWGC,WAAW,GAAG,UAACC,EAMT,EAAA;AALjB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACdE,EAAgB,GAAAH,EAAA,CAAAI,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,OAAO,GAAAL,EAAA,CAAAK,OAAA;IACPC,EAAA,GAAAN,EAAA,CAAAO,WAAe;IAAfA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,GAAAA,EAAA;IACfE,EAAyC,GAAAR,EAAA,CAAAS,SAAA;IAAzCA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGZ,qBAAqB,CAACC,OAAO,GAAAW,EAAA,CAAA;AAEzC,EAAA,IAAME,KAAK,GAAGC,aAAO,CAAC,YAAA;IACpB,OAAO,UAAGJ,WAAW,GAAGF,OAAO,GAAG,GAAG,MAAG,CAAA;AAC1C,GAAC,EAAE,CAACE,WAAW,EAAEF,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEO,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKX,SAAS,EAAE,wBAAyB,CAAAY,MAAA,CAAAZ,SAAS,EAAI,GAAA,CAAA,CAAAY,MAAA,CAAAL,SAAS,cAAIL,QAAQ,GAAG,wBAAwB,GAAG,EAAE,CAAA;GACzGQ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,6BAA6B;AAACa,IAAAA,KAAK,EAAE;AAAEL,MAAAA,KAAK,EAAAA,KAAAA;AAAA,KAAA;AAAG,GAChE,CAAK,CAAC,CAAA;AAEV;;;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/QuoteMessage.js

@@ -2,155 +2,79 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b5a9b4b7.js');
+var ui_Label = require('../chunks/bundle-fTDV9UxX.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-58b6ed7c.js');
-var index = require('../index-dbe8dd84.js');
-var utils = require('../utils-93ca9d57.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
-require('../tslib.es6-c74b513f.js');
-require('../index-e8928da6.js');
+var LocalizationContext = require('../chunks/bundle-80bw1Z-w.js');
+var index = require('../chunks/bundle-BUF_nc4Q.js');
+var utils = require('../chunks/bundle-lkluBCYi.js');
+require('../chunks/bundle-mc8PQfi_.js');
+require('../chunks/bundle-viTxhrPr.js');
+require('../chunks/bundle-5l7POen0.js');
+require('../chunks/bundle-EVv3xRW8.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-54279ec2.js');
+require('../chunks/bundle-RG3ZDmvE.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function QuoteMessage(_a) {
-  var _b;
-  var _c, _d, _e, _f, _g, _h;
-  var message = _a.message,
-    _j = _a.userId,
-    userId = _j === void 0 ? '' : _j,
-    _k = _a.isByMe,
-    isByMe = _k === void 0 ? false : _k,
-    _l = _a.className,
-    className = _l === void 0 ? '' : _l,
-    _m = _a.isUnavailable,
-    isUnavailable = _m === void 0 ? false : _m,
-    onClick = _a.onClick;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var parentMessage = message.parentMessage;
-  var parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
-  var parentMessageSenderNickname = userId === (parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.nickname;
-  var parentMessageUrl = utils.getMessageFirstFileUrl(parentMessage);
-  var parentMessageType = utils.getMessageFirstFileType(parentMessage);
-  var currentMessageSenderNickname = userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : (_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.nickname;
-  var _o = React.useState(false),
-    isThumbnailLoaded = _o[0],
-    setThumbnailLoaded = _o[1];
-  var uikitFileTypes = index.getUIKitFileTypes();
-  var splitFileName = (_f = (_e = utils.getMessageFirstFileName(parentMessage)) === null || _e === void 0 ? void 0 : _e.split('/')) !== null && _f !== void 0 ? _f : parentMessageUrl.split('/');
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : '']),
-    key: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId,
-    onClick: function () {
-      if (!isUnavailable && onClick) {
-        onClick();
-      }
-    },
-    onTouchEnd: function () {
-      if (!isUnavailable && onClick) {
-        onClick();
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-to"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-quote-message__replied-to__icon",
-    type: ui_Icon.IconTypes.REPLY,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: "12px",
-    height: "12px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-to__text",
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__nickname"
-  }, currentMessageSenderNickname), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__text"
-  }, stringSet.QUOTED_MESSAGE__REPLIED_TO), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__nickname"
-  }, parentMessageSenderNickname))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message"
-  }, isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.QUOTED_MESSAGE__UNAVAILABLE)), index.isUserMessage(parentMessage) && ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message) === null || _g === void 0 ? void 0 : _g.length) > 0 && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message)), index.isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.VOICE_MESSAGE)), (index.isThumbnailMessage(parentMessage) || index.isMultipleFilesMessage(parentMessage)) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__image",
-    url: parentMessageUrl,
-    alt: parentMessageType,
-    width: "144px",
-    height: "108px",
-    onLoad: function () {
-      return setThumbnailLoaded(true);
-    },
-    defaultComponent: /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon"
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: index.isVideo(parentMessageType) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO,
-      fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-      width: "22px",
-      height: "22px"
-    })))
-  }), index.isVideo(parentMessageType) && !(((_h = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("video", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__video"
-  }, /*#__PURE__*/React__default["default"].createElement("source", {
-    src: parentMessageUrl,
-    type: parentMessageType
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.PLAY,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-    width: "14px",
-    height: "14px"
-  })))), isThumbnailLoaded && index.isGif(parentMessageType) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.GIF,
-    fillColor: ui_Icon.IconColors.THUMBNAIL_ICON,
-    width: "14px",
-    height: "14px"
-  })))), index.getUIKitMessageType(parentMessage) === index.UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__file-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-quote-message__replied-message__file-message__type-icon",
-    type: (_b = {}, _b[uikitFileTypes.IMAGE] = ui_Icon.IconTypes.PHOTO, _b[uikitFileTypes.VIDEO] = ui_Icon.IconTypes.PLAY, _b[uikitFileTypes.AUDIO] = ui_Icon.IconTypes.FILE_AUDIO, _b[uikitFileTypes.GIF] = ui_Icon.IconTypes.GIF, _b[uikitFileTypes.OTHERS] = ui_Icon.IconTypes.FILE_DOCUMENT, _b)[index.getUIKitFileType(parentMessageType)],
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: "16px",
-    height: "16px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-message__file-message__file-name",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, index.truncateString(splitFileName[splitFileName.length - 1])))));
+function QuoteMessage(_a) {
+    var _b;
+    var _c, _d, _e, _f, _g, _h;
+    var message = _a.message, _j = _a.userId, userId = _j === void 0 ? '' : _j, _k = _a.isByMe, isByMe = _k === void 0 ? false : _k, _l = _a.className, className = _l === void 0 ? '' : _l, _m = _a.isUnavailable, isUnavailable = _m === void 0 ? false : _m, onClick = _a.onClick;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var parentMessage = message.parentMessage;
+    var parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
+    var parentMessageSenderNickname = (userId === (parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.userId)) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.nickname;
+    var parentMessageUrl = utils.getMessageFirstFileUrl(parentMessage);
+    var parentMessageType = utils.getMessageFirstFileType(parentMessage);
+    var currentMessageSenderNickname = (userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId)) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : (_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.nickname;
+    var _o = React.useState(false), isThumbnailLoaded = _o[0], setThumbnailLoaded = _o[1];
+    var uikitFileTypes = index.getUIKitFileTypes();
+    var splitFileName = (_f = (_e = utils.getMessageFirstFileName(parentMessage)) === null || _e === void 0 ? void 0 : _e.split('/')) !== null && _f !== void 0 ? _f : parentMessageUrl.split('/');
+    return (React.createElement("div", { className: index.getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : '']), key: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId, onClick: function () {
+            if (!isUnavailable && onClick) {
+                onClick();
+            }
+        }, onTouchEnd: function () {
+            if (!isUnavailable && onClick) {
+                onClick();
+            }
+        } },
+        React.createElement("div", { className: "sendbird-quote-message__replied-to" },
+            React.createElement(ui_Icon.default, { className: "sendbird-quote-message__replied-to__icon", type: ui_Icon.IconTypes.REPLY, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "12px", height: "12px" }),
+            React.createElement(ui_Label.Label, { className: "sendbird-quote-message__replied-to__text", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_3 },
+                React.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, currentMessageSenderNickname),
+                React.createElement("span", { className: "sendbird-quote-message__replied-to__text__text" }, stringSet.QUOTED_MESSAGE__REPLIED_TO),
+                React.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, parentMessageSenderNickname))),
+        React.createElement("div", { className: "sendbird-quote-message__replied-message" },
+            isUnavailable && (React.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React.createElement(ui_Label.Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.QUOTED_MESSAGE__UNAVAILABLE))),
+            ((index.isUserMessage(parentMessage) && ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message) === null || _g === void 0 ? void 0 : _g.length) > 0) && !isUnavailable) && (React.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React.createElement(ui_Label.Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message))),
+            (index.isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable) && (React.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React.createElement(ui_Label.Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.VOICE_MESSAGE))),
+            ((index.isThumbnailMessage(parentMessage)
+                || index.isMultipleFilesMessage(parentMessage))
+                && parentMessageUrl
+                && !isUnavailable) && (React.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message" },
+                React.createElement(ui_ImageRenderer.default, { className: "sendbird-quote-message__replied-message__thumbnail-message__image", url: parentMessageUrl, alt: parentMessageType, width: "144px", height: "108px", onLoad: function () { return setThumbnailLoaded(true); }, defaultComponent: (React.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder" },
+                        React.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon" },
+                            React.createElement(ui_Icon.default, { type: index.isVideo(parentMessageType) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "22px", height: "22px" })))) }),
+                (index.isVideo(parentMessageType) && !(((_h = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0)) && (React.createElement(React.Fragment, null,
+                    React.createElement("video", { className: "sendbird-quote-message__replied-message__thumbnail-message__video" },
+                        React.createElement("source", { src: parentMessageUrl, type: parentMessageType })),
+                    React.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover" },
+                        React.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon" },
+                            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.PLAY, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "14px", height: "14px" }))))),
+                (isThumbnailLoaded && index.isGif(parentMessageType)) && (React.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover" },
+                    React.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon" },
+                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.GIF, fillColor: ui_Icon.IconColors.THUMBNAIL_ICON, width: "14px", height: "14px" })))))),
+            (index.getUIKitMessageType(parentMessage) === index.UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (React.createElement("div", { className: "sendbird-quote-message__replied-message__file-message" },
+                React.createElement(ui_Icon.default, { className: "sendbird-quote-message__replied-message__file-message__type-icon", type: (_b = {},
+                        _b[uikitFileTypes.IMAGE] = ui_Icon.IconTypes.PHOTO,
+                        _b[uikitFileTypes.VIDEO] = ui_Icon.IconTypes.PLAY,
+                        _b[uikitFileTypes.AUDIO] = ui_Icon.IconTypes.FILE_AUDIO,
+                        _b[uikitFileTypes.GIF] = ui_Icon.IconTypes.GIF,
+                        _b[uikitFileTypes.OTHERS] = ui_Icon.IconTypes.FILE_DOCUMENT,
+                        _b)[index.getUIKitFileType(parentMessageType)], fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "16px", height: "16px" }),
+                React.createElement(ui_Label.Label, { className: "sendbird-quote-message__replied-message__file-message__file-name", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_3 }, index.truncateString(splitFileName[splitFileName.length - 1])))))));
 }
 
 module.exports = QuoteMessage;