@sendbird/uikit-react-native 2.4.1 → 2.5.0-rc.0

package/lib/module/fragments/createOpenChannelCreateFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","StyleSheet","Box","useUIKitTheme","NOOP","PASS","createOpenChannelCreateModule","useSendbirdChat","createOpenChannelCreateFragment","initModule","OpenChannelCreateModule","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sdk","currentUser","palette","loading","setLoading","channelName","setChannelName","channelCoverFile","setChannelCoverFile","undefined","shouldActivateHeaderRight","Boolean","trim","onPressHeaderRight","params","name","operatorUserIds","userId","coverUrlOrImage","processedParams","channel","openChannel","createChannel","transparent","absoluteFill"],"sources":["createOpenChannelCreateFragment.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelCreateModule } from '../domain/openChannelCreate';\nimport type { OpenChannelCreateFragment, OpenChannelCreateModule } from '../domain/openChannelCreate/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { FileType } from '../platform/types';\n\nconst createOpenChannelCreateFragment = (initModule?: Partial<OpenChannelCreateModule>): OpenChannelCreateFragment => {\n  const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, onBeforeCreateChannel = PASS, onCreateChannel }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { palette } = useUIKitTheme();\n\n    const [loading, setLoading] = useState(false);\n    const [channelName, setChannelName] = useState('');\n    const [channelCoverFile, setChannelCoverFile] = useState<FileType | undefined>(undefined);\n\n    const shouldActivateHeaderRight = () => {\n      return Boolean(currentUser) && channelName.trim() !== '';\n    };\n\n    const onPressHeaderRight = async () => {\n      if (currentUser) {\n        try {\n          setLoading(true);\n          const params: SendbirdOpenChannelCreateParams = {\n            name: channelName,\n            operatorUserIds: [currentUser.userId],\n          };\n\n          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;\n\n          const processedParams = await onBeforeCreateChannel(params);\n          const channel = await sdk.openChannel.createChannel(processedParams);\n\n          setLoading(false);\n          onCreateChannel(channel);\n        } catch {\n          setLoading(false);\n        }\n      }\n    };\n\n    return (\n      <OpenChannelCreateModule.Provider>\n        <OpenChannelCreateModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n          shouldActivateHeaderRight={shouldActivateHeaderRight}\n        />\n        <OpenChannelCreateModule.ProfileInput\n          channelName={channelName}\n          onChangeChannelName={setChannelName}\n          channelCoverFile={channelCoverFile}\n          onChangeChannelCoverFile={setChannelCoverFile}\n        />\n        {loading && (\n          <Box\n            backgroundColor={palette.transparent}\n            style={StyleSheet.absoluteFill}\n            alignItems={'center'}\n            justifyContent={'center'}\n          >\n            <OpenChannelCreateModule.StatusLoading />\n          </Box>\n        )}\n      </OpenChannelCreateModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelCreateFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,SAASC,GAAT,EAAcC,aAAd,QAAmC,yCAAnC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA4D,uBAA5D;AAEA,SAASC,6BAAT,QAA8C,6BAA9C;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAGA,MAAMC,+BAA+B,GAAIC,UAAD,IAA8E;EACpH,MAAMC,uBAAuB,GAAGJ,6BAA6B,CAACG,UAAD,CAA7D;EAEA,OAAO,QAAiF;IAAA,IAAhF;MAAEE,iBAAiB,GAAGP,IAAtB;MAA4BQ,qBAAqB,GAAGP,IAApD;MAA0DQ;IAA1D,CAAgF;IACtF,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuBR,eAAe,EAA5C;IACA,MAAM;MAAES;IAAF,IAAcb,aAAa,EAAjC;IAEA,MAAM,CAACc,OAAD,EAAUC,UAAV,IAAwBlB,QAAQ,CAAC,KAAD,CAAtC;IACA,MAAM,CAACmB,WAAD,EAAcC,cAAd,IAAgCpB,QAAQ,CAAC,EAAD,CAA9C;IACA,MAAM,CAACqB,gBAAD,EAAmBC,mBAAnB,IAA0CtB,QAAQ,CAAuBuB,SAAvB,CAAxD;;IAEA,MAAMC,yBAAyB,GAAG,MAAM;MACtC,OAAOC,OAAO,CAACV,WAAD,CAAP,IAAwBI,WAAW,CAACO,IAAZ,OAAuB,EAAtD;IACD,CAFD;;IAIA,MAAMC,kBAAkB,GAAG,YAAY;MACrC,IAAIZ,WAAJ,EAAiB;QACf,IAAI;UACFG,UAAU,CAAC,IAAD,CAAV;UACA,MAAMU,MAAuC,GAAG;YAC9CC,IAAI,EAAEV,WADwC;YAE9CW,eAAe,EAAE,CAACf,WAAW,CAACgB,MAAb;UAF6B,CAAhD;UAKA,IAAIV,gBAAJ,EAAsBO,MAAM,CAACI,eAAP,GAAyBX,gBAAzB;UAEtB,MAAMY,eAAe,GAAG,MAAMrB,qBAAqB,CAACgB,MAAD,CAAnD;UACA,MAAMM,OAAO,GAAG,MAAMpB,GAAG,CAACqB,WAAJ,CAAgBC,aAAhB,CAA8BH,eAA9B,CAAtB;UAEAf,UAAU,CAAC,KAAD,CAAV;UACAL,eAAe,CAACqB,OAAD,CAAf;QACD,CAdD,CAcE,MAAM;UACNhB,UAAU,CAAC,KAAD,CAAV;QACD;MACF;IACF,CApBD;;IAsBA,oBACE,oBAAC,uBAAD,CAAyB,QAAzB,qBACE,oBAAC,uBAAD,CAAyB,MAAzB;MACE,iBAAiB,EAAEP,iBADrB;MAEE,kBAAkB,EAAEgB,kBAFtB;MAGE,yBAAyB,EAAEH;IAH7B,EADF,eAME,oBAAC,uBAAD,CAAyB,YAAzB;MACE,WAAW,EAAEL,WADf;MAEE,mBAAmB,EAAEC,cAFvB;MAGE,gBAAgB,EAAEC,gBAHpB;MAIE,wBAAwB,EAAEC;IAJ5B,EANF,EAYGL,OAAO,iBACN,oBAAC,GAAD;MACE,eAAe,EAAED,OAAO,CAACqB,WAD3B;MAEE,KAAK,EAAEpC,UAAU,CAACqC,YAFpB;MAGE,UAAU,EAAE,QAHd;MAIE,cAAc,EAAE;IAJlB,gBAME,oBAAC,uBAAD,CAAyB,aAAzB,OANF,CAbJ,CADF;EAyBD,CA3DD;AA4DD,CA/DD;;AAiEA,eAAe9B,+BAAf"}
+{"version":3,"names":["React","useState","StyleSheet","Box","useUIKitTheme","NOOP","PASS","createOpenChannelCreateModule","useSendbirdChat","createOpenChannelCreateFragment","initModule","OpenChannelCreateModule","_ref","onPressHeaderLeft","onBeforeCreateChannel","onCreateChannel","sdk","currentUser","palette","loading","setLoading","channelName","setChannelName","channelCoverFile","setChannelCoverFile","undefined","shouldActivateHeaderRight","Boolean","trim","onPressHeaderRight","params","name","operatorUserIds","userId","coverUrlOrImage","processedParams","channel","openChannel","createChannel","createElement","Provider","Header","ProfileInput","onChangeChannelName","onChangeChannelCoverFile","backgroundColor","transparent","style","absoluteFill","alignItems","justifyContent","StatusLoading"],"sources":["createOpenChannelCreateFragment.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelCreateModule } from '../domain/openChannelCreate';\nimport type { OpenChannelCreateFragment, OpenChannelCreateModule } from '../domain/openChannelCreate/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { FileType } from '../platform/types';\n\nconst createOpenChannelCreateFragment = (initModule?: Partial<OpenChannelCreateModule>): OpenChannelCreateFragment => {\n  const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, onBeforeCreateChannel = PASS, onCreateChannel }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { palette } = useUIKitTheme();\n\n    const [loading, setLoading] = useState(false);\n    const [channelName, setChannelName] = useState('');\n    const [channelCoverFile, setChannelCoverFile] = useState<FileType | undefined>(undefined);\n\n    const shouldActivateHeaderRight = () => {\n      return Boolean(currentUser) && channelName.trim() !== '';\n    };\n\n    const onPressHeaderRight = async () => {\n      if (currentUser) {\n        try {\n          setLoading(true);\n          const params: SendbirdOpenChannelCreateParams = {\n            name: channelName,\n            operatorUserIds: [currentUser.userId],\n          };\n\n          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;\n\n          const processedParams = await onBeforeCreateChannel(params);\n          const channel = await sdk.openChannel.createChannel(processedParams);\n\n          setLoading(false);\n          onCreateChannel(channel);\n        } catch {\n          setLoading(false);\n        }\n      }\n    };\n\n    return (\n      <OpenChannelCreateModule.Provider>\n        <OpenChannelCreateModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n          shouldActivateHeaderRight={shouldActivateHeaderRight}\n        />\n        <OpenChannelCreateModule.ProfileInput\n          channelName={channelName}\n          onChangeChannelName={setChannelName}\n          channelCoverFile={channelCoverFile}\n          onChangeChannelCoverFile={setChannelCoverFile}\n        />\n        {loading && (\n          <Box\n            backgroundColor={palette.transparent}\n            style={StyleSheet.absoluteFill}\n            alignItems={'center'}\n            justifyContent={'center'}\n          >\n            <OpenChannelCreateModule.StatusLoading />\n          </Box>\n        )}\n      </OpenChannelCreateModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelCreateFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,GAAG,EAAEC,aAAa,QAAQ,yCAAyC;AAC5E,SAASC,IAAI,EAAEC,IAAI,QAAyC,uBAAuB;AAEnF,SAASC,6BAA6B,QAAQ,6BAA6B;AAE3E,SAASC,eAAe,QAAQ,qBAAqB;AAGrD,MAAMC,+BAA+B,GAAIC,UAA6C,IAAgC;EACpH,MAAMC,uBAAuB,GAAGJ,6BAA6B,CAACG,UAAU,CAAC;EAEzE,OAAOE,IAAA,IAAiF;IAAA,IAAhF;MAAEC,iBAAiB,GAAGR,IAAI;MAAES,qBAAqB,GAAGR,IAAI;MAAES;IAAgB,CAAC,GAAAH,IAAA;IACjF,MAAM;MAAEI,GAAG;MAAEC;IAAY,CAAC,GAAGT,eAAe,EAAE;IAC9C,MAAM;MAAEU;IAAQ,CAAC,GAAGd,aAAa,EAAE;IAEnC,MAAM,CAACe,OAAO,EAAEC,UAAU,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAACoB,WAAW,EAAEC,cAAc,CAAC,GAAGrB,QAAQ,CAAC,EAAE,CAAC;IAClD,MAAM,CAACsB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGvB,QAAQ,CAAuBwB,SAAS,CAAC;IAEzF,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;MACtC,OAAOC,OAAO,CAACV,WAAW,CAAC,IAAII,WAAW,CAACO,IAAI,EAAE,KAAK,EAAE;IAC1D,CAAC;IAED,MAAMC,kBAAkB,GAAG,MAAAA,CAAA,KAAY;MACrC,IAAIZ,WAAW,EAAE;QACf,IAAI;UACFG,UAAU,CAAC,IAAI,CAAC;UAChB,MAAMU,MAAuC,GAAG;YAC9CC,IAAI,EAAEV,WAAW;YACjBW,eAAe,EAAE,CAACf,WAAW,CAACgB,MAAM;UACtC,CAAC;UAED,IAAIV,gBAAgB,EAAEO,MAAM,CAACI,eAAe,GAAGX,gBAAgB;UAE/D,MAAMY,eAAe,GAAG,MAAMrB,qBAAqB,CAACgB,MAAM,CAAC;UAC3D,MAAMM,OAAO,GAAG,MAAMpB,GAAG,CAACqB,WAAW,CAACC,aAAa,CAACH,eAAe,CAAC;UAEpEf,UAAU,CAAC,KAAK,CAAC;UACjBL,eAAe,CAACqB,OAAO,CAAC;QAC1B,CAAC,CAAC,MAAM;UACNhB,UAAU,CAAC,KAAK,CAAC;QACnB;MACF;IACF,CAAC;IAED,oBACEpB,KAAA,CAAAuC,aAAA,CAAC5B,uBAAuB,CAAC6B,QAAQ,qBAC/BxC,KAAA,CAAAuC,aAAA,CAAC5B,uBAAuB,CAAC8B,MAAM;MAC7B5B,iBAAiB,EAAEA,iBAAkB;MACrCgB,kBAAkB,EAAEA,kBAAmB;MACvCH,yBAAyB,EAAEA;IAA0B,EACrD,eACF1B,KAAA,CAAAuC,aAAA,CAAC5B,uBAAuB,CAAC+B,YAAY;MACnCrB,WAAW,EAAEA,WAAY;MACzBsB,mBAAmB,EAAErB,cAAe;MACpCC,gBAAgB,EAAEA,gBAAiB;MACnCqB,wBAAwB,EAAEpB;IAAoB,EAC9C,EACDL,OAAO,iBACNnB,KAAA,CAAAuC,aAAA,CAACpC,GAAG;MACF0C,eAAe,EAAE3B,OAAO,CAAC4B,WAAY;MACrCC,KAAK,EAAE7C,UAAU,CAAC8C,YAAa;MAC/BC,UAAU,EAAE,QAAS;MACrBC,cAAc,EAAE;IAAS,gBAEzBlD,KAAA,CAAAuC,aAAA,CAAC5B,uBAAuB,CAACwC,aAAa,OAAG,CAE5C,CACgC;EAEvC,CAAC;AACH,CAAC;AAED,eAAe1C,+BAA+B"}

package/lib/module/fragments/createOpenChannelFragment.js

@@ -1,6 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React, { useMemo } from 'react';
+import React, { useMemo, useState } from 'react';
 import { SendbirdError } from '@sendbird/chat';
 import { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';
 import { useToast } from '@sendbird/uikit-react-native-foundation';
@@ -11,7 +10,7 @@ import StatusComposition from '../components/StatusComposition';
 import { UNKNOWN_USER_ID } from '../constants';
 import { createOpenChannelModule } from '../domain/openChannel';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-
+import pubsub from '../utils/pubsub';
 const createOpenChannelFragment = initModule => {
   const OpenChannelModule = createOpenChannelModule(initModule);
   return _ref => {
@@ -48,12 +47,13 @@ const createOpenChannelFragment = initModule => {
     const {
       show: showUserProfile
     } = useUserProfile();
+    const [openChannelPubSub] = useState(() => pubsub());
     const {
       messages,
-      nextMessages,
-      newMessagesFromMembers,
+      newMessages,
       next,
       prev,
+      hasNext,
       sendFileMessage,
       sendUserMessage,
       updateFileMessage,
@@ -65,31 +65,35 @@ const createOpenChannelFragment = initModule => {
       queryCreator,
       sortComparator,
       onChannelDeleted,
-
       onError(error) {
         if (error instanceof SendbirdError) {
           switch (error.code) {
-            case SBErrorCode.CHANNEL_NOT_FOUND_SDK:
-            case SBErrorCode.CHANNEL_NOT_FOUND_SERVER:
+            case SBErrorCode.RESOURCE_NOT_FOUND:
+            case SBErrorCode.CHANNEL_NOT_FOUND:
+            case SBErrorCode.BANNED_USER_SEND_MESSAGE_NOT_ALLOWED:
               {
                 return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');
               }
           }
         }
-
         showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');
+      },
+      onMessagesReceived(messages) {
+        openChannelPubSub.publish({
+          type: 'MESSAGES_RECEIVED',
+          data: {
+            messages
+          }
+        });
       }
-
     });
     const isOperator = channel.isOperator((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? UNKNOWN_USER_ID);
-
     const _renderMessage = useFreshCallback(props => {
       if (renderMessage) return renderMessage(props);
       return /*#__PURE__*/React.createElement(OpenChannelMessageRenderer, _extends({}, props, {
         onPressAvatar: showUserProfile
       }));
     });
-
     const memoizedFlatListProps = useMemo(() => ({
       ListEmptyComponent: /*#__PURE__*/React.createElement(OpenChannelModule.StatusEmpty, null),
       contentContainerStyle: {
@@ -97,13 +101,31 @@ const createOpenChannelFragment = initModule => {
       },
       ...flatListProps
     }), [loading, flatListProps]);
+    const onPending = message => {
+      openChannelPubSub.publish({
+        type: 'MESSAGE_SENT_PENDING',
+        data: {
+          message
+        }
+      });
+    };
+    const onSent = message => {
+      openChannelPubSub.publish({
+        type: 'MESSAGE_SENT_SUCCESS',
+        data: {
+          message
+        }
+      });
+    };
     const onPressSendUserMessage = useFreshCallback(async params => {
       const processedParams = await onBeforeSendUserMessage(params);
-      await sendUserMessage(processedParams);
+      const message = await sendUserMessage(processedParams, onPending);
+      onSent(message);
     });
     const onPressSendFileMessage = useFreshCallback(async params => {
       const processedParams = await onBeforeSendFileMessage(params);
-      await sendFileMessage(processedParams);
+      const message = await sendFileMessage(processedParams, onPending);
+      onSent(message);
     });
     const onPressUpdateUserMessage = useFreshCallback(async (message, params) => {
       const processedParams = await onBeforeUpdateUserMessage(params);
@@ -114,6 +136,7 @@ const createOpenChannelFragment = initModule => {
       await updateFileMessage(message.messageId, processedParams);
     });
     return /*#__PURE__*/React.createElement(OpenChannelModule.Provider, {
+      openChannelPubSub: openChannelPubSub,
       channel: channel,
       keyboardAvoidOffset: keyboardAvoidOffset
     }, /*#__PURE__*/React.createElement(OpenChannelModule.Header, {
@@ -125,14 +148,16 @@ const createOpenChannelFragment = initModule => {
       LoadingComponent: /*#__PURE__*/React.createElement(OpenChannelModule.StatusLoading, null)
     }, /*#__PURE__*/React.createElement(OpenChannelModule.MessageList, {
       channel: channel,
+      hasNext: hasNext,
       enableMessageGrouping: enableMessageGrouping,
       currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
       renderMessage: _renderMessage,
       messages: messages,
-      nextMessages: nextMessages,
-      newMessagesFromMembers: newMessagesFromMembers,
+      newMessages: newMessages,
       onTopReached: prev,
       onBottomReached: next,
+      scrolledAwayFromBottom: false,
+      onScrolledAwayFromBottom: NOOP,
       renderNewMessagesButton: renderNewMessagesButton,
       renderScrollToBottomButton: renderScrollToBottomButton,
       onResendFailedMessage: resendMessage,
@@ -148,6 +173,5 @@ const createOpenChannelFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelFragment;
 //# sourceMappingURL=createOpenChannelFragment.js.map

package/lib/module/fragments/createOpenChannelFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","SendbirdError","useOpenChannelMessages","useToast","NOOP","PASS","SBErrorCode","messageComparator","useFreshCallback","OpenChannelMessageRenderer","ScrollToBottomButton","StatusComposition","UNKNOWN_USER_ID","createOpenChannelModule","useLocalization","useSendbirdChat","useUserProfile","createOpenChannelFragment","initModule","OpenChannelModule","channel","onChannelDeleted","onPressHeaderLeft","onPressHeaderRightWithSettings","onPressHeaderRightWithParticipants","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","onPressMediaMessage","renderMessage","renderNewMessagesButton","renderScrollToBottomButton","props","enableMessageGrouping","keyboardAvoidOffset","flatListProps","queryCreator","sortComparator","sdk","currentUser","STRINGS","show","showToast","showUserProfile","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","onError","error","code","CHANNEL_NOT_FOUND_SDK","CHANNEL_NOT_FOUND_SERVER","TOAST","GET_CHANNEL_ERROR","UNKNOWN_ERROR","isOperator","_renderMessage","memoizedFlatListProps","ListEmptyComponent","contentContainerStyle","flexGrow","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","message","messageId","onPressUpdateFileMessage"],"sources":["createOpenChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { SendbirdError } from '@sendbird/chat';\nimport { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SBErrorCode, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelModule } from '../domain/openChannel';\nimport type { OpenChannelFragment, OpenChannelModule, OpenChannelProps } from '../domain/openChannel/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {\n  const OpenChannelModule = createOpenChannelModule(initModule);\n\n  return ({\n    channel,\n    onChannelDeleted = NOOP,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRightWithSettings = NOOP,\n    onPressHeaderRightWithParticipants = NOOP,\n\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    onPressMediaMessage = NOOP,\n\n    renderMessage,\n    renderNewMessagesButton = () => null,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n\n    enableMessageGrouping = true,\n    keyboardAvoidOffset,\n    flatListProps,\n    queryCreator,\n    sortComparator = messageComparator,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { show: showToast } = useToast();\n    const { show: showUserProfile } = useUserProfile();\n\n    const {\n      messages,\n      nextMessages,\n      newMessagesFromMembers,\n      next,\n      prev,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useOpenChannelMessages(sdk, channel, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      onError(error) {\n        if (error instanceof SendbirdError) {\n          switch (error.code) {\n            case SBErrorCode.CHANNEL_NOT_FOUND_SDK:\n            case SBErrorCode.CHANNEL_NOT_FOUND_SERVER: {\n              return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');\n            }\n          }\n        }\n\n        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');\n      },\n    });\n\n    const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n    const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <OpenChannelMessageRenderer {...props} onPressAvatar={showUserProfile} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <OpenChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n    );\n    const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n    );\n    const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: OpenChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <OpenChannelModule.Provider channel={channel} keyboardAvoidOffset={keyboardAvoidOffset}>\n        <OpenChannelModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          rightIconName={isOperator ? 'info' : 'members'}\n          onPressHeaderRight={isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>\n          <OpenChannelModule.MessageList\n            channel={channel}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            nextMessages={nextMessages}\n            newMessagesFromMembers={newMessagesFromMembers}\n            onTopReached={prev}\n            onBottomReached={next}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <OpenChannelModule.Input\n            shouldRenderInput\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n          />\n        </StatusComposition>\n      </OpenChannelModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","useState","SendbirdError","useOpenChannelMessages","useToast","NOOP","PASS","SBErrorCode","messageComparator","useFreshCallback","OpenChannelMessageRenderer","ScrollToBottomButton","StatusComposition","UNKNOWN_USER_ID","createOpenChannelModule","useLocalization","useSendbirdChat","useUserProfile","pubsub","createOpenChannelFragment","initModule","OpenChannelModule","_ref","channel","onChannelDeleted","onPressHeaderLeft","onPressHeaderRightWithSettings","onPressHeaderRightWithParticipants","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","onPressMediaMessage","renderMessage","renderNewMessagesButton","renderScrollToBottomButton","props","createElement","enableMessageGrouping","keyboardAvoidOffset","flatListProps","queryCreator","sortComparator","sdk","currentUser","STRINGS","show","showToast","showUserProfile","openChannelPubSub","messages","newMessages","next","prev","hasNext","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","onError","error","code","RESOURCE_NOT_FOUND","CHANNEL_NOT_FOUND","BANNED_USER_SEND_MESSAGE_NOT_ALLOWED","TOAST","GET_CHANNEL_ERROR","UNKNOWN_ERROR","onMessagesReceived","publish","type","data","isOperator","_renderMessage","_extends","onPressAvatar","memoizedFlatListProps","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","onPending","message","onSent","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","messageId","onPressUpdateFileMessage","Provider","Header","rightIconName","onPressHeaderRight","LoadingComponent","StatusLoading","MessageList","currentUserId","onTopReached","onBottomReached","scrolledAwayFromBottom","onScrolledAwayFromBottom","onResendFailedMessage","onDeleteMessage","Input","shouldRenderInput"],"sources":["createOpenChannelFragment.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { SendbirdError } from '@sendbird/chat';\nimport { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  PASS,\n  SBErrorCode,\n  SendbirdFileMessage,\n  SendbirdUserMessage,\n  messageComparator,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelModule } from '../domain/openChannel';\nimport type {\n  OpenChannelFragment,\n  OpenChannelModule,\n  OpenChannelProps,\n  OpenChannelPubSubContextPayload,\n} from '../domain/openChannel/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\nimport pubsub from '../utils/pubsub';\n\nconst createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {\n  const OpenChannelModule = createOpenChannelModule(initModule);\n\n  return ({\n    channel,\n    onChannelDeleted = NOOP,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRightWithSettings = NOOP,\n    onPressHeaderRightWithParticipants = NOOP,\n\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    onPressMediaMessage = NOOP,\n\n    renderMessage,\n    renderNewMessagesButton = () => null,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n\n    enableMessageGrouping = true,\n    keyboardAvoidOffset,\n    flatListProps,\n    queryCreator,\n    sortComparator = messageComparator,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const { STRINGS } = useLocalization();\n    const { show: showToast } = useToast();\n    const { show: showUserProfile } = useUserProfile();\n\n    const [openChannelPubSub] = useState(() => pubsub<OpenChannelPubSubContextPayload>());\n\n    const {\n      messages,\n      newMessages,\n      next,\n      prev,\n      hasNext,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useOpenChannelMessages(sdk, channel, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      onError(error) {\n        if (error instanceof SendbirdError) {\n          switch (error.code) {\n            case SBErrorCode.RESOURCE_NOT_FOUND:\n            case SBErrorCode.CHANNEL_NOT_FOUND:\n            case SBErrorCode.BANNED_USER_SEND_MESSAGE_NOT_ALLOWED: {\n              return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');\n            }\n          }\n        }\n\n        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');\n      },\n      onMessagesReceived(messages) {\n        openChannelPubSub.publish({ type: 'MESSAGES_RECEIVED', data: { messages } });\n      },\n    });\n\n    const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n    const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <OpenChannelMessageRenderer {...props} onPressAvatar={showUserProfile} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <OpenChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPending = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      openChannelPubSub.publish({ type: 'MESSAGE_SENT_PENDING', data: { message } });\n    };\n    const onSent = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      openChannelPubSub.publish({ type: 'MESSAGE_SENT_SUCCESS', data: { message } });\n    };\n\n    const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        const message = await sendUserMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        const message = await sendFileMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: OpenChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <OpenChannelModule.Provider\n        openChannelPubSub={openChannelPubSub}\n        channel={channel}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <OpenChannelModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          rightIconName={isOperator ? 'info' : 'members'}\n          onPressHeaderRight={isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>\n          <OpenChannelModule.MessageList\n            channel={channel}\n            hasNext={hasNext}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            newMessages={newMessages}\n            onTopReached={prev}\n            onBottomReached={next}\n            scrolledAwayFromBottom={false}\n            onScrolledAwayFromBottom={NOOP}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <OpenChannelModule.Input\n            shouldRenderInput\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n          />\n        </StatusComposition>\n      </OpenChannelModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelListFragment.js

@@ -5,7 +5,6 @@ import { NOOP } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import { createOpenChannelListModule } from '../domain/openChannelList';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelListFragment = initModule => {
   const OpenChannelListModule = createOpenChannelListModule(initModule);
   return _ref => {
@@ -33,7 +32,6 @@ const createOpenChannelListFragment = initModule => {
     } = useOpenChannelList(sdk, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
       queryCreator
     });
-
     const _renderOpenChannelPreview = props => {
       if (renderOpenChannelPreview) return renderOpenChannelPreview(props);
       return /*#__PURE__*/React.createElement(PressBox, {
@@ -46,7 +44,6 @@ const createOpenChannelListFragment = initModule => {
         participantsCount: props.channel.participantCount
       }));
     };
-
     return /*#__PURE__*/React.createElement(OpenChannelListModule.Provider, null, /*#__PURE__*/React.createElement(OpenChannelListModule.Header, {
       onPressHeaderRight: onPressCreateChannel
     }), /*#__PURE__*/React.createElement(StatusComposition, {
@@ -72,6 +69,5 @@ const createOpenChannelListFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelListFragment;
 //# sourceMappingURL=createOpenChannelListFragment.js.map

package/lib/module/fragments/createOpenChannelListFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useOpenChannelList","OpenChannelPreview","PressBox","NOOP","StatusComposition","createOpenChannelListModule","useLocalization","useSendbirdChat","createOpenChannelListFragment","initModule","OpenChannelListModule","onPressCreateChannel","onPressChannel","flatListProps","renderOpenChannelPreview","queryCreator","sdk","currentUser","STRINGS","openChannels","next","refresh","refreshing","loading","error","userId","_renderOpenChannelPreview","props","channel","coverUrl","OPEN_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","isFrozen","participantCount","Boolean","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createOpenChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useOpenChannelList } from '@sendbird/uikit-chat-hooks';\nimport { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport { createOpenChannelListModule } from '../domain/openChannelList';\nimport type {\n  OpenChannelListFragment,\n  OpenChannelListModule,\n  OpenChannelListProps,\n} from '../domain/openChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModule>): OpenChannelListFragment => {\n  const OpenChannelListModule = createOpenChannelListModule(initModule);\n\n  return ({ onPressCreateChannel, onPressChannel = NOOP, flatListProps, renderOpenChannelPreview, queryCreator }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { openChannels, next, refresh, refreshing, loading, error } = useOpenChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n    });\n\n    const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {\n      if (renderOpenChannelPreview) return renderOpenChannelPreview(props);\n      return (\n        <PressBox activeOpacity={0.8} onPress={() => onPressChannel(props.channel)}>\n          <OpenChannelPreview\n            coverUrl={props.channel.coverUrl}\n            title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}\n            frozen={props.channel.isFrozen}\n            participantsCount={props.channel.participantCount}\n          />\n        </PressBox>\n      );\n    };\n\n    return (\n      <OpenChannelListModule.Provider>\n        <OpenChannelListModule.Header onPressHeaderRight={onPressCreateChannel} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelListModule.List\n            renderOpenChannelPreview={_renderOpenChannelPreview}\n            openChannels={openChannels}\n            onLoadNext={next}\n            refreshing={refreshing}\n            onRefresh={refresh}\n            flatListProps={{\n              ListEmptyComponent: <OpenChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n      </OpenChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,kBAAT,QAAmC,4BAAnC;AACA,SAASC,kBAAT,EAA6BC,QAA7B,QAA6C,yCAA7C;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,SAASC,2BAAT,QAA4C,2BAA5C;AAMA,SAASC,eAAT,EAA0BC,eAA1B,QAAiD,qBAAjD;;AAEA,MAAMC,6BAA6B,GAAIC,UAAD,IAA0E;EAC9G,MAAMC,qBAAqB,GAAGL,2BAA2B,CAACI,UAAD,CAAzD;EAEA,OAAO,QAA4G;IAAA,IAA3G;MAAEE,oBAAF;MAAwBC,cAAc,GAAGT,IAAzC;MAA+CU,aAA/C;MAA8DC,wBAA9D;MAAwFC;IAAxF,CAA2G;IACjH,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuBV,eAAe,EAA5C;IACA,MAAM;MAAEW;IAAF,IAAcZ,eAAe,EAAnC;IACA,MAAM;MAAEa,YAAF;MAAgBC,IAAhB;MAAsBC,OAAtB;MAA+BC,UAA/B;MAA2CC,OAA3C;MAAoDC;IAApD,IAA8DxB,kBAAkB,CAACgB,GAAD,EAAMC,WAAN,aAAMA,WAAN,uBAAMA,WAAW,CAAEQ,MAAnB,EAA2B;MAC/GV;IAD+G,CAA3B,CAAtF;;IAIA,MAAMW,yBAAmF,GAAIC,KAAD,IAAW;MACrG,IAAIb,wBAAJ,EAA8B,OAAOA,wBAAwB,CAACa,KAAD,CAA/B;MAC9B,oBACE,oBAAC,QAAD;QAAU,aAAa,EAAE,GAAzB;QAA8B,OAAO,EAAE,MAAMf,cAAc,CAACe,KAAK,CAACC,OAAP;MAA3D,gBACE,oBAAC,kBAAD;QACE,QAAQ,EAAED,KAAK,CAACC,OAAN,CAAcC,QAD1B;QAEE,KAAK,EAAEX,OAAO,CAACY,iBAAR,CAA0BC,qBAA1B,CAAgDJ,KAAK,CAACC,OAAtD,CAFT;QAGE,MAAM,EAAED,KAAK,CAACC,OAAN,CAAcI,QAHxB;QAIE,iBAAiB,EAAEL,KAAK,CAACC,OAAN,CAAcK;MAJnC,EADF,CADF;IAUD,CAZD;;IAcA,oBACE,oBAAC,qBAAD,CAAuB,QAAvB,qBACE,oBAAC,qBAAD,CAAuB,MAAvB;MAA8B,kBAAkB,EAAEtB;IAAlD,EADF,eAEE,oBAAC,iBAAD;MACE,OAAO,EAAEY,OADX;MAEE,gBAAgB,eAAE,oBAAC,qBAAD,CAAuB,aAAvB,OAFpB;MAGE,KAAK,EAAEW,OAAO,CAACV,KAAD,CAHhB;MAIE,cAAc,eAAE,oBAAC,qBAAD,CAAuB,WAAvB;QAAmC,YAAY,EAAEH;MAAjD;IAJlB,gBAME,oBAAC,qBAAD,CAAuB,IAAvB;MACE,wBAAwB,EAAEK,yBAD5B;MAEE,YAAY,EAAEP,YAFhB;MAGE,UAAU,EAAEC,IAHd;MAIE,UAAU,EAAEE,UAJd;MAKE,SAAS,EAAED,OALb;MAME,aAAa,EAAE;QACbc,kBAAkB,eAAE,oBAAC,qBAAD,CAAuB,WAAvB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAGxB;MAHU;IANjB,EANF,CAFF,CADF;EAwBD,CA7CD;AA8CD,CAjDD;;AAmDA,eAAeL,6BAAf"}
+{"version":3,"names":["React","useOpenChannelList","OpenChannelPreview","PressBox","NOOP","StatusComposition","createOpenChannelListModule","useLocalization","useSendbirdChat","createOpenChannelListFragment","initModule","OpenChannelListModule","_ref","onPressCreateChannel","onPressChannel","flatListProps","renderOpenChannelPreview","queryCreator","sdk","currentUser","STRINGS","openChannels","next","refresh","refreshing","loading","error","userId","_renderOpenChannelPreview","props","createElement","activeOpacity","onPress","channel","coverUrl","title","OPEN_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","frozen","isFrozen","participantsCount","participantCount","Provider","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow"],"sources":["createOpenChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useOpenChannelList } from '@sendbird/uikit-chat-hooks';\nimport { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport { createOpenChannelListModule } from '../domain/openChannelList';\nimport type {\n  OpenChannelListFragment,\n  OpenChannelListModule,\n  OpenChannelListProps,\n} from '../domain/openChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModule>): OpenChannelListFragment => {\n  const OpenChannelListModule = createOpenChannelListModule(initModule);\n\n  return ({ onPressCreateChannel, onPressChannel = NOOP, flatListProps, renderOpenChannelPreview, queryCreator }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { openChannels, next, refresh, refreshing, loading, error } = useOpenChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n    });\n\n    const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {\n      if (renderOpenChannelPreview) return renderOpenChannelPreview(props);\n      return (\n        <PressBox activeOpacity={0.8} onPress={() => onPressChannel(props.channel)}>\n          <OpenChannelPreview\n            coverUrl={props.channel.coverUrl}\n            title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}\n            frozen={props.channel.isFrozen}\n            participantsCount={props.channel.participantCount}\n          />\n        </PressBox>\n      );\n    };\n\n    return (\n      <OpenChannelListModule.Provider>\n        <OpenChannelListModule.Header onPressHeaderRight={onPressCreateChannel} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelListModule.List\n            renderOpenChannelPreview={_renderOpenChannelPreview}\n            openChannels={openChannels}\n            onLoadNext={next}\n            refreshing={refreshing}\n            onRefresh={refresh}\n            flatListProps={{\n              ListEmptyComponent: <OpenChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n      </OpenChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ,yCAAyC;AACtF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,SAASC,2BAA2B,QAAQ,2BAA2B;AAMvE,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAEtE,MAAMC,6BAA6B,GAAIC,UAA2C,IAA8B;EAC9G,MAAMC,qBAAqB,GAAGL,2BAA2B,CAACI,UAAU,CAAC;EAErE,OAAOE,IAAA,IAA4G;IAAA,IAA3G;MAAEC,oBAAoB;MAAEC,cAAc,GAAGV,IAAI;MAAEW,aAAa;MAAEC,wBAAwB;MAAEC;IAAa,CAAC,GAAAL,IAAA;IAC5G,MAAM;MAAEM,GAAG;MAAEC;IAAY,CAAC,GAAGX,eAAe,EAAE;IAC9C,MAAM;MAAEY;IAAQ,CAAC,GAAGb,eAAe,EAAE;IACrC,MAAM;MAAEc,YAAY;MAAEC,IAAI;MAAEC,OAAO;MAAEC,UAAU;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAGzB,kBAAkB,CAACiB,GAAG,EAAEC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEQ,MAAM,EAAE;MAC/GV;IACF,CAAC,CAAC;IAEF,MAAMW,yBAAmF,GAAIC,KAAK,IAAK;MACrG,IAAIb,wBAAwB,EAAE,OAAOA,wBAAwB,CAACa,KAAK,CAAC;MACpE,oBACE7B,KAAA,CAAA8B,aAAA,CAAC3B,QAAQ;QAAC4B,aAAa,EAAE,GAAI;QAACC,OAAO,EAAEA,CAAA,KAAMlB,cAAc,CAACe,KAAK,CAACI,OAAO;MAAE,gBACzEjC,KAAA,CAAA8B,aAAA,CAAC5B,kBAAkB;QACjBgC,QAAQ,EAAEL,KAAK,CAACI,OAAO,CAACC,QAAS;QACjCC,KAAK,EAAEf,OAAO,CAACgB,iBAAiB,CAACC,qBAAqB,CAACR,KAAK,CAACI,OAAO,CAAE;QACtEK,MAAM,EAAET,KAAK,CAACI,OAAO,CAACM,QAAS;QAC/BC,iBAAiB,EAAEX,KAAK,CAACI,OAAO,CAACQ;MAAiB,EAClD,CACO;IAEf,CAAC;IAED,oBACEzC,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAAC+B,QAAQ,qBAC7B1C,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACgC,MAAM;MAACC,kBAAkB,EAAE/B;IAAqB,EAAG,eAC1Eb,KAAA,CAAA8B,aAAA,CAACzB,iBAAiB;MAChBoB,OAAO,EAAEA,OAAQ;MACjBoB,gBAAgB,eAAE7C,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACmC,aAAa,OAAI;MAC1DpB,KAAK,EAAEqB,OAAO,CAACrB,KAAK,CAAE;MACtBsB,cAAc,eAAEhD,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACsC,WAAW;QAACC,YAAY,EAAE3B;MAAQ;IAAI,gBAE7EvB,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACwC,IAAI;MACzBnC,wBAAwB,EAAEY,yBAA0B;MACpDP,YAAY,EAAEA,YAAa;MAC3B+B,UAAU,EAAE9B,IAAK;MACjBE,UAAU,EAAEA,UAAW;MACvB6B,SAAS,EAAE9B,OAAQ;MACnBR,aAAa,EAAE;QACbuC,kBAAkB,eAAEtD,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAAC4C,WAAW,OAAG;QACzDC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAE,CAAC;QACtC,GAAG1C;MACL;IAAE,EACF,CACgB,CACW;EAErC,CAAC;AACH,CAAC;AAED,eAAeN,6BAA6B"}

package/lib/module/fragments/createOpenChannelModerationFragment.js

@@ -4,7 +4,6 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { NOOP } from '@sendbird/uikit-utils';
 import { createOpenChannelModerationModule } from '../domain/openChannelModeration';
-
 const createOpenChannelModerationFragment = initModule => {
   const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);
   return _ref => {
@@ -43,7 +42,6 @@ const createOpenChannelModerationFragment = initModule => {
     })));
   };
 };
-
 const styles = createStyleSheet({
   viewContainer: {
     paddingHorizontal: 16

package/lib/module/fragments/createOpenChannelModerationFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createOpenChannelModerationModule","createOpenChannelModerationFragment","initModule","OpenChannelModerationModule","onPressHeaderLeft","channel","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","onPressMenuBannedUsers","left","right","colors","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createOpenChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelModerationModule } from '../domain/openChannelModeration';\nimport type { OpenChannelModerationFragment, OpenChannelModerationModule } from '../domain/openChannelModeration/types';\n\nconst createOpenChannelModerationFragment = (\n  initModule?: Partial<OpenChannelModerationModule>,\n): OpenChannelModerationFragment => {\n  const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMutedParticipants,\n    onPressMenuOperators,\n    menuItemsCreator,\n    onPressMenuBannedUsers,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n\n    return (\n      <OpenChannelModerationModule.Provider channel={channel}>\n        <OpenChannelModerationModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <OpenChannelModerationModule.Menu\n            onPressMenuOperators={onPressMenuOperators}\n            onPressMenuMutedParticipants={onPressMenuMutedParticipants}\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </OpenChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelModerationFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,SAASC,iCAAT,QAAkD,iCAAlD;;AAGA,MAAMC,mCAAmC,GACvCC,UAD0C,IAER;EAClC,MAAMC,2BAA2B,GAAGH,iCAAiC,CAACE,UAAD,CAArE;EAEA,OAAO,QAOD;IAAA,IAPE;MACNE,iBAAiB,GAAGL,IADd;MAENM,OAFM;MAGNC,4BAHM;MAINC,oBAJM;MAKNC,gBALM;MAMNC;IANM,CAOF;IACJ,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkBf,iBAAiB,EAAzC;IACA,MAAM;MAAEgB;IAAF,IAAad,aAAa,EAAhC;IAEA,oBACE,oBAAC,2BAAD,CAA6B,QAA7B;MAAsC,OAAO,EAAEO;IAA/C,gBACE,oBAAC,2BAAD,CAA6B,MAA7B;MAAoC,iBAAiB,EAAED;IAAvD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAES,eAAe,EAAED,MAAM,CAACE;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEL,IAAI,GAAGM,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAER,KAAK,GAAGK,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,2BAAD,CAA6B,IAA7B;MACE,oBAAoB,EAAEX,oBADxB;MAEE,4BAA4B,EAAED,4BAFhC;MAGE,sBAAsB,EAAEG,sBAH1B;MAIE,gBAAgB,EAAED;IAJpB,EAPF,CAFF,CADF;EAmBD,CA9BD;AA+BD,CApCD;;AAsCA,MAAMQ,MAAM,GAAGnB,gBAAgB,CAAC;EAC9BoB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAejB,mCAAf"}
+{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createOpenChannelModerationModule","createOpenChannelModerationFragment","initModule","OpenChannelModerationModule","_ref","onPressHeaderLeft","channel","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","onPressMenuBannedUsers","left","right","colors","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Menu"],"sources":["createOpenChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelModerationModule } from '../domain/openChannelModeration';\nimport type { OpenChannelModerationFragment, OpenChannelModerationModule } from '../domain/openChannelModeration/types';\n\nconst createOpenChannelModerationFragment = (\n  initModule?: Partial<OpenChannelModerationModule>,\n): OpenChannelModerationFragment => {\n  const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMutedParticipants,\n    onPressMenuOperators,\n    menuItemsCreator,\n    onPressMenuBannedUsers,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n\n    return (\n      <OpenChannelModerationModule.Provider channel={channel}>\n        <OpenChannelModerationModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <OpenChannelModerationModule.Menu\n            onPressMenuOperators={onPressMenuOperators}\n            onPressMenuMutedParticipants={onPressMenuMutedParticipants}\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </OpenChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelModerationFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AACzF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,SAASC,iCAAiC,QAAQ,iCAAiC;AAGnF,MAAMC,mCAAmC,GACvCC,UAAiD,IACf;EAClC,MAAMC,2BAA2B,GAAGH,iCAAiC,CAACE,UAAU,CAAC;EAEjF,OAAOE,IAAA,IAOD;IAAA,IAPE;MACNC,iBAAiB,GAAGN,IAAI;MACxBO,OAAO;MACPC,4BAA4B;MAC5BC,oBAAoB;MACpBC,gBAAgB;MAChBC;IACF,CAAC,GAAAN,IAAA;IACC,MAAM;MAAEO,IAAI;MAAEC;IAAM,CAAC,GAAGhB,iBAAiB,EAAE;IAC3C,MAAM;MAAEiB;IAAO,CAAC,GAAGf,aAAa,EAAE;IAElC,oBACEJ,KAAA,CAAAoB,aAAA,CAACX,2BAA2B,CAACY,QAAQ;MAACT,OAAO,EAAEA;IAAQ,gBACrDZ,KAAA,CAAAoB,aAAA,CAACX,2BAA2B,CAACa,MAAM;MAACX,iBAAiB,EAAEA;IAAkB,EAAG,eAC5EX,KAAA,CAAAoB,aAAA,CAACnB,UAAU;MACTsB,KAAK,EAAE;QAAEC,eAAe,EAAEL,MAAM,CAACM;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAEV,IAAI,GAAGW,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEb,KAAK,GAAGU,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEF9B,KAAA,CAAAoB,aAAA,CAACX,2BAA2B,CAACuB,IAAI;MAC/BlB,oBAAoB,EAAEA,oBAAqB;MAC3CD,4BAA4B,EAAEA,4BAA6B;MAC3DG,sBAAsB,EAAEA,sBAAuB;MAC/CD,gBAAgB,EAAEA;IAAiB,EACnC,CACS,CACwB;EAE3C,CAAC;AACH,CAAC;AAED,MAAMa,MAAM,GAAGzB,gBAAgB,CAAC;EAC9B0B,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAevB,mCAAmC"}

package/lib/module/fragments/createOpenChannelMutedParticipantsFragment.js

@@ -6,14 +6,16 @@ import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createOpenChannelMutedParticipantsModule } from '../domain/openChannelMutedParticipants';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
-
 const createOpenChannelMutedParticipantsFragment = initModule => {
   const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);
   return _ref => {
     let {
       onPressHeaderLeft = NOOP,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createMutedUserListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');
     const {
@@ -35,23 +37,18 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
       error,
       next
     } = useUserList(sdk, {
-      queryCreator: () => channel.createMutedUserListQuery({
-        limit: 20
-      })
+      queryCreator
     });
     useChannelHandler(sdk, handlerId, {
       onUserMuted(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         upsertUser(user);
       },
-
       onUserUnmuted(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       }
-
     }, 'open');
-
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -75,7 +72,6 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
         }
       });
     });
-
     return /*#__PURE__*/React.createElement(OpenChannelMutedParticipantsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(OpenChannelMutedParticipantsModule.Header, {
@@ -95,6 +91,5 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelMutedParticipantsFragment;
 //# sourceMappingURL=createOpenChannelMutedParticipantsFragment.js.map

package/lib/module/fragments/createOpenChannelMutedParticipantsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createOpenChannelMutedParticipantsModule","useLocalization","useSendbirdChat","createOpenChannelMutedParticipantsFragment","initModule","OpenChannelMutedParticipantsModule","onPressHeaderLeft","channel","renderUser","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","queryCreator","createMutedUserListQuery","limit","onUserMuted","eventChannel","user","onUserUnmuted","userId","_renderUser","props","isUserOperator","isOperator","profileUrl","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","title","menuItems","UNMUTE","onPress","unmuteUser","then","Boolean"],"sources":["createOpenChannelMutedParticipantsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelMutedParticipantsModule } from '../domain/openChannelMutedParticipants';\nimport type {\n  OpenChannelMutedParticipantsFragment,\n  OpenChannelMutedParticipantsModule,\n} from '../domain/openChannelMutedParticipants/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelMutedParticipantsFragment = (\n  initModule?: Partial<OpenChannelMutedParticipantsModule>,\n): OpenChannelMutedParticipantsFragment => {\n  const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, {\n      queryCreator: () => channel.createMutedUserListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      const isUserOperator = channel.isOperator(user.userId);\n\n      return (\n        <UserActionBar\n          muted\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNMUTE,\n                  onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelMutedParticipantsModule.Provider channel={channel}>\n        <OpenChannelMutedParticipantsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelMutedParticipantsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelMutedParticipantsModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelMutedParticipantsModule.List\n            renderUser={_renderUser}\n            mutedParticipants={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelMutedParticipantsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelMutedParticipantsModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelMutedParticipantsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createOpenChannelMutedParticipantsModule","useLocalization","useSendbirdChat","createOpenChannelMutedParticipantsFragment","initModule","OpenChannelMutedParticipantsModule","_ref","onPressHeaderLeft","channel","renderUser","queryCreator","createMutedUserListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","onUserMuted","eventChannel","user","onUserUnmuted","userId","_renderUser","props","isUserOperator","isOperator","createElement","muted","uri","profileUrl","label","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNMUTE","onPress","unmuteUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","mutedParticipants","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelMutedParticipantsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelMutedParticipantsModule } from '../domain/openChannelMutedParticipants';\nimport type {\n  OpenChannelMutedParticipantsFragment,\n  OpenChannelMutedParticipantsModule,\n} from '../domain/openChannelMutedParticipants/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelMutedParticipantsFragment = (\n  initModule?: Partial<OpenChannelMutedParticipantsModule>,\n): OpenChannelMutedParticipantsFragment => {\n  const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createMutedUserListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, { queryCreator });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      const isUserOperator = channel.isOperator(user.userId);\n\n      return (\n        <UserActionBar\n          muted\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNMUTE,\n                  onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelMutedParticipantsModule.Provider channel={channel}>\n        <OpenChannelMutedParticipantsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelMutedParticipantsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelMutedParticipantsModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelMutedParticipantsModule.List\n            renderUser={_renderUser}\n            mutedParticipants={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelMutedParticipantsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelMutedParticipantsModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelMutedParticipantsFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelOperatorsFragment.js

@@ -7,7 +7,6 @@ import UserActionBar from '../components/UserActionBar';
 import { UNKNOWN_USER_ID } from '../constants';
 import { createOpenChannelOperatorsModule } from '../domain/openChannelOperators';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-
 const createOpenChannelOperatorsFragment = initModule => {
   const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);
   return _ref => {
@@ -15,7 +14,10 @@ const createOpenChannelOperatorsFragment = initModule => {
       onPressHeaderLeft = NOOP,
       onPressHeaderRight = NOOP,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createOperatorListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');
     const {
@@ -40,24 +42,19 @@ const createOpenChannelOperatorsFragment = initModule => {
       next,
       error
     } = useUserList(sdk, {
-      queryCreator: () => channel.createOperatorListQuery({
-        limit: 20
-      })
+      queryCreator
     });
     useChannelHandler(sdk, handlerId, {
       onUserBanned(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
-
       onOperatorUpdated(eventChannel, updatedUsers) {
         if (isDifferentChannel(eventChannel, channel)) return;
         const operatorsAdded = users.length < updatedUsers.length;
         if (operatorsAdded) updatedUsers.forEach(upsertUser);
       }
-
     }, 'open');
-
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -80,7 +77,6 @@ const createOpenChannelOperatorsFragment = initModule => {
         })
       });
     });
-
     return /*#__PURE__*/React.createElement(OpenChannelOperatorsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(OpenChannelOperatorsModule.Header, {
@@ -101,6 +97,5 @@ const createOpenChannelOperatorsFragment = initModule => {
     })));
   };
 };
-
 export default createOpenChannelOperatorsFragment;
 //# sourceMappingURL=createOpenChannelOperatorsFragment.js.map

package/lib/module/fragments/createOpenChannelOperatorsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createOpenChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createOpenChannelOperatorsFragment","initModule","OpenChannelOperatorsModule","onPressHeaderLeft","onPressHeaderRight","channel","renderUser","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","queryCreator","createOperatorListQuery","limit","onUserBanned","eventChannel","user","userId","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","isOperator","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Boolean"],"sources":["createOpenChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelOperatorsModule } from '../domain/openChannelOperators';\nimport type { OpenChannelOperatorsFragment, OpenChannelOperatorsModule } from '../domain/openChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createOpenChannelOperatorsFragment = (\n  initModule?: Partial<OpenChannelOperatorsModule>,\n): OpenChannelOperatorsFragment => {\n  const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, onPressHeaderRight = NOOP, channel, renderUser }) => {\n    const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, {\n      queryCreator: () => channel.createOperatorListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel, updatedUsers) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          const operatorsAdded = users.length < updatedUsers.length;\n          if (operatorsAdded) updatedUsers.forEach(upsertUser);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressAvatar={() => show(user)}\n          onPressActionMenu={ifThenOr(channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID), () => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n                  onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          })}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelOperatorsModule.Provider channel={channel}>\n        <OpenChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelOperatorsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createOpenChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createOpenChannelOperatorsFragment","initModule","OpenChannelOperatorsModule","_ref","onPressHeaderLeft","onPressHeaderRight","channel","renderUser","queryCreator","createOperatorListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","onUserBanned","eventChannel","user","userId","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","isOperator","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelOperatorsModule } from '../domain/openChannelOperators';\nimport type { OpenChannelOperatorsFragment, OpenChannelOperatorsModule } from '../domain/openChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createOpenChannelOperatorsFragment = (\n  initModule?: Partial<OpenChannelOperatorsModule>,\n): OpenChannelOperatorsFragment => {\n  const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createOperatorListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, { queryCreator });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel, updatedUsers) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          const operatorsAdded = users.length < updatedUsers.length;\n          if (operatorsAdded) updatedUsers.forEach(upsertUser);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressAvatar={() => show(user)}\n          onPressActionMenu={ifThenOr(channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID), () => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n                  onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          })}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelOperatorsModule.Provider channel={channel}>\n        <OpenChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelOperatorsFragment;\n"],"mappings":"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"}