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

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,26 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-caedb682.js');
+var LocalizationContext = require('../../LocalizationContext-8780a64e.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
-var ui_PlaceHolder = require('../../index-c6abe71b.js');
+var ui_PlaceHolder = require('../../index-e8544e24.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../stringSet-af541fde.js');
-require('../../index-e01cd4a9.js');
+require('../../stringSet-60660a99.js');
+require('../../index-48d85d8f.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-41d3db2d.js');
-require('../../tslib.es6-f1d22d7f.js');
-require('../../index-942c3f15.js');
-require('../../index-50984f15.js');
-require('../../index-ceb058fa.js');
+require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
+require('../../tslib.es6-5a7eb30d.js');
+require('../../index-5ea12b7a.js');
+require('../../index-c13771a7.js');
+require('../../index-abe135e6.js');
+require('../../index-8a4b2f10.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../uuid-2c11c530.js');
-require('../../index-06816ee5.js');
+require('../../uuid-a9006ea2.js');
+require('../../index-bdd889a2.js');
 require('../../ui/Loader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/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","PlaceHolder","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","MessageSearchFileItem","concat","messageId","MessageSearchItem","NO_RESULTS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,oBAAoB,GAAG,yBAA7B,CAAA;AAkBaC,IAAAA,eAAe,GAAmC,UAACC,EAAD,EAMxC;AALrB,EAAA,IAAAC,sBAAsB,GAAAD,EAAA,CAAAC,sBAAtB;AAAA,MACAC,wBAAwB,GAAAF,EAAA,CAAAE,wBADxB;AAAA,MAEAC,yBAAyB,GAAAH,EAAA,CAAAG,yBAFzB;AAAA,MAGAC,0BAA0B,GAAAJ,EAAA,CAAAI,0BAH1B;AAAA,MAIAC,gBAAgB,GAAAL,EAAA,CAAAK,gBAJhB,CAAA;;EAMM,IAAAC,EAAA,GAeFC,6CAAuB,EAfrB;AAAA,MACJC,SAAS,GAAAF,EAAA,CAAAE,SADL;AAAA,MAEJC,YAAY,GAAAH,EAAA,CAAAG,YAFR;AAAA,MAGJC,aAAa,GAAAJ,EAAA,CAAAI,aAHT;AAAA,MAIJC,cAAc,GAAAL,EAAA,CAAAK,cAJV;AAAA,MAKJC,UAAU,GAAAN,EAAA,CAAAM,UALN;AAAA,MAMJC,aAAa,GAAAP,EAAA,CAAAO,aANT;AAAA,MAOJC,OAAO,GAAAR,EAAA,CAAAQ,OAPH;AAAA,MAQJC,SAAS,GAAAT,EAAA,CAAAS,SARL;AAAA,MASJC,aAAa,GAAAV,EAAA,CAAAU,aATT;AAAA,MAUJC,QAAQ,GAAAX,EAAA,CAAAW,QAVJ;AAAA,MAWJC,WAAW,GAAAZ,EAAA,CAAAY,WAXP;AAAA,MAYJC,aAAa,GAAAb,EAAA,CAAAa,aAZT;AAAA,MAaJC,iBAAiB,GAAAd,EAAA,CAAAc,iBAbb;AAAA,MAcJC,oBAAoB,GAAAf,EAAA,CAAAe,oBAdhB,CAAA;;AAiBE,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;;EAER,IAAMC,oBAAoB,GAAG,YAAA;AAC3BZ,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb,CAAA;GADF,CAAA;;AAIA,EAAA,IAAMc,cAAc,GAAG,UAACC,CAAD,EAAE;AACvB,IAAA,IAAMC,aAAa,GAAGD,CAAC,CAACE,MAAxB,CAAA;AAEE,IAAA,IAAAC,SAAS,GAGPF,aAAa,CAAAE,SAHf;AAAA,QACAC,YAAY,GAEVH,aAAa,CAAAG,YAHf;AAAA,QAEAC,YAAY,GACVJ,aAAa,aAHf,CAAA;;IAKF,IAAI,CAACZ,aAAL,EAAoB;AAClB,MAAA,OAAA;AACD,KAAA;;AACD,IAAA,IAAIc,SAAS,GAAGE,YAAZ,IAA4BD,YAAY,GAAG,CAA/C,EAAkD;MAChDd,QAAQ,CAAC,YAAA;AAER,OAFO,CAAR,CAAA;AAGD,KAAA;GAfH,CAAA;;EAkBA,IAAMgB,cAAc,GAAG,YAAA;AACrB,IAAA,IAAItB,cAAc,KAAIA,cAAc,KAAA,IAAd,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEuB,IAApB,CAAd,IAA0C,CAAAvB,cAAc,SAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAAA,cAAc,CAAEuB,IAAhB,MAAyB,eAAvE,EAAwF;AACtF,MAAA,OAAOvB,cAAc,KAAd,IAAA,IAAAA,cAAc,WAAd,SAAA,GAAAA,cAAc,CAAEuB,IAAvB,CAAA;AACD,KAAA;;AACD,IAAA,IAAIvB,cAAc,KAAK,CAAAA,cAAc,SAAd,IAAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAAA,cAAc,CAAEuB,IAAhB,MAAyB,eAAzB,IAA4C,EAACvB,cAAc,KAAd,IAAA,IAAAA,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,cAAc,CAAEuB,IAAjB,CAAjD,CAAlB,EAA2F;MACzF,OAAOvB,cAAc,CAACwB,OAAf,CAAuBC,GAAvB,CAA2B,UAACC,MAAD,EAAY;AAAA,QAAA,OAAAA,MAAM,CAACC,QAAP,IAAmBhB,SAAS,CAACiB,OAA7B,CAAA;AAAoC,OAA3E,CAA6EC,CAAAA,IAA7E,CAAkF,IAAlF,CAAP,CAAA;AACD,KAAA;;IACD,OAAOlB,SAAS,CAACmB,QAAjB,CAAA;GAPF,CAAA;;AAUA,EAAA,IAAIjC,SAAS,IAAIC,YAAb,IAA6BC,aAAjC,EAAgD;AAC9C,IAAA,OAAO,CAAAT,sBAAsB,KAAA,IAAtB,IAAAA,sBAAsB,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAAA,sBAAsB,EAAtB,kBACLyC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE5C,oBAAAA;AAAhB,KAAA,eACE4C,wCAACC,0BAAD,EAAA;MACE,IAAI,EAAEC,+BAAgB,CAACC,KADzB;AAEE,MAAA,cAAc,EAAEpB,oBAAAA;AAFlB,KAAA,CADF,CADF,CAAA;AAQD,GAAA;;AAED,EAAA,IAAIX,OAAO,IAAIL,YAAX,IAA2BC,aAA/B,EAA8C;AAC5C,IAAA,OAAO,CAAAR,wBAAwB,KAAA,IAAxB,IAAAA,wBAAwB,KAAA,KAAA,CAAxB,GAAwB,KAAA,CAAxB,GAAAA,wBAAwB,EAAxB,kBACLwC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE5C,oBAAAA;AAAhB,KAAA,eACE4C,wCAACC,0BAAD,EAAA;MAAa,IAAI,EAAEC,+BAAgB,CAACE,SAAAA;AAApC,KAAA,CADF,CADF,CAAA;AAKD,GAAA;;EAED,IAAI,CAACrC,YAAL,EAAmB;AACjB,IAAA,OAAO,CAAAN,yBAAyB,KAAA,IAAzB,IAAAA,yBAAyB,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAAA,yBAAyB,EAAzB,kBACLuC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE5C,oBAAAA;AAAhB,KAAA,eACE4C,wCAACC,0BAAD,EAAA;MACE,IAAI,EAAEC,+BAAgB,CAACG,SADzB;AAEE,MAAA,cAAc,EAAEd,cAAc,EAAA;AAFhC,KAAA,CADF,CADF,CAAA;AAQD,GAAA;;EAED,oBACES,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE5C,oBADb;AAEE,IAAA,QAAQ,EAAE4B,cAFZ;AAGE,IAAA,GAAG,EAAEX,SAAAA;AAHP,GAAA,EAMKG,WAAW,CAAC8B,MAAZ,GAAqB,CAAtB,GAEI9B,WAAW,CAACkB,GAAZ,CAAgB,UAACa,OAAD,EAAQ;AACtB,IAAA,IAAI5C,gBAAJ,EAAsB;AACpB,MAAA,OAAOA,gBAAgB,CAAC;AAAE4C,QAAAA,OAAO,EAAAA,OAAT;AAAW9B,QAAAA,aAAa,EAAAA,aAAAA;AAAxB,OAAD,CAAvB,CAAA;AACD,KAAA;;AACD,IAAA,IAAI8B,OAAO,CAACC,WAAR,KAAwB,MAA5B,EAAoC;AAClC,MAAA,oBACER,wCAACS,wBAAD,EAAA;AACE,QAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGtD,oBAAH,EAA8C,uBAA9C,CADb;AAEE,QAAA,OAAO,EAAEmD,OAFX;QAGE,GAAG,EAAEA,OAAO,CAACI,SAHf;AAIE,QAAA,QAAQ,EAAGjC,iBAAiB,KAAK6B,OAAO,CAACI,SAJ3C;AAKE,QAAA,OAAO,EAAE,YAAA;UACPlC,aAAa,CAAC8B,OAAD,CAAb,CAAA;AACA5B,UAAAA,oBAAoB,CAAC4B,OAAO,CAACI,SAAT,CAApB,CAAA;AACD,SAAA;OATL,CAAA,CAAA;AAYD,KAAA;;AACD,IAAA,oBACEX,wCAACY,oBAAD,EAAA;AACE,MAAA,SAAS,EAAE,EAAGF,CAAAA,MAAH,CAAGtD,oBAAH,EAA8C,uBAA9C,CADb;AAEE,MAAA,OAAO,EAAEmD,OAFX;MAGE,GAAG,EAAEA,OAAO,CAACI,SAHf;AAIE,MAAA,QAAQ,EAAGjC,iBAAiB,KAAK6B,OAAO,CAACI,SAJ3C;AAKE,MAAA,OAAO,EAAE,YAAA;QACPlC,aAAa,CAAC8B,OAAD,CAAb,CAAA;AACA5B,QAAAA,oBAAoB,CAAC4B,OAAO,CAACI,SAAT,CAApB,CAAA;AACD,OAAA;KATL,CAAA,CAAA;AAYD,GA9BD,CAFJ,GAkCI,CAAAjD,0BAA0B,KAAA,IAA1B,IAAAA,0BAA0B,KAA1B,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,0BAA0B,EAA1B,kBACAsC,wCAACC,0BAAD,EAAA;IAAa,IAAI,EAAEC,+BAAgB,CAACW,UAAAA;AAApC,GAAA,CAzCR,CADF,CAAA;AA+CD;;;;;"}
+{"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","PlaceHolder","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","MessageSearchFileItem","concat","messageId","MessageSearchItem","NO_RESULTS"],"mappings":"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"}

package/cjs/MessageSearch/context.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var tslib_es6 = require('../tslib.es6-f1d22d7f.js');
+var tslib_es6 = require('../tslib.es6-5a7eb30d.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-41d3db2d.js');
+require('../_rollupPluginBabelHelpers-bd6baf0a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/MessageSearch.js

@@ -2,28 +2,29 @@
 
 var React = require('react');
 var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./LocalizationContext-caedb682.js');
+var LocalizationContext = require('./LocalizationContext-8780a64e.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-06816ee5.js');
+var ui_Label = require('./index-bdd889a2.js');
 var ui_Loader = require('./ui/Loader.js');
 var MessageSearch_context = require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
-require('./tslib.es6-f1d22d7f.js');
-require('./index-942c3f15.js');
-require('./index-e01cd4a9.js');
-require('./index-50984f15.js');
-require('./index-ceb058fa.js');
+require('./tslib.es6-5a7eb30d.js');
+require('./index-5ea12b7a.js');
+require('./index-48d85d8f.js');
+require('./index-c13771a7.js');
+require('./index-abe135e6.js');
+require('./index-8a4b2f10.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-2c11c530.js');
-require('./index-c6abe71b.js');
+require('./uuid-a9006ea2.js');
+require('./index-e8544e24.js');
 require('./ui/MessageSearchFileItem.js');
-require('./stringSet-af541fde.js');
+require('./stringSet-60660a99.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-41d3db2d.js');
+require('./_rollupPluginBabelHelpers-bd6baf0a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","Icon","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","MessageSearch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,oBAAoB,GAAG,gCAA7B,CAAA;;AAEA,SAASC,mBAAT,CAA6BC,KAA7B,EAA4D;AAExD,EAAA,IAAAC,UAAU,GASRD,KAAK,CAAAC,UATP;AAAA,MACAC,aAAa,GAQXF,KAAK,CARME,aADb;AAAA,MAEAC,YAAY,GAOVH,KAAK,aATP;AAAA,MAGAI,kBAAkB,GAMhBJ,KAAK,CAAAI,kBATP;AAAA,MAIAC,sBAAsB,GAKpBL,KAAK,CALeK,sBAJtB;AAAA,MAKAC,wBAAwB,GAItBN,KAAK,yBATP;AAAA,MAMAO,yBAAyB,GAGvBP,KAAK,CAAAO,yBATP;AAAA,MAOAC,0BAA0B,GAExBR,KAAK,CAFmBQ,0BAP1B;AAAA,MAQAC,gBAAgB,GACdT,KAAK,iBATP,CAAA;;AAWI,EAAA,IAAAU,EAAA,GAAkCC,cAAQ,CAAC,EAAD,CAA1C;AAAA,MAACC,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAb;AAAA,MAAeG,eAAe,GAAAH,EAAA,CAAA,CAAA,CAA9B,CAAA;;AACA,EAAA,IAAAI,EAAA,GAAgCH,cAAQ,CAAC,EAAD,CAAxC;AAAA,MAACI,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAZ;AAAA,MAAcE,cAAc,GAAAF,EAAA,CAAA,CAAA,CAA5B,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAwBN,cAAQ,CAAC,KAAD,CAAhC;AAAA,MAACO,OAAO,GAAAD,EAAA,CAAA,CAAA,CAAR;AAAA,MAAUE,UAAU,GAAAF,EAAA,CAAA,CAAA,CAApB,CAAA;;AACE,EAAA,IAAAG,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;EAER,IAAIC,OAAO,GAAG,IAAd,CAAA;AACAC,EAAAA,eAAS,CAAC,YAAA;AACR,IAAA,IAAID,OAAJ,EAAa;MACXE,YAAY,CAACF,OAAD,CAAZ,CAAA;AACD,KAAA;;IACDA,OAAO,GAAGG,UAAU,CAAC,YAAA;MACnBb,eAAe,CAACE,WAAD,CAAf,CAAA;MACAI,UAAU,CAAC,IAAD,CAAV,CAAA;AACAI,MAAAA,OAAO,GAAG,IAAV,CAAA;KAHkB,EAIjB,GAJiB,CAApB,CAAA;AAKD,GATQ,EASN,CAACR,WAAD,CATM,CAAT,CAAA;;AAWA,EAAA,IAAMY,yBAAyB,GAAG,UAACC,CAAD,EAAE;AAClCZ,IAAAA,cAAc,CAACY,CAAC,CAACC,MAAF,CAASC,KAAV,CAAd,CAAA;GADF,CAAA;;EAIA,IAAMC,oBAAoB,GAAG,YAAA;IAC3BZ,UAAU,CAAC,KAAD,CAAV,CAAA;GADF,CAAA;;AAIA,EAAA,IAAMa,8BAA8B,GAAG,UAACJ,CAAD,EAAE;AACvCA,IAAAA,CAAC,CAACK,eAAF,EAAA,CAAA;IACAjB,cAAc,CAAC,EAAD,CAAd,CAAA;IACAH,eAAe,CAAC,EAAD,CAAf,CAAA;GAHF,CAAA;;EAMA,oBACEqB,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEpC,oBAAAA;GACd,eAAAoC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGrC,oBAAH,EAAiC,UAAjC,CAAA;AAAhB,GAAA,eACEoC,wCAACE,cAAD,EAAA;AACE,IAAA,SAAS,EAAE,SAAA,CAAGtC,oBAAH,EAAuB,iBAAvB,CADb;IAEE,IAAI,EAAEuC,wBAAe,CAACC,GAFxB;IAGE,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAHrB,GAAA,EAKGpB,SAAS,CAACqB,iBALb,CADF,eAQEP,wCAACQ,aAAD,EAAA;AACE,IAAA,SAAS,EAAE,EAAGP,CAAAA,MAAH,CAAGrC,oBAAH,EAA+C,wBAA/C,CADb;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAEK,YAAAA;AAJX,GAAA,eAME+B,wCAACS,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,KADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,eAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GAVX,CAAA,CARF,CADF,eAuBEb,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGrC,oBAAH,EAAgC,SAAhC,CAAA;GACd,eAAAoC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGrC,oBAAH,EAA2C,oBAA3C,CAAA;AAAhB,GAAA,eACIoC,wCAACS,kBAAD,EAAA;AACE,IAAA,SAAS,EAAE,EAAGR,CAAAA,MAAH,CAAGrC,oBAAH,EAAwD,iCAAxD,CADb;IAEE,IAAI,EAAE8C,iBAAS,CAACI,MAFlB;IAGE,SAAS,EAAEF,kBAAU,CAACG,eAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;AALT,GAAA,CADJ,eAQIf,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACE,IAAA,SAAS,EAAE,EAAAC,CAAAA,MAAA,CAAGrC,oBAAH,EAAuB,gCAAvB,CADb;IAEE,WAAW,EAAEsB,SAAS,CAAC4B,MAFzB;AAGE,IAAA,KAAK,EAAEjC,WAHT;AAIE,IAAA,QAAQ,EAAEY,yBAAAA;AAJZ,GAAA,CARJ,EAeMZ,WAAW,IAAIG,OAAf,iBACEgB,wCAACgB,SAAD,EAAA;AACE,IAAA,SAAS,EAAE,SAAA,CAAGpD,oBAAH,EAAuB,6BAAvB,CADb;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAAA;AAHT,GAAA,eAKEoC,wCAACS,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACO,OADlB;IAEE,SAAS,EAAEL,kBAAU,CAACM,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GATX,CAAA,CAhBR,EA+BM,CAAClC,OAAD,IAAYH,WAAZ,iBACEmB,wCAACS,kBAAD,EAAA;AACE,IAAA,SAAS,EAAE,EAAGR,CAAAA,MAAH,CAAGrC,oBAAH,0CAAA,CADb;IAEE,IAAI,EAAE8C,iBAAS,CAACS,MAFlB;IAGE,SAAS,EAAEP,kBAAU,CAACG,eAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,OAAO,EAAEjB,8BAAAA;GAtCnB,CAAA,CADF,CAvBF,eAoEEE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,EAAGC,CAAAA,MAAH,CAAGrC,oBAAH,EAAyC,kBAAzC,CAAA;AAAhB,GAAA,eACEoC,wCAACoB,2CAAD,EAAA;AACE,IAAA,UAAU,EAAErD,UADd;AAEE,IAAA,YAAY,EAAEW,YAFhB;AAGE,IAAA,aAAa,EAAEV,aAHjB;AAIE,IAAA,cAAc,EAAE6B,oBAJlB;AAKE,IAAA,kBAAkB,EAAE3B,kBAAAA;AALtB,GAAA,eAOE8B,wCAACqB,wDAAD,EAAA;AACE,IAAA,sBAAsB,EAAElD,sBAD1B;AAEE,IAAA,wBAAwB,EAAEC,wBAF5B;AAGE,IAAA,yBAAyB,EAAEC,yBAH7B;AAIE,IAAA,0BAA0B,EAAEC,0BAJ9B;AAKE,IAAA,gBAAgB,EAAEC,gBAAAA;GAZtB,CAAA,CADF,CApEF,CADF,CAAA;AAwFD;;;;"}
+{"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","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","Icon","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","MessageSearch"],"mappings":"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"}

package/cjs/NotificationChannel/components/NotificationChannelUI.js

@@ -0,0 +1,125 @@
+'use strict';
+
+var React = require('react');
+var NotificationChannel_components_NotificationList = require('./NotificationList.js');
+var ui_PlaceHolder = require('../../index-e8544e24.js');
+var NotificationChannel_context = require('../../NotificationChannelProvider-4cc9575f.js');
+var ui_Modal = require('../../ui/Modal.js');
+var ui_Button = require('../../ui/Button.js');
+var LocalizationContext = require('../../LocalizationContext-8780a64e.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var sendbirdSelectors = require('../../sendbirdSelectors.js');
+require('./NotificationMessageWrap.js');
+require('../../index-c13771a7.js');
+require('../../index-abe135e6.js');
+require('../../index-5ea12b7a.js');
+require('../../index-48d85d8f.js');
+require('../../ui/UnknownMessageItemBody.js');
+require('../../index-bdd889a2.js');
+require('prop-types');
+require('../../stringSet-60660a99.js');
+require('../../index-b3371ef2.js');
+require('../../tslib.es6-5a7eb30d.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../ui/Icon.js');
+require('@sendbird/react-uikit-message-template-view');
+require('../../ui/Loader.js');
+require('../../compareIds-d0c02eca.js');
+require('@sendbird/chat/groupChannel');
+require('../../uuid-a9006ea2.js');
+require('react-dom');
+require('../../index-08d232f8.js');
+require('../../ui/IconButton.js');
+require('../../MediaQueryContext-e455934a.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
+require('../../topics-f3f74edc.js');
+require('../../utils-708aa730.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 = NotificationChannel_context.useNotficationChannelContext(),
+      uiState = _b.uiState,
+      showDeleteModal = _b.showDeleteModal,
+      notificationsDispatcher = _b.notificationsDispatcher,
+      currentNotificationChannel = _b.currentNotificationChannel,
+      messageToDelete = _b.messageToDelete;
+
+  var stringSet = LocalizationContext.useLocalization().stringSet;
+  var store = useSendbirdStateContext();
+  var deleteMessage = sendbirdSelectors["default"].getDeleteMessage(store);
+
+  if (isLoading || uiState === 'loading') {
+    return /*#__PURE__*/React__default["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["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.LOADING,
+      className: "sendbird-notification-channel__placeholder"
+    }));
+  }
+
+  if (uiState === 'invalid') {
+    return /*#__PURE__*/React__default["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["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.WRONG,
+      className: "sendbird-notification-channel__placeholder"
+    }));
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-notification-channel"
+  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || null, /*#__PURE__*/React__default["default"].createElement(NotificationChannel_components_NotificationList, {
+    renderPlaceholderEmpty: renderPlaceholderEmpty,
+    renderMessageHeader: renderMessageHeader,
+    renderMessage: renderMessage
+  }), showDeleteModal && /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    type: ui_Button.ButtonTypes.DANGER,
+    onCancel: function () {
+      notificationsDispatcher({
+        type: NotificationChannel_context.actionTypes.SHOW_DELETE_MODAL,
+        payload: {
+          showDeleteModal: false,
+          message: null
+        }
+      });
+    },
+    onSubmit: function () {
+      // @ts-ignore
+      deleteMessage(currentNotificationChannel, messageToDelete).then(function () {
+        notificationsDispatcher({
+          type: NotificationChannel_context.actionTypes.ON_MESSAGE_DELETED,
+          payload: {
+            channel: currentNotificationChannel,
+            message: messageToDelete
+          }
+        });
+        notificationsDispatcher({
+          type: NotificationChannel_context.actionTypes.SHOW_DELETE_MODAL,
+          payload: {
+            showDeleteModal: false,
+            message: null
+          }
+        });
+      });
+    },
+    submitText: stringSet.MESSAGE_MENU__DELETE,
+    titleText: stringSet.MODAL__DELETE_MESSAGE__TITLE
+  }));
+};
+
+module.exports = NotificationChannelUI;
+//# sourceMappingURL=NotificationChannelUI.js.map

package/cjs/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","PlaceHolder","PlaceHolderTypes","LOADING","WRONG","NotificationList","Modal","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/cjs/NotificationChannel/components/NotificationList.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var React = require('react');
+var NotificationChannel_context = require('../../NotificationChannelProvider-4cc9575f.js');
+var NotificationChannel_components_NotificationMessageWrap = require('./NotificationMessageWrap.js');
+var ui_PlaceHolder = require('../../index-e8544e24.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
+require('../../tslib.es6-5a7eb30d.js');
+require('../../compareIds-d0c02eca.js');
+require('../../index-b3371ef2.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('@sendbird/chat/groupChannel');
+require('../../uuid-a9006ea2.js');
+require('../../index-c13771a7.js');
+require('../../index-abe135e6.js');
+require('../../index-5ea12b7a.js');
+require('../../index-48d85d8f.js');
+require('../../ui/UnknownMessageItemBody.js');
+require('../../index-bdd889a2.js');
+require('prop-types');
+require('../../stringSet-60660a99.js');
+require('../../LocalizationContext-8780a64e.js');
+require('../../ui/Icon.js');
+require('@sendbird/react-uikit-message-template-view');
+require('../../ui/Loader.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 = NotificationChannel_context.useNotficationChannelContext(),
+      allMessages = _b.allMessages,
+      scrollRef = _b.scrollRef,
+      onFetchMore = _b.onFetchMore,
+      hasMore = _b.hasMore;
+
+  React.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["default"].createElement("div", {
+      className: "sendbird-notification-channel__list",
+      "data-notificationuistate": "empty"
+    }, (renderPlaceholderEmpty === null || renderPlaceholderEmpty === void 0 ? void 0 : renderPlaceholderEmpty()) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
+      type: ui_PlaceHolder.PlaceHolderTypes.NO_NOTIFICATIONS,
+      className: "sendbird-notification-channel__placeholder"
+    }));
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-notification-channel__list",
+    "data-notificationuistate": "loaded",
+    ref: scrollRef
+  }, /*#__PURE__*/React__default["default"].createElement("div", null, allMessages.map(function (message) {
+    return /*#__PURE__*/React__default["default"].createElement(NotificationChannel_components_NotificationMessageWrap, {
+      key: message === null || message === void 0 ? void 0 : message.messageId,
+      message: message,
+      renderMessage: renderMessage,
+      renderMessageHeader: renderMessageHeader
+    });
+  })));
+};
+
+module.exports = NotificationList;
+//# sourceMappingURL=NotificationList.js.map

package/cjs/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","PlaceHolder","PlaceHolderTypes","NO_NOTIFICATIONS","map","message","NotificationMessageWrap","messageId"],"mappings":"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"}

package/cjs/NotificationChannel/components/NotificationMessageWrap.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../index-c13771a7.js');
+var index$1 = require('../../index-5ea12b7a.js');
+var ui_UnknownMessageItemBody = require('../../ui/UnknownMessageItemBody.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_Label = require('../../index-bdd889a2.js');
+var LocalizationContext = require('../../LocalizationContext-8780a64e.js');
+var NotificationChannel_context = require('../../NotificationChannelProvider-4cc9575f.js');
+var reactUikitMessageTemplateView = require('@sendbird/react-uikit-message-template-view');
+require('../../index-abe135e6.js');
+require('../../index-48d85d8f.js');
+require('../../index-b3371ef2.js');
+require('../../tslib.es6-5a7eb30d.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('prop-types');
+require('../../stringSet-60660a99.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
+require('../../compareIds-d0c02eca.js');
+require('@sendbird/chat/groupChannel');
+require('../../uuid-a9006ea2.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var NotificationIcon = function () {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-notification-channel__channel-icon-wrap"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-notification-channel__channel-icon"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    className: "sendbird-notification-channel__channel-icon-hash",
+    fillColor: ui_Icon.IconColors.CONTENT,
+    width: "12px",
+    height: "12px",
+    type: ui_Icon.IconTypes.CHANNELS
+  })));
+};
+
+function NotificationMessageWrap(_a) {
+  var _b, _c, _d;
+
+  var renderMessage = _a.renderMessage,
+      renderMessageHeader = _a.renderMessageHeader,
+      message = _a.message;
+
+  var _e = LocalizationContext.useLocalization(),
+      dateLocale = _e.dateLocale,
+      stringSet = _e.stringSet;
+
+  var _f = NotificationChannel_context.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 = React.useMemo(function () {
+    if (typeof renderMessage === 'function') {
+      return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage({
+        message: message
+      });
+    }
+
+    return null;
+  }, [message, renderMessage]);
+  var memoizedCustomHeader = React.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 (index.isToday(createdAt)) {
+      return index$1.format(createdAt, 'p', optionalParam);
+    }
+
+    if (index.isYesterday(createdAt)) {
+      return stringSet.NOTIFICATION_CHANNEL__YESTERDAY;
+    }
+
+    return index$1.format(createdAt, 'MMM dd', optionalParam);
+  };
+
+  return /*#__PURE__*/React__default["default"].createElement(reactUikitMessageTemplateView.MessageProvider, {
+    message: message,
+    handleWebAction: handleWebAction,
+    handleCustomAction: handleCustomAction,
+    handlePredefinedAction: handlePredefinedAction
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-notification-channel__message-wrap",
+    "data-messageid": message === null || message === void 0 ? void 0 : message.messageId
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-notification-channel__message-wrap-header"
+  }, memoizedCustomHeader || /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(NotificationIcon, null), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-notification-channel__message-caption",
+    type: ui_Label.LabelTypography.CAPTION_2
+  }, message === null || message === void 0 ? void 0 : message.customType), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-notification-channel__message-date-wrap"
+  }, (message === null || message === void 0 ? void 0 : message.createdAt) > lastSeen && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "sendbird-notification-channel__unread"
+  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-notification-channel__message-date",
+    type: ui_Label.LabelTypography.CAPTION_3,
+    color: ui_Label.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["default"].createElement(ui_UnknownMessageItemBody, {
+    message: message,
+    customText: customErrorLabel
+  }) : /*#__PURE__*/React__default["default"].createElement(reactUikitMessageTemplateView.MessageTemplate, {
+    templateItems: (_d = messageTemplate === null || messageTemplate === void 0 ? void 0 : messageTemplate.body) === null || _d === void 0 ? void 0 : _d.items
+  }))));
+}
+
+module.exports = NotificationMessageWrap;
+//# sourceMappingURL=NotificationMessageWrap.js.map