@sendbird/uikit-react 3.5.0-beta.0 → 3.5.0-mobile-web-1

package/ui/ChannelAvatar.js

@@ -1,50 +1,47 @@
 import React__default, { useMemo } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-00ac1a7d.js';
-import '../tslib.es6-bcead7e6.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-6f2bb331.js';
 import './ImageRenderer.js';
-import '../uuid-286ed926.js';
+import '../uuid-1f1bbd9c.js';
 import 'prop-types';
 
-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 = useMemo(function () {
-    return isBroadcast ? generateDefaultAvatar(channel) ? /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-chat-header--default-avatar",
-      style: {
-        width: width,
-        height: height,
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: IconTypes.BROADCAST,
-      fillColor: IconColors.CONTENT,
-      width: width * 0.575,
-      height: height * 0.575
-    })) : /*#__PURE__*/React__default.createElement(Avatar, {
-      className: "sendbird-chat-header--avatar--broadcast-channel",
-      src: getChannelAvatarSource(channel, userId),
-      width: width,
-      height: height,
-      alt: channel === null || channel === void 0 ? void 0 : channel.name
-    }) : /*#__PURE__*/React__default.createElement(Avatar, {
-      className: "sendbird-chat-header--avatar--group-channel",
-      src: 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]);
+function ChannelAvatar(_ref) {
+  let {
+    channel,
+    userId,
+    theme,
+    width = 56,
+    height = 56
+  } = _ref;
+  const isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
+  const memoizedAvatar = useMemo(() => isBroadcast ? generateDefaultAvatar(channel) ? /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-chat-header--default-avatar",
+    style: {
+      width,
+      height,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.BROADCAST,
+    fillColor: IconColors.CONTENT,
+    width: width * 0.575,
+    height: height * 0.575
+  })) : /*#__PURE__*/React__default.createElement(Avatar, {
+    className: "sendbird-chat-header--avatar--broadcast-channel",
+    src: getChannelAvatarSource(channel, userId),
+    width: width,
+    height: height,
+    alt: channel === null || channel === void 0 ? void 0 : channel.name
+  }) : /*#__PURE__*/React__default.createElement(Avatar, {
+    className: "sendbird-chat-header--avatar--group-channel",
+    src: getChannelAvatarSource(channel, userId),
+    width: `${width}px`,
+    height: `${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.createElement(React__default.Fragment, null, memoizedAvatar);
 }
 

package/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","display","justifyContent","alignItems","IconTypes","BROADCAST","IconColors","CONTENT","name","concat","members","coverUrl"],"mappings":";;;;;;;;;AAkBA,SAASA,aAAT,CAAuBC,EAAvB,EAMQ;MALNC,OAAO,GAAAD,EAAA,CAAAC;MACPC,MAAM,GAAAF,EAAA,CAAAE;MACNC,KAAK,GAAAH,EAAA,CAAAG;MACLC,EAAU,GAAAJ,EAAA,CAAAK;MAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA;MACRE,EAAA,GAAAN,EAAA,CAAAO;MAAAA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA;AAEX,EAAA,IAAME,WAAW,GAAGP,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEO,WAA7B,CAAA;AACA,EAAA,IAAMC,cAAc,GAAGC,OAAO,CAAC,YAAM;AAAA,IAAA,OACnCF,WAAW,GAEPG,qBAAA,CAA4BV,OAA5B,CAEI,gBAAAW,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAS,EAAC,sCADZ;AAEE,MAAA,KAAK,EAAE;AACLP,QAAAA,KAAK,EAAAA,KADA;AAELE,QAAAA,MAAM,EAAAA,MAFD;AAGLM,QAAAA,OAAO,EAAE,MAHJ;AAILC,QAAAA,cAAc,EAAE,QAJX;AAKLC,QAAAA,UAAU,EAAE,QAAA;AALP,OAAA;AAFT,KAAA,eAUEH,6BAAC,IAAD,EAAA;MACE,IAAI,EAAEI,SAAS,CAACC,SADlB;MAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;MAGE,KAAK,EAAEd,KAAK,GAAG,KAHjB;MAIE,MAAM,EAAEE,MAAM,GAAG,KAAA;KAdrB,CAAA,CAFJ,gBAqBIK,cAAA,CAAA,aAAA,CAAC,MAAD,EAAA;AACE,MAAA,SAAS,EAAC,iDADZ;MAEE,GAAG,EAAED,sBAAA,CAA6BV,OAA7B,EAAsCC,MAAtC,CAFP;AAGE,MAAA,KAAK,EAAEG,KAHT;AAIE,MAAA,MAAM,EAAEE,MAJV;AAKE,MAAA,GAAG,EAAEN,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEmB,IAAAA;KA5Bb,CAAA,gBAiCPR,6BAAC,MAAD,EAAA;AACE,MAAA,SAAS,EAAC,6CADZ;MAEE,GAAG,EAAED,sBAAA,CAA6BV,OAA7B,EAAsCC,MAAtC,CAFP;AAGE,MAAA,KAAK,EAAE,EAAGmB,CAAAA,MAAH,CAAGhB,KAAH,EAAY,IAAZ,CAHT;AAIE,MAAA,MAAM,EAAE,EAAAgB,CAAAA,MAAA,CAAGd,MAAH,EAAa,IAAb,CAJV;AAKE,MAAA,GAAG,EAAEN,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEmB,IAAAA;KAvCe,CAAA,CAAA;AA0CpC,GA1C6B,EA0C5B,CAACnB,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqB,OAAV,EAAmBrB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEsB,QAA5B,EAAsCpB,KAAtC,CA1C4B,CAA9B,CAAA;EA2CA,oBACES,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAIH,cAAJ,CADF,CAAA;AAGD;;;;"}
+{"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","_ref","channel","userId","theme","width","height","isBroadcast","memoizedAvatar","useMemo","utils","React","createElement","className","style","display","justifyContent","alignItems","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","CONTENT","Avatar","src","alt","name","members","coverUrl","Fragment"],"mappings":";;;;;;;;AAkBA,SAASA,aAAaA,CAAAC,IAAA,EAMC;EAAA,IANA;IACrBC,OAAO;IACPC,MAAM;IACNC,KAAK;AACLC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,MAAM,GAAG,EAAA;AACJ,GAAC,GAAAL,IAAA,CAAA;EACN,MAAMM,WAAW,GAAGL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEK,WAAW,CAAA;AACxC,EAAA,MAAMC,cAAc,GAAGC,OAAO,CAAC,MAC7BF,WAAW,GAEPG,qBAA2B,CAACR,OAAO,CAAC,gBAEhCS,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,sCAAsC;AAChDC,IAAAA,KAAK,EAAE;MACLT,KAAK;MACLC,MAAM;AACNS,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,UAAU,EAAE,QAAA;AACd,KAAA;AAAE,GAAA,eAEFN,cAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACC,SAAU;IAC1BC,SAAS,EAAEC,UAAU,CAACC,OAAQ;IAC9BnB,KAAK,EAAEA,KAAK,GAAG,KAAM;IACrBC,MAAM,EAAEA,MAAM,GAAG,KAAA;AAAM,GAAA,CACvB,CACE,gBAGNK,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,IAAAA,SAAS,EAAC,iDAAiD;IAC3Da,GAAG,EAAEhB,sBAA4B,CAACR,OAAO,EAAEC,MAAM,CAAE;AACnDE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,MAAM,EAAEA,MAAO;AACfqB,IAAAA,GAAG,EAAEzB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE0B,IAAAA;AAAK,GAAA,CAEtB,gBAGHjB,cAAA,CAAAC,aAAA,CAACa,MAAM,EAAA;AACLZ,IAAAA,SAAS,EAAC,6CAA6C;IACvDa,GAAG,EAAEhB,sBAA4B,CAACR,OAAO,EAAEC,MAAM,CAAE;IACnDE,KAAK,EAAG,CAAEA,EAAAA,KAAM,CAAI,EAAA,CAAA;IACpBC,MAAM,EAAG,CAAEA,EAAAA,MAAO,CAAI,EAAA,CAAA;AACtBqB,IAAAA,GAAG,EAAEzB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE0B,IAAAA;GAGrB,CAAA,EAAE,CAAC1B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE2B,OAAO,EAAE3B,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAE4B,QAAQ,EAAE1B,KAAK,CAAC,CAAC,CAAA;EAChD,oBACEO,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAoB,QAAA,EAAIvB,IAAAA,EAAAA,cAAc,CAAK,CAAA;AAE3B;;;;"}

package/ui/Checkbox.js

@@ -1,29 +1,27 @@
 import React__default, { useState } from 'react';
 
-function Checkbox(_a) {
-  var id = _a.id,
-      checked = _a.checked,
-      disabled = _a.disabled,
-      onChange = _a.onChange;
-
-  var _b = useState(checked),
-      isChecked = _b[0],
-      setIsCheck = _b[1];
-
+function Checkbox(_ref) {
+  let {
+    id,
+    checked = false,
+    disabled,
+    onChange
+  } = _ref;
+  const [isChecked, setIsCheck] = useState(checked);
   return /*#__PURE__*/React__default.createElement("label", {
-    className: ["sendbird-checkbox", disabled ? 'disabled' : ''].join(' '),
+    className: ['sendbird-checkbox', disabled ? 'disabled' : ''].join(' '),
     htmlFor: id
   }, /*#__PURE__*/React__default.createElement("input", {
     disabled: disabled,
     id: id,
     type: "checkbox",
     checked: isChecked,
-    onClick: function () {
+    onClick: () => {
       if (!disabled) setIsCheck(!isChecked);
     },
     onChange: onChange
   }), /*#__PURE__*/React__default.createElement("span", {
-    className: ["sendbird-checkbox--checkmark", disabled ? 'disabled' : ''].join(' ')
+    className: ['sendbird-checkbox--checkmark', disabled ? 'disabled' : ''].join(' ')
   }));
 }
 

package/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,\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","checked","disabled","onChange","_b","useState","isChecked","setIsCheck","React","join"],"mappings":";;AAUwB,SAAAA,QAAA,CAASC,EAAT,EAKR;MAJdC,EAAE,GAAAD,EAAA,CAAAC;MACFC,OAAO,GAAAF,EAAA,CAAAE;MACPC,QAAQ,GAAAH,EAAA,CAAAG;MACRC,QAAQ,GAAAJ,EAAA,CAAAI;;AAEF,EAAA,IAAAC,EAAA,GAA0BC,QAAQ,CAACJ,OAAD,CAAlC;AAAA,MAACK,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,UAAU,GAAAH,EAAA,CAAA,CAAA,CAAtB,CAAA;;EACN,oBACEI,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACE,IAAA,SAAS,EAAE,CACT,mBADS,EAETN,QAAQ,GAAG,UAAH,GAAgB,EAFf,CAAA,CAGTO,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,OAAO,EAAET,EAAAA;GAET,eAAAQ,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACE,IAAA,QAAQ,EAAEN,QADZ;AAEE,IAAA,EAAE,EAAEF,EAFN;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,OAAO,EAAEM,SAJX;AAKE,IAAA,OAAO,EAAE,YAAA;AACP,MAAA,IAAI,CAACJ,QAAL,EAAeK,UAAU,CAAC,CAACD,SAAF,CAAV,CAAA;KANnB;AAQE,IAAA,QAAQ,EAAEH,QAAAA;AARZ,GAAA,CAPF,eAiBEK,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,SAAS,EAAE,CACT,8BADS,EAETN,QAAQ,GAAG,UAAH,GAAgB,EAFf,CAAA,CAGTO,IAHS,CAGJ,GAHI,CAAA;AADb,GAAA,CAjBF,CADF,CAAA;AA0BD;;;;"}
+{"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","_ref","id","checked","disabled","onChange","isChecked","setIsCheck","useState","React","createElement","className","join","htmlFor","type","onClick"],"mappings":";;AAUe,SAASA,QAAQA,CAAAC,IAAA,EAKA;EAAA,IALC;IAC/BC,EAAE;AACFC,IAAAA,OAAO,GAAG,KAAK;IACfC,QAAQ;AACRC,IAAAA,QAAAA;AACa,GAAC,GAAAJ,IAAA,CAAA;EACd,MAAM,CAACK,SAAS,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAACL,OAAO,CAAC,CAAA;EACjD,oBACEM,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,mBAAmB,EACnBP,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACQ,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,OAAO,EAAEX,EAAAA;GAETO,eAAAA,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEN,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,EAAE,EAAEA,EAAG;AACPY,IAAAA,IAAI,EAAC,UAAU;AACfX,IAAAA,OAAO,EAAEG,SAAU;IACnBS,OAAO,EAAEA,MAAM;AACb,MAAA,IAAI,CAACX,QAAQ,EAAEG,UAAU,CAAC,CAACD,SAAS,CAAC,CAAA;KACrC;AACFD,IAAAA,QAAQ,EAAEA,QAAAA;GACV,CAAA,eACFI,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,SAAS,EAAE,CACT,8BAA8B,EAC9BP,QAAQ,GAAG,UAAU,GAAG,EAAE,CAC3B,CAACQ,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,CACZ,CACI,CAAA;AAEZ;;;;"}

package/ui/ConnectionStatus.js

@@ -1,13 +1,15 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-44470dab.js';
-import { a as LocalizationContext } from '../LocalizationContext-4df0cc32.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4023d1b2.js';
+import { a as LocalizationContext } from '../LocalizationContext-57b46f6c.js';
 import 'prop-types';
-import '../stringSet-d555d877.js';
-import '../index-07e060cd.js';
+import '../stringSet-7a8ce1ce.js';
+import '../index-865112db.js';
 
 function ConnectionStatus() {
-  var stringSet = useContext(LocalizationContext).stringSet;
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-connection-status"
   }, /*#__PURE__*/React__default.createElement(Label, {

package/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","LabelTypography","BODY_2","LabelColors","ONBACKGROUND_2","TRYING_TO_CONNECT","IconTypes","DISCONNECTED","IconColors","SENT"],"mappings":";;;;;;;;AAQA,SAASA,gBAAT,GAAyB;AACf,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;EACR,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,4BAAA;AAAf,GAAA,eACEA,6BAAC,KAAD,EAAA;IACE,IAAI,EAAEC,eAAe,CAACC,MADxB;IAEE,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAFrB,GAAA,EAIGP,SAAS,CAACQ,iBAJb,CADF,eAOEL,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEM,SAAS,CAACC,YADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,IAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;AAJT,GAAA,CAPF,CADF,CAAA;AAgBD;;;;"}
+{"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,GAAiB;EACxC,MAAM;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,eACzCF,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;IACJC,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBZ,EAAAA,SAAS,CAACa,iBAAiB,CACtB,eACRV,cAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;IACHP,IAAI,EAAEQ,SAAS,CAACC,YAAa;IAC7BC,SAAS,EAAEC,UAAU,CAACC,IAAK;AAC3BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CACb,CACE,CAAA;AAEV;;;;"}