@sendbird/uikit-react 3.7.0 → 3.8.0

package/ui/PlaceHolder.js

@@ -1,107 +1,52 @@
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-287ee149.js';
+import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
 import Loader from './Loader.js';
-import '../stringSet-6422c6b9.js';
-import '../index-e4277f9c.js';
-import 'prop-types';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-v9a1_z0P.js';
 
-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 = useContext(LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-place-holder'], false).join(' ')
-  }, type === PlaceHolderTypes.LOADING && /*#__PURE__*/React__default.createElement(Loader, {
-    width: iconSize || '48px',
-    height: iconSize || '48px'
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.SPINNER,
-    fillColor: IconColors.PRIMARY,
-    width: iconSize || '48px',
-    height: iconSize || '48px'
-  })), (type === PlaceHolderTypes.NO_CHANNELS || type === PlaceHolderTypes.NO_MESSAGES || type === PlaceHolderTypes.WRONG) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-place-holder__body"
-  }, type === PlaceHolderTypes.NO_CHANNELS && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-place-holder__body__icon",
-    type: IconTypes.CHAT,
-    fillColor: IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), type === PlaceHolderTypes.WRONG && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-place-holder__body__icon",
-    type: IconTypes.ERROR,
-    fillColor: IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), type === PlaceHolderTypes.NO_MESSAGES && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-place-holder__body__icon",
-    type: IconTypes.MESSAGE,
-    fillColor: IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-place-holder__body__text",
-    type: LabelTypography.BODY_1,
-    color: 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.createElement("div", {
-    className: "sendbird-place-holder__body__reconnect",
-    role: "button",
-    onClick: retryToConnect,
-    onKeyPress: retryToConnect,
-    tabIndex: 0
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-place-holder__body__reconnect__icon",
-    type: IconTypes.REFRESH,
-    fillColor: IconColors.PRIMARY,
-    width: "20px",
-    height: "20px"
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-place-holder__body__reconnect__text",
-    type: LabelTypography.BUTTON_1,
-    color: LabelColors.PRIMARY
-  }, stringSet.PLACE_HOLDER__RETRY_TO_CONNECT))), (type === PlaceHolderTypes.NO_RESULTS || type === PlaceHolderTypes.SEARCH_IN || type === PlaceHolderTypes.SEARCHING) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-place-holder__body--align-top"
-  }, type === PlaceHolderTypes.SEARCH_IN && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-place-holder__body--align-top__text"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-place-holder__body--align-top__text__search-in",
-    type: LabelTypography.BUTTON_2,
-    color: LabelColors.ONBACKGROUND_2
-  }, stringSet.SEARCH_IN), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-place-holder__body--align-top__text__channel-name",
-    type: LabelTypography.BUTTON_2,
-    color: LabelColors.PRIMARY
-  }, "'".concat(searchInString)), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-place-holder__body--align-top__text__quote",
-    type: LabelTypography.BUTTON_2,
-    color: LabelColors.PRIMARY
-  }, '\'')), type === PlaceHolderTypes.SEARCHING && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-place-hlder__body--align-top__searching",
-    type: LabelTypography.BODY_1,
-    color: LabelColors.ONBACKGROUND_2
-  }, stringSet.SEARCHING), type === PlaceHolderTypes.NO_RESULTS && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-place-hlder__body--align-top__no-result",
-    type: LabelTypography.BODY_1,
-    color: 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 = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-place-holder',
+        ], false).join(' ') },
+        type === PlaceHolderTypes.LOADING && (React__default.createElement(Loader, { width: iconSize || '48px', height: iconSize || '48px' },
+            React__default.createElement(Icon, { type: IconTypes.SPINNER, fillColor: IconColors.PRIMARY, width: iconSize || '48px', height: iconSize || '48px' }))),
+        (type === PlaceHolderTypes.NO_CHANNELS
+            || type === PlaceHolderTypes.NO_MESSAGES
+            || type === PlaceHolderTypes.WRONG) && (React__default.createElement("div", { className: "sendbird-place-holder__body" },
+            type === PlaceHolderTypes.NO_CHANNELS && (React__default.createElement(Icon, { className: "sendbird-place-holder__body__icon", type: IconTypes.CHAT, fillColor: IconColors.ON_BACKGROUND_3, width: iconSize || '64px', height: iconSize || '64px' })),
+            type === PlaceHolderTypes.WRONG && (React__default.createElement(Icon, { className: "sendbird-place-holder__body__icon", type: IconTypes.ERROR, fillColor: IconColors.ON_BACKGROUND_3, width: iconSize || '64px', height: iconSize || '64px' })),
+            type === PlaceHolderTypes.NO_MESSAGES && (React__default.createElement(Icon, { className: "sendbird-place-holder__body__icon", type: IconTypes.MESSAGE, fillColor: IconColors.ON_BACKGROUND_3, width: iconSize || '64px', height: iconSize || '64px' })),
+            React__default.createElement(Label, { className: "sendbird-place-holder__body__text", type: LabelTypography.BODY_1, color: 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__default.createElement("div", { className: "sendbird-place-holder__body__reconnect", role: "button", onClick: retryToConnect, onKeyPress: retryToConnect, tabIndex: 0 },
+                React__default.createElement(Icon, { className: "sendbird-place-holder__body__reconnect__icon", type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "20px", height: "20px" }),
+                React__default.createElement(Label, { className: "sendbird-place-holder__body__reconnect__text", type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.PLACE_HOLDER__RETRY_TO_CONNECT))))),
+        (type === PlaceHolderTypes.NO_RESULTS
+            || type === PlaceHolderTypes.SEARCH_IN
+            || type === PlaceHolderTypes.SEARCHING) && (React__default.createElement("div", { className: "sendbird-place-holder__body--align-top" },
+            type === PlaceHolderTypes.SEARCH_IN && (React__default.createElement("div", { className: "sendbird-place-holder__body--align-top__text" },
+                React__default.createElement(Label, { className: "sendbird-place-holder__body--align-top__text__search-in", type: LabelTypography.BUTTON_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.SEARCH_IN),
+                React__default.createElement(Label, { className: "sendbird-place-holder__body--align-top__text__channel-name", type: LabelTypography.BUTTON_2, color: LabelColors.PRIMARY }, "'".concat(searchInString)),
+                React__default.createElement(Label, { className: "sendbird-place-holder__body--align-top__text__quote", type: LabelTypography.BUTTON_2, color: LabelColors.PRIMARY }, '\''))),
+            type === PlaceHolderTypes.SEARCHING && (React__default.createElement(Label, { className: "sendbird-place-hlder__body--align-top__searching", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, stringSet.SEARCHING)),
+            type === PlaceHolderTypes.NO_RESULTS && (React__default.createElement(Label, { className: "sendbird-place-hlder__body--align-top__no-result", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, stringSet.NO_SEARCHED_MESSAGE))))));
 }
 
 export { PlaceHolderTypes, PlaceHolder as default };

package/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/ui/PlaybackTime.js

@@ -1,26 +1,16 @@
 import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../index-92741c7e.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-5yKxJk_M.js';
 
-var PlaybackTime = function (_a) {
-  var className = _a.className,
-    _b = _a.time,
-    time = _b === void 0 ? 0 : _b,
-    _c = _a.labelType,
-    labelType = _c === void 0 ? LabelTypography.CAPTION_2 : _c,
-    _d = _a.labelColor,
-    labelColor = _d === void 0 ? 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.createElement("div", {
-    className: "sendbird-ui-play-time ".concat(className)
-  }, /*#__PURE__*/React__default.createElement(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 ? LabelTypography.CAPTION_2 : _c, _d = _a.labelColor, labelColor = _d === void 0 ? 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__default.createElement("div", { className: "sendbird-ui-play-time ".concat(className) },
+        React__default.createElement(Label, { type: labelType, color: labelColor }, "".concat(hour ? hour + ':' : '').concat(min < 10 ? '0' : '').concat(min ? min : '0', ":").concat(sec < 10 ? '0' : '').concat(sec))));
 };
 
 export { PlaybackTime, PlaybackTime as default };

package/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,eAAe,CAACC,SAAS,GAAAH,EAAA;IACrCI,EAAA,GAAAR,EAAA,CAAAS,UAAoC;IAApCA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,WAAW,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,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlB,IAAAA,SAAS,EAAE,wBAAyB,CAAAmB,MAAA,CAAAnB,SAAS,CAAA;AAAG,GAAA,eACnDiB,cAAA,CAAAC,aAAA,CAACE,KAAK,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/ui/ProgressBar.js

@@ -1,31 +1,17 @@
 import React__default, { useMemo } from '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 = useMemo(function () {
-    return "".concat(currentSize / maxSize * 100, "%");
-  }, [currentSize, maxSize]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-progress-bar ".concat(className, " ").concat(colorType, " ").concat(disabled ? 'progress-bar--disabled' : '')
-  }, /*#__PURE__*/React__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 = useMemo(function () {
+        return "".concat(currentSize / maxSize * 100, "%");
+    }, [currentSize, maxSize]);
+    return (React__default.createElement("div", { className: "sendbird-progress-bar ".concat(className, " ").concat(colorType, " ").concat(disabled ? 'progress-bar--disabled' : '') },
+        React__default.createElement("div", { className: "sendbird-progress-bar__fill", style: { width: width } })));
 };
 
 export { ProgressBar, ProgressBarColorTypes, ProgressBar as default };

package/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,OAAO,CAAC,YAAA;IACpB,OAAO,UAAGJ,WAAW,GAAGF,OAAO,GAAG,GAAG,MAAG,CAAA;AAC1C,GAAC,EAAE,CAACE,WAAW,EAAEF,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEO,cAAA,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,cAAA,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/ui/QuoteMessage.js

@@ -1,150 +1,78 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-287ee149.js';
-import { S as getUIKitFileTypes, o as getClassName, y as isUserMessage, d as isVoiceMessage, v as isThumbnailMessage, c as isMultipleFilesMessage, k as isVideo, j as isGif, z as getUIKitMessageType, U as UIKitMessageTypes, Q as getUIKitFileType, R as truncateString } from '../index-776554c0.js';
-import { g as getMessageFirstFileUrl, c as getMessageFirstFileType, a as getMessageFirstFileName } from '../utils-bfc0ab3b.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
-import '../tslib.es6-c2fb729e.js';
-import '../index-e4277f9c.js';
+import { L as LocalizationContext } from '../chunks/bundle-v0OWADVv.js';
+import { A as getUIKitFileTypes, d as getClassName, q as isUserMessage, i as isVoiceMessage, l as isThumbnailMessage, b as isMultipleFilesMessage, n as isVideo, B as isGif, k as getUIKitMessageType, U as UIKitMessageTypes, w as getUIKitFileType, x as truncateString } from '../chunks/bundle-EHReigfD.js';
+import { a as getMessageFirstFileUrl, b as getMessageFirstFileType, c as getMessageFirstFileName } from '../chunks/bundle-M2ljBW6p.js';
+import '../chunks/bundle-hKtwSqbO.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-FTgSGiKe.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-09847c0f.js';
+import '../chunks/bundle-9KsbryQI.js';
 
-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 = useContext(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 = getMessageFirstFileUrl(parentMessage);
-  var parentMessageType = 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 = useState(false),
-    isThumbnailLoaded = _o[0],
-    setThumbnailLoaded = _o[1];
-  var uikitFileTypes = getUIKitFileTypes();
-  var splitFileName = (_f = (_e = getMessageFirstFileName(parentMessage)) === null || _e === void 0 ? void 0 : _e.split('/')) !== null && _f !== void 0 ? _f : parentMessageUrl.split('/');
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: 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.createElement("div", {
-    className: "sendbird-quote-message__replied-to"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-quote-message__replied-to__icon",
-    type: IconTypes.REPLY,
-    fillColor: IconColors.ON_BACKGROUND_3,
-    width: "12px",
-    height: "12px"
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-to__text",
-    type: LabelTypography.CAPTION_2,
-    color: LabelColors.ONBACKGROUND_3
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__nickname"
-  }, currentMessageSenderNickname), /*#__PURE__*/React__default.createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__text"
-  }, stringSet.QUOTED_MESSAGE__REPLIED_TO), /*#__PURE__*/React__default.createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__nickname"
-  }, parentMessageSenderNickname))), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message"
-  }, isUnavailable && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, stringSet.QUOTED_MESSAGE__UNAVAILABLE)), 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.createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message)), isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, stringSet.VOICE_MESSAGE)), (isThumbnailMessage(parentMessage) || isMultipleFilesMessage(parentMessage)) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message"
-  }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-    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.createElement("div", {
-      className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon"
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO,
-      fillColor: IconColors.ON_BACKGROUND_2,
-      width: "22px",
-      height: "22px"
-    })))
-  }), isVideo(parentMessageType) && !(((_h = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("video", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__video"
-  }, /*#__PURE__*/React__default.createElement("source", {
-    src: parentMessageUrl,
-    type: parentMessageType
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.PLAY,
-    fillColor: IconColors.ON_BACKGROUND_2,
-    width: "14px",
-    height: "14px"
-  })))), isThumbnailLoaded && isGif(parentMessageType) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.GIF,
-    fillColor: IconColors.THUMBNAIL_ICON,
-    width: "14px",
-    height: "14px"
-  })))), getUIKitMessageType(parentMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__file-message"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-quote-message__replied-message__file-message__type-icon",
-    type: (_b = {}, _b[uikitFileTypes.IMAGE] = IconTypes.PHOTO, _b[uikitFileTypes.VIDEO] = IconTypes.PLAY, _b[uikitFileTypes.AUDIO] = IconTypes.FILE_AUDIO, _b[uikitFileTypes.GIF] = IconTypes.GIF, _b[uikitFileTypes.OTHERS] = IconTypes.FILE_DOCUMENT, _b)[getUIKitFileType(parentMessageType)],
-    fillColor: IconColors.ON_BACKGROUND_3,
-    width: "16px",
-    height: "16px"
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-message__file-message__file-name",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_3
-  }, 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 = useContext(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 = getMessageFirstFileUrl(parentMessage);
+    var parentMessageType = 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 = useState(false), isThumbnailLoaded = _o[0], setThumbnailLoaded = _o[1];
+    var uikitFileTypes = getUIKitFileTypes();
+    var splitFileName = (_f = (_e = getMessageFirstFileName(parentMessage)) === null || _e === void 0 ? void 0 : _e.split('/')) !== null && _f !== void 0 ? _f : parentMessageUrl.split('/');
+    return (React__default.createElement("div", { className: 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__default.createElement("div", { className: "sendbird-quote-message__replied-to" },
+            React__default.createElement(Icon, { className: "sendbird-quote-message__replied-to__icon", type: IconTypes.REPLY, fillColor: IconColors.ON_BACKGROUND_3, width: "12px", height: "12px" }),
+            React__default.createElement(Label, { className: "sendbird-quote-message__replied-to__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_3 },
+                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, currentMessageSenderNickname),
+                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__text" }, stringSet.QUOTED_MESSAGE__REPLIED_TO),
+                React__default.createElement("span", { className: "sendbird-quote-message__replied-to__text__nickname" }, parentMessageSenderNickname))),
+        React__default.createElement("div", { className: "sendbird-quote-message__replied-message" },
+            isUnavailable && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.QUOTED_MESSAGE__UNAVAILABLE))),
+            ((isUserMessage(parentMessage) && ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message) === null || _g === void 0 ? void 0 : _g.length) > 0) && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message))),
+            (isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__text-message" },
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__text-message__word", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, stringSet.VOICE_MESSAGE))),
+            ((isThumbnailMessage(parentMessage)
+                || isMultipleFilesMessage(parentMessage))
+                && parentMessageUrl
+                && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message" },
+                React__default.createElement(ImageRenderer, { className: "sendbird-quote-message__replied-message__thumbnail-message__image", url: parentMessageUrl, alt: parentMessageType, width: "144px", height: "108px", onLoad: function () { return setThumbnailLoaded(true); }, defaultComponent: (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder" },
+                        React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon" },
+                            React__default.createElement(Icon, { type: isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "22px", height: "22px" })))) }),
+                (isVideo(parentMessageType) && !(((_h = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.thumbnails) === null || _h === void 0 ? void 0 : _h.length) > 0)) && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("video", { className: "sendbird-quote-message__replied-message__thumbnail-message__video" },
+                        React__default.createElement("source", { src: parentMessageUrl, type: parentMessageType })),
+                    React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover" },
+                        React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon" },
+                            React__default.createElement(Icon, { type: IconTypes.PLAY, fillColor: IconColors.ON_BACKGROUND_2, width: "14px", height: "14px" }))))),
+                (isThumbnailLoaded && isGif(parentMessageType)) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover" },
+                    React__default.createElement("div", { className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon" },
+                        React__default.createElement(Icon, { type: IconTypes.GIF, fillColor: IconColors.THUMBNAIL_ICON, width: "14px", height: "14px" })))))),
+            (getUIKitMessageType(parentMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (React__default.createElement("div", { className: "sendbird-quote-message__replied-message__file-message" },
+                React__default.createElement(Icon, { className: "sendbird-quote-message__replied-message__file-message__type-icon", type: (_b = {},
+                        _b[uikitFileTypes.IMAGE] = IconTypes.PHOTO,
+                        _b[uikitFileTypes.VIDEO] = IconTypes.PLAY,
+                        _b[uikitFileTypes.AUDIO] = IconTypes.FILE_AUDIO,
+                        _b[uikitFileTypes.GIF] = IconTypes.GIF,
+                        _b[uikitFileTypes.OTHERS] = IconTypes.FILE_DOCUMENT,
+                        _b)[getUIKitFileType(parentMessageType)], fillColor: IconColors.ON_BACKGROUND_3, width: "16px", height: "16px" }),
+                React__default.createElement(Label, { className: "sendbird-quote-message__replied-message__file-message__file-name", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 }, truncateString(splitFileName[splitFileName.length - 1])))))));
 }
 
 export { QuoteMessage as default };

package/ui/QuoteMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessage.js","sources":["../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  SendableMessageType,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\nimport { getMessageFirstFileName, getMessageFirstFileType, getMessageFirstFileUrl } from './utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: SendableMessageType;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className = '',\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as SendableMessageType)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = getMessageFirstFileUrl(parentMessage as CoreMessageType);\n  const parentMessageType = getMessageFirstFileType(parentMessage as CoreMessageType);\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = getMessageFirstFileName(parentMessage as CoreMessageType)?.split('/') ?? parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message or multiple files message */}\n        {(\n          (\n            isThumbnailMessage(parentMessage as FileMessage)\n            || isMultipleFilesMessage(parentMessage as CoreMessageType)\n          )\n          && parentMessageUrl\n          && !isUnavailable\n        ) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.THUMBNAIL_ICON}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_a","message","_j","userId","_k","isByMe","_l","className","_m","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","getMessageFirstFileUrl","parentMessageType","getMessageFirstFileType","currentMessageSenderNickname","_c","_d","_o","useState","isThumbnailLoaded","setThumbnailLoaded","uikitFileTypes","getUIKitFileTypes","splitFileName","_f","_e","getMessageFirstFileName","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","type","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","_g","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","isMultipleFilesMessage","ImageRenderer","url","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","_h","thumbnails","Fragment","src","isGif","GIF","THUMBNAIL_ICON","getUIKitMessageType","UIKitMessageTypes","FILE","_b","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":";;;;;;;;;;;;;;AAmCwB,SAAAA,YAAYA,CAACC,EAO7B,EAAA;;;AANN,EAAA,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IACPC,EAAW,GAAAF,EAAA,CAAAG,MAAA;IAAXA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACXE,EAAA,GAAAJ,EAAA,CAAAK,MAAc;IAAdA,MAAM,mBAAG,KAAK,GAAAD,EAAA;IACdE,EAAA,GAAAN,EAAA,CAAAO,SAAc;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACdE,EAAA,GAAAR,EAAA,CAAAS,aAAqB;IAArBA,aAAa,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IACrBE,OAAO,GAAAV,EAAA,CAAAU,OAAA,CAAA;AAEC,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;AAET,EAAA,IAAAC,aAAa,GAAKb,OAAO,CAAAa,aAAZ,CAAA;AACrB,EAAA,IAAMC,mBAAmB,GAAID,aAAqC,KAAA,IAAA,IAArCA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,CAA0BE,MAAM,CAAA;AAC1E,EAAA,IAAMC,2BAA2B,GAAId,MAAM,MAAKY,mBAAmB,KAAnB,IAAA,IAAAA,mBAAmB,KAAnB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,mBAAmB,CAAEZ,MAAM,CAAA,GAAIQ,SAAS,CAACO,4BAA4B,GAAGH,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnBA,mBAAmB,CAAEI,QAAQ,CAAA;AACrJ,EAAA,IAAMC,gBAAgB,GAAGC,sBAAsB,CAACP,aAAgC,CAAC,CAAA;AACjF,EAAA,IAAMQ,iBAAiB,GAAGC,uBAAuB,CAACT,aAAgC,CAAC,CAAA;AACnF,EAAA,IAAMU,4BAA4B,GAAIrB,MAAM,MAAK,MAAAF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEe,MAAM,MAAE,IAAA,IAAAS,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAtB,MAAM,CAAA,GAAIQ,SAAS,CAACO,4BAA4B,GAAG,CAAAQ,EAAA,GAAAzB,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEe,MAAM,MAAA,IAAA,IAAAU,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEP,QAAQ,CAAA;AAExI,EAAA,IAAAQ,EAAA,GAA0CC,QAAQ,CAAC,KAAK,CAAC;AAAxDC,IAAAA,iBAAiB,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,kBAAkB,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;AAC/D,EAAA,IAAMI,cAAc,GAAGC,iBAAiB,EAAE,CAAA;EAC1C,IAAMC,aAAa,GAAG,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAC,uBAAuB,CAACtB,aAAgC,CAAC,MAAE,IAAA,IAAAqB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,KAAK,CAAC,GAAG,CAAC,mCAAIjB,gBAAgB,CAACiB,KAAK,CAAC,GAAG,CAAC,CAAA;EAE1H,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEhC,SAAS,EAAEiC,YAAY,CAAC,CAACjC,SAAS,EAAE,wBAAwB,EAAEF,MAAM,GAAG,UAAU,GAAG,UAAU,EAAEI,aAAa,GAAG,aAAa,GAAG,EAAE,CAAC,CAAE;AACrIgC,IAAAA,GAAG,EAAE3B,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAE4B,SAAU;IAC9BhC,OAAO,EAAE,YAAA;AACP,MAAA,IAAI,CAACD,aAAa,IAAIC,OAAO,EAAE;AAC7BA,QAAAA,OAAO,EAAE,CAAA;AACV,OAAA;KACD;IACFiC,UAAU,EAAE,YAAA;AACV,MAAA,IAAI,CAAClC,aAAa,IAAIC,OAAO,EAAE;AAC7BA,QAAAA,OAAO,EAAE,CAAA;AACV,OAAA;AACH,KAAA;GAEA4B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,eACjD+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACHrC,IAAAA,SAAS,EAAC,0CAA0C;IACpDsC,IAAI,EAAEC,SAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAEf,CAAA,eAAAd,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,0CAA0C;IACpDsC,IAAI,EAAES,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAEnBpB,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhC,IAAAA,SAAS,EAAC,oDAAA;AAAoD,GAAA,EAAEiB,4BAAmC,CACzG,eAAAc,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhC,IAAAA,SAAS,EAAC,gDAAA;AAAgD,GAAA,EAAEI,SAAS,CAACgD,0BAAiC,CAC7G,eAAArB,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhC,IAAAA,SAAS,EAAC,oDAAA;AAAoD,GAAA,EAAEU,2BAAkC,CACnG,CACJ,CACL,eAAAqB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,yCAAA;AAAyC,GAAA,EACrDE,aAAa,iBACZ6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eACpE+B,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,6DAA6D;IACvEsC,IAAI,EAAES,eAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,WAAW,CAACI,cAAAA;GAElBlD,EAAAA,SAAS,CAACmD,2BACN,CACJ,CACN,EAEEC,aAAa,CAACjD,aAA4B,CAAC,IAAI,CAAA,CAAAkD,EAAA,GAAClD,aAA6B,KAAA,IAAA,IAA7BA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAkBb,OAAO,MAAE,IAAA,IAAA+D,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,MAAM,IAAG,CAAC,IAAK,CAACxD,aAAa,iBACtH6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eACpE+B,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,6DAA6D;IACvEsC,IAAI,EAAES,eAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,WAAW,CAACI,cAAAA;AAAe,GAAA,EAEhC/C,aAA6B,KAA7B,IAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAkBb,OAC5B,CACJ,CACN,EAECiE,cAAc,CAACpD,aAA4B,CAAC,IAAIM,gBAAgB,IAAI,CAACX,aAAa,iBAClF6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eACpE+B,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,6DAA6D;IACvEsC,IAAI,EAAES,eAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,WAAW,CAACI,cAAAA;GAElBlD,EAAAA,SAAS,CAACwD,aACN,CACJ,CACN,EAGC,CACEC,kBAAkB,CAACtD,aAA4B,CAAC,IAC7CuD,sBAAsB,CAACvD,aAAgC,CAAC,KAE1DM,gBAAgB,IAChB,CAACX,aAAa,iBAEjB6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,4DAAA;AAA4D,GAAA,eACzE+B,cAAA,CAAAC,aAAA,CAAC+B,aAAa,EAAA;AACZ/D,IAAAA,SAAS,EAAC,mEAAmE;AAC7EgE,IAAAA,GAAG,EAAEnD,gBAAiB;AACtBoD,IAAAA,GAAG,EAAElD,iBAAkB;AACvB6B,IAAAA,KAAK,EAAC,OAAO;AACbC,IAAAA,MAAM,EAAC,OAAO;IACdqB,MAAM,EAAE,YAAA;MAAM,OAAA3C,kBAAkB,CAAC,IAAI,CAAC,CAAA;KAAC;IACvC4C,gBAAgB,eACdpC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,MAAAA,SAAS,EAAC,yEAAA;KACb+B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,MAAAA,SAAS,EAAC,+EAAA;AAA+E,KAAA,eAC5F+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACHC,MAAAA,IAAI,EAAE8B,OAAO,CAACrD,iBAAiB,CAAC,GAAGwB,SAAS,CAAC8B,IAAI,GAAG9B,SAAS,CAAC+B,KAAM;MACpE7B,SAAS,EAAEC,UAAU,CAAC6B,eAAgB;AACtC3B,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,MAAM,EAAC,MAAA;AAAM,KAEjB,CAAK,CACF,CAAA;GAGT,CAAA,EAAEuB,OAAO,CAACrD,iBAAiB,CAAC,IAAI,EAAE,CAAA,CAAAyD,EAAA,GAACjE,aAA6B,KAAA,IAAA,IAA7BA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,CAAkBkE,UAAU,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAd,MAAM,IAAG,CAAC,CAAC,iBACvF3B,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAA2C,QAAA,EAAA,IAAA,eACE3C,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOhC,IAAAA,SAAS,EAAC,mEAAA;GACf+B,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQ2C,IAAAA,GAAG,EAAE9D,gBAAiB;AAACyB,IAAAA,IAAI,EAAEvB,iBAAAA;AAAkB,GACzD,CAAO,CACP,eAAAgB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,mEAAA;GACb+B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,yEAAA;AAAyE,GAAA,eACtF+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAAC8B,IAAK;IACrB5B,SAAS,EAAEC,UAAU,CAAC6B,eAAgB;AACtC3B,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAEjB,CAAK,CACF,CACP,CACD,EACCvB,iBAAiB,IAAIsD,KAAK,CAAC7D,iBAAiB,CAAC,iBAC7CgB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,mEAAA;GACb+B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,yEAAA;AAAyE,GAAA,eACtF+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACsC,GAAI;IACpBpC,SAAS,EAAEC,UAAU,CAACoC,cAAe;AACrClC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GAEX,CAAK,CACF,CAEJ,CACN,EAECkC,mBAAmB,CAACxE,aAA4B,CAAC,KAAKyE,iBAAiB,CAACC,IAAI,IAAIpE,gBAAgB,IAAI,CAACX,aAAa,iBAClH6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eACpE+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACHrC,IAAAA,SAAS,EAAC,kEAAkE;AAC5EsC,IAAAA,IAAI,EAAE,CAAA4C,EAAA,GAAA,EAAA,EACJA,EAAA,CAAC1D,cAAc,CAAC2D,KAAK,CAAG,GAAA5C,SAAS,CAAC+B,KAAK,EACvCY,EAAA,CAAC1D,cAAc,CAAC4D,KAAK,CAAG,GAAA7C,SAAS,CAAC8B,IAAI,EACtCa,EAAA,CAAC1D,cAAc,CAAC6D,KAAK,CAAG,GAAA9C,SAAS,CAAC+C,UAAU,EAC5CJ,EAAA,CAAC1D,cAAc,CAACqD,GAAG,CAAG,GAAAtC,SAAS,CAACsC,GAAG,EACnCK,EAAA,CAAC1D,cAAc,CAAC+D,MAAM,CAAG,GAAAhD,SAAS,CAACiD,aAAa,MAChDC,gBAAgB,CAAC1E,iBAAiB,CAAC,CAAE;IACvC0B,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAEf,CAAA,eAAAd,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,kEAAkE;IAC5EsC,IAAI,EAAES,eAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCuC,cAAc,CAAChE,aAAa,CAACA,aAAa,CAACgC,MAAM,GAAG,CAAC,CAAC,CAClD,CACJ,CAEJ,CACF,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"QuoteMessage.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}