@sendbird/uikit-react 3.3.5 → 3.5.0-rc.0

package/MessageSearch/components/MessageSearchUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","concat","messageId","NO_RESULTS"],"mappings":"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"}
+{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","concat","messageId","NO_RESULTS"],"mappings":"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"}

package/MessageSearch/context.js

@@ -1,8 +1,8 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from '../tslib.es6-ea477498.js';
+import { _ as __assign, a as __spreadArray } from '../tslib.es6-d9fa3716.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-d746227b.js';
+import '../_rollupPluginBabelHelpers-ed44209e.js';
 
 var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
 var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';

package/MessageSearch.js

@@ -1,27 +1,28 @@
 import React__default, { useState, useContext, useEffect } from 'react';
 import { MessageSearchUI } from './MessageSearch/components/MessageSearchUI.js';
-import { a as LocalizationContext } from './LocalizationContext-299b1d45.js';
+import { a as LocalizationContext } from './LocalizationContext-60894e38.js';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
 import IconButton from './ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './index-256d00f1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-95ac9232.js';
 import Loader from './ui/Loader.js';
 import { MessageSearchProvider } from './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';
-import './tslib.es6-ea477498.js';
-import './index-a8115de7.js';
-import './index-14786153.js';
-import './index-856dc0bd.js';
-import './index-58485e08.js';
+import './tslib.es6-d9fa3716.js';
+import './index-eadca08d.js';
+import './index-5e776774.js';
+import './index-0fd24497.js';
+import './index-b19486f5.js';
+import './index-54843058.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-2d756af4.js';
-import './index-924f6629.js';
+import './uuid-968941a0.js';
+import './index-fd15e3b0.js';
 import './ui/MessageSearchFileItem.js';
-import './stringSet-8039f73a.js';
+import './stringSet-7ace5726.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-d746227b.js';
+import './_rollupPluginBabelHelpers-ed44209e.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';
 

package/MessageSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearch.js","sources":["../src/smart-components/MessageSearch/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport './index.scss';\n\nimport MessageSearch, { MessageSearchUIProps } from './components/MessageSearchUI';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../../ui/Icon';\nimport IconButton from '../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport Loader from '../../ui/Loader';\nimport { MessageSearchProvider, MessageSearchProviderProps } from './context/MessageSearchProvider';\n\nexport interface MessageSearchPannelProps extends\n  MessageSearchUIProps, MessageSearchProviderProps {\n  onResultClick?: (message) => void;\n  onCloseClick?: () => void;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';\n\nfunction MessageSearchPannel(props: MessageSearchPannelProps): JSX.Element {\n  const {\n    channelUrl,\n    onResultClick,\n    onCloseClick,\n    messageSearchQuery,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderNoString,\n    renderPlaceHolderEmptyList,\n    renderSearchItem,\n  } = props;\n\n  const [searchString, setSearchString] = useState('');\n  const [inputString, setInputString] = useState('');\n  const [loading, setLoading] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  let timeout = null;\n  useEffect(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      setSearchString(inputString);\n      setLoading(true);\n      timeout = null;\n    }, 500);\n  }, [inputString]);\n\n  const handleOnChangeInputString = (e) => {\n    setInputString(e.target.value);\n  };\n\n  const handleOnResultLoaded = () => {\n    setLoading(false);\n  };\n\n  const handleOnClickResetStringButton = (e) => {\n    e.stopPropagation();\n    setInputString('');\n    setSearchString('');\n  };\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      <div className={`${COMPONENT_CLASS_NAME}__header`}>\n        <Label\n          className={`${COMPONENT_CLASS_NAME}__header__title`}\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {stringSet.SEARCH_IN_CHANNEL}\n        </Label>\n        <IconButton\n          className={`${COMPONENT_CLASS_NAME}__header__close-button`}\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onCloseClick}\n        >\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            width=\"22px\"\n            height=\"22px\"\n          />\n        </IconButton>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__input`}>\n        <div className={`${COMPONENT_CLASS_NAME}__input__container`}>\n            <Icon\n              className={`${COMPONENT_CLASS_NAME}__input__container__search-icon`}\n              type={IconTypes.SEARCH}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"24px\"\n              height=\"24px\"\n            />\n            <input\n              className={`${COMPONENT_CLASS_NAME}__input__container__input-area`}\n              placeholder={stringSet.SEARCH}\n              value={inputString}\n              onChange={handleOnChangeInputString}\n            />\n            {\n              inputString && loading && (\n                <Loader\n                  className={`${COMPONENT_CLASS_NAME}__input__container__spinner`}\n                  width=\"20px\"\n                  height=\"20px\"\n                >\n                  <Icon\n                    type={IconTypes.SPINNER}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                </Loader>\n              )\n            }\n            {\n              !loading && inputString && (\n                <Icon\n                  className={`${COMPONENT_CLASS_NAME}__input__container__reset-input-button`}\n                  type={IconTypes.REMOVE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"20px\"\n                  height=\"20px\"\n                  onClick={handleOnClickResetStringButton}\n                />\n              )\n            }\n        </div>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__message-search`}>\n        <MessageSearchProvider\n          channelUrl={channelUrl}\n          searchString={searchString}\n          onResultClick={onResultClick}\n          onResultLoaded={handleOnResultLoaded}\n          messageSearchQuery={messageSearchQuery}\n        >\n          <MessageSearch\n            renderPlaceHolderError={renderPlaceHolderError}\n            renderPlaceHolderLoading={renderPlaceHolderLoading}\n            renderPlaceHolderNoString={renderPlaceHolderNoString}\n            renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n            renderSearchItem={renderSearchItem}\n          />\n        </MessageSearchProvider>\n      </div>\n    </div>\n  );\n}\n\nexport default MessageSearchPannel;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchPannel","props","channelUrl","onResultClick","onCloseClick","messageSearchQuery","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_a","useState","searchString","setSearchString","_b","inputString","setInputString","_c","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","concat","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","SPINNER","PRIMARY","REMOVE","MessageSearch"],"mappings":"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"}
+{"version":3,"file":"MessageSearch.js","sources":["../src/smart-components/MessageSearch/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport './index.scss';\n\nimport MessageSearch, { MessageSearchUIProps } from './components/MessageSearchUI';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../../ui/Icon';\nimport IconButton from '../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport Loader from '../../ui/Loader';\nimport { MessageSearchProvider, MessageSearchProviderProps } from './context/MessageSearchProvider';\n\nexport interface MessageSearchPannelProps extends\n  MessageSearchUIProps, MessageSearchProviderProps {\n  onResultClick?: (message) => void;\n  onCloseClick?: () => void;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';\n\nfunction MessageSearchPannel(props: MessageSearchPannelProps): JSX.Element {\n  const {\n    channelUrl,\n    onResultClick,\n    onCloseClick,\n    messageSearchQuery,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderNoString,\n    renderPlaceHolderEmptyList,\n    renderSearchItem,\n  } = props;\n\n  const [searchString, setSearchString] = useState('');\n  const [inputString, setInputString] = useState('');\n  const [loading, setLoading] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  let timeout = null;\n  useEffect(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      setSearchString(inputString);\n      setLoading(true);\n      timeout = null;\n    }, 500);\n  }, [inputString]);\n\n  const handleOnChangeInputString = (e) => {\n    setInputString(e.target.value);\n  };\n\n  const handleOnResultLoaded = () => {\n    setLoading(false);\n  };\n\n  const handleOnClickResetStringButton = (e) => {\n    e.stopPropagation();\n    setInputString('');\n    setSearchString('');\n  };\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      <div className={`${COMPONENT_CLASS_NAME}__header`}>\n        <Label\n          className={`${COMPONENT_CLASS_NAME}__header__title`}\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {stringSet.SEARCH_IN_CHANNEL}\n        </Label>\n        <IconButton\n          className={`${COMPONENT_CLASS_NAME}__header__close-button`}\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onCloseClick}\n        >\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            width=\"22px\"\n            height=\"22px\"\n          />\n        </IconButton>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__input`}>\n        <div className={`${COMPONENT_CLASS_NAME}__input__container`}>\n            <Icon\n              className={`${COMPONENT_CLASS_NAME}__input__container__search-icon`}\n              type={IconTypes.SEARCH}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"24px\"\n              height=\"24px\"\n            />\n            <input\n              className={`${COMPONENT_CLASS_NAME}__input__container__input-area`}\n              placeholder={stringSet.SEARCH}\n              value={inputString}\n              onChange={handleOnChangeInputString}\n            />\n            {\n              inputString && loading && (\n                <Loader\n                  className={`${COMPONENT_CLASS_NAME}__input__container__spinner`}\n                  width=\"20px\"\n                  height=\"20px\"\n                >\n                  <Icon\n                    type={IconTypes.SPINNER}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                </Loader>\n              )\n            }\n            {\n              !loading && inputString && (\n                <Icon\n                  className={`${COMPONENT_CLASS_NAME}__input__container__reset-input-button`}\n                  type={IconTypes.REMOVE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"20px\"\n                  height=\"20px\"\n                  onClick={handleOnClickResetStringButton}\n                />\n              )\n            }\n        </div>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__message-search`}>\n        <MessageSearchProvider\n          channelUrl={channelUrl}\n          searchString={searchString}\n          onResultClick={onResultClick}\n          onResultLoaded={handleOnResultLoaded}\n          messageSearchQuery={messageSearchQuery}\n        >\n          <MessageSearch\n            renderPlaceHolderError={renderPlaceHolderError}\n            renderPlaceHolderLoading={renderPlaceHolderLoading}\n            renderPlaceHolderNoString={renderPlaceHolderNoString}\n            renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n            renderSearchItem={renderSearchItem}\n          />\n        </MessageSearchProvider>\n      </div>\n    </div>\n  );\n}\n\nexport default MessageSearchPannel;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchPannel","props","channelUrl","onResultClick","onCloseClick","messageSearchQuery","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_a","useState","searchString","setSearchString","_b","inputString","setInputString","_c","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","concat","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","SPINNER","PRIMARY","REMOVE","MessageSearch"],"mappings":"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"}

package/NotificationChannel/components/NotificationChannelUI.js

@@ -0,0 +1,119 @@
+import React__default from 'react';
+import NotificationList from './NotificationList.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-fd15e3b0.js';
+import { u as useNotficationChannelContext, a as actionTypes } from '../../NotificationChannelProvider-2cb7ca21.js';
+import Modal from '../../ui/Modal.js';
+import { ButtonTypes } from '../../ui/Button.js';
+import { u as useLocalization } from '../../LocalizationContext-60894e38.js';
+import useSendbirdStateContext from '../../useSendbirdStateContext.js';
+import sendbirdSelectors from '../../sendbirdSelectors.js';
+import './NotificationMessageWrap.js';
+import '../../index-0fd24497.js';
+import '../../index-b19486f5.js';
+import '../../index-eadca08d.js';
+import '../../index-5e776774.js';
+import '../../ui/UnknownMessageItemBody.js';
+import '../../index-95ac9232.js';
+import 'prop-types';
+import '../../stringSet-7ace5726.js';
+import '../../index-58e5d82d.js';
+import '../../tslib.es6-d9fa3716.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '../../ui/Icon.js';
+import '@sendbird/react-uikit-message-template-view';
+import '../../ui/Loader.js';
+import '../../compareIds-063e5503.js';
+import '@sendbird/chat/groupChannel';
+import '../../uuid-968941a0.js';
+import 'react-dom';
+import '../../index-d81c515b.js';
+import '../../ui/IconButton.js';
+import '../../MediaQueryContext-bcf72e28.js';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-ed44209e.js';
+import '../../topics-d390daf6.js';
+import '../../utils-30c326f7.js';
+
+var NotificationChannelUI = function (_a) {
+  var isLoading = _a.isLoading,
+      renderPlaceholderLoader = _a.renderPlaceholderLoader,
+      renderPlaceholderInvalid = _a.renderPlaceholderInvalid,
+      renderPlaceholderEmpty = _a.renderPlaceholderEmpty,
+      renderMessageHeader = _a.renderMessageHeader,
+      renderHeader = _a.renderHeader,
+      renderMessage = _a.renderMessage;
+
+  var _b = useNotficationChannelContext(),
+      uiState = _b.uiState,
+      showDeleteModal = _b.showDeleteModal,
+      notificationsDispatcher = _b.notificationsDispatcher,
+      currentNotificationChannel = _b.currentNotificationChannel,
+      messageToDelete = _b.messageToDelete;
+
+  var stringSet = useLocalization().stringSet;
+  var store = useSendbirdStateContext();
+  var deleteMessage = sendbirdSelectors.getDeleteMessage(store);
+
+  if (isLoading || uiState === 'loading') {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "sendbird-notification-channel",
+      "data-notificationuistate": "loading"
+    }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
+      type: PlaceHolderTypes.LOADING,
+      className: "sendbird-notification-channel__placeholder"
+    }));
+  }
+
+  if (uiState === 'invalid') {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "sendbird-notification-channel",
+      "data-notificationuistate": "invalid"
+    }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
+      type: PlaceHolderTypes.WRONG,
+      className: "sendbird-notification-channel__placeholder"
+    }));
+  }
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-notification-channel"
+  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null, /*#__PURE__*/React__default.createElement(NotificationList, {
+    renderPlaceholderEmpty: renderPlaceholderEmpty,
+    renderMessageHeader: renderMessageHeader,
+    renderMessage: renderMessage
+  }), showDeleteModal && /*#__PURE__*/React__default.createElement(Modal, {
+    type: ButtonTypes.DANGER,
+    onCancel: function () {
+      notificationsDispatcher({
+        type: actionTypes.SHOW_DELETE_MODAL,
+        payload: {
+          showDeleteModal: false,
+          message: null
+        }
+      });
+    },
+    onSubmit: function () {
+      // @ts-ignore
+      deleteMessage(currentNotificationChannel, messageToDelete).then(function () {
+        notificationsDispatcher({
+          type: actionTypes.ON_MESSAGE_DELETED,
+          payload: {
+            channel: currentNotificationChannel,
+            message: messageToDelete
+          }
+        });
+        notificationsDispatcher({
+          type: actionTypes.SHOW_DELETE_MODAL,
+          payload: {
+            showDeleteModal: false,
+            message: null
+          }
+        });
+      });
+    },
+    submitText: stringSet.MESSAGE_MENU__DELETE,
+    titleText: stringSet.MODAL__DELETE_MESSAGE__TITLE
+  }));
+};
+
+export { NotificationChannelUI as default };
+//# sourceMappingURL=NotificationChannelUI.js.map

package/NotificationChannel/components/NotificationChannelUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationChannelUI.js","sources":["../../../src/smart-components/NotificationChannel/components/NotificationChannelUI/index.tsx"],"sourcesContent":["import './notification-channel-ui.scss';\n\nimport React from 'react';\n\nimport NotificationList from '../NotificationList';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { renderMessage, renderMessageHeader } from '../../types';\nimport { useNotficationChannelContext } from '../../context/NotificationChannelProvider';\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport { actionTypes } from '../../context/dux/actionTypes';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport sendbirdSelectors from '../../../../lib/selectors';\n\n\nexport type NotificationChannelUIProps = {\n  isLoading?: boolean;\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderHeader?: () => React.ReactElement;\n  renderMessageHeader?: renderMessageHeader;\n  renderMessage?: renderMessage;\n}\n\nconst NotificationChannelUI: React.FC<NotificationChannelUIProps> = ({\n  isLoading,\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderMessageHeader,\n  renderHeader,\n  renderMessage,\n}: NotificationChannelUIProps): React.ReactElement => {\n  const {\n    uiState,\n    showDeleteModal,\n    notificationsDispatcher,\n    currentNotificationChannel,\n    messageToDelete,\n  } = useNotficationChannelContext();\n  const { stringSet } = useLocalization();\n  const store = useSendbirdStateContext();\n  const deleteMessage = sendbirdSelectors.getDeleteMessage(store);\n  if (isLoading || uiState === 'loading') {\n    return (\n      <div className=\"sendbird-notification-channel\" data-notificationuistate=\"loading\">\n        { renderHeader?.() || null }\n        {\n          renderPlaceholderLoader?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.LOADING}\n              className=\"sendbird-notification-channel__placeholder\"\n            />\n          )\n        }\n      </div>\n    )\n  }\n\n  if (uiState === 'invalid') {\n    return (\n      <div className=\"sendbird-notification-channel\" data-notificationuistate=\"invalid\">\n        { renderHeader?.() || null }\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              className=\"sendbird-notification-channel__placeholder\"\n            />\n          )\n        }\n      </div>\n    )\n  }\n  return (\n    <div className=\"sendbird-notification-channel\">\n      { renderHeader?.() || null }\n      <NotificationList\n        renderPlaceholderEmpty={renderPlaceholderEmpty}\n        renderMessageHeader={renderMessageHeader}\n        renderMessage={renderMessage}\n      />\n      {\n        showDeleteModal && (\n          <Modal\n            type={ButtonTypes.DANGER}\n            onCancel={() => {\n              notificationsDispatcher({\n                type: actionTypes.SHOW_DELETE_MODAL,\n                payload: {\n                  showDeleteModal: false,\n                  message: null,\n                },\n              })\n            }}\n            onSubmit={() => {\n              // @ts-ignore\n              deleteMessage(currentNotificationChannel, messageToDelete).then(() => {\n                notificationsDispatcher({\n                  type: actionTypes.ON_MESSAGE_DELETED,\n                  payload: {\n                    channel: currentNotificationChannel,\n                    message: messageToDelete,\n                  },\n                });\n                notificationsDispatcher({\n                  type: actionTypes.SHOW_DELETE_MODAL,\n                  payload: {\n                    showDeleteModal: false,\n                    message: null,\n                  },\n                });\n              });\n            }}\n            submitText={stringSet.MESSAGE_MENU__DELETE}\n            titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nexport default NotificationChannelUI;\n"],"names":["NotificationChannelUI","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderMessageHeader","renderHeader","renderMessage","_b","useNotficationChannelContext","uiState","showDeleteModal","notificationsDispatcher","currentNotificationChannel","messageToDelete","stringSet","useLocalization","store","useSendbirdStateContext","deleteMessage","sendbirdSelectors","getDeleteMessage","React","PlaceHolderTypes","LOADING","WRONG","ButtonTypes","DANGER","type","actionTypes","SHOW_DELETE_MODAL","payload","message","then","ON_MESSAGE_DELETED","channel","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE"],"mappings":"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"}

package/NotificationChannel/components/NotificationList.js

@@ -0,0 +1,111 @@
+import React__default, { useEffect } from 'react';
+import { u as useNotficationChannelContext } from '../../NotificationChannelProvider-2cb7ca21.js';
+import NotificationMessageWrap from './NotificationMessageWrap.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-fd15e3b0.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-ed44209e.js';
+import '../../tslib.es6-d9fa3716.js';
+import '../../compareIds-063e5503.js';
+import '../../index-58e5d82d.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import '@sendbird/chat/groupChannel';
+import '../../uuid-968941a0.js';
+import '../../index-0fd24497.js';
+import '../../index-b19486f5.js';
+import '../../index-eadca08d.js';
+import '../../index-5e776774.js';
+import '../../ui/UnknownMessageItemBody.js';
+import '../../index-95ac9232.js';
+import 'prop-types';
+import '../../stringSet-7ace5726.js';
+import '../../LocalizationContext-60894e38.js';
+import '../../ui/Icon.js';
+import '@sendbird/react-uikit-message-template-view';
+import '../../ui/Loader.js';
+
+var OFF_SET = 50;
+
+var shouldScroll = function (clientHeight, scrollTop, scrollHeight) {
+  return clientHeight + scrollTop + OFF_SET > scrollHeight;
+};
+
+var SCROLL_DEBOUNCE = 400;
+
+var NotificationList = function (_a) {
+  var renderMessage = _a.renderMessage,
+      renderMessageHeader = _a.renderMessageHeader,
+      renderPlaceholderEmpty = _a.renderPlaceholderEmpty;
+
+  var _b = useNotficationChannelContext(),
+      allMessages = _b.allMessages,
+      scrollRef = _b.scrollRef,
+      onFetchMore = _b.onFetchMore,
+      hasMore = _b.hasMore;
+
+  useEffect(function () {
+    var timerId;
+    var scrollDiv = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+
+    var handleScroll = function () {
+      clearTimeout(timerId);
+      timerId = setTimeout(function () {
+        var scrollTop = scrollDiv.scrollTop,
+            clientHeight = scrollDiv.clientHeight,
+            scrollHeight = scrollDiv.scrollHeight;
+
+        if (shouldScroll(clientHeight, scrollTop, scrollHeight) && hasMore) {
+          var nodes = scrollRef.current.querySelectorAll('.sendbird-notification-channel__message-wrap');
+          var last_1 = nodes === null || nodes === void 0 ? void 0 : nodes[(nodes === null || nodes === void 0 ? void 0 : nodes.length) - 1];
+          onFetchMore(function (_a) {
+            var messages = _a[0];
+
+            if ((messages === null || messages === void 0 ? void 0 : messages.length) > 0) {
+              // https://github.com/scabbiaza/react-scroll-position-on-updating-dom
+              // Set block to nearest to prevent unexpected scrolling from outer components
+              try {
+                last_1.scrollIntoView({
+                  block: "start",
+                  inline: "nearest"
+                });
+              } catch (error) {//
+              }
+            }
+          });
+        }
+      }, SCROLL_DEBOUNCE);
+    };
+
+    scrollDiv === null || scrollDiv === void 0 ? void 0 : scrollDiv.addEventListener("scroll", handleScroll);
+    return function () {
+      clearTimeout(timerId);
+      scrollDiv === null || scrollDiv === void 0 ? void 0 : scrollDiv.removeEventListener("scroll", handleScroll);
+    };
+  }, [onFetchMore, hasMore, scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current]);
+
+  if (allMessages.length === 0) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "sendbird-notification-channel__list",
+      "data-notificationuistate": "empty"
+    }, (renderPlaceholderEmpty === null || renderPlaceholderEmpty === void 0 ? void 0 : renderPlaceholderEmpty()) || /*#__PURE__*/React__default.createElement(PlaceHolder, {
+      type: PlaceHolderTypes.NO_NOTIFICATIONS,
+      className: "sendbird-notification-channel__placeholder"
+    }));
+  }
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-notification-channel__list",
+    "data-notificationuistate": "loaded",
+    ref: scrollRef
+  }, /*#__PURE__*/React__default.createElement("div", null, allMessages.map(function (message) {
+    return /*#__PURE__*/React__default.createElement(NotificationMessageWrap, {
+      key: message === null || message === void 0 ? void 0 : message.messageId,
+      message: message,
+      renderMessage: renderMessage,
+      renderMessageHeader: renderMessageHeader
+    });
+  })));
+};
+
+export { NotificationList as default };
+//# sourceMappingURL=NotificationList.js.map

package/NotificationChannel/components/NotificationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationList.js","sources":["../../../src/smart-components/NotificationChannel/components/NotificationList/index.tsx"],"sourcesContent":["import './notification-list.scss';\n\nimport React, { useEffect } from \"react\";\n\nimport { renderMessage, renderMessageHeader } from \"../../types\";\nimport { useNotficationChannelContext } from \"../../context/NotificationChannelProvider\";\nimport NotificationMessageWrap from \"../NotificationMessageWrap\";\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\n\nconst OFF_SET = 50;\nconst shouldScroll = (clientHeight: number, scrollTop: number, scrollHeight: number) => {\n  return (clientHeight + scrollTop + OFF_SET) > scrollHeight;\n};\nconst SCROLL_DEBOUNCE = 400;\n\ntype Props = {\n  renderMessage?: renderMessage;\n  renderMessageHeader?: renderMessageHeader;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n}\n\nconst NotificationList: React.FC<Props> = ({\n  renderMessage,\n  renderMessageHeader,\n  renderPlaceholderEmpty,\n}: Props): React.ReactElement => {\n  const {\n    allMessages,\n    scrollRef,\n    onFetchMore,\n    hasMore,\n  } = useNotficationChannelContext();\n\n  useEffect(() => {\n    let timerId;\n    const scrollDiv = scrollRef?.current;\n    const handleScroll = () => {\n      clearTimeout(timerId);\n      timerId = setTimeout(() => {\n        const { scrollTop, clientHeight, scrollHeight } = scrollDiv;\n        if (shouldScroll(clientHeight, scrollTop, scrollHeight) && hasMore) {\n          const nodes = scrollRef.current.querySelectorAll('.sendbird-notification-channel__message-wrap');\n          const last = nodes?.[nodes?.length - 1];\n          onFetchMore(([messages]) => {\n            if (messages?.length > 0) {\n              // https://github.com/scabbiaza/react-scroll-position-on-updating-dom\n              // Set block to nearest to prevent unexpected scrolling from outer components\n              try {\n                last.scrollIntoView({ block: \"start\", inline: \"nearest\" });\n              } catch (error) {\n                //\n              }\n            }\n          });\n        }\n      }, SCROLL_DEBOUNCE);\n    };\n    scrollDiv?.addEventListener(\"scroll\", handleScroll);\n\n    return () => {\n      clearTimeout(timerId);\n      scrollDiv?.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [onFetchMore, hasMore, scrollRef?.current]);\n\n  if (allMessages.length === 0) {\n    return (\n      <div className=\"sendbird-notification-channel__list\" data-notificationuistate=\"empty\">\n        {\n          renderPlaceholderEmpty?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.NO_NOTIFICATIONS}\n              className=\"sendbird-notification-channel__placeholder\"\n            />\n          )\n        }\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"sendbird-notification-channel__list\" data-notificationuistate=\"loaded\" ref={scrollRef}>\n      <div>\n        {\n          allMessages.map((message) => {\n            return (\n              <NotificationMessageWrap\n                key={message?.messageId}\n                message={message}\n                renderMessage={renderMessage}\n                renderMessageHeader={renderMessageHeader}\n              />\n            );\n          })\n        }\n      </div>\n    </div>\n  );\n}\n\nexport default NotificationList;\n"],"names":["OFF_SET","shouldScroll","clientHeight","scrollTop","scrollHeight","SCROLL_DEBOUNCE","NotificationList","_a","renderMessage","renderMessageHeader","renderPlaceholderEmpty","_b","useNotficationChannelContext","allMessages","scrollRef","onFetchMore","hasMore","useEffect","timerId","scrollDiv","current","handleScroll","clearTimeout","setTimeout","nodes","querySelectorAll","last_1","length","messages","scrollIntoView","block","inline","error","addEventListener","removeEventListener","React","PlaceHolderTypes","NO_NOTIFICATIONS","map","message","messageId"],"mappings":"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"}

package/NotificationChannel/components/NotificationMessageWrap.js

@@ -0,0 +1,136 @@
+import React__default, { useMemo } from 'react';
+import { i as isToday, a as isYesterday } from '../../index-0fd24497.js';
+import { f as format } from '../../index-eadca08d.js';
+import UnknownMessageItemBody from '../../ui/UnknownMessageItemBody.js';
+import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-95ac9232.js';
+import { u as useLocalization } from '../../LocalizationContext-60894e38.js';
+import { u as useNotficationChannelContext } from '../../NotificationChannelProvider-2cb7ca21.js';
+import { MessageProvider, MessageTemplate } from '@sendbird/react-uikit-message-template-view';
+import '../../index-b19486f5.js';
+import '../../index-5e776774.js';
+import '../../index-58e5d82d.js';
+import '../../tslib.es6-d9fa3716.js';
+import '../../utils/message/getOutgoingMessageState.js';
+import 'prop-types';
+import '../../stringSet-7ace5726.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-ed44209e.js';
+import '../../compareIds-063e5503.js';
+import '@sendbird/chat/groupChannel';
+import '../../uuid-968941a0.js';
+
+var NotificationIcon = function () {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-notification-channel__channel-icon-wrap"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-notification-channel__channel-icon"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-notification-channel__channel-icon-hash",
+    fillColor: IconColors.CONTENT,
+    width: "12px",
+    height: "12px",
+    type: IconTypes.CHANNELS
+  })));
+};
+
+function NotificationMessageWrap(_a) {
+  var _b, _c, _d;
+
+  var renderMessage = _a.renderMessage,
+      renderMessageHeader = _a.renderMessageHeader,
+      message = _a.message;
+
+  var _e = useLocalization(),
+      dateLocale = _e.dateLocale,
+      stringSet = _e.stringSet;
+
+  var _f = useNotficationChannelContext(),
+      lastSeen = _f.lastSeen,
+      handleWebAction = _f.handleWebAction,
+      handleCustomAction = _f.handleCustomAction,
+      handlePredefinedAction = _f.handlePredefinedAction; // Typecasting to UserMessage to pass custom error message to UnknownMessage
+
+
+  var _message = message;
+  var customErrorLabel = (_message === null || _message === void 0 ? void 0 : _message.message) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE);
+  var messageTemplate;
+
+  try {
+    // todo: typecaste properly after moving to seperate package
+    // @ts-ignore
+    messageTemplate = JSON.parse((_b = message === null || message === void 0 ? void 0 : message.extendedMessage) === null || _b === void 0 ? void 0 : _b.sub_data);
+  } catch (error) {//
+  }
+
+  var memoizedCustomMessage = useMemo(function () {
+    if (typeof renderMessage === 'function') {
+      return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage({
+        message: message
+      });
+    }
+
+    return null;
+  }, [message, renderMessage]);
+  var memoizedCustomHeader = useMemo(function () {
+    if (typeof renderMessageHeader === 'function') {
+      return renderMessageHeader === null || renderMessageHeader === void 0 ? void 0 : renderMessageHeader({
+        message: message
+      });
+    }
+
+    return null;
+  }, [message, renderMessageHeader]);
+
+  var formatDate = function (createdAt) {
+    var optionalParam = dateLocale ? {
+      locale: dateLocale
+    } : null;
+
+    if (!createdAt) {
+      return '';
+    }
+
+    if (isToday(createdAt)) {
+      return format(createdAt, 'p', optionalParam);
+    }
+
+    if (isYesterday(createdAt)) {
+      return stringSet.NOTIFICATION_CHANNEL__YESTERDAY;
+    }
+
+    return format(createdAt, 'MMM dd', optionalParam);
+  };
+
+  return /*#__PURE__*/React__default.createElement(MessageProvider, {
+    message: message,
+    handleWebAction: handleWebAction,
+    handleCustomAction: handleCustomAction,
+    handlePredefinedAction: handlePredefinedAction
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-notification-channel__message-wrap",
+    "data-messageid": message === null || message === void 0 ? void 0 : message.messageId
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-notification-channel__message-wrap-header"
+  }, memoizedCustomHeader || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(NotificationIcon, null), /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-notification-channel__message-caption",
+    type: LabelTypography.CAPTION_2
+  }, message === null || message === void 0 ? void 0 : message.customType), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-notification-channel__message-date-wrap"
+  }, (message === null || message === void 0 ? void 0 : message.createdAt) > lastSeen && /*#__PURE__*/React__default.createElement("span", {
+    className: "sendbird-notification-channel__unread"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-notification-channel__message-date",
+    type: LabelTypography.CAPTION_3,
+    color: LabelColors.ONBACKGROUND_3
+  }, formatDate((message === null || message === void 0 ? void 0 : message.createdAt) || 0))))), memoizedCustomMessage || (((_c = messageTemplate === null || messageTemplate === void 0 ? void 0 : messageTemplate.body) === null || _c === void 0 ? void 0 : _c.items) === undefined ? /*#__PURE__*/React__default.createElement(UnknownMessageItemBody, {
+    message: message,
+    customText: customErrorLabel
+  }) : /*#__PURE__*/React__default.createElement(MessageTemplate, {
+    templateItems: (_d = messageTemplate === null || messageTemplate === void 0 ? void 0 : messageTemplate.body) === null || _d === void 0 ? void 0 : _d.items
+  }))));
+}
+
+export { NotificationMessageWrap as default };
+//# sourceMappingURL=NotificationMessageWrap.js.map

package/NotificationChannel/components/NotificationMessageWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationMessageWrap.js","sources":["../../../src/smart-components/NotificationChannel/components/NotificationMessageWrap/index.tsx"],"sourcesContent":["import '@sendbird/react-uikit-message-template-view/dist/index.css';\nimport './notification-message-wrap.scss';\n\nimport React, { useMemo } from \"react\";\nimport { BaseMessage, UserMessage } from \"@sendbird/chat/message\";\nimport isToday from \"date-fns/isToday\";\nimport format from \"date-fns/format\";\nimport isYesterday from \"date-fns/isYesterday\";\n\nimport { renderMessage, renderMessageHeader } from \"../../types\";\nimport UnknownMessageItemBody from \"../../../../ui/UnknownMessageItemBody\";\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useNotficationChannelContext } from '../../context/NotificationChannelProvider';\n\nimport { MessageTemplate, MessageProvider } from '@sendbird/react-uikit-message-template-view';\n\nconst NotificationIcon = (): React.ReactElement => (\n  <div className=\"sendbird-notification-channel__channel-icon-wrap\">\n    <div className=\"sendbird-notification-channel__channel-icon\">\n      <Icon\n        className=\"sendbird-notification-channel__channel-icon-hash\"\n        fillColor={IconColors.CONTENT}\n        width=\"12px\"\n        height=\"12px\"\n        type={IconTypes.CHANNELS}\n      />\n    </div>\n  </div>\n);\n\ntype Props = {\n  renderMessage?: renderMessage;\n  renderMessageHeader?: renderMessageHeader;\n  message: BaseMessage;\n}\n\nexport default function NotificationMessageWrap({\n  renderMessage,\n  renderMessageHeader,\n  message,\n}: Props): JSX.Element {\n  const { dateLocale, stringSet } = useLocalization();\n  const {\n    lastSeen,\n    handleWebAction,\n    handleCustomAction,\n    handlePredefinedAction,\n  } = useNotficationChannelContext();\n  // Typecasting to UserMessage to pass custom error message to UnknownMessage\n  const _message = message as UserMessage;\n  const customErrorLabel = _message?.message ||  stringSet?.NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE;\n\n  let messageTemplate;\n  try {\n    // todo: typecaste properly after moving to seperate package\n    // @ts-ignore\n    messageTemplate = JSON.parse(message?.extendedMessage?.sub_data);\n  } catch (error) {\n    //\n  }\n  const memoizedCustomMessage = useMemo(() => {\n    if (typeof renderMessage === 'function') {\n      return renderMessage?.({ message });\n    }\n    return null;\n  }, [message, renderMessage]);\n\n  const memoizedCustomHeader = useMemo(() => {\n    if (typeof renderMessageHeader === 'function') {\n      return renderMessageHeader?.({ message });\n    }\n    return null;\n  }, [message, renderMessageHeader]);\n\n  const formatDate = (createdAt: number) => {\n    const optionalParam = dateLocale ? { locale: dateLocale } : null;\n    if (!createdAt) {\n      return '';\n    }\n    if (isToday(createdAt)) {\n      return format(createdAt, 'p', optionalParam);\n    }\n    if (isYesterday(createdAt)) {\n      return stringSet.NOTIFICATION_CHANNEL__YESTERDAY;\n    }\n    return format(createdAt, 'MMM dd', optionalParam);\n  };\n\n  return (\n    <MessageProvider\n      message={message}\n      handleWebAction={handleWebAction}\n      handleCustomAction={handleCustomAction}\n      handlePredefinedAction={handlePredefinedAction}\n    >\n      <div className=\"sendbird-notification-channel__message-wrap\" data-messageid={message?.messageId}>\n        <div className=\"sendbird-notification-channel__message-wrap-header\">\n          {\n            memoizedCustomHeader || (\n              <>\n                <NotificationIcon />\n                <Label\n                  className=\"sendbird-notification-channel__message-caption\"\n                  type={LabelTypography.CAPTION_2}\n                >\n                  {message?.customType}\n                </Label>\n                <div className='sendbird-notification-channel__message-date-wrap'>\n                  {\n                    message?.createdAt > lastSeen && (\n                      <span className=\"sendbird-notification-channel__unread\" />\n                    )\n                  }\n                  <Label\n                    className=\"sendbird-notification-channel__message-date\"\n                    type={LabelTypography.CAPTION_3}\n                    color={LabelColors.ONBACKGROUND_3}\n                  >\n                    {formatDate(message?.createdAt || 0)}\n                  </Label>\n                </div>\n              </>\n            )\n          }\n        </div>\n        {/* render custom message or unknown message or message template */}\n        { memoizedCustomMessage || (\n          messageTemplate?.body?.items === undefined ? (\n            <UnknownMessageItemBody\n              message={message}\n              customText={customErrorLabel}\n            />\n          ) : (\n            <MessageTemplate templateItems={messageTemplate?.body?.items} />\n          )\n        )}\n      </div>\n\n    </MessageProvider>\n  );\n}\n"],"names":["NotificationIcon","React","IconColors","CONTENT","IconTypes","CHANNELS","NotificationMessageWrap","_a","renderMessage","renderMessageHeader","message","_e","useLocalization","dateLocale","stringSet","_f","useNotficationChannelContext","lastSeen","handleWebAction","handleCustomAction","handlePredefinedAction","_message","customErrorLabel","NOTIFICATION_CHANNEL__UNKNOWN_MESSAGE","messageTemplate","JSON","parse","extendedMessage","_b","sub_data","error","memoizedCustomMessage","useMemo","memoizedCustomHeader","formatDate","createdAt","optionalParam","locale","isToday","format","isYesterday","NOTIFICATION_CHANNEL__YESTERDAY","messageId","LabelTypography","CAPTION_2","customType","CAPTION_3","LabelColors","ONBACKGROUND_3","_c","body","items","undefined","_d"],"mappings":"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"}

package/NotificationChannel/context.js

@@ -0,0 +1,12 @@
+import 'react';
+import '../useSendbirdStateContext.js';
+export { N as NotficationChannelProvider, u as useNotficationChannelContext } from '../NotificationChannelProvider-2cb7ca21.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-ed44209e.js';
+import '../tslib.es6-d9fa3716.js';
+import '../compareIds-063e5503.js';
+import '../index-58e5d82d.js';
+import '../utils/message/getOutgoingMessageState.js';
+import '@sendbird/chat/groupChannel';
+import '../uuid-968941a0.js';
+//# sourceMappingURL=context.js.map

package/NotificationChannel/context.js.map

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