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

package/cjs/OpenChannel/components/OpenChannelInput.js

@@ -1,57 +1,54 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-482c1343.js');
+var LocalizationContext = require('../../LocalizationContext-5009012e.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../OpenChannelProvider-8577ea58.js');
-require('../../stringSet-d00535a5.js');
-require('../../index-d04f312e.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
+var OpenChannel_context = require('../../OpenChannelProvider-d8cc11fe.js');
+require('../../stringSet-98b52c49.js');
+require('../../index-fd8a0abb.js');
+require('../../_rollupPluginBabelHelpers-94c18dc1.js');
 require('prop-types');
-require('../../const-1726bde0.js');
-require('../../const-67ff9e34.js');
+require('../../const-640252c1.js');
+require('../../const-9def5c09.js');
 require('../../ui/IconButton.js');
+require('../../tslib.es6-2f2b0bca.js');
 require('../../ui/Button.js');
-require('../../index-18720f0d.js');
-require('../../index-759f2a26.js');
+require('../../index-35820a94.js');
+require('../../types-66554668.js');
+require('../../index-bdf7089c.js');
 require('dompurify');
-require('../../consts-b018b1ed.js');
-require('../../consts-d3b53f23.js');
-require('../../consts-bf228385.js');
+require('../../consts-54f5c12d.js');
+require('../../consts-a3b7ae99.js');
+require('../../consts-85cd42fa.js');
 require('../../ui/Icon.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../index-fbe9cc73.js');
+require('../../index-b995f638.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-a24e9cd7.js');
-require('../../tokenize-9296fc47.js');
-require('../../index-c9b003b3.js');
-require('../../UserProfileContext-fa8d0383.js');
-require('../../compareIds-bef997cb.js');
-require('../../topics-adde627b.js');
+require('../../index-609b07a2.js');
+require('../../tokenize-91bdbeb0.js');
+require('../../index-b6d51e74.js');
+require('../../UserProfileContext-922a43ec.js');
+require('../../compareIds-de541666.js');
+require('../../pubSub/topics.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-b2806cf5.js');
+require('../../uuid-c74bbbb6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const MessageInputWrapper = (props, ref) => {
-  const {
-    currentOpenChannel,
-    disabled,
-    handleSendMessage,
-    handleFileUpload,
-    amIMuted
-  } = OpenChannel_context.useOpenChannelContext();
-  const channel = currentOpenChannel;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  const {
-    value
-  } = props;
+var MessageInputWrapper = function (props, ref) {
+  var _a = OpenChannel_context.useOpenChannelContext(),
+    currentOpenChannel = _a.currentOpenChannel,
+    disabled = _a.disabled,
+    handleSendMessage = _a.handleSendMessage,
+    handleFileUpload = _a.handleFileUpload,
+    amIMuted = _a.amIMuted;
+  var channel = currentOpenChannel;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+  var value = props.value;
   function getPlaceHolderString() {
     if (amIMuted) {
       return stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED;

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

@@ -1 +1 @@
-{"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>): React.ReactNode => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n    amIMuted,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  function getPlaceHolderString() {\n    if (amIMuted) {\n      return stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED;\n    }\n    if (disabled) {\n      return stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED;\n    }\n    return '';\n  }\n\n  if (!channel) {\n    return null;\n  }\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        channel={currentOpenChannel}\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        isVoiceMessageEnabled={false}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={getPlaceHolderString()}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","amIMuted","useOpenChannelContext","channel","stringSet","useContext","LocalizationContext","value","getPlaceHolderString","MESSAGE_INPUT__PLACE_HOLDER__MUTED","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","React","createElement","className","MessageInput","isVoiceMessageEnabled","onSendMessage","onFileUpload","placeholder","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,mBAAmB,GAAGA,CAACC,KAA+B,EAAEC,GAAsC,KAAsB;EACxH,MAAM;IACJC,kBAAkB;IAClBC,QAAQ;IACRC,iBAAiB;IACjBC,gBAAgB;AAChBC,IAAAA,QAAAA;GACD,GAAGC,yCAAqB,EAAE,CAAA;EAE3B,MAAMC,OAAO,GAAGN,kBAAkB,CAAA;EAElC,MAAM;AAAEO,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,MAAM;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAGZ,KAAK,CAAA;EAEvB,SAASa,oBAAoBA,GAAG;AAC9B,IAAA,IAAIP,QAAQ,EAAE;MACZ,OAAOG,SAAS,CAACK,kCAAkC,CAAA;AACrD,KAAA;AACA,IAAA,IAAIX,QAAQ,EAAE;MACZ,OAAOM,SAAS,CAACM,qCAAqC,CAAA;AACxD,KAAA;AACA,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,IAAI,CAACP,OAAO,EAAE;AACZ,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,oBACEQ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GAAA,eAC1CF,yBAAA,CAAAC,aAAA,CAACE,eAAY,EAAA;AACXX,IAAAA,OAAO,EAAEN,kBAAmB;AAC5BD,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,KAAK,EAAEA,KAAM;AACbT,IAAAA,QAAQ,EAAEA,QAAS;AACnBiB,IAAAA,qBAAqB,EAAE,KAAM;AAC7BC,IAAAA,aAAa,EAAEjB,iBAAkB;AACjCkB,IAAAA,YAAY,EAAEjB,gBAAiB;AAC/BkB,IAAAA,WAAW,EAAEV,oBAAoB,EAAA;AAAG,GAAA,CACpC,CACE,CAAA;AAEV,CAAC,CAAA;AAED,uBAAA,aAAeG,yBAAK,CAACQ,UAAU,CAACzB,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>): React.ReactNode => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n    amIMuted,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  function getPlaceHolderString() {\n    if (amIMuted) {\n      return stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED;\n    }\n    if (disabled) {\n      return stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED;\n    }\n    return '';\n  }\n\n  if (!channel) {\n    return null;\n  }\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        channel={currentOpenChannel}\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        isVoiceMessageEnabled={false}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={getPlaceHolderString()}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","amIMuted","channel","stringSet","useContext","LocalizationContext","value","getPlaceHolderString","MESSAGE_INPUT__PLACE_HOLDER__MUTED","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","React","createElement","className","MessageInput","isVoiceMessageEnabled","onSendMessage","onFileUpload","placeholder","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAA+B,EAAEC,GAAsC,EAAA;AAC5F,EAAA,IAAAC,KAMFC,yCAAqB,EAAE;IALzBC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;IAClBC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACRC,iBAAiB,uBAAA;IACjBC,gBAAgB,sBAAA;IAChBC,QAAQ,cACiB,CAAA;EAE3B,IAAMC,OAAO,GAAGL,kBAAkB,CAAA;AAE1B,EAAA,IAAAM,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AACT,EAAA,IAAAC,KAAK,GAAKb,KAAK,CAAAa,KAAV,CAAA;EAEb,SAASC,oBAAoBA,GAAA;AAC3B,IAAA,IAAIN,QAAQ,EAAE;MACZ,OAAOE,SAAS,CAACK,kCAAkC,CAAA;AACpD,KAAA;AACD,IAAA,IAAIV,QAAQ,EAAE;MACZ,OAAOK,SAAS,CAACM,qCAAqC,CAAA;AACvD,KAAA;AACD,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,IAAI,CAACP,OAAO,EAAE;AACZ,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;EACD,oBACEQ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GAAA,eAC1CF,yBAAA,CAAAC,aAAA,CAACE,eAAY,EAAA;AACXX,IAAAA,OAAO,EAAEL,kBAAmB;AAC5BH,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,KAAK,EAAEA,KAAM;AACbR,IAAAA,QAAQ,EAAEA,QAAS;AACnBgB,IAAAA,qBAAqB,EAAE,KAAM;AAC7BC,IAAAA,aAAa,EAAEhB,iBAAkB;AACjCiB,IAAAA,YAAY,EAAEhB,gBAAiB;IAC/BiB,WAAW,EAAEV,oBAAoB,EAAE;AAAC,GAExC,CAAK,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,uBAAA,aAAeG,yBAAK,CAACQ,UAAU,CAAC1B,mBAAmB,CAAC;;;;"}

package/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -1,65 +1,67 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-c9b003b3.js');
+var index = require('../../index-b6d51e74.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-18720f0d.js');
+var ui_Label = require('../../index-35820a94.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var ui_FileViewer = require('../../index-857630c5.js');
+var ui_FileViewer = require('../../index-7b0c6630.js');
 var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-482c1343.js');
-var stringFormatterUtils = require('../../stringFormatterUtils-8d6592ca.js');
-var OpenChannel_context = require('../../OpenChannelProvider-8577ea58.js');
+var LocalizationContext = require('../../LocalizationContext-5009012e.js');
+var stringFormatterUtils = require('../../stringFormatterUtils-e324636c.js');
+var OpenChannel_context = require('../../OpenChannelProvider-d8cc11fe.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-d04f312e.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
+require('../../index-fd8a0abb.js');
+require('../../_rollupPluginBabelHelpers-94c18dc1.js');
+require('../../tslib.es6-2f2b0bca.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../uuid-b2806cf5.js');
+require('../../uuid-c74bbbb6.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-fbe9cc73.js');
+require('../../index-b995f638.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-a24e9cd7.js');
-require('../../stringSet-d00535a5.js');
+require('../../index-609b07a2.js');
+require('../../stringSet-98b52c49.js');
 require('../../ui/IconButton.js');
 require('../../ui/Loader.js');
 require('../../ui/UserProfile.js');
-require('../../UserProfileContext-fa8d0383.js');
+require('../../UserProfileContext-922a43ec.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-adde627b.js');
-require('../../utils-c47c68b1.js');
+require('../../pubSub/topics.js');
+require('../../utils-180c6bc8.js');
 require('../../ui/Button.js');
-require('../../utils-991911af.js');
-require('../../index-6ab9a40d.js');
-require('../../MediaQueryContext-73aac8cf.js');
-require('../../useLongPress-1c0f4696.js');
+require('../../types-66554668.js');
+require('../../utils-46483130.js');
+require('../../index-80a11b6a.js');
+require('../../MediaQueryContext-d6fdbe43.js');
+require('../../useLongPress-c1da8ba7.js');
 require('../../ui/LinkLabel.js');
-require('../../index-2ab19f9b.js');
-require('../../tokenize-9296fc47.js');
+require('../../index-e81e2882.js');
+require('../../tokenize-91bdbeb0.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/TextButton.js');
-require('../../color-d83b77ac.js');
-require('../../const-1726bde0.js');
-require('../../const-67ff9e34.js');
-require('../../index-759f2a26.js');
+require('../../color-477ddbd4.js');
+require('../../const-640252c1.js');
+require('../../const-9def5c09.js');
+require('../../index-bdf7089c.js');
 require('dompurify');
-require('../../consts-b018b1ed.js');
-require('../../consts-d3b53f23.js');
-require('../../consts-bf228385.js');
+require('../../consts-54f5c12d.js');
+require('../../consts-a3b7ae99.js');
+require('../../consts-85cd42fa.js');
 require('../../withSendbird.js');
-require('../../index-cbcacbee.js');
-require('../../consts-fb07c671.js');
-require('../../compareIds-bef997cb.js');
+require('../../index-daf80c58.js');
+require('../../consts-95462b21.js');
+require('../../compareIds-de541666.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 
@@ -67,15 +69,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function RemoveMessageModal(_ref) {
-  let {
-    message,
-    onCloseModal,
-    onDeleteMessage
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
+function RemoveMessageModal(_a) {
+  var message = _a.message,
+    onCloseModal = _a.onCloseModal,
+    onDeleteMessage = _a.onDeleteMessage;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   return /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
     onCancel: onCloseModal,
     onSubmit: onDeleteMessage,
@@ -84,7 +82,7 @@ function RemoveMessageModal(_ref) {
   });
 }
 
-const MessageTypes = {
+var MessageTypes = {
   ADMIN: 'ADMIN',
   USER: 'USER',
   FILE: 'FILE',
@@ -92,19 +90,19 @@ const MessageTypes = {
   OG: 'OG',
   UNKNOWN: 'UNKNOWN'
 };
-const SendingMessageStatus = {
+var SendingMessageStatus = {
   NONE: 'none',
   SUCCEEDED: 'succeeded',
   FAILED: 'failed',
   PENDING: 'pending'
 };
-const getMessageType = (message, options) => {
-  var _message$isUserMessag, _message$isAdminMessa;
-  const isOgMessageEnabledInOpenChannel = options === null || options === void 0 ? void 0 : options.isOgMessageEnabledInOpenChannel;
-  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 && isOgMessageEnabledInOpenChannel ? MessageTypes.OG : MessageTypes.USER;
+var getMessageType = function (message, options) {
+  var _a, _b;
+  var isOgMessageEnabledInOpenChannel = options === null || options === void 0 ? void 0 : options.isOgMessageEnabledInOpenChannel;
+  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) && isOgMessageEnabledInOpenChannel ? MessageTypes.OG : MessageTypes.USER;
   }
-  if (message !== null && message !== void 0 && (_message$isAdminMessa = message.isAdminMessage) !== null && _message$isAdminMessa !== void 0 && _message$isAdminMessa.call(message)) {
+  if ((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) {
     return MessageTypes.ADMIN;
   }
   if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
@@ -114,42 +112,46 @@ const getMessageType = (message, options) => {
 };
 
 function MessagOpenChannelMessageeHoc(props) {
-  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;
-  const isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;
-  let sender = null;
+  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.useSendbirdStateContext();
+  var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
+  var isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;
+  var sender = null;
   if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
     sender = message === null || message === void 0 ? void 0 : message.sender;
   }
-  const RenderedMessage = React.useMemo(() => props => {
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderMessage ? renderMessage(props) : null);
+  var RenderedMessage = React.useMemo(function () {
+    return function (props) {
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderMessage ? renderMessage(props) : null);
+    };
   }, [message, renderMessage]);
-  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;
+  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;
   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;
+    isByMe = currentUserId === sender.userId || (message === null || message === void 0 ? void 0 : message.sendingStatus) === SendingMessageStatus.PENDING || (message === null || message === void 0 ? void 0 : message.sendingStatus) === SendingMessageStatus.FAILED;
   }
   if (renderMessage && RenderedMessage) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -168,15 +170,13 @@ function MessagOpenChannelMessageeHoc(props) {
       ref: editMessageInputRef,
       message: message,
       name: message === null || message === void 0 ? void 0 : message.messageId,
-      onUpdateMessage: _ref => {
-        let {
-          messageId,
-          message
-        } = _ref;
+      onUpdateMessage: function (_a) {
+        var messageId = _a.messageId,
+          message = _a.message;
         updateMessage(messageId, message);
         setShowEdit(false);
       },
-      onCancelEdit: () => {
+      onCancelEdit: function () {
         setShowEdit(false);
       }
     });
@@ -188,100 +188,99 @@ 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
-  }))), {
-    [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
-        });
-      }
-    })(),
-    [MessageTypes.OG]: (() => {
-      if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && isOgMessageEnabledInOpenChannel) {
-        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
-        });
-      }
-    })(),
-    [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
-        });
-      }
-    })(),
-    [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
-        });
-      }
-    })(),
-    [MessageTypes.UNKNOWN]: (() => {
-      // return (
-      //   <OpenChannelUnknownMessage message={message} />
-      // );
-    })()
-  }[getMessageType(message, {
-    isOgMessageEnabledInOpenChannel
+  }))), (_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: currentUserId,
+        showRemove: setShowRemove,
+        resendMessage: resendMessage,
+        chainTop: chainTop,
+        chainBottom: chainBottom
+      });
+    }
+  }(), _a[MessageTypes.OG] = function () {
+    var _a;
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && isOgMessageEnabledInOpenChannel) {
+      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: currentUserId,
+        showEdit: setShowEdit,
+        disabled: editDisabled,
+        showRemove: setShowRemove,
+        resendMessage: resendMessage,
+        chainTop: chainTop,
+        chainBottom: chainBottom
+      });
+    }
+  }(), _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: currentUserId,
+        showRemove: setShowRemove,
+        resendMessage: resendMessage,
+        onClick: setShowFileViewer,
+        chainTop: chainTop,
+        chainBottom: chainBottom
+      });
+    }
+  }(), _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: currentUserId,
+        disabled: editDisabled,
+        showEdit: setShowEdit,
+        showRemove: setShowRemove,
+        resendMessage: resendMessage,
+        chainTop: chainTop,
+        chainBottom: chainBottom
+      });
+    }
+  }(), _a[MessageTypes.UNKNOWN] = function () {
+    // return (
+    //   <OpenChannelUnknownMessage message={message} />
+    // );
+  }(), _a)[getMessageType(message, {
+    isOgMessageEnabledInOpenChannel: isOgMessageEnabledInOpenChannel
   })], showRemove && /*#__PURE__*/React__default["default"].createElement(RemoveMessageModal, {
     message: message,
-    onCloseModal: () => setShowRemove(false),
-    onDeleteMessage: () => {
+    onCloseModal: function () {
+      return setShowRemove(false);
+    },
+    onDeleteMessage: function () {
       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.FileViewer, {
-    onClose: () => setShowFileViewer(false),
+    onClose: function () {
+      return setShowFileViewer(false);
+    },
     message: message,
-    onDelete: () => deleteMessage(message),
+    onDelete: function () {
+      return deleteMessage(message);
+    },
     isByMe: isByMe
   }));
 }