@sendbird/uikit-react 3.7.0 → 3.8.0

package/cjs/ui/Toggle.js

@@ -1,206 +1,127 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-hK4x7nmG.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * The default value of `checked` should be null
- * to support both case of controlled and uncontrolled component
- * ref: https://github.com/aaronshaf/react-toggle#props
- */
-var noop = function () {};
-var TOGGLE_DEFAULT_VALUE = {
-  checked: null,
-  defaultChecked: false,
-  disabled: false,
-  onChange: noop,
-  onFocus: noop,
-  onBlur: noop
-};
-var ToggleContext = /*#__PURE__*/React__default["default"].createContext(TOGGLE_DEFAULT_VALUE);
-function useToggleContext() {
-  var context = React__default["default"].useContext(ToggleContext);
-  if (context === undefined) {
-    throw new Error('@sendbird/uikit-react/ui/Toggle: useToggleContext must be used within a ToggleContainer.');
-  }
-  return context;
+/**
+ * The default value of `checked` should be null
+ * to support both case of controlled and uncontrolled component
+ * ref: https://github.com/aaronshaf/react-toggle#props
+ */
+var noop = function () { };
+var TOGGLE_DEFAULT_VALUE = {
+    checked: null,
+    defaultChecked: false,
+    disabled: false,
+    onChange: noop,
+    onFocus: noop,
+    onBlur: noop,
+};
+var ToggleContext = React.createContext(TOGGLE_DEFAULT_VALUE);
+function useToggleContext() {
+    var context = React.useContext(ToggleContext);
+    if (context === undefined) {
+        throw new Error('@sendbird/uikit-react/ui/Toggle: useToggleContext must be used within a ToggleContainer.');
+    }
+    return context;
 }
 
-// Props Explanation https://github.com/aaronshaf/react-toggle#props
-function ToggleContainer(_a) {
-  var _b = _a.checked,
-    checked = _b === void 0 ? TOGGLE_DEFAULT_VALUE.checked : _b,
-    // null
-    _c = _a.defaultChecked,
-    // null
-    defaultChecked = _c === void 0 ? TOGGLE_DEFAULT_VALUE.defaultChecked : _c,
-    _d = _a.disabled,
-    disabled = _d === void 0 ? TOGGLE_DEFAULT_VALUE.disabled : _d,
-    _e = _a.onChange,
-    onChange = _e === void 0 ? TOGGLE_DEFAULT_VALUE.onChange : _e,
-    _f = _a.onFocus,
-    onFocus = _f === void 0 ? TOGGLE_DEFAULT_VALUE.onFocus : _f,
-    _g = _a.onBlur,
-    onBlur = _g === void 0 ? TOGGLE_DEFAULT_VALUE.onBlur : _g,
-    children = _a.children;
-  var _h = React.useState(defaultChecked || false),
-    isChecked = _h[0],
-    setChecked = _h[1];
-  var handleChange = React.useCallback(function (e) {
-    if (disabled) {
-      return;
-    }
-    if (checked === null) {
-      setChecked(e.currentTarget.checked);
-    }
-    onChange(e);
-  }, [onChange, checked]);
-  return /*#__PURE__*/React__default["default"].createElement(ToggleContext.Provider, {
-    value: {
-      checked: checked !== null ? checked : isChecked,
-      disabled: disabled,
-      onChange: handleChange,
-      onFocus: function (e) {
-        if (!disabled) {
-          onFocus(e);
-        }
-      },
-      onBlur: function (e) {
-        if (!disabled) {
-          onBlur(e);
-        }
-      }
-    }
-  }, children);
+// Props Explanation https://github.com/aaronshaf/react-toggle#props
+function ToggleContainer(_a) {
+    var _b = _a.checked, checked = _b === void 0 ? TOGGLE_DEFAULT_VALUE.checked : _b, // null
+    _c = _a.defaultChecked, // null
+    defaultChecked = _c === void 0 ? TOGGLE_DEFAULT_VALUE.defaultChecked : _c, _d = _a.disabled, disabled = _d === void 0 ? TOGGLE_DEFAULT_VALUE.disabled : _d, _e = _a.onChange, onChange = _e === void 0 ? TOGGLE_DEFAULT_VALUE.onChange : _e, _f = _a.onFocus, onFocus = _f === void 0 ? TOGGLE_DEFAULT_VALUE.onFocus : _f, _g = _a.onBlur, onBlur = _g === void 0 ? TOGGLE_DEFAULT_VALUE.onBlur : _g, children = _a.children;
+    var _h = React.useState(defaultChecked || false), isChecked = _h[0], setChecked = _h[1];
+    var handleChange = React.useCallback(function (e) {
+        if (disabled) {
+            return;
+        }
+        if (checked === null) {
+            setChecked(e.currentTarget.checked);
+        }
+        onChange(e);
+    }, [onChange, checked]);
+    return (React.createElement(ToggleContext.Provider, { value: {
+            checked: checked !== null ? checked : isChecked,
+            disabled: disabled,
+            onChange: handleChange,
+            onFocus: function (e) {
+                if (!disabled) {
+                    onFocus(e);
+                }
+            },
+            onBlur: function (e) {
+                if (!disabled) {
+                    onBlur(e);
+                }
+            },
+        } }, children));
 }
 
-function filterNumber(input) {
-  if (typeof input !== 'string' && typeof input !== 'number') {
-    try {
-      var config = useSendbirdStateContext.useSendbirdStateContext().config;
-      var logger = config.logger;
-      logger.warning('@sendbird/uikit-react/ui/Toggle: TypeError - expected string or number.', input);
-    } catch (_) {/* noop */}
-    return [];
-  }
-  if (typeof input === 'number') {
-    return [input];
-  }
-  var regex = /(-?\d+)(\.\d+)?/g;
-  var numbers = input.match(regex) || [];
-  return numbers.map(parseFloat);
+function filterNumber(input) {
+    if (typeof input !== 'string' && typeof input !== 'number') {
+        try {
+            var config = useSendbirdStateContext.useSendbirdStateContext().config;
+            var logger = config.logger;
+            logger.warning('@sendbird/uikit-react/ui/Toggle: TypeError - expected string or number.', input);
+        }
+        catch (_) { /* noop */ }
+        return [];
+    }
+    if (typeof input === 'number') {
+        return [input];
+    }
+    var regex = /(-?\d+)(\.\d+)?/g;
+    var numbers = input.match(regex) || [];
+    return numbers.map(parseFloat);
 }
 
-function ToggleUI(props) {
-  var _a;
-  var _b = props.reversed,
-    reversed = _b === void 0 ? false : _b,
-    _c = props.width,
-    width = _c === void 0 ? '40px' : _c,
-    _d = props.animationDuration,
-    animationDuration = _d === void 0 ? '0.5s' : _d,
-    _e = props.style,
-    style = _e === void 0 ? {} : _e,
-    _f = props.name,
-    name = _f === void 0 ? '' : _f,
-    _g = props.id,
-    id = _g === void 0 ? '' : _g,
-    _h = props.ariaLabel,
-    ariaLabel = _h === void 0 ? '' : _h,
-    _j = props.ariaLabelledby,
-    ariaLabelledby = _j === void 0 ? '' : _j;
-  var _k = useToggleContext(),
-    checked = _k.checked,
-    disabled = _k.disabled,
-    onChange = _k.onChange,
-    onFocus = _k.onFocus,
-    onBlur = _k.onBlur;
-  // animation should not be activated in the initialization step
-  var _l = React.useState(''),
-    animatedClassName = _l[0],
-    setAnimatedClassName = _l[1];
-  var toggleWidth = (_a = filterNumber(width)) === null || _a === void 0 ? void 0 : _a[0];
-  var toggleHeight = toggleWidth / 2;
-  // The size of dot should be 60% of toggle height
-  var dotSize = toggleHeight * 0.6;
-  return /*#__PURE__*/React__default["default"].createElement("label", {
-    className: ['sendbird-input-toggle-button', animatedClassName, checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked', disabled ? 'sendbird-input-toggle-button--disabled' : [], reversed ? 'sendbird-input-toggle-button--reversed' : []].flat().join(' '),
-    style: tslib_es6.__assign({
-      width: "".concat(toggleWidth, "px"),
-      height: "".concat(toggleHeight, "px"),
-      borderRadius: "".concat(dotSize, "px")
-    }, style)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ['sendbird-input-toggle-button__inner-dot', checked ? 'sendbird-input-toggle-button__inner-dot--activate' : 'sendbird-input-toggle-button__inner-dot--inactivate'].join(' '),
-    style: {
-      width: "".concat(dotSize, "px"),
-      height: "".concat(dotSize, "px"),
-      animationDuration: animationDuration
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("input", {
-    type: "checkbox",
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    name: name,
-    id: id,
-    checked: checked,
-    disabled: disabled,
-    onChange: function (e) {
-      onChange(e);
-      setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');
-    },
-    onFocus: onFocus,
-    onBlur: onBlur
-  }));
+function ToggleUI(props) {
+    var _a;
+    var _b = props.reversed, reversed = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? '40px' : _c, _d = props.animationDuration, animationDuration = _d === void 0 ? '0.5s' : _d, _e = props.style, style = _e === void 0 ? {} : _e, _f = props.name, name = _f === void 0 ? '' : _f, _g = props.id, id = _g === void 0 ? '' : _g, _h = props.ariaLabel, ariaLabel = _h === void 0 ? '' : _h, _j = props.ariaLabelledby, ariaLabelledby = _j === void 0 ? '' : _j;
+    var _k = useToggleContext(), checked = _k.checked, disabled = _k.disabled, onChange = _k.onChange, onFocus = _k.onFocus, onBlur = _k.onBlur;
+    // animation should not be activated in the initialization step
+    var _l = React.useState(''), animatedClassName = _l[0], setAnimatedClassName = _l[1];
+    var toggleWidth = (_a = filterNumber(width)) === null || _a === void 0 ? void 0 : _a[0];
+    var toggleHeight = toggleWidth / 2;
+    // The size of dot should be 60% of toggle height
+    var dotSize = toggleHeight * 0.6;
+    return (React.createElement("label", { className: [
+            'sendbird-input-toggle-button',
+            animatedClassName,
+            checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked',
+            disabled ? 'sendbird-input-toggle-button--disabled' : [],
+            reversed ? 'sendbird-input-toggle-button--reversed' : [],
+        ].flat().join(' '), style: _tslib.__assign({ width: "".concat(toggleWidth, "px"), height: "".concat(toggleHeight, "px"), borderRadius: "".concat(dotSize, "px") }, style) },
+        React.createElement("div", { className: [
+                'sendbird-input-toggle-button__inner-dot',
+                checked
+                    ? 'sendbird-input-toggle-button__inner-dot--activate'
+                    : 'sendbird-input-toggle-button__inner-dot--inactivate',
+            ].join(' '), style: {
+                width: "".concat(dotSize, "px"),
+                height: "".concat(dotSize, "px"),
+                animationDuration: animationDuration,
+            } }),
+        React.createElement("input", { type: "checkbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, name: name, id: id, checked: checked, disabled: disabled, onChange: function (e) {
+                onChange(e);
+                setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');
+            }, onFocus: onFocus, onBlur: onBlur })));
 }
 
-function Toggle(props) {
-  var
-    // ToggleProvider
-    checked = props.checked,
-    defaultChecked = props.defaultChecked,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    // ToggleUI
-    className = props.className,
-    reversed = props.reversed,
-    width = props.width,
-    // height will be half of width
-    animationDuration = props.animationDuration,
-    style = props.style,
-    name = props.name,
-    id = props.id,
-    ariaLabel = props.ariaLabel,
-    ariaLabelledby = props.ariaLabelledby;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-toggle ".concat(className)
-  }, /*#__PURE__*/React__default["default"].createElement(ToggleContainer, {
-    checked: checked,
-    defaultChecked: defaultChecked,
-    disabled: disabled,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur
-  }, /*#__PURE__*/React__default["default"].createElement(ToggleUI, {
-    reversed: reversed,
-    width: width,
-    animationDuration: animationDuration,
-    style: style,
-    name: name,
-    id: id,
-    ariaLabel: ariaLabel,
-    ariaLabelledby: ariaLabelledby
-  })));
+function Toggle(props) {
+    var 
+    // ToggleProvider
+    checked = props.checked, defaultChecked = props.defaultChecked, disabled = props.disabled, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, 
+    // ToggleUI
+    className = props.className, reversed = props.reversed, width = props.width, 
+    // height will be half of width
+    animationDuration = props.animationDuration, style = props.style, name = props.name, id = props.id, ariaLabel = props.ariaLabel, ariaLabelledby = props.ariaLabelledby;
+    return (React.createElement("div", { className: "sendbird-ui-toggle ".concat(className) },
+        React.createElement(ToggleContainer, { checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, onFocus: onFocus, onBlur: onBlur },
+            React.createElement(ToggleUI, { reversed: reversed, width: width, animationDuration: animationDuration, style: style, name: name, id: id, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby }))));
 }
 
 exports.Toggle = Toggle;

package/cjs/ui/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../src/ui/Toggle/ToggleContext.ts","../../../src/ui/Toggle/ToggleContainer.tsx","../../../src/ui/Toggle/utils.ts","../../../src/ui/Toggle/ToggleUI.tsx","../../../src/ui/Toggle/index.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from 'react';\n\n/**\n * The default value of `checked` should be null\n * to support both case of controlled and uncontrolled component\n * ref: https://github.com/aaronshaf/react-toggle#props\n */\nconst noop = (): void => { /* noop */ };\nexport const TOGGLE_DEFAULT_VALUE = {\n  checked: null,\n  defaultChecked: false,\n  disabled: false,\n  onChange: noop,\n  onFocus: noop,\n  onBlur: noop,\n};\n\nexport interface ToggleContextInterface {\n  checked?: boolean | null;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  onFocus?: ChangeEventHandler<HTMLInputElement>;\n  onBlur?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const ToggleContext = React.createContext<ToggleContextInterface>(TOGGLE_DEFAULT_VALUE);\n\nexport function useToggleContext(): ToggleContextInterface {\n  const context = React.useContext(ToggleContext);\n  if (context === undefined) {\n    throw new Error('@sendbird/uikit-react/ui/Toggle: useToggleContext must be used within a ToggleContainer.');\n  }\n  return context;\n}\n","import React, { ChangeEvent, useCallback, useState } from 'react';\n\nimport {\n  ToggleContext,\n  ToggleContextInterface,\n  TOGGLE_DEFAULT_VALUE as Dvalue,\n} from './ToggleContext';\n\nexport interface ToggleContainerProps extends ToggleContextInterface {\n  children?: React.ReactElement;\n}\n\n// Props Explanation https://github.com/aaronshaf/react-toggle#props\nexport function ToggleContainer({\n  checked = Dvalue.checked, // null\n  defaultChecked = Dvalue.defaultChecked,\n  disabled = Dvalue.disabled,\n  onChange = Dvalue.onChange,\n  onFocus = Dvalue.onFocus,\n  onBlur = Dvalue.onBlur,\n  children,\n}: ToggleContainerProps): React.ReactElement {\n  const [isChecked, setChecked] = useState(defaultChecked || false);\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    if (checked === null) {\n      setChecked(e.currentTarget.checked);\n    }\n    onChange(e);\n  }, [onChange, checked]);\n\n  return (\n    <ToggleContext.Provider value={{\n      checked: checked !== null ? checked : isChecked,\n      disabled,\n      onChange: handleChange,\n      onFocus: (e) => {\n        if (!disabled) {\n          onFocus(e);\n        }\n      },\n      onBlur: (e) => {\n        if (!disabled) {\n          onBlur(e);\n        }\n      },\n    }}>\n      {children}\n    </ToggleContext.Provider>\n  );\n}\n","import useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\nexport function filterNumber(input: string | number): Array<number> {\n  if (typeof input !== 'string' && typeof input !== 'number') {\n    try {\n      const { config } = useSendbirdStateContext();\n      const { logger } = config;\n      logger.warning('@sendbird/uikit-react/ui/Toggle: TypeError - expected string or number.', input);\n    } catch (_) { /* noop */ }\n    return [];\n  }\n  if (typeof input === 'number') {\n    return [input];\n  }\n  const regex = /(-?\\d+)(\\.\\d+)?/g;\n  const numbers = input.match(regex) || [];\n  return numbers.map(parseFloat);\n}\n","import React, { useState } from 'react';\nimport { useToggleContext } from './ToggleContext';\nimport { filterNumber } from './utils';\n\nexport interface ToggleUIProps {\n  reversed?: boolean;\n  width?: string;\n  animationDuration?: string;\n  style?: Record<string, string>;\n  name?: string;\n  id?: string;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n}\n\nexport function ToggleUI(props: ToggleUIProps): React.ReactElement {\n  const {\n    reversed = false,\n    width = '40px',\n    animationDuration = '0.5s',\n    style = {},\n    name = '',\n    id = '',\n    ariaLabel = '',\n    ariaLabelledby = '',\n  } = props;\n  const {\n    checked,\n    disabled,\n    onChange,\n    onFocus,\n    onBlur,\n  } = useToggleContext();\n\n  // animation should not be activated in the initialization step\n  const [animatedClassName, setAnimatedClassName] = useState('');\n\n  const toggleWidth = filterNumber(width)?.[0];\n  const toggleHeight = toggleWidth / 2;\n  // The size of dot should be 60% of toggle height\n  const dotSize = toggleHeight * 0.6;\n\n  return (\n    <label\n      className={[\n        'sendbird-input-toggle-button',\n        animatedClassName,\n        checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked',\n        disabled ? 'sendbird-input-toggle-button--disabled' : [],\n        reversed ? 'sendbird-input-toggle-button--reversed' : [],\n      ].flat().join(' ')}\n      style={{\n        width: `${toggleWidth}px`,\n        height: `${toggleHeight}px`,\n        borderRadius: `${dotSize}px`,\n        ...style,\n      }}\n    >\n      <div\n        className={[\n          'sendbird-input-toggle-button__inner-dot',\n          checked\n            ? 'sendbird-input-toggle-button__inner-dot--activate'\n            : 'sendbird-input-toggle-button__inner-dot--inactivate',\n        ].join(' ')}\n        style={{\n          width: `${dotSize}px`,\n          height: `${dotSize}px`,\n          animationDuration,\n        }}\n      />\n      <input\n        type=\"checkbox\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        name={name}\n        id={id}\n        checked={checked}\n        disabled={disabled}\n        onChange={(e) => {\n          onChange(e);\n          setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');\n        }}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      />\n    </label>\n  );\n}\n","import React from 'react';\nimport './index.scss';\n\nimport { ToggleContainer, ToggleContainerProps } from './ToggleContainer';\nimport { useToggleContext } from './ToggleContext';\nimport { ToggleUI, ToggleUIProps } from './ToggleUI';\n\nexport interface ToggleProps extends ToggleContainerProps, ToggleUIProps {\n  className?: string;\n}\nfunction Toggle(props: ToggleProps): React.ReactElement {\n  const {\n    // ToggleProvider\n    checked,\n    defaultChecked,\n    disabled,\n    onChange,\n    onFocus,\n    onBlur,\n    // ToggleUI\n    className,\n    reversed,\n    width,\n    // height will be half of width\n    animationDuration,\n    style,\n    name,\n    id,\n    ariaLabel,\n    ariaLabelledby,\n  } = props;\n  return (\n    <div className={`sendbird-ui-toggle ${className}`}>\n      <ToggleContainer\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        >\n        <ToggleUI\n          reversed={reversed}\n          width={width}\n          animationDuration={animationDuration}\n          style={style}\n          name={name}\n          id={id}\n          ariaLabel={ariaLabel}\n          ariaLabelledby={ariaLabelledby}\n        />\n      </ToggleContainer>\n    </div>\n  );\n}\n\nexport type { ToggleContainerProps, ToggleUIProps };\nexport { Toggle, ToggleContainer, ToggleUI, useToggleContext };\n"],"names":["noop","TOGGLE_DEFAULT_VALUE","checked","defaultChecked","disabled","onChange","onFocus","onBlur","ToggleContext","React","createContext","useToggleContext","context","useContext","undefined","Error","ToggleContainer","_a","_b","Dvalue","_c","_d","_e","_f","_g","children","_h","useState","isChecked","setChecked","handleChange","useCallback","e","currentTarget","createElement","Provider","value","filterNumber","input","config","useSendbirdStateContext","logger","warning","_","regex","numbers","match","map","parseFloat","ToggleUI","props","reversed","width","animationDuration","style","name","id","ariaLabel","_j","ariaLabelledby","_k","_l","animatedClassName","setAnimatedClassName","toggleWidth","toggleHeight","dotSize","className","flat","join","__assign","concat","height","borderRadius","type","Toggle"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/Tooltip.js

@@ -1,27 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-hK4x7nmG.js');
 var React = require('react');
-var ui_Label = require('../index-b5a9b4b7.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
+var ui_Label = require('../chunks/bundle-6ziaqiUd.js');
+require('../chunks/bundle-z-Bvsn0B.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function Tooltip(_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    _c = _a.children,
-    children = _c === void 0 ? '' : _c;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip'], false).join(' ')
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-tooltip__text",
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.ONCONTENT_1
-  }, children));
+function Tooltip(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-tooltip',
+        ], false).join(' ') },
+        React.createElement(ui_Label.Label, { className: "sendbird-tooltip__text", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONCONTENT_1 }, children)));
 }
 
 module.exports = Tooltip;

package/cjs/ui/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/ui/Tooltip/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\nexport interface TooltipProps {\n  className?: string | Array<string>;\n  children?: string | ReactElement;\n}\nexport default function Tooltip({\n  className = '',\n  children = '',\n}: TooltipProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-tooltip__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </div>\n  );\n}\n"],"names":["Tooltip","_a","_b","className","_c","children","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;;;;;;;AAUwB,SAAAA,OAAOA,CAACC,EAGjB,EAAA;MAFbC,EAAc,GAAAD,EAAA,CAAAE,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAAA,GAAAH,EAAA,CAAAI,QAAa;IAAbA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA,CAAA;EAEb,oBACEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACP,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAQ,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZL,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;AACJT,IAAAA,SAAS,EAAC,wBAAwB;IAClCU,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAElBb,EAAAA,QACI,CACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/cjs/ui/TooltipWrapper.js

@@ -1,52 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-hK4x7nmG.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var SPACE_FROM_TRIGGER = 8;
-function TooltipWrapper(_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    children = _a.children,
-    hoverTooltip = _a.hoverTooltip;
-  var _c = React.useState(false),
-    showHoverTooltip = _c[0],
-    setShowHoverTooltip = _c[1];
-  var childrenRef = React.useRef(null);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip-wrapper'], false).join(' '),
-    onMouseOver: function () {
-      setShowHoverTooltip(true);
-    },
-    onFocus: function () {
-      setShowHoverTooltip(true);
-    },
-    onMouseOut: function () {
-      setShowHoverTooltip(false);
-    },
-    onBlur: function () {
-      setShowHoverTooltip(false);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-tooltip-wrapper__children",
-    ref: childrenRef
-  }, children), showHoverTooltip && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-tooltip-wrapper__hover-tooltip",
-    style: {
-      bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)")
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-tooltip-wrapper__hover-tooltip__inner"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container",
-    style: {
-      left: childrenRef.current && "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)")
-    }
-  }, hoverTooltip))));
+var SPACE_FROM_TRIGGER = 8;
+function TooltipWrapper(_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, hoverTooltip = _a.hoverTooltip;
+    var _c = React.useState(false), showHoverTooltip = _c[0], setShowHoverTooltip = _c[1];
+    var childrenRef = React.useRef(null);
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-tooltip-wrapper',
+        ], false).join(' '), onMouseOver: function () { setShowHoverTooltip(true); }, onFocus: function () { setShowHoverTooltip(true); }, onMouseOut: function () { setShowHoverTooltip(false); }, onBlur: function () { setShowHoverTooltip(false); } },
+        React.createElement("div", { className: "sendbird-tooltip-wrapper__children", ref: childrenRef }, children),
+        showHoverTooltip && (React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip", style: { bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)") } },
+            React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner" },
+                React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container", style: { left: childrenRef.current && "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)") } }, hoverTooltip))))));
 }
 
 module.exports = TooltipWrapper;

package/cjs/ui/TooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.js","sources":["../../../src/ui/TooltipWrapper/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactElement } from 'react';\n\nimport './index.scss';\n\nconst SPACE_FROM_TRIGGER = 8;\n\nexport interface TooltipWrapperProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  hoverTooltip: ReactElement;\n}\nexport default function TooltipWrapper({\n  className = '',\n  children,\n  hoverTooltip,\n  // clickTooltip can be added later\n}: TooltipWrapperProps): ReactElement {\n  const [showHoverTooltip, setShowHoverTooltip] = useState(false);\n  const childrenRef = useRef(null);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip-wrapper',\n      ].join(' ')}\n      onMouseOver={() => { setShowHoverTooltip(true); }}\n      onFocus={() => { setShowHoverTooltip(true); }}\n      onMouseOut={() => { setShowHoverTooltip(false); }}\n      onBlur={() => { setShowHoverTooltip(false); }}\n    >\n      <div\n        className=\"sendbird-tooltip-wrapper__children\"\n        ref={childrenRef}\n      >\n        {children}\n      </div>\n      {\n        showHoverTooltip && (\n          <div\n            className=\"sendbird-tooltip-wrapper__hover-tooltip\"\n            style={{ bottom: `calc(100% + ${SPACE_FROM_TRIGGER}px)` }}\n          >\n            <div className=\"sendbird-tooltip-wrapper__hover-tooltip__inner\">\n              <div\n                className=\"sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container\"\n                style={{ left: childrenRef.current && `calc(${childrenRef.current.offsetWidth / 2}px - 50%)` }}\n              >\n                {hoverTooltip}\n              </div>\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["SPACE_FROM_TRIGGER","TooltipWrapper","_a","_b","className","children","hoverTooltip","_c","useState","showHoverTooltip","setShowHoverTooltip","childrenRef","useRef","React","createElement","__spreadArray","Array","isArray","join","onMouseOver","onFocus","onMouseOut","onBlur","ref","style","bottom","left","current","concat","offsetWidth"],"mappings":";;;;;;;;;AAIA,IAAMA,kBAAkB,GAAG,CAAC,CAAA;AAOJ,SAAAC,cAAcA,CAACC,EAKjB,EAAA;MAJpBC,EAAc,GAAAD,EAAA,CAAAE,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACRC,YAAY,GAAAJ,EAAA,CAAAI,YAAA,CAAA;AAGN,EAAA,IAAAC,EAAA,GAA0CC,cAAQ,CAAC,KAAK,CAAC;AAAxDC,IAAAA,gBAAgB,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,mBAAmB,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;AAC/D,EAAA,IAAMI,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EAEhC,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,SAAS,EAAEW,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACb,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,0BAA0B,UAC1Bc,IAAI,CAAC,GAAG,CAAE;IACZC,WAAW,EAAE,YAAA;MAAQT,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAClDU,OAAO,EAAE,YAAA;MAAQV,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAC9CW,UAAU,EAAE,YAAA;MAAQX,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAAI;IAClDY,MAAM,EAAE,YAAA;MAAQZ,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAAE,KAAA;GAE5CG,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,SAAS,EAAC,oCAAoC;AAC9CmB,IAAAA,GAAG,EAAEZ,WAAAA;AAAY,GAAA,EAEhBN,QACE,CACL,EACEI,gBAAgB,iBACdI,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,SAAS,EAAC,yCAAyC;AACnDoB,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE,sBAAezB,kBAAkB,EAAA,KAAA,CAAA;AAAO,KAAA;GAEzDa,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gDAAA;GACbS,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,SAAS,EAAC,mEAAmE;AAC7EoB,IAAAA,KAAK,EAAE;AAAEE,MAAAA,IAAI,EAAEf,WAAW,CAACgB,OAAO,IAAI,OAAA,CAAAC,MAAA,CAAQjB,WAAW,CAACgB,OAAO,CAACE,WAAW,GAAG,CAAC,EAAA,WAAA,CAAA;AAAa,KAAA;AAAC,GAAA,EAE9FvB,YACE,CACF,CACF,CAGN,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"TooltipWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,42 +1,28 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-b5a9b4b7.js');
-var index = require('../index-dbe8dd84.js');
-var LocalizationContext = require('../LocalizationContext-58b6ed7c.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
-require('../tslib.es6-c74b513f.js');
+var ui_Label = require('../chunks/bundle-6ziaqiUd.js');
+var index = require('../chunks/bundle-FHx0K-3z.js');
+var LocalizationContext = require('../chunks/bundle-QmSa90PC.js');
+require('../chunks/bundle-hK4x7nmG.js');
+require('../chunks/bundle-z-Bvsn0B.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-54279ec2.js');
-require('../index-e8928da6.js');
+require('../chunks/bundle-I_9_5a8a.js');
+require('../chunks/bundle-n1yh-qDb.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function UnknownMessageItemBody(_a) {
-  var _b;
-  var className = _a.className,
-    message = _a.message,
-    _c = _a.isByMe,
-    isByMe = _c === void 0 ? false : _c,
-    _d = _a.mouseHover,
-    mouseHover = _d === void 0 ? false : _d,
-    _e = _a.isReactionEnabled,
-    isReactionEnabled = _e === void 0 ? false : _e;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, 'sendbird-unknown-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-unknown-message-item-body__header",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-unknown-message-item-body__description",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE));
+function UnknownMessageItemBody(_a) {
+    var _b;
+    var className = _a.className, message = _a.message, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.mouseHover, mouseHover = _d === void 0 ? false : _d, _e = _a.isReactionEnabled, isReactionEnabled = _e === void 0 ? false : _e;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: index.getClassName([
+            className,
+            'sendbird-unknown-message-item-body',
+            isByMe ? 'outgoing' : 'incoming',
+            mouseHover ? 'mouse-hover' : '',
+            (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
+        ]) },
+        React.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__header", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
+        React.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__description", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE)));
 }
 
 module.exports = UnknownMessageItemBody;

package/cjs/ui/UnknownMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnknownMessageItemBody.js","sources":["../../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { BaseMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  isByMe?: boolean;\n  message: BaseMessage;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-unknown-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        className=\"sendbird-unknown-message-item-body__header\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n      </Label>\n      <Label\n        className=\"sendbird-unknown-message-item-body__description\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n      </Label>\n    </div>\n  );\n}\n"],"names":["UnknownMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","stringSet","useContext","LocalizationContext","React","createElement","getClassName","_b","reactions","length","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;;;;;;;;AAgBwB,SAAAA,sBAAsBA,CAACC,EAMvC,EAAA;;MALNC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,OAAO,GAAAF,EAAA,CAAAE,OAAA;IACPC,cAAc;IAAdC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IACdE,kBAAkB;IAAlBC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IAClBE,yBAAyB;IAAzBC,iBAAiB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA,CAAA;AAEjB,EAAA,IAAAE,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;EACjB,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKZ,IAAAA,SAAS,EAAEa,kBAAY,CAAC,CAC3Bb,SAAS,EACT,oCAAoC,EACpCG,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCE,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BE,iBAAiB,IAAI,CAAA,CAAAO,EAAA,GAAAb,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEc,SAAS,0CAAEC,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDL,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;AACJjB,IAAAA,SAAS,EAAC,4CAA4C;IACtDkB,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAElB,MAAM,GAAGmB,oBAAW,CAACC,WAAW,GAAGD,oBAAW,CAACE,cAAAA;GAErDhB,EAAAA,SAAS,CAACiB,6BACN,CACP,eAAAd,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;AACJjB,IAAAA,SAAS,EAAC,iDAAiD;IAC3DkB,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAElB,MAAM,GAAGmB,oBAAW,CAACI,WAAW,GAAGJ,oBAAW,CAACK,cAAAA;AAAe,GAAA,EAEpEnB,SAAS,CAACoB,4BACN,CACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"UnknownMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}