@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/ui/OpenchannelOGMessage.js

@@ -1,115 +1,124 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-79f64283.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-d6e50ec3.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-b2d9bfc5.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-95b46112.js';
+import { f as format } from '../index-f48cfdf7.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-cce0e324.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-4111594a.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-41938ddc.js';
-import { u as uuidv4 } from '../uuid-86cb48e0.js';
-import { c as copyToClipboard } from '../utils-e53018f1.js';
-import { u as useLocalization } from '../LocalizationContext-3d8c0b24.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-179bed8d.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-1348e37b.js';
-import { u as useLongPress } from '../useLongPress-f119ff35.js';
-import { T as TextFragment } from '../index-c70af435.js';
-import { t as tokenizeMessage } from '../tokenize-bd8e35b2.js';
-import '../index-aaa9b9f8.js';
+import { a as UserProfileContext } from '../UserProfileContext-a8aa4c0f.js';
+import { u as uuidv4 } from '../uuid-48baadaf.js';
+import { c as copyToClipboard } from '../utils-83bbfb63.js';
+import { u as useLocalization } from '../LocalizationContext-9c54e783.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-c7cc73db.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-1988a4bc.js';
+import { u as useLongPress } from '../useLongPress-8acf717c.js';
+import { T as TextFragment } from '../index-8df6bff0.js';
+import { t as tokenizeMessage } from '../tokenize-63d895d3.js';
+import '../index-a9ddd0f5.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-e378ca4e.js';
+import '../index-dbe0e004.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-9d579825.js';
+import '../stringSet-1f18348a.js';
 import '../sendbirdSelectors.js';
-import '../topics-f9301447.js';
-import '../utils-86d65b96.js';
+import '../topics-d8d10f83.js';
+import '../utils-0c09801e.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../index.module-e6530c0d.js';
+import '../index.module-ab8289c1.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 
-var checkOGIsEnalbed = function (message) {
-  var ogMetaData = message.ogMetaData;
+const checkOGIsEnalbed = message => {
+  const {
+    ogMetaData
+  } = message;
   if (!ogMetaData) {
     return false;
   }
-  var url = ogMetaData.url;
+  const {
+    url
+  } = ogMetaData;
   if (!url) {
     return false;
   }
   return true;
 };
 
-function OpenchannelOGMessage(_a) {
-  var message = _a.message,
-    isOperator = _a.isOperator,
-    _b = _a.isEphemeral,
-    isEphemeral = _b === void 0 ? false : _b,
-    className = _a.className,
-    disabled = _a.disabled,
-    showEdit = _a.showEdit,
-    showRemove = _a.showRemove,
-    resendMessage = _a.resendMessage,
-    chainTop = _a.chainTop,
-    userId = _a.userId;
+function OpenchannelOGMessage(_ref) {
+  let {
+    message,
+    isOperator,
+    isEphemeral = false,
+    className,
+    disabled,
+    showEdit,
+    showRemove,
+    resendMessage,
+    chainTop,
+    userId
+  } = _ref;
   if (!message || message.messageType !== 'user') {
     return null;
   }
-  var openLink = function () {
+  const openLink = () => {
     if (checkOGIsEnalbed(message)) {
-      var url = ogMetaData.url;
+      const {
+        url
+      } = ogMetaData;
       window.open(url);
     }
   };
-  var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
-  var ogMetaData = message.ogMetaData;
-  var defaultImage = ogMetaData.defaultImage;
-  var _c = useLocalization(),
-    stringSet = _c.stringSet,
-    dateLocale = _c.dateLocale;
-  var _d = useContext(UserProfileContext),
-    disableUserProfile = _d.disableUserProfile,
-    renderUserProfile = _d.renderUserProfile;
-  var _e = useState({}),
-    contextStyle = _e[0],
-    setContextStyle = _e[1];
-  var _f = useState(false),
-    contextMenu = _f[0],
-    setContextMenu = _f[1];
-  var onLongPress = useLongPress({
-    onLongPress: function () {
-      return setContextMenu(true);
-    },
+  const status = message === null || message === void 0 ? void 0 : message.sendingStatus;
+  const {
+    ogMetaData
+  } = message;
+  const {
+    defaultImage
+  } = ogMetaData;
+  const {
+    stringSet,
+    dateLocale
+  } = useLocalization();
+  const {
+    disableUserProfile,
+    renderUserProfile
+  } = useContext(UserProfileContext);
+  const [contextStyle, setContextStyle] = useState({});
+  const [contextMenu, setContextMenu] = useState(false);
+  const onLongPress = useLongPress({
+    onLongPress: () => setContextMenu(true),
     onClick: openLink
   }, {
     delay: 300
   });
-  var messageComponentRef = useRef(null);
-  var contextMenuRef = useRef(null);
-  var mobileMenuRef = useRef(null);
-  var avatarRef = useRef(null);
-  var isPending = checkIsPending(status);
-  var isFailed = checkIsFailed(status);
-  var sender = getSenderFromMessage(message);
-  var isMobile = useMediaQueryContext().isMobile;
-  var tokens = useMemo(function () {
+  const messageComponentRef = useRef(null);
+  const contextMenuRef = useRef(null);
+  const mobileMenuRef = useRef(null);
+  const avatarRef = useRef(null);
+  const isPending = checkIsPending(status);
+  const isFailed = checkIsFailed(status);
+  const sender = getSenderFromMessage(message);
+  const {
+    isMobile
+  } = useMediaQueryContext();
+  const tokens = useMemo(() => {
     return tokenizeMessage({
       messageText: message.message
     });
   }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
+
   // place conxt menu top depending clientHeight of message component
-  useEffect(function () {
-    var _a;
-    if (((_a = messageComponentRef === null || messageComponentRef === void 0 ? void 0 : messageComponentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > 36) {
+  useEffect(() => {
+    var _messageComponentRef$;
+    if ((messageComponentRef === null || messageComponentRef === void 0 ? void 0 : (_messageComponentRef$ = messageComponentRef.current) === null || _messageComponentRef$ === void 0 ? void 0 : _messageComponentRef$.clientHeight) > 36) {
       setContextStyle({
         top: '8px '
       });
@@ -120,45 +129,41 @@ function OpenchannelOGMessage(_a) {
     }
   }, [window.innerWidth]);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-openchannel-og-message'], false).join(' '),
+    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-openchannel-og-message'].join(' '),
     ref: messageComponentRef
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-og-message__top"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-og-message__top__left"
   }, !chainTop && /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function (toggleDropdown) {
-      return /*#__PURE__*/React__default.createElement(Avatar, {
-        className: "sendbird-openchannel-og-message__top__left__avatar",
-        src: sender.profileUrl || '',
-        ref: avatarRef,
-        width: "28px",
-        height: "28px",
-        onClick: function () {
-          if (!disableUserProfile) {
-            toggleDropdown();
-          }
-        }
-      });
-    },
-    menuItems: function (closeDropdown) {
-      return /*#__PURE__*/React__default.createElement(MenuItems, {
-        parentRef: avatarRef,
-        parentContainRef: avatarRef,
-        closeDropdown: closeDropdown,
-        style: {
-          paddingTop: '0px',
-          paddingBottom: '0px'
+    menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(Avatar, {
+      className: "sendbird-openchannel-og-message__top__left__avatar",
+      src: sender.profileUrl || '',
+      ref: avatarRef,
+      width: "28px",
+      height: "28px",
+      onClick: () => {
+        if (!disableUserProfile) {
+          toggleDropdown();
         }
-      }, renderUserProfile ? renderUserProfile({
-        user: sender,
-        close: closeDropdown
-      }) : /*#__PURE__*/React__default.createElement(UserProfile, {
-        user: sender,
-        onSuccess: closeDropdown,
-        disableMessaging: true
-      }));
-    }
+      }
+    }),
+    menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
+      parentRef: avatarRef,
+      parentContainRef: avatarRef,
+      closeDropdown: closeDropdown,
+      style: {
+        paddingTop: '0px',
+        paddingBottom: '0px'
+      }
+    }, renderUserProfile ? renderUserProfile({
+      user: sender,
+      close: closeDropdown
+    }) : /*#__PURE__*/React__default.createElement(UserProfile, {
+      user: sender,
+      onSuccess: closeDropdown,
+      disableMessaging: true
+    }))
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-og-message__top__right"
   }, !chainTop && /*#__PURE__*/React__default.createElement("div", {
@@ -191,79 +196,75 @@ function OpenchannelOGMessage(_a) {
     ref: contextMenuRef,
     style: contextStyle
   }, /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function (toggleDropdown) {
-      return showMenuTrigger({
-        message: message,
-        userId: userId,
-        status: status
-      }) && /*#__PURE__*/React__default.createElement(IconButton, {
-        className: "sendbird-openchannel-og-message__top__context-menu--icon",
-        width: "32px",
-        height: "32px",
-        onClick: function () {
-          toggleDropdown();
-        }
-      }, /*#__PURE__*/React__default.createElement(Icon, {
-        type: IconTypes.MORE,
-        fillColor: IconColors.CONTENT_INVERSE,
-        width: "24px",
-        height: "24px"
-      }));
-    },
-    menuItems: function (closeDropdown) {
-      return /*#__PURE__*/React__default.createElement(MenuItems, {
-        parentRef: contextMenuRef,
-        parentContainRef: contextMenuRef,
-        closeDropdown: closeDropdown,
-        openLeft: true
-      }, isFineCopy({
-        message: message,
-        userId: userId,
-        status: status
-      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-        className: "sendbird-openchannel-og-message__top__context-menu__copy",
-        onClick: function () {
-          copyToClipboard(message.message);
-          closeDropdown();
-        }
-      }, stringSet.CONTEXT_MENU_DROPDOWN__COPY), !isEphemeral && isFineEdit({
-        message: message,
-        userId: userId,
-        status: status
-      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-        className: "sendbird-openchannel-og-message__top__context-menu__edit",
-        onClick: function () {
-          if (disabled) {
-            return;
-          }
-          showEdit(true);
-          closeDropdown();
-        }
-      }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT), isFineResend({
-        message: message,
-        userId: userId,
-        status: status
-      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-        className: "sendbird-openchannel-og-message__top__context-menu__resend",
-        onClick: function () {
-          resendMessage(message);
-          closeDropdown();
+    menuTrigger: toggleDropdown => showMenuTrigger({
+      message: message,
+      userId: userId,
+      status: status
+    }) && /*#__PURE__*/React__default.createElement(IconButton, {
+      className: "sendbird-openchannel-og-message__top__context-menu--icon",
+      width: "32px",
+      height: "32px",
+      onClick: () => {
+        toggleDropdown();
+      }
+    }, /*#__PURE__*/React__default.createElement(Icon, {
+      type: IconTypes.MORE,
+      fillColor: IconColors.CONTENT_INVERSE,
+      width: "24px",
+      height: "24px"
+    })),
+    menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
+      parentRef: contextMenuRef,
+      parentContainRef: contextMenuRef,
+      closeDropdown: closeDropdown,
+      openLeft: true
+    }, isFineCopy({
+      message,
+      userId,
+      status
+    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+      className: "sendbird-openchannel-og-message__top__context-menu__copy",
+      onClick: () => {
+        copyToClipboard(message.message);
+        closeDropdown();
+      }
+    }, stringSet.CONTEXT_MENU_DROPDOWN__COPY), !isEphemeral && isFineEdit({
+      message,
+      userId,
+      status
+    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+      className: "sendbird-openchannel-og-message__top__context-menu__edit",
+      onClick: () => {
+        if (disabled) {
+          return;
         }
-      }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND), !isEphemeral && isFineDelete({
-        message: message,
-        userId: userId,
-        status: status
-      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-        className: "sendbird-openchannel-og-message__top__context-menu__delete",
-        onClick: function () {
-          if (disabled) {
-            return;
-          }
-          showRemove(true);
-          closeDropdown();
+        showEdit(true);
+        closeDropdown();
+      }
+    }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT), isFineResend({
+      message,
+      userId,
+      status
+    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+      className: "sendbird-openchannel-og-message__top__context-menu__resend",
+      onClick: () => {
+        resendMessage(message);
+        closeDropdown();
+      }
+    }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND), !isEphemeral && isFineDelete({
+      message,
+      userId,
+      status
+    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+      className: "sendbird-openchannel-og-message__top__context-menu__delete",
+      onClick: () => {
+        if (disabled) {
+          return;
         }
-      }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE));
-    }
+        showRemove(true);
+        closeDropdown();
+      }
+    }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-og-message__bottom"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -288,7 +289,7 @@ function OpenchannelOGMessage(_a) {
     onClick: openLink,
     onKeyDown: openLink,
     tabIndex: 0
-  }, isMobile ? __assign({}, onLongPress) : {}), defaultImage && /*#__PURE__*/React__default.createElement(ImageRenderer, {
+  }, isMobile ? _objectSpread2({}, onLongPress) : {}), defaultImage && /*#__PURE__*/React__default.createElement(ImageRenderer, {
     className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image",
     url: defaultImage.url || '',
     alt: defaultImage.alt || '',
@@ -320,22 +321,22 @@ function OpenchannelOGMessage(_a) {
   }))), contextMenu && /*#__PURE__*/React__default.createElement(OpenChannelMobileMenu, {
     message: message,
     parentRef: mobileMenuRef,
-    hideMenu: function () {
+    hideMenu: () => {
       setContextMenu(false);
     },
-    showRemove: function () {
+    showRemove: () => {
       setContextMenu(false);
       showRemove(true);
     },
-    showEdit: function () {
+    showEdit: () => {
       setContextMenu(false);
       showEdit(true);
     },
-    copyToClipboard: function () {
+    copyToClipboard: () => {
       setContextMenu(false);
       copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
     },
-    resendMessage: function () {
+    resendMessage: () => {
       setContextMenu(false);
       resendMessage(message);
     }

package/ui/OpenchannelOGMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelOGMessage.js","sources":["../../src/ui/OpenchannelOGMessage/utils.ts","../../src/ui/OpenchannelOGMessage/index.tsx"],"sourcesContent":["import type { UserMessage } from '@sendbird/chat/message';\n\nexport const URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;\nexport const createUrlTester = (regexp: RegExp) => (text: string): boolean => regexp.test(text);\nexport const checkOGIsEnalbed = (message: UserMessage): boolean => {\n  const { ogMetaData } = message;\n  if (!ogMetaData) {\n    return false;\n  }\n  const { url } = ogMetaData;\n  if (!url) {\n    return false;\n  }\n  return true;\n};\n","import React, { useState, useContext, useMemo, useRef, useEffect } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport LinkLabel from '../LinkLabel';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport uuidv4 from '../../utils/uuid';\nimport { copyToClipboard } from '../OpenchannelUserMessage/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkOGIsEnalbed } from './utils';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n  getSenderFromMessage,\n} from '../../utils/openChannelUtils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\nimport TextFragment from '../../smart-components/Message/components/TextFragment';\nimport { tokenizeMessage } from '../../smart-components/Message/utils/tokens/tokenize';\n\ninterface OpenChannelOGMessageProps {\n  message: UserMessage;\n  isOperator?: boolean;\n  isEphemeral?: boolean;\n  className?: string | Array<string>;\n  disabled?: boolean;\n  showEdit(bool: boolean): void;\n  showRemove(bool: boolean): void;\n  resendMessage(message: UserMessage): void;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  userId: string;\n}\n\nexport default function OpenchannelOGMessage({\n  message,\n  isOperator,\n  isEphemeral = false,\n  className,\n  disabled,\n  showEdit,\n  showRemove,\n  resendMessage,\n  chainTop,\n  userId,\n}: OpenChannelOGMessageProps): JSX.Element {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  const openLink = () => {\n    if (checkOGIsEnalbed(message)) {\n      const { url } = ogMetaData;\n      window.open(url);\n    }\n  };\n\n  const status = message?.sendingStatus;\n  const { ogMetaData } = message;\n  const { defaultImage } = ogMetaData;\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext<UserProfileContext>(UserProfileContext);\n  const [contextStyle, setContextStyle] = useState({});\n  const [contextMenu, setContextMenu] = useState(false);\n  const onLongPress = useLongPress({\n    onLongPress: () => setContextMenu(true),\n    onClick: openLink,\n  }, { delay: 300 });\n  const messageComponentRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const mobileMenuRef = useRef(null);\n  const avatarRef = useRef(null);\n\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n  const { isMobile } = useMediaQueryContext();\n\n  const tokens = useMemo(() => {\n    return tokenizeMessage({\n      messageText: message.message,\n    });\n  }, [message?.updatedAt]);\n\n  // place conxt menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageComponentRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-og-message',\n      ].join(' ')}\n      ref={messageComponentRef}\n    >\n      <div\n        className=\"sendbird-openchannel-og-message__top\"\n      >\n        <div className=\"sendbird-openchannel-og-message__top__left\">\n          {\n            !chainTop && (\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  <Avatar\n                    className=\"sendbird-openchannel-og-message__top__left__avatar\"\n                    src={sender.profileUrl || ''}\n                    ref={avatarRef}\n                    width=\"28px\"\n                    height=\"28px\"\n                    onClick={() => {\n                      if (!disableUserProfile) {\n                        toggleDropdown();\n                      }\n                    }}\n                  />\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={avatarRef}\n                    parentContainRef={avatarRef}\n                    closeDropdown={closeDropdown}\n                    style={{ paddingTop: '0px', paddingBottom: '0px' }}\n                  >\n                    {\n                      renderUserProfile\n                        ? (\n                          renderUserProfile({\n                            user: sender,\n                            close: closeDropdown,\n                          })\n                        )\n                        : (\n                          <UserProfile\n                            user={sender}\n                            onSuccess={closeDropdown}\n                            disableMessaging\n                          />\n                        )\n                    }\n                  </MenuItems>\n                )}\n              />\n            )\n          }\n        </div>\n        <div className=\"sendbird-openchannel-og-message__top__right\">\n          {\n            !chainTop && (\n              <div className=\"sendbird-openchannel-og-message__top__right__title\">\n                <Label\n                  className=\"sendbird-openchannel-og-message__top__right__title__sender-name\"\n                  type={LabelTypography.CAPTION_2}\n                  color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n                >\n                  {\n                    sender && (\n                      sender.friendName\n                      || sender.nickname\n                      || sender.userId\n                    )\n                  }\n                </Label>\n                <Label\n                  className=\"sendbird-openchannel-og-message__top__right__title__sent-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_3}\n                >\n                  {\n                    message?.createdAt && (\n                      format(message?.createdAt, 'p', {\n                        locale: dateLocale,\n                      })\n                    )\n                  }\n                </Label>\n              </div>\n            )\n          }\n          <div className=\"sendbird-openchannel-og-message__top__right__description\">\n            <Label\n              className=\"sendbird-openchannel-og-message__top__right__description__message\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              <TextFragment tokens={tokens} />\n              {\n                (message?.updatedAt > 0) && (\n                  <Label\n                    key={uuidv4()}\n                    className='sendbird-openchannel-og-message--word'\n                    type={LabelTypography.BODY_1}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.MESSAGE_EDITED}\n                  </Label>\n                )\n              }\n            </Label>\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-openchannel-og-message__top__context-menu\"\n              ref={contextMenuRef}\n              style={contextStyle}\n            >\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  showMenuTrigger({ message: message, userId: userId, status: status }) && (\n                    <IconButton\n                      className=\"sendbird-openchannel-og-message__top__context-menu--icon\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={() => {\n                        toggleDropdown();\n                      }}\n                    >\n                      <Icon\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                        width=\"24px\"\n                        height=\"24px\"\n                      />\n                    </IconButton>\n                  )\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={contextMenuRef}\n                    parentContainRef={contextMenuRef}\n                    closeDropdown={closeDropdown}\n                    openLeft\n                  >\n                    {\n                      isFineCopy({ message, userId, status }) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__copy\"\n                          onClick={() => {\n                            copyToClipboard(message.message);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__COPY}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      (!isEphemeral && isFineEdit({ message, userId, status })) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__edit\"\n                          onClick={() => {\n                            if (disabled) {\n                              return;\n                            }\n                            showEdit(true);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__EDIT}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      isFineResend({ message, userId, status }) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__resend\"\n                          onClick={() => {\n                            resendMessage(message);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      (!isEphemeral && isFineDelete({ message, userId, status })) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__delete\"\n                          onClick={() => {\n                            if (disabled) {\n                              return;\n                            }\n                            showRemove(true);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                        </MenuItem>\n                      )\n                    }\n                  </MenuItems>\n                )}\n              />\n            </div>\n          )\n        }\n      </div>\n      <div className=\"sendbird-openchannel-og-message__bottom\">\n        <div className=\"sendbird-openchannel-og-message__bottom__og-tag\" ref={mobileMenuRef}>\n          {\n            ogMetaData.url && (\n              <Label\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__url\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {ogMetaData.url}\n              </Label>\n            )\n          }\n          {\n            ogMetaData.title && (\n              <LinkLabel\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__title\"\n                src={ogMetaData.url}\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.PRIMARY}\n              >\n                {\n                  ogMetaData.title\n                }\n              </LinkLabel>\n            )\n          }\n          {\n            ogMetaData.description && (\n              <Label\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__description\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {ogMetaData.description}\n              </Label>\n            )\n          }\n          {\n            ogMetaData.url && (\n              <div\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail\"\n                role=\"button\"\n                onClick={openLink}\n                onKeyDown={openLink}\n                tabIndex={0}\n                {...(isMobile ? { ...onLongPress } : {})}\n              >\n                {\n                  defaultImage && (\n                    <ImageRenderer\n                      className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image\"\n                      url={defaultImage.url || ''}\n                      alt={defaultImage.alt || ''}\n                      height=\"189px\"\n                      defaultComponent={(\n                        <div className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder\">\n                          <Icon\n                            type={IconTypes.THUMBNAIL_NONE}\n                            width=\"56px\"\n                            height=\"56px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  )\n                }\n              </div>\n            )\n          }\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-og-message__top__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-og-message__top__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-og-message__top__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      {\n        contextMenu && (\n          <OpenChannelMobileMenu\n            message={message}\n            parentRef={mobileMenuRef}\n            hideMenu={() => {\n              setContextMenu(false);\n            }}\n            showRemove={() => {\n              setContextMenu(false);\n              showRemove(true);\n            }}\n            showEdit={() => {\n              setContextMenu(false);\n              showEdit(true);\n            }}\n            copyToClipboard={() => {\n              setContextMenu(false);\n              copyToClipboard(message?.message);\n            }}\n            resendMessage={() => {\n              setContextMenu(false);\n              resendMessage(message);\n            }}\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["checkOGIsEnalbed","message","ogMetaData","url","OpenchannelOGMessage","_a","isOperator","_b","isEphemeral","className","disabled","showEdit","showRemove","resendMessage","chainTop","userId","messageType","openLink","window","open","status","sendingStatus","defaultImage","_c","useLocalization","stringSet","dateLocale","_d","useContext","UserProfileContext","disableUserProfile","renderUserProfile","_e","useState","contextStyle","setContextStyle","_f","contextMenu","setContextMenu","onLongPress","useLongPress","onClick","delay","messageComponentRef","useRef","contextMenuRef","mobileMenuRef","avatarRef","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","isMobile","useMediaQueryContext","tokens","useMemo","tokenizeMessage","messageText","updatedAt","useEffect","current","clientHeight","top","innerWidth","React","createElement","__spreadArray","Array","isArray","join","ref","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","width","height","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","user","close","UserProfile","onSuccess","disableMessaging","Label","type","LabelTypography","CAPTION_2","color","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","BODY_1","ONBACKGROUND_1","TextFragment","key","uuidv4","MESSAGE_EDITED","showMenuTrigger","IconButton","Icon","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","openLeft","isFineCopy","MenuItem","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE","title","LinkLabel","SUBTITLE_2","PRIMARY","description","BODY_2","_extends","role","onKeyDown","tabIndex","ImageRenderer","alt","defaultComponent","THUMBNAIL_NONE","Loader","SPINNER","ERROR","OpenChannelMobileMenu","hideMenu"],"mappings":"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"}
+{"version":3,"file":"OpenchannelOGMessage.js","sources":["../../src/ui/OpenchannelOGMessage/utils.ts","../../src/ui/OpenchannelOGMessage/index.tsx"],"sourcesContent":["import type { UserMessage } from '@sendbird/chat/message';\n\nexport const URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;\nexport const createUrlTester = (regexp: RegExp) => (text: string): boolean => regexp.test(text);\nexport const checkOGIsEnalbed = (message: UserMessage): boolean => {\n  const { ogMetaData } = message;\n  if (!ogMetaData) {\n    return false;\n  }\n  const { url } = ogMetaData;\n  if (!url) {\n    return false;\n  }\n  return true;\n};\n","import React, { useState, useContext, useMemo, useRef, useEffect } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport LinkLabel from '../LinkLabel';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport uuidv4 from '../../utils/uuid';\nimport { copyToClipboard } from '../OpenchannelUserMessage/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkOGIsEnalbed } from './utils';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n  getSenderFromMessage,\n} from '../../utils/openChannelUtils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\nimport TextFragment from '../../modules/Message/components/TextFragment';\nimport { tokenizeMessage } from '../../modules/Message/utils/tokens/tokenize';\n\ninterface OpenChannelOGMessageProps {\n  message: UserMessage;\n  isOperator?: boolean;\n  isEphemeral?: boolean;\n  className?: string | Array<string>;\n  disabled?: boolean;\n  showEdit(bool: boolean): void;\n  showRemove(bool: boolean): void;\n  resendMessage(message: UserMessage): void;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  userId: string;\n}\n\nexport default function OpenchannelOGMessage({\n  message,\n  isOperator,\n  isEphemeral = false,\n  className,\n  disabled,\n  showEdit,\n  showRemove,\n  resendMessage,\n  chainTop,\n  userId,\n}: OpenChannelOGMessageProps): JSX.Element {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  const openLink = () => {\n    if (checkOGIsEnalbed(message)) {\n      const { url } = ogMetaData;\n      window.open(url);\n    }\n  };\n\n  const status = message?.sendingStatus;\n  const { ogMetaData } = message;\n  const { defaultImage } = ogMetaData;\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext<UserProfileContext>(UserProfileContext);\n  const [contextStyle, setContextStyle] = useState({});\n  const [contextMenu, setContextMenu] = useState(false);\n  const onLongPress = useLongPress({\n    onLongPress: () => setContextMenu(true),\n    onClick: openLink,\n  }, { delay: 300 });\n  const messageComponentRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const mobileMenuRef = useRef(null);\n  const avatarRef = useRef(null);\n\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n  const { isMobile } = useMediaQueryContext();\n\n  const tokens = useMemo(() => {\n    return tokenizeMessage({\n      messageText: message.message,\n    });\n  }, [message?.updatedAt]);\n\n  // place conxt menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageComponentRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-og-message',\n      ].join(' ')}\n      ref={messageComponentRef}\n    >\n      <div\n        className=\"sendbird-openchannel-og-message__top\"\n      >\n        <div className=\"sendbird-openchannel-og-message__top__left\">\n          {\n            !chainTop && (\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  <Avatar\n                    className=\"sendbird-openchannel-og-message__top__left__avatar\"\n                    src={sender.profileUrl || ''}\n                    ref={avatarRef}\n                    width=\"28px\"\n                    height=\"28px\"\n                    onClick={() => {\n                      if (!disableUserProfile) {\n                        toggleDropdown();\n                      }\n                    }}\n                  />\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={avatarRef}\n                    parentContainRef={avatarRef}\n                    closeDropdown={closeDropdown}\n                    style={{ paddingTop: '0px', paddingBottom: '0px' }}\n                  >\n                    {\n                      renderUserProfile\n                        ? (\n                          renderUserProfile({\n                            user: sender,\n                            close: closeDropdown,\n                          })\n                        )\n                        : (\n                          <UserProfile\n                            user={sender}\n                            onSuccess={closeDropdown}\n                            disableMessaging\n                          />\n                        )\n                    }\n                  </MenuItems>\n                )}\n              />\n            )\n          }\n        </div>\n        <div className=\"sendbird-openchannel-og-message__top__right\">\n          {\n            !chainTop && (\n              <div className=\"sendbird-openchannel-og-message__top__right__title\">\n                <Label\n                  className=\"sendbird-openchannel-og-message__top__right__title__sender-name\"\n                  type={LabelTypography.CAPTION_2}\n                  color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n                >\n                  {\n                    sender && (\n                      sender.friendName\n                      || sender.nickname\n                      || sender.userId\n                    )\n                  }\n                </Label>\n                <Label\n                  className=\"sendbird-openchannel-og-message__top__right__title__sent-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_3}\n                >\n                  {\n                    message?.createdAt && (\n                      format(message?.createdAt, 'p', {\n                        locale: dateLocale,\n                      })\n                    )\n                  }\n                </Label>\n              </div>\n            )\n          }\n          <div className=\"sendbird-openchannel-og-message__top__right__description\">\n            <Label\n              className=\"sendbird-openchannel-og-message__top__right__description__message\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              <TextFragment tokens={tokens} />\n              {\n                (message?.updatedAt > 0) && (\n                  <Label\n                    key={uuidv4()}\n                    className='sendbird-openchannel-og-message--word'\n                    type={LabelTypography.BODY_1}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.MESSAGE_EDITED}\n                  </Label>\n                )\n              }\n            </Label>\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-openchannel-og-message__top__context-menu\"\n              ref={contextMenuRef}\n              style={contextStyle}\n            >\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  showMenuTrigger({ message: message, userId: userId, status: status }) && (\n                    <IconButton\n                      className=\"sendbird-openchannel-og-message__top__context-menu--icon\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={() => {\n                        toggleDropdown();\n                      }}\n                    >\n                      <Icon\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                        width=\"24px\"\n                        height=\"24px\"\n                      />\n                    </IconButton>\n                  )\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={contextMenuRef}\n                    parentContainRef={contextMenuRef}\n                    closeDropdown={closeDropdown}\n                    openLeft\n                  >\n                    {\n                      isFineCopy({ message, userId, status }) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__copy\"\n                          onClick={() => {\n                            copyToClipboard(message.message);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__COPY}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      (!isEphemeral && isFineEdit({ message, userId, status })) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__edit\"\n                          onClick={() => {\n                            if (disabled) {\n                              return;\n                            }\n                            showEdit(true);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__EDIT}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      isFineResend({ message, userId, status }) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__resend\"\n                          onClick={() => {\n                            resendMessage(message);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      (!isEphemeral && isFineDelete({ message, userId, status })) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__delete\"\n                          onClick={() => {\n                            if (disabled) {\n                              return;\n                            }\n                            showRemove(true);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                        </MenuItem>\n                      )\n                    }\n                  </MenuItems>\n                )}\n              />\n            </div>\n          )\n        }\n      </div>\n      <div className=\"sendbird-openchannel-og-message__bottom\">\n        <div className=\"sendbird-openchannel-og-message__bottom__og-tag\" ref={mobileMenuRef}>\n          {\n            ogMetaData.url && (\n              <Label\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__url\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {ogMetaData.url}\n              </Label>\n            )\n          }\n          {\n            ogMetaData.title && (\n              <LinkLabel\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__title\"\n                src={ogMetaData.url}\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.PRIMARY}\n              >\n                {\n                  ogMetaData.title\n                }\n              </LinkLabel>\n            )\n          }\n          {\n            ogMetaData.description && (\n              <Label\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__description\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {ogMetaData.description}\n              </Label>\n            )\n          }\n          {\n            ogMetaData.url && (\n              <div\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail\"\n                role=\"button\"\n                onClick={openLink}\n                onKeyDown={openLink}\n                tabIndex={0}\n                {...(isMobile ? { ...onLongPress } : {})}\n              >\n                {\n                  defaultImage && (\n                    <ImageRenderer\n                      className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image\"\n                      url={defaultImage.url || ''}\n                      alt={defaultImage.alt || ''}\n                      height=\"189px\"\n                      defaultComponent={(\n                        <div className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder\">\n                          <Icon\n                            type={IconTypes.THUMBNAIL_NONE}\n                            width=\"56px\"\n                            height=\"56px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  )\n                }\n              </div>\n            )\n          }\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-og-message__top__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-og-message__top__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-og-message__top__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      {\n        contextMenu && (\n          <OpenChannelMobileMenu\n            message={message}\n            parentRef={mobileMenuRef}\n            hideMenu={() => {\n              setContextMenu(false);\n            }}\n            showRemove={() => {\n              setContextMenu(false);\n              showRemove(true);\n            }}\n            showEdit={() => {\n              setContextMenu(false);\n              showEdit(true);\n            }}\n            copyToClipboard={() => {\n              setContextMenu(false);\n              copyToClipboard(message?.message);\n            }}\n            resendMessage={() => {\n              setContextMenu(false);\n              resendMessage(message);\n            }}\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["checkOGIsEnalbed","message","ogMetaData","url","OpenchannelOGMessage","_ref","isOperator","isEphemeral","className","disabled","showEdit","showRemove","resendMessage","chainTop","userId","messageType","openLink","window","open","status","sendingStatus","defaultImage","stringSet","dateLocale","useLocalization","disableUserProfile","renderUserProfile","useContext","UserProfileContext","contextStyle","setContextStyle","useState","contextMenu","setContextMenu","onLongPress","useLongPress","onClick","delay","messageComponentRef","useRef","contextMenuRef","mobileMenuRef","avatarRef","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","isMobile","useMediaQueryContext","tokens","useMemo","tokenizeMessage","messageText","updatedAt","useEffect","_messageComponentRef$","current","clientHeight","top","innerWidth","React","createElement","Array","isArray","join","ref","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","width","height","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","user","close","UserProfile","onSuccess","disableMessaging","Label","type","LabelTypography","CAPTION_2","color","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","BODY_1","ONBACKGROUND_1","TextFragment","key","uuidv4","MESSAGE_EDITED","showMenuTrigger","IconButton","Icon","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","openLeft","isFineCopy","MenuItem","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE","title","LinkLabel","SUBTITLE_2","PRIMARY","description","BODY_2","_extends","role","onKeyDown","tabIndex","_objectSpread","ImageRenderer","alt","defaultComponent","THUMBNAIL_NONE","Loader","SPINNER","ERROR","OpenChannelMobileMenu","hideMenu"],"mappings":"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"}