@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sources":["../../src/smart-components/App/DesktopLayout.tsx","../../src/smart-components/App/MobileLayout.tsx","../../src/smart-components/App/AppLayout.tsx","../../src/smart-components/App/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport type { DesktopLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearchPannel from '../MessageSearch';\nimport Thread from '../Thread';\n\nexport const DesktopLayout: React.FC<DesktopLayoutProps> = (\n  props: DesktopLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n    showSettings,\n    setShowSettings,\n    showSearch,\n    setShowSearch,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n    showThread,\n    setShowThread,\n    threadTargetMessage,\n    setThreadTargetMessage,\n  } = props;\n  const [animatedMessageId, setAnimatedMessageId] = useState(null);\n  return (\n    <div className=\"sendbird-app__wrap\">\n      <div className=\"sendbird-app__channellist-wrap\">\n        <ChannelList\n          allowProfileEdit={allowProfileEdit}\n          activeChannelUrl={currentChannel?.url}\n          onProfileEditSuccess={onProfileEditSuccess}\n          disableAutoSelect={disableAutoSelect}\n          onChannelSelect={(channel) => {\n            setStartingPoint(null);\n            setHighlightedMessage(null);\n            if (channel) {\n              setCurrentChannel(channel);\n            } else {\n              setCurrentChannel(null);\n            }\n          }}\n        />\n      </div>\n      <div\n        className={`\n          ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}\n          ${showSearch ? 'sendbird-app__conversation--search-open' : ''}\n          sendbird-app__conversation-wrap\n        `}\n      >\n        <Channel\n          channelUrl={currentChannel?.url || ''}\n          onChatHeaderActionClick={() => {\n            setShowSearch(false);\n            setShowThread(false);\n            setShowSettings(!showSettings);\n          }}\n          onSearchClick={() => {\n            setShowSettings(false);\n            setShowThread(false);\n            setShowSearch(!showSearch);\n          }}\n          onReplyInThread={({ message }) => { // parent message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage(message);\n              setShowThread(true);\n            }\n          }}\n          onQuoteMessageClick={({ message }) => { // thread message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage(message);\n              setShowThread(true);\n            }\n          }}\n          onMessageAnimated={() => {\n            setAnimatedMessageId(null);\n          }}\n          onMessageHighlighted={() => {\n            setHighlightedMessage(null);\n          }}\n          showSearchIcon={showSearchIcon}\n          startingPoint={startingPoint}\n          animatedMessage={animatedMessageId}\n          highlightedMessage={highlightedMessage}\n          isReactionEnabled={isReactionEnabled}\n          replyType={replyType}\n          isMessageGroupingEnabled={isMessageGroupingEnabled}\n        />\n      </div>\n      {showSettings && (\n        <div className=\"sendbird-app__settingspanel-wrap\">\n          <ChannelSettings\n            className=\"sendbird-channel-settings\"\n            channelUrl={currentChannel?.url || ''}\n            onCloseClick={() => {\n              setShowSettings(false);\n            }}\n          />\n        </div>\n      )}\n      {showSearch && (\n        <div className=\"sendbird-app__searchpanel-wrap\">\n          <MessageSearchPannel\n            channelUrl={currentChannel?.url || ''}\n            onResultClick={(message) => {\n              if (message.messageId === highlightedMessage) {\n                setHighlightedMessage(null);\n                setTimeout(() => {\n                  setHighlightedMessage(message.messageId);\n                });\n              } else {\n                setStartingPoint(message.createdAt);\n                setHighlightedMessage(message.messageId);\n              }\n            }}\n            onCloseClick={() => {\n              setShowSearch(false);\n            }}\n          />\n        </div>\n      )}\n      {showThread && (\n        <Thread\n          className=\"sendbird-app__thread\"\n          channelUrl={currentChannel?.url || ''}\n          message={threadTargetMessage}\n          onHeaderActionClick={() => {\n            setShowThread(false);\n          }}\n          onMoveToParentMessage={({ message, channel }) => {\n            if (channel?.url !== currentChannel?.url) {\n              setCurrentChannel(channel);\n            }\n            if (message?.messageId !== animatedMessageId) {\n              setStartingPoint(message?.createdAt);\n            }\n            setTimeout(() => {\n              setAnimatedMessageId(message?.messageId);\n            }, 500);\n          }}\n        />\n      )}\n    </div>\n  )\n};\n","import './mobile.scss';\n\nimport React, { useState, useEffect } from 'react';\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { GroupChannelHandler } from '@sendbird/chat/groupChannel';\n\nimport type { MobileLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearch from '../MessageSearch';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport uuidv4 from '../../utils/uuid';\n\nenum PANELS {\n  CHANNEL_LIST = 'CHANNEL_LIST',\n  CHANNEL = 'CHANNEL',\n  CHANNEL_SETTINGS = 'CHANNEL_SETTINGS',\n  MESSAGE_SEARCH = 'MESSAGE_SEARCH',\n}\n\nexport const MobileLayout: React.FC<MobileLayoutProps> = (\n  props: MobileLayoutProps,\n) => {\n  const {\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    isReactionEnabled,\n    showSearchIcon,\n    onProfileEditSuccess,\n    currentChannel,\n    setCurrentChannel,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n  } = props;\n  const [panel, setPanel] = useState(PANELS?.CHANNEL_LIST);\n\n  const store = useSendbirdStateContext();\n  const sdk = store?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const userId = store?.config?.userId;\n\n  const goToMessage = (message?: BaseMessage | null) => {\n    setStartingPoint(message?.createdAt);\n    setTimeout(() => {\n      setHighlightedMessage(message?.messageId);\n    });\n  };\n\n  useEffect(() => {\n    if (panel !== PANELS?.CHANNEL) {\n      goToMessage();\n    }\n  }, [panel]);\n\n  useEffect(() => {\n    const handlerId = uuidv4();\n    if (sdk?.groupChannel?.addGroupChannelHandler) {\n      const handler = new GroupChannelHandler({\n        onUserBanned: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onChannelDeleted: (channelUrl) => {\n          if (channelUrl === currentChannel?.url) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onUserLeft: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n      });\n      sdk?.groupChannel?.addGroupChannelHandler(handlerId, handler)\n    }\n    return () => {\n      sdk?.groupChannel?.removeGroupChannelHandler?.(handlerId);\n    }\n  }, [sdk]);\n\n  return (\n    <div>\n      {\n        panel === PANELS?.CHANNEL_LIST && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelList\n              onProfileEditSuccess={onProfileEditSuccess}\n              onChannelSelect={(channel) => {\n                setCurrentChannel(channel);\n                setPanel(PANELS.CHANNEL);\n              }}\n              allowProfileEdit={allowProfileEdit}\n              // this condition must be true for mobile\n              disableAutoSelect\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL && (\n          <div className='sb_mobile__panelwrap'>\n            <Channel\n              replyType={replyType}\n              channelUrl={currentChannel?.url}\n              onSearchClick={() => {\n                setPanel(PANELS.MESSAGE_SEARCH);\n              }}\n              onBackClick={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              startingPoint={startingPoint}\n              highlightedMessage={highlightedMessage}\n              onChatHeaderActionClick={() => {\n                setPanel(PANELS.CHANNEL_SETTINGS);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL_SETTINGS && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelSettings\n              channelUrl={currentChannel?.url}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onLeaveChannel={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.MESSAGE_SEARCH && (\n          <div className='sb_mobile__panelwrap'>\n            <MessageSearch\n              channelUrl={currentChannel?.url}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onResultClick={(message) => {\n                setPanel(PANELS.CHANNEL);\n                goToMessage(message);\n              }}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport type { AppLayoutProps } from './types';\n\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { DesktopLayout } from './DesktopLayout';\nimport { MobileLayout } from './MobileLayout';\n\nexport const AppLayout: React.FC<AppLayoutProps> = (\n  props: AppLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n  } = props;\n  const [showThread, setShowThread] = useState(false);\n  const [threadTargetMessage, setThreadTargetMessage] = useState<UserMessage | FileMessage>(null);\n  const [showSettings, setShowSettings] = useState(false);\n  const [showSearch, setShowSearch] = useState(false);\n  const [highlightedMessage, setHighlightedMessage] = useState<number>(null);\n  const [startingPoint, setStartingPoint] = useState<number>(null);\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <>\n      {\n        isMobile\n          ? (\n            <MobileLayout\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n          : (\n            <DesktopLayout\n              isReactionEnabled={isReactionEnabled}\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              disableAutoSelect={disableAutoSelect}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              showThread={showThread}\n              setShowThread={setShowThread}\n              threadTargetMessage={threadTargetMessage}\n              setThreadTargetMessage={setThreadTargetMessage}\n              showSettings={showSettings}\n              setShowSettings={setShowSettings}\n              showSearch={showSearch}\n              setShowSearch={setShowSearch}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n      }\n    </>\n  )\n}\n","/**\n * This is a drop in Chat solution\n * Can also be used as an example for creating\n * default chat apps\n */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Sendbird from '../../lib/Sendbird';\n\nimport { AppLayout } from './AppLayout';\n\nimport './index.scss';\nimport { VOICE_RECORDER_DEFAULT_MAX, VOICE_RECORDER_DEFAULT_MIN } from '../../utils/consts';\n\nexport default function App(props) {\n  const {\n    appId,\n    userId,\n    accessToken,\n    customApiHost,\n    customWebSocketHost,\n    mediaQueryBreakPoint,\n    theme,\n    userListQuery,\n    nickname,\n    profileUrl,\n    dateLocale,\n    config = {},\n    isReactionEnabled,\n    isMentionEnabled,\n    isVoiceMessageEnabled,\n    voiceRecord,\n    replyType,\n    isMessageGroupingEnabled,\n    colorSet,\n    stringSet,\n    allowProfileEdit,\n    disableUserProfile,\n    disableMarkAsDelivered,\n    renderUserProfile,\n    showSearchIcon,\n    onProfileEditSuccess,\n    imageCompression,\n    disableAutoSelect,\n    isTypingIndicatorEnabledOnChannelList,\n    isMessageReceiptStatusEnabledOnChannelList,\n  } = props;\n  const [currentChannel, setCurrentChannel] = useState(null);\n  return (\n    <Sendbird\n      stringSet={stringSet}\n      appId={appId}\n      userId={userId}\n      accessToken={accessToken}\n      customApiHost={customApiHost}\n      customWebSocketHost={customWebSocketHost}\n      mediaQueryBreakPoint={mediaQueryBreakPoint}\n      theme={theme}\n      nickname={nickname}\n      profileUrl={profileUrl}\n      dateLocale={dateLocale}\n      userListQuery={userListQuery}\n      config={config}\n      colorSet={colorSet}\n      disableUserProfile={disableUserProfile}\n      disableMarkAsDelivered={disableMarkAsDelivered}\n      renderUserProfile={renderUserProfile}\n      imageCompression={imageCompression}\n      isReactionEnabled={isReactionEnabled}\n      isMentionEnabled={isMentionEnabled}\n      isVoiceMessageEnabled={isVoiceMessageEnabled}\n      voiceRecord={voiceRecord}\n      onUserProfileMessage={(channel) => {\n        setCurrentChannel(channel);\n      }}\n      isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n      isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\n      replyType={replyType}\n    >\n      <AppLayout\n        currentChannel={currentChannel}\n        setCurrentChannel={setCurrentChannel}\n        isReactionEnabled={isReactionEnabled}\n        replyType={replyType}\n        isMessageGroupingEnabled={isMessageGroupingEnabled}\n        allowProfileEdit={allowProfileEdit}\n        showSearchIcon={showSearchIcon}\n        onProfileEditSuccess={onProfileEditSuccess}\n        disableAutoSelect={disableAutoSelect}\n      />\n    </Sendbird>\n  );\n}\n\nApp.propTypes = {\n  appId: PropTypes.string.isRequired,\n  userId: PropTypes.string.isRequired,\n  accessToken: PropTypes.string,\n  customApiHost: PropTypes.string,\n  customWebSocketHost: PropTypes.string,\n  theme: PropTypes.string,\n  userListQuery: PropTypes.func,\n  nickname: PropTypes.string,\n  profileUrl: PropTypes.string,\n  mediaQueryBreakPoint: PropTypes.string,\n  allowProfileEdit: PropTypes.bool,\n  disableUserProfile: PropTypes.bool,\n  disableMarkAsDelivered: PropTypes.bool,\n  renderUserProfile: PropTypes.func,\n  onProfileEditSuccess: PropTypes.func,\n  dateLocale: PropTypes.shape({}),\n  config: PropTypes.shape({\n    // None Error Warning Info 'All/Debug'\n    logLevel: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.string),\n    ]),\n    isREMUnitEnabled: PropTypes.bool,\n  }),\n  isReactionEnabled: PropTypes.bool,\n  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n  showSearchIcon: PropTypes.bool,\n  isMessageGroupingEnabled: PropTypes.bool,\n  stringSet: PropTypes.objectOf(PropTypes.string),\n  colorSet: PropTypes.objectOf(PropTypes.string),\n  imageCompression: PropTypes.shape({\n    compressionRate: PropTypes.number,\n    resizingWidth: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    resizingHeight: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  disableAutoSelect: PropTypes.bool,\n  isMentionEnabled: PropTypes.bool,\n  isVoiceMessageEnabled: PropTypes.bool,\n  voiceRecord: PropTypes.shape({\n    maxRecordingTime: PropTypes.number,\n    minRecordingTime: PropTypes.number,\n  }),\n  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n  accessToken: '',\n  customApiHost: '',\n  customWebSocketHost: '',\n  theme: 'light',\n  nickname: '',\n  profileUrl: '',\n  userListQuery: null,\n  mediaQueryBreakPoint: null,\n  dateLocale: null,\n  allowProfileEdit: false,\n  onProfileEditSuccess: null,\n  disableUserProfile: false,\n  disableMarkAsDelivered: false,\n  showSearchIcon: false,\n  renderUserProfile: null,\n  config: {},\n  isReactionEnabled: true,\n  isMentionEnabled: false,\n  isVoiceMessageEnabled: true,\n  voiceRecord: {\n    maxRecordingTime: VOICE_RECORDER_DEFAULT_MAX,\n    minRecordingTime: VOICE_RECORDER_DEFAULT_MIN,\n  },\n  replyType: 'NONE',\n  isMessageGroupingEnabled: true,\n  stringSet: null,\n  colorSet: null,\n  imageCompression: {},\n  disableAutoSelect: false,\n  isTypingIndicatorEnabledOnChannelList: false,\n  isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["DesktopLayout","props","isReactionEnabled","replyType","isMessageGroupingEnabled","allowProfileEdit","showSearchIcon","onProfileEditSuccess","disableAutoSelect","currentChannel","setCurrentChannel","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","showThread","setShowThread","threadTargetMessage","setThreadTargetMessage","_a","useState","animatedMessageId","setAnimatedMessageId","React","createElement","className","ChannelList","activeChannelUrl","url","onChannelSelect","channel","concat","Channel","channelUrl","onChatHeaderActionClick","onSearchClick","onReplyInThread","message","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","animatedMessage","ChannelSettings","onCloseClick","MessageSearchPannel","onResultClick","messageId","setTimeout","createdAt","Thread","onHeaderActionClick","onMoveToParentMessage","PANELS","MobileLayout","_d","CHANNEL_LIST","panel","setPanel","store","useSendbirdStateContext","sdk","_b","stores","sdkStore","userId","_c","config","goToMessage","useEffect","CHANNEL","handlerId","uuidv4","groupChannel","addGroupChannelHandler","handler","GroupChannelHandler","onUserBanned","user","onChannelDeleted","onUserLeft","removeGroupChannelHandler","call","MESSAGE_SEARCH","onBackClick","CHANNEL_SETTINGS","onLeaveChannel","MessageSearch","AppLayout","_e","_f","isMobile","useMediaQueryContext","Fragment","App","appId","accessToken","customApiHost","customWebSocketHost","mediaQueryBreakPoint","theme","userListQuery","nickname","profileUrl","dateLocale","isMentionEnabled","isVoiceMessageEnabled","voiceRecord","colorSet","stringSet","disableUserProfile","disableMarkAsDelivered","renderUserProfile","imageCompression","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","Sendbird","onUserProfileMessage","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","maxRecordingTime","minRecordingTime","defaultProps","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_DEFAULT_MIN"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,IAAMA,aAAa,GAAiC,UACzDC,KAAyB,EAAA;AAGvB,EAAA,IAAAC,iBAAiB,GAqBfD,KAAK,CAAAC,iBArBU;IACjBC,SAAS,GAoBPF,KAAK,CAAAE,SApBE;IACTC,wBAAwB,GAmBtBH,KAAK,CAAAG,wBAnBiB;IACxBC,gBAAgB,GAkBdJ,KAAK,iBAlBS;IAChBK,cAAc,GAiBZL,KAAK,CAjBOK,cAAA;IACdC,oBAAoB,GAgBlBN,KAAK,qBAhBa;IACpBO,iBAAiB,GAefP,KAAK,CAAAO,iBAfU;IACjBC,cAAc,GAcZR,KAAK,eAdO;IACdS,iBAAiB,GAafT,KAAK,CAbUS,iBAAA;IACjBC,YAAY,GAYVV,KAAK,CAZKU,YAAA;IACZC,eAAe,GAWbX,KAAK,CAXQW,eAAA;IACfC,UAAU,GAURZ,KAAK,WAVG;IACVa,aAAa,GASXb,KAAK,CATMa,aAAA;IACbC,kBAAkB,GAQhBd,KAAK,CARWc,kBAAA;IAClBC,qBAAqB,GAOnBf,KAAK,CAPce,qBAAA;IACrBC,aAAa,GAMXhB,KAAK,CAAAgB,aANM;IACbC,gBAAgB,GAKdjB,KAAK,CALSiB,gBAAA;IAChBC,UAAU,GAIRlB,KAAK,CAJGkB,UAAA;IACVC,aAAa,GAGXnB,KAAK,CAHMmB,aAAA;IACbC,mBAAmB,GAEjBpB,KAAK,CAAAoB,mBAFY;IACnBC,sBAAsB,GACpBrB,KAAK,CAAAqB,sBADe,CAAA;AAElB,EAAA,IAAAC,EAAA,GAA4CC,cAAQ,CAAC,IAAI,CAAC;AAAzDC,IAAAA,iBAAiB,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,oBAAoB,GAAAH,EAAA,CAAA,CAAA,CAAkB,CAAA;EAChE,oBACEI,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,oBAAA;GACbF,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CF,yBAAA,CAAAC,aAAA,CAACE,WAAW,EAAA;AACVzB,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnC0B,IAAAA,gBAAgB,EAAEtB,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEuB,GAAI;AACtCzB,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCyB,IAAAA,eAAe,EAAE,UAACC,OAAO,EAAA;MACvBhB,gBAAgB,CAAC,IAAI,CAAC,CAAA;MACtBF,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAC3B,MAAA,IAAIkB,OAAO,EAAE;QACXxB,iBAAiB,CAACwB,OAAO,CAAC,CAAA;AAC3B,OAAA,MAAM;QACLxB,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACxB,OAAA;AACH,KAAA;AAAE,GAAA,CAEN,CACA,eAAAiB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEC,SAAS,EAAE,cACP,CAAAM,MAAA,CAAAxB,YAAY,GAAG,2CAA2C,GAAG,EAAE,EAC/D,cAAA,CAAA,CAAAwB,MAAA,CAAAtB,UAAU,GAAG,yCAAyC,GAAG,EAAE,EAE9D,uDAAA,CAAA;AAAC,GAAA,eAEFc,yBAAA,CAAAC,aAAA,CAACQ,OAAO,EAAA;AACNC,IAAAA,UAAU,EAAE,CAAA5B,cAAc,KAAd,IAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEuB,GAAG,KAAI,EAAG;IACtCM,uBAAuB,EAAE,YAAA;MACvBxB,aAAa,CAAC,KAAK,CAAC,CAAA;MACpBM,aAAa,CAAC,KAAK,CAAC,CAAA;MACpBR,eAAe,CAAC,CAACD,YAAY,CAAC,CAAA;KAC9B;IACF4B,aAAa,EAAE,YAAA;MACb3B,eAAe,CAAC,KAAK,CAAC,CAAA;MACtBQ,aAAa,CAAC,KAAK,CAAC,CAAA;MACpBN,aAAa,CAAC,CAACD,UAAU,CAAC,CAAA;KAC1B;AACF2B,IAAAA,eAAe,EAAE,UAACjB,EAAW,EAAA;AAAT,MAAA,IAAAkB,OAAO,GAAAlB,EAAA,CAAAkB,OAAA,CAAA;MACzB7B,eAAe,CAAC,KAAK,CAAC,CAAA;MACtBE,aAAa,CAAC,KAAK,CAAC,CAAA;MACpB,IAAIX,SAAS,KAAK,QAAQ,EAAE;QAC1BmB,sBAAsB,CAACmB,OAAO,CAAC,CAAA;QAC/BrB,aAAa,CAAC,IAAI,CAAC,CAAA;AACpB,OAAA;KACD;AACFsB,IAAAA,mBAAmB,EAAE,UAACnB,EAAW,EAAA;AAAT,MAAA,IAAAkB,OAAO,GAAAlB,EAAA,CAAAkB,OAAA,CAAA;MAC7B7B,eAAe,CAAC,KAAK,CAAC,CAAA;MACtBE,aAAa,CAAC,KAAK,CAAC,CAAA;MACpB,IAAIX,SAAS,KAAK,QAAQ,EAAE;QAC1BmB,sBAAsB,CAACmB,OAAO,CAAC,CAAA;QAC/BrB,aAAa,CAAC,IAAI,CAAC,CAAA;AACpB,OAAA;KACD;IACFuB,iBAAiB,EAAE,YAAA;MACjBjB,oBAAoB,CAAC,IAAI,CAAC,CAAA;KAC1B;IACFkB,oBAAoB,EAAE,YAAA;MACpB5B,qBAAqB,CAAC,IAAI,CAAC,CAAA;KAC3B;AACFV,IAAAA,cAAc,EAAEA,cAAe;AAC/BW,IAAAA,aAAa,EAAEA,aAAc;AAC7B4B,IAAAA,eAAe,EAAEpB,iBAAkB;AACnCV,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCb,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,wBAAwB,EAAEA,wBAAAA;AAAyB,GAAA,CAEvD,CACA,EAACO,YAAY,iBACXgB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,kCAAA;AAAkC,GAAA,eAC/CF,yBAAA,CAAAC,aAAA,CAACkB,eAAe,EAAA;AACdjB,IAAAA,SAAS,EAAC,2BAA2B;AACrCQ,IAAAA,UAAU,EAAE,CAAA5B,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEuB,GAAG,KAAI,EAAG;IACtCe,YAAY,EAAE,YAAA;MACZnC,eAAe,CAAC,KAAK,CAAC,CAAA;AACxB,KAAA;AAAE,GAAA,CAEN,CACD,EACAC,UAAU,iBACTc,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CF,yBAAA,CAAAC,aAAA,CAACoB,aAAmB,EAAA;AAClBX,IAAAA,UAAU,EAAE,CAAA5B,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEuB,GAAG,KAAI,EAAG;AACtCiB,IAAAA,aAAa,EAAE,UAACR,OAAO,EAAA;AACrB,MAAA,IAAIA,OAAO,CAACS,SAAS,KAAKnC,kBAAkB,EAAE;QAC5CC,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAC3BmC,QAAAA,UAAU,CAAC,YAAA;AACTnC,UAAAA,qBAAqB,CAACyB,OAAO,CAACS,SAAS,CAAC,CAAA;AAC1C,SAAC,CAAC,CAAA;AACH,OAAA,MAAM;AACLhC,QAAAA,gBAAgB,CAACuB,OAAO,CAACW,SAAS,CAAC,CAAA;AACnCpC,QAAAA,qBAAqB,CAACyB,OAAO,CAACS,SAAS,CAAC,CAAA;AACzC,OAAA;KACD;IACFH,YAAY,EAAE,YAAA;MACZjC,aAAa,CAAC,KAAK,CAAC,CAAA;AACtB,KAAA;GAEJ,CAAA,CACD,EACAK,UAAU,iBACTQ,yBAAA,CAAAC,aAAA,CAACyB,MAAM,EAAA;AACLxB,IAAAA,SAAS,EAAC,sBAAsB;AAChCQ,IAAAA,UAAU,EAAE,CAAA5B,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEuB,GAAG,KAAI,EAAG;AACtCS,IAAAA,OAAO,EAAEpB,mBAAoB;IAC7BiC,mBAAmB,EAAE,YAAA;MACnBlC,aAAa,CAAC,KAAK,CAAC,CAAA;KACpB;AACFmC,IAAAA,qBAAqB,EAAE,UAAChC,EAAoB,EAAA;UAAlBkB,OAAO,GAAAlB,EAAA,CAAAkB,OAAA;QAAEP,OAAO,GAAAX,EAAA,CAAAW,OAAA,CAAA;AACxC,MAAA,IAAI,CAAAA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEF,GAAG,OAAKvB,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEuB,GAAG,CAAA,EAAE;QACxCtB,iBAAiB,CAACwB,OAAO,CAAC,CAAA;AAC3B,OAAA;AACD,MAAA,IAAI,CAAAO,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAES,SAAS,MAAKzB,iBAAiB,EAAE;AAC5CP,QAAAA,gBAAgB,CAACuB,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEW,SAAS,CAAC,CAAA;AACrC,OAAA;AACDD,MAAAA,UAAU,CAAC,YAAA;AACTzB,QAAAA,oBAAoB,CAACe,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAES,SAAS,CAAC,CAAA;OACzC,EAAE,GAAG,CAAC,CAAA;AACT,KAAA;AAAE,GAAA,CAEL,CACG,CAAA;AAEV,CAAC;;ACjJD,IAAKM,MAKJ,CAAA;AALD,CAAA,UAAKA,MAAM,EAAA;AACTA,EAAAA,MAAA,CAAA,cAAA,CAAA,GAAA,cAA6B,CAAA;AAC7BA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC,CAAA;AACrCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACnC,CAAC,EALIA,MAAM,KAANA,MAAM,GAKV,EAAA,CAAA,CAAA,CAAA;AAEM,IAAMC,YAAY,GAAgC,UACvDxD,KAAwB,EAAA;;AAGtB,EAAA,IAAAE,SAAS,GAYPF,KAAK,CAZEE,SAAA;IACTC,wBAAwB,GAWtBH,KAAK,CAAAG,wBAXiB;IACxBC,gBAAgB,GAUdJ,KAAK,CAVSI,gBAAA;IAChBH,iBAAiB,GASfD,KAAK,CAAAC,iBATU;IACjBI,cAAc,GAQZL,KAAK,CAROK,cAAA;IACdC,oBAAoB,GAOlBN,KAAK,CAAAM,oBAPa;IACpBE,cAAc,GAMZR,KAAK,CANOQ,cAAA;IACdC,iBAAiB,GAKfT,KAAK,CAAAS,iBALU;IACjBK,kBAAkB,GAIhBd,KAAK,CAJWc,kBAAA;IAClBC,qBAAqB,GAGnBf,KAAK,CAAAe,qBAHc;IACrBC,aAAa,GAEXhB,KAAK,CAFMgB,aAAA;IACbC,gBAAgB,GACdjB,KAAK,CAAAiB,gBADS,CAAA;AAEZ,EAAA,IAAAwC,KAAoBlC,cAAQ,CAACgC,MAAM,KAAA,IAAA,IAANA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEG,YAAY,CAAC;AAAjDC,IAAAA,KAAK,QAAA;AAAEC,IAAAA,QAAQ,QAAkC,CAAA;EAExD,IAAMC,KAAK,GAAGC,uBAAuB,EAAE,CAAA;EACvC,IAAMC,GAAG,GAAG,CAAAC,EAAA,GAAA,CAAA1C,EAAA,GAAAuC,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAM,MAAA,IAAA,IAAA3C,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAE4C,QAAQ,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAED,GAAwB,CAAA;AAC7D,EAAA,IAAMI,MAAM,GAAG,CAAAC,EAAA,GAAAP,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEQ,MAAM,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,MAAM,CAAA;AAEpC,EAAA,IAAMG,WAAW,GAAG,UAAC9B,OAA4B,EAAA;AAC/CvB,IAAAA,gBAAgB,CAACuB,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEW,SAAS,CAAC,CAAA;AACpCD,IAAAA,UAAU,CAAC,YAAA;AACTnC,MAAAA,qBAAqB,CAACyB,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAES,SAAS,CAAC,CAAA;AAC3C,KAAC,CAAC,CAAA;GACH,CAAA;AAEDsB,EAAAA,eAAS,CAAC,YAAA;AACR,IAAA,IAAIZ,KAAK,MAAKJ,MAAM,KAAN,IAAA,IAAAA,MAAM,uBAANA,MAAM,CAAEiB,OAAO,CAAA,EAAE;AAC7BF,MAAAA,WAAW,EAAE,CAAA;AACd,KAAA;AACH,GAAC,EAAE,CAACX,KAAK,CAAC,CAAC,CAAA;AAEXY,EAAAA,eAAS,CAAC,YAAA;;IACR,IAAME,SAAS,GAAGC,WAAM,EAAE,CAAA;AAC1B,IAAA,IAAI,CAAApD,EAAA,GAAAyC,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEY,YAAY,MAAE,IAAA,IAAArD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAsD,sBAAsB,EAAE;AAC7C,MAAA,IAAMC,OAAO,GAAG,IAAIC,gCAAmB,CAAC;AACtCC,QAAAA,YAAY,EAAE,UAACJ,YAAY,EAAEK,IAAI,EAAA;AAC/B,UAAA,IAAIL,YAAY,CAAC5C,GAAG,MAAKvB,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEuB,GAAG,CAAA,IAAI,CAAAiD,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEb,MAAM,MAAKA,MAAM,EAAE;AACvEP,YAAAA,QAAQ,CAACL,MAAM,CAACG,YAAY,CAAC,CAAA;AAC9B,WAAA;SACF;AACDuB,QAAAA,gBAAgB,EAAE,UAAC7C,UAAU,EAAA;AAC3B,UAAA,IAAIA,UAAU,MAAK5B,cAAc,KAAd,IAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEuB,GAAG,CAAA,EAAE;AACtC6B,YAAAA,QAAQ,CAACL,MAAM,CAACG,YAAY,CAAC,CAAA;AAC9B,WAAA;SACF;AACDwB,QAAAA,UAAU,EAAE,UAACP,YAAY,EAAEK,IAAI,EAAA;AAC7B,UAAA,IAAIL,YAAY,CAAC5C,GAAG,MAAKvB,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEuB,GAAG,CAAA,IAAI,CAAAiD,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEb,MAAM,MAAKA,MAAM,EAAE;AACvEP,YAAAA,QAAQ,CAACL,MAAM,CAACG,YAAY,CAAC,CAAA;AAC9B,WAAA;AACH,SAAA;AACD,OAAA,CAAC,CAAA;AACF,MAAA,CAAAM,EAAA,GAAAD,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEY,YAAY,MAAE,IAAA,IAAAX,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAY,sBAAsB,CAACH,SAAS,EAAEI,OAAO,CAAC,CAAA;AAC9D,KAAA;AACD,IAAA,OAAO,YAAA;;MACL,CAAAb,EAAA,GAAA,CAAA1C,EAAA,GAAAyC,GAAG,KAAH,IAAA,IAAAA,GAAG,KAAH,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,GAAG,CAAEY,YAAY,MAAE,IAAA,IAAArD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAA6D,yBAAyB,MAAG,IAAA,IAAAnB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAoB,IAAA,CAAA9D,EAAA,EAAAmD,SAAS,CAAC,CAAA;KAC1D,CAAA;AACH,GAAC,EAAE,CAACV,GAAG,CAAC,CAAC,CAAA;EAET,oBACErC,yBAAA,CAAAC,aAAA,CAEIgC,KAAAA,EAAAA,IAAAA,EAAAA,KAAK,MAAKJ,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEG,YAAY,CAAA,iBAC5BhC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCF,yBAAA,CAAAC,aAAA,CAACE,WAAW,EAAA;AACVvB,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3C0B,IAAAA,eAAe,EAAE,UAACC,OAAO,EAAA;MACvBxB,iBAAiB,CAACwB,OAAO,CAAC,CAAA;AAC1B2B,MAAAA,QAAQ,CAACL,MAAM,CAACiB,OAAO,CAAC,CAAA;KACxB;AACFpE,IAAAA,gBAAgB,EAAEA,gBAAAA;AAClB;AAAA;IACAG,iBAAiB,EAAA,IAAA;GAErB,CAAA,CACD,EAGDoD,KAAK,MAAKJ,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEiB,OAAO,CAAA,iBACvB9C,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCF,yBAAA,CAAAC,aAAA,CAACQ,OAAO,EAAA;AACNjC,IAAAA,SAAS,EAAEA,SAAU;AACrBkC,IAAAA,UAAU,EAAE5B,cAAc,KAAd,IAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEuB,GAAI;IAChCO,aAAa,EAAE,YAAA;AACbsB,MAAAA,QAAQ,CAACL,MAAM,CAAC8B,cAAc,CAAC,CAAA;KAC/B;IACFC,WAAW,EAAE,YAAA;AACX1B,MAAAA,QAAQ,CAACL,MAAM,CAACG,YAAY,CAAC,CAAA;KAC7B;AACFzD,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCI,IAAAA,cAAc,EAAEA,cAAe;AAC/BF,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDa,IAAAA,aAAa,EAAEA,aAAc;AAC7BF,IAAAA,kBAAkB,EAAEA,kBAAmB;IACvCuB,uBAAuB,EAAE,YAAA;AACvBuB,MAAAA,QAAQ,CAACL,MAAM,CAACgC,gBAAgB,CAAC,CAAA;AACnC,KAAA;GAEJ,CAAA,CACD,EAGD5B,KAAK,MAAKJ,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEgC,gBAAgB,CAAA,iBAChC7D,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCF,yBAAA,CAAAC,aAAA,CAACkB,eAAe,EAAA;AACdT,IAAAA,UAAU,EAAE5B,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEuB,GAAI;IAChCe,YAAY,EAAE,YAAA;AACZc,MAAAA,QAAQ,CAACL,MAAM,CAACiB,OAAO,CAAC,CAAA;KACxB;IACFgB,cAAc,EAAE,YAAA;AACd5B,MAAAA,QAAQ,CAACL,MAAM,CAACG,YAAY,CAAC,CAAA;AAC/B,KAAA;GAEJ,CAAA,CACD,EAGDC,KAAK,MAAKJ,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAE8B,cAAc,CAAA,iBAC9B3D,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCF,yBAAA,CAAAC,aAAA,CAAC8D,aAAa,EAAA;AACZrD,IAAAA,UAAU,EAAE5B,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEuB,GAAI;IAChCe,YAAY,EAAE,YAAA;AACZc,MAAAA,QAAQ,CAACL,MAAM,CAACiB,OAAO,CAAC,CAAA;KACxB;AACFxB,IAAAA,aAAa,EAAE,UAACR,OAAO,EAAA;AACrBoB,MAAAA,QAAQ,CAACL,MAAM,CAACiB,OAAO,CAAC,CAAA;MACxBF,WAAW,CAAC9B,OAAO,CAAC,CAAA;AACtB,KAAA;AAAE,GAAA,CAEN,CACD,CAEC,CAAA;AAEV,CAAC;;ACxJM,IAAMkD,SAAS,GAA6B,UACjD1F,KAAqB,EAAA;AAGnB,EAAA,IAAAC,iBAAiB,GASfD,KAAK,CAAAC,iBATU;IACjBC,SAAS,GAQPF,KAAK,CAREE,SAAA;IACTC,wBAAwB,GAOtBH,KAAK,yBAPiB;IACxBI,gBAAgB,GAMdJ,KAAK,CAAAI,gBANS;IAChBC,cAAc,GAKZL,KAAK,CALOK,cAAA;IACdC,oBAAoB,GAIlBN,KAAK,qBAJa;IACpBO,iBAAiB,GAGfP,KAAK,CAAAO,iBAHU;IACjBC,cAAc,GAEZR,KAAK,CAFOQ,cAAA;IACdC,iBAAiB,GACfT,KAAK,kBADU,CAAA;AAEb,EAAA,IAAAsB,EAAA,GAA8BC,cAAQ,CAAC,KAAK,CAAC;AAA5CL,IAAAA,UAAU,GAAAI,EAAA,CAAA,CAAA,CAAA;AAAEH,IAAAA,aAAa,GAAAG,EAAA,CAAA,CAAA,CAAmB,CAAA;AAC7C,EAAA,IAAA0C,EAAA,GAAgDzC,cAAQ,CAA4B,IAAI,CAAC;AAAxFH,IAAAA,mBAAmB,GAAA4C,EAAA,CAAA,CAAA,CAAA;AAAE3C,IAAAA,sBAAsB,GAAA2C,EAAA,CAAA,CAAA,CAA6C,CAAA;AACzF,EAAA,IAAAI,EAAA,GAAkC7C,cAAQ,CAAC,KAAK,CAAC;AAAhDb,IAAAA,YAAY,GAAA0D,EAAA,CAAA,CAAA,CAAA;AAAEzD,IAAAA,eAAe,GAAAyD,EAAA,CAAA,CAAA,CAAmB,CAAA;AACjD,EAAA,IAAAX,EAAA,GAA8BlC,cAAQ,CAAC,KAAK,CAAC;AAA5CX,IAAAA,UAAU,GAAA6C,EAAA,CAAA,CAAA,CAAA;AAAE5C,IAAAA,aAAa,GAAA4C,EAAA,CAAA,CAAA,CAAmB,CAAA;AAC7C,EAAA,IAAAkC,EAAA,GAA8CpE,cAAQ,CAAS,IAAI,CAAC;AAAnET,IAAAA,kBAAkB,GAAA6E,EAAA,CAAA,CAAA,CAAA;AAAE5E,IAAAA,qBAAqB,GAAA4E,EAAA,CAAA,CAAA,CAA0B,CAAA;AACpE,EAAA,IAAAC,EAAA,GAAoCrE,cAAQ,CAAS,IAAI,CAAC;AAAzDP,IAAAA,aAAa,GAAA4E,EAAA,CAAA,CAAA,CAAA;AAAE3E,IAAAA,gBAAgB,GAAA2E,EAAA,CAAA,CAAA,CAA0B,CAAA;AACxD,EAAA,IAAAC,QAAQ,GAAKC,sCAAoB,EAAE,SAA3B,CAAA;AAChB,EAAA,oBACEpE,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAqE,QAAA,EAEIF,IAAAA,EAAAA,QAAQ,gBAEJnE,yBAAA,CAAAC,aAAA,CAAC6B,YAAY,EAAA;AACXtD,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCH,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCI,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CE,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCK,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,gBAAgB,EAAEA,gBAAAA;AAAiB,GAAA,CACnC,gBAGFS,yBAAA,CAAAC,aAAA,CAAC5B,aAAa,EAAA;AACZE,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCS,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CX,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,gBAAgB,EAAEA,gBAAAA;AAAiB,GAAA,CAEtC,CAEJ,CAAA;AAEP,CAAC;;AC9ED;AACA;AACA;AACA;AACA;AAWe,SAAS+E,GAAGA,CAAChG,KAAK,EAAE;EACjC,MAAM;IACJiG,KAAK;IACL9B,MAAM;IACN+B,WAAW;IACXC,aAAa;IACbC,mBAAmB;IACnBC,oBAAoB;IACpBC,KAAK;IACLC,aAAa;IACbC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVrC,MAAM,GAAG,EAAE;IACXpE,iBAAiB;IACjB0G,gBAAgB;IAChBC,qBAAqB;IACrBC,WAAW;IACX3G,SAAS;IACTC,wBAAwB;IACxB2G,QAAQ;IACRC,SAAS;IACT3G,gBAAgB;IAChB4G,kBAAkB;IAClBC,sBAAsB;IACtBC,iBAAiB;IACjB7G,cAAc;IACdC,oBAAoB;IACpB6G,gBAAgB;IAChB5G,iBAAiB;IACjB6G,qCAAqC;AACrCC,IAAAA,0CAAAA;AACF,GAAC,GAAGrH,KAAK,CAAA;EACT,MAAM,CAACQ,cAAc,EAAEC,iBAAiB,CAAC,GAAGc,cAAQ,CAAC,IAAI,CAAC,CAAA;AAC1D,EAAA,oBACEG,yBAAA,CAAAC,aAAA,CAAC2F,gBAAQ,EAAA;AACPP,IAAAA,SAAS,EAAEA,SAAU;AACrBd,IAAAA,KAAK,EAAEA,KAAM;AACb9B,IAAAA,MAAM,EAAEA,MAAO;AACf+B,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,UAAU,EAAEA,UAAW;AACvBH,IAAAA,aAAa,EAAEA,aAAc;AAC7BlC,IAAAA,MAAM,EAAEA,MAAO;AACfyC,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnClH,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrC0G,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,WAAW,EAAEA,WAAY;IACzBU,oBAAoB,EAAGtF,OAAO,IAAK;MACjCxB,iBAAiB,CAACwB,OAAO,CAAC,CAAA;KAC1B;AACFmF,IAAAA,qCAAqC,EAAEA,qCAAsC;AAC7EC,IAAAA,0CAA0C,EAAEA,0CAA2C;AACvFnH,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,eAErBwB,yBAAA,CAAAC,aAAA,CAAC+D,SAAS,EAAA;AACRlF,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCR,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GAAA,CACrC,CACO,CAAA;AAEf,CAAA;AAEAyF,GAAG,CAACwB,SAAS,GAAG;AACdvB,EAAAA,KAAK,EAAEwB,6BAAS,CAACC,MAAM,CAACC,UAAU;AAClCxD,EAAAA,MAAM,EAAEsD,6BAAS,CAACC,MAAM,CAACC,UAAU;EACnCzB,WAAW,EAAEuB,6BAAS,CAACC,MAAM;EAC7BvB,aAAa,EAAEsB,6BAAS,CAACC,MAAM;EAC/BtB,mBAAmB,EAAEqB,6BAAS,CAACC,MAAM;EACrCpB,KAAK,EAAEmB,6BAAS,CAACC,MAAM;EACvBnB,aAAa,EAAEkB,6BAAS,CAACG,IAAI;EAC7BpB,QAAQ,EAAEiB,6BAAS,CAACC,MAAM;EAC1BjB,UAAU,EAAEgB,6BAAS,CAACC,MAAM;EAC5BrB,oBAAoB,EAAEoB,6BAAS,CAACC,MAAM;EACtCtH,gBAAgB,EAAEqH,6BAAS,CAACI,IAAI;EAChCb,kBAAkB,EAAES,6BAAS,CAACI,IAAI;EAClCZ,sBAAsB,EAAEQ,6BAAS,CAACI,IAAI;EACtCX,iBAAiB,EAAEO,6BAAS,CAACG,IAAI;EACjCtH,oBAAoB,EAAEmH,6BAAS,CAACG,IAAI;AACpClB,EAAAA,UAAU,EAAEe,6BAAS,CAACK,KAAK,CAAC,EAAE,CAAC;AAC/BzD,EAAAA,MAAM,EAAEoD,6BAAS,CAACK,KAAK,CAAC;AACtB;AACAC,IAAAA,QAAQ,EAAEN,6BAAS,CAACO,SAAS,CAAC,CAC5BP,6BAAS,CAACC,MAAM,EAChBD,6BAAS,CAACQ,OAAO,CAACR,6BAAS,CAACC,MAAM,CAAC,CACpC,CAAC;IACFQ,gBAAgB,EAAET,6BAAS,CAACI,IAAAA;AAC9B,GAAC,CAAC;EACF5H,iBAAiB,EAAEwH,6BAAS,CAACI,IAAI;AACjC3H,EAAAA,SAAS,EAAEuH,6BAAS,CAACU,KAAK,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;EAC7D9H,cAAc,EAAEoH,6BAAS,CAACI,IAAI;EAC9B1H,wBAAwB,EAAEsH,6BAAS,CAACI,IAAI;EACxCd,SAAS,EAAEU,6BAAS,CAACW,QAAQ,CAACX,6BAAS,CAACC,MAAM,CAAC;EAC/CZ,QAAQ,EAAEW,6BAAS,CAACW,QAAQ,CAACX,6BAAS,CAACC,MAAM,CAAC;AAC9CP,EAAAA,gBAAgB,EAAEM,6BAAS,CAACK,KAAK,CAAC;IAChCO,eAAe,EAAEZ,6BAAS,CAACa,MAAM;AACjCC,IAAAA,aAAa,EAAEd,6BAAS,CAACO,SAAS,CAAC,CACjCP,6BAAS,CAACa,MAAM,EAChBb,6BAAS,CAACC,MAAM,CACjB,CAAC;AACFc,IAAAA,cAAc,EAAEf,6BAAS,CAACO,SAAS,CAAC,CAClCP,6BAAS,CAACa,MAAM,EAChBb,6BAAS,CAACC,MAAM,CACjB,CAAA;AACH,GAAC,CAAC;EACFnH,iBAAiB,EAAEkH,6BAAS,CAACI,IAAI;EACjClB,gBAAgB,EAAEc,6BAAS,CAACI,IAAI;EAChCjB,qBAAqB,EAAEa,6BAAS,CAACI,IAAI;AACrChB,EAAAA,WAAW,EAAEY,6BAAS,CAACK,KAAK,CAAC;IAC3BW,gBAAgB,EAAEhB,6BAAS,CAACa,MAAM;IAClCI,gBAAgB,EAAEjB,6BAAS,CAACa,MAAAA;AAC9B,GAAC,CAAC;EACFlB,qCAAqC,EAAEK,6BAAS,CAACI,IAAI;EACrDR,0CAA0C,EAAEI,6BAAS,CAACI,IAAAA;AACxD,CAAC,CAAA;AAED7B,GAAG,CAAC2C,YAAY,GAAG;AACjBzC,EAAAA,WAAW,EAAE,EAAE;AACfC,EAAAA,aAAa,EAAE,EAAE;AACjBC,EAAAA,mBAAmB,EAAE,EAAE;AACvBE,EAAAA,KAAK,EAAE,OAAO;AACdE,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,UAAU,EAAE,EAAE;AACdF,EAAAA,aAAa,EAAE,IAAI;AACnBF,EAAAA,oBAAoB,EAAE,IAAI;AAC1BK,EAAAA,UAAU,EAAE,IAAI;AAChBtG,EAAAA,gBAAgB,EAAE,KAAK;AACvBE,EAAAA,oBAAoB,EAAE,IAAI;AAC1B0G,EAAAA,kBAAkB,EAAE,KAAK;AACzBC,EAAAA,sBAAsB,EAAE,KAAK;AAC7B5G,EAAAA,cAAc,EAAE,KAAK;AACrB6G,EAAAA,iBAAiB,EAAE,IAAI;EACvB7C,MAAM,EAAE,EAAE;AACVpE,EAAAA,iBAAiB,EAAE,IAAI;AACvB0G,EAAAA,gBAAgB,EAAE,KAAK;AACvBC,EAAAA,qBAAqB,EAAE,IAAI;AAC3BC,EAAAA,WAAW,EAAE;AACX4B,IAAAA,gBAAgB,EAAEG,iCAA0B;AAC5CF,IAAAA,gBAAgB,EAAEG,iCAAAA;GACnB;AACD3I,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,wBAAwB,EAAE,IAAI;AAC9B4G,EAAAA,SAAS,EAAE,IAAI;AACfD,EAAAA,QAAQ,EAAE,IAAI;EACdK,gBAAgB,EAAE,EAAE;AACpB5G,EAAAA,iBAAiB,EAAE,KAAK;AACxB6G,EAAAA,qCAAqC,EAAE,KAAK;AAC5CC,EAAAA,0CAA0C,EAAE,KAAA;AAC9C,CAAC;;;;"}
+{"version":3,"file":"App.js","sources":["../../src/modules/App/DesktopLayout.tsx","../../src/modules/App/MobileLayout.tsx","../../src/modules/App/AppLayout.tsx","../../src/modules/App/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport type { DesktopLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearchPannel from '../MessageSearch';\nimport Thread from '../Thread';\n\nexport const DesktopLayout: React.FC<DesktopLayoutProps> = (\n  props: DesktopLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n    showSettings,\n    setShowSettings,\n    showSearch,\n    setShowSearch,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n    showThread,\n    setShowThread,\n    threadTargetMessage,\n    setThreadTargetMessage,\n  } = props;\n  const [animatedMessageId, setAnimatedMessageId] = useState(null);\n  return (\n    <div className=\"sendbird-app__wrap\">\n      <div className=\"sendbird-app__channellist-wrap\">\n        <ChannelList\n          allowProfileEdit={allowProfileEdit}\n          activeChannelUrl={currentChannel?.url}\n          onProfileEditSuccess={onProfileEditSuccess}\n          disableAutoSelect={disableAutoSelect}\n          onChannelSelect={(channel) => {\n            setStartingPoint(null);\n            setHighlightedMessage(null);\n            if (channel) {\n              setCurrentChannel(channel);\n            } else {\n              setCurrentChannel(null);\n            }\n          }}\n        />\n      </div>\n      <div\n        className={`\n          ${showSettings ? 'sendbird-app__conversation--settings-open' : ''}\n          ${showSearch ? 'sendbird-app__conversation--search-open' : ''}\n          sendbird-app__conversation-wrap\n        `}\n      >\n        <Channel\n          channelUrl={currentChannel?.url || ''}\n          onChatHeaderActionClick={() => {\n            setShowSearch(false);\n            setShowThread(false);\n            setShowSettings(!showSettings);\n          }}\n          onSearchClick={() => {\n            setShowSettings(false);\n            setShowThread(false);\n            setShowSearch(!showSearch);\n          }}\n          onReplyInThread={({ message }) => { // parent message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage(message);\n              setShowThread(true);\n            }\n          }}\n          onQuoteMessageClick={({ message }) => { // thread message\n            setShowSettings(false);\n            setShowSearch(false);\n            if (replyType === 'THREAD') {\n              setThreadTargetMessage(message);\n              setShowThread(true);\n            }\n          }}\n          onMessageAnimated={() => {\n            setAnimatedMessageId(null);\n          }}\n          onMessageHighlighted={() => {\n            setHighlightedMessage(null);\n          }}\n          showSearchIcon={showSearchIcon}\n          startingPoint={startingPoint}\n          animatedMessage={animatedMessageId}\n          highlightedMessage={highlightedMessage}\n          isReactionEnabled={isReactionEnabled}\n          replyType={replyType}\n          isMessageGroupingEnabled={isMessageGroupingEnabled}\n        />\n      </div>\n      {showSettings && (\n        <div className=\"sendbird-app__settingspanel-wrap\">\n          <ChannelSettings\n            className=\"sendbird-channel-settings\"\n            channelUrl={currentChannel?.url || ''}\n            onCloseClick={() => {\n              setShowSettings(false);\n            }}\n          />\n        </div>\n      )}\n      {showSearch && (\n        <div className=\"sendbird-app__searchpanel-wrap\">\n          <MessageSearchPannel\n            channelUrl={currentChannel?.url || ''}\n            onResultClick={(message) => {\n              if (message.messageId === highlightedMessage) {\n                setHighlightedMessage(null);\n                setTimeout(() => {\n                  setHighlightedMessage(message.messageId);\n                });\n              } else {\n                setStartingPoint(message.createdAt);\n                setHighlightedMessage(message.messageId);\n              }\n            }}\n            onCloseClick={() => {\n              setShowSearch(false);\n            }}\n          />\n        </div>\n      )}\n      {showThread && (\n        <Thread\n          className=\"sendbird-app__thread\"\n          channelUrl={currentChannel?.url || ''}\n          message={threadTargetMessage}\n          onHeaderActionClick={() => {\n            setShowThread(false);\n          }}\n          onMoveToParentMessage={({ message, channel }) => {\n            if (channel?.url !== currentChannel?.url) {\n              setCurrentChannel(channel);\n            }\n            if (message?.messageId !== animatedMessageId) {\n              setStartingPoint(message?.createdAt);\n            }\n            setTimeout(() => {\n              setAnimatedMessageId(message?.messageId);\n            }, 500);\n          }}\n        />\n      )}\n    </div>\n  )\n};\n","import './mobile.scss';\n\nimport React, { useState, useEffect } from 'react';\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\nimport { GroupChannelHandler } from '@sendbird/chat/groupChannel';\n\nimport type { MobileLayoutProps } from './types';\n\nimport ChannelList from '../ChannelList';\nimport Channel from '../Channel';\nimport ChannelSettings from '../ChannelSettings';\nimport MessageSearch from '../MessageSearch';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport uuidv4 from '../../utils/uuid';\n\nenum PANELS {\n  CHANNEL_LIST = 'CHANNEL_LIST',\n  CHANNEL = 'CHANNEL',\n  CHANNEL_SETTINGS = 'CHANNEL_SETTINGS',\n  MESSAGE_SEARCH = 'MESSAGE_SEARCH',\n}\n\nexport const MobileLayout: React.FC<MobileLayoutProps> = (\n  props: MobileLayoutProps,\n) => {\n  const {\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    isReactionEnabled,\n    showSearchIcon,\n    onProfileEditSuccess,\n    currentChannel,\n    setCurrentChannel,\n    highlightedMessage,\n    setHighlightedMessage,\n    startingPoint,\n    setStartingPoint,\n  } = props;\n  const [panel, setPanel] = useState(PANELS?.CHANNEL_LIST);\n\n  const store = useSendbirdStateContext();\n  const sdk = store?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const userId = store?.config?.userId;\n\n  const goToMessage = (message?: BaseMessage | null) => {\n    setStartingPoint(message?.createdAt);\n    setTimeout(() => {\n      setHighlightedMessage(message?.messageId);\n    });\n  };\n\n  useEffect(() => {\n    if (panel !== PANELS?.CHANNEL) {\n      goToMessage();\n    }\n  }, [panel]);\n\n  useEffect(() => {\n    const handlerId = uuidv4();\n    if (sdk?.groupChannel?.addGroupChannelHandler) {\n      const handler = new GroupChannelHandler({\n        onUserBanned: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onChannelDeleted: (channelUrl) => {\n          if (channelUrl === currentChannel?.url) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n        onUserLeft: (groupChannel, user) => {\n          if (groupChannel.url === currentChannel?.url && user?.userId === userId) {\n            setPanel(PANELS.CHANNEL_LIST);\n          }\n        },\n      });\n      sdk?.groupChannel?.addGroupChannelHandler(handlerId, handler)\n    }\n    return () => {\n      sdk?.groupChannel?.removeGroupChannelHandler?.(handlerId);\n    }\n  }, [sdk]);\n\n  return (\n    <div>\n      {\n        panel === PANELS?.CHANNEL_LIST && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelList\n              onProfileEditSuccess={onProfileEditSuccess}\n              onChannelSelect={(channel) => {\n                setCurrentChannel(channel);\n                setPanel(PANELS.CHANNEL);\n              }}\n              allowProfileEdit={allowProfileEdit}\n              // this condition must be true for mobile\n              disableAutoSelect\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL && (\n          <div className='sb_mobile__panelwrap'>\n            <Channel\n              replyType={replyType}\n              channelUrl={currentChannel?.url || ''}\n              onSearchClick={() => {\n                setPanel(PANELS.MESSAGE_SEARCH);\n              }}\n              onBackClick={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              startingPoint={startingPoint}\n              highlightedMessage={highlightedMessage}\n              onChatHeaderActionClick={() => {\n                setPanel(PANELS.CHANNEL_SETTINGS);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.CHANNEL_SETTINGS && (\n          <div className='sb_mobile__panelwrap'>\n            <ChannelSettings\n              channelUrl={currentChannel?.url || ''}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onLeaveChannel={() => {\n                setPanel(PANELS.CHANNEL_LIST);\n              }}\n            />\n          </div>\n        )\n      }\n      {\n        panel === PANELS?.MESSAGE_SEARCH && (\n          <div className='sb_mobile__panelwrap'>\n            <MessageSearch\n              channelUrl={currentChannel?.url || ''}\n              onCloseClick={() => {\n                setPanel(PANELS.CHANNEL);\n              }}\n              onResultClick={(message) => {\n                setPanel(PANELS.CHANNEL);\n                goToMessage(message);\n              }}\n            />\n          </div>\n        )\n      }\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport type { AppLayoutProps } from './types';\n\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { DesktopLayout } from './DesktopLayout';\nimport { MobileLayout } from './MobileLayout';\n\nexport const AppLayout: React.FC<AppLayoutProps> = (\n  props: AppLayoutProps,\n) => {\n  const {\n    isReactionEnabled,\n    replyType,\n    isMessageGroupingEnabled,\n    allowProfileEdit,\n    showSearchIcon,\n    onProfileEditSuccess,\n    disableAutoSelect,\n    currentChannel,\n    setCurrentChannel,\n  } = props;\n  const [showThread, setShowThread] = useState(false);\n  const [threadTargetMessage, setThreadTargetMessage] = useState<UserMessage | FileMessage>(null);\n  const [showSettings, setShowSettings] = useState(false);\n  const [showSearch, setShowSearch] = useState(false);\n  const [highlightedMessage, setHighlightedMessage] = useState<number>(null);\n  const [startingPoint, setStartingPoint] = useState<number>(null);\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <>\n      {\n        isMobile\n          ? (\n            <MobileLayout\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              isReactionEnabled={isReactionEnabled}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n          : (\n            <DesktopLayout\n              isReactionEnabled={isReactionEnabled}\n              replyType={replyType}\n              isMessageGroupingEnabled={isMessageGroupingEnabled}\n              allowProfileEdit={allowProfileEdit}\n              showSearchIcon={showSearchIcon}\n              onProfileEditSuccess={onProfileEditSuccess}\n              disableAutoSelect={disableAutoSelect}\n              currentChannel={currentChannel}\n              setCurrentChannel={setCurrentChannel}\n              showThread={showThread}\n              setShowThread={setShowThread}\n              threadTargetMessage={threadTargetMessage}\n              setThreadTargetMessage={setThreadTargetMessage}\n              showSettings={showSettings}\n              setShowSettings={setShowSettings}\n              showSearch={showSearch}\n              setShowSearch={setShowSearch}\n              highlightedMessage={highlightedMessage}\n              setHighlightedMessage={setHighlightedMessage}\n              startingPoint={startingPoint}\n              setStartingPoint={setStartingPoint}\n            />\n          )\n      }\n    </>\n  )\n}\n","/**\n * This is a drop in Chat solution\n * Can also be used as an example for creating\n * default chat apps\n */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Sendbird from '../../lib/Sendbird';\n\nimport { AppLayout } from './AppLayout';\n\nimport './index.scss';\nimport { VOICE_RECORDER_DEFAULT_MAX, VOICE_RECORDER_DEFAULT_MIN } from '../../utils/consts';\n\nexport default function App(props) {\n  const {\n    appId,\n    userId,\n    accessToken,\n    customApiHost,\n    customWebSocketHost,\n    mediaQueryBreakPoint,\n    theme,\n    userListQuery,\n    nickname,\n    profileUrl,\n    dateLocale,\n    config = {},\n    isReactionEnabled,\n    isMentionEnabled,\n    isVoiceMessageEnabled,\n    voiceRecord,\n    replyType,\n    isMessageGroupingEnabled,\n    colorSet,\n    stringSet,\n    allowProfileEdit,\n    disableUserProfile,\n    disableMarkAsDelivered,\n    renderUserProfile,\n    showSearchIcon,\n    onProfileEditSuccess,\n    imageCompression,\n    disableAutoSelect,\n    isTypingIndicatorEnabledOnChannelList,\n    isMessageReceiptStatusEnabledOnChannelList,\n  } = props;\n  const [currentChannel, setCurrentChannel] = useState(null);\n  return (\n    <Sendbird\n      stringSet={stringSet}\n      appId={appId}\n      userId={userId}\n      accessToken={accessToken}\n      customApiHost={customApiHost}\n      customWebSocketHost={customWebSocketHost}\n      mediaQueryBreakPoint={mediaQueryBreakPoint}\n      theme={theme}\n      nickname={nickname}\n      profileUrl={profileUrl}\n      dateLocale={dateLocale}\n      userListQuery={userListQuery}\n      config={config}\n      colorSet={colorSet}\n      disableUserProfile={disableUserProfile}\n      disableMarkAsDelivered={disableMarkAsDelivered}\n      renderUserProfile={renderUserProfile}\n      imageCompression={imageCompression}\n      isReactionEnabled={isReactionEnabled}\n      isMentionEnabled={isMentionEnabled}\n      isVoiceMessageEnabled={isVoiceMessageEnabled}\n      voiceRecord={voiceRecord}\n      onUserProfileMessage={(channel) => {\n        setCurrentChannel(channel);\n      }}\n      isTypingIndicatorEnabledOnChannelList={isTypingIndicatorEnabledOnChannelList}\n      isMessageReceiptStatusEnabledOnChannelList={isMessageReceiptStatusEnabledOnChannelList}\n      replyType={replyType}\n    >\n      <AppLayout\n        isReactionEnabled={isReactionEnabled}\n        replyType={replyType}\n        isMessageGroupingEnabled={isMessageGroupingEnabled}\n        allowProfileEdit={allowProfileEdit}\n        showSearchIcon={showSearchIcon}\n        onProfileEditSuccess={onProfileEditSuccess}\n        disableAutoSelect={disableAutoSelect}\n        currentChannel={currentChannel}\n        setCurrentChannel={setCurrentChannel}\n      />\n    </Sendbird>\n  );\n}\n\nApp.propTypes = {\n  appId: PropTypes.string.isRequired,\n  userId: PropTypes.string.isRequired,\n  accessToken: PropTypes.string,\n  customApiHost: PropTypes.string,\n  customWebSocketHost: PropTypes.string,\n  theme: PropTypes.string,\n  userListQuery: PropTypes.func,\n  nickname: PropTypes.string,\n  profileUrl: PropTypes.string,\n  mediaQueryBreakPoint: PropTypes.string,\n  allowProfileEdit: PropTypes.bool,\n  disableUserProfile: PropTypes.bool,\n  disableMarkAsDelivered: PropTypes.bool,\n  renderUserProfile: PropTypes.func,\n  onProfileEditSuccess: PropTypes.func,\n  dateLocale: PropTypes.shape({}),\n  config: PropTypes.shape({\n    // None Error Warning Info 'All/Debug'\n    logLevel: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.string),\n    ]),\n    isREMUnitEnabled: PropTypes.bool,\n  }),\n  isReactionEnabled: PropTypes.bool,\n  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),\n  showSearchIcon: PropTypes.bool,\n  isMessageGroupingEnabled: PropTypes.bool,\n  stringSet: PropTypes.objectOf(PropTypes.string),\n  colorSet: PropTypes.objectOf(PropTypes.string),\n  imageCompression: PropTypes.shape({\n    compressionRate: PropTypes.number,\n    resizingWidth: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    resizingHeight: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  disableAutoSelect: PropTypes.bool,\n  isMentionEnabled: PropTypes.bool,\n  isVoiceMessageEnabled: PropTypes.bool,\n  voiceRecord: PropTypes.shape({\n    maxRecordingTime: PropTypes.number,\n    minRecordingTime: PropTypes.number,\n  }),\n  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,\n  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool,\n};\n\nApp.defaultProps = {\n  accessToken: '',\n  customApiHost: '',\n  customWebSocketHost: '',\n  theme: 'light',\n  nickname: '',\n  profileUrl: '',\n  userListQuery: null,\n  mediaQueryBreakPoint: null,\n  dateLocale: null,\n  allowProfileEdit: false,\n  onProfileEditSuccess: null,\n  disableUserProfile: false,\n  disableMarkAsDelivered: false,\n  showSearchIcon: false,\n  renderUserProfile: null,\n  config: {},\n  isReactionEnabled: true,\n  isMentionEnabled: false,\n  isVoiceMessageEnabled: true,\n  voiceRecord: {\n    maxRecordingTime: VOICE_RECORDER_DEFAULT_MAX,\n    minRecordingTime: VOICE_RECORDER_DEFAULT_MIN,\n  },\n  replyType: 'NONE',\n  isMessageGroupingEnabled: true,\n  stringSet: null,\n  colorSet: null,\n  imageCompression: {},\n  disableAutoSelect: false,\n  isTypingIndicatorEnabledOnChannelList: false,\n  isMessageReceiptStatusEnabledOnChannelList: false,\n};\n"],"names":["DesktopLayout","props","isReactionEnabled","replyType","isMessageGroupingEnabled","allowProfileEdit","showSearchIcon","onProfileEditSuccess","disableAutoSelect","currentChannel","setCurrentChannel","showSettings","setShowSettings","showSearch","setShowSearch","highlightedMessage","setHighlightedMessage","startingPoint","setStartingPoint","showThread","setShowThread","threadTargetMessage","setThreadTargetMessage","animatedMessageId","setAnimatedMessageId","useState","React","createElement","className","ChannelList","activeChannelUrl","url","onChannelSelect","channel","Channel","channelUrl","onChatHeaderActionClick","onSearchClick","onReplyInThread","_ref","message","onQuoteMessageClick","_ref2","onMessageAnimated","onMessageHighlighted","animatedMessage","ChannelSettings","onCloseClick","MessageSearchPannel","onResultClick","messageId","setTimeout","createdAt","Thread","onHeaderActionClick","onMoveToParentMessage","_ref3","PANELS","MobileLayout","_store$stores","_store$stores$sdkStor","_store$config","panel","setPanel","CHANNEL_LIST","store","useSendbirdStateContext","sdk","stores","sdkStore","userId","config","goToMessage","useEffect","CHANNEL","_sdk$groupChannel","handlerId","uuidv4","groupChannel","addGroupChannelHandler","_sdk$groupChannel2","handler","GroupChannelHandler","onUserBanned","user","onChannelDeleted","onUserLeft","_sdk$groupChannel3","_sdk$groupChannel3$re","removeGroupChannelHandler","call","MESSAGE_SEARCH","onBackClick","CHANNEL_SETTINGS","onLeaveChannel","MessageSearch","AppLayout","isMobile","useMediaQueryContext","Fragment","App","appId","accessToken","customApiHost","customWebSocketHost","mediaQueryBreakPoint","theme","userListQuery","nickname","profileUrl","dateLocale","isMentionEnabled","isVoiceMessageEnabled","voiceRecord","colorSet","stringSet","disableUserProfile","disableMarkAsDelivered","renderUserProfile","imageCompression","isTypingIndicatorEnabledOnChannelList","isMessageReceiptStatusEnabledOnChannelList","Sendbird","onUserProfileMessage","propTypes","PropTypes","string","isRequired","func","bool","shape","logLevel","oneOfType","arrayOf","isREMUnitEnabled","oneOf","objectOf","compressionRate","number","resizingWidth","resizingHeight","maxRecordingTime","minRecordingTime","defaultProps","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_DEFAULT_MIN"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,aAA2C,GACtDC,KAAyB,IACtB;EACH,MAAM;IACJC,iBAAiB;IACjBC,SAAS;IACTC,wBAAwB;IACxBC,gBAAgB;IAChBC,cAAc;IACdC,oBAAoB;IACpBC,iBAAiB;IACjBC,cAAc;IACdC,iBAAiB;IACjBC,YAAY;IACZC,eAAe;IACfC,UAAU;IACVC,aAAa;IACbC,kBAAkB;IAClBC,qBAAqB;IACrBC,aAAa;IACbC,gBAAgB;IAChBC,UAAU;IACVC,aAAa;IACbC,mBAAmB;AACnBC,IAAAA,sBAAAA;AACF,GAAC,GAAGrB,KAAK,CAAA;EACT,MAAM,CAACsB,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,cAAQ,CAAC,IAAI,CAAC,CAAA;EAChE,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,oBAAA;GACbF,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CF,yBAAA,CAAAC,aAAA,CAACE,WAAW,EAAA;AACVxB,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCyB,IAAAA,gBAAgB,EAAErB,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEsB,GAAI;AACtCxB,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,iBAAiB,EAAEA,iBAAkB;IACrCwB,eAAe,EAAGC,OAAO,IAAK;MAC5Bf,gBAAgB,CAAC,IAAI,CAAC,CAAA;MACtBF,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAC3B,MAAA,IAAIiB,OAAO,EAAE;QACXvB,iBAAiB,CAACuB,OAAO,CAAC,CAAA;AAC5B,OAAC,MAAM;QACLvB,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACzB,OAAA;AACF,KAAA;AAAE,GACH,CACE,CAAC,eACNgB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAG,CAAA;AACpB,UAAA,EAAYjB,YAAY,GAAG,2CAA2C,GAAG,EAAG,CAAA;AAC5E,UAAA,EAAYE,UAAU,GAAG,yCAAyC,GAAG,EAAG,CAAA;AACxE;AACA,QAAA,CAAA;AAAU,GAAA,eAEFa,yBAAA,CAAAC,aAAA,CAACO,OAAO,EAAA;IACNC,UAAU,EAAE,CAAA1B,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEsB,GAAG,KAAI,EAAG;IACtCK,uBAAuB,EAAEA,MAAM;MAC7BtB,aAAa,CAAC,KAAK,CAAC,CAAA;MACpBM,aAAa,CAAC,KAAK,CAAC,CAAA;MACpBR,eAAe,CAAC,CAACD,YAAY,CAAC,CAAA;KAC9B;IACF0B,aAAa,EAAEA,MAAM;MACnBzB,eAAe,CAAC,KAAK,CAAC,CAAA;MACtBQ,aAAa,CAAC,KAAK,CAAC,CAAA;MACpBN,aAAa,CAAC,CAACD,UAAU,CAAC,CAAA;KAC1B;IACFyB,eAAe,EAAEC,IAAA,IAAiB;MAAA,IAAhB;AAAEC,QAAAA,OAAAA;AAAQ,OAAC,GAAAD,IAAA,CAAA;AAAO;MAClC3B,eAAe,CAAC,KAAK,CAAC,CAAA;MACtBE,aAAa,CAAC,KAAK,CAAC,CAAA;MACpB,IAAIX,SAAS,KAAK,QAAQ,EAAE;QAC1BmB,sBAAsB,CAACkB,OAAO,CAAC,CAAA;QAC/BpB,aAAa,CAAC,IAAI,CAAC,CAAA;AACrB,OAAA;KACA;IACFqB,mBAAmB,EAAEC,KAAA,IAAiB;MAAA,IAAhB;AAAEF,QAAAA,OAAAA;AAAQ,OAAC,GAAAE,KAAA,CAAA;AAAO;MACtC9B,eAAe,CAAC,KAAK,CAAC,CAAA;MACtBE,aAAa,CAAC,KAAK,CAAC,CAAA;MACpB,IAAIX,SAAS,KAAK,QAAQ,EAAE;QAC1BmB,sBAAsB,CAACkB,OAAO,CAAC,CAAA;QAC/BpB,aAAa,CAAC,IAAI,CAAC,CAAA;AACrB,OAAA;KACA;IACFuB,iBAAiB,EAAEA,MAAM;MACvBnB,oBAAoB,CAAC,IAAI,CAAC,CAAA;KAC1B;IACFoB,oBAAoB,EAAEA,MAAM;MAC1B5B,qBAAqB,CAAC,IAAI,CAAC,CAAA;KAC3B;AACFV,IAAAA,cAAc,EAAEA,cAAe;AAC/BW,IAAAA,aAAa,EAAEA,aAAc;AAC7B4B,IAAAA,eAAe,EAAEtB,iBAAkB;AACnCR,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCb,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,wBAAwB,EAAEA,wBAAAA;AAAyB,GACpD,CACE,CAAC,EACLO,YAAY,iBACXe,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,kCAAA;AAAkC,GAAA,eAC/CF,yBAAA,CAAAC,aAAA,CAACmB,eAAe,EAAA;AACdlB,IAAAA,SAAS,EAAC,2BAA2B;IACrCO,UAAU,EAAE,CAAA1B,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEsB,GAAG,KAAI,EAAG;IACtCgB,YAAY,EAAEA,MAAM;MAClBnC,eAAe,CAAC,KAAK,CAAC,CAAA;AACxB,KAAA;AAAE,GACH,CACE,CACN,EACAC,UAAU,iBACTa,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CF,yBAAA,CAAAC,aAAA,CAACqB,aAAmB,EAAA;IAClBb,UAAU,EAAE,CAAA1B,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEsB,GAAG,KAAI,EAAG;IACtCkB,aAAa,EAAGT,OAAO,IAAK;AAC1B,MAAA,IAAIA,OAAO,CAACU,SAAS,KAAKnC,kBAAkB,EAAE;QAC5CC,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAC3BmC,QAAAA,UAAU,CAAC,MAAM;AACfnC,UAAAA,qBAAqB,CAACwB,OAAO,CAACU,SAAS,CAAC,CAAA;AAC1C,SAAC,CAAC,CAAA;AACJ,OAAC,MAAM;AACLhC,QAAAA,gBAAgB,CAACsB,OAAO,CAACY,SAAS,CAAC,CAAA;AACnCpC,QAAAA,qBAAqB,CAACwB,OAAO,CAACU,SAAS,CAAC,CAAA;AAC1C,OAAA;KACA;IACFH,YAAY,EAAEA,MAAM;MAClBjC,aAAa,CAAC,KAAK,CAAC,CAAA;AACtB,KAAA;GACD,CACE,CACN,EACAK,UAAU,iBACTO,yBAAA,CAAAC,aAAA,CAAC0B,MAAM,EAAA;AACLzB,IAAAA,SAAS,EAAC,sBAAsB;IAChCO,UAAU,EAAE,CAAA1B,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEsB,GAAG,KAAI,EAAG;AACtCS,IAAAA,OAAO,EAAEnB,mBAAoB;IAC7BiC,mBAAmB,EAAEA,MAAM;MACzBlC,aAAa,CAAC,KAAK,CAAC,CAAA;KACpB;IACFmC,qBAAqB,EAAEC,KAAA,IAA0B;MAAA,IAAzB;QAAEhB,OAAO;AAAEP,QAAAA,OAAAA;AAAQ,OAAC,GAAAuB,KAAA,CAAA;AAC1C,MAAA,IAAI,CAAAvB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEF,GAAG,OAAKtB,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEsB,GAAG,CAAE,EAAA;QACxCrB,iBAAiB,CAACuB,OAAO,CAAC,CAAA;AAC5B,OAAA;MACA,IAAI,CAAAO,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEU,SAAS,MAAK3B,iBAAiB,EAAE;QAC5CL,gBAAgB,CAACsB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEY,SAAS,CAAC,CAAA;AACtC,OAAA;AACAD,MAAAA,UAAU,CAAC,MAAM;QACf3B,oBAAoB,CAACgB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEU,SAAS,CAAC,CAAA;OACzC,EAAE,GAAG,CAAC,CAAA;AACT,KAAA;AAAE,GACH,CAEA,CAAC,CAAA;AAEV,CAAC;;ACnJqC,IAEjCO,MAAM,0BAANA,MAAM,EAAA;EAANA,MAAM,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAANA,MAAM,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAANA,MAAM,CAAA,kBAAA,CAAA,GAAA,kBAAA,CAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AAAA,EAAA,OAANA,MAAM,CAAA;AAAA,CAAA,CAANA,MAAM,IAAA,EAAA,CAAA,CAAA;AAOJ,MAAMC,YAAyC,GACpDzD,KAAwB,IACrB;AAAA,EAAA,IAAA0D,aAAA,EAAAC,qBAAA,EAAAC,aAAA,CAAA;EACH,MAAM;IACJ1D,SAAS;IACTC,wBAAwB;IACxBC,gBAAgB;IAChBH,iBAAiB;IACjBI,cAAc;IACdC,oBAAoB;IACpBE,cAAc;IACdC,iBAAiB;IACjBK,kBAAkB;IAClBC,qBAAqB;IACrBC,aAAa;AACbC,IAAAA,gBAAAA;AACF,GAAC,GAAGjB,KAAK,CAAA;AACT,EAAA,MAAM,CAAC6D,KAAK,EAAEC,QAAQ,CAAC,GAAGtC,cAAQ,CAACgC,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEO,YAAY,CAAC,CAAA;AAExD,EAAA,MAAMC,KAAK,GAAGC,uBAAuB,EAAE,CAAA;EACvC,MAAMC,GAAG,GAAGF,KAAK,KAALA,IAAAA,IAAAA,KAAK,wBAAAN,aAAA,GAALM,KAAK,CAAEG,MAAM,MAAA,IAAA,IAAAT,aAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAbD,aAAA,CAAeU,QAAQ,cAAAT,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAvBA,qBAAA,CAAyBO,GAAwB,CAAA;AAC7D,EAAA,MAAMG,MAAM,GAAGL,KAAK,KAALA,IAAAA,IAAAA,KAAK,wBAAAJ,aAAA,GAALI,KAAK,CAAEM,MAAM,MAAAV,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeS,MAAM,CAAA;EAEpC,MAAME,WAAW,GAAIhC,OAA4B,IAAK;IACpDtB,gBAAgB,CAACsB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEY,SAAS,CAAC,CAAA;AACpCD,IAAAA,UAAU,CAAC,MAAM;MACfnC,qBAAqB,CAACwB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEU,SAAS,CAAC,CAAA;AAC3C,KAAC,CAAC,CAAA;GACH,CAAA;AAEDuB,EAAAA,eAAS,CAAC,MAAM;IACd,IAAIX,KAAK,MAAKL,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEiB,OAAO,CAAE,EAAA;AAC7BF,MAAAA,WAAW,EAAE,CAAA;AACf,KAAA;AACF,GAAC,EAAE,CAACV,KAAK,CAAC,CAAC,CAAA;AAEXW,EAAAA,eAAS,CAAC,MAAM;AAAA,IAAA,IAAAE,iBAAA,CAAA;AACd,IAAA,MAAMC,SAAS,GAAGC,WAAM,EAAE,CAAA;AAC1B,IAAA,IAAIV,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,IAAA,CAAAQ,iBAAA,GAAHR,GAAG,CAAEW,YAAY,cAAAH,iBAAA,KAAA,KAAA,CAAA,IAAjBA,iBAAA,CAAmBI,sBAAsB,EAAE;AAAA,MAAA,IAAAC,kBAAA,CAAA;AAC7C,MAAA,MAAMC,OAAO,GAAG,IAAIC,gCAAmB,CAAC;AACtCC,QAAAA,YAAY,EAAEA,CAACL,YAAY,EAAEM,IAAI,KAAK;UACpC,IAAIN,YAAY,CAAC/C,GAAG,MAAKtB,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEsB,GAAG,KAAI,CAAAqD,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEd,MAAM,MAAKA,MAAM,EAAE;AACvEP,YAAAA,QAAQ,CAACN,MAAM,CAACO,YAAY,CAAC,CAAA;AAC/B,WAAA;SACD;QACDqB,gBAAgB,EAAGlD,UAAU,IAAK;UAChC,IAAIA,UAAU,MAAK1B,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEsB,GAAG,CAAE,EAAA;AACtCgC,YAAAA,QAAQ,CAACN,MAAM,CAACO,YAAY,CAAC,CAAA;AAC/B,WAAA;SACD;AACDsB,QAAAA,UAAU,EAAEA,CAACR,YAAY,EAAEM,IAAI,KAAK;UAClC,IAAIN,YAAY,CAAC/C,GAAG,MAAKtB,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEsB,GAAG,KAAI,CAAAqD,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEd,MAAM,MAAKA,MAAM,EAAE;AACvEP,YAAAA,QAAQ,CAACN,MAAM,CAACO,YAAY,CAAC,CAAA;AAC/B,WAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;AACFG,MAAAA,GAAG,aAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAa,kBAAA,GAAHb,GAAG,CAAEW,YAAY,MAAA,IAAA,IAAAE,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBD,sBAAsB,CAACH,SAAS,EAAEK,OAAO,CAAC,CAAA;AAC/D,KAAA;AACA,IAAA,OAAO,MAAM;MAAA,IAAAM,kBAAA,EAAAC,qBAAA,CAAA;MACXrB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAoB,kBAAA,GAAHpB,GAAG,CAAEW,YAAY,MAAA,IAAA,IAAAS,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,qBAAA,GAAjBD,kBAAA,CAAmBE,yBAAyB,MAAAD,IAAAA,IAAAA,qBAAA,KAA5CA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAAE,IAAA,CAAAH,kBAAA,EAA+CX,SAAS,CAAC,CAAA;KAC1D,CAAA;AACH,GAAC,EAAE,CAACT,GAAG,CAAC,CAAC,CAAA;AAET,EAAA,oBACEzC,yBAAA,CAAAC,aAAA,CAEImC,KAAAA,EAAAA,IAAAA,EAAAA,KAAK,MAAKL,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEO,YAAY,CAC5BtC,iBAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCF,yBAAA,CAAAC,aAAA,CAACE,WAAW,EAAA;AACVtB,IAAAA,oBAAoB,EAAEA,oBAAqB;IAC3CyB,eAAe,EAAGC,OAAO,IAAK;MAC5BvB,iBAAiB,CAACuB,OAAO,CAAC,CAAA;AAC1B8B,MAAAA,QAAQ,CAACN,MAAM,CAACiB,OAAO,CAAC,CAAA;KACxB;AACFrE,IAAAA,gBAAgB,EAAEA,gBAAAA;AAClB;AAAA;IACAG,iBAAiB,EAAA,IAAA;AAAA,GAClB,CACE,CACN,EAGDsD,KAAK,MAAKL,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEiB,OAAO,CACvBhD,iBAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCF,yBAAA,CAAAC,aAAA,CAACO,OAAO,EAAA;AACN/B,IAAAA,SAAS,EAAEA,SAAU;IACrBgC,UAAU,EAAE,CAAA1B,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEsB,GAAG,KAAI,EAAG;IACtCM,aAAa,EAAEA,MAAM;AACnB0B,MAAAA,QAAQ,CAACN,MAAM,CAACkC,cAAc,CAAC,CAAA;KAC/B;IACFC,WAAW,EAAEA,MAAM;AACjB7B,MAAAA,QAAQ,CAACN,MAAM,CAACO,YAAY,CAAC,CAAA;KAC7B;AACF9D,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCI,IAAAA,cAAc,EAAEA,cAAe;AAC/BF,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDa,IAAAA,aAAa,EAAEA,aAAc;AAC7BF,IAAAA,kBAAkB,EAAEA,kBAAmB;IACvCqB,uBAAuB,EAAEA,MAAM;AAC7B2B,MAAAA,QAAQ,CAACN,MAAM,CAACoC,gBAAgB,CAAC,CAAA;AACnC,KAAA;AAAE,GACH,CACE,CACN,EAGD/B,KAAK,MAAKL,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEoC,gBAAgB,CAChCnE,iBAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCF,yBAAA,CAAAC,aAAA,CAACmB,eAAe,EAAA;IACdX,UAAU,EAAE,CAAA1B,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEsB,GAAG,KAAI,EAAG;IACtCgB,YAAY,EAAEA,MAAM;AAClBgB,MAAAA,QAAQ,CAACN,MAAM,CAACiB,OAAO,CAAC,CAAA;KACxB;IACFoB,cAAc,EAAEA,MAAM;AACpB/B,MAAAA,QAAQ,CAACN,MAAM,CAACO,YAAY,CAAC,CAAA;AAC/B,KAAA;AAAE,GACH,CACE,CACN,EAGDF,KAAK,MAAKL,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEkC,cAAc,CAC9BjE,iBAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,eACnCF,yBAAA,CAAAC,aAAA,CAACoE,aAAa,EAAA;IACZ5D,UAAU,EAAE,CAAA1B,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEsB,GAAG,KAAI,EAAG;IACtCgB,YAAY,EAAEA,MAAM;AAClBgB,MAAAA,QAAQ,CAACN,MAAM,CAACiB,OAAO,CAAC,CAAA;KACxB;IACFzB,aAAa,EAAGT,OAAO,IAAK;AAC1BuB,MAAAA,QAAQ,CAACN,MAAM,CAACiB,OAAO,CAAC,CAAA;MACxBF,WAAW,CAAChC,OAAO,CAAC,CAAA;AACtB,KAAA;GACD,CACE,CAGN,CAAC,CAAA;AAEV,CAAC;;ACxJM,MAAMwD,SAAmC,GAC9C/F,KAAqB,IAClB;EACH,MAAM;IACJC,iBAAiB;IACjBC,SAAS;IACTC,wBAAwB;IACxBC,gBAAgB;IAChBC,cAAc;IACdC,oBAAoB;IACpBC,iBAAiB;IACjBC,cAAc;AACdC,IAAAA,iBAAAA;AACF,GAAC,GAAGT,KAAK,CAAA;EACT,MAAM,CAACkB,UAAU,EAAEC,aAAa,CAAC,GAAGK,cAAQ,CAAC,KAAK,CAAC,CAAA;EACnD,MAAM,CAACJ,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGG,cAAQ,CAA4B,IAAI,CAAC,CAAA;EAC/F,MAAM,CAACd,YAAY,EAAEC,eAAe,CAAC,GAAGa,cAAQ,CAAC,KAAK,CAAC,CAAA;EACvD,MAAM,CAACZ,UAAU,EAAEC,aAAa,CAAC,GAAGW,cAAQ,CAAC,KAAK,CAAC,CAAA;EACnD,MAAM,CAACV,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGS,cAAQ,CAAS,IAAI,CAAC,CAAA;EAC1E,MAAM,CAACR,aAAa,EAAEC,gBAAgB,CAAC,GAAGO,cAAQ,CAAS,IAAI,CAAC,CAAA;EAChE,MAAM;AAAEwE,IAAAA,QAAAA;GAAU,GAAGC,sCAAoB,EAAE,CAAA;AAC3C,EAAA,oBACExE,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAyE,QAAA,EAEIF,IAAAA,EAAAA,QAAQ,gBAEJvE,yBAAA,CAAAC,aAAA,CAAC+B,YAAY,EAAA;AACXvD,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCH,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCI,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CE,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCK,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,gBAAgB,EAAEA,gBAAAA;AAAiB,GACpC,CAAC,gBAGFQ,yBAAA,CAAAC,aAAA,CAAC3B,aAAa,EAAA;AACZE,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCS,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CX,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,gBAAgB,EAAEA,gBAAAA;AAAiB,GACpC,CAGP,CAAC,CAAA;AAEP,CAAC;;AC9ED;AACA;AACA;AACA;AACA;AAWe,SAASkF,GAAGA,CAACnG,KAAK,EAAE;EACjC,MAAM;IACJoG,KAAK;IACL/B,MAAM;IACNgC,WAAW;IACXC,aAAa;IACbC,mBAAmB;IACnBC,oBAAoB;IACpBC,KAAK;IACLC,aAAa;IACbC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVvC,MAAM,GAAG,EAAE;IACXrE,iBAAiB;IACjB6G,gBAAgB;IAChBC,qBAAqB;IACrBC,WAAW;IACX9G,SAAS;IACTC,wBAAwB;IACxB8G,QAAQ;IACRC,SAAS;IACT9G,gBAAgB;IAChB+G,kBAAkB;IAClBC,sBAAsB;IACtBC,iBAAiB;IACjBhH,cAAc;IACdC,oBAAoB;IACpBgH,gBAAgB;IAChB/G,iBAAiB;IACjBgH,qCAAqC;AACrCC,IAAAA,0CAAAA;AACF,GAAC,GAAGxH,KAAK,CAAA;EACT,MAAM,CAACQ,cAAc,EAAEC,iBAAiB,CAAC,GAAGe,cAAQ,CAAC,IAAI,CAAC,CAAA;AAC1D,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAC+F,gBAAQ,EAAA;AACPP,IAAAA,SAAS,EAAEA,SAAU;AACrBd,IAAAA,KAAK,EAAEA,KAAM;AACb/B,IAAAA,MAAM,EAAEA,MAAO;AACfgC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,UAAU,EAAEA,UAAW;AACvBH,IAAAA,aAAa,EAAEA,aAAc;AAC7BpC,IAAAA,MAAM,EAAEA,MAAO;AACf2C,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCrH,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrC6G,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,WAAW,EAAEA,WAAY;IACzBU,oBAAoB,EAAG1F,OAAO,IAAK;MACjCvB,iBAAiB,CAACuB,OAAO,CAAC,CAAA;KAC1B;AACFuF,IAAAA,qCAAqC,EAAEA,qCAAsC;AAC7EC,IAAAA,0CAA0C,EAAEA,0CAA2C;AACvFtH,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,eAErBuB,yBAAA,CAAAC,aAAA,CAACqE,SAAS,EAAA;AACR9F,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GACtC,CACO,CAAC,CAAA;AAEf,CAAA;AAEA0F,GAAG,CAACwB,SAAS,GAAG;AACdvB,EAAAA,KAAK,EAAEwB,6BAAS,CAACC,MAAM,CAACC,UAAU;AAClCzD,EAAAA,MAAM,EAAEuD,6BAAS,CAACC,MAAM,CAACC,UAAU;EACnCzB,WAAW,EAAEuB,6BAAS,CAACC,MAAM;EAC7BvB,aAAa,EAAEsB,6BAAS,CAACC,MAAM;EAC/BtB,mBAAmB,EAAEqB,6BAAS,CAACC,MAAM;EACrCpB,KAAK,EAAEmB,6BAAS,CAACC,MAAM;EACvBnB,aAAa,EAAEkB,6BAAS,CAACG,IAAI;EAC7BpB,QAAQ,EAAEiB,6BAAS,CAACC,MAAM;EAC1BjB,UAAU,EAAEgB,6BAAS,CAACC,MAAM;EAC5BrB,oBAAoB,EAAEoB,6BAAS,CAACC,MAAM;EACtCzH,gBAAgB,EAAEwH,6BAAS,CAACI,IAAI;EAChCb,kBAAkB,EAAES,6BAAS,CAACI,IAAI;EAClCZ,sBAAsB,EAAEQ,6BAAS,CAACI,IAAI;EACtCX,iBAAiB,EAAEO,6BAAS,CAACG,IAAI;EACjCzH,oBAAoB,EAAEsH,6BAAS,CAACG,IAAI;AACpClB,EAAAA,UAAU,EAAEe,6BAAS,CAACK,KAAK,CAAC,EAAE,CAAC;AAC/B3D,EAAAA,MAAM,EAAEsD,6BAAS,CAACK,KAAK,CAAC;AACtB;AACAC,IAAAA,QAAQ,EAAEN,6BAAS,CAACO,SAAS,CAAC,CAC5BP,6BAAS,CAACC,MAAM,EAChBD,6BAAS,CAACQ,OAAO,CAACR,6BAAS,CAACC,MAAM,CAAC,CACpC,CAAC;IACFQ,gBAAgB,EAAET,6BAAS,CAACI,IAAAA;AAC9B,GAAC,CAAC;EACF/H,iBAAiB,EAAE2H,6BAAS,CAACI,IAAI;AACjC9H,EAAAA,SAAS,EAAE0H,6BAAS,CAACU,KAAK,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;EAC7DjI,cAAc,EAAEuH,6BAAS,CAACI,IAAI;EAC9B7H,wBAAwB,EAAEyH,6BAAS,CAACI,IAAI;EACxCd,SAAS,EAAEU,6BAAS,CAACW,QAAQ,CAACX,6BAAS,CAACC,MAAM,CAAC;EAC/CZ,QAAQ,EAAEW,6BAAS,CAACW,QAAQ,CAACX,6BAAS,CAACC,MAAM,CAAC;AAC9CP,EAAAA,gBAAgB,EAAEM,6BAAS,CAACK,KAAK,CAAC;IAChCO,eAAe,EAAEZ,6BAAS,CAACa,MAAM;AACjCC,IAAAA,aAAa,EAAEd,6BAAS,CAACO,SAAS,CAAC,CACjCP,6BAAS,CAACa,MAAM,EAChBb,6BAAS,CAACC,MAAM,CACjB,CAAC;AACFc,IAAAA,cAAc,EAAEf,6BAAS,CAACO,SAAS,CAAC,CAClCP,6BAAS,CAACa,MAAM,EAChBb,6BAAS,CAACC,MAAM,CACjB,CAAA;AACH,GAAC,CAAC;EACFtH,iBAAiB,EAAEqH,6BAAS,CAACI,IAAI;EACjClB,gBAAgB,EAAEc,6BAAS,CAACI,IAAI;EAChCjB,qBAAqB,EAAEa,6BAAS,CAACI,IAAI;AACrChB,EAAAA,WAAW,EAAEY,6BAAS,CAACK,KAAK,CAAC;IAC3BW,gBAAgB,EAAEhB,6BAAS,CAACa,MAAM;IAClCI,gBAAgB,EAAEjB,6BAAS,CAACa,MAAAA;AAC9B,GAAC,CAAC;EACFlB,qCAAqC,EAAEK,6BAAS,CAACI,IAAI;EACrDR,0CAA0C,EAAEI,6BAAS,CAACI,IAAAA;AACxD,CAAC,CAAA;AAED7B,GAAG,CAAC2C,YAAY,GAAG;AACjBzC,EAAAA,WAAW,EAAE,EAAE;AACfC,EAAAA,aAAa,EAAE,EAAE;AACjBC,EAAAA,mBAAmB,EAAE,EAAE;AACvBE,EAAAA,KAAK,EAAE,OAAO;AACdE,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,UAAU,EAAE,EAAE;AACdF,EAAAA,aAAa,EAAE,IAAI;AACnBF,EAAAA,oBAAoB,EAAE,IAAI;AAC1BK,EAAAA,UAAU,EAAE,IAAI;AAChBzG,EAAAA,gBAAgB,EAAE,KAAK;AACvBE,EAAAA,oBAAoB,EAAE,IAAI;AAC1B6G,EAAAA,kBAAkB,EAAE,KAAK;AACzBC,EAAAA,sBAAsB,EAAE,KAAK;AAC7B/G,EAAAA,cAAc,EAAE,KAAK;AACrBgH,EAAAA,iBAAiB,EAAE,IAAI;EACvB/C,MAAM,EAAE,EAAE;AACVrE,EAAAA,iBAAiB,EAAE,IAAI;AACvB6G,EAAAA,gBAAgB,EAAE,KAAK;AACvBC,EAAAA,qBAAqB,EAAE,IAAI;AAC3BC,EAAAA,WAAW,EAAE;AACX4B,IAAAA,gBAAgB,EAAEG,iCAA0B;AAC5CF,IAAAA,gBAAgB,EAAEG,iCAAAA;GACnB;AACD9I,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,wBAAwB,EAAE,IAAI;AAC9B+G,EAAAA,SAAS,EAAE,IAAI;AACfD,EAAAA,QAAQ,EAAE,IAAI;EACdK,gBAAgB,EAAE,EAAE;AACpB/G,EAAAA,iBAAiB,EAAE,KAAK;AACxBgH,EAAAA,qCAAqC,EAAE,KAAK;AAC5CC,EAAAA,0CAA0C,EAAE,KAAA;AAC9C,CAAC;;;;"}

package/cjs/Channel/components/ChannelHeader.js

@@ -1,65 +1,70 @@
 'use strict';
 
 var React = require('react');
-var utils = require('../../utils-3f3c2287.js');
-var ui_Label = require('../../index-b8a20afd.js');
+var utils = require('../../utils-4b74ea64.js');
+var ui_Label = require('../../index-73643285.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
-var LocalizationContext = require('../../LocalizationContext-498cb747.js');
+var LocalizationContext = require('../../LocalizationContext-af96cf5f.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-cf5867c2.js');
-var MediaQueryContext = require('../../MediaQueryContext-b9c2ec1f.js');
-var utils$1 = require('../../utils-1038446c.js');
+var Channel_context = require('../../ChannelProvider-620bb354.js');
+var MediaQueryContext = require('../../MediaQueryContext-8ec3f647.js');
+var utils$1 = require('../../utils-d5176360.js');
 require('prop-types');
-require('../../stringSet-061fe0c1.js');
-require('../../tslib.es6-8f4b0cfe.js');
+require('../../stringSet-68748705.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-1ffa3b79.js');
-require('../../utils-6a97ff3a.js');
-require('../../index-8b6bb1ee.js');
+require('../../uuid-0b4ed44c.js');
+require('../../utils-7f75ad97.js');
+require('../../index-83d1d15e.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-617420c9.js');
-require('../../index-71173fef.js');
-require('../../topics-c8adbede.js');
-require('../../index-2ac1f908.js');
+require('../../UserProfileContext-f068b0ba.js');
+require('../../index-f65677b1.js');
+require('../../topics-825e5d42.js');
+require('../../index-f2146bae.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../_rollupPluginBabelHelpers-c2313dcd.js');
-require('../../compareIds-27f7912f.js');
-require('../../const-e22c9d25.js');
+require('../../compareIds-18b3b1d6.js');
+require('../../const-6691e574.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/ReactionButton.js');
-require('../../consts-8605e767.js');
+require('../../consts-a5382bc1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ChannelHeader = function (_a) {
-  var _b, _c, _d;
-  var _e = _a.className,
-    className = _e === void 0 ? '' : _e;
-  var globalStore = useSendbirdStateContext();
-  var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
-  var theme = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _c === void 0 ? void 0 : _c.theme;
-  var channelStore = Channel_context.useChannelContext();
-  var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-  var currentGroupChannel = channelStore.currentGroupChannel,
-    showSearchIcon = channelStore.showSearchIcon,
-    onSearchClick = channelStore.onSearchClick,
-    onChatHeaderActionClick = channelStore.onChatHeaderActionClick,
-    _f = channelStore.onBackClick,
-    onBackClick = _f === void 0 ? utils$1.noop : _f;
-  var subTitle = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) && ((_d = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) === null || _d === void 0 ? void 0 : _d.length) !== 2;
-  var isMuted = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.myMutedState) === 'muted';
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+const ChannelHeader = _ref => {
+  var _globalStore$config, _globalStore$config2, _currentGroupChannel$;
+  let {
+    className = ''
+  } = _ref;
+  const globalStore = useSendbirdStateContext();
+  const userId = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config = globalStore.config) === null || _globalStore$config === void 0 ? void 0 : _globalStore$config.userId;
+  const theme = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config2 = globalStore.config) === null || _globalStore$config2 === void 0 ? void 0 : _globalStore$config2.theme;
+  const channelStore = Channel_context.useChannelContext();
+  const {
+    isMobile
+  } = MediaQueryContext.useMediaQueryContext();
+  const {
+    currentGroupChannel,
+    showSearchIcon,
+    onSearchClick,
+    onChatHeaderActionClick,
+    onBackClick = utils$1.noop
+  } = channelStore;
+  const subTitle = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : (_currentGroupChannel$ = currentGroupChannel.members) === null || _currentGroupChannel$ === void 0 ? void 0 : _currentGroupChannel$.length) !== 2;
+  const isMuted = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.myMutedState) === 'muted';
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-chat-header ".concat(className)
+    className: `sendbird-chat-header ${className}`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-chat-header__left"
   }, isMobile && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
@@ -91,7 +96,7 @@ var ChannelHeader = function (_a) {
     fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
     width: "24px",
     height: "24px"
-  }), showSearchIcon && !(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isEphemeral) && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+  }), showSearchIcon && !(currentGroupChannel !== null && currentGroupChannel !== void 0 && currentGroupChannel.isEphemeral) && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
     className: "sendbird-chat-header__right__search",
     width: "32px",
     height: "32px",

package/cjs/Channel/components/ChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelHeader.js","sources":["../../../../src/smart-components/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport { noop } from '../../../../utils/utils'\n\ninterface ChannelHeaderProps {\n  className?: string;\n}\n\nconst ChannelHeader: React.FC<ChannelHeaderProps> = ({\n  className = '',\n}) => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\n  const { isMobile } = useMediaQueryContext();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n    onBackClick = noop,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === 'muted';\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-chat-header ${className}`}>\n      <div className=\"sendbird-chat-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-chat-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          (showSearchIcon && !currentGroupChannel?.isEphemeral) && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelHeader;\n"],"names":["ChannelHeader","_a","_e","className","globalStore","useSendbirdStateContext","userId","_b","config","theme","_c","channelStore","useChannelContext","isMobile","useMediaQueryContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","_f","onBackClick","noop","subTitle","members","_d","length","isMuted","myMutedState","stringSet","useContext","LocalizationContext","React","createElement","concat","Icon","onClick","fillColor","IconColors","PRIMARY","width","height","type","IconTypes","ARROW_LEFT","ChannelAvatar","channel","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","NOTIFICATIONS_OFF_FILLED","ON_BACKGROUND_2","isEphemeral","IconButton","SEARCH","INFO"],"mappings":"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"}
+{"version":3,"file":"ChannelHeader.js","sources":["../../../../src/modules/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport { noop } from '../../../../utils/utils'\n\ninterface ChannelHeaderProps {\n  className?: string;\n}\n\nconst ChannelHeader: React.FC<ChannelHeaderProps> = ({\n  className = '',\n}) => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\n  const { isMobile } = useMediaQueryContext();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n    onBackClick = noop,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === 'muted';\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-chat-header ${className}`}>\n      <div className=\"sendbird-chat-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-chat-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          (showSearchIcon && !currentGroupChannel?.isEphemeral) && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelHeader;\n"],"names":["ChannelHeader","_ref","_globalStore$config","_globalStore$config2","_currentGroupChannel$","className","globalStore","useSendbirdStateContext","userId","config","theme","channelStore","useChannelContext","isMobile","useMediaQueryContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","onBackClick","noop","subTitle","members","length","isMuted","myMutedState","stringSet","useContext","LocalizationContext","React","createElement","Icon","onClick","fillColor","IconColors","PRIMARY","width","height","type","IconTypes","ARROW_LEFT","ChannelAvatar","channel","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","NOTIFICATIONS_OFF_FILLED","ON_BACKGROUND_2","isEphemeral","IconButton","SEARCH","INFO"],"mappings":"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"}

package/cjs/Channel/components/ChannelUI.js

@@ -2,69 +2,68 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-cf5867c2.js');
-var ui_PlaceHolder = require('../../index-983f9d7a.js');
+var Channel_context = require('../../ChannelProvider-620bb354.js');
+var ui_PlaceHolder = require('../../index-ff8ea47f.js');
 var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
 var Channel_components_ChannelHeader = require('./ChannelHeader.js');
 var Channel_components_MessageList = require('./MessageList.js');
 var Channel_components_TypingIndicator = require('./TypingIndicator.js');
 var Channel_components_MessageInput = require('./MessageInput.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-8f4b0cfe.js');
-require('../../UserProfileContext-617420c9.js');
+require('../../_rollupPluginBabelHelpers-c5955c81.js');
+require('../../UserProfileContext-f068b0ba.js');
 require('prop-types');
-require('../../index-71173fef.js');
-require('../../index-8b6bb1ee.js');
-require('../../topics-c8adbede.js');
-require('../../index-2ac1f908.js');
+require('../../index-f65677b1.js');
+require('../../index-83d1d15e.js');
+require('../../topics-825e5d42.js');
+require('../../index-f2146bae.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../_rollupPluginBabelHelpers-c2313dcd.js');
-require('../../compareIds-27f7912f.js');
-require('../../const-e22c9d25.js');
+require('../../compareIds-18b3b1d6.js');
+require('../../const-6691e574.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-1ffa3b79.js');
+require('../../uuid-0b4ed44c.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-b8a20afd.js');
-require('../../stringSet-061fe0c1.js');
+require('../../index-73643285.js');
+require('../../stringSet-68748705.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../consts-8605e767.js');
-require('../../LocalizationContext-498cb747.js');
+require('../../consts-a5382bc1.js');
+require('../../LocalizationContext-af96cf5f.js');
 require('../../ui/Loader.js');
-require('../../utils-3f3c2287.js');
+require('../../utils-4b74ea64.js');
 require('../../ui/IconButton.js');
 require('../../ui/ChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../utils-6a97ff3a.js');
-require('../../MediaQueryContext-b9c2ec1f.js');
-require('../../utils-1038446c.js');
+require('../../utils-7f75ad97.js');
+require('../../MediaQueryContext-8ec3f647.js');
+require('../../utils-d5176360.js');
 require('./Message.js');
 require('./SuggestedMentionList.js');
-require('../../const-61fc7be6.js');
-require('../../ThreadProvider-37f2f0a3.js');
+require('../../const-ab0f6056.js');
+require('../../ThreadProvider-572574d7.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../ui/DateSeparator.js');
-require('../../color-7f7508e6.js');
+require('../../color-afeb8dc2.js');
 require('../../ui/MessageInput.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-3764bd68.js');
-require('../../consts-ad849467.js');
-require('../../consts-46fa3a3a.js');
-require('../../tokenize-7e34a56e.js');
+require('../../consts-6ec77e9a.js');
+require('../../consts-bc27beff.js');
+require('../../consts-a422c2f9.js');
+require('../../tokenize-d86ab0c7.js');
 require('../../ui/MessageContent.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../index-0dff9958.js');
-require('../../index-a4887600.js');
-require('../../index-ac1b0ab9.js');
+require('../../index-900dd19f.js');
+require('../../index-6cb4a530.js');
+require('../../index-4ee95667.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-beecfca4.js');
+require('../../types-24accb8d.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
@@ -72,8 +71,8 @@ require('../../ui/TooltipWrapper.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-ddcf90b1.js');
-require('../../index.module-cf39e3b9.js');
+require('../../index-0b344bd7.js');
+require('../../index.module-9f5edc7b.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
@@ -83,52 +82,55 @@ require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../useLongPress-f3ee01a0.js');
+require('../../useLongPress-d9deb354.js');
 require('../../ui/BottomSheet.js');
-require('../../index-67f813a3.js');
+require('../../index-68c57136.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-cd680348.js');
+require('../../index-9d518988.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('./FileViewer.js');
 require('./RemoveMessageModal.js');
 require('../../ui/Modal.js');
-require('../../index-3626dfeb.js');
+require('../../index-8049c2a3.js');
 require('./UnreadCount.js');
 require('./FrozenNotification.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../VoiceMessageInputWrapper-43c29f38.js');
+require('../../VoiceMessageInputWrapper-db7f2b72.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-ead97d9a.js');
+require('../../index-c1de8d8f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ChannelUI = function (_a) {
-  var _b, _c, _d, _e;
-  var isLoading = _a.isLoading,
-    renderPlaceholderLoader = _a.renderPlaceholderLoader,
-    renderPlaceholderInvalid = _a.renderPlaceholderInvalid,
-    renderPlaceholderEmpty = _a.renderPlaceholderEmpty,
-    renderChannelHeader = _a.renderChannelHeader,
-    renderMessage = _a.renderMessage,
-    renderMessageInput = _a.renderMessageInput,
-    renderTypingIndicator = _a.renderTypingIndicator,
-    renderCustomSeparator = _a.renderCustomSeparator,
-    renderFileUploadIcon = _a.renderFileUploadIcon,
-    renderVoiceMessageIcon = _a.renderVoiceMessageIcon,
-    renderSendMessageIcon = _a.renderSendMessageIcon;
-  var _f = Channel_context.useChannelContext(),
-    channelUrl = _f.channelUrl,
-    isInvalid = _f.isInvalid;
-  var globalStore = useSendbirdStateContext();
-  var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;
-  var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
-  var isOnline = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.isOnline;
+const ChannelUI = _ref => {
+  var _globalStore$stores, _globalStore$stores$s, _globalStore$config, _globalStore$config2;
+  let {
+    isLoading,
+    renderPlaceholderLoader,
+    renderPlaceholderInvalid,
+    renderPlaceholderEmpty,
+    renderChannelHeader,
+    renderMessage,
+    renderMessageInput,
+    renderTypingIndicator,
+    renderCustomSeparator,
+    renderFileUploadIcon,
+    renderVoiceMessageIcon,
+    renderSendMessageIcon
+  } = _ref;
+  const {
+    channelUrl,
+    isInvalid
+  } = Channel_context.useChannelContext();
+  const globalStore = useSendbirdStateContext();
+  const sdkError = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$stores = globalStore.stores) === null || _globalStore$stores === void 0 ? void 0 : (_globalStore$stores$s = _globalStore$stores.sdkStore) === null || _globalStore$stores$s === void 0 ? void 0 : _globalStore$stores$s.error;
+  const logger = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config = globalStore.config) === null || _globalStore$config === void 0 ? void 0 : _globalStore$config.logger;
+  const isOnline = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config2 = globalStore.config) === null || _globalStore$config2 === void 0 ? void 0 : _globalStore$config2.isOnline;
   if (isLoading) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "sendbird-conversation"
@@ -155,7 +157,7 @@ var ChannelUI = function (_a) {
       className: "sendbird-conversation"
     }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
       type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
-      retryToConnect: function () {
+      retryToConnect: () => {
         logger.info('Channel: reconnecting');
         // reconnect();
       }