@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/ui/Badge.js

@@ -1,33 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-mc8PQfi_.js');
 var React = require('react');
-var ui_Label = require('../index-b5a9b4b7.js');
-var LocalizationContext = require('../LocalizationContext-58b6ed7c.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
-require('../index-e8928da6.js');
+var ui_Label = require('../chunks/bundle-fTDV9UxX.js');
+var LocalizationContext = require('../chunks/bundle-80bw1Z-w.js');
+require('../chunks/bundle-5l7POen0.js');
+require('../chunks/bundle-EVv3xRW8.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function Badge(_a) {
-  var count = _a.count,
-    _b = _a.maxLevel,
-    maxLevel = _b === void 0 ? 2 : _b,
-    _c = _a.className,
-    className = _c === void 0 ? '' : _c;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var maximumNumber = parseInt('9'.repeat(maxLevel > 6 ? 6 : maxLevel), 10);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-badge'], false).join(' ')
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-badge__text"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.ONCONTENT_1
-  }, count > maximumNumber ? "".concat(maximumNumber).concat(stringSet.BADGE__OVER) : count)));
+function Badge(_a) {
+    var count = _a.count, _b = _a.maxLevel, maxLevel = _b === void 0 ? 2 : _b, _c = _a.className, className = _c === void 0 ? '' : _c;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var maximumNumber = parseInt('9'.repeat(maxLevel > 6 ? 6 : maxLevel), 10);
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-badge',
+        ], false).join(' ') },
+        React.createElement("div", { className: "sendbird-badge__text" },
+            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONCONTENT_1 }, typeof count === 'string'
+                ? count
+                : count > maximumNumber
+                    ? "".concat(maximumNumber).concat(stringSet.BADGE__OVER)
+                    : count))));
 }
 
 module.exports = Badge;

package/cjs/ui/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/ui/Badge/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nexport interface BadgeProps {\n  count: number;\n  maxLevel?: number;\n  className?: string | Array<string>;\n}\n\nexport default function Badge({\n  count,\n  maxLevel = 2,\n  className = '',\n}: BadgeProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const maximumNumber = parseInt('9'.repeat((maxLevel > 6) ? 6 : maxLevel), 10);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-badge',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-badge__text\">\n        <Label\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONCONTENT_1}\n        >\n          {\n            (count > maximumNumber)\n              ? `${maximumNumber}${stringSet.BADGE__OVER}`\n              : count\n          }\n        </Label>\n      </div>\n    </div>\n  );\n}\n"],"names":["Badge","_a","count","_b","maxLevel","_c","className","stringSet","useContext","LocalizationContext","maximumNumber","parseInt","repeat","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1","concat","BADGE__OVER"],"mappings":";;;;;;;;;;;;;;AAYwB,SAAAA,KAAKA,CAACC,EAIjB,EAAA;AAHX,EAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;IACLC,EAAY,GAAAF,EAAA,CAAAG,QAAA;IAAZA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,GAAAA,EAAA;IACZE,EAAc,GAAAJ,EAAA,CAAAK,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEN,EAAA,IAAAE,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AACjB,EAAA,IAAMC,aAAa,GAAGC,QAAQ,CAAC,GAAG,CAACC,MAAM,CAAER,QAAQ,GAAG,CAAC,GAAI,CAAC,GAAGA,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAA;EAC7E,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACER,IAAAA,SAAS,EAAES,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,gBAAgB,CAChB,EAAA,KAAA,CAAA,CAAAY,IAAI,CAAC,GAAG,CAAA;GAEVL,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCO,yBAAA,CAAAC,aAAA,CAACK,cAAK,EAAA;IACJC,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAGhBvB,EAAAA,KAAK,GAAGQ,aAAa,GAClB,EAAG,CAAAgB,MAAA,CAAAhB,aAAa,SAAGH,SAAS,CAACoB,WAAW,CAAE,GAC1CzB,KAED,CACJ,CACF,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/BottomSheet.js

@@ -2,46 +2,36 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-require('../tslib.es6-c74b513f.js');
-require('../index-54279ec2.js');
-require('../index-b5a9b4b7.js');
-require('../types-d0d770c3.js');
+require('../hooks/useModal.js');
+var ui_Modal = require('../chunks/bundle-o66lc7qg.js');
+require('../chunks/bundle-mc8PQfi_.js');
+require('../chunks/bundle-RG3ZDmvE.js');
+require('../chunks/bundle-viTxhrPr.js');
+require('../chunks/bundle-80bw1Z-w.js');
+require('../chunks/bundle-5l7POen0.js');
+require('../chunks/bundle-EVv3xRW8.js');
+require('../chunks/bundle-kkxTVcGD.js');
+require('./IconButton.js');
+require('./Button.js');
+require('../chunks/bundle-fTDV9UxX.js');
 require('./Icon.js');
-var index = require('../index-b8ba4548.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var BottomSheet = function (props) {
-  var _a = props.className,
-    className = _a === void 0 ? '' : _a,
-    children = props.children,
-    onBackdropClick = props.onBackdropClick;
-  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
-  var portalRoot = React.useRef();
-  portalRoot.current = document.getElementById(index.MODAL_ROOT);
-  if (!portalRoot.current) {
-    portalRoot.current = document.createElement('div');
-    portalRoot.current.setAttribute('id', index.MODAL_ROOT);
-    document.body.appendChild(portalRoot.current);
-  }
-  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(className, " sendbird-bottomsheet")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'sendbird-bottomsheet__content',
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-expanded": "true"
-  }, children), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "\n          sendbird-bottomsheet__backdrop\n        ",
-    onClick: function (e) {
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
-      onBackdropClick();
-    }
-  })), portalRoot.current);
+var BottomSheet = function (props) {
+    var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, onBackdropClick = props.onBackdropClick;
+    // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
+    var portalRoot = React.useRef();
+    portalRoot.current = document.getElementById(ui_Modal.MODAL_ROOT);
+    if (!portalRoot.current) {
+        portalRoot.current = document.createElement('div');
+        portalRoot.current.setAttribute('id', ui_Modal.MODAL_ROOT);
+        document.body.appendChild(portalRoot.current);
+    }
+    return reactDom.createPortal(React.createElement("div", { className: "".concat(className, " sendbird-bottomsheet") },
+        React.createElement("div", { className: 'sendbird-bottomsheet__content', role: 'dialog', "aria-modal": 'true', "aria-expanded": 'true' }, children),
+        React.createElement("div", { className: "\n          sendbird-bottomsheet__backdrop\n        ", onClick: function (e) {
+                e === null || e === void 0 ? void 0 : e.stopPropagation();
+                onBackdropClick();
+            } })), portalRoot.current);
 };
 
 module.exports = BottomSheet;

package/cjs/ui/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sources":["../../../src/ui/BottomSheet/index.tsx"],"sourcesContent":["import './bottom-sheet.scss';\nimport React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { MODAL_ROOT } from '../../hooks/useModal';\n\ninterface BottomSheetProps {\n  className?: string;\n  children: React.ReactElement;\n  onBackdropClick?: () => void;\n}\n\nconst BottomSheet: React.FunctionComponent<BottomSheetProps> = (props: BottomSheetProps) => {\n  const {\n    className = '',\n    children,\n    onBackdropClick,\n  } = props;\n\n  // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348\n  const portalRoot = useRef<HTMLElement>();\n  portalRoot.current = document.getElementById(MODAL_ROOT);\n  if (!portalRoot.current) {\n    portalRoot.current = document.createElement('div');\n    portalRoot.current.setAttribute('id', MODAL_ROOT);\n    document.body.appendChild(portalRoot.current);\n  }\n  return createPortal(\n    <div\n      className={`${className} sendbird-bottomsheet`}\n    >\n      <div\n        className={'sendbird-bottomsheet__content'}\n        role='dialog'\n        aria-modal='true'\n        aria-expanded='true'\n      >\n        {children}\n      </div>\n      <div\n        className={`\n          sendbird-bottomsheet__backdrop\n        `}\n        onClick={(e) => {\n          e?.stopPropagation();\n          onBackdropClick();\n        }}\n      />\n    </div>,\n    portalRoot.current);\n};\n\nexport default BottomSheet;\n"],"names":["BottomSheet","props","_a","className","children","onBackdropClick","portalRoot","useRef","current","document","getElementById","MODAL_ROOT","createElement","setAttribute","body","appendChild","createPortal","React","concat","role","onClick","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;AAYA,IAAMA,WAAW,GAA8C,UAACC,KAAuB,EAAA;AAEnF,EAAA,IAAAC,KAGED,KAAK,CAAAE,SAHO;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAENH,KAAK,CAFCG,QAAA;IACRC,eAAe,GACbJ,KAAK,gBADQ,CAAA;AAGjB;AACA,EAAA,IAAMK,UAAU,GAAGC,YAAM,EAAe,CAAA;EACxCD,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACC,gBAAU,CAAC,CAAA;AACxD,EAAA,IAAI,CAACL,UAAU,CAACE,OAAO,EAAE;IACvBF,UAAU,CAACE,OAAO,GAAGC,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC,CAAA;IAClDN,UAAU,CAACE,OAAO,CAACK,YAAY,CAAC,IAAI,EAAEF,gBAAU,CAAC,CAAA;IACjDF,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACT,UAAU,CAACE,OAAO,CAAC,CAAA;AAC9C,GAAA;AACD,EAAA,oBAAOQ,qBAAY,eACjBC,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,EAAG,CAAAe,MAAA,CAAAf,SAAS,EAAuB,uBAAA,CAAA;GAE9Cc,eAAAA,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,+BAAgC;AAC3CgB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,MAAM;IACjB,eAAc,EAAA,MAAA;AAAM,GAAA,EAEnBf,QACE,CACL,eAAAa,yBAAA,CAAAL,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,sDAET;AACFiB,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAA;AACTA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACpBjB,MAAAA,eAAe,EAAE,CAAA;AACnB,KAAA;AAAE,GAEN,CAAK,CAAC,EACNC,UAAU,CAACE,OAAO,CAAC,CAAA;AACvB;;;;"}
+{"version":3,"file":"BottomSheet.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/Button.js

@@ -2,74 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-c74b513f.js');
+var _tslib = require('../chunks/bundle-mc8PQfi_.js');
 var React = require('react');
-var ui_Label = require('../index-b5a9b4b7.js');
-var types = require('../types-d0d770c3.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
+var ui_Label = require('../chunks/bundle-fTDV9UxX.js');
+require('../chunks/bundle-5l7POen0.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+exports.ButtonTypes = void 0;
+(function (ButtonTypes) {
+    ButtonTypes["PRIMARY"] = "PRIMARY";
+    ButtonTypes["SECONDARY"] = "SECONDARY";
+    ButtonTypes["DANGER"] = "DANGER";
+    ButtonTypes["DISABLED"] = "DISABLED";
+})(exports.ButtonTypes || (exports.ButtonTypes = {}));
+exports.ButtonSizes = void 0;
+(function (ButtonSizes) {
+    ButtonSizes["BIG"] = "BIG";
+    ButtonSizes["SMALL"] = "SMALL";
+})(exports.ButtonSizes || (exports.ButtonSizes = {}));
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function changeTypeToClassName(type) {
-  switch (type) {
-    case types.ButtonTypes.PRIMARY:
-      return 'sendbird-button--primary';
-    case types.ButtonTypes.SECONDARY:
-      return 'sendbird-button--secondary';
-    case types.ButtonTypes.DANGER:
-      return 'sendbird-button--danger';
-    case types.ButtonTypes.DISABLED:
-      return 'sendbird-button--disabled';
-    default:
-      return null;
-  }
-}
-function changeSizeToClassName(size) {
-  switch (size) {
-    case types.ButtonSizes.BIG:
-      return 'sendbird-button--big';
-    case types.ButtonSizes.SMALL:
-      return 'sendbird-button--small';
-    default:
-      return null;
-  }
+function changeTypeToClassName(type) {
+    switch (type) {
+        case exports.ButtonTypes.PRIMARY: return 'sendbird-button--primary';
+        case exports.ButtonTypes.SECONDARY: return 'sendbird-button--secondary';
+        case exports.ButtonTypes.DANGER: return 'sendbird-button--danger';
+        case exports.ButtonTypes.DISABLED: return 'sendbird-button--disabled';
+        default: return null;
+    }
+}
+function changeSizeToClassName(size) {
+    switch (size) {
+        case exports.ButtonSizes.BIG: return 'sendbird-button--big';
+        case exports.ButtonSizes.SMALL: return 'sendbird-button--small';
+        default: return null;
+    }
 }
 
-function Button(_a) {
-  var className = _a.className,
-    _b = _a.type,
-    type = _b === void 0 ? types.ButtonTypes.PRIMARY : _b,
-    _c = _a.size,
-    size = _c === void 0 ? types.ButtonSizes.BIG : _c,
-    _d = _a.children,
-    children = _d === void 0 ? 'Button' : _d,
-    _e = _a.disabled,
-    disabled = _e === void 0 ? false : _e,
-    _f = _a.onClick,
-    onClick = _f === void 0 ? function () {} : _f;
-  var injectingClassNames = tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-button', disabled ? 'sendbird-button__disabled' : '', changeTypeToClassName(type), changeSizeToClassName(size)], false).join(' ');
-  return /*#__PURE__*/React__default["default"].createElement("button", {
-    className: injectingClassNames,
-    type: "button",
-    onClick: onClick,
-    disabled: disabled
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-button__text",
-    type: ui_Label.LabelTypography.BUTTON_1,
-    color: ui_Label.LabelColors.ONCONTENT_1
-  }, children));
+function Button(_a) {
+    var className = _a.className, _b = _a.type, type = _b === void 0 ? exports.ButtonTypes.PRIMARY : _b, _c = _a.size, size = _c === void 0 ? exports.ButtonSizes.BIG : _c, _d = _a.children, children = _d === void 0 ? 'Button' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f;
+    var injectingClassNames = _tslib.__spreadArray(_tslib.__spreadArray([], ((Array.isArray(className)) ? className : [className]), true), [
+        'sendbird-button',
+        (disabled ? 'sendbird-button__disabled' : ''),
+        changeTypeToClassName(type),
+        changeSizeToClassName(size),
+    ], false).join(' ');
+    return (React.createElement("button", { className: injectingClassNames, type: "button", onClick: onClick, disabled: disabled },
+        React.createElement(ui_Label.Label, { className: "sendbird-button__text", type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.ONCONTENT_1 }, children)));
 }
 
-Object.defineProperty(exports, 'ButtonSizes', {
-    enumerable: true,
-    get: function () { return types.ButtonSizes; }
-});
-Object.defineProperty(exports, 'ButtonTypes', {
-    enumerable: true,
-    get: function () { return types.ButtonTypes; }
-});
-exports["default"] = Button;
+exports.default = Button;
 //# sourceMappingURL=Button.js.map

package/cjs/ui/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/ui/Button/utils.ts","../../../src/ui/Button/index.tsx"],"sourcesContent":["import { ButtonTypes, ButtonSizes } from './types';\n\nexport function changeTypeToClassName(type: ButtonTypes): string {\n  switch (type) {\n    case ButtonTypes.PRIMARY: return 'sendbird-button--primary';\n    case ButtonTypes.SECONDARY: return 'sendbird-button--secondary';\n    case ButtonTypes.DANGER: return 'sendbird-button--danger';\n    case ButtonTypes.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size: ButtonSizes): string {\n  switch (size) {\n    case ButtonSizes.BIG: return 'sendbird-button--big';\n    case ButtonSizes.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React, { ReactElement } from 'react';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\nimport { ButtonTypes, ButtonSizes } from './types';\n\nexport interface ButtonProps {\n  className?: string | Array<string>;\n  type?: ButtonTypes;\n  size?: ButtonSizes;\n  children: string | ReactElement;\n  disabled?: boolean;\n  onClick?: () => void;\n}\n\nexport default function Button({\n  className,\n  type = ButtonTypes.PRIMARY,\n  size = ButtonSizes.BIG,\n  children = 'Button',\n  disabled = false,\n  onClick = () => { /* noop */ },\n}: ButtonProps): ReactElement {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n\nexport * from './types';\n"],"names":["changeTypeToClassName","type","ButtonTypes","PRIMARY","SECONDARY","DANGER","DISABLED","changeSizeToClassName","size","ButtonSizes","BIG","SMALL","Button","_a","className","_b","_c","_d","children","_e","disabled","_f","onClick","injectingClassNames","__spreadArray","Array","isArray","join","React","createElement","Label","LabelTypography","BUTTON_1","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;;;;;;;;;;AAEM,SAAUA,qBAAqBA,CAACC,IAAiB,EAAA;AACrD,EAAA,QAAQA,IAAI;IACV,KAAKC,iBAAW,CAACC,OAAO;AAAE,MAAA,OAAO,0BAA0B,CAAA;IAC3D,KAAKD,iBAAW,CAACE,SAAS;AAAE,MAAA,OAAO,4BAA4B,CAAA;IAC/D,KAAKF,iBAAW,CAACG,MAAM;AAAE,MAAA,OAAO,yBAAyB,CAAA;IACzD,KAAKH,iBAAW,CAACI,QAAQ;AAAE,MAAA,OAAO,2BAA2B,CAAA;AAC7D,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AACrB,GAAA;AACH,CAAA;AAEM,SAAUC,qBAAqBA,CAACC,IAAiB,EAAA;AACrD,EAAA,QAAQA,IAAI;IACV,KAAKC,iBAAW,CAACC,GAAG;AAAE,MAAA,OAAO,sBAAsB,CAAA;IACnD,KAAKD,iBAAW,CAACE,KAAK;AAAE,MAAA,OAAO,wBAAwB,CAAA;AACvD,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AACrB,GAAA;AACH;;ACFwB,SAAAC,MAAMA,CAACC,EAOjB,EAAA;AANZ,EAAA,IAAAC,SAAS,eAAA;IACTC,EAAA,GAAAF,EAAA,CAAAZ,IAA0B;IAA1BA,IAAI,GAAAc,EAAA,KAAA,KAAA,CAAA,GAAGb,iBAAW,CAACC,OAAO,GAAAY,EAAA;IAC1BC,YAAsB;IAAtBR,IAAI,mBAAGC,iBAAW,CAACC,GAAG,GAAAM,EAAA;IACtBC,EAAmB,GAAAJ,EAAA,CAAAK,QAAA;IAAnBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,KAAA;IACnBE,EAAA,GAAAN,EAAA,CAAAO,QAAgB;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAA8B,GAAAR,EAAA,CAAAS,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA,CAAA;EAE9B,IAAME,mBAAmB,GAAGC,uBACvB,CAAAA,uBAAA,CAAA,EAAA,EAAEC,KAAK,CAACC,OAAO,CAACZ,SAAS,CAAC,GAAIA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACzD,iBAAiB,EAChBM,QAAQ,GAAG,2BAA2B,GAAG,EAAE,EAC5CpB,qBAAqB,CAACC,IAAI,CAAC,EAC3BM,qBAAqB,CAACC,IAAI,CAAC,UAC3BmB,IAAI,CAAC,GAAG,CAAC,CAAA;EAEX,oBACEC,yBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACEf,IAAAA,SAAS,EAAES,mBAAoB;AAC/BtB,IAAAA,IAAI,EAAC,QAAQ;AACbqB,IAAAA,OAAO,EAAEA,OAAQ;AACjBF,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,eAEnBQ,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJhB,IAAAA,SAAS,EAAC,uBAAuB;IACjCb,IAAI,EAAE8B,wBAAe,CAACC,QAAS;IAC/BC,KAAK,EAAEC,oBAAW,CAACC,WAAAA;GAElBjB,EAAAA,QACI,CACD,CAAC,CAAA;AAEb;;;;;;;;;;;;"}
+{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/ChannelAvatar.js

@@ -1,57 +1,30 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('./Avatar.js');
+var ui_Avatar = require('../chunks/bundle-lj7KorhP.js');
 var ui_Icon = require('./Icon.js');
-var utils = require('../utils-98441ba6.js');
-require('../tslib.es6-c74b513f.js');
+var utils = require('../chunks/bundle-o5pJIgS7.js');
+require('../chunks/bundle-mc8PQfi_.js');
 require('./ImageRenderer.js');
-require('../uuid-9a117e16.js');
-require('prop-types');
+require('../chunks/bundle-Z8uBiYyS.js');
+require('../chunks/bundle-viTxhrPr.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ChannelAvatar(_a) {
-  var channel = _a.channel,
-    userId = _a.userId,
-    theme = _a.theme,
-    _b = _a.width,
-    width = _b === void 0 ? 56 : _b,
-    _c = _a.height,
-    height = _c === void 0 ? 56 : _c;
-  var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
-  var memoizedAvatar = React.useMemo(function () {
-    return isBroadcast ? utils.generateDefaultAvatar(channel) ? /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-chat-header--default-avatar",
-      style: {
-        width: width,
-        height: height,
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.BROADCAST,
-      fillColor: ui_Icon.IconColors.CONTENT,
-      width: width * 0.575,
-      height: height * 0.575
-    })) : /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-      className: "sendbird-chat-header--avatar--broadcast-channel",
-      src: utils.getChannelAvatarSource(channel, userId),
-      width: width,
-      height: height,
-      alt: channel === null || channel === void 0 ? void 0 : channel.name
-    }) : /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-      className: "sendbird-chat-header--avatar--group-channel",
-      src: utils.getChannelAvatarSource(channel, userId),
-      width: "".concat(width, "px"),
-      height: "".concat(height, "px"),
-      alt: channel === null || channel === void 0 ? void 0 : channel.name
-    });
-  }, [channel === null || channel === void 0 ? void 0 : channel.members, channel === null || channel === void 0 ? void 0 : channel.coverUrl, theme]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, memoizedAvatar);
+function ChannelAvatar(_a) {
+    var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;
+    var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
+    var memoizedAvatar = React.useMemo(function () { return (isBroadcast
+        ? (utils.generateDefaultAvatar(channel)
+            ? (React.createElement("div", { className: "sendbird-chat-header--default-avatar", style: {
+                    width: width,
+                    height: height,
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                } },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BROADCAST, fillColor: ui_Icon.IconColors.CONTENT, width: width * 0.575, height: height * 0.575 })))
+            : (React.createElement(ui_Avatar.Avatar, { className: "sendbird-chat-header--avatar--broadcast-channel", src: utils.getChannelAvatarSource(channel, userId), width: width, height: height, alt: channel === null || channel === void 0 ? void 0 : channel.name })))
+        : (React.createElement(ui_Avatar.Avatar, { className: "sendbird-chat-header--avatar--group-channel", src: utils.getChannelAvatarSource(channel, userId), width: "".concat(width, "px"), height: "".concat(height, "px"), alt: channel === null || channel === void 0 ? void 0 : channel.name }))); }, [channel === null || channel === void 0 ? void 0 : channel.members, channel === null || channel === void 0 ? void 0 : channel.coverUrl, theme]);
+    return (React.createElement(React.Fragment, null, memoizedAvatar));
 }
 
 module.exports = ChannelAvatar;

package/cjs/ui/ChannelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelAvatar.js","sources":["../../../src/ui/ChannelAvatar/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { useMemo } from 'react';\n\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport Avatar from '../Avatar/index';\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\nimport * as utils from './utils';\n\ninterface Props {\n  channel: GroupChannel;\n  userId: string;\n  theme: string;\n  width?: number,\n  height?: number,\n}\n\nfunction ChannelAvatar({\n  channel,\n  userId,\n  theme,\n  width = 56,\n  height = 56,\n}: Props): JSX.Element {\n  const isBroadcast = channel?.isBroadcast;\n  const memoizedAvatar = useMemo(() => (\n    isBroadcast\n      ? (\n        utils.generateDefaultAvatar(channel)\n          ? (\n            <div\n              className=\"sendbird-chat-header--default-avatar\"\n              style={{\n                width,\n                height,\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n              }}\n            >\n              <Icon\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.CONTENT}\n                width={width * 0.575}\n                height={height * 0.575}\n              />\n            </div>\n          )\n          : (\n            <Avatar\n              className=\"sendbird-chat-header--avatar--broadcast-channel\"\n              src={utils.getChannelAvatarSource(channel, userId)}\n              width={width}\n              height={height}\n              alt={channel?.name}\n            />\n          )\n      )\n      : (\n        <Avatar\n          className=\"sendbird-chat-header--avatar--group-channel\"\n          src={utils.getChannelAvatarSource(channel, userId)}\n          width={`${width}px`}\n          height={`${height}px`}\n          alt={channel?.name}\n        />\n      )\n  ), [channel?.members, channel?.coverUrl, theme]);\n  return (\n    <>{ memoizedAvatar }</>\n  );\n}\n\nexport default ChannelAvatar;\n"],"names":["ChannelAvatar","_a","channel","userId","theme","_b","width","_c","height","isBroadcast","memoizedAvatar","useMemo","utils","React","createElement","className","style","display","justifyContent","alignItems","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","CONTENT","Avatar","src","alt","name","concat","members","coverUrl","Fragment"],"mappings":";;;;;;;;;;;;;;;AAkBA,SAASA,aAAaA,CAACC,EAMf,EAAA;MALNC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IACPC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IACNC,KAAK,GAAAH,EAAA,CAAAG,KAAA;IACLC,EAAU,GAAAJ,EAAA,CAAAK,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACVE,EAAA,GAAAN,EAAA,CAAAO,MAAW;IAAXA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAEX,EAAA,IAAME,WAAW,GAAGP,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,WAAW,CAAA;AACxC,EAAA,IAAMC,cAAc,GAAGC,aAAO,CAAC,YAAM;IAAA,OACnCF,WAAW,GAEPG,2BAA2B,CAACV,OAAO,CAAC,gBAEhCW,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,SAAS,EAAC,sCAAsC;AAChDC,MAAAA,KAAK,EAAE;AACLV,QAAAA,KAAK,EAAAA,KAAA;AACLE,QAAAA,MAAM,EAAAA,MAAA;AACNS,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,cAAc,EAAE,QAAQ;AACxBC,QAAAA,UAAU,EAAE,QAAA;AACb,OAAA;AAAC,KAAA,eAEFN,yBAAA,CAAAC,aAAA,CAACM,kBAAI,EAAA;MACHC,IAAI,EAAEC,iBAAS,CAACC,SAAU;MAC1BC,SAAS,EAAEC,kBAAU,CAACC,OAAQ;MAC9BpB,KAAK,EAAEA,KAAK,GAAG,KAAM;MACrBE,MAAM,EAAEA,MAAM,GAAG,KAAA;AAAM,KAE3B,CAAK,CAAC,gBAGNK,yBAAA,CAAAC,aAAA,CAACa,oBAAM,EAAA;AACLZ,MAAAA,SAAS,EAAC,iDAAiD;MAC3Da,GAAG,EAAEhB,4BAA4B,CAACV,OAAO,EAAEC,MAAM,CAAE;AACnDG,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,MAAM,EAAEA,MAAO;AACfqB,MAAAA,GAAG,EAAE3B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE4B,IAAAA;AAAK,KACnB,CACH,gBAGHjB,yBAAA,CAAAC,aAAA,CAACa,oBAAM,EAAA;AACLZ,MAAAA,SAAS,EAAC,6CAA6C;MACvDa,GAAG,EAAEhB,4BAA4B,CAACV,OAAO,EAAEC,MAAM,CAAE;MACnDG,KAAK,EAAE,EAAG,CAAAyB,MAAA,CAAAzB,KAAK,EAAI,IAAA,CAAC;MACpBE,MAAM,EAAE,EAAA,CAAAuB,MAAA,CAAGvB,MAAM,EAAI,IAAA,CAAC;AACtBqB,MAAAA,GAAG,EAAE3B,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE4B,IAAAA;AAAK,MAEtB,CAAA;AAzCgC,GA0CpC,EAAE,CAAC5B,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE8B,OAAO,EAAE9B,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE+B,QAAQ,EAAE7B,KAAK,CAAC,CAAC,CAAA;EAChD,oBACES,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAqB,QAAA,EAAIxB,IAAAA,EAAAA,cAAgB,CAAG,CAAA;AAE3B;;;;"}
+{"version":3,"file":"ChannelAvatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/Checkbox.js

@@ -2,34 +2,21 @@
 
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function Checkbox(_a) {
-  var id = _a.id,
-    _b = _a.checked,
-    checked = _b === void 0 ? false : _b,
-    disabled = _a.disabled,
-    onChange = _a.onChange;
-  var _c = React.useState(checked),
-    isChecked = _c[0],
-    setIsCheck = _c[1];
-  return /*#__PURE__*/React__default["default"].createElement("label", {
-    className: ['sendbird-checkbox', disabled ? 'disabled' : ''].join(' '),
-    htmlFor: id
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    disabled: disabled,
-    id: id,
-    type: "checkbox",
-    checked: isChecked,
-    onClick: function () {
-      if (!disabled) setIsCheck(!isChecked);
-    },
-    onChange: onChange
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: ['sendbird-checkbox--checkmark', disabled ? 'disabled' : ''].join(' ')
-  }));
+function Checkbox(_a) {
+    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, disabled = _a.disabled, onChange = _a.onChange;
+    var _c = React.useState(checked), isChecked = _c[0], setIsCheck = _c[1];
+    return (React.createElement("label", { className: [
+            'sendbird-checkbox',
+            disabled ? 'disabled' : '',
+        ].join(' '), htmlFor: id },
+        React.createElement("input", { disabled: disabled, id: id, type: "checkbox", checked: isChecked, onClick: function () {
+                if (!disabled)
+                    setIsCheck(!isChecked);
+            }, onChange: onChange }),
+        React.createElement("span", { className: [
+                'sendbird-checkbox--checkmark',
+                disabled ? 'disabled' : '',
+            ].join(' ') })));
 }
 
 module.exports = Checkbox;

package/cjs/ui/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/ui/Checkbox/index.tsx"],"sourcesContent":["import React, { ChangeEvent, ReactElement, useState } from 'react';\nimport './index.scss';\n\nexport interface CheckboxProps {\n  id?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function Checkbox({\n  id,\n  checked = false,\n  disabled,\n  onChange,\n}: CheckboxProps): ReactElement {\n  const [isChecked, setIsCheck] = useState(checked);\n  return (\n    <label\n      className={[\n        'sendbird-checkbox',\n        disabled ? 'disabled' : '',\n      ].join(' ')}\n      htmlFor={id}\n    >\n      <input\n        disabled={disabled}\n        id={id}\n        type=\"checkbox\"\n        checked={isChecked}\n        onClick={() => {\n          if (!disabled) setIsCheck(!isChecked);\n        }}\n        onChange={onChange}\n      />\n      <span\n        className={[\n          'sendbird-checkbox--checkmark',\n          disabled ? 'disabled' : '',\n        ].join(' ')}\n      />\n    </label>\n  );\n}\n"],"names":["Checkbox","_a","id","_b","checked","disabled","onChange","_c","useState","isChecked","setIsCheck","React","createElement","className","join","htmlFor","type","onClick"],"mappings":";;;;;;;;AAUwB,SAAAA,QAAQA,CAACC,EAKjB,EAAA;AAJd,EAAA,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;IACFC,EAAe,GAAAF,EAAA,CAAAG,OAAA;IAAfA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACfE,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;IACRC,QAAQ,GAAAL,EAAA,CAAAK,QAAA,CAAA;AAEF,EAAA,IAAAC,EAAA,GAA0BC,cAAQ,CAACJ,OAAO,CAAC;AAA1CK,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,EAAA,CAAA,CAAA,CAAqB,CAAA;EACjD,oBACEI,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,mBAAmB,EACnBR,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,OAAO,EAAEb,EAAAA;GAETS,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEP,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,EAAE,EAAEA,EAAG;AACPc,IAAAA,IAAI,EAAC,UAAU;AACfZ,IAAAA,OAAO,EAAEK,SAAU;IACnBQ,OAAO,EAAE,YAAA;AACP,MAAA,IAAI,CAACZ,QAAQ,EAAEK,UAAU,CAAC,CAACD,SAAS,CAAC,CAAA;KACrC;AACFH,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAErB,CAAA,eAAAK,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,8BAA8B,EAC9BR,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACS,IAAI,CAAC,GAAG,CAAA;AAAE,GAEhB,CAAO,CAAC,CAAA;AAEZ;;;;"}
+{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ui/ConnectionStatus.js

@@ -2,29 +2,18 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b5a9b4b7.js');
-var LocalizationContext = require('../LocalizationContext-58b6ed7c.js');
-require('prop-types');
-require('../stringSet-1539ac47.js');
-require('../index-e8928da6.js');
+var ui_Label = require('../chunks/bundle-fTDV9UxX.js');
+var LocalizationContext = require('../chunks/bundle-80bw1Z-w.js');
+require('../chunks/bundle-mc8PQfi_.js');
+require('../chunks/bundle-viTxhrPr.js');
+require('../chunks/bundle-5l7POen0.js');
+require('../chunks/bundle-EVv3xRW8.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ConnectionStatus() {
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-connection-status"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.TRYING_TO_CONNECT), /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.DISCONNECTED,
-    fillColor: ui_Icon.IconColors.SENT,
-    width: "14px",
-    height: "14px"
-  }));
+function ConnectionStatus() {
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: "sendbird-connection-status" },
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.TRYING_TO_CONNECT),
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DISCONNECTED, fillColor: ui_Icon.IconColors.SENT, width: "14px", height: "14px" })));
 }
 
 module.exports = ConnectionStatus;

package/cjs/ui/ConnectionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionStatus.js","sources":["../../../src/ui/ConnectionStatus/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport './index.scss';\n\nfunction ConnectionStatus(): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-connection-status\">\n      <Label\n        type={LabelTypography.BODY_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.TRYING_TO_CONNECT}\n      </Label>\n      <Icon\n        type={IconTypes.DISCONNECTED}\n        fillColor={IconColors.SENT}\n        width=\"14px\"\n        height=\"14px\"\n      />\n    </div>\n  );\n}\n\nexport default ConnectionStatus;\n"],"names":["ConnectionStatus","stringSet","useContext","LocalizationContext","React","createElement","className","Label","type","LabelTypography","BODY_2","color","LabelColors","ONBACKGROUND_2","TRYING_TO_CONNECT","Icon","IconTypes","DISCONNECTED","fillColor","IconColors","SENT","width","height"],"mappings":";;;;;;;;;;;;;;AAQA,SAASA,gBAAgBA,GAAA;AACf,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;EACjB,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,eACzCF,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;IACJC,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBZ,EAAAA,SAAS,CAACa,iBACN,CACP,eAAAV,yBAAA,CAAAC,aAAA,CAACU,kBAAI,EAAA;IACHP,IAAI,EAAEQ,iBAAS,CAACC,YAAa;IAC7BC,SAAS,EAAEC,kBAAU,CAACC,IAAK;AAC3BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAEjB,CAAK,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ConnectionStatus.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}