@sendbird/uikit-react-native 3.7.5 → 3.8.0

package/lib/commonjs/fragments/createGroupChannelMembersFragment.js

@@ -7,29 +7,28 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitTools = require("@sendbird/uikit-tools");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
 var _UserActionBar = _interopRequireDefault(require("../components/UserActionBar"));
 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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const RETURN_EMPTY_STRING = () => '';
 const createGroupChannelMembersFragment = initModule => {
   const UserListModule = (0, _createUserListModule.default)(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft,
-      onPressHeaderRight,
-      renderUser,
-      sortComparator,
-      queryCreator = () => channel.createMemberListQuery({
-        limit: 20
-      })
-    } = _ref;
-    const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelMembersFragment');
+  return ({
+    channel,
+    onPressHeaderLeft,
+    onPressHeaderRight,
+    renderUser,
+    sortComparator,
+    queryCreator = () => channel.createMemberListQuery({
+      limit: 20
+    })
+  }) => {
     const refreshSchedule = (0, _react.useRef)();
     const {
       STRINGS
@@ -56,7 +55,7 @@ const createGroupChannelMembersFragment = initModule => {
       queryCreator,
       sortComparator
     });
-    (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
+    (0, _uikitTools.useGroupChannelHandler)(sdk, {
       onUserLeft(eventChannel, user) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         deleteUser(user.userId);
@@ -149,6 +148,5 @@ const createGroupChannelMembersFragment = initModule => {
     })));
   };
 };
-var _default = createGroupChannelMembersFragment;
-exports.default = _default;
+var _default = exports.default = createGroupChannelMembersFragment;
 //# sourceMappingURL=createGroupChannelMembersFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_StatusComposition","_interopRequireDefault","_UserActionBar","_createUserListModule","_useContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","createUserListModule","_ref","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","handlerId","useUniqHandlerId","refreshSchedule","useRef","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","refresh","loading","next","error","upsertUser","deleteUser","useUserList","useChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","ifOperator","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","ifThenOr","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","Icon","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty","_default","exports"],"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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitTools","_uikitUtils","_StatusComposition","_interopRequireDefault","_UserActionBar","_createUserListModule","_useContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","refreshSchedule","useRef","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","refresh","loading","next","error","upsertUser","deleteUser","useUserList","useGroupChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","ifOperator","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","ifThenOr","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","Icon","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty","_default","exports"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { 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 { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback } 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 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    useGroupChannelHandler(sdk, {\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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","ignoreList":[]}

package/lib/commonjs/fragments/createGroupChannelModerationFragment.js

@@ -6,26 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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)();
+  return ({
+    channel,
+    onPressHeaderLeft = _uikitUtils.NOOP,
+    onPressMenuBannedUsers,
+    onPressMenuMutedMembers,
+    onPressMenuOperators,
+    menuItemsCreator
+  }) => {
+    const safeArea = (0, _uikitUtils.useSafeAreaPadding)(['left', 'right']);
     const {
       colors
     } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -38,8 +33,8 @@ const createGroupChannelModerationFragment = initModule => {
         backgroundColor: colors.background
       },
       contentContainerStyle: {
-        paddingLeft: left + styles.viewContainer.paddingHorizontal,
-        paddingRight: right + styles.viewContainer.paddingHorizontal
+        paddingStart: safeArea.paddingStart + styles.viewContainer.paddingHorizontal,
+        paddingEnd: safeArea.paddingEnd + styles.viewContainer.paddingHorizontal
       }
     }, /*#__PURE__*/_react.default.createElement(GroupChannelModerationModule.Menu, {
       onPressMenuBannedUsers: onPressMenuBannedUsers,
@@ -54,6 +49,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     paddingHorizontal: 16
   }
 });
-var _default = createGroupChannelModerationFragment;
-exports.default = _default;
+var _default = exports.default = createGroupChannelModerationFragment;
 //# sourceMappingURL=createGroupChannelModerationFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_groupChannelModeration","obj","__esModule","default","createGroupChannelModerationFragment","initModule","GroupChannelModerationModule","createGroupChannelModerationModule","_ref","channel","onPressHeaderLeft","NOOP","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","left","right","useSafeAreaInsets","colors","useUIKitTheme","createElement","Provider","Header","ScrollView","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Menu","createStyleSheet","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,uBAAA,GAAAL,OAAA;AAAsF,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMtF,MAAMG,oCAAoC,GACxCC,UAAkD,IACf;EACnC,MAAMC,4BAA4B,GAAG,IAAAC,0DAAkC,EAACF,UAAU,CAAC;EAEnF,OAAOG,IAAA,IAOD;IAAA,IAPE;MACNC,OAAO;MACPC,iBAAiB,GAAGC,gBAAI;MACxBC,sBAAsB;MACtBC,uBAAuB;MACvBC,oBAAoB;MACpBC;IACF,CAAC,GAAAP,IAAA;IACC,MAAM;MAAEQ,IAAI;MAAEC;IAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;IAC3C,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;IAClC,oBACE3B,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACf,4BAA4B,CAACgB,QAAQ;MAACb,OAAO,EAAEA;IAAQ,gBACtDhB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACf,4BAA4B,CAACiB,MAAM;MAACb,iBAAiB,EAAEA;IAAkB,EAAG,eAC7EjB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACzB,YAAA,CAAA4B,UAAU;MACTC,KAAK,EAAE;QAAEC,eAAe,EAAEP,MAAM,CAACQ;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAEb,IAAI,GAAGc,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEhB,KAAK,GAAGa,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEFvC,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACf,4BAA4B,CAAC4B,IAAI;MAChCtB,sBAAsB,EAAEA,sBAAuB;MAC/CC,uBAAuB,EAAEA,uBAAwB;MACjDC,oBAAoB,EAAEA,oBAAqB;MAC3CC,gBAAgB,EAAEA;IAAiB,EACnC,CACS,CACyB;EAE5C,CAAC;AACH,CAAC;AAED,MAAMe,MAAM,GAAG,IAAAK,4CAAgB,EAAC;EAC9BJ,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAEYhC,oCAAoC;AAAAiC,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_groupChannelModeration","e","__esModule","default","createGroupChannelModerationFragment","initModule","GroupChannelModerationModule","createGroupChannelModerationModule","channel","onPressHeaderLeft","NOOP","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","safeArea","useSafeAreaPadding","colors","useUIKitTheme","createElement","Provider","Header","ScrollView","style","backgroundColor","background","contentContainerStyle","paddingStart","styles","viewContainer","paddingHorizontal","paddingEnd","Menu","createStyleSheet","_default","exports"],"sources":["createGroupChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, useSafeAreaPadding } 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 safeArea = useSafeAreaPadding(['left', 'right']);\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            paddingStart: safeArea.paddingStart + styles.viewContainer.paddingHorizontal,\n            paddingEnd: safeArea.paddingEnd + 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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,uBAAA,GAAAJ,OAAA;AAAsF,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMtF,MAAMG,oCAAoC,GACxCC,UAAkD,IACf;EACnC,MAAMC,4BAA4B,GAAG,IAAAC,0DAAkC,EAACF,UAAU,CAAC;EAEnF,OAAO,CAAC;IACNG,OAAO;IACPC,iBAAiB,GAAGC,gBAAI;IACxBC,sBAAsB;IACtBC,uBAAuB;IACvBC,oBAAoB;IACpBC;EACF,CAAC,KAAK;IACJ,MAAMC,QAAQ,GAAG,IAAAC,8BAAkB,EAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;IAClC,oBACExB,MAAA,CAAAS,OAAA,CAAAgB,aAAA,CAACb,4BAA4B,CAACc,QAAQ;MAACZ,OAAO,EAAEA;IAAQ,gBACtDd,MAAA,CAAAS,OAAA,CAAAgB,aAAA,CAACb,4BAA4B,CAACe,MAAM;MAACZ,iBAAiB,EAAEA;IAAkB,CAAE,CAAC,eAC7Ef,MAAA,CAAAS,OAAA,CAAAgB,aAAA,CAACtB,YAAA,CAAAyB,UAAU;MACTC,KAAK,EAAE;QAAEC,eAAe,EAAEP,MAAM,CAACQ;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,YAAY,EAAEZ,QAAQ,CAACY,YAAY,GAAGC,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC5EC,UAAU,EAAEhB,QAAQ,CAACgB,UAAU,GAAGH,MAAM,CAACC,aAAa,CAACC;MACzD;IAAE,gBAEFpC,MAAA,CAAAS,OAAA,CAAAgB,aAAA,CAACb,4BAA4B,CAAC0B,IAAI;MAChCrB,sBAAsB,EAAEA,sBAAuB;MAC/CC,uBAAuB,EAAEA,uBAAwB;MACjDC,oBAAoB,EAAEA,oBAAqB;MAC3CC,gBAAgB,EAAEA;IAAiB,CACpC,CACS,CACyB,CAAC;EAE5C,CAAC;AACH,CAAC;AAED,MAAMc,MAAM,GAAG,IAAAK,4CAAgB,EAAC;EAC9BJ,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEYC,oCAAoC","ignoreList":[]}

package/lib/commonjs/fragments/createGroupChannelMutedMembersFragment.js

@@ -7,24 +7,23 @@ 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 _uikitTools = require("@sendbird/uikit-tools");
 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const createGroupChannelMutedMembersFragment = initModule => {
   const GroupChannelMutedMembersModule = (0, _groupChannelMutedMembers.createGroupChannelMutedMembersModule)(initModule);
-  return _ref => {
-    let {
-      onPressHeaderLeft = _uikitUtils.NOOP,
-      channel,
-      renderUser,
-      queryCreator = () => channel.createMutedUserListQuery({
-        limit: 20
-      })
-    } = _ref;
-    const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelMutedMembersFragment');
+  return ({
+    onPressHeaderLeft = _uikitUtils.NOOP,
+    channel,
+    renderUser,
+    queryCreator = () => channel.createMutedUserListQuery({
+      limit: 20
+    })
+  }) => {
     const {
       STRINGS
     } = (0, _useContext.useLocalization)();
@@ -46,7 +45,7 @@ const createGroupChannelMutedMembersFragment = initModule => {
     } = (0, _uikitChatHooks.useUserList)(sdk, {
       queryCreator
     });
-    (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
+    (0, _uikitTools.useGroupChannelHandler)(sdk, {
       onUserMuted(eventChannel, user) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         upsertUser(user);
@@ -104,6 +103,5 @@ const createGroupChannelMutedMembersFragment = initModule => {
     })));
   };
 };
-var _default = createGroupChannelMutedMembersFragment;
-exports.default = _default;
+var _default = exports.default = createGroupChannelMutedMembersFragment;
 //# sourceMappingURL=createGroupChannelMutedMembersFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_StatusComposition","_UserActionBar","_groupChannelMutedMembers","_useContext","obj","__esModule","default","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","createGroupChannelMutedMembersModule","_ref","onPressHeaderLeft","NOOP","channel","renderUser","queryCreator","createMutedUserListQuery","limit","handlerId","useUniqHandlerId","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","users","deleteUser","upsertUser","loading","refresh","error","next","useUserList","useChannelHandler","onUserMuted","eventChannel","user","isDifferentChannel","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","useFreshCallback","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","_default","exports"],"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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitTools","_uikitUtils","_StatusComposition","_UserActionBar","_groupChannelMutedMembers","_useContext","e","__esModule","default","createGroupChannelMutedMembersFragment","initModule","GroupChannelMutedMembersModule","createGroupChannelMutedMembersModule","onPressHeaderLeft","NOOP","channel","renderUser","queryCreator","createMutedUserListQuery","limit","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","users","deleteUser","upsertUser","loading","refresh","error","next","useUserList","useGroupChannelHandler","onUserMuted","eventChannel","user","isDifferentChannel","onUserUnmuted","userId","onUserLeft","onUserBanned","_renderUser","useFreshCallback","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","_default","exports"],"sources":["createGroupChannelMutedMembersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport { NOOP, isDifferentChannel, useFreshCallback } 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 { 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    useGroupChannelHandler(sdk, {\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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","ignoreList":[]}

package/lib/commonjs/fragments/createGroupChannelNotificationsFragment.js

@@ -7,14 +7,13 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _groupChannelNotifications = require("../domain/groupChannelNotifications");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const createGroupChannelNotificationsFragment = initModule => {
   const GroupChannelNotificationsModule = (0, _groupChannelNotifications.createGroupChannelNotificationsModule)(initModule);
-  return _ref => {
-    let {
-      onPressHeaderLeft = _uikitUtils.NOOP,
-      channel
-    } = _ref;
+  return ({
+    onPressHeaderLeft = _uikitUtils.NOOP,
+    channel
+  }) => {
     return /*#__PURE__*/_react.default.createElement(GroupChannelNotificationsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/_react.default.createElement(GroupChannelNotificationsModule.Header, {
@@ -22,6 +21,5 @@ const createGroupChannelNotificationsFragment = initModule => {
     }), /*#__PURE__*/_react.default.createElement(GroupChannelNotificationsModule.View, null));
   };
 };
-var _default = createGroupChannelNotificationsFragment;
-exports.default = _default;
+var _default = exports.default = createGroupChannelNotificationsFragment;
 //# sourceMappingURL=createGroupChannelNotificationsFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_groupChannelNotifications","obj","__esModule","default","createGroupChannelNotificationsFragment","initModule","GroupChannelNotificationsModule","createGroupChannelNotificationsModule","_ref","onPressHeaderLeft","NOOP","channel","createElement","Provider","Header","View","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,0BAAA,GAAAF,OAAA;AAA4F,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM5F,MAAMG,uCAAuC,GAC3CC,UAAqD,IACf;EACtC,MAAMC,+BAA+B,GAAG,IAAAC,gEAAqC,EAACF,UAAU,CAAC;EAEzF,OAAOG,IAAA,IAA2C;IAAA,IAA1C;MAAEC,iBAAiB,GAAGC,gBAAI;MAAEC;IAAQ,CAAC,GAAAH,IAAA;IAC3C,oBACEZ,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACN,+BAA+B,CAACO,QAAQ;MAACF,OAAO,EAAEA;IAAQ,gBACzDf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACN,+BAA+B,CAACQ,MAAM;MAACL,iBAAiB,EAAEA;IAAkB,EAAG,eAChFb,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACN,+BAA+B,CAACS,IAAI,OAAG,CACC;EAE/C,CAAC;AACH,CAAC;AAAC,IAAAC,QAAA,GAEaZ,uCAAuC;AAAAa,OAAA,CAAAd,OAAA,GAAAa,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_groupChannelNotifications","e","__esModule","default","createGroupChannelNotificationsFragment","initModule","GroupChannelNotificationsModule","createGroupChannelNotificationsModule","onPressHeaderLeft","NOOP","channel","createElement","Provider","Header","View","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,0BAAA,GAAAF,OAAA;AAA4F,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5F,MAAMG,uCAAuC,GAC3CC,UAAqD,IACf;EACtC,MAAMC,+BAA+B,GAAG,IAAAC,gEAAqC,EAACF,UAAU,CAAC;EAEzF,OAAO,CAAC;IAAEG,iBAAiB,GAAGC,gBAAI;IAAEC;EAAQ,CAAC,KAAK;IAChD,oBACEd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACL,+BAA+B,CAACM,QAAQ;MAACF,OAAO,EAAEA;IAAQ,gBACzDd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACL,+BAA+B,CAACO,MAAM;MAACL,iBAAiB,EAAEA;IAAkB,CAAE,CAAC,eAChFZ,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACL,+BAA+B,CAACQ,IAAI,MAAE,CACC,CAAC;EAE/C,CAAC;AACH,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaC,uCAAuC","ignoreList":[]}

package/lib/commonjs/fragments/createGroupChannelOperatorsFragment.js

@@ -7,25 +7,24 @@ 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 _uikitTools = require("@sendbird/uikit-tools");
 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const createGroupChannelOperatorsFragment = initModule => {
   const GroupChannelOperatorsModule = (0, _groupChannelOperators.createGroupChannelOperatorsModule)(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft,
-      onPressHeaderRight,
-      renderUser,
-      queryCreator = () => channel.createOperatorListQuery({
-        limit: 20
-      })
-    } = _ref;
-    const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelOperatorsFragment');
+  return ({
+    channel,
+    onPressHeaderLeft,
+    onPressHeaderRight,
+    renderUser,
+    queryCreator = () => channel.createOperatorListQuery({
+      limit: 20
+    })
+  }) => {
     const {
       STRINGS
     } = (0, _useContext.useLocalization)();
@@ -50,7 +49,7 @@ const createGroupChannelOperatorsFragment = initModule => {
     } = (0, _uikitChatHooks.useUserList)(sdk, {
       queryCreator
     });
-    (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
+    (0, _uikitTools.useGroupChannelHandler)(sdk, {
       onUserLeft(eventChannel, user) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         deleteUser(user.userId);
@@ -107,6 +106,5 @@ const createGroupChannelOperatorsFragment = initModule => {
     })));
   };
 };
-var _default = createGroupChannelOperatorsFragment;
-exports.default = _default;
+var _default = exports.default = createGroupChannelOperatorsFragment;
 //# sourceMappingURL=createGroupChannelOperatorsFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_StatusComposition","_UserActionBar","_groupChannelOperators","_useContext","obj","__esModule","default","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","createGroupChannelOperatorsModule","_ref","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","queryCreator","createOperatorListQuery","limit","handlerId","useUniqHandlerId","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","deleteUser","upsertUser","loading","refresh","next","error","useUserList","useChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","useFreshCallback","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","ifOperator","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty","_default","exports"],"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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitTools","_uikitUtils","_StatusComposition","_UserActionBar","_groupChannelOperators","_useContext","e","__esModule","default","createGroupChannelOperatorsFragment","initModule","GroupChannelOperatorsModule","createGroupChannelOperatorsModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","queryCreator","createOperatorListQuery","limit","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","deleteUser","upsertUser","loading","refresh","next","error","useUserList","useGroupChannelHandler","onUserLeft","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","useFreshCallback","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","ifOperator","myRole","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty","_default","exports"],"sources":["createGroupChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport { ifOperator, isDifferentChannel, useFreshCallback } 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 { 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    useGroupChannelHandler(sdk, {\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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","ignoreList":[]}

package/lib/commonjs/fragments/createGroupChannelRegisterOperatorFragment.js

@@ -11,22 +11,21 @@ var _StatusComposition = _interopRequireDefault(require("../components/StatusCom
 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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const createGroupChannelRegisterOperatorFragment = initModule => {
   const UserListModule = (0, _createUserListModule.default)(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft,
-      sortComparator,
-      renderUser,
-      onPressHeaderRight,
-      queryCreator = () => channel.createMemberListQuery({
-        limit: 20
-      })
-    } = _ref;
+  return ({
+    channel,
+    onPressHeaderLeft,
+    sortComparator,
+    renderUser,
+    onPressHeaderRight,
+    queryCreator = () => channel.createMemberListQuery({
+      limit: 20
+    })
+  }) => {
     const {
       sdk,
       currentUser
@@ -54,8 +53,7 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
         activeOpacity: 0.7,
         disabled: isOperator,
         onPress: () => {
-          setSelectedUsers(_ref2 => {
-            let [...draft] = _ref2;
+          setSelectedUsers(([...draft]) => {
             if (isSelected) draft.splice(userIdx, 1);else draft.push(user);
             return draft;
           });
@@ -96,6 +94,5 @@ const createGroupChannelRegisterOperatorFragment = initModule => {
     })));
   };
 };
-var _default = createGroupChannelRegisterOperatorFragment;
-exports.default = _default;
+var _default = exports.default = createGroupChannelRegisterOperatorFragment;
 //# sourceMappingURL=createGroupChannelRegisterOperatorFragment.js.map