@sendbird/uikit-react 3.0.0-beta.5 → 3.0.0-beta.6

package/ui/MessageItemMenu.js

@@ -2,16 +2,16 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { r as isUserMessage, B as isSentMessage, C as isFailedMessage, D as isPendingMessage, h as getClassName, E as copyToClipboard } from '../index-03baba6a.js';
-import { a as LocalizationContext } from '../LocalizationContext-0e05ddca.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { s as isUserMessage, C as isSentMessage, D as isFailedMessage, E as isPendingMessage, j as getClassName, F as copyToClipboard } from '../index-902c2068.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../index-e1b93b3a.js';
-import '../stringSet-6c9c68ae.js';
+import '../index-17cf7808.js';
+import '../stringSet-5a85ff4b.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-61821688.js';
-import '../index-e7c0bc26.js';
+import '../tslib.es6-2c4d01e9.js';
+import '../index-94489c17.js';
 
 function MessageItemMenu(_a) {
   var _b, _c;

package/ui/MessageItemReactionMenu.js

@@ -4,14 +4,14 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { D as isPendingMessage, C as isFailedMessage, h as getClassName, F as getEmojiListAll } from '../index-03baba6a.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { E as isPendingMessage, D as isFailedMessage, j as getClassName, G as getEmojiListAll } from '../index-902c2068.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../index-e1b93b3a.js';
-import '../stringSet-6c9c68ae.js';
+import '../index-17cf7808.js';
+import '../stringSet-5a85ff4b.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-61821688.js';
+import '../tslib.es6-2c4d01e9.js';
 
 function MessageItemReactionMenu(_a) {
   var className = _a.className,

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../tslib.es6-2c4d01e9.js';
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
-import { u as useLocalization } from '../LocalizationContext-0e05ddca.js';
-import { f as format } from '../index-2c56786f.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-d7840fad.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
+import { u as useLocalization } from '../LocalizationContext-5b0a9339.js';
+import { f as format } from '../index-92160328.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-a755675d.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../uuid-6e6389e2.js';
-import '../stringSet-6c9c68ae.js';
-import '../index-e7c0bc26.js';
-import '../index-29563598.js';
+import '../uuid-0ab81e67.js';
+import '../stringSet-5a85ff4b.js';
+import '../index-94489c17.js';
+import '../index-95677caf.js';
 
 function getCreatedAt(createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageSearchItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../tslib.es6-2c4d01e9.js';
 import React__default from 'react';
-import { f as format } from '../index-2c56786f.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-d7840fad.js';
+import { f as format } from '../index-92160328.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-a755675d.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
-import { u as useLocalization } from '../LocalizationContext-0e05ddca.js';
-import '../index-e7c0bc26.js';
-import '../index-29563598.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
+import { u as useLocalization } from '../LocalizationContext-5b0a9339.js';
+import '../index-94489c17.js';
+import '../index-95677caf.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-6e6389e2.js';
-import '../stringSet-6c9c68ae.js';
+import '../uuid-0ab81e67.js';
+import '../stringSet-5a85ff4b.js';
 
 function getCreatedAt (createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageStatus.js

@@ -1,15 +1,15 @@
-import { a as __spreadArray } from '../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../tslib.es6-2c4d01e9.js';
 import React__default, { useMemo } from 'react';
-import { f as format } from '../index-2c56786f.js';
+import { f as format } from '../index-92160328.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
 import Loader from './Loader.js';
-import { a as getOutgoingMessageStates, d as getOutgoingMessageState, e as isSentStatus } from '../index-03baba6a.js';
-import { u as useLocalization } from '../LocalizationContext-0e05ddca.js';
-import '../index-e7c0bc26.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { a as getOutgoingMessageStates, e as getOutgoingMessageState, h as isSentStatus } from '../index-902c2068.js';
+import { u as useLocalization } from '../LocalizationContext-5b0a9339.js';
+import '../index-94489c17.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../stringSet-6c9c68ae.js';
+import '../stringSet-5a85ff4b.js';
 
 var MessageStatusTypes = getOutgoingMessageStates();
 function MessageStatus(_a) {

package/ui/Modal.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-0e05ddca.js';
-import { M as MODAL_ROOT } from '../index-80e330a9.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
+import { M as MODAL_ROOT } from '../index-db6a4860.js';
 import IconButton from './IconButton.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { a as ButtonTypes, B as Button } from '../index-f78ebc31.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
-import { n as noop } from '../utils-4e85584a.js';
-import '../stringSet-6c9c68ae.js';
-import '../index-e7c0bc26.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { a as ButtonTypes, B as Button } from '../index-9deb1389.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
+import { n as noop } from '../utils-85d3d94c.js';
+import '../stringSet-5a85ff4b.js';
+import '../index-94489c17.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 
 var ModalHeader = function ModalHeader(_ref) {
   var titleText = _ref.titleText;

package/ui/MutedAvatarOverlay.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
 
 function MutedAvatarOverlay(props) {

package/ui/OGMessageItemBody.js

@@ -1,17 +1,28 @@
 import React__default, { useContext } from 'react';
-import { W as Word } from '../index-13eb0f5e.js';
+import { W as Word } from '../index-81a93b05.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
-import { u as uuidv4 } from '../uuid-6e6389e2.js';
-import { h as getClassName, J as isEditedMessage } from '../index-03baba6a.js';
-import { a as LocalizationContext } from '../LocalizationContext-0e05ddca.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
+import { u as uuidv4 } from '../uuid-0ab81e67.js';
+import { j as getClassName, K as isEditedMessage } from '../index-902c2068.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
 import './LinkLabel.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../stringSet-6c9c68ae.js';
-import '../tslib.es6-61821688.js';
-import '../index-e7c0bc26.js';
+import './MentionLabel.js';
+import './ContextMenu.js';
+import 'react-dom';
+import './SortByRow.js';
+import '../stringSet-5a85ff4b.js';
+import '../tslib.es6-2c4d01e9.js';
+import './UserProfile.js';
+import '../withSendBird.js';
+import '../sendBirdSelectors.js';
+import '../topics-24a660ee.js';
+import './Avatar.js';
+import '../index-9deb1389.js';
+import '../index-94489c17.js';
+import '../useSendbirdStateContext.js';
 
 function OGMessageItemBody(_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;

package/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { UserMessage } from 'sendbird';\nimport './index.scss';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      message?.reactions?.length > 0 ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <p className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </p>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          width=\"320px\"\n          height=\"180px\"\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","React","getClassName","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED","defaultImage","alt","IconTypes","THUMBNAIL_NONE","title","SUBTITLE_2","description","BODY_2","CAPTION_3"],"mappings":";;;;;;;;;;;;;;;SAoBwBA,kBAAkBC;;;MACxCC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,gBAAgB,mBAAG;AAEX,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;;AACR,MAAMC,SAAS,GAAG,SAAZA,SAAY;;;AAChB,QAAI,MAAAV,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,UAAA,iBAAA,SAAA,MAAqBC,GAAzB,EAA8BC,MAAM,CAACC,IAAP,CAAY,MAAAd,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,UAAA,iBAAA,SAAA,MAAqBC,GAAjC;AAC/B,GAFD;;AAGA,MAAMG,kBAAkB,GAAGT,gBAAgB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEgB,wBAAT,UAAA,iBAAA,SAAA,MAAmCC,MAAnC,IAA4C,CAAhE,IAAqE,CAAA,MAAAjB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEkB,cAAT,UAAA,iBAAA,SAAA,MAAyBD,MAAzB,IAAkC,CAAlI;AACA,sBACEE;AAAK,IAAA,SAAS,EAAEC,YAAY,CAAC,CAC3BrB,SAD2B,EAE3B,+BAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK3B,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqB,SAAT,UAAA,iBAAA,SAAA,MAAoBJ,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALpB,CAAD;AAA5B,kBAOEE,6BAAC,KAAD;AACE,IAAA,GAAG,EAAEG,MAAM,EADb;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEtB,MAAM,GAAGuB,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAHxD,kBAKER;AAAG,IAAA,SAAS,EAAC;AAAb,KAEIJ,kBAAkB,GAEdf,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEgB,wBAAT,CAAkCY,KAAlC,CAAwC,GAAxC,EAA6CC,GAA7C,CAAiD,UAACC,IAAD;AAAkB,wBACjEX,6BAAC,IAAD;AACE,MAAA,GAAG,EAAEG,MAAM,EADb;AAEE,MAAA,IAAI,EAAEQ,IAFR;AAGE,MAAA,OAAO,EAAE9B,OAHX;AAIE,MAAA,MAAM,EAAEE;AAJV,MADiE;AAOlE,GAPD,CAFc,GAYdF,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OAAT,CAAiB4B,KAAjB,CAAuB,GAAvB,EAA4BC,GAA5B,CAAgC,UAACC,IAAD;AAAkB,wBAChDX,6BAAC,IAAD;AACE,MAAA,GAAG,EAAEG,MAAM,EADb;AAEE,MAAA,IAAI,EAAEQ,IAFR;AAGE,MAAA,OAAO,EAAE9B,OAHX;AAIE,MAAA,MAAM,EAAEE;AAJV,MADgD;AAOjD,GAPD,CAdR,EAyBI6B,eAAe,CAAC/B,OAAD,CAAf,iBACEmB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,qDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEtB,MAAM,GAAGuB,WAAW,CAACO,WAAf,GAA6BP,WAAW,CAACQ;AAHxD,KAKG,MAAI1B,SAAS,CAAC2B,cAAd,MALH,CA1BN,CALF,CAPF,eAiDEf;AACE,IAAA,SAAS,EAAC,6CADZ;AAEE,IAAA,OAAO,EAAET;AAFX,kBAIES,6BAAC,aAAD;AACE,IAAA,SAAS,EAAC,oDADZ;AAEE,IAAA,GAAG,EAAE,CAAA,MAAA,MAAAnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,UAAA,iBAAA,SAAA,MAAqBwB,YAArB,UAAA,iBAAA,SAAA,MAAmCvB,GAAnC,KAA0C,EAFjD;AAGE,IAAA,GAAG,EAAE,MAAA,MAAAZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,UAAA,iBAAA,SAAA,MAAqBwB,YAArB,UAAA,iBAAA,SAAA,MAAmCC,GAH1C;AAAA;AAKE,IAAA,KAAK,EAAC,OALR;AAME,IAAA,MAAM,EAAC,OANT;AAOE,IAAA,gBAAgB,eACdjB;AAAK,MAAA,SAAS,EAAC;AAAf,oBACEA,6BAAC,IAAD;AACE,MAAA,SAAS,EAAC,iEADZ;AAEE,MAAA,IAAI,EAAEkB,SAAS,CAACC,cAFlB;AAGE,MAAA,KAAK,EAAC,MAHR;AAIE,MAAA,MAAM,EAAC;AAJT,MADF;AARJ,IAJF,CAjDF,eAwEEnB;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,OAAO,EAAET;AAFX,KAIG,CAAA,MAAAV,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,UAAA,iBAAA,SAAA,MAAqB4B,KAArB,kBACCpB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,mDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACiB,UAFxB;AAGE,IAAA,KAAK,EAAEf,WAAW,CAACE;AAHrB,KAKG3B,OAAO,CAACW,UAAR,CAAmB4B,KALtB,CALJ,EAaG,CAAA,MAAAvC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,UAAA,iBAAA,SAAA,MAAqB8B,WAArB,kBACCtB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,yDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACmB,MAFxB;AAGE,IAAA,KAAK,EAAEjB,WAAW,CAACE;AAHrB,KAKG3B,OAAO,CAACW,UAAR,CAAmB8B,WALtB,CAdJ,EAsBG,CAAA,MAAAzC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,UAAT,UAAA,iBAAA,SAAA,MAAqBC,GAArB,kBACCO,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACoB,SAFxB;AAGE,IAAA,KAAK,EAAElB,WAAW,CAACQ;AAHrB,KAKGjC,OAAO,CAACW,UAAR,CAAmBC,GALtB,CAvBJ,CAxEF,eAwGEO;AAAK,IAAA,SAAS,EAAC;AAAf,IAxGF,CADF;AA4GD;;;;"}
+{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { UserMessage } from 'sendbird';\nimport './index.scss';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      message?.reactions?.length > 0 ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <p className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </p>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          width=\"320px\"\n          height=\"180px\"\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","React","getClassName","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED","defaultImage","alt","IconTypes","THUMBNAIL_NONE","title","SUBTITLE_2","description","BODY_2","CAPTION_3"],"mappings":"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"}

package/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../tslib.es6-2c4d01e9.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../stringSet-6c9c68ae.js';
+import '../stringSet-5a85ff4b.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,

package/ui/OpenChannelAvatar.js

@@ -1,15 +1,15 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-0e05ddca.js';
-import { b as getOpenChannelAvatar } from '../utils-5e25aca3.js';
-import '../tslib.es6-61821688.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
+import { b as getOpenChannelAvatar } from '../utils-b3b6f503.js';
+import '../tslib.es6-2c4d01e9.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-6e6389e2.js';
-import '../stringSet-6c9c68ae.js';
-import '../index-e7c0bc26.js';
+import '../uuid-0ab81e67.js';
+import '../stringSet-5a85ff4b.js';
+import '../index-94489c17.js';
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,

package/ui/OpenchannelConversationHeader.js

@@ -2,15 +2,15 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
-import { a as LocalizationContext } from '../LocalizationContext-0e05ddca.js';
-import '../tslib.es6-61821688.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
+import '../tslib.es6-2c4d01e9.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../uuid-6e6389e2.js';
-import '../stringSet-6c9c68ae.js';
-import '../index-e7c0bc26.js';
+import '../uuid-0ab81e67.js';
+import '../stringSet-5a85ff4b.js';
+import '../index-94489c17.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelFileMessage.js

@@ -1,31 +1,31 @@
-import { a as __spreadArray } from '../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../tslib.es6-2c4d01e9.js';
 import React__default, { useRef, useContext } from 'react';
-import { f as format } from '../index-2c56786f.js';
+import { f as format } from '../index-92160328.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-90704c73.js';
-import { u as useLocalization } from '../LocalizationContext-0e05ddca.js';
-import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-ae1d6038.js';
-import '../index-e7c0bc26.js';
+import { a as UserProfileContext } from '../UserProfileContext-b6d89d0d.js';
+import { u as useLocalization } from '../LocalizationContext-5b0a9339.js';
+import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-2cd370a7.js';
+import '../index-94489c17.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../uuid-6e6389e2.js';
-import '../index-03baba6a.js';
+import '../uuid-0ab81e67.js';
+import '../index-902c2068.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-6c9c68ae.js';
-import '../color-a3d3742c.js';
+import '../stringSet-5a85ff4b.js';
+import '../color-6b259e40.js';
 import '../withSendBird.js';
 import '../sendBirdSelectors.js';
-import '../topics-d347c996.js';
-import '../index-f78ebc31.js';
+import '../topics-24a660ee.js';
+import '../index-9deb1389.js';
 
 var checkFileType = function checkFileType(fileUrl) {
   var audioFile = /(\.mp3)$/i;

package/ui/OpenchannelOGMessage.js

@@ -1,31 +1,31 @@
-import { a as __spreadArray } from '../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../tslib.es6-2c4d01e9.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-2c56786f.js';
+import { f as format } from '../index-92160328.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 { a as LabelTypography, b as LabelColors, L as Label } from '../index-e1b93b3a.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-17cf7808.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-90704c73.js';
-import { u as uuidv4 } from '../uuid-6e6389e2.js';
-import { c as copyToClipboard } from '../utils-aed86fb8.js';
-import { u as useLocalization } from '../LocalizationContext-0e05ddca.js';
-import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-ae1d6038.js';
-import '../index-e7c0bc26.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { a as UserProfileContext } from '../UserProfileContext-b6d89d0d.js';
+import { u as uuidv4 } from '../uuid-0ab81e67.js';
+import { c as copyToClipboard } from '../utils-57c79308.js';
+import { u as useLocalization } from '../LocalizationContext-5b0a9339.js';
+import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-2cd370a7.js';
+import '../index-94489c17.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../index-03baba6a.js';
+import '../index-902c2068.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-6c9c68ae.js';
+import '../stringSet-5a85ff4b.js';
 import '../withSendBird.js';
 import '../sendBirdSelectors.js';
-import '../topics-d347c996.js';
-import '../index-f78ebc31.js';
+import '../topics-24a660ee.js';
+import '../index-9deb1389.js';
 
 var URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 var createUrlTester = function createUrlTester(regexp) {

package/ui/OpenchannelThumbnailMessage.js

@@ -1,29 +1,29 @@
-import { a as __spreadArray } from '../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../tslib.es6-2c4d01e9.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-2c56786f.js';
-import { u as useLocalization } from '../LocalizationContext-0e05ddca.js';
+import { f as format } from '../index-92160328.js';
+import { u as useLocalization } from '../LocalizationContext-5b0a9339.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconColors, IconTypes } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-90704c73.js';
-import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, d as isFineDelete, h as checkIsSent, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-ae1d6038.js';
-import '../index-e7c0bc26.js';
-import '../stringSet-6c9c68ae.js';
-import '../uuid-6e6389e2.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { a as UserProfileContext } from '../UserProfileContext-b6d89d0d.js';
+import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, d as isFineDelete, h as checkIsSent, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-2cd370a7.js';
+import '../index-94489c17.js';
+import '../stringSet-5a85ff4b.js';
+import '../uuid-0ab81e67.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../index-03baba6a.js';
+import '../index-902c2068.js';
 import 'react-dom';
 import './SortByRow.js';
 import '../withSendBird.js';
 import '../sendBirdSelectors.js';
-import '../topics-d347c996.js';
-import '../index-f78ebc31.js';
+import '../topics-24a660ee.js';
+import '../index-9deb1389.js';
 
 var SUPPORTING_TYPES = {
   IMAGE: 'IMAGE',

package/ui/OpenchannelUserMessage.js

@@ -1,30 +1,30 @@
-import { a as __spreadArray } from '../tslib.es6-61821688.js';
+import { a as __spreadArray } from '../tslib.es6-2c4d01e9.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect } from 'react';
-import { f as format } from '../index-2c56786f.js';
+import { f as format } from '../index-92160328.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 { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-90704c73.js';
-import { u as useLocalization } from '../LocalizationContext-0e05ddca.js';
-import { c as copyToClipboard } from '../utils-aed86fb8.js';
-import { u as uuidv4 } from '../uuid-6e6389e2.js';
-import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-ae1d6038.js';
-import '../index-e7c0bc26.js';
+import { a as UserProfileContext } from '../UserProfileContext-b6d89d0d.js';
+import { u as useLocalization } from '../LocalizationContext-5b0a9339.js';
+import { c as copyToClipboard } from '../utils-57c79308.js';
+import { u as uuidv4 } from '../uuid-0ab81e67.js';
+import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-2cd370a7.js';
+import '../index-94489c17.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../index-03baba6a.js';
+import '../index-902c2068.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-6c9c68ae.js';
+import '../stringSet-5a85ff4b.js';
 import '../withSendBird.js';
 import '../sendBirdSelectors.js';
-import '../topics-d347c996.js';
-import '../index-f78ebc31.js';
+import '../topics-24a660ee.js';
+import '../index-9deb1389.js';
 
 function OpenchannelUserMessage(_a) {
   var className = _a.className,

package/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'react';
 import 'prop-types';
 import './Icon.js';
 import './Loader.js';
-import '../LocalizationContext-0e05ddca.js';
-import '../index-e1b93b3a.js';
-export { a as PlaceHolderTypes, P as default } from '../index-df459121.js';
-import '../stringSet-6c9c68ae.js';
-import '../index-e7c0bc26.js';
+import '../LocalizationContext-5b0a9339.js';
+import '../index-17cf7808.js';
+export { a as PlaceHolderTypes, P as default } from '../index-691dc8da.js';
+import '../stringSet-5a85ff4b.js';
+import '../index-94489c17.js';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/QuoteMessage.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-0e05ddca.js';
-import { L as getUIKitFileTypes, h as getClassName, r as isUserMessage, n as isThumbnailMessage, z as isVideo, M as isGif, l as isFileMessage, y as isSupportedFileView, K as getUIKitFileType, t as truncateString } from '../index-03baba6a.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
+import { M as getUIKitFileTypes, j as getClassName, s as isUserMessage, o as isThumbnailMessage, A as isVideo, N as isGif, m as isFileMessage, z as isSupportedFileView, L as getUIKitFileType, t as truncateString } from '../index-902c2068.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../stringSet-6c9c68ae.js';
-import '../index-e7c0bc26.js';
-import '../tslib.es6-61821688.js';
+import '../stringSet-5a85ff4b.js';
+import '../index-94489c17.js';
+import '../tslib.es6-2c4d01e9.js';
 
 function QuoteMessage(_a) {
   var _b;

package/ui/QuoteMessageInput.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { l as isFileMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, h as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage } from '../index-03baba6a.js';
+import { m as isFileMessage, n as isImageMessage, o as isThumbnailMessage, p as isAudioMessage, j as getClassName, q as isGifMessage, r as isVideoMessage, s as isUserMessage } from '../index-902c2068.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
-import { a as LocalizationContext } from '../LocalizationContext-0e05ddca.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
+import { a as LocalizationContext } from '../LocalizationContext-5b0a9339.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-61821688.js';
-import '../_rollupPluginBabelHelpers-c7eeba03.js';
+import '../tslib.es6-2c4d01e9.js';
+import '../_rollupPluginBabelHelpers-d10f91b9.js';
 import 'prop-types';
-import '../stringSet-6c9c68ae.js';
-import '../index-e7c0bc26.js';
+import '../stringSet-5a85ff4b.js';
+import '../index-94489c17.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,8 +1,8 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-d10f91b9.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e1b93b3a.js';
-import '../stringSet-6c9c68ae.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-17cf7808.js';
+import '../stringSet-5a85ff4b.js';
 
 var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var className = props.className,

package/ui/ReactionButton.js

@@ -1,4 +1,4 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-d10f91b9.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 

package/ui/SortByRow.js

@@ -1,4 +1,4 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-d10f91b9.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 

package/ui/TextButton.js

@@ -1,7 +1,7 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c7eeba03.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-d10f91b9.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as changeColorToClassName, C as Colors } from '../color-a3d3742c.js';
+import { c as changeColorToClassName, C as Colors } from '../color-6b259e40.js';
 
 function TextButton(_ref) {
   var className = _ref.className,