@sendbird/uikit-react-native 2.0.2 → 2.1.0

package/lib/commonjs/fragments/createGroupChannelMembersFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["noop","name","createGroupChannelMembersFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","useUniqId","forceUpdate","useForceUpdate","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","show","useProfileCard","activeChannel","useActiveGroupChannel","useChannelHandler","onUserLeft","url","onUserJoined","onUserUnmuted","onUserUnbanned","onUserBanned","onUserMuted","onChannelMemberCountChanged","channels","find","c","onChannelChanged","onChannelFrozen","onChannelUnfrozen","_renderUser","useFreshCallback","user","selectedUsers","setSelectedUsers","isMuted","profileUrl","role","GROUP_CHANNEL_MEMBERS","USER_BAR_OPERATOR","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","undefined","HEADER_TITLE","members"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { useForceUpdate, useFreshCallback, useUniqId } from '@sendbird/uikit-utils';\n\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, useProfileCard, useSendbirdChat } from '../hooks/useContext';\n\nconst noop = () => '';\nconst name = 'createGroupChannelMembersFragment';\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 uniqId = useUniqId(name);\n    const forceUpdate = useForceUpdate();\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { show } = useProfileCard();\n\n    const { activeChannel } = useActiveGroupChannel(sdk, channel);\n\n    useChannelHandler(sdk, `${name}_${uniqId}`, {\n      // Note: Removed from v4\n      // onUserEntered(channel) {\n      //   if (channel.url === activeChannel.url) forceUpdate();\n      // },\n      onUserLeft(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserJoined(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnmuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserUnbanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserBanned(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onUserMuted(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelMemberCountChanged(channels) {\n        if (channels.find((c) => c.url === channel.url)) forceUpdate();\n      },\n      onChannelChanged(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelFrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\n      },\n      onChannelUnfrozen(channel) {\n        if (channel.url === activeChannel.url) forceUpdate();\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.GROUP_CHANNEL_MEMBERS.USER_BAR_OPERATOR : ''}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.GROUP_CHANNEL_MEMBERS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          // TODO: implement ban/mute actions, use channel.members with handlers instead member query\n          onPressActionMenu={undefined}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider headerRight={noop} headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}>\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n\n        <UserListModule.List\n          users={activeChannel.members}\n          renderUser={_renderUser}\n          onLoadNext={async () => void 0}\n          ListEmptyComponent={<UserListModule.StatusEmpty />}\n        />\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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"}
+{"version":3,"names":["noop","HOOK_NAME","createGroupChannelMembersFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","useUniqId","refreshSchedule","useRef","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","refresh","loading","next","error","upsertUser","deleteUser","useUserList","queryCreator","createMemberListQuery","limit","useChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","profileUrl","role","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","ifOperator","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","ifMuted","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 { ifMuted, ifOperator, isDifferentChannel, useFreshCallback, useUniqId } 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 noop = () => '';\nconst HOOK_NAME = 'createGroupChannelMembersFragment';\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 uniqId = useUniqId(HOOK_NAME);\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, `${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      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: ifMuted(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n                onPress: ifMuted(\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 headerRight={noop} headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}>\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/commonjs/fragments/createGroupChannelModerationFragment.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _groupChannelModeration = require("../domain/groupChannelModeration");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createGroupChannelModerationFragment = initModule => {
+  const GroupChannelModerationModule = (0, _groupChannelModeration.createGroupChannelModerationModule)(initModule);
+  return _ref => {
+    let {
+      channel,
+      onPressHeaderLeft = _uikitUtils.NOOP,
+      onPressMenuBannedUsers,
+      onPressMenuMutedMembers,
+      onPressMenuOperators,
+      menuItemsCreator
+    } = _ref;
+    const {
+      left,
+      right
+    } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+    const {
+      colors
+    } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+    return /*#__PURE__*/_react.default.createElement(GroupChannelModerationModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/_react.default.createElement(GroupChannelModerationModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+      style: {
+        backgroundColor: colors.background
+      },
+      contentContainerStyle: {
+        paddingLeft: left + styles.viewContainer.paddingHorizontal,
+        paddingRight: right + styles.viewContainer.paddingHorizontal
+      }
+    }, /*#__PURE__*/_react.default.createElement(GroupChannelModerationModule.Menu, {
+      onPressMenuBannedUsers: onPressMenuBannedUsers,
+      onPressMenuMutedMembers: onPressMenuMutedMembers,
+      onPressMenuOperators: onPressMenuOperators,
+      menuItemsCreator: menuItemsCreator
+    })));
+  };
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  viewContainer: {
+    paddingHorizontal: 16
+  }
+});
+var _default = createGroupChannelModerationFragment;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelModerationFragment.js.map

package/lib/commonjs/fragments/createGroupChannelModerationFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelModerationFragment","initModule","GroupChannelModerationModule","createGroupChannelModerationModule","channel","onPressHeaderLeft","NOOP","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","left","right","useSafeAreaInsets","colors","useUIKitTheme","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","createStyleSheet"],"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;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAMA,MAAMA,oCAAoC,GACxCC,UAD2C,IAER;EACnC,MAAMC,4BAA4B,GAAG,IAAAC,0DAAA,EAAmCF,UAAnC,CAArC;EAEA,OAAO,QAOD;IAAA,IAPE;MACNG,OADM;MAENC,iBAAiB,GAAGC,gBAFd;MAGNC,sBAHM;MAINC,uBAJM;MAKNC,oBALM;MAMNC;IANM,CAOF;IACJ,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkB,IAAAC,6CAAA,GAAxB;IACA,MAAM;MAAEC;IAAF,IAAa,IAAAC,yCAAA,GAAnB;IACA,oBACE,6BAAC,4BAAD,CAA8B,QAA9B;MAAuC,OAAO,EAAEX;IAAhD,gBACE,6BAAC,4BAAD,CAA8B,MAA9B;MAAqC,iBAAiB,EAAEC;IAAxD,EADF,eAEE,6BAAC,uBAAD;MACE,KAAK,EAAE;QAAEW,eAAe,EAAEF,MAAM,CAACG;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEP,IAAI,GAAGQ,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAEV,KAAK,GAAGO,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,6BAAC,4BAAD,CAA8B,IAA9B;MACE,sBAAsB,EAAEd,sBAD1B;MAEE,uBAAuB,EAAEC,uBAF3B;MAGE,oBAAoB,EAAEC,oBAHxB;MAIE,gBAAgB,EAAEC;IAJpB,EAPF,CAFF,CADF;EAmBD,CA7BD;AA8BD,CAnCD;;AAqCA,MAAMS,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAjB,CAAf;eAMerB,oC"}

package/lib/commonjs/fragments/createGroupChannelMutedMembersFragment.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
+
+var _UserActionBar = _interopRequireDefault(require("../components/UserActionBar"));
+
+var _groupChannelMutedMembers = require("../domain/groupChannelMutedMembers");
+
+var _useContext = require("../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const HOOK_NAME = 'createGroupChannelMutedMembersFragment';
+
+const createGroupChannelMutedMembersFragment = initModule => {
+  const GroupChannelMutedMembersModule = (0, _groupChannelMutedMembers.createGroupChannelMutedMembersModule)(initModule);
+  return _ref => {
+    let {
+      onPressHeaderLeft = _uikitUtils.NOOP,
+      channel,
+      renderUser
+    } = _ref;
+    const uniqId = (0, _uikitUtils.useUniqId)(HOOK_NAME);
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      openMenu
+    } = (0, _uikitReactNativeFoundation.useActionMenu)();
+    const {
+      users,
+      deleteUser,
+      loading,
+      refresh,
+      error,
+      next
+    } = (0, _uikitChatHooks.useUserList)(sdk, {
+      queryCreator: () => channel.createMutedUserListQuery({
+        limit: 20
+      })
+    });
+    (0, _uikitChatHooks.useChannelHandler)(sdk, `${HOOK_NAME}_${uniqId}`, {
+      onUserLeft(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        deleteUser(user.userId);
+      },
+
+      onUserBanned(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        deleteUser(user.userId);
+      }
+
+    });
+
+    const _renderUser = (0, _uikitUtils.useFreshCallback)(props => {
+      if (renderUser) return renderUser(props);
+      const {
+        user
+      } = props;
+      return /*#__PURE__*/_react.default.createElement(_UserActionBar.default, {
+        muted: true,
+        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.UNMUTE,
+              onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId))
+            }]
+          });
+        }
+      });
+    });
+
+    return /*#__PURE__*/_react.default.createElement(GroupChannelMutedMembersModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/_react.default.createElement(GroupChannelMutedMembersModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(GroupChannelMutedMembersModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(GroupChannelMutedMembersModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/_react.default.createElement(GroupChannelMutedMembersModule.List, {
+      mutedMembers: users,
+      onLoadNext: next,
+      renderUser: _renderUser,
+      ListEmptyComponent: /*#__PURE__*/_react.default.createElement(GroupChannelMutedMembersModule.StatusEmpty, null)
+    })));
+  };
+};
+
+var _default = createGroupChannelMutedMembersFragment;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelMutedMembersFragment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HOOK_NAME","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","createGroupChannelMutedMembersModule","onPressHeaderLeft","NOOP","channel","renderUser","uniqId","useUniqId","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","users","deleteUser","loading","refresh","error","next","useUserList","queryCreator","createMutedUserListQuery","limit","useChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","_renderUser","useFreshCallback","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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"}

package/lib/commonjs/fragments/createGroupChannelOperatorsFragment.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
+
+var _UserActionBar = _interopRequireDefault(require("../components/UserActionBar"));
+
+var _groupChannelOperators = require("../domain/groupChannelOperators");
+
+var _useContext = require("../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const name = 'createGroupChannelOperatorsFragment';
+
+const createGroupChannelOperatorsFragment = initModule => {
+  const GroupChannelOperatorsModule = (0, _groupChannelOperators.createGroupChannelOperatorsModule)(initModule);
+  return _ref => {
+    let {
+      channel,
+      onPressHeaderLeft,
+      onPressHeaderRight,
+      renderUser
+    } = _ref;
+    const uniqId = (0, _uikitUtils.useUniqId)(name);
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      openMenu
+    } = (0, _uikitReactNativeFoundation.useActionMenu)();
+    const {
+      show
+    } = (0, _useContext.useUserProfile)();
+    const {
+      users,
+      deleteUser,
+      upsertUser,
+      loading,
+      refresh,
+      next,
+      error
+    } = (0, _uikitChatHooks.useUserList)(sdk, {
+      queryCreator: () => channel.createOperatorListQuery({
+        limit: 20
+      })
+    });
+    (0, _uikitChatHooks.useChannelHandler)(sdk, `${name}_${uniqId}`, {
+      onUserLeft(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        deleteUser(user.userId);
+      },
+
+      onUserBanned(eventChannel, user) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        deleteUser(user.userId);
+      },
+
+      onOperatorUpdated(eventChannel, updatedUsers) {
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+        const operatorsAdded = users.length < updatedUsers.length;
+        if (operatorsAdded) updatedUsers.forEach(upsertUser);
+      }
+
+    });
+
+    const _renderUser = (0, _uikitUtils.useFreshCallback)(props => {
+      if (renderUser) return renderUser(props);
+      const {
+        user
+      } = props;
+      return /*#__PURE__*/_react.default.createElement(_UserActionBar.default, {
+        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),
+        onPressAvatar: () => show(user),
+        onPressActionMenu: (0, _uikitUtils.ifOperator)(channel.myRole, () => {
+          openMenu({
+            title: user.nickname || STRINGS.LABELS.USER_NO_NAME,
+            menuItems: [{
+              title: STRINGS.LABELS.UNREGISTER_OPERATOR,
+              onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId))
+            }]
+          });
+        })
+      });
+    });
+
+    return /*#__PURE__*/_react.default.createElement(GroupChannelOperatorsModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/_react.default.createElement(GroupChannelOperatorsModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: onPressHeaderRight
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(GroupChannelOperatorsModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(GroupChannelOperatorsModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/_react.default.createElement(GroupChannelOperatorsModule.List, {
+      operators: users,
+      renderUser: _renderUser,
+      onLoadNext: next,
+      ListEmptyComponent: /*#__PURE__*/_react.default.createElement(GroupChannelOperatorsModule.StatusEmpty, null)
+    })));
+  };
+};
+
+var _default = createGroupChannelOperatorsFragment;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelOperatorsFragment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["name","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","createGroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","uniqId","useUniqId","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","deleteUser","upsertUser","loading","refresh","next","error","useUserList","queryCreator","createOperatorListQuery","limit","useChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","useFreshCallback","props","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","ifOperator","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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"}

package/lib/commonjs/fragments/createGroupChannelRegisterOperatorFragment.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
+
+var _UserSelectableBar = _interopRequireDefault(require("../components/UserSelectableBar"));
+
+var _createUserListModule = _interopRequireDefault(require("../domain/userList/module/createUserListModule"));
+
+var _useContext = require("../hooks/useContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const createGroupChannelRegisterOperatorFragment = initModule => {
+  const UserListModule = (0, _createUserListModule.default)(initModule);
+  return _ref => {
+    let {
+      channel,
+      onPressHeaderLeft,
+      sortComparator,
+      renderUser,
+      onPressHeaderRight
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      users,
+      refreshing,
+      refresh,
+      next,
+      error,
+      loading
+    } = (0, _uikitChatHooks.useUserList)(sdk, {
+      queryCreator: () => channel.createMemberListQuery({
+        limit: 20
+      }),
+      sortComparator
+    });
+
+    const _renderUser = (0, _react.useCallback)((user, selectedUsers, setSelectedUsers) => {
+      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
+      const userIdx = selectedUsers.findIndex(u => u.userId === user.userId);
+      const isSelected = userIdx > -1;
+      const isOperator = user.role === 'operator';
+      return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+        activeOpacity: 0.7,
+        disabled: isOperator,
+        onPress: () => {
+          setSelectedUsers(_ref2 => {
+            let [...draft] = _ref2;
+            if (isSelected) draft.splice(userIdx, 1);else draft.push(user);
+            return draft;
+          });
+        }
+      }, /*#__PURE__*/_react.default.createElement(_UserSelectableBar.default, {
+        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 : ''),
+        selected: isOperator || isSelected,
+        disabled: isOperator
+      }));
+    }, [channel, renderUser]);
+
+    return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
+      headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({
+        selectedUsers
+      }),
+      headerTitle: STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE
+    }, /*#__PURE__*/_react.default.createElement(UserListModule.Header, {
+      shouldActivateHeaderRight: selectedUsers => selectedUsers.length > 0,
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: async users => {
+        await channel.addOperators(users.map(it => it.userId));
+        onPressHeaderRight(channel);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      error: Boolean(error),
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusLoading, null),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusError, {
+        onPressRetry: () => refresh()
+      })
+    }, /*#__PURE__*/_react.default.createElement(UserListModule.List, {
+      onLoadNext: next,
+      users: users,
+      renderUser: _renderUser,
+      onRefresh: refresh,
+      refreshing: refreshing,
+      ListEmptyComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusEmpty, null)
+    })));
+  };
+};
+
+var _default = createGroupChannelRegisterOperatorFragment;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelRegisterOperatorFragment.js.map

package/lib/commonjs/fragments/createGroupChannelRegisterOperatorFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelRegisterOperatorFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","users","refreshing","refresh","next","error","loading","useUserList","queryCreator","createMemberListQuery","limit","_renderUser","useCallback","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","role","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","GROUP_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","HEADER_TITLE","length","addOperators","map","it","Boolean"],"sources":["createGroupChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelRegisterOperatorFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelRegisterOperatorFragment<SendbirdMember> => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({ channel, onPressHeaderLeft, sortComparator, renderUser, onPressHeaderRight }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator: () => channel.createMemberListQuery({ limit: 20 }),\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = user.role === 'operator';\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(user);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\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              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelRegisterOperatorFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelSettingsFragment.js

@@ -25,6 +25,7 @@ const createGroupChannelSettingsFragment = initModule => {
     let {
       onPressHeaderLeft = _uikitUtils.NOOP,
       channel,
+      onPressMenuModeration,
       onPressMenuMembers,
       onPressMenuLeaveChannel,
       menuItemsCreator
@@ -50,6 +51,7 @@ const createGroupChannelSettingsFragment = initModule => {
       }
     }, /*#__PURE__*/_react.default.createElement(GroupChannelSettingsModule.Info, null), /*#__PURE__*/_react.default.createElement(GroupChannelSettingsModule.Menu, {
       menuItemsCreator: menuItemsCreator,
+      onPressMenuModeration: onPressMenuModeration,
       onPressMenuMembers: onPressMenuMembers,
       onPressMenuLeaveChannel: onPressMenuLeaveChannel
     })));

package/lib/commonjs/fragments/createGroupChannelSettingsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","createGroupChannelSettingsModule","onPressHeaderLeft","NOOP","channel","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","colors","useUIKitTheme","left","right","useSafeAreaInsets","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","createStyleSheet"],"sources":["createGroupChannelSettingsFragment.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 createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, onPressMenuMembers, onPressMenuLeaveChannel, menuItemsCreator }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.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          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAGA,MAAMA,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAG,IAAAC,yCAAA,EAAiCF,UAAjC,CAAnC;EAEA,OAAO,QAA0G;IAAA,IAAzG;MAAEG,iBAAiB,GAAGC,gBAAtB;MAA4BC,OAA5B;MAAqCC,kBAArC;MAAyDC,uBAAzD;MAAkFC;IAAlF,CAAyG;IAC/G,MAAM;MAAEC;IAAF,IAAa,IAAAC,yCAAA,GAAnB;IACA,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkB,IAAAC,6CAAA,GAAxB;IAEA,oBACE,6BAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAER;IAA9C,gBACE,6BAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAEF;IAAtD,EADF,eAEE,6BAAC,uBAAD;MACE,KAAK,EAAE;QAAEW,eAAe,EAAEL,MAAM,CAACM;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,6BAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,6BAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAEX,gBADpB;MAEE,kBAAkB,EAAEF,kBAFtB;MAGE,uBAAuB,EAAEC;IAH3B,EARF,CAFF,CADF;EAmBD,CAvBD;AAwBD,CA7BD;;AA+BA,MAAMU,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAjB,CAAf;eAMepB,kC"}
+{"version":3,"names":["createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","createGroupChannelSettingsModule","onPressHeaderLeft","NOOP","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","colors","useUIKitTheme","left","right","useSafeAreaInsets","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","createStyleSheet"],"sources":["createGroupChannelSettingsFragment.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 createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.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          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAGA,MAAMA,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAG,IAAAC,yCAAA,EAAiCF,UAAjC,CAAnC;EAEA,OAAO,QAOD;IAAA,IAPE;MACNG,iBAAiB,GAAGC,gBADd;MAENC,OAFM;MAGNC,qBAHM;MAINC,kBAJM;MAKNC,uBALM;MAMNC;IANM,CAOF;IACJ,MAAM;MAAEC;IAAF,IAAa,IAAAC,yCAAA,GAAnB;IACA,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkB,IAAAC,6CAAA,GAAxB;IAEA,oBACE,6BAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAET;IAA9C,gBACE,6BAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAEF;IAAtD,EADF,eAEE,6BAAC,uBAAD;MACE,KAAK,EAAE;QAAEY,eAAe,EAAEL,MAAM,CAACM;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,6BAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,6BAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAEX,gBADpB;MAEE,qBAAqB,EAAEH,qBAFzB;MAGE,kBAAkB,EAAEC,kBAHtB;MAIE,uBAAuB,EAAEC;IAJ3B,EARF,CAFF,CADF;EAoBD,CA/BD;AAgCD,CArCD;;AAuCA,MAAMU,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAjB,CAAf;eAMerB,kC"}

package/lib/commonjs/hooks/useConnection.js

@@ -39,6 +39,10 @@ const useConnection = () => {
         await sdk.updateCurrentUserInfo({
           nickname: opts.nickname
         }).then(updatedUser => user = updatedUser).catch(e => _uikitUtils.Logger.warn('[useConnection]', 'nickname-sync failure', e));
+      } else if (features.useUserIdForNicknameEnabled) {
+        await sdk.updateCurrentUserInfo({
+          nickname: userId
+        }).then(updatedUser => user = updatedUser);
       }
 
       if (features.autoPushTokenRegistrationEnabled) {

package/lib/commonjs/hooks/useConnection.js.map

@@ -1 +1 @@
-{"version":3,"names":["cacheRestrictCodes","useConnection","sdk","setCurrentUser","features","useSendbirdChat","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","usePushTokenRegistration","connect","useCallback","userId","opts","Logger","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","autoPushTokenRegistrationEnabled","error","isCacheEnabled","some","code","message","clearCachedData","currentUser","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\n\nconst useConnection = () => {\n  const { sdk, setCurrentUser, features } = useSendbirdChat();\n  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();\n\n  const connect = useCallback(\n    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {\n      try {\n        Logger.debug('[useConnection]', 'connect start:', userId);\n        let user = await sdk.connect(userId, opts?.accessToken);\n\n        if (opts?.nickname) {\n          Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);\n          await sdk\n            .updateCurrentUserInfo({ nickname: opts.nickname })\n            .then((updatedUser) => (user = updatedUser))\n            .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));\n        }\n\n        if (features.autoPushTokenRegistrationEnabled) {\n          Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');\n          await registerPushTokenForCurrentUser().catch((e) => {\n            Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);\n          });\n        }\n\n        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (cacheRestrictCodes.some((code) => error.code === code)) {\n            Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);\n            Logger.warn('[useConnection]', 'clear cached-data');\n            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));\n          } else if (sdk.currentUser) {\n            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            return sdk.currentUser;\n          }\n        }\n\n        Logger.warn('[useConnection]', 'connect failure', error.message, error.code);\n        throw error;\n      }\n    },\n    [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (features.autoPushTokenRegistrationEnabled) {\n      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');\n      await unregisterPushTokenForCurrentUser().catch((e) => {\n        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);\n      });\n    }\n\n    await sdk.disconnect().then(() => setCurrentUser(undefined));\n    Logger.debug('[useConnection]', 'disconnected!');\n  }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}
+{"version":3,"names":["cacheRestrictCodes","useConnection","sdk","setCurrentUser","features","useSendbirdChat","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","usePushTokenRegistration","connect","useCallback","userId","opts","Logger","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","useUserIdForNicknameEnabled","autoPushTokenRegistrationEnabled","error","isCacheEnabled","some","code","message","clearCachedData","currentUser","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\n\nconst useConnection = () => {\n  const { sdk, setCurrentUser, features } = useSendbirdChat();\n  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();\n\n  const connect = useCallback(\n    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {\n      try {\n        Logger.debug('[useConnection]', 'connect start:', userId);\n        let user = await sdk.connect(userId, opts?.accessToken);\n\n        if (opts?.nickname) {\n          Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);\n          await sdk\n            .updateCurrentUserInfo({ nickname: opts.nickname })\n            .then((updatedUser) => (user = updatedUser))\n            .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));\n        } else if (features.useUserIdForNicknameEnabled) {\n          await sdk.updateCurrentUserInfo({ nickname: userId }).then((updatedUser) => (user = updatedUser));\n        }\n\n        if (features.autoPushTokenRegistrationEnabled) {\n          Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');\n          await registerPushTokenForCurrentUser().catch((e) => {\n            Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);\n          });\n        }\n\n        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (cacheRestrictCodes.some((code) => error.code === code)) {\n            Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);\n            Logger.warn('[useConnection]', 'clear cached-data');\n            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));\n          } else if (sdk.currentUser) {\n            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            return sdk.currentUser;\n          }\n        }\n\n        Logger.warn('[useConnection]', 'connect failure', error.message, error.code);\n        throw error;\n      }\n    },\n    [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (features.autoPushTokenRegistrationEnabled) {\n      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');\n      await unregisterPushTokenForCurrentUser().catch((e) => {\n        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);\n      });\n    }\n\n    await sdk.disconnect().then(() => setCurrentUser(undefined));\n    Logger.debug('[useConnection]', 'disconnected!');\n  }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}