@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/cjs/ui/Toggle.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-83d7e84b.js');
+var tslib_es6 = require('../tslib.es6-2f2b0bca.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 
@@ -16,8 +16,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * to support both case of controlled and uncontrolled component
  * ref: https://github.com/aaronshaf/react-toggle#props
  */
-const noop = () => {/* noop */};
-const TOGGLE_DEFAULT_VALUE = {
+var noop = function () {};
+var TOGGLE_DEFAULT_VALUE = {
   checked: null,
   defaultChecked: false,
   disabled: false,
@@ -25,9 +25,9 @@ const TOGGLE_DEFAULT_VALUE = {
   onFocus: noop,
   onBlur: noop
 };
-const ToggleContext = /*#__PURE__*/React__default["default"].createContext(TOGGLE_DEFAULT_VALUE);
+var ToggleContext = /*#__PURE__*/React__default["default"].createContext(TOGGLE_DEFAULT_VALUE);
 function useToggleContext() {
-  const context = React__default["default"].useContext(ToggleContext);
+  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.');
   }
@@ -35,19 +35,26 @@ function useToggleContext() {
 }
 
 // Props Explanation https://github.com/aaronshaf/react-toggle#props
-function ToggleContainer(_ref) {
-  let {
-    checked = TOGGLE_DEFAULT_VALUE.checked,
+function ToggleContainer(_a) {
+  var _b = _a.checked,
+    checked = _b === void 0 ? TOGGLE_DEFAULT_VALUE.checked : _b,
     // null
-    defaultChecked = TOGGLE_DEFAULT_VALUE.defaultChecked,
-    disabled = TOGGLE_DEFAULT_VALUE.disabled,
-    onChange = TOGGLE_DEFAULT_VALUE.onChange,
-    onFocus = TOGGLE_DEFAULT_VALUE.onFocus,
-    onBlur = TOGGLE_DEFAULT_VALUE.onBlur,
-    children
-  } = _ref;
-  const [isChecked, setChecked] = React.useState(defaultChecked || false);
-  const handleChange = React.useCallback(e => {
+    _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;
     }
@@ -59,14 +66,14 @@ function ToggleContainer(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(ToggleContext.Provider, {
     value: {
       checked: checked !== null ? checked : isChecked,
-      disabled,
+      disabled: disabled,
       onChange: handleChange,
-      onFocus: e => {
+      onFocus: function (e) {
         if (!disabled) {
           onFocus(e);
         }
       },
-      onBlur: e => {
+      onBlur: function (e) {
         if (!disabled) {
           onBlur(e);
         }
@@ -78,12 +85,8 @@ function ToggleContainer(_ref) {
 function filterNumber(input) {
   if (typeof input !== 'string' && typeof input !== 'number') {
     try {
-      const {
-        config
-      } = useSendbirdStateContext();
-      const {
-        logger
-      } = config;
+      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 [];
@@ -91,50 +94,56 @@ function filterNumber(input) {
   if (typeof input === 'number') {
     return [input];
   }
-  const regex = /(-?\d+)(\.\d+)?/g;
-  const numbers = input.match(regex) || [];
+  var regex = /(-?\d+)(\.\d+)?/g;
+  var numbers = input.match(regex) || [];
   return numbers.map(parseFloat);
 }
 
 function ToggleUI(props) {
-  var _filterNumber;
-  const {
-    reversed = false,
-    width = '40px',
-    animationDuration = '0.5s',
-    style = {},
-    name = '',
-    id = '',
-    ariaLabel = '',
-    ariaLabelledby = ''
-  } = props;
-  const {
-    checked,
-    disabled,
-    onChange,
-    onFocus,
-    onBlur
-  } = useToggleContext();
-
+  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
-  const [animatedClassName, setAnimatedClassName] = React.useState('');
-  const toggleWidth = (_filterNumber = filterNumber(width)) === null || _filterNumber === void 0 ? void 0 : _filterNumber[0];
-  const toggleHeight = toggleWidth / 2;
+  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
-  const dotSize = toggleHeight * 0.6;
+  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: _rollupPluginBabelHelpers._objectSpread2({
-      width: `${toggleWidth}px`,
-      height: `${toggleHeight}px`,
-      borderRadius: `${dotSize}px`
+    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: `${dotSize}px`,
-      height: `${dotSize}px`,
-      animationDuration
+      width: "".concat(dotSize, "px"),
+      height: "".concat(dotSize, "px"),
+      animationDuration: animationDuration
     }
   }), /*#__PURE__*/React__default["default"].createElement("input", {
     type: "checkbox",
@@ -144,7 +153,7 @@ function ToggleUI(props) {
     id: id,
     checked: checked,
     disabled: disabled,
-    onChange: e => {
+    onChange: function (e) {
       onChange(e);
       setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');
     },
@@ -154,28 +163,27 @@ function ToggleUI(props) {
 }
 
 function Toggle(props) {
-  const {
+  var
     // ToggleProvider
-    checked,
-    defaultChecked,
-    disabled,
-    onChange,
-    onFocus,
-    onBlur,
+    checked = props.checked,
+    defaultChecked = props.defaultChecked,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
     // ToggleUI
-    className,
-    reversed,
-    width,
+    className = props.className,
+    reversed = props.reversed,
+    width = props.width,
     // height will be half of width
-    animationDuration,
-    style,
-    name,
-    id,
-    ariaLabel,
-    ariaLabelledby
-  } = props;
+    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 ${className}`
+    className: "sendbird-ui-toggle ".concat(className)
   }, /*#__PURE__*/React__default["default"].createElement(ToggleContainer, {
     checked: checked,
     defaultChecked: defaultChecked,

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","_ref","Dvalue","children","isChecked","setChecked","useState","handleChange","useCallback","e","currentTarget","createElement","Provider","value","filterNumber","input","config","useSendbirdStateContext","logger","warning","_","regex","numbers","match","map","parseFloat","ToggleUI","props","_filterNumber","reversed","width","animationDuration","style","name","id","ariaLabel","ariaLabelledby","animatedClassName","setAnimatedClassName","toggleWidth","toggleHeight","dotSize","className","flat","join","_objectSpread","height","borderRadius","type","Toggle"],"mappings":"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"}
+{"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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"}

package/cjs/ui/Tooltip.js

@@ -1,21 +1,22 @@
 'use strict';
 
+var tslib_es6 = require('../tslib.es6-2f2b0bca.js');
 var React = require('react');
-var ui_Label = require('../index-18720f0d.js');
+var ui_Label = require('../index-35820a94.js');
 require('prop-types');
-require('../stringSet-d00535a5.js');
+require('../stringSet-98b52c49.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function Tooltip(_ref) {
-  let {
-    className = '',
-    children = ''
-  } = _ref;
+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: [...(Array.isArray(className) ? className : [className]), 'sendbird-tooltip'].join(' ')
+    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip'], false).join(' ')
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-tooltip__text",
     type: ui_Label.LabelTypography.CAPTION_2,

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","_ref","className","children","React","createElement","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;;;;;;AAUe,SAASA,OAAOA,CAAAC,IAAA,EAGA;EAAA,IAHC;AAC9BC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,QAAQ,GAAG,EAAA;AACC,GAAC,GAAAF,IAAA,CAAA;EACb,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEH,SAAS,EAAE,CACT,IAAII,KAAK,CAACC,OAAO,CAACL,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,kBAAkB,CACnB,CAACM,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZJ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJP,IAAAA,SAAS,EAAC,wBAAwB;IAClCQ,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAElBZ,EAAAA,QAAQ,CACH,CACJ,CAAA;AAEV;;;;"}
+{"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;;;;"}

package/cjs/ui/TooltipWrapper.js

@@ -1,33 +1,34 @@
 'use strict';
 
+var tslib_es6 = require('../tslib.es6-2f2b0bca.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);
 
-const SPACE_FROM_TRIGGER = 8;
-function TooltipWrapper(_ref) {
-  let {
-    className = '',
-    children,
-    hoverTooltip
-    // clickTooltip can be added later
-  } = _ref;
-  const [showHoverTooltip, setShowHoverTooltip] = React.useState(false);
-  const childrenRef = React.useRef(null);
+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: [...(Array.isArray(className) ? className : [className]), 'sendbird-tooltip-wrapper'].join(' '),
-    onMouseOver: () => {
+    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip-wrapper'], false).join(' '),
+    onMouseOver: function () {
       setShowHoverTooltip(true);
     },
-    onFocus: () => {
+    onFocus: function () {
       setShowHoverTooltip(true);
     },
-    onMouseOut: () => {
+    onMouseOut: function () {
       setShowHoverTooltip(false);
     },
-    onBlur: () => {
+    onBlur: function () {
       setShowHoverTooltip(false);
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -36,14 +37,14 @@ function TooltipWrapper(_ref) {
   }, children), showHoverTooltip && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-tooltip-wrapper__hover-tooltip",
     style: {
-      bottom: `calc(100% + ${SPACE_FROM_TRIGGER}px)`
+      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(${childrenRef.current.offsetWidth / 2}px - 50%)`
+      left: childrenRef.current && "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)")
     }
   }, hoverTooltip))));
 }

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","_ref","className","children","hoverTooltip","showHoverTooltip","setShowHoverTooltip","useState","childrenRef","useRef","React","createElement","Array","isArray","join","onMouseOver","onFocus","onMouseOut","onBlur","ref","style","bottom","left","current","offsetWidth"],"mappings":";;;;;;;;AAIA,MAAMA,kBAAkB,GAAG,CAAC,CAAA;AAOb,SAASC,cAAcA,CAAAC,IAAA,EAKA;EAAA,IALC;AACrCC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,YAAAA;AACA;AACmB,GAAC,GAAAH,IAAA,CAAA;EACpB,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAC/D,EAAA,MAAMC,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EAEhC,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACET,SAAS,EAAE,CACT,IAAIU,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,0BAA0B,CAC3B,CAACY,IAAI,CAAC,GAAG,CAAE;IACZC,WAAW,EAAEA,MAAM;MAAET,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAClDU,OAAO,EAAEA,MAAM;MAAEV,mBAAmB,CAAC,IAAI,CAAC,CAAA;KAAI;IAC9CW,UAAU,EAAEA,MAAM;MAAEX,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAAI;IAClDY,MAAM,EAAEA,MAAM;MAAEZ,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAAE,KAAA;GAE5CI,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,oCAAoC;AAC9CiB,IAAAA,GAAG,EAAEX,WAAAA;AAAY,GAAA,EAEhBL,QAAQ,CACL,EAEJE,gBAAgB,iBACdK,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,yCAAyC;AACnDkB,IAAAA,KAAK,EAAE;MAAEC,MAAM,EAAG,eAActB,kBAAmB,CAAA,GAAA,CAAA;AAAK,KAAA;GAExDW,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAC,gDAAA;GACbQ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAC,mEAAmE;AAC7EkB,IAAAA,KAAK,EAAE;AAAEE,MAAAA,IAAI,EAAEd,WAAW,CAACe,OAAO,IAAK,CAAA,KAAA,EAAOf,WAAW,CAACe,OAAO,CAACC,WAAW,GAAG,CAAE,CAAA,SAAA,CAAA;AAAW,KAAA;AAAE,GAAA,EAE9FpB,YAAY,CACT,CACF,CAET,CAEC,CAAA;AAEV;;;;"}
+{"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;;;;"}

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,34 +1,33 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-18720f0d.js');
-var index = require('../index-fbe9cc73.js');
-var LocalizationContext = require('../LocalizationContext-482c1343.js');
+var ui_Label = require('../index-35820a94.js');
+var index = require('../index-b995f638.js');
+var LocalizationContext = require('../LocalizationContext-5009012e.js');
 require('prop-types');
-require('../stringSet-d00535a5.js');
-require('../_rollupPluginBabelHelpers-83d7e84b.js');
+require('../stringSet-98b52c49.js');
+require('../tslib.es6-2f2b0bca.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-a24e9cd7.js');
-require('../index-d04f312e.js');
+require('../index-609b07a2.js');
+require('../index-fd8a0abb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function UnknownMessageItemBody(_ref) {
-  var _message$reactions;
-  let {
-    className,
-    message,
-    isByMe = false,
-    mouseHover = false,
-    isReactionEnabled = false
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
+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 && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0 ? 'reactions' : ''])
+    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,

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","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","stringSet","useContext","LocalizationContext","React","createElement","getClassName","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":";;;;;;;;;;;;;;;;;AAgBe,SAASA,sBAAsBA,CAAAC,IAAA,EAMtB;AAAA,EAAA,IAAAC,kBAAA,CAAA;EAAA,IANuB;IAC7CC,SAAS;IACTC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,iBAAiB,GAAG,KAAA;AACf,GAAC,GAAAN,IAAA,CAAA;EACN,MAAM;AAAEO,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKT,SAAS,EAAEU,kBAAY,CAAC,CAC3BV,SAAS,EACT,oCAAoC,EACpCE,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCC,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BC,iBAAiB,IAAI,CAAAH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAAPE,OAAO,CAAEU,SAAS,MAAAZ,IAAAA,IAAAA,kBAAA,uBAAlBA,kBAAA,CAAoBa,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDJ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,4CAA4C;IACtDc,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,oBAAW,CAACC,WAAW,GAAGD,oBAAW,CAACE,cAAAA;GAErDf,EAAAA,SAAS,CAACgB,6BAA6B,CAClC,eACRb,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,iDAAiD;IAC3Dc,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,oBAAW,CAACI,WAAW,GAAGJ,oBAAW,CAACK,cAAAA;AAAe,GAAA,EAEpElB,SAAS,CAACmB,4BAA4B,CACjC,CACJ,CAAA;AAEV;;;;"}
+{"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;;;;"}