@sendbird/uikit-react-native 2.3.0 → 2.4.1

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

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","isDifferentChannel","useFreshCallback","useUniqId","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","HOOK_NAME","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","onPressHeaderLeft","channel","renderUser","uniqId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","loading","refresh","error","next","queryCreator","createMutedUserListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","title","menuItems","UNMUTE","onPress","unmuteUser","then","Boolean"],"sources":["createGroupChannelMutedMembersFragment.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, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';\nimport type {\n  GroupChannelMutedMembersFragment,\n  GroupChannelMutedMembersModule,\n} from '../domain/groupChannelMutedMembers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst HOOK_NAME = 'createGroupChannelMutedMembersFragment';\nconst createGroupChannelMutedMembersFragment = (\n  initModule?: Partial<GroupChannelMutedMembersModule>,\n): GroupChannelMutedMembersFragment => {\n  const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const uniqId = useUniqId(HOOK_NAME);\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, refresh, error, next } = useUserList(sdk, {\n      queryCreator: () => channel.createMutedUserListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\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\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          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      <GroupChannelMutedMembersModule.Provider channel={channel}>\n        <GroupChannelMutedMembersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelMutedMembersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelMutedMembersModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelMutedMembersModule.List\n            mutedMembers={users}\n            onLoadNext={next}\n            renderUser={_renderUser}\n            ListEmptyComponent={<GroupChannelMutedMembersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelMutedMembersModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMutedMembersFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","onPressHeaderLeft","channel","renderUser","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","queryCreator","createMutedUserListQuery","limit","onUserMuted","eventChannel","user","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","title","menuItems","UNMUTE","onPress","unmuteUser","then","Boolean"],"sources":["createGroupChannelMutedMembersFragment.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, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';\nimport type {\n  GroupChannelMutedMembersFragment,\n  GroupChannelMutedMembersModule,\n} from '../domain/groupChannelMutedMembers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelMutedMembersFragment = (\n  initModule?: Partial<GroupChannelMutedMembersModule>,\n): GroupChannelMutedMembersFragment => {\n  const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const handlerId = useUniqHandlerId('GroupChannelMutedMembersFragment');\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(sdk, handlerId, {\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      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\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\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          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      <GroupChannelMutedMembersModule.Provider channel={channel}>\n        <GroupChannelMutedMembersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelMutedMembersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelMutedMembersModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelMutedMembersModule.List\n            mutedMembers={users}\n            onLoadNext={next}\n            renderUser={_renderUser}\n            ListEmptyComponent={<GroupChannelMutedMembersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelMutedMembersModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMutedMembersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelOperatorsFragment.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
-import { ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';
+import { ifOperator, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
 import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
-const name = 'createGroupChannelOperatorsFragment';
 
 const createGroupChannelOperatorsFragment = initModule => {
   const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);
@@ -17,7 +16,7 @@ const createGroupChannelOperatorsFragment = initModule => {
       onPressHeaderRight,
       renderUser
     } = _ref;
-    const uniqId = useUniqId(name);
+    const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');
     const {
       STRINGS
     } = useLocalization();
@@ -44,7 +43,7 @@ const createGroupChannelOperatorsFragment = initModule => {
         limit: 20
       })
     });
-    useChannelHandler(sdk, `${name}_${uniqId}`, {
+    useChannelHandler(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","ifOperator","isDifferentChannel","useFreshCallback","useUniqId","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","name","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","queryCreator","createOperatorListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Boolean"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { ifOperator, isDifferentChannel, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';\nimport type { GroupChannelOperatorsFragment, GroupChannelOperatorsModule } from '../domain/groupChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst name = 'createGroupChannelOperatorsFragment';\nconst createGroupChannelOperatorsFragment = (\n  initModule?: Partial<GroupChannelOperatorsModule>,\n): GroupChannelOperatorsFragment => {\n  const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const uniqId = useUniqId(name);\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(sdk, `${name}_${uniqId}`, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\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\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={ifOperator(channel.myRole, () => {\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      <GroupChannelOperatorsModule.Provider channel={channel}>\n        <GroupChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<GroupChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelOperatorsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","ifOperator","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","queryCreator","createOperatorListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Boolean"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { ifOperator, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';\nimport type { GroupChannelOperatorsFragment, GroupChannelOperatorsModule } from '../domain/groupChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createGroupChannelOperatorsFragment = (\n  initModule?: Partial<GroupChannelOperatorsModule>,\n): GroupChannelOperatorsFragment => {\n  const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);\n\n  return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n    const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');\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(sdk, handlerId, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\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\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={ifOperator(channel.myRole, () => {\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      <GroupChannelOperatorsModule.Provider channel={channel}>\n        <GroupChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<GroupChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<GroupChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <GroupChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<GroupChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </GroupChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelOperatorsFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelBannedUsersFragment.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { useUserList } from '@sendbird/uikit-chat-hooks';
+import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
+import { NOOP, useFreshCallback } from '@sendbird/uikit-utils';
+import StatusComposition from '../components/StatusComposition';
+import UserActionBar from '../components/UserActionBar';
+import { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';
+import { useLocalization, useSendbirdChat } from '../hooks/useContext';
+
+const createOpenChannelBannedUsersFragment = initModule => {
+  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);
+  return _ref => {
+    let {
+      onPressHeaderLeft = NOOP,
+      channel,
+      renderUser
+    } = _ref;
+    const {
+      STRINGS
+    } = useLocalization();
+    const {
+      currentUser,
+      sdk
+    } = useSendbirdChat();
+    const {
+      openMenu
+    } = useActionMenu();
+    const {
+      users,
+      deleteUser,
+      loading,
+      next,
+      refresh,
+      error
+    } = useUserList(sdk, {
+      queryCreator: () => channel.createBannedUserListQuery({
+        limit: 20
+      })
+    });
+
+    const _renderUser = useFreshCallback(props => {
+      if (renderUser) return renderUser(props);
+      const {
+        user
+      } = props;
+      return /*#__PURE__*/React.createElement(UserActionBar, {
+        muted: false,
+        uri: user.profileUrl,
+        name: (user.nickname || STRINGS.LABELS.USER_NO_NAME) + (user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : ''),
+        disabled: user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId),
+        onPressActionMenu: () => {
+          openMenu({
+            title: user.nickname || STRINGS.LABELS.USER_NO_NAME,
+            menuItems: [{
+              title: STRINGS.LABELS.UNBAN,
+              onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId))
+            }]
+          });
+        }
+      });
+    });
+
+    return /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.List, {
+      renderUser: _renderUser,
+      bannedUsers: users,
+      onLoadNext: next,
+      ListEmptyComponent: /*#__PURE__*/React.createElement(OpenChannelBannedUsersModule.StatusEmpty, null)
+    })));
+  };
+};
+
+export default createOpenChannelBannedUsersFragment;
+//# sourceMappingURL=createOpenChannelBannedUsersFragment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useUserList","useActionMenu","NOOP","useFreshCallback","StatusComposition","UserActionBar","createOpenChannelBannedUsersModule","useLocalization","useSendbirdChat","createOpenChannelBannedUsersFragment","initModule","OpenChannelBannedUsersModule","onPressHeaderLeft","channel","renderUser","STRINGS","currentUser","sdk","openMenu","users","deleteUser","loading","next","refresh","error","queryCreator","createBannedUserListQuery","limit","_renderUser","props","user","profileUrl","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","title","menuItems","UNBAN","onPress","unbanUser","then","Boolean"],"sources":["createOpenChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';\nimport type {\n  OpenChannelBannedUsersFragment,\n  OpenChannelBannedUsersModule,\n} from '../domain/openChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelBannedUsersFragment = (\n  initModule?: Partial<OpenChannelBannedUsersModule>,\n): OpenChannelBannedUsersFragment => {\n  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, {\n      queryCreator: () => channel.createBannedUserListQuery({ limit: 20 }),\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\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          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelBannedUsersModule.Provider channel={channel}>\n        <OpenChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelBannedUsersModule.List\n            renderUser={_renderUser}\n            bannedUsers={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelBannedUsersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelBannedUsersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createOpenChannelCreateFragment.js

@@ -0,0 +1,69 @@
+import React, { useState } from 'react';
+import { StyleSheet } from 'react-native';
+import { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { NOOP, PASS } from '@sendbird/uikit-utils';
+import { createOpenChannelCreateModule } from '../domain/openChannelCreate';
+import { useSendbirdChat } from '../hooks/useContext';
+
+const createOpenChannelCreateFragment = initModule => {
+  const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);
+  return _ref => {
+    let {
+      onPressHeaderLeft = NOOP,
+      onBeforeCreateChannel = PASS,
+      onCreateChannel
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = useSendbirdChat();
+    const {
+      palette
+    } = useUIKitTheme();
+    const [loading, setLoading] = useState(false);
+    const [channelName, setChannelName] = useState('');
+    const [channelCoverFile, setChannelCoverFile] = useState(undefined);
+
+    const shouldActivateHeaderRight = () => {
+      return Boolean(currentUser) && channelName.trim() !== '';
+    };
+
+    const onPressHeaderRight = async () => {
+      if (currentUser) {
+        try {
+          setLoading(true);
+          const params = {
+            name: channelName,
+            operatorUserIds: [currentUser.userId]
+          };
+          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;
+          const processedParams = await onBeforeCreateChannel(params);
+          const channel = await sdk.openChannel.createChannel(processedParams);
+          setLoading(false);
+          onCreateChannel(channel);
+        } catch {
+          setLoading(false);
+        }
+      }
+    };
+
+    return /*#__PURE__*/React.createElement(OpenChannelCreateModule.Provider, null, /*#__PURE__*/React.createElement(OpenChannelCreateModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: onPressHeaderRight,
+      shouldActivateHeaderRight: shouldActivateHeaderRight
+    }), /*#__PURE__*/React.createElement(OpenChannelCreateModule.ProfileInput, {
+      channelName: channelName,
+      onChangeChannelName: setChannelName,
+      channelCoverFile: channelCoverFile,
+      onChangeChannelCoverFile: setChannelCoverFile
+    }), loading && /*#__PURE__*/React.createElement(Box, {
+      backgroundColor: palette.transparent,
+      style: StyleSheet.absoluteFill,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, /*#__PURE__*/React.createElement(OpenChannelCreateModule.StatusLoading, null)));
+  };
+};
+
+export default createOpenChannelCreateFragment;
+//# sourceMappingURL=createOpenChannelCreateFragment.js.map

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

@@ -0,0 +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"}

package/lib/module/fragments/createOpenChannelFragment.js

@@ -0,0 +1,153 @@
+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 { SendbirdError } from '@sendbird/chat';
+import { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';
+import { useToast } from '@sendbird/uikit-react-native-foundation';
+import { NOOP, PASS, SBErrorCode, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';
+import OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';
+import ScrollToBottomButton from '../components/ScrollToBottomButton';
+import StatusComposition from '../components/StatusComposition';
+import { UNKNOWN_USER_ID } from '../constants';
+import { createOpenChannelModule } from '../domain/openChannel';
+import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
+
+const createOpenChannelFragment = initModule => {
+  const OpenChannelModule = createOpenChannelModule(initModule);
+  return _ref => {
+    let {
+      channel,
+      onChannelDeleted = NOOP,
+      onPressHeaderLeft = NOOP,
+      onPressHeaderRightWithSettings = NOOP,
+      onPressHeaderRightWithParticipants = NOOP,
+      onBeforeSendUserMessage = PASS,
+      onBeforeSendFileMessage = PASS,
+      onBeforeUpdateUserMessage = PASS,
+      onBeforeUpdateFileMessage = PASS,
+      onPressMediaMessage = NOOP,
+      renderMessage,
+      renderNewMessagesButton = () => null,
+      renderScrollToBottomButton = props => /*#__PURE__*/React.createElement(ScrollToBottomButton, props),
+      enableMessageGrouping = true,
+      keyboardAvoidOffset,
+      flatListProps,
+      queryCreator,
+      sortComparator = messageComparator
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = useSendbirdChat();
+    const {
+      STRINGS
+    } = useLocalization();
+    const {
+      show: showToast
+    } = useToast();
+    const {
+      show: showUserProfile
+    } = useUserProfile();
+    const {
+      messages,
+      nextMessages,
+      newMessagesFromMembers,
+      next,
+      prev,
+      sendFileMessage,
+      sendUserMessage,
+      updateFileMessage,
+      updateUserMessage,
+      resendMessage,
+      deleteMessage,
+      loading
+    } = useOpenChannelMessages(sdk, channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
+      queryCreator,
+      sortComparator,
+      onChannelDeleted,
+
+      onError(error) {
+        if (error instanceof SendbirdError) {
+          switch (error.code) {
+            case SBErrorCode.CHANNEL_NOT_FOUND_SDK:
+            case SBErrorCode.CHANNEL_NOT_FOUND_SERVER:
+              {
+                return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');
+              }
+          }
+        }
+
+        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');
+      }
+
+    });
+    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: {
+        flexGrow: 1
+      },
+      ...flatListProps
+    }), [loading, flatListProps]);
+    const onPressSendUserMessage = useFreshCallback(async params => {
+      const processedParams = await onBeforeSendUserMessage(params);
+      await sendUserMessage(processedParams);
+    });
+    const onPressSendFileMessage = useFreshCallback(async params => {
+      const processedParams = await onBeforeSendFileMessage(params);
+      await sendFileMessage(processedParams);
+    });
+    const onPressUpdateUserMessage = useFreshCallback(async (message, params) => {
+      const processedParams = await onBeforeUpdateUserMessage(params);
+      await updateUserMessage(message.messageId, processedParams);
+    });
+    const onPressUpdateFileMessage = useFreshCallback(async (message, params) => {
+      const processedParams = await onBeforeUpdateFileMessage(params);
+      await updateFileMessage(message.messageId, processedParams);
+    });
+    return /*#__PURE__*/React.createElement(OpenChannelModule.Provider, {
+      channel: channel,
+      keyboardAvoidOffset: keyboardAvoidOffset
+    }, /*#__PURE__*/React.createElement(OpenChannelModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      rightIconName: isOperator ? 'info' : 'members',
+      onPressHeaderRight: isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/React.createElement(OpenChannelModule.StatusLoading, null)
+    }, /*#__PURE__*/React.createElement(OpenChannelModule.MessageList, {
+      channel: channel,
+      enableMessageGrouping: enableMessageGrouping,
+      currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
+      renderMessage: _renderMessage,
+      messages: messages,
+      nextMessages: nextMessages,
+      newMessagesFromMembers: newMessagesFromMembers,
+      onTopReached: prev,
+      onBottomReached: next,
+      renderNewMessagesButton: renderNewMessagesButton,
+      renderScrollToBottomButton: renderScrollToBottomButton,
+      onResendFailedMessage: resendMessage,
+      onDeleteMessage: deleteMessage,
+      onPressMediaMessage: onPressMediaMessage,
+      flatListProps: memoizedFlatListProps
+    }), /*#__PURE__*/React.createElement(OpenChannelModule.Input, {
+      shouldRenderInput: true,
+      onPressSendUserMessage: onPressSendUserMessage,
+      onPressSendFileMessage: onPressSendFileMessage,
+      onPressUpdateUserMessage: onPressUpdateUserMessage,
+      onPressUpdateFileMessage: onPressUpdateFileMessage
+    })));
+  };
+};
+
+export default createOpenChannelFragment;
+//# sourceMappingURL=createOpenChannelFragment.js.map

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

@@ -0,0 +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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"}

package/lib/module/fragments/createOpenChannelListFragment.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { useOpenChannelList } from '@sendbird/uikit-chat-hooks';
+import { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';
+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 => {
+    let {
+      onPressCreateChannel,
+      onPressChannel = NOOP,
+      flatListProps,
+      renderOpenChannelPreview,
+      queryCreator
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = useSendbirdChat();
+    const {
+      STRINGS
+    } = useLocalization();
+    const {
+      openChannels,
+      next,
+      refresh,
+      refreshing,
+      loading,
+      error
+    } = 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, {
+        activeOpacity: 0.8,
+        onPress: () => onPressChannel(props.channel)
+      }, /*#__PURE__*/React.createElement(OpenChannelPreview, {
+        coverUrl: props.channel.coverUrl,
+        title: STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel),
+        frozen: props.channel.isFrozen,
+        participantsCount: props.channel.participantCount
+      }));
+    };
+
+    return /*#__PURE__*/React.createElement(OpenChannelListModule.Provider, null, /*#__PURE__*/React.createElement(OpenChannelListModule.Header, {
+      onPressHeaderRight: onPressCreateChannel
+    }), /*#__PURE__*/React.createElement(StatusComposition, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/React.createElement(OpenChannelListModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/React.createElement(OpenChannelListModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/React.createElement(OpenChannelListModule.List, {
+      renderOpenChannelPreview: _renderOpenChannelPreview,
+      openChannels: openChannels,
+      onLoadNext: next,
+      refreshing: refreshing,
+      onRefresh: refresh,
+      flatListProps: {
+        ListEmptyComponent: /*#__PURE__*/React.createElement(OpenChannelListModule.StatusEmpty, null),
+        contentContainerStyle: {
+          flexGrow: 1
+        },
+        ...flatListProps
+      }
+    })));
+  };
+};
+
+export default createOpenChannelListFragment;
+//# sourceMappingURL=createOpenChannelListFragment.js.map

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

@@ -0,0 +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"}

package/lib/module/fragments/createOpenChannelModerationFragment.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+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 => {
+    let {
+      onPressHeaderLeft = NOOP,
+      channel,
+      onPressMenuMutedParticipants,
+      onPressMenuOperators,
+      menuItemsCreator,
+      onPressMenuBannedUsers
+    } = _ref;
+    const {
+      left,
+      right
+    } = useSafeAreaInsets();
+    const {
+      colors
+    } = useUIKitTheme();
+    return /*#__PURE__*/React.createElement(OpenChannelModerationModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/React.createElement(OpenChannelModerationModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/React.createElement(ScrollView, {
+      style: {
+        backgroundColor: colors.background
+      },
+      contentContainerStyle: {
+        paddingLeft: left + styles.viewContainer.paddingHorizontal,
+        paddingRight: right + styles.viewContainer.paddingHorizontal
+      }
+    }, /*#__PURE__*/React.createElement(OpenChannelModerationModule.Menu, {
+      onPressMenuOperators: onPressMenuOperators,
+      onPressMenuMutedParticipants: onPressMenuMutedParticipants,
+      onPressMenuBannedUsers: onPressMenuBannedUsers,
+      menuItemsCreator: menuItemsCreator
+    })));
+  };
+};
+
+const styles = createStyleSheet({
+  viewContainer: {
+    paddingHorizontal: 16
+  }
+});
+export default createOpenChannelModerationFragment;
+//# sourceMappingURL=createOpenChannelModerationFragment.js.map