@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,64 +1,64 @@
 import React__default, { useCallback, useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-4c3eaeb7.js';
+import { i as isSameDay } from '../../index-95f0372d.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-0ecbda20.js';
-import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-e418b369.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ec8cbdfb.js';
+import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-36270182.js';
 import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
-import { S as SCROLL_BUFFER } from '../../consts-9422accf.js';
+import { S as SCROLL_BUFFER } from '../../consts-30f09302.js';
 import { MessageProvider } from '../../Message/context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../index-aced8439.js';
-import '../../index-cf141ad7.js';
+import '../../index-8a52a6f4.js';
+import '../../index-0f373e79.js';
 import 'prop-types';
-import '../../tslib.es6-209c9f08.js';
-import '../../LocalizationContext-654ae04f.js';
-import '../../stringSet-7c7d84fc.js';
-import '../../index-8e901b57.js';
+import '../../tslib.es6-5180f9d1.js';
+import '../../LocalizationContext-43b10f97.js';
+import '../../stringSet-2d42f6ff.js';
+import '../../index-8f0ae983.js';
 import '../../ui/Loader.js';
-import '../../UserProfileContext-1996d4d2.js';
-import '../../compareIds-d958887d.js';
-import '../../topics-4697c2b3.js';
+import '../../UserProfileContext-12b6fabf.js';
+import '../../compareIds-3e30a438.js';
+import '../../topics-6d4bf2ed.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-31c6ecb2.js';
+import '../../uuid-368c5040.js';
 import '../../ui/OpenchannelUserMessage.js';
-import '../../_rollupPluginBabelHelpers-e908c50d.js';
+import '../../_rollupPluginBabelHelpers-3756a6a3.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-83ae3ffe.js';
+import '../../index-cd1a9173.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-04bd857d.js';
+import '../../utils-a7563986.js';
 import '../../ui/Button.js';
-import '../../utils-3d03001e.js';
-import '../../index-47d179f2.js';
-import '../../MediaQueryContext-e791a4d1.js';
-import '../../useLongPress-e2570976.js';
+import '../../utils-4c1f97d4.js';
+import '../../index-c77693d8.js';
+import '../../MediaQueryContext-f2df2472.js';
+import '../../useLongPress-c1a00d6e.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
-import '../../index-ace292c2.js';
-import '../../tokenize-8f238f49.js';
+import '../../index-cc626895.js';
+import '../../tokenize-cd9c48bb.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-f6e2214f.js';
+import '../../color-e54d3ed7.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
-import '../../const-c7334190.js';
-import '../../const-735bcf5b.js';
+import '../../const-48a3200e.js';
+import '../../const-71bd6867.js';
 import 'dompurify';
-import '../../consts-ddb92249.js';
-import '../../consts-12512664.js';
-import '../../consts-8f50899e.js';
+import '../../consts-e4e1a8fc.js';
+import '../../consts-665331c7.js';
+import '../../consts-4b1e008b.js';
 import '../../ui/FileViewer.js';
-import '../../index-12c44496.js';
+import '../../index-5c20d787.js';
 import '../../ui/Modal.js';
 import '../../withSendbird.js';
 
@@ -67,30 +67,28 @@ function calcScrollBottom(scrollHeight, scrollTop) {
 }
 function useHandleOnScrollCallback(_a) {
   var setShowScrollDownButton = _a.setShowScrollDownButton,
-      hasMore = _a.hasMore,
-      onScroll = _a.onScroll,
-      scrollRef = _a.scrollRef;
+    hasMore = _a.hasMore,
+    onScroll = _a.onScroll,
+    scrollRef = _a.scrollRef;
   return useCallback(function (e) {
     var element = e.target;
     var scrollTop = element.scrollTop,
-        scrollHeight = element.scrollHeight,
-        clientHeight = element.clientHeight; // https://sendbird.atlassian.net/browse/SBISSUE-11759
+      scrollHeight = element.scrollHeight,
+      clientHeight = element.clientHeight;
+    // https://sendbird.atlassian.net/browse/SBISSUE-11759
     // the edge case where channel is inside a page that already has scroll
     // scrollintoView will move the whole page, which we dont want
-
-    var scrollBottom = calcScrollBottom(scrollHeight, scrollTop); // even if there is more to fetch or not,
+    var scrollBottom = calcScrollBottom(scrollHeight, scrollTop);
+    // even if there is more to fetch or not,
     // we still have to show the scroll to bottom button
-
     if (scrollHeight > scrollTop + clientHeight + 1) {
       setShowScrollDownButton(true);
     } else {
       setShowScrollDownButton(false);
     }
-
     if (!hasMore) {
       return;
     }
-
     if (scrollTop < SCROLL_BUFFER) {
       onScroll(function () {
         // sets the scroll position to the bottom of the new messages
@@ -102,27 +100,23 @@ function useHandleOnScrollCallback(_a) {
 
 function OpenchannelMessageList(props, ref) {
   var _a = useOpenChannelContext(),
-      _b = _a.isMessageGroupingEnabled,
-      isMessageGroupingEnabled = _b === void 0 ? true : _b,
-      allMessages = _a.allMessages,
-      hasMore = _a.hasMore,
-      onScroll = _a.onScroll;
-
+    _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];
-
+    showScrollDownButton = _c[0],
+    setShowScrollDownButton = _c[1];
   var scrollToBottom = function () {
     if (scrollRef && scrollRef.current) {
       scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
       setShowScrollDownButton(false);
     }
   };
-
   var handleOnScroll = useHandleOnScrollCallback({
     setShowScrollDownButton: setShowScrollDownButton,
     hasMore: hasMore,
@@ -131,22 +125,18 @@ function OpenchannelMessageList(props, ref) {
   });
   var memoizedMessageList = useMemo(function () {
     var _a;
-
     if (allMessages.length > 0) {
       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
-
+        var currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt;
+        // https://stackoverflow.com/a/41855608
         var hasSeparator = !(previousMessageCreatedAt && isSameDay(currentCreatedAt, previousMessageCreatedAt));
-
         var _b = isMessageGroupingEnabled ? compareMessagesForGrouping(previousMessage, message, nextMessage) : [false, false],
-            chainTop = _b[0],
-            chainBottom = _b[1];
-
+          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, {
@@ -162,7 +152,6 @@ function OpenchannelMessageList(props, ref) {
         }));
       });
     }
-
     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
@@ -191,7 +180,6 @@ function OpenchannelMessageList(props, ref) {
     fillColor: IconColors.CONTENT
   })));
 }
-
 var OpenChannelMessageList = /*#__PURE__*/React__default.forwardRef(OpenchannelMessageList);
 
 export { OpenChannelMessageList as default };

package/OpenChannel/components/OpenChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/useHandleOnScrollCallback.ts","../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { SCROLL_BUFFER } from \"../../../../utils/consts\";\n\nexport interface UseHandleOnScrollCallbackProps {\n  setShowScrollDownButton: React.Dispatch<React.SetStateAction<boolean>>;\n  hasMore: boolean;\n  onScroll(fn: () => void): void;\n  scrollRef: React.RefObject<HTMLDivElement>;\n}\n\nexport function calcScrollBottom(scrollHeight: number, scrollTop: number): number {\n  return scrollHeight - scrollTop\n}\n\nexport function useHandleOnScrollCallback({\n  setShowScrollDownButton,\n  hasMore,\n  onScroll,\n  scrollRef,\n}: UseHandleOnScrollCallbackProps): (e: React.UIEvent<HTMLElement>) => void {\n  return useCallback((e) => {\n    const element = e.target as Element;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = element;\n    // https://sendbird.atlassian.net/browse/SBISSUE-11759\n    // the edge case where channel is inside a page that already has scroll\n    // scrollintoView will move the whole page, which we dont want\n    const scrollBottom = calcScrollBottom(scrollHeight, scrollTop);\n    // even if there is more to fetch or not,\n    // we still have to show the scroll to bottom button\n    if (scrollHeight > scrollTop + clientHeight + 1) {\n      setShowScrollDownButton(true);\n    } else {\n      setShowScrollDownButton(false);\n    }\n    if (!hasMore) {\n      return;\n    }\n    if (scrollTop < SCROLL_BUFFER) {\n      onScroll(() => {\n        // sets the scroll position to the bottom of the new messages\n        scrollRef.current.scrollTop = scrollRef.current.scrollHeight - scrollBottom;\n      });\n    }\n  }, [\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\n  ]);\n}\n","import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport { FileMessage, 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 { useHandleOnScrollCallback } from './useHandleOnScrollCallback';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\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":["calcScrollBottom","scrollHeight","scrollTop","useHandleOnScrollCallback","_a","setShowScrollDownButton","hasMore","onScroll","scrollRef","useCallback","e","element","target","clientHeight","scrollBottom","SCROLL_BUFFER","current","OpenchannelMessageList","props","ref","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","store","useSendbirdStateContext","userId","config","useRef","_c","useState","showScrollDownButton","scrollToBottom","scrollTo","handleOnScroll","memoizedMessageList","useMemo","length","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","compareMessagesForGrouping","chainTop","chainBottom","isByMe","sender","key","messageId","reqId","React","OpenChannelMessage","renderMessage","renderPlaceHolderEmptyList","call","PlaceHolderTypes","NO_MESSAGES","join","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUgB,SAAAA,gBAAA,CAAiBC,YAAjB,EAAuCC,SAAvC,EAAwD;EACtE,OAAOD,YAAY,GAAGC,SAAtB,CAAA;AACD,CAAA;AAEK,SAAUC,yBAAV,CAAoCC,EAApC,EAK2B;MAJ/BC,uBAAuB,GAAAD,EAAA,CAAAC;MACvBC,OAAO,GAAAF,EAAA,CAAAE;MACPC,QAAQ,GAAAH,EAAA,CAAAG;MACRC,SAAS,GAAAJ,EAAA,CAAAI;AAET,EAAA,OAAOC,WAAW,CAAC,UAACC,CAAD,EAAE;AACnB,IAAA,IAAMC,OAAO,GAAGD,CAAC,CAACE,MAAlB,CAAA;AAEE,IAAA,IAAAV,SAAS,GAGPS,OAAO,CAAAT,SAHT;AAAA,QACAD,YAAY,GAEVU,OAAO,CAAAV,YAHT;AAAA,QAEAY,YAAY,GACVF,OAAO,aAHT,CAHiB;AAQnB;AACA;;IACA,IAAMG,YAAY,GAAGd,gBAAgB,CAACC,YAAD,EAAeC,SAAf,CAArC,CAVmB;AAYnB;;AACA,IAAA,IAAID,YAAY,GAAGC,SAAS,GAAGW,YAAZ,GAA2B,CAA9C,EAAiD;MAC/CR,uBAAuB,CAAC,IAAD,CAAvB,CAAA;AACD,KAFD,MAEO;MACLA,uBAAuB,CAAC,KAAD,CAAvB,CAAA;AACD,KAAA;;IACD,IAAI,CAACC,OAAL,EAAc;AACZ,MAAA,OAAA;AACD,KAAA;;IACD,IAAIJ,SAAS,GAAGa,aAAhB,EAA+B;AAC7BR,MAAAA,QAAQ,CAAC,YAAA;AACP;QACAC,SAAS,CAACQ,OAAV,CAAkBd,SAAlB,GAA8BM,SAAS,CAACQ,OAAV,CAAkBf,YAAlB,GAAiCa,YAA/D,CAAA;AACD,OAHO,CAAR,CAAA;AAID,KAAA;GA1Be,EA2Bf,CACDT,uBADC,EAEDC,OAFC,EAGDC,QAHC,EAIDC,SAJC,CA3Be,CAAlB,CAAA;AAiCD;;AC/BD,SAASS,sBAAT,CACEC,KADF,EAEEC,GAFF,EAEsC;EAE9B,IAAAf,KAKFgB,qBAAqB,EALnB;AAAA,MACJC,EAA+B,GAAAjB,EAAA,CAAAkB,wBAD3B;MACJA,wBAAwB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,IAAA,KADvB;AAAA,MAEJE,WAAW,iBAFP;AAAA,MAGJjB,OAAO,aAHH;AAAA,MAIJC,QAAQ,cAJJ,CAAA;;EAMN,IAAMiB,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,MAAM,GAAGF,KAAK,CAACG,MAAN,CAAaD,MAA5B,CAAA;AACA,EAAA,IAAMlB,SAAS,GAAGW,GAAG,IAAIS,MAAM,CAAC,IAAD,CAA/B,CAAA;;AACM,EAAA,IAAAC,EAAA,GAAkDC,QAAQ,CAAC,KAAD,CAA1D;AAAA,MAACC,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAArB;AAAA,MAAuBxB,uBAAuB,GAAAwB,EAAA,CAAA,CAAA,CAA9C,CAAA;;EAEN,IAAMG,cAAc,GAAG,YAAA;AACrB,IAAA,IAAIxB,SAAS,IAAIA,SAAS,CAACQ,OAA3B,EAAoC;MAClCR,SAAS,CAACQ,OAAV,CAAkBiB,QAAlB,CAA2B,CAA3B,EAA8BzB,SAAS,CAACQ,OAAV,CAAkBf,YAAhD,CAAA,CAAA;MACAI,uBAAuB,CAAC,KAAD,CAAvB,CAAA;AACD,KAAA;GAJH,CAAA;;EAOA,IAAM6B,cAAc,GAAG/B,yBAAyB,CAAC;AAC/CE,IAAAA,uBAAuB,EAAAA,uBADwB;AAE/CC,IAAAA,OAAO,EAAAA,OAFwC;AAG/CC,IAAAA,QAAQ,EAAAA,QAHuC;AAI/CC,IAAAA,SAAS,EAAAA,SAAAA;AAJsC,GAAD,CAAhD,CAAA;AAOA,EAAA,IAAM2B,mBAAmB,GAAGC,OAAO,CAAC,YAAA;;;AAClC,IAAA,IAAIb,WAAW,CAACc,MAAZ,GAAqB,CAAzB,EAA4B;MAC1B,OACEd,WAAW,CAACe,GAAZ,CAAgB,UAACC,OAAD,EAAUC,KAAV,EAAe;;;AAC7B,QAAA,IAAMC,eAAe,GAAGlB,WAAW,CAACiB,KAAK,GAAG,CAAT,CAAnC,CAAA;AACA,QAAA,IAAME,WAAW,GAAGnB,WAAW,CAACiB,KAAK,GAAG,CAAT,CAA/B,CAAA;AAEA,QAAA,IAAMG,wBAAwB,GAAGF,eAAe,IAAIA,eAAe,CAACG,SAApE,CAAA;AACA,QAAA,IAAMC,gBAAgB,GAAGN,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEK,SAAlC,CAL6B;;QAO7B,IAAME,YAAY,GAAG,EAAEH,wBAAwB,IAC7CI,SAAS,CAACF,gBAAD,EAAmBF,wBAAnB,CADU,CAArB,CAAA;;AAIM,QAAA,IAAAtB,KAA0BC,wBAAwB,GACpD0B,0BAA0B,CAACP,eAAD,EAAkBF,OAAlB,EAA2BG,WAA3B,CAD0B,GAEpD,CAAC,KAAD,EAAQ,KAAR,CAFE;AAAA,YAACO,QAAQ,GAAA5B,EAAA,CAAA,CAAA,CAAT;AAAA,YAAW6B,WAAW,GAAA7B,EAAA,CAAA,CAAA,CAAtB,CAAA;;AAGN,QAAA,IAAM8B,MAAM,GAAG,CAAA,CAAA/C,EAAA,GAACmC,OAAuB,KAAvB,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAkBa,MAA1B,MAAgC,IAAhC,IAAgChD,EAAA,KAAA,KAAA,CAAhC,GAAgC,KAAA,CAAhC,GAAgCA,EAAA,CAAEsB,MAAlC,MAA6CA,MAA5D,CAAA;AACA,QAAA,IAAM2B,GAAG,GAAG,CAAAd,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEe,SAAT,MAAuBf,OAAuB,SAAvB,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAkBgB,KAAhD,CAAZ,CAAA;AACA,QAAA,oBACEC,6BAAC,eAAD,EAAA;AAAiB,UAAA,OAAO,EAAEjB,OAA1B;AAAmC,UAAA,MAAM,EAAEY,MAA3C;AAAmD,UAAA,GAAG,EAAEE,GAAAA;AAAxD,SAAA,eACEG,6BAACC,4BAAD,EAAA;AACE,UAAA,OAAO,EAAElB,OADX;AAEE,UAAA,QAAQ,EAAEU,QAFZ;AAGE,UAAA,WAAW,EAAEC,WAHf;AAIE,UAAA,YAAY,EAAEJ,YAJhB;AAKE,UAAA,aAAa,EAAE5B,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEwC,aAAAA;AALxB,SAAA,CADF,CADF,CAAA;AAWD,OA3BD,CADF,CAAA;AA8BD,KAAA;;AACD,IAAA,OACE,CAAA,CAAAtD,EAAA,GAAAc,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEyC,0BAAP,MAAqC,IAArC,IAAqCvD,EAAA,KAAA,KAAA,CAArC,GAAqC,KAAA,CAArC,GAAqCA,EAAA,CAAAwD,IAAA,CAAA1C,KAAA,CAArC,kBACEsC,6BAAC,WAAD,EAAA;AACE,MAAA,SAAS,EAAC,mEADZ;MAEE,IAAI,EAAEK,gBAAgB,CAACC,WAAAA;KAJ7B,CAAA,CAAA;AAQD,GAzCkC,EAyChC,CAACvC,WAAD,CAzCgC,CAAnC,CAAA;EA2CA,oBACEiC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0CAAA;GACb,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,qDAAA;GACb,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,8DAAA;AAAf,GAAA,CADF,eAEEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,CACT,qEADS,EAERjC,WAAW,CAACc,MAAZ,GAAqB,CAAtB,GAA2B,EAA3B,GAAgC,aAFvB,EAGT0B,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,QAAQ,EAAE7B,cALZ;AAME,IAAA,GAAG,EAAE1B,SAAAA;AANP,GAAA,EAQG2B,mBARH,CAFF,CADF,EAeIJ,oBAAoB,iBAClByB,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,2EADZ;AAEE,IAAA,OAAO,EAAExB,cAFX;AAGE,IAAA,SAAS,EAAEA,cAHb;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,IAAI,EAAC,QAAA;AALP,GAAA,eAOEwB,6BAAC,IAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;IAGE,IAAI,EAAEQ,SAAS,CAACC,YAHlB;IAIE,SAAS,EAAEC,UAAU,CAACC,OAAAA;AAJxB,GAAA,CAPF,CAhBN,CADF,CAAA;AAmCD,CAAA;;AAED,6BAAA,aAAeX,cAAK,CAACY,UAAN,CAAiBnD,sBAAjB,CAAf;;;;"}
+{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/useHandleOnScrollCallback.ts","../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { SCROLL_BUFFER } from \"../../../../utils/consts\";\n\nexport interface UseHandleOnScrollCallbackProps {\n  setShowScrollDownButton: React.Dispatch<React.SetStateAction<boolean>>;\n  hasMore: boolean;\n  onScroll(fn: () => void): void;\n  scrollRef: React.RefObject<HTMLDivElement>;\n}\n\nexport function calcScrollBottom(scrollHeight: number, scrollTop: number): number {\n  return scrollHeight - scrollTop\n}\n\nexport function useHandleOnScrollCallback({\n  setShowScrollDownButton,\n  hasMore,\n  onScroll,\n  scrollRef,\n}: UseHandleOnScrollCallbackProps): (e: React.UIEvent<HTMLElement>) => void {\n  return useCallback((e) => {\n    const element = e.target as Element;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = element;\n    // https://sendbird.atlassian.net/browse/SBISSUE-11759\n    // the edge case where channel is inside a page that already has scroll\n    // scrollintoView will move the whole page, which we dont want\n    const scrollBottom = calcScrollBottom(scrollHeight, scrollTop);\n    // even if there is more to fetch or not,\n    // we still have to show the scroll to bottom button\n    if (scrollHeight > scrollTop + clientHeight + 1) {\n      setShowScrollDownButton(true);\n    } else {\n      setShowScrollDownButton(false);\n    }\n    if (!hasMore) {\n      return;\n    }\n    if (scrollTop < SCROLL_BUFFER) {\n      onScroll(() => {\n        // sets the scroll position to the bottom of the new messages\n        scrollRef.current.scrollTop = scrollRef.current.scrollHeight - scrollBottom;\n      });\n    }\n  }, [\n    setShowScrollDownButton,\n    hasMore,\n    onScroll,\n    scrollRef,\n  ]);\n}\n","import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport { FileMessage, 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 { useHandleOnScrollCallback } from './useHandleOnScrollCallback';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\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":["calcScrollBottom","scrollHeight","scrollTop","useHandleOnScrollCallback","_a","setShowScrollDownButton","hasMore","onScroll","scrollRef","useCallback","e","element","target","clientHeight","scrollBottom","SCROLL_BUFFER","current","OpenchannelMessageList","props","ref","useOpenChannelContext","_b","isMessageGroupingEnabled","allMessages","store","useSendbirdStateContext","userId","config","useRef","_c","useState","showScrollDownButton","scrollToBottom","scrollTo","handleOnScroll","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUgB,SAAAA,gBAAgBA,CAACC,YAAoB,EAAEC,SAAiB,EAAA;EACtE,OAAOD,YAAY,GAAGC,SAAS,CAAA;AACjC,CAAA;AAEM,SAAUC,yBAAyBA,CAACC,EAKT,EAAA;MAJ/BC,uBAAuB,GAAAD,EAAA,CAAAC,uBAAA;IACvBC,OAAO,GAAAF,EAAA,CAAAE,OAAA;IACPC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACRC,SAAS,GAAAJ,EAAA,CAAAI,SAAA,CAAA;AAET,EAAA,OAAOC,WAAW,CAAC,UAACC,CAAC,EAAA;AACnB,IAAA,IAAMC,OAAO,GAAGD,CAAC,CAACE,MAAiB,CAAA;AAEjC,IAAA,IAAAV,SAAS,GAGPS,OAAO,CAAAT,SAHA;MACTD,YAAY,GAEVU,OAAO,CAAAV,YAFG;MACZY,YAAY,GACVF,OAAO,aADG,CAAA;AAEd;AACA;AACA;AACA,IAAA,IAAMG,YAAY,GAAGd,gBAAgB,CAACC,YAAY,EAAEC,SAAS,CAAC,CAAA;AAC9D;AACA;AACA,IAAA,IAAID,YAAY,GAAGC,SAAS,GAAGW,YAAY,GAAG,CAAC,EAAE;MAC/CR,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAC9B,KAAA,MAAM;MACLA,uBAAuB,CAAC,KAAK,CAAC,CAAA;AAC/B,KAAA;IACD,IAAI,CAACC,OAAO,EAAE;AACZ,MAAA,OAAA;AACD,KAAA;IACD,IAAIJ,SAAS,GAAGa,aAAa,EAAE;AAC7BR,MAAAA,QAAQ,CAAC,YAAA;AACP;QACAC,SAAS,CAACQ,OAAO,CAACd,SAAS,GAAGM,SAAS,CAACQ,OAAO,CAACf,YAAY,GAAGa,YAAY,CAAA;AAC7E,OAAC,CAAC,CAAA;AACH,KAAA;GACF,EAAE,CACDT,uBAAuB,EACvBC,OAAO,EACPC,QAAQ,EACRC,SAAS,CACV,CAAC,CAAA;AACJ;;AC/BA,SAASS,sBAAsBA,CAC7BC,KAAkC,EAClCC,GAAoC,EAAA;EAE9B,IAAAf,KAKFgB,qBAAqB,EAAE;IAJzBC,EAA+B,GAAAjB,EAAA,CAAAkB,wBAAA;IAA/BA,wBAAwB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,KAAA;IAC/BE,WAAW,iBAAA;IACXjB,OAAO,aAAA;IACPC,QAAQ,cACiB,CAAA;EAC3B,IAAMiB,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,IAAMC,MAAM,GAAGF,KAAK,CAACG,MAAM,CAACD,MAAM,CAAA;AAClC,EAAA,IAAMlB,SAAS,GAAGW,GAAG,IAAIS,MAAM,CAAC,IAAI,CAAC,CAAA;AAC/B,EAAA,IAAAC,EAAA,GAAkDC,QAAQ,CAAC,KAAK,CAAC;AAAhEC,IAAAA,oBAAoB,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAExB,IAAAA,uBAAuB,GAAAwB,EAAA,CAAA,CAAA,CAAmB,CAAA;AAEvE,EAAA,IAAMG,cAAc,GAAG,YAAA;AACrB,IAAA,IAAIxB,SAAS,IAAIA,SAAS,CAACQ,OAAO,EAAE;AAClCR,MAAAA,SAAS,CAACQ,OAAO,CAACiB,QAAQ,CAAC,CAAC,EAAEzB,SAAS,CAACQ,OAAO,CAACf,YAAY,CAAC,CAAA;MAC7DI,uBAAuB,CAAC,KAAK,CAAC,CAAA;AAC/B,KAAA;GACF,CAAA;EAED,IAAM6B,cAAc,GAAG/B,yBAAyB,CAAC;AAC/CE,IAAAA,uBAAuB,EAAAA,uBAAA;AACvBC,IAAAA,OAAO,EAAAA,OAAA;AACPC,IAAAA,QAAQ,EAAAA,QAAA;AACRC,IAAAA,SAAS,EAAAA,SAAAA;AACV,GAAA,CAAC,CAAA;AAEF,EAAA,IAAM2B,mBAAmB,GAAGC,OAAO,CAAC,YAAA;;AAClC,IAAA,IAAIb,WAAW,CAACc,MAAM,GAAG,CAAC,EAAE;MAC1B,OACEd,WAAW,CAACe,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK,EAAA;;AAC7B,QAAA,IAAMC,eAAe,GAAGlB,WAAW,CAACiB,KAAK,GAAG,CAAC,CAAC,CAAA;AAC9C,QAAA,IAAME,WAAW,GAAGnB,WAAW,CAACiB,KAAK,GAAG,CAAC,CAAC,CAAA;AAE1C,QAAA,IAAMG,wBAAwB,GAAGF,eAAe,IAAIA,eAAe,CAACG,SAAS,CAAA;AAC7E,QAAA,IAAMC,gBAAgB,GAAGN,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEK,SAAS,CAAA;AAC3C;QACA,IAAME,YAAY,GAAG,EAAEH,wBAAwB,IAC7CI,SAAS,CAACF,gBAAgB,EAAEF,wBAAwB,CACrD,CAAC,CAAA;AAEI,QAAA,IAAAtB,KAA0BC,wBAAwB,GACpD0B,0BAA0B,CAACP,eAAe,EAAEF,OAAO,EAAEG,WAAW,CAAC,GACjE,CAAC,KAAK,EAAE,KAAK,CAAC;AAFXO,UAAAA,QAAQ,GAAA5B,EAAA,CAAA,CAAA,CAAA;AAAE6B,UAAAA,WAAW,GAAA7B,EAAA,CAAA,CAAA,CAEV,CAAA;AAClB,QAAA,IAAM8B,MAAM,GAAG,CAAA,CAAA/C,EAAA,GAACmC,OAAuB,KAAvB,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAkBa,MAAM,MAAA,IAAA,IAAAhD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEsB,MAAM,MAAKA,MAAM,CAAA;AAClE,QAAA,IAAM2B,GAAG,GAAG,CAAAd,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEe,SAAS,MAAKf,OAAuB,aAAvBA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAkBgB,KAAK,CAAA,CAAA;AACjE,QAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AAACnB,UAAAA,OAAO,EAAEA,OAAQ;AAACY,UAAAA,MAAM,EAAEA,MAAO;AAACE,UAAAA,GAAG,EAAEA,GAAAA;AAAI,SAAA,eAC1DG,cAAA,CAAAC,aAAA,CAACE,4BAAkB,EAAA;AACjBpB,UAAAA,OAAO,EAAEA,OAAQ;AACjBU,UAAAA,QAAQ,EAAEA,QAAS;AACnBC,UAAAA,WAAW,EAAEA,WAAY;AACzBJ,UAAAA,YAAY,EAAEA,YAAa;AAC3Bc,UAAAA,aAAa,EAAE1C,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE0C,aAAAA;AAAc,SAAA,CAExC,CAAkB,CAAA;AAEtB,OAAC,CAAC,CAAA;AAEL,KAAA;AACD,IAAA,OACE,CAAA,CAAAxD,EAAA,GAAAc,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAE2C,0BAA0B,MAAI,IAAA,IAAAzD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAA0D,IAAA,CAAA5C,KAAA,CAAA,kBACnCsC,cAAA,CAAAC,aAAA,CAACM,WAAW,EAAA;AACVC,MAAAA,SAAS,EAAC,mEAAmE;MAC7EC,IAAI,EAAEC,gBAAgB,CAACC,WAAAA;KAE1B,CAAA,CAAA;AAEL,GAAC,EAAE,CAAC5C,WAAW,CAAC,CAAC,CAAA;EAEjB,oBACEiC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKO,IAAAA,SAAS,EAAC,0CAAA;GACbR,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKO,IAAAA,SAAS,EAAC,qDAAA;GACbR,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKO,IAAAA,SAAS,EAAC,8DAAA;GACf,CAAA,eAAAR,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEO,IAAAA,SAAS,EAAE,CACT,qEAAqE,EACpEzC,WAAW,CAACc,MAAM,GAAG,CAAC,GAAI,EAAE,GAAG,aAAa,CAC9C,CAAC+B,IAAI,CAAC,GAAG,CAAE;AACZ7D,IAAAA,QAAQ,EAAE2B,cAAe;AACzBf,IAAAA,GAAG,EAAEX,SAAAA;GAEJ2B,EAAAA,mBAAmB,CAExB,CACA,EACEJ,oBAAoB,iBAClByB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEO,IAAAA,SAAS,EAAC,2EAA2E;AACrFK,IAAAA,OAAO,EAAErC,cAAe;AACxBsC,IAAAA,SAAS,EAAEtC,cAAe;AAC1BuC,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,eAEbhB,cAAA,CAAAC,aAAA,CAACgB,IAAI,EAAA;AACHC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;IACbV,IAAI,EAAEW,SAAS,CAACC,YAAa;IAC7BC,SAAS,EAAEC,UAAU,CAACC,OAAAA;AAAQ,GAAA,CAElC,CACD,CAEC,CAAA;AAEV,CAAA;AAEA,6BAAA,aAAexB,cAAK,CAACyB,UAAU,CAAChE,sBAAsB,CAAC;;;;"}

package/OpenChannel/components/OpenChannelUI.js

@@ -1,44 +1,44 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-e418b369.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-36270182.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-0ecbda20.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ec8cbdfb.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-aced8439.js';
-import '../../index-cf141ad7.js';
-import '../../UserProfileContext-1996d4d2.js';
+import '../../index-8a52a6f4.js';
+import '../../index-0f373e79.js';
+import '../../UserProfileContext-12b6fabf.js';
 import 'prop-types';
-import '../../tslib.es6-209c9f08.js';
-import '../../compareIds-d958887d.js';
-import '../../topics-4697c2b3.js';
+import '../../tslib.es6-5180f9d1.js';
+import '../../compareIds-3e30a438.js';
+import '../../topics-6d4bf2ed.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../uuid-31c6ecb2.js';
+import '../../uuid-368c5040.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../LocalizationContext-654ae04f.js';
-import '../../stringSet-7c7d84fc.js';
+import '../../LocalizationContext-43b10f97.js';
+import '../../stringSet-2d42f6ff.js';
 import '../../ui/MessageInput.js';
-import '../../_rollupPluginBabelHelpers-e908c50d.js';
-import '../../const-c7334190.js';
-import '../../const-735bcf5b.js';
+import '../../_rollupPluginBabelHelpers-3756a6a3.js';
+import '../../const-48a3200e.js';
+import '../../const-71bd6867.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../index-8e901b57.js';
+import '../../index-8f0ae983.js';
 import 'dompurify';
-import '../../consts-ddb92249.js';
+import '../../consts-e4e1a8fc.js';
 import '../../ui/Icon.js';
-import '../../index-83ae3ffe.js';
+import '../../index-cd1a9173.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../consts-12512664.js';
-import '../../consts-8f50899e.js';
-import '../../tokenize-8f238f49.js';
+import '../../consts-665331c7.js';
+import '../../consts-4b1e008b.js';
+import '../../tokenize-cd9c48bb.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../MediaQueryContext-e791a4d1.js';
+import '../../MediaQueryContext-f2df2472.js';
 import '../../ui/Loader.js';
-import '../../index-4c3eaeb7.js';
+import '../../index-95f0372d.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -46,44 +46,41 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-04bd857d.js';
-import '../../utils-3d03001e.js';
-import '../../index-47d179f2.js';
-import '../../useLongPress-e2570976.js';
+import '../../utils-a7563986.js';
+import '../../utils-4c1f97d4.js';
+import '../../index-c77693d8.js';
+import '../../useLongPress-c1a00d6e.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
-import '../../index-ace292c2.js';
+import '../../index-cc626895.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-f6e2214f.js';
+import '../../color-e54d3ed7.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/FileViewer.js';
-import '../../index-12c44496.js';
+import '../../index-5c20d787.js';
 import '../../ui/Modal.js';
-import '../../consts-9422accf.js';
+import '../../consts-30f09302.js';
 
 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;
-
+    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;
-
+    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
@@ -91,7 +88,6 @@ var OpenChannelUI = function (_a) {
       type: PlaceHolderTypes.NO_CHANNELS
     }));
   }
-
   if (loading) {
     return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || /*#__PURE__*/React__default.createElement("div", {
       className: COMPONENT_CLASS_NAME
@@ -99,7 +95,6 @@ var OpenChannelUI = function (_a) {
       type: PlaceHolderTypes.LOADING
     }));
   }
-
   if (isInvalid) {
     return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default.createElement("div", {
       className: COMPONENT_CLASS_NAME
@@ -107,7 +102,6 @@ var OpenChannelUI = function (_a) {
       type: PlaceHolderTypes.WRONG
     }));
   }
-
   return /*#__PURE__*/React__default.createElement("div", {
     className: COMPONENT_CLASS_NAME
   }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default.createElement(OpenchannelConversationHeader, null), (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && /*#__PURE__*/React__default.createElement(FrozenNotification, null), /*#__PURE__*/React__default.createElement(OpenChannelMessageList, {

package/OpenChannel/components/OpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelUI.js","sources":["../../../src/smart-components/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","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification"],"mappings":"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"}
+{"version":3,"file":"OpenChannelUI.js","sources":["../../../src/smart-components/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,15 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-e418b369.js';
-import '../UserProfileContext-1996d4d2.js';
-import '../topics-4697c2b3.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-36270182.js';
+import '../UserProfileContext-12b6fabf.js';
+import '../topics-6d4bf2ed.js';
 import '../useSendbirdStateContext.js';
-import '../index-aced8439.js';
-import '../index-cf141ad7.js';
-import '../tslib.es6-209c9f08.js';
-import '../compareIds-d958887d.js';
+import '../index-8a52a6f4.js';
+import '../index-0f373e79.js';
+import '../tslib.es6-5180f9d1.js';
+import '../compareIds-3e30a438.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../uuid-31c6ecb2.js';
+import '../uuid-368c5040.js';
 import 'prop-types';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/OpenChannel.js

@@ -1,69 +1,69 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './OpenChannelProvider-e418b369.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-36270182.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-654ae04f.js';
-import './stringSet-7c7d84fc.js';
-import './index-cf141ad7.js';
+import './LocalizationContext-43b10f97.js';
+import './stringSet-2d42f6ff.js';
+import './index-0f373e79.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-e908c50d.js';
+import './_rollupPluginBabelHelpers-3756a6a3.js';
 import 'prop-types';
-import './const-c7334190.js';
-import './const-735bcf5b.js';
+import './const-48a3200e.js';
+import './const-71bd6867.js';
 import './ui/IconButton.js';
-import './tslib.es6-209c9f08.js';
+import './tslib.es6-5180f9d1.js';
 import './ui/Button.js';
-import './index-8e901b57.js';
+import './index-8f0ae983.js';
 import 'dompurify';
-import './consts-ddb92249.js';
+import './consts-e4e1a8fc.js';
 import './ui/Icon.js';
-import './index-83ae3ffe.js';
+import './index-cd1a9173.js';
 import './utils/message/getOutgoingMessageState.js';
-import './consts-12512664.js';
-import './consts-8f50899e.js';
-import './tokenize-8f238f49.js';
+import './consts-665331c7.js';
+import './consts-4b1e008b.js';
+import './tokenize-cd9c48bb.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-31c6ecb2.js';
-import './MediaQueryContext-e791a4d1.js';
-import './index-0ecbda20.js';
+import './uuid-368c5040.js';
+import './MediaQueryContext-f2df2472.js';
+import './index-ec8cbdfb.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-4c3eaeb7.js';
-import './index-aced8439.js';
+import './index-95f0372d.js';
+import './index-8a52a6f4.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-1996d4d2.js';
+import './UserProfileContext-12b6fabf.js';
 import './sendbirdSelectors.js';
-import './topics-4697c2b3.js';
-import './utils-04bd857d.js';
+import './topics-6d4bf2ed.js';
+import './utils-a7563986.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './utils-3d03001e.js';
-import './index-47d179f2.js';
-import './useLongPress-e2570976.js';
+import './utils-4c1f97d4.js';
+import './index-c77693d8.js';
+import './useLongPress-c1a00d6e.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
-import './index-ace292c2.js';
+import './index-cc626895.js';
 import './Message/context.js';
 import './ui/MentionLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './color-f6e2214f.js';
+import './color-e54d3ed7.js';
 import './ui/DateSeparator.js';
 import './ui/FileViewer.js';
-import './index-12c44496.js';
+import './index-5c20d787.js';
 import './ui/Modal.js';
-import './consts-9422accf.js';
-import './compareIds-d958887d.js';
+import './consts-30f09302.js';
+import './compareIds-3e30a438.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 

package/OpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannel.js","sources":["../src/smart-components/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","channelUrl","isMessageGroupingEnabled","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","onBackClick","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAA+B,UAACC,KAAD,EAAwB;AACtE,EAAA,oBACEC,6BAAC,mBAAD,EAAA;AACE,IAAA,UAAU,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEE,UADrB;AAEE,IAAA,wBAAwB,EAAEF,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEG,wBAFnC;AAGE,IAAA,OAAO,EAAEH,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEI,OAHlB;AAIE,IAAA,YAAY,EAAEJ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEK,YAJvB;AAKE,IAAA,uBAAuB,EAAEL,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEM,uBALlC;AAME,IAAA,uBAAuB,EAAEN,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEO,uBANlC;AAOE,IAAA,uBAAuB,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEQ,uBAPlC;AAQE,IAAA,kBAAkB,EAAER,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAES,kBAR7B;AASE,IAAA,iBAAiB,EAAET,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEU,iBAT5B;AAUE,IAAA,WAAW,EAAEV,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,WAAAA;AAVtB,GAAA,eAYEV,6BAAC,aAAD,EAAA;AACE,IAAA,aAAa,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEY,aADxB;AAEE,IAAA,YAAY,EAAEZ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEa,YAFvB;AAGE,IAAA,WAAW,EAAEb,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEc,WAHtB;AAIE,IAAA,0BAA0B,EAAEd,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEe,0BAJrC;AAKE,IAAA,sBAAsB,EAAEf,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEgB,sBALjC;AAME,IAAA,wBAAwB,EAAEhB,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEiB,wBAAAA;AANnC,GAAA,CAZF,CADF,CAAA;AAuBD;;;;"}
+{"version":3,"file":"OpenChannel.js","sources":["../src/smart-components/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,GAAA,CAE9D,CAAsB,CAAA;AAE1B;;;;"}