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

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,107 +1,113 @@
 import React__default, { useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-13401b87.js';
+import { i as isSameDay } from '../../index-1432c287.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-128523eb.js';
-import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-3e4b8c8e.js';
+import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
+import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-e9cb0f98.js';
 import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
 import { MessageProvider } from '../../Message/context.js';
-import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { a as useHandleOnScrollCallback } from '../../index-b22c4150.js';
-import '../../index-daa3ae67.js';
-import '../../index-7700a436.js';
+import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
+import { a as useHandleOnScrollCallback } from '../../index-1969ccd8.js';
+import '../../index-c81fd6ec.js';
+import '../../index-d3f61405.js';
 import 'prop-types';
-import '../../LocalizationContext-2463058b.js';
-import '../../stringSet-2814bf17.js';
-import '../../index-aa520474.js';
+import '../../tslib.es6-0c779aab.js';
+import '../../LocalizationContext-d18a86d8.js';
+import '../../stringSet-1106c8ec.js';
+import '../../index-12103973.js';
 import '../../ui/Loader.js';
-import '../../UserProfileContext-4ae968eb.js';
-import '../../_rollupPluginBabelHelpers-50c9576f.js';
-import '../../compareIds-8ed6e36a.js';
-import '../../topics-5659403d.js';
+import '../../UserProfileContext-26e71f9a.js';
+import '../../compareIds-b56b02f1.js';
+import '../../pubSub/topics.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-16373bba.js';
+import '../../uuid-3c77ef7b.js';
 import '../../ui/OpenchannelUserMessage.js';
+import '../../_rollupPluginBabelHelpers-07dcbc2b.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-5d6a0f12.js';
+import '../../index-fc1642cb.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index.module-60af77d3.js';
+import '../../index-c6095960.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-407da489.js';
+import '../../utils-74c161a0.js';
 import '../../ui/Button.js';
-import '../../utils-7cc92ac2.js';
-import '../../index-98138798.js';
-import '../../MediaQueryContext-e3429d12.js';
-import '../../useLongPress-5e1ad951.js';
+import '../../types-4ffc52f6.js';
+import '../../utils-158c1683.js';
+import '../../index-8c72f0bd.js';
+import '../../MediaQueryContext-3eeeec4f.js';
+import '../../useLongPress-322bb6a3.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
-import '../../index-ae7ef8cf.js';
-import '../../tokenize-4b153552.js';
+import '../../index-3d508585.js';
+import '../../tokenize-d17bf862.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-b7f211a8.js';
+import '../../color-1383d4ab.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
-import '../../const-74ec9eb4.js';
-import '../../const-711048c3.js';
-import '../../index-8a01c364.js';
+import '../../const-4bc3721f.js';
+import '../../const-e3326913.js';
+import '../../index-40447645.js';
 import 'dompurify';
-import '../../consts-675764c9.js';
-import '../../consts-eb77e905.js';
-import '../../consts-6ee24012.js';
-import '../../index-c421b228.js';
-import '../../index-98887e8d.js';
-import '../../consts-691a3935.js';
+import '../../consts-7f4d53a3.js';
+import '../../consts-f0ba9b80.js';
+import '../../consts-833420ed.js';
+import '../../index-7a1085b6.js';
+import '../../index-c7ed4aef.js';
+import '../../consts-aa64aca8.js';
 import '../../ui/Modal.js';
-import '../../stringFormatterUtils-dbad592d.js';
+import '../../stringFormatterUtils-444f6f4c.js';
 import '../../withSendbird.js';
 
 function OpenchannelMessageList(props, ref) {
-  const {
-    isMessageGroupingEnabled = true,
-    allMessages,
-    hasMore,
-    onScroll
-  } = useOpenChannelContext();
-  const store = useSendbirdStateContext();
-  const userId = store.config.userId;
-  const scrollRef = ref || useRef(null);
-  const [showScrollDownButton, setShowScrollDownButton] = useState(false);
-  const scrollToBottom = () => {
+  var _a = useOpenChannelContext(),
+    _b = _a.isMessageGroupingEnabled,
+    isMessageGroupingEnabled = _b === void 0 ? true : _b,
+    allMessages = _a.allMessages,
+    hasMore = _a.hasMore,
+    onScroll = _a.onScroll;
+  var store = useSendbirdStateContext();
+  var userId = store.config.userId;
+  var scrollRef = ref || useRef(null);
+  var _c = useState(false),
+    showScrollDownButton = _c[0],
+    setShowScrollDownButton = _c[1];
+  var scrollToBottom = function () {
     if (scrollRef && scrollRef.current) {
       scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
       setShowScrollDownButton(false);
     }
   };
-  const handleOnScroll = useHandleOnScrollCallback({
-    setShowScrollDownButton,
-    hasMore,
-    onScroll,
-    scrollRef
+  var handleOnScroll = useHandleOnScrollCallback({
+    setShowScrollDownButton: setShowScrollDownButton,
+    hasMore: hasMore,
+    onScroll: onScroll,
+    scrollRef: scrollRef
   });
-  const memoizedMessageList = useMemo(() => {
-    var _props$renderPlaceHol;
+  var memoizedMessageList = useMemo(function () {
+    var _a;
     if (allMessages.length > 0) {
-      return allMessages.map((message, index) => {
-        var _sender;
-        const previousMessage = allMessages[index - 1];
-        const nextMessage = allMessages[index - 1];
-        const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
-        const currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt;
+      return allMessages.map(function (message, index) {
+        var _a;
+        var previousMessage = allMessages[index - 1];
+        var nextMessage = allMessages[index - 1];
+        var previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
+        var currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt;
         // https://stackoverflow.com/a/41855608
-        const hasSeparator = !(previousMessageCreatedAt && isSameDay(currentCreatedAt, previousMessageCreatedAt));
-        const [chainTop, chainBottom] = isMessageGroupingEnabled ? compareMessagesForGrouping(previousMessage, message, nextMessage) : [false, false];
-        const isByMe = (message === null || message === void 0 ? void 0 : (_sender = message.sender) === null || _sender === void 0 ? void 0 : _sender.userId) === userId;
-        const key = (message === null || message === void 0 ? void 0 : message.messageId) || (message === null || message === void 0 ? void 0 : message.reqId);
+        var hasSeparator = !(previousMessageCreatedAt && isSameDay(currentCreatedAt, previousMessageCreatedAt));
+        var _b = isMessageGroupingEnabled ? compareMessagesForGrouping(previousMessage, message, nextMessage) : [false, false],
+          chainTop = _b[0],
+          chainBottom = _b[1];
+        var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+        var key = (message === null || message === void 0 ? void 0 : message.messageId) || (message === null || message === void 0 ? void 0 : message.reqId);
         return /*#__PURE__*/React__default.createElement(MessageProvider, {
           message: message,
           isByMe: isByMe,
@@ -115,7 +121,7 @@ function OpenchannelMessageList(props, ref) {
         }));
       });
     }
-    return (props === null || props === void 0 ? void 0 : (_props$renderPlaceHol = props.renderPlaceHolderEmptyList) === null || _props$renderPlaceHol === void 0 ? void 0 : _props$renderPlaceHol.call(props)) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
+    return ((_a = props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList) === null || _a === void 0 ? void 0 : _a.call(props)) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
       className: "sendbird-openchannel-conversation-scroll__container__place-holder",
       type: PlaceHolderTypes.NO_MESSAGES
     });

package/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","_a","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","hasMore","onScroll","store","useSendbirdStateContext","userId","config","scrollRef","useRef","_c","useState","showScrollDownButton","setShowScrollDownButton","scrollToBottom","current","scrollTo","scrollHeight","handleOnScroll","useHandleOnScrollCallback","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","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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"}

package/OpenChannel/components/OpenChannelUI.js

@@ -1,45 +1,47 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-3e4b8c8e.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-e9cb0f98.js';
 import OpenChannelInput from './OpenChannelInput.js';
 import FrozenNotification from './FrozenChannelNotification.js';
 import OpenchannelConversationHeader from './OpenChannelHeader.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-128523eb.js';
+import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-daa3ae67.js';
-import '../../index-7700a436.js';
-import '../../UserProfileContext-4ae968eb.js';
-import 'prop-types';
-import '../../_rollupPluginBabelHelpers-50c9576f.js';
-import '../../compareIds-8ed6e36a.js';
-import '../../topics-5659403d.js';
+import '../../index-c81fd6ec.js';
+import '../../index-d3f61405.js';
+import '../../UserProfileContext-26e71f9a.js';
+import '../../tslib.es6-0c779aab.js';
+import '../../compareIds-b56b02f1.js';
+import '../../pubSub/topics.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-16373bba.js';
+import '../../uuid-3c77ef7b.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../LocalizationContext-2463058b.js';
-import '../../stringSet-2814bf17.js';
+import '../../LocalizationContext-d18a86d8.js';
+import '../../stringSet-1106c8ec.js';
 import '../../ui/MessageInput.js';
-import '../../const-74ec9eb4.js';
-import '../../const-711048c3.js';
+import '../../_rollupPluginBabelHelpers-07dcbc2b.js';
+import 'prop-types';
+import '../../const-4bc3721f.js';
+import '../../const-e3326913.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../index-aa520474.js';
-import '../../index-8a01c364.js';
+import '../../index-12103973.js';
+import '../../types-4ffc52f6.js';
+import '../../index-40447645.js';
 import 'dompurify';
-import '../../consts-675764c9.js';
-import '../../consts-eb77e905.js';
-import '../../consts-6ee24012.js';
+import '../../consts-7f4d53a3.js';
+import '../../consts-f0ba9b80.js';
+import '../../consts-833420ed.js';
 import '../../ui/Icon.js';
-import '../../index-5d6a0f12.js';
+import '../../index-fc1642cb.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index.module-60af77d3.js';
-import '../../tokenize-4b153552.js';
+import '../../index-c6095960.js';
+import '../../tokenize-d17bf862.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../MediaQueryContext-e3429d12.js';
+import '../../MediaQueryContext-3eeeec4f.js';
 import '../../ui/Loader.js';
-import '../../index-13401b87.js';
+import '../../index-1432c287.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -47,47 +49,44 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-407da489.js';
-import '../../utils-7cc92ac2.js';
-import '../../index-98138798.js';
-import '../../useLongPress-5e1ad951.js';
+import '../../utils-74c161a0.js';
+import '../../utils-158c1683.js';
+import '../../index-8c72f0bd.js';
+import '../../useLongPress-322bb6a3.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
-import '../../index-ae7ef8cf.js';
+import '../../index-3d508585.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-b7f211a8.js';
+import '../../color-1383d4ab.js';
 import '../../ui/DateSeparator.js';
-import '../../index-c421b228.js';
-import '../../index-98887e8d.js';
-import '../../consts-691a3935.js';
+import '../../index-7a1085b6.js';
+import '../../index-c7ed4aef.js';
+import '../../consts-aa64aca8.js';
 import '../../ui/Modal.js';
-import '../../stringFormatterUtils-dbad592d.js';
-import '../../index-b22c4150.js';
+import '../../stringFormatterUtils-444f6f4c.js';
+import '../../index-1969ccd8.js';
 
-const COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
-const OpenChannelUI = _ref => {
-  let {
-    renderMessage,
-    renderHeader,
-    renderInput,
-    renderPlaceHolderEmptyList,
-    renderPlaceHolderError,
-    renderPlaceHolderLoading
-  } = _ref;
-  const {
-    currentOpenChannel,
-    amIBanned,
-    loading,
-    isInvalid,
-    messageInputRef,
-    conversationScrollRef
-  } = useOpenChannelContext();
-  if (!currentOpenChannel || !(currentOpenChannel !== null && currentOpenChannel !== void 0 && currentOpenChannel.url) || amIBanned) {
+var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
+var OpenChannelUI = function (_a) {
+  var renderMessage = _a.renderMessage,
+    renderHeader = _a.renderHeader,
+    renderInput = _a.renderInput,
+    renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList,
+    renderPlaceHolderError = _a.renderPlaceHolderError,
+    renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+  var _b = useOpenChannelContext(),
+    currentOpenChannel = _b.currentOpenChannel,
+    amIBanned = _b.amIBanned,
+    loading = _b.loading,
+    isInvalid = _b.isInvalid,
+    messageInputRef = _b.messageInputRef,
+    conversationScrollRef = _b.conversationScrollRef;
+  if (!currentOpenChannel || !(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.url) || amIBanned) {
     return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default.createElement("div", {
       className: COMPONENT_CLASS_NAME
     }, /*#__PURE__*/React__default.createElement(PlaceHolder, {

package/OpenChannel/components/OpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelUI.js","sources":["../../../src/modules/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n    conversationScrollRef,\n  } = useOpenChannelContext();\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        ref={conversationScrollRef}\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_ref","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","conversationScrollRef","useOpenChannelContext","url","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","ref","OpenChannelInput"],"mappings":"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"}
+{"version":3,"file":"OpenChannelUI.js","sources":["../../../src/modules/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ElementType<RenderMessageProps>;\n  renderHeader?: () => React.ReactElement;\n  renderInput?: () => React.ReactElement;\n  renderPlaceHolderEmptyList?: () => React.ReactElement;\n  renderPlaceHolderError?: () => React.ReactElement;\n  renderPlaceHolderLoading?: () => React.ReactElement;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n    conversationScrollRef,\n  } = useOpenChannelContext();\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.()\n      || <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        ref={conversationScrollRef}\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannelContext","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","conversationScrollRef","url","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","ref","OpenChannelInput"],"mappings":"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"}

package/OpenChannel/context.js

@@ -1,15 +1,14 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-3e4b8c8e.js';
-import '../UserProfileContext-4ae968eb.js';
-import '../topics-5659403d.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-e9cb0f98.js';
+import '../UserProfileContext-26e71f9a.js';
+import '../pubSub/topics.js';
 import '../useSendbirdStateContext.js';
-import '../index-daa3ae67.js';
-import '../index-7700a436.js';
-import '../_rollupPluginBabelHelpers-50c9576f.js';
-import '../compareIds-8ed6e36a.js';
+import '../index-c81fd6ec.js';
+import '../index-d3f61405.js';
+import '../tslib.es6-0c779aab.js';
+import '../compareIds-b56b02f1.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../uuid-16373bba.js';
-import 'prop-types';
+import '../uuid-3c77ef7b.js';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/OpenChannel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/OpenChannel.js

@@ -1,76 +1,78 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './OpenChannelProvider-3e4b8c8e.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-e9cb0f98.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-2463058b.js';
-import './stringSet-2814bf17.js';
-import './index-7700a436.js';
+import './LocalizationContext-d18a86d8.js';
+import './stringSet-1106c8ec.js';
+import './index-d3f61405.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-50c9576f.js';
+import './_rollupPluginBabelHelpers-07dcbc2b.js';
 import 'prop-types';
-import './const-74ec9eb4.js';
-import './const-711048c3.js';
+import './const-4bc3721f.js';
+import './const-e3326913.js';
 import './ui/IconButton.js';
+import './tslib.es6-0c779aab.js';
 import './ui/Button.js';
-import './index-aa520474.js';
-import './index-8a01c364.js';
+import './index-12103973.js';
+import './types-4ffc52f6.js';
+import './index-40447645.js';
 import 'dompurify';
-import './consts-675764c9.js';
-import './consts-eb77e905.js';
-import './consts-6ee24012.js';
+import './consts-7f4d53a3.js';
+import './consts-f0ba9b80.js';
+import './consts-833420ed.js';
 import './ui/Icon.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './index-5d6a0f12.js';
+import './index-fc1642cb.js';
 import './utils/message/getOutgoingMessageState.js';
-import './index.module-60af77d3.js';
-import './tokenize-4b153552.js';
+import './index-c6095960.js';
+import './tokenize-d17bf862.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-16373bba.js';
-import './MediaQueryContext-e3429d12.js';
-import './index-128523eb.js';
+import './uuid-3c77ef7b.js';
+import './MediaQueryContext-3eeeec4f.js';
+import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-13401b87.js';
-import './index-daa3ae67.js';
+import './index-1432c287.js';
+import './index-c81fd6ec.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
 import './ui/UserProfile.js';
-import './UserProfileContext-4ae968eb.js';
+import './UserProfileContext-26e71f9a.js';
 import './sendbirdSelectors.js';
-import './topics-5659403d.js';
-import './utils-407da489.js';
-import './utils-7cc92ac2.js';
-import './index-98138798.js';
-import './useLongPress-5e1ad951.js';
+import './pubSub/topics.js';
+import './utils-74c161a0.js';
+import './utils-158c1683.js';
+import './index-8c72f0bd.js';
+import './useLongPress-322bb6a3.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
-import './index-ae7ef8cf.js';
+import './index-3d508585.js';
 import './Message/context.js';
 import './ui/MentionLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './color-b7f211a8.js';
+import './color-1383d4ab.js';
 import './ui/DateSeparator.js';
-import './index-c421b228.js';
-import './index-98887e8d.js';
-import './consts-691a3935.js';
+import './index-7a1085b6.js';
+import './index-c7ed4aef.js';
+import './consts-aa64aca8.js';
 import './ui/Modal.js';
-import './stringFormatterUtils-dbad592d.js';
-import './index-b22c4150.js';
-import './compareIds-8ed6e36a.js';
+import './stringFormatterUtils-444f6f4c.js';
+import './index-1969ccd8.js';
+import './compareIds-b56b02f1.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 
-const OpenChannel = props => {
+var OpenChannel = function (props) {
   return /*#__PURE__*/React__default.createElement(OpenChannelProvider, {
     channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl,
     isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled,

package/OpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannel.js","sources":["../src/modules/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n      onBackClick={props?.onBackClick}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n};\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","createElement","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}
+{"version":3,"file":"OpenChannel.js","sources":["../src/modules/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      isMessageGroupingEnabled={props?.isMessageGroupingEnabled}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n      onBackClick={props?.onBackClick}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n};\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","createElement","OpenChannelProvider","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","OpenChannelUI","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAuB,EAAA;AACtE,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAClBC,IAAAA,UAAU,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEI,UAAW;AAC9BC,IAAAA,wBAAwB,EAAEL,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEK,wBAAyB;AAC1DC,IAAAA,OAAO,EAAEN,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEM,OAAQ;AACxBC,IAAAA,YAAY,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEO,YAAa;AAClCC,IAAAA,uBAAuB,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEQ,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAET,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAES,uBAAwB;AACxDC,IAAAA,uBAAuB,EAAEV,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEU,uBAAwB;AACxDC,IAAAA,kBAAkB,EAAEX,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEW,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEY,iBAAkB;AAC5CC,IAAAA,WAAW,EAAEb,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEa,WAAAA;AAAY,GAAA,eAEhCZ,cAAA,CAAAC,aAAA,CAACY,aAAa,EAAA;AACZC,IAAAA,aAAa,EAAEf,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEe,aAAc;AACpCC,IAAAA,YAAY,EAAEhB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEgB,YAAa;AAClCC,IAAAA,WAAW,EAAEjB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEiB,WAAY;AAChCC,IAAAA,0BAA0B,EAAElB,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEkB,0BAA2B;AAC9DC,IAAAA,sBAAsB,EAAEnB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEmB,sBAAuB;AACtDC,IAAAA,wBAAwB,EAAEpB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEoB,wBAAAA;AAAyB,GAE9D,CAAqB,CAAC,CAAA;AAE1B;;;;"}