npm - @sendbird/uikit-react-native - Versions diffs - 2.4.1 → 2.4.2 - Mend

@sendbird/uikit-react-native 2.4.1 → 2.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (905) hide show

package/lib/module/fragments/createGroupChannelMembersFragment.js CHANGED Viewed

@@ -6,9 +6,7 @@ import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
 const RETURN_EMPTY_STRING = () => '';
 const createGroupChannelMembersFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
   return _ref => {
@@ -16,7 +14,11 @@ const createGroupChannelMembersFragment = initModule => {
       channel,
       onPressHeaderLeft,
       onPressHeaderRight,
-      renderUser
+      renderUser,
+      sortComparator,
+      queryCreator = () => channel.createMemberListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = useUniqHandlerId('GroupChannelMembersFragment');
     const refreshSchedule = useRef();
@@ -42,53 +44,44 @@ const createGroupChannelMembersFragment = initModule => {
       upsertUser,
       deleteUser
     } = useUserList(sdk, {
-      queryCreator: () => channel.createMemberListQuery({
-        limit: 20
-      })
+      queryCreator,
+      sortComparator
     });
     useChannelHandler(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
       onUserBanned(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
       onOperatorUpdated(eventChannel) {
         if (isDifferentChannel(eventChannel, channel)) return;
         if (refreshSchedule.current) clearTimeout(refreshSchedule.current);
         refreshSchedule.current = setTimeout(() => refresh(), 500);
       },
       onUserMuted(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;
         const memberFromChannel = eventChannel.members.find(it => it.userId === user.userId);
         if (memberFromChannel) return upsertUser(memberFromChannel);
         const memberFromList = users.find(it => it.userId === user.userId);
         if (memberFromList) {
           memberFromList.isMuted = true;
           upsertUser(memberFromList);
         }
       },
       onUserUnmuted(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;
         const memberFromChannel = eventChannel.members.find(it => it.userId === user.userId);
         if (memberFromChannel) return upsertUser(memberFromChannel);
         const memberFromList = users.find(it => it.userId === user.userId);
         if (memberFromList) {
           memberFromList.isMuted = false;
           upsertUser(memberFromList);
         }
       }
     });
     const _renderUser = useFreshCallback((user, selectedUsers, setSelectedUsers) => {
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
       return /*#__PURE__*/React.createElement(UserActionBar, {
@@ -103,14 +96,12 @@ const createGroupChannelMembersFragment = initModule => {
             title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),
             onPress: ifOperator(user.role, () => channel.removeOperators([user.userId]), () => channel.addOperators([user.userId]))
           });
           if (!channel.isBroadcast) {
             menuItems.push({
               title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
               onPress: ifThenOr(user.isMuted, () => channel.unmuteUser(user), () => channel.muteUser(user))
             });
           }
           menuItems.push({
             title: STRINGS.LABELS.BAN,
             style: 'destructive',
@@ -124,7 +115,6 @@ const createGroupChannelMembersFragment = initModule => {
         onPressAvatar: () => show(user)
       });
     });
     return /*#__PURE__*/React.createElement(UserListModule.Provider, {
       headerRight: RETURN_EMPTY_STRING,
       headerTitle: STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE
@@ -150,6 +140,5 @@ const createGroupChannelMembersFragment = initModule => {
     })));
   };
 };
 export default createGroupChannelMembersFragment;
 //# sourceMappingURL=createGroupChannelMembersFragment.js.map

package/lib/module/fragments/createGroupChannelMembersFragment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useRef","useChannelHandler","useUserList","Icon","useActionMenu","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","queryCreator","createMemberListQuery","limit","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","profileUrl","role","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Boolean"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\n\nconst createGroupChannelMembersFragment = (\n initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment<SendbirdMember> => {\n const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n return ({ channel, onPressHeaderLeft, onPressHeaderRight, renderUser }) => {\n const handlerId = useUniqHandlerId('GroupChannelMembersFragment');\n\n const refreshSchedule = useRef<NodeJS.Timeout>();\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { openMenu } = useActionMenu();\n const { show } = useUserProfile();\n\n const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n queryCreator: () => channel.createMemberListQuery({ 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) {\n if (isDifferentChannel(eventChannel, channel)) return;\n if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n refreshSchedule.current = setTimeout(() => refresh(), 500);\n },\n onUserMuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel) \|\| !eventChannel.isGroupChannel()) return;\n\n const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n if (memberFromChannel) return upsertUser(memberFromChannel);\n\n const memberFromList = users.find((it) => it.userId === user.userId);\n if (memberFromList) {\n memberFromList.isMuted = true;\n upsertUser(memberFromList);\n }\n },\n onUserUnmuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel) \|\| !eventChannel.isGroupChannel()) return;\n\n const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n if (memberFromChannel) return upsertUser(memberFromChannel);\n\n const memberFromList = users.find((it) => it.userId === user.userId);\n if (memberFromList) {\n memberFromList.isMuted = false;\n upsertUser(memberFromList);\n }\n },\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n return (\n <UserActionBar\n muted={user.isMuted}\n uri={user.profileUrl}\n label={user.role === 'operator' ? 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={ifOperator(channel.myRole, () => {\n const menuItems: ActionMenuItem['menuItems'] = [];\n\n menuItems.push({\n title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n onPress: ifOperator(\n user.role,\n () => channel.removeOperators([user.userId]),\n () => channel.addOperators([user.userId]),\n ),\n });\n\n if (!channel.isBroadcast) {\n menuItems.push({\n title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n onPress: ifThenOr(\n user.isMuted,\n () => channel.unmuteUser(user),\n () => channel.muteUser(user),\n ),\n });\n }\n\n menuItems.push({\n title: STRINGS.LABELS.BAN,\n style: 'destructive',\n onPress: () => channel.banUser(user),\n });\n\n openMenu({ title: user.nickname \|\| STRINGS.LABELS.USER_NO_NAME, menuItems });\n })}\n onPressAvatar={() => show(user)}\n />\n );\n });\n\n return (\n <UserListModule.Provider\n headerRight={RETURN_EMPTY_STRING}\n headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}\n >\n <UserListModule.Header\n shouldActivateHeaderRight={() => true}\n onPressHeaderLeft={onPressHeaderLeft}\n right={<Icon icon={'plus'} />}\n onPressHeaderRight={async () => onPressHeaderRight()}\n />\n <StatusComposition\n loading={loading}\n LoadingComponent={<UserListModule.StatusLoading />}\n error={Boolean(error)}\n ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n >\n <UserListModule.List\n users={users}\n renderUser={_renderUser}\n onLoadNext={next}\n ListEmptyComponent={<UserListModule.StatusEmpty />}\n />\n </StatusComposition>\n </UserListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useRef","useChannelHandler","useUserList","Icon","useActionMenu","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","_ref","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\n\nconst createGroupChannelMembersFragment = (\n initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment => {\n const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n return ({\n channel,\n onPressHeaderLeft,\n onPressHeaderRight,\n renderUser,\n sortComparator,\n queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\n }) => {\n const handlerId = useUniqHandlerId('GroupChannelMembersFragment');\n\n const refreshSchedule = useRef<NodeJS.Timeout>();\n const { STRINGS } = useLocalization();\n const { sdk, currentUser } = useSendbirdChat();\n const { openMenu } = useActionMenu();\n const { show } = useUserProfile();\n\n const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n queryCreator,\n sortComparator,\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) {\n if (isDifferentChannel(eventChannel, channel)) return;\n if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n refreshSchedule.current = setTimeout(() => refresh(), 500);\n },\n onUserMuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel) \|\| !eventChannel.isGroupChannel()) return;\n\n const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n if (memberFromChannel) return upsertUser(memberFromChannel);\n\n const memberFromList = users.find((it) => it.userId === user.userId);\n if (memberFromList) {\n memberFromList.isMuted = true;\n upsertUser(memberFromList);\n }\n },\n onUserUnmuted(eventChannel, user) {\n if (isDifferentChannel(eventChannel, channel) \|\| !eventChannel.isGroupChannel()) return;\n\n const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n if (memberFromChannel) return upsertUser(memberFromChannel);\n\n const memberFromList = users.find((it) => it.userId === user.userId);\n if (memberFromList) {\n memberFromList.isMuted = false;\n upsertUser(memberFromList);\n }\n },\n });\n\n const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n return (\n <UserActionBar\n muted={user.isMuted}\n uri={user.profileUrl}\n label={user.role === 'operator' ? 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={ifOperator(channel.myRole, () => {\n const menuItems: ActionMenuItem['menuItems'] = [];\n\n menuItems.push({\n title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n onPress: ifOperator(\n user.role,\n () => channel.removeOperators([user.userId]),\n () => channel.addOperators([user.userId]),\n ),\n });\n\n if (!channel.isBroadcast) {\n menuItems.push({\n title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n onPress: ifThenOr(\n user.isMuted,\n () => channel.unmuteUser(user),\n () => channel.muteUser(user),\n ),\n });\n }\n\n menuItems.push({\n title: STRINGS.LABELS.BAN,\n style: 'destructive',\n onPress: () => channel.banUser(user),\n });\n\n openMenu({ title: user.nickname \|\| STRINGS.LABELS.USER_NO_NAME, menuItems });\n })}\n onPressAvatar={() => show(user)}\n />\n );\n });\n\n return (\n <UserListModule.Provider\n headerRight={RETURN_EMPTY_STRING}\n headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}\n >\n <UserListModule.Header\n shouldActivateHeaderRight={() => true}\n onPressHeaderLeft={onPressHeaderLeft}\n right={<Icon icon={'plus'} />}\n onPressHeaderRight={async () => onPressHeaderRight()}\n />\n <StatusComposition\n loading={loading}\n LoadingComponent={<UserListModule.StatusLoading />}\n error={Boolean(error)}\n ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n >\n <UserListModule.List\n users={users}\n renderUser={_renderUser}\n onLoadNext={next}\n ListEmptyComponent={<UserListModule.StatusEmpty />}\n />\n </StatusComposition>\n </UserListModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}

package/lib/module/fragments/createGroupChannelModerationFragment.js CHANGED Viewed

@@ -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 { createGroupChannelModerationModule } from '../domain/groupChannelModeration';
 const createGroupChannelModerationFragment = initModule => {
   const GroupChannelModerationModule = createGroupChannelModerationModule(initModule);
   return _ref => {
@@ -43,7 +42,6 @@ const createGroupChannelModerationFragment = initModule => {
     })));
   };
 };
 const styles = createStyleSheet({
   viewContainer: {
     paddingHorizontal: 16

package/lib/module/fragments/createGroupChannelModerationFragment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelModerationModule","createGroupChannelModerationFragment","initModule","GroupChannelModerationModule","channel","onPressHeaderLeft","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","left","right","colors","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createGroupChannelModerationFragment.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 { createGroupChannelModerationModule } from '../domain/groupChannelModeration';\nimport type {\n GroupChannelModerationFragment,\n GroupChannelModerationModule,\n} from '../domain/groupChannelModeration/types';\n\nconst createGroupChannelModerationFragment = (\n initModule?: Partial<GroupChannelModerationModule>,\n): GroupChannelModerationFragment => {\n const GroupChannelModerationModule = createGroupChannelModerationModule(initModule);\n\n return ({\n channel,\n onPressHeaderLeft = NOOP,\n onPressMenuBannedUsers,\n onPressMenuMutedMembers,\n onPressMenuOperators,\n menuItemsCreator,\n }) => {\n const { left, right } = useSafeAreaInsets();\n const { colors } = useUIKitTheme();\n return (\n <GroupChannelModerationModule.Provider channel={channel}>\n <GroupChannelModerationModule.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 <GroupChannelModerationModule.Menu\n onPressMenuBannedUsers={onPressMenuBannedUsers}\n onPressMenuMutedMembers={onPressMenuMutedMembers}\n onPressMenuOperators={onPressMenuOperators}\n menuItemsCreator={menuItemsCreator}\n />\n </ScrollView>\n </GroupChannelModerationModule.Provider>\n );\n };\n};\n\nconst styles = createStyleSheet({\n viewContainer: {\n paddingHorizontal: 16,\n },\n});\n\nexport default createGroupChannelModerationFragment;\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,~~kCAAT~~,~~QAAmD~~,~~kCAAnD;;AAMA~~,MAAMC,oCAAoC,GACxCC,~~UAD2C~~,~~IAER~~;EACnC,MAAMC,4BAA4B,GAAGH,kCAAkC,CAACE,~~UAAD~~,~~CAAvE~~;~~EAEA~~,~~OAAO~~,~~QAOD~~;IAAA,IAPE;~~MACNE~~,~~OADM~~;~~MAENC~~,iBAAiB,~~GAAGN~~,~~IAFd~~;~~MAGNO~~,~~sBAHM~~;~~MAINC~~,~~uBAJM~~;~~MAKNC~~,~~oBALM~~;~~MAMNC~~;~~IANM~~,~~CAOF~~;~~IACJ~~,MAAM;~~MAAEC~~,~~IAAF~~;~~MAAQC~~;~~IAAR~~,~~IAAkBf~~,iBAAiB,~~EAAzC~~;~~IACA~~,MAAM;~~MAAEgB~~;~~IAAF~~,~~IAAad~~,aAAa,~~EAAhC~~;~~IACA~~,~~oBACE~~,~~oBAAC~~,~~4BAAD~~,~~CAA8B~~,~~QAA9B~~;~~MAAuC~~,OAAO,~~EAAEM~~;~~IAAhD~~,~~gBACE~~,~~oBAAC~~,~~4BAAD~~,~~CAA8B~~,~~MAA9B~~;~~MAAqC~~,iBAAiB,~~EAAEC~~;~~IAAxD~~,~~EADF~~,~~eAEE~~,~~oBAAC~~,~~UAAD~~;~~MACE~~,KAAK,EAAE;~~QAAEQ~~,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~~,~~4BAAD~~,~~CAA8B~~,~~IAA9B~~;~~MACE~~,sBAAsB,~~EAAEZ~~,~~sBAD1B~~;~~MAEE~~,uBAAuB,~~EAAEC~~,~~uBAF3B~~;~~MAGE~~,oBAAoB,~~EAAEC~~,~~oBAHxB~~;~~MAIE~~,gBAAgB,~~EAAEC~~;~~IAJpB~~,~~EAPF~~,~~CAFF~~,~~CADF~~;~~EAmBD~~,~~CA7BD~~;~~AA8BD~~,~~CAnCD;;AAqCA~~,~~MAAMO~~,MAAM,~~GAAGnB~~,gBAAgB,CAAC;~~EAC9BoB~~,aAAa,EAAE;IACbC,iBAAiB,EAAE;~~EADN~~;~~AADe~~,~~CAAD~~,~~CAA/B~~;~~AAMA~~,~~eAAejB~~,~~oCAAf~~"}
1	+ {"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelModerationModule","createGroupChannelModerationFragment","initModule","GroupChannelModerationModule","_ref","channel","onPressHeaderLeft","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","left","right","colors","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Menu"],"sources":["createGroupChannelModerationFragment.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 { createGroupChannelModerationModule } from '../domain/groupChannelModeration';\nimport type {\n GroupChannelModerationFragment,\n GroupChannelModerationModule,\n} from '../domain/groupChannelModeration/types';\n\nconst createGroupChannelModerationFragment = (\n initModule?: Partial<GroupChannelModerationModule>,\n): GroupChannelModerationFragment => {\n const GroupChannelModerationModule = createGroupChannelModerationModule(initModule);\n\n return ({\n channel,\n onPressHeaderLeft = NOOP,\n onPressMenuBannedUsers,\n onPressMenuMutedMembers,\n onPressMenuOperators,\n menuItemsCreator,\n }) => {\n const { left, right } = useSafeAreaInsets();\n const { colors } = useUIKitTheme();\n return (\n <GroupChannelModerationModule.Provider channel={channel}>\n <GroupChannelModerationModule.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 <GroupChannelModerationModule.Menu\n onPressMenuBannedUsers={onPressMenuBannedUsers}\n onPressMenuMutedMembers={onPressMenuMutedMembers}\n onPressMenuOperators={onPressMenuOperators}\n menuItemsCreator={menuItemsCreator}\n />\n </ScrollView>\n </GroupChannelModerationModule.Provider>\n );\n };\n};\n\nconst styles = createStyleSheet({\n viewContainer: {\n paddingHorizontal: 16,\n },\n});\n\nexport default createGroupChannelModerationFragment;\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,kCAAkC,QAAQ,kCAAkC;AAMrF,MAAMC,oCAAoC,GACxCC,UAAkD,IACf;EACnC,MAAMC,4BAA4B,GAAGH,kCAAkC,CAACE,UAAU,CAAC;EAEnF,OAAOE,IAAA,IAOD;IAAA,IAPE;MACNC,OAAO;MACPC,iBAAiB,GAAGP,IAAI;MACxBQ,sBAAsB;MACtBC,uBAAuB;MACvBC,oBAAoB;MACpBC;IACF,CAAC,GAAAN,IAAA;IACC,MAAM;MAAEO,IAAI;MAAEC;IAAM,CAAC,GAAGhB,iBAAiB,EAAE;IAC3C,MAAM;MAAEiB;IAAO,CAAC,GAAGf,aAAa,EAAE;IAClC,oBACEJ,KAAA,CAAAoB,aAAA,CAACX,4BAA4B,CAACY,QAAQ;MAACV,OAAO,EAAEA;IAAQ,gBACtDX,KAAA,CAAAoB,aAAA,CAACX,4BAA4B,CAACa,MAAM;MAACV,iBAAiB,EAAEA;IAAkB,EAAG,eAC7EZ,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,4BAA4B,CAACuB,IAAI;MAChCnB,sBAAsB,EAAEA,sBAAuB;MAC/CC,uBAAuB,EAAEA,uBAAwB;MACjDC,oBAAoB,EAAEA,oBAAqB;MAC3CC,gBAAgB,EAAEA;IAAiB,EACnC,CACS,CACyB;EAE5C,CAAC;AACH,CAAC;AAED,MAAMY,MAAM,GAAGzB,gBAAgB,CAAC;EAC9B0B,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAevB,oCAAoC"}

package/lib/module/fragments/createGroupChannelMutedMembersFragment.js CHANGED Viewed

@@ -6,14 +6,16 @@ import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelMutedMembersModule } from '../domain/groupChannelMutedMembers';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 const createGroupChannelMutedMembersFragment = initModule => {
   const GroupChannelMutedMembersModule = createGroupChannelMutedMembersModule(initModule);
   return _ref => {
     let {
       onPressHeaderLeft = NOOP,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createMutedUserListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = useUniqHandlerId('GroupChannelMutedMembersFragment');
     const {
@@ -35,33 +37,26 @@ const createGroupChannelMutedMembersFragment = 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);
       },
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
       onUserBanned(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       }
     });
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -83,7 +78,6 @@ const createGroupChannelMutedMembersFragment = initModule => {
         }
       });
     });
     return /*#__PURE__*/React.createElement(GroupChannelMutedMembersModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(GroupChannelMutedMembersModule.Header, {
@@ -103,6 +97,5 @@ const createGroupChannelMutedMembersFragment = initModule => {
     })));
   };
 };
 export default createGroupChannelMutedMembersFragment;
 //# sourceMappingURL=createGroupChannelMutedMembersFragment.js.map

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

	@@ -1 +1 @@
1	- {"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":"AAAA,OAAOA,~~KAAP~~,~~MAAkB~~,~~OAAlB~~;~~AAEA~~,SAASC,~~iBAAT~~,~~EAA4BC~~,~~WAA5B~~,~~QAA+C~~,~~4BAA/C~~;~~AACA~~,SAASC,~~aAAT~~,~~QAA8B~~,~~yCAA9B~~;~~AACA~~,SAASC,~~IAAT~~,~~EAAeC~~,~~kBAAf~~,~~EAAmCC~~,~~gBAAnC~~,~~EAAqDC~~,~~gBAArD~~,~~QAA6E~~,~~uBAA7E~~;~~AAEA~~,OAAOC,~~iBAAP~~,~~MAA8B~~,~~iCAA9B~~;~~AACA~~,OAAOC,~~aAAP~~,~~MAA0B~~,~~6BAA1B~~;~~AACA~~,SAASC,~~oCAAT~~,~~QAAqD~~,~~oCAArD~~;~~AAKA~~,SAASC,~~eAAT~~,~~EAA0BC~~,~~eAA1B~~,~~QAAiD~~,~~qBAAjD;;AAEA~~,MAAMC,sCAAsC,GAC1CC,~~UAD6C~~,~~IAER~~;EACrC,MAAMC,8BAA8B,GAAGL,oCAAoC,CAACI,~~UAAD~~,~~CAA3E~~;~~EAEA~~,~~OAAO~~,~~QAAuD~~;IAAA,~~IAAtD~~;~~MAAEE~~,iBAAiB,~~GAAGZ~~,~~IAAtB~~;~~MAA4Ba~~,~~OAA5B~~;~~MAAqCC~~;~~IAArC~~,~~CAAsD~~;~~IAC5D~~,~~MAAMC~~,SAAS,~~GAAGZ~~,gBAAgB,CAAC,~~kCAAD~~,~~CAAlC~~;~~IAEA~~,MAAM;~~MAAEa~~;~~IAAF~~,~~IAAcT~~,eAAe,~~EAAnC~~;~~IACA~~,MAAM;~~MAAEU~~,~~GAAF~~;~~MAAOC~~;~~IAAP~~,~~IAAuBV~~,eAAe,~~EAA5C~~;~~IACA~~,MAAM;~~MAAEW~~;~~IAAF~~,~~IAAepB~~,aAAa,~~EAAlC~~;~~IAEA~~,MAAM;~~MAAEqB~~,~~KAAF~~;~~MAASC~~,~~UAAT~~;~~MAAqBC~~,~~UAArB~~;~~MAAiCC~~,~~OAAjC~~;~~MAA0CC~~,~~OAA1C~~;~~MAAmDC~~,~~KAAnD~~;~~MAA0DC~~;~~IAA1D~~,~~IAAmE5B~~,WAAW,~~CAACmB~~,~~GAAD~~,~~EAAM;MACxFU,YAAY,~~EAAE~~,MAAMd,OAAO,CAACe,wBAAR,CAAiC~~;~~QAAEC,KAAK,EAAE~~;~~MAAT~~,~~CAAjC;IADoE~~,~~CAAN,CAApF~~;~~IAIAhC~~,iBAAiB,~~CAACoB~~,~~GAAD~~,~~EAAMF~~,~~SAAN~~,~~EAAiB~~;~~MAChCe~~,~~WAAW~~,CAACC,~~YAAD~~,~~EAAeC~~,~~IAAf~~,~~EAAqB~~;QAC9B,~~IAAI/B~~,kBAAkB,~~CAAC8B~~,~~YAAD~~,~~EAAelB~~,~~OAAf~~,~~CAAtB~~,~~EAA+C~~;QAC/CS,UAAU,~~CAACU~~,~~IAAD~~,~~CAAV~~;~~MACD~~,~~CAJ+B;;MAKhCC~~,~~aAAa~~,CAACF,~~YAAD~~,~~EAAeC~~,~~IAAf~~,~~EAAqB~~;QAChC,~~IAAI/B~~,kBAAkB,~~CAAC8B~~,~~YAAD~~,~~EAAelB~~,~~OAAf~~,~~CAAtB~~,~~EAA+C~~;QAC/CQ,UAAU,~~CAACW~~,IAAI,CAACE,~~MAAN~~,~~CAAV~~;~~MACD~~,~~CAR+B;;MAShCC~~,~~UAAU~~,CAACJ,~~YAAD~~,~~EAAeC~~,~~IAAf~~,~~EAAqB~~;QAC7B,~~IAAI/B~~,kBAAkB,~~CAAC8B~~,~~YAAD~~,~~EAAelB~~,~~OAAf~~,~~CAAtB~~,~~EAA+C~~;QAC/CQ,UAAU,~~CAACW~~,IAAI,CAACE,~~MAAN~~,~~CAAV~~;~~MACD~~,~~CAZ+B;;MAahCE~~,~~YAAY~~,CAACL,~~YAAD~~,~~EAAeC~~,~~IAAf~~,~~EAAqB~~;QAC/B,~~IAAI/B~~,kBAAkB,~~CAAC8B~~,~~YAAD~~,~~EAAelB~~,~~OAAf~~,~~CAAtB~~,~~EAA+C~~;QAC/CQ,UAAU,~~CAACW~~,IAAI,CAACE,~~MAAN~~,~~CAAV~~;~~MACD;;IAhB+B~~,~~CAAjB~~,~~CAAjB;;IAmBA~~,MAAMG,WAA2C,~~GAAGnC~~,gBAAgB,~~CAAEoC~~,~~KAAD~~,~~IAAW~~;MAC9E,IAAIxB,~~UAAJ~~,~~EAAgB~~,OAAOA,UAAU,CAACwB,~~KAAD~~,~~CAAjB~~;~~MAEhB~~,MAAM;QAAEN;~~MAAF~~,~~IAAWM~~,~~KAAjB~~;~~MACA~~,~~oBACE~~,~~oBAAC~~,~~aAAD~~;~~QACE~~,KAAK~~,MADP~~;~~QAEE~~,GAAG,~~EAAEN~~,IAAI,~~CAACO~~,~~UAFZ~~;~~QAGE~~,IAAI,EACF,~~CAACP~~,IAAI,~~CAACQ~~,~~QAAL~~,~~IAAiBxB~~,OAAO,~~CAACyB~~,~~MAAR~~,~~CAAeC~~,~~YAAjC~~,~~KACCV~~,IAAI,CAACE,~~MAAL~~,~~MAAgBhB~~,~~WAAhB~~,~~aAAgBA~~,~~WAAhB~~,~~uBAAgBA~~,WAAW,~~CAAEgB~~,~~MAA7B~~,~~IAAsClB~~,OAAO,~~CAACyB~~,~~MAAR~~,~~CAAeE~~,~~mBAArD~~,~~GAA2E~~,~~EAD5E~~,~~CAJJ~~;~~QAOE~~,QAAQ,~~EAAEX~~,IAAI,CAACE,~~MAAL~~,~~MAAgBhB~~,~~WAAhB~~,~~aAAgBA~~,~~WAAhB~~,~~uBAAgBA~~,WAAW,~~CAAEgB~~,~~MAA7B~~,~~CAPZ~~;~~QAQE~~,iBAAiB,~~EAAE~~,~~MAAM~~;~~UACvBf~~,QAAQ,CAAC;~~YACPyB~~,KAAK,~~EAAEZ~~,IAAI,~~CAACQ~~,~~QAAL~~,~~IAAiBxB~~,OAAO,~~CAACyB~~,~~MAAR~~,~~CAAeC~~,~~YADhC~~;~~YAEPG~~,SAAS,EAAE,CACT;cACED,KAAK,~~EAAE5B~~,OAAO,~~CAACyB~~,~~MAAR~~,~~CAAeK~~,~~MADxB~~;~~cAEEC~~,OAAO,~~EAAE~~,~~MAAMlC~~,OAAO,~~CAACmC~~,~~UAAR~~,~~CAAmBhB~~,~~IAAnB~~,~~EAAyBiB~~,~~IAAzB~~,~~CAA8B~~,~~MAAM5B~~,UAAU,~~CAACW~~,IAAI,CAACE,~~MAAN~~,~~CAA9C~~;~~YAFjB~~,~~CADS~~;~~UAFJ~~,~~CAAD~~,~~CAAR~~;~~QASD~~;~~MAlBH~~,~~EADF~~;~~IAsBD~~,~~CA1BmE~~,~~CAApE;;IA4BA~~,~~oBACE~~,~~oBAAC~~,~~8BAAD~~,~~CAAgC~~,~~QAAhC~~;~~MAAyC~~,OAAO,~~EAAErB~~;~~IAAlD~~,~~gBACE~~,~~oBAAC~~,~~8BAAD~~,~~CAAgC~~,~~MAAhC~~;~~MAAuC~~,iBAAiB,~~EAAED~~;~~IAA1D~~,~~EADF~~,~~eAEE~~,~~oBAAC~~,~~iBAAD~~;~~MACE~~,OAAO,~~EAAEW~~,~~OADX~~;~~MAEE~~,gBAAgB,eAAE,~~oBAAC~~,~~8BAAD~~,~~CAAgC~~,~~aAAhC~~,~~OAFpB~~;~~MAGE~~,KAAK,~~EAAE2B~~,OAAO,~~CAACzB~~,~~KAAD~~,~~CAHhB~~;~~MAIE~~,cAAc,~~eAAE~~,~~oBAAC~~,~~8BAAD~~,~~CAAgC~~,~~WAAhC~~;~~QAA4C~~,YAAY,~~EAAED~~;~~MAA1D~~;~~IAJlB~~,~~gBAME~~,~~oBAAC~~,~~8BAAD~~,~~CAAgC~~,~~IAAhC~~;~~MACE~~,YAAY,~~EAAEJ~~,~~KADhB~~;~~MAEE~~,UAAU,~~EAAEM~~,~~IAFd~~;~~MAGE~~,UAAU,~~EAAEW~~,~~WAHd~~;~~MAIE~~,kBAAkB,~~eAAE~~,~~oBAAC~~,~~8BAAD~~,~~CAAgC~~,~~WAAhC~~;~~IAJtB~~,~~EANF~~,~~CAFF~~,~~CADF~~;~~EAkBD~~,~~CA5ED~~;~~AA6ED~~,~~CAlFD;;AAoFA~~,~~eAAe5B~~,~~sCAAf~~"}
1	+ {"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelMutedMembersModule","useLocalization","useSendbirdChat","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","_ref","onPressHeaderLeft","channel","renderUser","queryCreator","createMutedUserListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","onUserMuted","eventChannel","user","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNMUTE","onPress","unmuteUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","mutedMembers","onLoadNext","ListEmptyComponent","StatusEmpty"],"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 ({\n onPressHeaderLeft = NOOP,\n channel,\n renderUser,\n queryCreator = () => channel.createMutedUserListQuery({ limit: 20 }),\n }) => {\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, { queryCreator });\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/createGroupChannelNotificationsFragment.js CHANGED Viewed

@@ -1,22 +1,19 @@
 import React from 'react';
 import { NOOP } from '@sendbird/uikit-utils';
 import { createGroupChannelNotificationsModule } from '../domain/groupChannelNotifications';
 const createGroupChannelNotificationsFragment = initModule => {
   const GroupChannelNotificationsModule = createGroupChannelNotificationsModule(initModule);
   return _ref => {
     let {
       onPressHeaderLeft = NOOP,
-      children,
       channel
     } = _ref;
     return /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.Header, {
       onPressHeaderLeft: onPressHeaderLeft
-    }), /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.View, null), children);
+    }), /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.View, null));
   };
 };
 export default createGroupChannelNotificationsFragment;
 //# sourceMappingURL=createGroupChannelNotificationsFragment.js.map

package/lib/module/fragments/createGroupChannelNotificationsFragment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","NOOP","createGroupChannelNotificationsModule","createGroupChannelNotificationsFragment","initModule","GroupChannelNotificationsModule","~~onPressHeaderLeft~~","~~children~~","channel"],"sources":["createGroupChannelNotificationsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createGroupChannelNotificationsModule } from '../domain/groupChannelNotifications';\nimport type {\n GroupChannelNotificationsFragment,\n GroupChannelNotificationsModule,\n} from '../domain/groupChannelNotifications/types';\n\nconst createGroupChannelNotificationsFragment = (\n initModule?: Partial<GroupChannelNotificationsModule>,\n): GroupChannelNotificationsFragment => {\n const GroupChannelNotificationsModule = createGroupChannelNotificationsModule(initModule);\n\n return ({ onPressHeaderLeft = NOOP, ~~children,~~ channel }) => {\n return (\n <GroupChannelNotificationsModule.Provider channel={channel}>\n <GroupChannelNotificationsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n <GroupChannelNotificationsModule.View />\n ~~{children}\n~~ </GroupChannelNotificationsModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelNotificationsFragment;\n"],"mappings":"AAAA,OAAOA,~~KAAP~~,~~MAAkB~~,~~OAAlB~~;~~AAEA~~,SAASC,~~IAAT~~,~~QAAqB~~,~~uBAArB~~;~~AAEA~~,SAASC,~~qCAAT~~,~~QAAsD~~,~~qCAAtD;;AAMA~~,MAAMC,uCAAuC,GAC3CC,~~UAD8C~~,~~IAER~~;EACtC,MAAMC,+BAA+B,GAAGH,qCAAqC,CAACE,~~UAAD~~,~~CAA7E~~;~~EAEA~~,~~OAAO~~,~~QAAqD~~;IAAA,~~IAApD~~;~~MAAEE~~,iBAAiB,~~GAAGL~~,~~IAAtB~~;~~MAA4BM,QAA5B~~;~~MAAsCC;IAAtC~~,~~CAAoD~~;~~IAC1D~~,~~oBACE~~,~~oBAAC~~,+~~BAAD~~,~~CAAiC~~,~~QAAjC~~;~~MAA0C~~,OAAO,EAAEA;~~IAAnD~~,~~gBACE~~,~~oBAAC~~,+~~BAAD~~,~~CAAiC~~,~~MAAjC~~;~~MAAwC~~,iBAAiB,~~EAAEF~~;~~IAA3D~~,~~EADF~~,~~eAEE~~,~~oBAAC,+BAAD~~,~~CAAiC~~,~~IAAjC~~,~~OAFF~~,~~EAGGC~~,~~QAHH~~,~~CADF~~;~~EAOD~~,~~CARD~~;~~AASD~~,~~CAdD;;AAgBA~~,~~eAAeJ~~,~~uCAAf~~"}
1	+ {"version":3,"names":["React","NOOP","createGroupChannelNotificationsModule","createGroupChannelNotificationsFragment","initModule","GroupChannelNotificationsModule","_ref","onPressHeaderLeft","channel","createElement","Provider","Header","View"],"sources":["createGroupChannelNotificationsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createGroupChannelNotificationsModule } from '../domain/groupChannelNotifications';\nimport type {\n GroupChannelNotificationsFragment,\n GroupChannelNotificationsModule,\n} from '../domain/groupChannelNotifications/types';\n\nconst createGroupChannelNotificationsFragment = (\n initModule?: Partial<GroupChannelNotificationsModule>,\n): GroupChannelNotificationsFragment => {\n const GroupChannelNotificationsModule = createGroupChannelNotificationsModule(initModule);\n\n return ({ onPressHeaderLeft = NOOP, channel }) => {\n return (\n <GroupChannelNotificationsModule.Provider channel={channel}>\n <GroupChannelNotificationsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n <GroupChannelNotificationsModule.View />\n </GroupChannelNotificationsModule.Provider>\n );\n };\n};\n\nexport default createGroupChannelNotificationsFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,SAASC,qCAAqC,QAAQ,qCAAqC;AAM3F,MAAMC,uCAAuC,GAC3CC,UAAqD,IACf;EACtC,MAAMC,+BAA+B,GAAGH,qCAAqC,CAACE,UAAU,CAAC;EAEzF,OAAOE,IAAA,IAA2C;IAAA,IAA1C;MAAEC,iBAAiB,GAAGN,IAAI;MAAEO;IAAQ,CAAC,GAAAF,IAAA;IAC3C,oBACEN,KAAA,CAAAS,aAAA,CAACJ,+BAA+B,CAACK,QAAQ;MAACF,OAAO,EAAEA;IAAQ,gBACzDR,KAAA,CAAAS,aAAA,CAACJ,+BAA+B,CAACM,MAAM;MAACJ,iBAAiB,EAAEA;IAAkB,EAAG,eAChFP,KAAA,CAAAS,aAAA,CAACJ,+BAA+B,CAACO,IAAI,OAAG,CACC;EAE/C,CAAC;AACH,CAAC;AAED,eAAeT,uCAAuC"}

package/lib/module/fragments/createGroupChannelOperatorsFragment.js CHANGED Viewed

@@ -6,7 +6,6 @@ import StatusComposition from '../components/StatusComposition';
 import UserActionBar from '../components/UserActionBar';
 import { createGroupChannelOperatorsModule } from '../domain/groupChannelOperators';
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
 const createGroupChannelOperatorsFragment = initModule => {
   const GroupChannelOperatorsModule = createGroupChannelOperatorsModule(initModule);
   return _ref => {
@@ -14,7 +13,10 @@ const createGroupChannelOperatorsFragment = initModule => {
       channel,
       onPressHeaderLeft,
       onPressHeaderRight,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createOperatorListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = useUniqHandlerId('GroupChannelOperatorsFragment');
     const {
@@ -39,29 +41,23 @@ const createGroupChannelOperatorsFragment = initModule => {
       next,
       error
     } = useUserList(sdk, {
-      queryCreator: () => channel.createOperatorListQuery({
-        limit: 20
-      })
+      queryCreator
     });
     useChannelHandler(sdk, handlerId, {
       onUserLeft(eventChannel, user) {
         if (isDifferentChannel(eventChannel, channel)) return;
         deleteUser(user.userId);
       },
       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);
       }
     });
     const _renderUser = useFreshCallback(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -84,7 +80,6 @@ const createGroupChannelOperatorsFragment = initModule => {
         })
       });
     });
     return /*#__PURE__*/React.createElement(GroupChannelOperatorsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/React.createElement(GroupChannelOperatorsModule.Header, {
@@ -105,6 +100,5 @@ const createGroupChannelOperatorsFragment = initModule => {
     })));
   };
 };
 export default createGroupChannelOperatorsFragment;
 //# sourceMappingURL=createGroupChannelOperatorsFragment.js.map

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

	@@ -1 +1 @@
1	- {"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":"AAAA,OAAOA,~~KAAP~~,~~MAAkB~~,~~OAAlB~~;~~AAEA~~,SAASC,~~iBAAT~~,~~EAA4BC~~,~~WAA5B~~,~~QAA+C~~,~~4BAA/C~~;~~AACA~~,SAASC,~~aAAT~~,~~QAA8B~~,~~yCAA9B~~;~~AACA~~,SAASC,~~UAAT~~,~~EAAqBC~~,~~kBAArB~~,~~EAAyCC~~,~~gBAAzC~~,~~EAA2DC~~,~~gBAA3D~~,~~QAAmF~~,~~uBAAnF~~;~~AAEA~~,OAAOC,~~iBAAP~~,~~MAA8B~~,~~iCAA9B~~;~~AACA~~,OAAOC,~~aAAP~~,~~MAA0B~~,~~6BAA1B~~;~~AACA~~,SAASC,~~iCAAT~~,~~QAAkD~~,~~iCAAlD~~;~~AAEA~~,SAASC,~~eAAT~~,~~EAA0BC~~,~~eAA1B~~,~~EAA2CC~~,~~cAA3C~~,~~QAAiE~~,~~qBAAjE;;AAEA~~,MAAMC,mCAAmC,GACvCC,~~UAD0C~~,~~IAER~~;EAClC,MAAMC,2BAA2B,GAAGN,iCAAiC,CAACK,~~UAAD~~,~~CAArE~~;~~EAEA~~,~~OAAO~~,~~QAAoE~~;IAAA,~~IAAnE~~;~~MAAEE~~,~~OAAF~~;~~MAAWC~~,~~iBAAX~~;~~MAA8BC~~,~~kBAA9B~~;~~MAAkDC~~;~~IAAlD~~,~~CAAmE~~;~~IACzE~~,~~MAAMC~~,SAAS,~~GAAGd~~,gBAAgB,CAAC,+~~BAAD~~,~~CAAlC~~;~~IAEA~~,MAAM;~~MAAEe~~;~~IAAF~~,~~IAAcX~~,eAAe,~~EAAnC~~;~~IACA~~,MAAM;~~MAAEY~~,~~GAAF~~;~~MAAOC~~;~~IAAP~~,~~IAAuBZ~~,eAAe,~~EAA5C~~;~~IACA~~,MAAM;~~MAAEa~~;~~IAAF~~,~~IAAetB~~,aAAa,~~EAAlC~~;~~IACA~~,MAAM;~~MAAEuB~~;~~IAAF~~,~~IAAWb~~,cAAc,~~EAA/B~~;~~IAEA~~,MAAM;~~MAAEc~~,~~KAAF~~;~~MAASC~~,~~UAAT~~;~~MAAqBC~~,~~UAArB~~;~~MAAiCC~~,~~OAAjC~~;~~MAA0CC~~,~~OAA1C~~;~~MAAmDC~~,~~IAAnD~~;~~MAAyDC~~;~~IAAzD~~,~~IAAmE/B~~,WAAW,~~CAACqB~~,~~GAAD~~,~~EAAM;MACxFW,YAAY,~~EAAE~~,MAAMjB,OAAO,CAACkB,uBAAR,CAAgC~~;~~QAAEC,KAAK,EAAE~~;~~MAAT~~,~~CAAhC;IADoE~~,~~CAAN,CAApF~~;~~IAIAnC~~,iBAAiB,~~CAACsB~~,~~GAAD~~,~~EAAMF~~,~~SAAN~~,~~EAAiB~~;~~MAChCgB~~,~~UAAU~~,CAACC,~~YAAD~~,~~EAAeC~~,~~IAAf~~,~~EAAqB~~;QAC7B,~~IAAIlC~~,kBAAkB,~~CAACiC~~,~~YAAD~~,~~EAAerB~~,~~OAAf~~,~~CAAtB~~,~~EAA+C~~;QAC/CW,UAAU,~~CAACW~~,IAAI,CAACC,~~MAAN~~,~~CAAV~~;~~MACD~~,~~CAJ+B;;MAKhCC~~,~~YAAY~~,CAACH,~~YAAD~~,~~EAAeC~~,~~IAAf~~,~~EAAqB~~;QAC/B,~~IAAIlC~~,kBAAkB,~~CAACiC~~,~~YAAD~~,~~EAAerB~~,~~OAAf~~,~~CAAtB~~,~~EAA+C~~;QAC/CW,UAAU,~~CAACW~~,IAAI,CAACC,~~MAAN~~,~~CAAV~~;~~MACD~~,~~CAR+B;;MAShCE~~,~~iBAAiB~~,CAACJ,~~YAAD~~,~~EAAeK~~,~~YAAf~~,~~EAA6B~~;QAC5C,~~IAAItC~~,kBAAkB,~~CAACiC~~,~~YAAD~~,~~EAAerB~~,~~OAAf~~,~~CAAtB~~,~~EAA+C~~;QAC/C,MAAM2B,cAAc,~~GAAGjB~~,KAAK,~~CAACkB~~,~~MAAN~~,~~GAAeF~~,YAAY,CAACE,~~MAAnD~~;~~QACA~~,IAAID,~~cAAJ~~,~~EAAoBD~~,YAAY,CAACG,~~OAAb~~,~~CAAqBjB~~,~~UAArB~~;~~MACrB;;IAb+B~~,~~CAAjB~~,~~CAAjB;;IAgBA~~,~~MAAMkB~~,WAA2C,~~GAAGzC~~,gBAAgB,~~CAAE0C~~,~~KAAD~~,~~IAAW~~;MAC9E,IAAI5B,~~UAAJ~~,~~EAAgB~~,OAAOA,UAAU,CAAC4B,~~KAAD~~,~~CAAjB~~;~~MAEhB~~,MAAM;QAAET;~~MAAF~~,~~IAAWS~~,~~KAAjB~~;~~MACA~~,~~oBACE~~,~~oBAAC~~,~~aAAD~~;~~QACE~~,KAAK,EAAE,~~KADT~~;~~QAEE~~,GAAG,~~EAAET~~,IAAI,~~CAACU~~,~~UAFZ~~;~~QAGE~~,IAAI,EACF,~~CAACV~~,IAAI,~~CAACW~~,~~QAAL~~,~~IAAiB5B~~,OAAO,~~CAAC6B~~,~~MAAR~~,~~CAAeC~~,~~YAAjC~~,~~KACCb~~,IAAI,CAACC,~~MAAL~~,~~MAAgBhB~~,~~WAAhB~~,~~aAAgBA~~,~~WAAhB~~,~~uBAAgBA~~,WAAW,~~CAAEgB~~,~~MAA7B~~,~~IAAsClB~~,OAAO,~~CAAC6B~~,~~MAAR~~,~~CAAeE~~,~~mBAArD~~,~~GAA2E~~,~~EAD5E~~,~~CAJJ~~;~~QAOE~~,QAAQ,~~EAAEd~~,IAAI,CAACC,~~MAAL~~,~~MAAgBhB~~,~~WAAhB~~,~~aAAgBA~~,~~WAAhB~~,~~uBAAgBA~~,WAAW,~~CAAEgB~~,~~MAA7B~~,~~CAPZ~~;~~QAQE~~,aAAa,~~EAAE~~,~~MAAMd~~,IAAI,~~CAACa~~,~~IAAD~~,~~CAR3B~~;~~QASE~~,iBAAiB,~~EAAEnC~~,UAAU,~~CAACa~~,OAAO,~~CAACqC~~,~~MAAT~~,~~EAAiB~~,MAAM;~~UAClD7B~~,QAAQ,CAAC;~~YACP8B~~,KAAK,~~EAAEhB~~,IAAI,~~CAACW~~,~~QAAL~~,~~IAAiB5B~~,OAAO,~~CAAC6B~~,~~MAAR~~,~~CAAeC~~,~~YADhC~~;~~YAEPI~~,SAAS,EAAE,CACT;cACED,KAAK,~~EAAEjC~~,OAAO,~~CAAC6B~~,~~MAAR~~,~~CAAeM~~,~~mBADxB~~;~~cAEEC~~,OAAO,~~EAAE~~,~~MAAMzC~~,OAAO,~~CAAC0C~~,~~eAAR~~,~~CAAwB~~,~~CAACpB~~,IAAI,CAACC,~~MAAN~~,~~CAAxB~~,~~EAAuCoB~~,~~IAAvC~~,~~CAA4C~~,~~MAAMhC~~,UAAU,~~CAACW~~,IAAI,CAACC,~~MAAN~~,~~CAA5D~~;~~YAFjB~~,~~CADS~~;~~UAFJ~~,~~CAAD~~,~~CAAR~~;~~QASD~~,~~CAV4B~~;~~MAT/B~~,~~EADF~~;~~IAuBD~~,~~CA3BmE~~,~~CAApE;;IA6BA~~,~~oBACE~~,~~oBAAC~~,~~2BAAD~~,~~CAA6B~~,~~QAA7B~~;~~MAAsC~~,OAAO,~~EAAEvB~~;~~IAA/C~~,~~gBACE~~,~~oBAAC~~,~~2BAAD~~,~~CAA6B~~,~~MAA7B~~;~~MACE~~,iBAAiB,~~EAAEC~~,~~iBADrB~~;~~MAEE~~,kBAAkB,~~EAAEC~~;~~IAFtB~~,~~EADF~~,~~eAME~~,~~oBAAC~~,~~iBAAD~~;~~MACE~~,OAAO,~~EAAEW~~,~~OADX~~;~~MAEE~~,gBAAgB,~~eAAE~~,~~oBAAC~~,~~2BAAD~~,~~CAA6B~~,~~aAA7B~~,~~OAFpB~~;~~MAGE~~,KAAK,~~EAAE+B~~,OAAO,~~CAAC5B~~,~~KAAD~~,~~CAHhB~~;~~MAIE~~,cAAc,~~eAAE~~,~~oBAAC~~,~~2BAAD~~,~~CAA6B~~,~~WAA7B~~;~~QAAyC~~,YAAY,~~EAAEF~~;~~MAAvD~~;~~IAJlB~~,~~gBAME~~,~~oBAAC~~,~~2BAAD~~,~~CAA6B~~,~~IAA7B~~;~~MACE~~,SAAS,~~EAAEJ~~,~~KADb~~;~~MAEE~~,UAAU,~~EAAEoB~~,~~WAFd~~;~~MAGE~~,UAAU,~~EAAEf~~,~~IAHd~~;~~MAIE~~,kBAAkB,~~eAAE~~,~~oBAAC~~,~~2BAAD~~,~~CAA6B~~,~~WAA7B~~;~~IAJtB~~,~~EANF~~,~~CANF~~,~~CADF~~;~~EAsBD~~,~~CA/ED~~;~~AAgFD~~,~~CArFD;;AAuFA~~,~~eAAelB~~,~~mCAAf~~"}
1	+ {"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","ifOperator","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createGroupChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","_ref","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","queryCreator","createOperatorListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty"],"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 ({\n channel,\n onPressHeaderLeft,\n onPressHeaderRight,\n renderUser,\n queryCreator = () => channel.createOperatorListQuery({ limit: 20 }),\n }) => {\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, { queryCreator });\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/createGroupChannelRegisterOperatorFragment.js CHANGED Viewed

@@ -5,7 +5,6 @@ import StatusComposition from '../components/StatusComposition';
 import UserSelectableBar from '../components/UserSelectableBar';
 import createUserListModule from '../domain/userList/module/createUserListModule';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 const createGroupChannelRegisterOperatorFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
   return _ref => {
@@ -14,7 +13,10 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
       onPressHeaderLeft,
       sortComparator,
       renderUser,
-      onPressHeaderRight
+      onPressHeaderRight,
+      queryCreator = () => channel.createMemberListQuery({
+        limit: 20
+      })
     } = _ref;
     const {
       sdk,
@@ -31,12 +33,9 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
       error,
       loading
     } = useUserList(sdk, {
-      queryCreator: () => channel.createMemberListQuery({
-        limit: 20
-      }),
+      queryCreator,
       sortComparator
     });
     const _renderUser = useCallback((user, selectedUsers, setSelectedUsers) => {
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
       const userIdx = selectedUsers.findIndex(u => u.userId === user.userId);
@@ -59,7 +58,6 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
         disabled: isOperator
       }));
     }, [channel, renderUser]);
     return /*#__PURE__*/React.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({
         selectedUsers
@@ -89,6 +87,5 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
     })));
   };
 };
 export default createGroupChannelRegisterOperatorFragment;
 //# sourceMappingURL=createGroupChannelRegisterOperatorFragment.js.map