@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/OpenChannel/components/OpenChannelInput.js

@@ -1,34 +1,33 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-498cb747.js');
+var LocalizationContext = require('../../LocalizationContext-af96cf5f.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../OpenChannelProvider-850b9cd0.js');
-require('../../stringSet-061fe0c1.js');
-require('../../index-8b6bb1ee.js');
-require('../../_rollupPluginBabelHelpers-c2313dcd.js');
+var OpenChannel_context = require('../../OpenChannelProvider-ea1d7b37.js');
+require('../../stringSet-68748705.js');
+require('../../index-83d1d15e.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
 require('prop-types');
-require('../../const-61fc7be6.js');
-require('../../const-e22c9d25.js');
+require('../../const-ab0f6056.js');
+require('../../const-6691e574.js');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-8f4b0cfe.js');
 require('../../ui/Button.js');
-require('../../index-b8a20afd.js');
+require('../../index-73643285.js');
 require('dompurify');
-require('../../consts-3764bd68.js');
+require('../../consts-6ec77e9a.js');
 require('../../ui/Icon.js');
-require('../../index-2ac1f908.js');
+require('../../index-f2146bae.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../consts-ad849467.js');
-require('../../consts-46fa3a3a.js');
-require('../../tokenize-7e34a56e.js');
-require('../../index-71173fef.js');
-require('../../UserProfileContext-617420c9.js');
-require('../../compareIds-27f7912f.js');
-require('../../topics-c8adbede.js');
+require('../../consts-bc27beff.js');
+require('../../consts-a422c2f9.js');
+require('../../tokenize-d86ab0c7.js');
+require('../../index-f65677b1.js');
+require('../../UserProfileContext-f068b0ba.js');
+require('../../compareIds-18b3b1d6.js');
+require('../../topics-825e5d42.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-0b4ed44c.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 
@@ -36,18 +35,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MessageInputWrapper = function (props, ref) {
-  var _a = OpenChannel_context.useOpenChannelContext(),
-    currentOpenChannel = _a.currentOpenChannel,
-    disabled = _a.disabled,
-    handleSendMessage = _a.handleSendMessage,
-    handleFileUpload = _a.handleFileUpload;
-  var channel = currentOpenChannel;
+const MessageInputWrapper = (props, ref) => {
+  const {
+    currentOpenChannel,
+    disabled,
+    handleSendMessage,
+    handleFileUpload
+  } = OpenChannel_context.useOpenChannelContext();
+  const channel = currentOpenChannel;
   if (!channel) {
     return;
   }
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var value = props.value;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  const {
+    value
+  } = props;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-openchannel-footer"
   }, /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {

package/cjs/OpenChannel/components/OpenChannelInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        isVoiceMessageEnabled={false}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","value","React","createElement","className","MessageInput","isVoiceMessageEnabled","onSendMessage","onFileUpload","placeholder","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAA+B,EAAEC,GAAsC,EAAA;EAC5F,IAAAC,EAKF,GAAAC,yCAAqB,EAAE;IAJzBC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;IAClBC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACRC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IACjBC,gBAAgB,sBACS,CAAA;EAE3B,IAAMC,OAAO,GAAGJ,kBAAkB,CAAA;EAClC,IAAI,CAACI,OAAO,EAAE;AACZ,IAAA,OAAA;AACD,GAAA;AAEO,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AACT,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAV,CAAA;EAEb,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GAAA,eAC1CF,yBAAA,CAAAC,aAAA,CAACE,eAAY,EAAA;AACXf,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,KAAK,EAAEA,KAAM;AACbP,IAAAA,QAAQ,EAAEA,QAAS;AACnBY,IAAAA,qBAAqB,EAAE,KAAM;AAC7BC,IAAAA,aAAa,EAAEZ,iBAAkB;AACjCa,IAAAA,YAAY,EAAEZ,gBAAiB;AAC/Ba,IAAAA,WAAW,EACTf,QAAQ,IACLI,SAAS,CAACY,qCAAAA;AACb;AACA,GAAA,CAEN,CAAM,CAAA;AAEV,CAAC,CAAA;;AAED,uBAAA,aAAeR,yBAAK,CAACS,UAAU,CAACvB,mBAAmB,CAAC;;;;"}
+{"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        isVoiceMessageEnabled={false}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","useOpenChannelContext","channel","stringSet","useContext","LocalizationContext","value","React","createElement","className","MessageInput","isVoiceMessageEnabled","onSendMessage","onFileUpload","placeholder","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,mBAAmB,GAAGA,CAACC,KAA+B,EAAEC,GAAsC,KAAkB;EACpH,MAAM;IACJC,kBAAkB;IAClBC,QAAQ;IACRC,iBAAiB;AACjBC,IAAAA,gBAAAA;GACD,GAAGC,yCAAqB,EAAE,CAAA;EAE3B,MAAMC,OAAO,GAAGL,kBAAkB,CAAA;EAClC,IAAI,CAACK,OAAO,EAAE;AACZ,IAAA,OAAA;AACF,GAAA;EAEA,MAAM;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,MAAM;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAGX,KAAK,CAAA;EAEvB,oBACEY,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GAAA,eAC1CF,yBAAA,CAAAC,aAAA,CAACE,eAAY,EAAA;AACXd,IAAAA,GAAG,EAAEA,GAAI;AACTU,IAAAA,KAAK,EAAEA,KAAM;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBa,IAAAA,qBAAqB,EAAE,KAAM;AAC7BC,IAAAA,aAAa,EAAEb,iBAAkB;AACjCc,IAAAA,YAAY,EAAEb,gBAAiB;AAC/Bc,IAAAA,WAAW,EACThB,QAAQ,IACLK,SAAS,CAACY,qCAAAA;AACb;AACA,GACH,CACE,CAAC,CAAA;AAEV,CAAC,CAAA;;AAED,uBAAA,aAAeR,yBAAK,CAACS,UAAU,CAACtB,mBAAmB,CAAC;;;;"}

package/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -1,62 +1,61 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-71173fef.js');
+var index = require('../../index-f65677b1.js');
 var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
 var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
 var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
 var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
 var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-b8a20afd.js');
+var ui_Label = require('../../index-73643285.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_FileViewer = require('../../ui/FileViewer.js');
 var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-498cb747.js');
-var tslib_es6 = require('../../tslib.es6-8f4b0cfe.js');
-var OpenChannel_context = require('../../OpenChannelProvider-850b9cd0.js');
+var LocalizationContext = require('../../LocalizationContext-af96cf5f.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-c5955c81.js');
+var OpenChannel_context = require('../../OpenChannelProvider-ea1d7b37.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-8b6bb1ee.js');
-require('../../_rollupPluginBabelHelpers-c2313dcd.js');
+require('../../index-83d1d15e.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-0b4ed44c.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-2ac1f908.js');
+require('../../index-f2146bae.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../stringSet-061fe0c1.js');
+require('../../stringSet-68748705.js');
 require('../../ui/IconButton.js');
 require('../../ui/Loader.js');
 require('../../ui/UserProfile.js');
-require('../../UserProfileContext-617420c9.js');
+require('../../UserProfileContext-f068b0ba.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-c8adbede.js');
-require('../../utils-1038446c.js');
+require('../../topics-825e5d42.js');
+require('../../utils-d5176360.js');
 require('../../ui/Button.js');
-require('../../utils-98ac09d1.js');
-require('../../index-a415176f.js');
-require('../../MediaQueryContext-b9c2ec1f.js');
-require('../../useLongPress-f3ee01a0.js');
+require('../../utils-21326993.js');
+require('../../index-76afc309.js');
+require('../../MediaQueryContext-8ec3f647.js');
+require('../../useLongPress-d9deb354.js');
 require('../../ui/LinkLabel.js');
-require('../../index-ddcf90b1.js');
-require('../../index.module-cf39e3b9.js');
-require('../../tokenize-7e34a56e.js');
+require('../../index-0b344bd7.js');
+require('../../index.module-9f5edc7b.js');
+require('../../tokenize-d86ab0c7.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/TextButton.js');
-require('../../color-7f7508e6.js');
-require('../../const-61fc7be6.js');
-require('../../const-e22c9d25.js');
+require('../../color-afeb8dc2.js');
+require('../../const-ab0f6056.js');
+require('../../const-6691e574.js');
 require('dompurify');
-require('../../consts-3764bd68.js');
-require('../../consts-ad849467.js');
-require('../../consts-46fa3a3a.js');
-require('../../index-67f813a3.js');
-require('../../compareIds-27f7912f.js');
+require('../../consts-6ec77e9a.js');
+require('../../consts-bc27beff.js');
+require('../../consts-a422c2f9.js');
+require('../../index-68c57136.js');
+require('../../compareIds-18b3b1d6.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../withSendbird.js');
@@ -65,10 +64,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function RemoveMessageModal(_a) {
-  var onCloseModal = _a.onCloseModal,
-    onDeleteMessage = _a.onDeleteMessage;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+function RemoveMessageModal(_ref) {
+  let {
+    onCloseModal,
+    onDeleteMessage
+  } = _ref;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
   return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
     onCancel: onCloseModal,
     onSubmit: onDeleteMessage,
@@ -78,19 +81,16 @@ function RemoveMessageModal(_a) {
 }
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
-var SUPPORTED_MIMES = {
+
+const SUPPORTED_MIMES = {
   IMAGE: ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml', 'image/webp'],
   VIDEO: ['video/mpeg', 'video/ogg', 'video/webm', 'video/mp4']
 };
-var isImage = function (type) {
-  return SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;
-};
-var isVideo = function (type) {
-  return SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;
-};
-tslib_es6.__assign({}, SUPPORTED_MIMES);
+const isImage = type => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;
+const isVideo = type => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;
+_rollupPluginBabelHelpers._objectSpread2({}, SUPPORTED_MIMES);
 
-var MessageTypes = {
+const MessageTypes = {
   ADMIN: 'ADMIN',
   USER: 'USER',
   FILE: 'FILE',
@@ -98,18 +98,18 @@ var MessageTypes = {
   OG: 'OG',
   UNKNOWN: 'UNKNOWN'
 };
-var SendingMessageStatus = {
+const SendingMessageStatus = {
   NONE: 'none',
   SUCCEEDED: 'succeeded',
   FAILED: 'failed',
   PENDING: 'pending'
 };
-var getMessageType = function (message) {
-  var _a, _b;
-  if (((_a = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _a === void 0 ? void 0 : _a.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
-    return (message === null || message === void 0 ? void 0 : message.ogMetaData) ? MessageTypes.OG : MessageTypes.USER;
+const getMessageType = message => {
+  var _message$isUserMessag, _message$isAdminMessa;
+  if (message !== null && message !== void 0 && (_message$isUserMessag = message.isUserMessage) !== null && _message$isUserMessag !== void 0 && _message$isUserMessag.call(message) || (message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
+    return message !== null && message !== void 0 && message.ogMetaData ? MessageTypes.OG : MessageTypes.USER;
   }
-  if ((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) {
+  if (message !== null && message !== void 0 && (_message$isAdminMessa = message.isAdminMessage) !== null && _message$isAdminMessa !== void 0 && _message$isAdminMessa.call(message)) {
     return MessageTypes.ADMIN;
   }
   if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
@@ -119,42 +119,38 @@ var getMessageType = function (message) {
 };
 
 function MessagOpenChannelMessageeHoc(props) {
-  var _a;
-  var _b;
-  var message = props.message,
-    chainTop = props.chainTop,
-    chainBottom = props.chainBottom,
-    hasSeparator = props.hasSeparator,
-    renderMessage = props.renderMessage;
-  var _c = OpenChannel_context.useOpenChannelContext(),
-    currentOpenChannel = _c.currentOpenChannel,
-    deleteMessage = _c.deleteMessage,
-    updateMessage = _c.updateMessage,
-    resendMessage = _c.resendMessage;
-  var dateLocale = LocalizationContext.useLocalization().dateLocale;
-  var editDisabled = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen;
-  var globalState = useSendbirdStateContext();
-  var userId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
-  var sender = null;
+  var _globalState$config;
+  const {
+    message,
+    chainTop,
+    chainBottom,
+    hasSeparator,
+    renderMessage
+  } = props;
+  const {
+    currentOpenChannel,
+    deleteMessage,
+    updateMessage,
+    resendMessage
+  } = OpenChannel_context.useOpenChannelContext();
+  const {
+    dateLocale
+  } = LocalizationContext.useLocalization();
+  const editDisabled = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen;
+  const globalState = useSendbirdStateContext();
+  const userId = globalState === null || globalState === void 0 ? void 0 : (_globalState$config = globalState.config) === null || _globalState$config === void 0 ? void 0 : _globalState$config.userId;
+  let sender = null;
   if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
     sender = message === null || message === void 0 ? void 0 : message.sender;
   }
-  var RenderedMessage = React.useMemo(function () {
-    return function (props) {
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderMessage ? renderMessage(props) : null);
-    };
+  const RenderedMessage = React.useMemo(() => props => {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderMessage ? renderMessage(props) : null);
   }, [message, renderMessage]);
-  var _d = React.useState(false),
-    showEdit = _d[0],
-    setShowEdit = _d[1];
-  var _e = React.useState(false),
-    showRemove = _e[0],
-    setShowRemove = _e[1];
-  var _f = React.useState(false),
-    showFileViewer = _f[0],
-    setShowFileViewer = _f[1];
-  var editMessageInputRef = React.useRef(null);
-  var isByMe = false;
+  const [showEdit, setShowEdit] = React.useState(false);
+  const [showRemove, setShowRemove] = React.useState(false);
+  const [showFileViewer, setShowFileViewer] = React.useState(false);
+  const editMessageInputRef = React.useRef(null);
+  let isByMe = false;
   if (sender && (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
     // pending and failed messages are by me
     isByMe = userId === sender.userId || (message === null || message === void 0 ? void 0 : message.sendingStatus) === SendingMessageStatus.PENDING || (message === null || message === void 0 ? void 0 : message.sendingStatus) === SendingMessageStatus.FAILED;
@@ -175,13 +171,15 @@ function MessagOpenChannelMessageeHoc(props) {
       ref: editMessageInputRef,
       message: message,
       name: message === null || message === void 0 ? void 0 : message.messageId,
-      onUpdateMessage: function (_a) {
-        var messageId = _a.messageId,
-          message = _a.message;
+      onUpdateMessage: _ref => {
+        let {
+          messageId,
+          message
+        } = _ref;
         updateMessage(messageId, message);
         setShowEdit(false);
       },
-      onCancelEdit: function () {
+      onCancelEdit: () => {
         setShowEdit(false);
       }
     });
@@ -193,101 +191,102 @@ function MessagOpenChannelMessageeHoc(props) {
     color: ui_Label.LabelColors.ONBACKGROUND_2
   }, index.format(message === null || message === void 0 ? void 0 : message.createdAt, 'MMMM dd, yyyy', {
     locale: dateLocale
-  }))), (_a = {}, _a[MessageTypes.ADMIN] = function () {
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenChannelAdminMessage, {
-        message: message
-      });
-    }
-  }(), _a[MessageTypes.FILE] = function () {
-    var _a;
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelFileMessage, {
-        message: message,
-        isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId),
-        isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral,
-        disabled: editDisabled,
-        userId: userId,
-        showRemove: setShowRemove,
-        resendMessage: resendMessage,
-        chainTop: chainTop,
-        chainBottom: chainBottom
-      });
-    }
-    return;
-  }(), _a[MessageTypes.OG] = function () {
-    var _a;
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelOGMessage, {
-        message: message,
-        isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId),
-        isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral,
-        userId: userId,
-        showEdit: setShowEdit,
-        disabled: editDisabled,
-        showRemove: setShowRemove,
-        resendMessage: resendMessage,
-        chainTop: chainTop,
-        chainBottom: chainBottom
-      });
-    }
-    return;
-  }(), _a[MessageTypes.THUMBNAIL] = function () {
-    var _a;
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelThumbnailMessage, {
-        message: message,
-        isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId),
-        isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral,
-        disabled: editDisabled,
-        userId: userId,
-        showRemove: setShowRemove,
-        resendMessage: resendMessage,
-        onClick: setShowFileViewer,
-        chainTop: chainTop,
-        chainBottom: chainBottom
-      });
-    }
-    return;
-  }(), _a[MessageTypes.USER] = function () {
-    var _a;
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelUserMessage, {
-        message: message,
-        isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId),
-        isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral,
-        userId: userId,
-        disabled: editDisabled,
-        showEdit: setShowEdit,
-        showRemove: setShowRemove,
-        resendMessage: resendMessage,
-        chainTop: chainTop,
-        chainBottom: chainBottom
-      });
-    }
-    return;
-  }(), _a[MessageTypes.UNKNOWN] = function () {
-    return;
-    // return (
-    //   <OpenChannelUnknownMessage message={message} />
-    // );
-  }(), _a)[getMessageType(message)], showRemove && /*#__PURE__*/React__default["default"].createElement(RemoveMessageModal, {
-    onCloseModal: function () {
-      return setShowRemove(false);
-    },
-    onDeleteMessage: function () {
+  }))), {
+    [MessageTypes.ADMIN]: (() => {
+      if ((message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
+        return /*#__PURE__*/React__default["default"].createElement(ui_OpenChannelAdminMessage, {
+          message: message
+        });
+      }
+    })(),
+    [MessageTypes.FILE]: (() => {
+      if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+        var _sender;
+        return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelFileMessage, {
+          message: message,
+          isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator(message === null || message === void 0 ? void 0 : (_sender = message.sender) === null || _sender === void 0 ? void 0 : _sender.userId),
+          isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral,
+          disabled: editDisabled,
+          userId: userId,
+          showRemove: setShowRemove,
+          resendMessage: resendMessage,
+          chainTop: chainTop,
+          chainBottom: chainBottom
+        });
+      }
+      return;
+    })(),
+    [MessageTypes.OG]: (() => {
+      if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
+        var _sender2;
+        return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelOGMessage, {
+          message: message,
+          isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator(message === null || message === void 0 ? void 0 : (_sender2 = message.sender) === null || _sender2 === void 0 ? void 0 : _sender2.userId),
+          isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral,
+          userId: userId,
+          showEdit: setShowEdit,
+          disabled: editDisabled,
+          showRemove: setShowRemove,
+          resendMessage: resendMessage,
+          chainTop: chainTop,
+          chainBottom: chainBottom
+        });
+      }
+      return;
+    })(),
+    [MessageTypes.THUMBNAIL]: (() => {
+      if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+        var _sender3;
+        return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelThumbnailMessage, {
+          message: message,
+          isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator(message === null || message === void 0 ? void 0 : (_sender3 = message.sender) === null || _sender3 === void 0 ? void 0 : _sender3.userId),
+          isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral,
+          disabled: editDisabled,
+          userId: userId,
+          showRemove: setShowRemove,
+          resendMessage: resendMessage,
+          onClick: setShowFileViewer,
+          chainTop: chainTop,
+          chainBottom: chainBottom
+        });
+      }
+      return;
+    })(),
+    [MessageTypes.USER]: (() => {
+      if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
+        var _sender4;
+        return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelUserMessage, {
+          message: message,
+          isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator(message === null || message === void 0 ? void 0 : (_sender4 = message.sender) === null || _sender4 === void 0 ? void 0 : _sender4.userId),
+          isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral,
+          userId: userId,
+          disabled: editDisabled,
+          showEdit: setShowEdit,
+          showRemove: setShowRemove,
+          resendMessage: resendMessage,
+          chainTop: chainTop,
+          chainBottom: chainBottom
+        });
+      }
+      return;
+    })(),
+    [MessageTypes.UNKNOWN]: (() => {
+      return;
+      // return (
+      //   <OpenChannelUnknownMessage message={message} />
+      // );
+    })()
+  }[getMessageType(message)], showRemove && /*#__PURE__*/React__default["default"].createElement(RemoveMessageModal, {
+    onCloseModal: () => setShowRemove(false),
+    onDeleteMessage: () => {
       if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
         deleteMessage(message);
       }
     }
   }), showFileViewer && (message === null || message === void 0 ? void 0 : message.messageType) === 'file' && /*#__PURE__*/React__default["default"].createElement(ui_FileViewer["default"], {
-    onClose: function () {
-      return setShowFileViewer(false);
-    },
+    onClose: () => setShowFileViewer(false),
     message: message,
-    onDelete: function () {
-      return deleteMessage(message);
-    },
+    onDelete: () => deleteMessage(message),
     isByMe: isByMe
   }));
 }