@sendbird/uikit-react 3.6.7 → 3.6.8-rc.0

package/cjs/MessageSearch.js

@@ -2,26 +2,26 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./LocalizationContext-a15ec4eb.js');
+var LocalizationContext = require('./LocalizationContext-fd85331f.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-2cb13008.js');
+var ui_Label = require('./index-bf35893c.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
-require('./index-6cb3365f.js');
-require('./index-c2454b7e.js');
-require('./index-1325e266.js');
-require('./index-092b22dd.js');
+require('./index-8522d0c2.js');
+require('./index-eac4199a.js');
+require('./index-66369e8b.js');
+require('./index-76acbd2d.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-6c019e89.js');
-require('./index-9c8e297d.js');
+require('./uuid-5f519bff.js');
+require('./index-e99f0986.js');
 require('./ui/MessageSearchFileItem.js');
-require('./index-08c5777e.js');
-require('./_rollupPluginBabelHelpers-0d9d52a5.js');
+require('./index-9c4b8f39.js');
+require('./_rollupPluginBabelHelpers-6da3edf9.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./stringSet-769f181d.js');
+require('./stringSet-dfe78bcf.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');

package/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a15ec4eb.js');
-var ui_Label = require('../../index-2cb13008.js');
-require('../../stringSet-769f181d.js');
-require('../../index-c2454b7e.js');
+var LocalizationContext = require('../../LocalizationContext-fd85331f.js');
+var ui_Label = require('../../index-bf35893c.js');
+require('../../stringSet-dfe78bcf.js');
+require('../../index-eac4199a.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannel/components/OpenChannelHeader.js

@@ -4,20 +4,20 @@ var React = require('react');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Label = require('../../index-2cb13008.js');
-var LocalizationContext = require('../../LocalizationContext-a15ec4eb.js');
-var OpenChannel_context = require('../../OpenChannelProvider-c2b3dc2c.js');
-var MediaQueryContext = require('../../MediaQueryContext-80d10d7b.js');
+var ui_Label = require('../../index-bf35893c.js');
+var LocalizationContext = require('../../LocalizationContext-fd85331f.js');
+var OpenChannel_context = require('../../OpenChannelProvider-5e558c1a.js');
+var MediaQueryContext = require('../../MediaQueryContext-fde456fd.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-6c019e89.js');
+require('../../uuid-5f519bff.js');
 require('prop-types');
-require('../../_rollupPluginBabelHelpers-0d9d52a5.js');
-require('../../stringSet-769f181d.js');
-require('../../index-c2454b7e.js');
-require('../../index-6cb3365f.js');
-require('../../UserProfileContext-f8f1cee7.js');
-require('../../compareIds-0344920c.js');
-require('../../topics-99121946.js');
+require('../../_rollupPluginBabelHelpers-6da3edf9.js');
+require('../../stringSet-dfe78bcf.js');
+require('../../index-eac4199a.js');
+require('../../index-8522d0c2.js');
+require('../../UserProfileContext-e658337c.js');
+require('../../compareIds-a5214ac1.js');
+require('../../topics-ba2551c1.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../useSendbirdStateContext.js');

package/cjs/OpenChannel/components/OpenChannelInput.js

@@ -1,36 +1,37 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a15ec4eb.js');
+var LocalizationContext = require('../../LocalizationContext-fd85331f.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../OpenChannelProvider-c2b3dc2c.js');
-require('../../stringSet-769f181d.js');
-require('../../index-c2454b7e.js');
-require('../../_rollupPluginBabelHelpers-0d9d52a5.js');
+var OpenChannel_context = require('../../OpenChannelProvider-5e558c1a.js');
+require('../../stringSet-dfe78bcf.js');
+require('../../index-eac4199a.js');
+require('../../_rollupPluginBabelHelpers-6da3edf9.js');
 require('prop-types');
-require('../../const-182fe978.js');
-require('../../const-0d4d91cd.js');
+require('../../const-7ab4dbea.js');
+require('../../const-703dd567.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../index-2cb13008.js');
+require('../../index-bf35893c.js');
+require('../../index-05ea6eac.js');
 require('dompurify');
-require('../../consts-5bdc2c7f.js');
+require('../../consts-74f92105.js');
+require('../../consts-acdad2b4.js');
+require('../../consts-39e2e498.js');
 require('../../ui/Icon.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../index-08c5777e.js');
+require('../../index-9c4b8f39.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../consts-c336bb61.js');
-require('../../consts-10e5b075.js');
-require('../../tokenize-586ed01a.js');
-require('../../index.module-8026e7d3.js');
-require('../../index-6cb3365f.js');
-require('../../UserProfileContext-f8f1cee7.js');
-require('../../compareIds-0344920c.js');
-require('../../topics-99121946.js');
+require('../../tokenize-8279c435.js');
+require('../../index.module-0ba29e4f.js');
+require('../../index-8522d0c2.js');
+require('../../UserProfileContext-e658337c.js');
+require('../../compareIds-a5214ac1.js');
+require('../../topics-ba2551c1.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-6c019e89.js');
+require('../../uuid-5f519bff.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): React.ReactNode => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n    amIMuted,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  function getPlaceHolderString() {\n    if (amIMuted) {\n      return stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED;\n    }\n    if (disabled) {\n      return stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED;\n    }\n    return '';\n  }\n\n  if (!channel) {\n    return null;\n  }\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        channel={currentOpenChannel}\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        isVoiceMessageEnabled={false}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={getPlaceHolderString()}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","amIMuted","useOpenChannelContext","channel","stringSet","useContext","LocalizationContext","value","getPlaceHolderString","MESSAGE_INPUT__PLACE_HOLDER__MUTED","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","React","createElement","className","MessageInput","isVoiceMessageEnabled","onSendMessage","onFileUpload","placeholder","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,mBAAmB,GAAGA,CAACC,KAA+B,EAAEC,GAAsC,KAAsB;EACxH,MAAM;IACJC,kBAAkB;IAClBC,QAAQ;IACRC,iBAAiB;IACjBC,gBAAgB;AAChBC,IAAAA,QAAAA;GACD,GAAGC,yCAAqB,EAAE,CAAA;EAE3B,MAAMC,OAAO,GAAGN,kBAAkB,CAAA;EAElC,MAAM;AAAEO,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,MAAM;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAGZ,KAAK,CAAA;EAEvB,SAASa,oBAAoBA,GAAG;AAC9B,IAAA,IAAIP,QAAQ,EAAE;MACZ,OAAOG,SAAS,CAACK,kCAAkC,CAAA;AACrD,KAAA;AACA,IAAA,IAAIX,QAAQ,EAAE;MACZ,OAAOM,SAAS,CAACM,qCAAqC,CAAA;AACxD,KAAA;AACA,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,IAAI,CAACP,OAAO,EAAE;AACZ,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,oBACEQ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GAAA,eAC1CF,yBAAA,CAAAC,aAAA,CAACE,eAAY,EAAA;AACXX,IAAAA,OAAO,EAAEN,kBAAmB;AAC5BD,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,KAAK,EAAEA,KAAM;AACbT,IAAAA,QAAQ,EAAEA,QAAS;AACnBiB,IAAAA,qBAAqB,EAAE,KAAM;AAC7BC,IAAAA,aAAa,EAAEjB,iBAAkB;AACjCkB,IAAAA,YAAY,EAAEjB,gBAAiB;AAC/BkB,IAAAA,WAAW,EAAEV,oBAAoB,EAAA;AAAG,GAAA,CACpC,CACE,CAAA;AAEV,CAAC,CAAA;AAED,uBAAA,aAAeG,yBAAK,CAACQ,UAAU,CAACzB,mBAAmB,CAAC;;;;"}
+{"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): React.ReactNode => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n    amIMuted,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  function getPlaceHolderString() {\n    if (amIMuted) {\n      return stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED;\n    }\n    if (disabled) {\n      return stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED;\n    }\n    return '';\n  }\n\n  if (!channel) {\n    return null;\n  }\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        channel={currentOpenChannel}\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        isVoiceMessageEnabled={false}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={getPlaceHolderString()}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","amIMuted","useOpenChannelContext","channel","stringSet","useContext","LocalizationContext","value","getPlaceHolderString","MESSAGE_INPUT__PLACE_HOLDER__MUTED","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","React","createElement","className","MessageInput","isVoiceMessageEnabled","onSendMessage","onFileUpload","placeholder","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,mBAAmB,GAAGA,CAACC,KAA+B,EAAEC,GAAsC,KAAsB;EACxH,MAAM;IACJC,kBAAkB;IAClBC,QAAQ;IACRC,iBAAiB;IACjBC,gBAAgB;AAChBC,IAAAA,QAAAA;GACD,GAAGC,yCAAqB,EAAE,CAAA;EAE3B,MAAMC,OAAO,GAAGN,kBAAkB,CAAA;EAElC,MAAM;AAAEO,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,MAAM;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAGZ,KAAK,CAAA;EAEvB,SAASa,oBAAoBA,GAAG;AAC9B,IAAA,IAAIP,QAAQ,EAAE;MACZ,OAAOG,SAAS,CAACK,kCAAkC,CAAA;AACrD,KAAA;AACA,IAAA,IAAIX,QAAQ,EAAE;MACZ,OAAOM,SAAS,CAACM,qCAAqC,CAAA;AACxD,KAAA;AACA,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,IAAI,CAACP,OAAO,EAAE;AACZ,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,oBACEQ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GAAA,eAC1CF,yBAAA,CAAAC,aAAA,CAACE,eAAY,EAAA;AACXX,IAAAA,OAAO,EAAEN,kBAAmB;AAC5BD,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,KAAK,EAAEA,KAAM;AACbT,IAAAA,QAAQ,EAAEA,QAAS;AACnBiB,IAAAA,qBAAqB,EAAE,KAAM;AAC7BC,IAAAA,aAAa,EAAEjB,iBAAkB;AACjCkB,IAAAA,YAAY,EAAEjB,gBAAiB;AAC/BkB,IAAAA,WAAW,EAAEV,oBAAoB,EAAA;AAAG,GAAA,CACpC,CACE,CAAA;AAEV,CAAC,CAAA;AAED,uBAAA,aAAeG,yBAAK,CAACQ,UAAU,CAACzB,mBAAmB,CAAC;;;;"}

package/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -1,62 +1,64 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-6cb3365f.js');
+var index = require('../../index-8522d0c2.js');
 var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
 var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
 var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
 var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
 var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-2cb13008.js');
+var ui_Label = require('../../index-bf35893c.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
-var ui_FileViewer = require('../../ui/FileViewer.js');
+var ui_FileViewer = require('../../index-e18eb9ba.js');
 var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-a15ec4eb.js');
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-0d9d52a5.js');
-var OpenChannel_context = require('../../OpenChannelProvider-c2b3dc2c.js');
+var LocalizationContext = require('../../LocalizationContext-fd85331f.js');
+var OpenChannel_context = require('../../OpenChannelProvider-5e558c1a.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-c2454b7e.js');
+require('../../index-eac4199a.js');
+require('../../_rollupPluginBabelHelpers-6da3edf9.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../uuid-6c019e89.js');
+require('../../uuid-5f519bff.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-08c5777e.js');
+require('../../index-9c4b8f39.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../stringSet-769f181d.js');
+require('../../stringSet-dfe78bcf.js');
 require('../../ui/IconButton.js');
 require('../../ui/Loader.js');
 require('../../ui/UserProfile.js');
-require('../../UserProfileContext-f8f1cee7.js');
+require('../../UserProfileContext-e658337c.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-99121946.js');
-require('../../utils-c8ca7346.js');
+require('../../topics-ba2551c1.js');
+require('../../utils-6a3fe892.js');
 require('../../ui/Button.js');
-require('../../utils-3fda8de7.js');
-require('../../index-b428366f.js');
-require('../../MediaQueryContext-80d10d7b.js');
-require('../../useLongPress-a77054d5.js');
+require('../../utils-a0fbcca3.js');
+require('../../index-7d3c8e0c.js');
+require('../../MediaQueryContext-fde456fd.js');
+require('../../useLongPress-092f3b5a.js');
 require('../../ui/LinkLabel.js');
-require('../../index-49fe0efb.js');
-require('../../index.module-8026e7d3.js');
-require('../../tokenize-586ed01a.js');
+require('../../index-0aec5632.js');
+require('../../index.module-0ba29e4f.js');
+require('../../tokenize-8279c435.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/TextButton.js');
-require('../../color-1e9cc481.js');
-require('../../const-182fe978.js');
-require('../../const-0d4d91cd.js');
+require('../../color-7e8f0ca5.js');
+require('../../const-7ab4dbea.js');
+require('../../const-703dd567.js');
+require('../../index-05ea6eac.js');
 require('dompurify');
-require('../../consts-5bdc2c7f.js');
-require('../../consts-c336bb61.js');
-require('../../consts-10e5b075.js');
+require('../../consts-74f92105.js');
+require('../../consts-acdad2b4.js');
+require('../../consts-39e2e498.js');
 require('../../withSendbird.js');
-require('../../index-17a6519d.js');
-require('../../compareIds-0344920c.js');
+require('../../index-011a6124.js');
+require('../../consts-0337201b.js');
+require('../../compareIds-a5214ac1.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 
@@ -80,16 +82,6 @@ function RemoveMessageModal(_ref) {
   });
 }
 
-// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
-
-const SUPPORTED_MIMES = {
-  IMAGE: ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml', 'image/webp'],
-  VIDEO: ['video/mpeg', 'video/ogg', 'video/webm', 'video/mp4']
-};
-const isImage = type => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;
-const isVideo = type => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;
-_rollupPluginBabelHelpers._objectSpread2({}, SUPPORTED_MIMES);
-
 const MessageTypes = {
   ADMIN: 'ADMIN',
   USER: 'USER',
@@ -114,7 +106,7 @@ const getMessageType = (message, options) => {
     return MessageTypes.ADMIN;
   }
   if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
-    return isImage(message.type) || isVideo(message.type) ? MessageTypes.THUMBNAIL : MessageTypes.FILE;
+    return ui_FileViewer.isImage(message.type) || ui_FileViewer.isVideo(message.type) ? MessageTypes.THUMBNAIL : MessageTypes.FILE;
   }
   return MessageTypes.UNKNOWN;
 };
@@ -283,7 +275,7 @@ function MessagOpenChannelMessageeHoc(props) {
         deleteMessage(message);
       }
     }
-  }), showFileViewer && (message === null || message === void 0 ? void 0 : message.messageType) === 'file' && /*#__PURE__*/React__default["default"].createElement(ui_FileViewer["default"], {
+  }), showFileViewer && (message === null || message === void 0 ? void 0 : message.messageType) === 'file' && /*#__PURE__*/React__default["default"].createElement(ui_FileViewer.FileViewer, {
     onClose: () => setShowFileViewer(false),
     message: message,
     onDelete: () => deleteMessage(message),

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/ui/FileViewer/types.ts","../../../../src/modules/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/modules/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ClientFileMessage, ClientUserMessage } from '../../../../index';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCloseModal(): void;\n  onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n  onCloseModal,\n  onDeleteMessage,\n}: Props): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <Modal\n      onCancel={onCloseModal}\n      onSubmit={onDeleteMessage}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n}\n","// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\n\nexport type SupportedImageMimesType = 'image/jpeg' | 'image/jpg' | 'image/png' | 'image/gif' | 'image/svg+xml' | 'image/webp';\nexport type SupportedVideoMimesType = 'video/mpeg' | 'video/ogg' | 'video/webm' | 'video/mp4';\nexport type SupportedMimesType = SupportedImageMimesType | SupportedVideoMimesType;\n\nconst SUPPORTED_MIMES = {\n  IMAGE: [\n    'image/jpeg',\n    'image/jpg',\n    'image/png',\n    'image/gif',\n    'image/svg+xml',\n    'image/webp',\n  ],\n  VIDEO: [\n    'video/mpeg',\n    'video/ogg',\n    'video/webm',\n    'video/mp4',\n  ],\n};\n\nexport const isImage = (type: SupportedImageMimesType): boolean => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type: SupportedVideoMimesType): boolean => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type: SupportedMimesType): boolean => type === 'image/gif';\nexport const unSupported = (type: SupportedMimesType): boolean => (\n  !(\n    isImage(type as SupportedImageMimesType)\n    || isVideo(type as SupportedVideoMimesType)\n  )\n);\n\nexport default { ...SUPPORTED_MIMES };\n","import { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\n\nexport const MessageTypes = {\n  ADMIN: 'ADMIN',\n  USER: 'USER',\n  FILE: 'FILE',\n  THUMBNAIL: 'THUMBNAIL',\n  OG: 'OG',\n  UNKNOWN: 'UNKNOWN',\n};\n\nexport const SendingMessageStatus = {\n  NONE: 'none',\n  SUCCEEDED: 'succeeded',\n  FAILED: 'failed',\n  PENDING: 'pending',\n};\n\ntype MessageTypeOptions = {\n  isOgMessageEnabledInOpenChannel?: boolean;\n};\n\nexport const getMessageType = (\n  message: UserMessage | FileMessage | AdminMessage,\n  options?: MessageTypeOptions,\n): string => {\n  const isOgMessageEnabledInOpenChannel = options?.isOgMessageEnabledInOpenChannel;\n  if ((message?.isUserMessage?.()) || message?.messageType === 'user') {\n    return (message?.ogMetaData && isOgMessageEnabledInOpenChannel)\n      ? MessageTypes.OG\n      : MessageTypes.USER;\n  }\n  if (message?.isAdminMessage?.()) {\n    return MessageTypes.ADMIN;\n  }\n  if (message?.messageType === 'file') {\n    return (isImage((message as FileMessage).type) || isVideo((message as FileMessage).type))\n      ? MessageTypes.THUMBNAIL\n      : MessageTypes.FILE;\n  }\n  return MessageTypes.UNKNOWN;\n};\n\nexport default {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n};\n","import React, {\n  useState,\n  useRef,\n  ReactElement,\n  useMemo,\n} from 'react';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { User } from '@sendbird/chat';\nimport format from 'date-fns/format';\n\nimport OpenChannelUserMessage from '../../../../ui/OpenchannelUserMessage';\nimport OpenChannelAdminMessage from '../../../../ui/OpenChannelAdminMessage';\nimport OpenChannelOGMessage from '../../../../ui/OpenchannelOGMessage';\nimport OpenChannelThumbnailMessage from '../../../../ui/OpenchannelThumbnailMessage';\nimport OpenChannelFileMessage from '../../../../ui/OpenchannelFileMessage';\n// import UnknownMessage from '../../../../ui/UnknownMessage';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport FileViewer from '../../../../ui/FileViewer';\n\nimport RemoveMessageModal from './RemoveMessageModal';\nimport {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n} from './utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport type OpenChannelMessageProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  message: UserMessage | FileMessage | AdminMessage;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  hasSeparator?: boolean;\n  editDisabled?: boolean;\n};\n\nexport default function MessagOpenChannelMessageeHoc(props: OpenChannelMessageProps): ReactElement {\n  const {\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n    renderMessage,\n  } = props;\n\n  const {\n    currentOpenChannel,\n    deleteMessage,\n    updateMessage,\n    resendMessage,\n  } = useOpenChannelContext();\n  const { dateLocale } = useLocalization();\n  const editDisabled = currentOpenChannel?.isFrozen;\n\n  const globalState = useSendbirdStateContext();\n  const userId = globalState?.config?.userId;\n  const isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;\n\n  let sender: User = null;\n  if (message?.messageType !== 'admin') {\n    sender = (message as UserMessage | FileMessage)?.sender;\n  }\n\n  const RenderedMessage = useMemo(() => (props: RenderMessageProps) => {\n    return (\n      <>\n        {\n          renderMessage\n            ? (renderMessage(props))\n            : null\n        }\n      </>\n    );\n  }, [message, renderMessage]);\n\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const editMessageInputRef = useRef(null);\n\n  let isByMe = false;\n\n  if (sender && message?.messageType !== 'admin') {\n    // pending and failed messages are by me\n    isByMe = (userId === sender.userId)\n      || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.PENDING)\n      || ((message as UserMessage | FileMessage)?.sendingStatus === SendingMessageStatus.FAILED);\n  }\n\n  if (renderMessage && RenderedMessage) {\n    return (\n      <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n        <RenderedMessage message={message} chainTop={chainTop} chainBottom={chainBottom} />\n      </div>\n    );\n  }\n\n  if (message?.messageType === 'user' && showEdit) {\n    return (\n      <MessageInput\n        isEdit\n        channel={currentOpenChannel}\n        disabled={editDisabled}\n        ref={editMessageInputRef}\n        message={message as UserMessage}\n        name={message?.messageId}\n        onUpdateMessage={({ messageId, message }) => {\n          updateMessage(messageId, message);\n          setShowEdit(false);\n        }}\n        onCancelEdit={() => { setShowEdit(false); }}\n      />\n    );\n  }\n\n  return (\n    <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n      {/* date-separator */}\n      {\n        (hasSeparator && message?.createdAt) && (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message?.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        )\n      }\n      {/* Message */}\n      {\n        {\n          [MessageTypes.ADMIN]: (() => {\n            if (message?.messageType === 'admin') {\n              return (\n                <OpenChannelAdminMessage message={message as AdminMessage} />\n              );\n            }\n          })(),\n          [MessageTypes.FILE]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelFileMessage\n                  message={message as FileMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.OG]: (() => {\n            if (message?.messageType === 'user' && isOgMessageEnabledInOpenChannel) {\n              return (\n                <OpenChannelOGMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  userId={userId}\n                  showEdit={setShowEdit}\n                  disabled={editDisabled}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.THUMBNAIL]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelThumbnailMessage\n                  message={message as FileMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  onClick={setShowFileViewer}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.USER]: (() => {\n            if (message?.messageType === 'user') {\n              return (\n                <OpenChannelUserMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  userId={userId}\n                  disabled={editDisabled}\n                  showEdit={setShowEdit}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.UNKNOWN]: (() => {\n            // return (\n            //   <OpenChannelUnknownMessage message={message} />\n            // );\n          })(),\n        }[getMessageType(message, { isOgMessageEnabledInOpenChannel })]\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            onCloseModal={() => setShowRemove(false)}\n            onDeleteMessage={() => {\n              if (message?.messageType !== 'admin') {\n                deleteMessage(message);\n              }\n            }}\n          />\n        )\n      }\n      {\n        (showFileViewer && message?.messageType === 'file') && (\n          <FileViewer\n            onClose={() => setShowFileViewer(false)}\n            message={message as FileMessage}\n            onDelete={() => deleteMessage(message)}\n            isByMe={isByMe}\n          />\n        )\n      }\n      {/* {\n        !((message?.isFileMessage && message?.isFileMessage()) || message?.messageType === 'file')\n        && !(message?.isAdminMessage && message?.isAdminMessage())\n        && !(((message?.isUserMessage && message?.isUserMessage()) || message?.messageType === 'user'))\n        && !(showFileViewer)\n        && (\n          <UnknownMessage\n            message={message}\n            isByMe={isByMe}\n            showRemove={setShowRemove}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n          />\n        )\n      } */}\n    </div>\n  );\n}\n"],"names":["RemoveMessageModal","_ref","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","createElement","Modal","onCancel","onSubmit","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE","SUPPORTED_MIMES","IMAGE","VIDEO","isImage","type","indexOf","isVideo","_objectSpread","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","message","options","_message$isUserMessag","_message$isAdminMessa","isOgMessageEnabledInOpenChannel","isUserMessage","call","messageType","ogMetaData","isAdminMessage","MessagOpenChannelMessageeHoc","props","_globalState$config","chainTop","chainBottom","hasSeparator","renderMessage","currentOpenChannel","deleteMessage","updateMessage","resendMessage","useOpenChannelContext","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","userId","config","openChannel","enableOgtag","sender","RenderedMessage","useMemo","Fragment","showEdit","setShowEdit","useState","showRemove","setShowRemove","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","sendingStatus","className","MessageInput","isEdit","channel","disabled","ref","name","messageId","onUpdateMessage","onCancelEdit","createdAt","DateSeparator","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelAdminMessage","_sender","OpenChannelFileMessage","isOperator","isEphemeral","_sender2","OpenChannelOGMessage","_sender3","OpenChannelThumbnailMessage","onClick","_sender4","OpenChannelUserMessage","FileViewer","onClose","onDelete"],"mappings":"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"}
+{"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/modules/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/modules/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ClientFileMessage, ClientUserMessage } from '../../../../index';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCloseModal(): void;\n  onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n  onCloseModal,\n  onDeleteMessage,\n}: Props): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <Modal\n      onCancel={onCloseModal}\n      onSubmit={onDeleteMessage}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n}\n","import { FileMessage } from '@sendbird/chat/message';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\nimport { CoreMessageType } from '../../../../utils';\n\nexport const MessageTypes = {\n  ADMIN: 'ADMIN',\n  USER: 'USER',\n  FILE: 'FILE',\n  THUMBNAIL: 'THUMBNAIL',\n  OG: 'OG',\n  UNKNOWN: 'UNKNOWN',\n};\n\nexport const SendingMessageStatus = {\n  NONE: 'none',\n  SUCCEEDED: 'succeeded',\n  FAILED: 'failed',\n  PENDING: 'pending',\n};\n\ntype MessageTypeOptions = {\n  isOgMessageEnabledInOpenChannel?: boolean;\n};\n\nexport const getMessageType = (\n  message: CoreMessageType,\n  options?: MessageTypeOptions,\n): string => {\n  const isOgMessageEnabledInOpenChannel = options?.isOgMessageEnabledInOpenChannel;\n  if ((message?.isUserMessage?.()) || message?.messageType === 'user') {\n    return (message?.ogMetaData && isOgMessageEnabledInOpenChannel)\n      ? MessageTypes.OG\n      : MessageTypes.USER;\n  }\n  if (message?.isAdminMessage?.()) {\n    return MessageTypes.ADMIN;\n  }\n  if (message?.messageType === 'file') {\n    return (isImage((message as FileMessage).type) || isVideo((message as FileMessage).type))\n      ? MessageTypes.THUMBNAIL\n      : MessageTypes.FILE;\n  }\n  return MessageTypes.UNKNOWN;\n};\n\nexport default {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n};\n","import React, {\n  useState,\n  useRef,\n  ReactElement,\n  useMemo,\n} from 'react';\nimport { AdminMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { User } from '@sendbird/chat';\nimport format from 'date-fns/format';\n\nimport OpenChannelUserMessage from '../../../../ui/OpenchannelUserMessage';\nimport OpenChannelAdminMessage from '../../../../ui/OpenChannelAdminMessage';\nimport OpenChannelOGMessage from '../../../../ui/OpenchannelOGMessage';\nimport OpenChannelThumbnailMessage from '../../../../ui/OpenchannelThumbnailMessage';\nimport OpenChannelFileMessage from '../../../../ui/OpenchannelFileMessage';\n// import UnknownMessage from '../../../../ui/UnknownMessage';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport FileViewer from '../../../../ui/FileViewer';\n\nimport RemoveMessageModal from './RemoveMessageModal';\nimport {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n} from './utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { CoreMessageType, SendableMessageType } from '../../../../utils';\n\nexport type OpenChannelMessageProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  message: CoreMessageType;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  hasSeparator?: boolean;\n  editDisabled?: boolean;\n};\n\nexport default function MessagOpenChannelMessageeHoc(props: OpenChannelMessageProps): ReactElement {\n  const {\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n    renderMessage,\n  } = props;\n\n  const {\n    currentOpenChannel,\n    deleteMessage,\n    updateMessage,\n    resendMessage,\n  } = useOpenChannelContext();\n  const { dateLocale } = useLocalization();\n  const editDisabled = currentOpenChannel?.isFrozen;\n\n  const globalState = useSendbirdStateContext();\n  const userId = globalState?.config?.userId;\n  const isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;\n\n  let sender: User = null;\n  if (message?.messageType !== 'admin') {\n    sender = (message as SendableMessageType)?.sender;\n  }\n\n  const RenderedMessage = useMemo(() => (props: RenderMessageProps) => {\n    return (\n      <>\n        {\n          renderMessage\n            ? (renderMessage(props))\n            : null\n        }\n      </>\n    );\n  }, [message, renderMessage]);\n\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const editMessageInputRef = useRef(null);\n\n  let isByMe = false;\n\n  if (sender && message?.messageType !== 'admin') {\n    // pending and failed messages are by me\n    isByMe = (userId === sender.userId)\n      || ((message as SendableMessageType)?.sendingStatus === SendingMessageStatus.PENDING)\n      || ((message as SendableMessageType)?.sendingStatus === SendingMessageStatus.FAILED);\n  }\n\n  if (renderMessage && RenderedMessage) {\n    return (\n      <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n        <RenderedMessage message={message} chainTop={chainTop} chainBottom={chainBottom} />\n      </div>\n    );\n  }\n\n  if (message?.messageType === 'user' && showEdit) {\n    return (\n      <MessageInput\n        isEdit\n        channel={currentOpenChannel}\n        disabled={editDisabled}\n        ref={editMessageInputRef}\n        message={message as UserMessage}\n        name={message?.messageId}\n        onUpdateMessage={({ messageId, message }) => {\n          updateMessage(messageId, message);\n          setShowEdit(false);\n        }}\n        onCancelEdit={() => { setShowEdit(false); }}\n      />\n    );\n  }\n\n  return (\n    <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n      {/* date-separator */}\n      {\n        (hasSeparator && message?.createdAt) && (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message?.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        )\n      }\n      {/* Message */}\n      {\n        {\n          [MessageTypes.ADMIN]: (() => {\n            if (message?.messageType === 'admin') {\n              return (\n                <OpenChannelAdminMessage message={message as AdminMessage} />\n              );\n            }\n          })(),\n          [MessageTypes.FILE]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelFileMessage\n                  message={message as FileMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.OG]: (() => {\n            if (message?.messageType === 'user' && isOgMessageEnabledInOpenChannel) {\n              return (\n                <OpenChannelOGMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  userId={userId}\n                  showEdit={setShowEdit}\n                  disabled={editDisabled}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.THUMBNAIL]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelThumbnailMessage\n                  message={message as FileMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as FileMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  onClick={setShowFileViewer}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.USER]: (() => {\n            if (message?.messageType === 'user') {\n              return (\n                <OpenChannelUserMessage\n                  message={message as UserMessage}\n                  isOperator={currentOpenChannel?.isOperator((message as UserMessage)?.sender?.userId)}\n                  isEphemeral={currentOpenChannel?.isEphemeral}\n                  userId={userId}\n                  disabled={editDisabled}\n                  showEdit={setShowEdit}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n          })(),\n          [MessageTypes.UNKNOWN]: (() => {\n            // return (\n            //   <OpenChannelUnknownMessage message={message} />\n            // );\n          })(),\n        }[getMessageType(message, { isOgMessageEnabledInOpenChannel })]\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            onCloseModal={() => setShowRemove(false)}\n            onDeleteMessage={() => {\n              if (message?.messageType !== 'admin') {\n                deleteMessage(message);\n              }\n            }}\n          />\n        )\n      }\n      {\n        (showFileViewer && message?.messageType === 'file') && (\n          <FileViewer\n            onClose={() => setShowFileViewer(false)}\n            message={message as FileMessage}\n            onDelete={() => deleteMessage(message)}\n            isByMe={isByMe}\n          />\n        )\n      }\n      {/* {\n        !((message?.isFileMessage && message?.isFileMessage()) || message?.messageType === 'file')\n        && !(message?.isAdminMessage && message?.isAdminMessage())\n        && !(((message?.isUserMessage && message?.isUserMessage()) || message?.messageType === 'user'))\n        && !(showFileViewer)\n        && (\n          <UnknownMessage\n            message={message}\n            isByMe={isByMe}\n            showRemove={setShowRemove}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n          />\n        )\n      } */}\n    </div>\n  );\n}\n"],"names":["RemoveMessageModal","_ref","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","createElement","Modal","onCancel","onSubmit","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","message","options","_message$isUserMessag","_message$isAdminMessa","isOgMessageEnabledInOpenChannel","isUserMessage","call","messageType","ogMetaData","isAdminMessage","isImage","type","isVideo","MessagOpenChannelMessageeHoc","props","_globalState$config","chainTop","chainBottom","hasSeparator","renderMessage","currentOpenChannel","deleteMessage","updateMessage","resendMessage","useOpenChannelContext","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","userId","config","openChannel","enableOgtag","sender","RenderedMessage","useMemo","Fragment","showEdit","setShowEdit","useState","showRemove","setShowRemove","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","sendingStatus","className","MessageInput","isEdit","channel","disabled","ref","name","messageId","onUpdateMessage","onCancelEdit","createdAt","DateSeparator","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2","format","locale","OpenChannelAdminMessage","_sender","OpenChannelFileMessage","isOperator","isEphemeral","_sender2","OpenChannelOGMessage","_sender3","OpenChannelThumbnailMessage","onClick","_sender4","OpenChannelUserMessage","FileViewer","onClose","onDelete"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,69 +1,70 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('../../index-092b22dd.js');
+var index$1 = require('../../index-76acbd2d.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-9c8e297d.js');
-var OpenChannel_context = require('../../OpenChannelProvider-c2b3dc2c.js');
+var ui_PlaceHolder = require('../../index-e99f0986.js');
+var OpenChannel_context = require('../../OpenChannelProvider-5e558c1a.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
 var Message_context = require('../../Message/context.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var index = require('../../index-5a651f3c.js');
-require('../../index-6cb3365f.js');
-require('../../index-c2454b7e.js');
+var index = require('../../index-c63d7e90.js');
+require('../../index-8522d0c2.js');
+require('../../index-eac4199a.js');
 require('prop-types');
-require('../../LocalizationContext-a15ec4eb.js');
-require('../../stringSet-769f181d.js');
-require('../../index-2cb13008.js');
+require('../../LocalizationContext-fd85331f.js');
+require('../../stringSet-dfe78bcf.js');
+require('../../index-bf35893c.js');
 require('../../ui/Loader.js');
-require('../../UserProfileContext-f8f1cee7.js');
-require('../../_rollupPluginBabelHelpers-0d9d52a5.js');
-require('../../compareIds-0344920c.js');
-require('../../topics-99121946.js');
+require('../../UserProfileContext-e658337c.js');
+require('../../_rollupPluginBabelHelpers-6da3edf9.js');
+require('../../compareIds-a5214ac1.js');
+require('../../topics-ba2551c1.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../uuid-6c019e89.js');
+require('../../uuid-5f519bff.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-08c5777e.js');
+require('../../index-9c4b8f39.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-c8ca7346.js');
+require('../../utils-6a3fe892.js');
 require('../../ui/Button.js');
-require('../../utils-3fda8de7.js');
-require('../../index-b428366f.js');
-require('../../MediaQueryContext-80d10d7b.js');
-require('../../useLongPress-a77054d5.js');
+require('../../utils-a0fbcca3.js');
+require('../../index-7d3c8e0c.js');
+require('../../MediaQueryContext-fde456fd.js');
+require('../../useLongPress-092f3b5a.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
-require('../../index-49fe0efb.js');
-require('../../index.module-8026e7d3.js');
-require('../../tokenize-586ed01a.js');
+require('../../index-0aec5632.js');
+require('../../index.module-0ba29e4f.js');
+require('../../tokenize-8279c435.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-1e9cc481.js');
+require('../../color-7e8f0ca5.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
-require('../../const-182fe978.js');
-require('../../const-0d4d91cd.js');
+require('../../const-7ab4dbea.js');
+require('../../const-703dd567.js');
+require('../../index-05ea6eac.js');
 require('dompurify');
-require('../../consts-5bdc2c7f.js');
-require('../../consts-c336bb61.js');
-require('../../consts-10e5b075.js');
-require('../../ui/FileViewer.js');
-require('../../index-17a6519d.js');
+require('../../consts-74f92105.js');
+require('../../consts-acdad2b4.js');
+require('../../consts-39e2e498.js');
+require('../../index-e18eb9ba.js');
+require('../../index-011a6124.js');
+require('../../consts-0337201b.js');
 require('../../ui/Modal.js');
 require('../../withSendbird.js');
-require('../../consts-0c9a38ef.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\n\nexport type OpenchannelMessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n};\n\nfunction OpenchannelMessageList(\n  props: OpenchannelMessageListProps,\n  ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n  const {\n    isMessageGroupingEnabled = true,\n    allMessages,\n    hasMore,\n    onScroll,\n  } = useOpenChannelContext();\n  const store = useSendbirdStateContext();\n  const userId = store.config.userId;\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n  const scrollToBottom = () => {\n    if (scrollRef && scrollRef.current) {\n      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n      setShowScrollDownButton(false);\n    }\n  };\n\n  const handleOnScroll = useHandleOnScrollCallback({\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\n  });\n\n  const memoizedMessageList = useMemo(() => {\n    if (allMessages.length > 0) {\n      return (\n        allMessages.map((message, index) => {\n          const previousMessage = allMessages[index - 1];\n          const nextMessage = allMessages[index - 1];\n\n          const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n          const currentCreatedAt = message?.createdAt;\n          // https://stackoverflow.com/a/41855608\n          const hasSeparator = !(previousMessageCreatedAt && (\n            isSameDay(currentCreatedAt, previousMessageCreatedAt)\n          ));\n\n          const [chainTop, chainBottom] = isMessageGroupingEnabled\n            ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n            : [false, false];\n          const isByMe = (message as UserMessage)?.sender?.userId === userId;\n          const key = message?.messageId || (message as UserMessage)?.reqId;\n          return (\n            <MessageProvider message={message} isByMe={isByMe} key={key}>\n              <OpenChannelMessage\n                message={message}\n                chainTop={chainTop}\n                chainBottom={chainBottom}\n                hasSeparator={hasSeparator}\n                renderMessage={props?.renderMessage}\n              />\n            </MessageProvider>\n          );\n        })\n      );\n    }\n    return (\n      props?.renderPlaceHolderEmptyList?.() || (\n        <PlaceHolder\n          className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n          type={PlaceHolderTypes.NO_MESSAGES}\n        />\n      )\n    );\n  }, [allMessages]);\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-scroll\">\n      <div className=\"sendbird-openchannel-conversation-scroll__container\">\n        <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n        <div\n          className={[\n            'sendbird-openchannel-conversation-scroll__container__item-container',\n            (allMessages.length > 0) ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {memoizedMessageList}\n        </div>\n      </div>\n      {\n        showScrollDownButton && (\n          <div\n            className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n            onClick={scrollToBottom}\n            onKeyDown={scrollToBottom}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.CONTENT}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","isMessageGroupingEnabled","allMessages","hasMore","onScroll","useOpenChannelContext","store","useSendbirdStateContext","userId","config","scrollRef","useRef","showScrollDownButton","setShowScrollDownButton","useState","scrollToBottom","current","scrollTo","scrollHeight","handleOnScroll","useHandleOnScrollCallback","memoizedMessageList","useMemo","_props$renderPlaceHol","length","map","message","index","_sender","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","chainTop","chainBottom","compareMessagesForGrouping","isByMe","sender","key","messageId","reqId","React","createElement","MessageProvider","OpenChannelMessage","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","className","type","PlaceHolderTypes","NO_MESSAGES","join","onClick","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","CONTENT","forwardRef"],"mappings":"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"}
+{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/modules/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport isSameDay from 'date-fns/isSameDay';\n\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useHandleOnScrollCallback } from '../../../../hooks/useHandleOnScrollCallback';\n\nexport type OpenchannelMessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n};\n\nfunction OpenchannelMessageList(\n  props: OpenchannelMessageListProps,\n  ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n  const {\n    isMessageGroupingEnabled = true,\n    allMessages,\n    hasMore,\n    onScroll,\n  } = useOpenChannelContext();\n  const store = useSendbirdStateContext();\n  const userId = store.config.userId;\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n  const scrollToBottom = () => {\n    if (scrollRef && scrollRef.current) {\n      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n      setShowScrollDownButton(false);\n    }\n  };\n\n  const handleOnScroll = useHandleOnScrollCallback({\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\n  });\n\n  const memoizedMessageList = useMemo(() => {\n    if (allMessages.length > 0) {\n      return (\n        allMessages.map((message, index) => {\n          const previousMessage = allMessages[index - 1];\n          const nextMessage = allMessages[index - 1];\n\n          const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n          const currentCreatedAt = message?.createdAt;\n          // https://stackoverflow.com/a/41855608\n          const hasSeparator = !(previousMessageCreatedAt && (\n            isSameDay(currentCreatedAt, previousMessageCreatedAt)\n          ));\n\n          const [chainTop, chainBottom] = isMessageGroupingEnabled\n            ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n            : [false, false];\n          const isByMe = (message as UserMessage)?.sender?.userId === userId;\n          const key = message?.messageId || (message as UserMessage)?.reqId;\n          return (\n            <MessageProvider message={message} isByMe={isByMe} key={key}>\n              <OpenChannelMessage\n                message={message}\n                chainTop={chainTop}\n                chainBottom={chainBottom}\n                hasSeparator={hasSeparator}\n                renderMessage={props?.renderMessage}\n              />\n            </MessageProvider>\n          );\n        })\n      );\n    }\n    return (\n      props?.renderPlaceHolderEmptyList?.() || (\n        <PlaceHolder\n          className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n          type={PlaceHolderTypes.NO_MESSAGES}\n        />\n      )\n    );\n  }, [allMessages]);\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-scroll\">\n      <div className=\"sendbird-openchannel-conversation-scroll__container\">\n        <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n        <div\n          className={[\n            'sendbird-openchannel-conversation-scroll__container__item-container',\n            (allMessages.length > 0) ? '' : 'no-messages',\n          ].join(' ')}\n          onScroll={handleOnScroll}\n          ref={scrollRef}\n        >\n          {memoizedMessageList}\n        </div>\n      </div>\n      {\n        showScrollDownButton && (\n          <div\n            className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n            onClick={scrollToBottom}\n            onKeyDown={scrollToBottom}\n            tabIndex={0}\n            role=\"button\"\n          >\n            <Icon\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.CHEVRON_DOWN}\n              fillColor={IconColors.CONTENT}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","isMessageGroupingEnabled","allMessages","hasMore","onScroll","useOpenChannelContext","store","useSendbirdStateContext","userId","config","scrollRef","useRef","showScrollDownButton","setShowScrollDownButton","useState","scrollToBottom","current","scrollTo","scrollHeight","handleOnScroll","useHandleOnScrollCallback","memoizedMessageList","useMemo","_props$renderPlaceHol","length","map","message","index","_sender","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","chainTop","chainBottom","compareMessagesForGrouping","isByMe","sender","key","messageId","reqId","React","createElement","MessageProvider","OpenChannelMessage","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolder","className","type","PlaceHolderTypes","NO_MESSAGES","join","onClick","onKeyDown","tabIndex","role","Icon","width","height","IconTypes","CHEVRON_DOWN","fillColor","IconColors","CONTENT","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,SAASA,sBAAsBA,CAC7BC,KAAkC,EAClCC,GAAoC,EACtB;EACd,MAAM;AACJC,IAAAA,wBAAwB,GAAG,IAAI;IAC/BC,WAAW;IACXC,OAAO;AACPC,IAAAA,QAAAA;GACD,GAAGC,yCAAqB,EAAE,CAAA;EAC3B,MAAMC,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,MAAMC,MAAM,GAAGF,KAAK,CAACG,MAAM,CAACD,MAAM,CAAA;AAClC,EAAA,MAAME,SAAS,GAAGV,GAAG,IAAIW,YAAM,CAAC,IAAI,CAAC,CAAA;EACrC,MAAM,CAACC,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;EAEvE,MAAMC,cAAc,GAAGA,MAAM;AAC3B,IAAA,IAAIL,SAAS,IAAIA,SAAS,CAACM,OAAO,EAAE;AAClCN,MAAAA,SAAS,CAACM,OAAO,CAACC,QAAQ,CAAC,CAAC,EAAEP,SAAS,CAACM,OAAO,CAACE,YAAY,CAAC,CAAA;MAC7DL,uBAAuB,CAAC,KAAK,CAAC,CAAA;AAChC,KAAA;GACD,CAAA;EAED,MAAMM,cAAc,GAAGC,+BAAyB,CAAC;IAC/CP,uBAAuB;IACvBV,OAAO;IACPC,QAAQ;AACRM,IAAAA,SAAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMW,mBAAmB,GAAGC,aAAO,CAAC,MAAM;AAAA,IAAA,IAAAC,qBAAA,CAAA;AACxC,IAAA,IAAIrB,WAAW,CAACsB,MAAM,GAAG,CAAC,EAAE;MAC1B,OACEtB,WAAW,CAACuB,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,KAAK;AAAA,QAAA,IAAAC,OAAA,CAAA;AAClC,QAAA,MAAMC,eAAe,GAAG3B,WAAW,CAACyB,KAAK,GAAG,CAAC,CAAC,CAAA;AAC9C,QAAA,MAAMG,WAAW,GAAG5B,WAAW,CAACyB,KAAK,GAAG,CAAC,CAAC,CAAA;AAE1C,QAAA,MAAMI,wBAAwB,GAAGF,eAAe,IAAIA,eAAe,CAACG,SAAS,CAAA;QAC7E,MAAMC,gBAAgB,GAAGP,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEM,SAAS,CAAA;AAC3C;QACA,MAAME,YAAY,GAAG,EAAEH,wBAAwB,IAC7CI,iBAAS,CAACF,gBAAgB,EAAEF,wBAAwB,CACrD,CAAC,CAAA;QAEF,MAAM,CAACK,QAAQ,EAAEC,WAAW,CAAC,GAAGpC,wBAAwB,GACpDqC,8CAA0B,CAACT,eAAe,EAAEH,OAAO,EAAEI,WAAW,CAAC,GACjE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;AAClB,QAAA,MAAMS,MAAM,GAAG,CAACb,OAAO,KAAPA,IAAAA,IAAAA,OAAO,wBAAAE,OAAA,GAAPF,OAAO,CAAkBc,MAAM,cAAAZ,OAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhCA,OAAA,CAAkCpB,MAAM,MAAKA,MAAM,CAAA;AAClE,QAAA,MAAMiC,GAAG,GAAG,CAAAf,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEgB,SAAS,MAAKhB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAkBiB,KAAK,CAAA,CAAA;AACjE,QAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,+BAAe,EAAA;AAACpB,UAAAA,OAAO,EAAEA,OAAQ;AAACa,UAAAA,MAAM,EAAEA,MAAO;AAACE,UAAAA,GAAG,EAAEA,GAAAA;AAAI,SAAA,eAC1DG,yBAAA,CAAAC,aAAA,CAACE,yCAAkB,EAAA;AACjBrB,UAAAA,OAAO,EAAEA,OAAQ;AACjBU,UAAAA,QAAQ,EAAEA,QAAS;AACnBC,UAAAA,WAAW,EAAEA,WAAY;AACzBH,UAAAA,YAAY,EAAEA,YAAa;AAC3Bc,UAAAA,aAAa,EAAEjD,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEiD,aAAAA;AAAc,SAAA,CACpC,CACc,CAAA;AAEtB,OAAC,CAAC,CAAA;AAEN,KAAA;IACA,OACE,CAAAjD,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAwB,qBAAA,GAALxB,KAAK,CAAEkD,0BAA0B,MAAA1B,IAAAA,IAAAA,qBAAA,uBAAjCA,qBAAA,CAAA2B,IAAA,CAAAnD,KAAK,CAAgC,kBACnC6C,yBAAA,CAAAC,aAAA,CAACM,0BAAW,EAAA;AACVC,MAAAA,SAAS,EAAC,mEAAmE;MAC7EC,IAAI,EAAEC,+BAAgB,CAACC,WAAAA;KAE1B,CAAA,CAAA;AAEL,GAAC,EAAE,CAACrD,WAAW,CAAC,CAAC,CAAA;EAEjB,oBACE0C,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKO,IAAAA,SAAS,EAAC,0CAAA;GACbR,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKO,IAAAA,SAAS,EAAC,qDAAA;GACbR,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKO,IAAAA,SAAS,EAAC,8DAAA;GAAiE,CAAA,eAChFR,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEO,IAAAA,SAAS,EAAE,CACT,qEAAqE,EACpElD,WAAW,CAACsB,MAAM,GAAG,CAAC,GAAI,EAAE,GAAG,aAAa,CAC9C,CAACgC,IAAI,CAAC,GAAG,CAAE;AACZpD,IAAAA,QAAQ,EAAEe,cAAe;AACzBnB,IAAAA,GAAG,EAAEU,SAAAA;GAEJW,EAAAA,mBAAmB,CAChB,CACF,EAEJT,oBAAoB,iBAClBgC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEO,IAAAA,SAAS,EAAC,2EAA2E;AACrFK,IAAAA,OAAO,EAAE1C,cAAe;AACxB2C,IAAAA,SAAS,EAAE3C,cAAe;AAC1B4C,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,eAEbhB,yBAAA,CAAAC,aAAA,CAACgB,kBAAI,EAAA;AACHC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;IACbV,IAAI,EAAEW,iBAAS,CAACC,YAAa;IAC7BC,SAAS,EAAEC,kBAAU,CAACC,OAAAA;AAAQ,GAAA,CAC9B,CAEL,CAEC,CAAA;AAEV,CAAA;AAEA,6BAAA,aAAexB,yBAAK,CAACyB,UAAU,CAACvE,sBAAsB,CAAC;;;;"}