@sendbird/uikit-react-native 2.4.1 → 2.4.2

package/lib/commonjs/fragments/createOpenChannelMutedParticipantsFragment.js

@@ -4,32 +4,25 @@ 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 _openChannelMutedParticipants = require("../domain/openChannelMutedParticipants");
-
 var _useContext = require("../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const createOpenChannelMutedParticipantsFragment = initModule => {
   const OpenChannelMutedParticipantsModule = (0, _openChannelMutedParticipants.createOpenChannelMutedParticipantsModule)(initModule);
   return _ref => {
     let {
       onPressHeaderLeft = _uikitUtils.NOOP,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createMutedUserListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = (0, _uikitUtils.useUniqHandlerId)('OpenChannelMutedParticipants');
     const {
@@ -51,23 +44,18 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
       error,
       next
     } = (0, _uikitChatHooks.useUserList)(sdk, {
-      queryCreator: () => channel.createMutedUserListQuery({
-        limit: 20
-      })
+      queryCreator
     });
     (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
       onUserMuted(eventChannel, user) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         upsertUser(user);
       },
-
       onUserUnmuted(eventChannel, user) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         deleteUser(user.userId);
       }
-
     }, 'open');
-
     const _renderUser = (0, _uikitUtils.useFreshCallback)(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -91,7 +79,6 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
         }
       });
     });
-
     return /*#__PURE__*/_react.default.createElement(OpenChannelMutedParticipantsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/_react.default.createElement(OpenChannelMutedParticipantsModule.Header, {
@@ -111,7 +98,6 @@ const createOpenChannelMutedParticipantsFragment = initModule => {
     })));
   };
 };
-
 var _default = createOpenChannelMutedParticipantsFragment;
 exports.default = _default;
 //# sourceMappingURL=createOpenChannelMutedParticipantsFragment.js.map

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

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

package/lib/commonjs/fragments/createOpenChannelOperatorsFragment.js

@@ -4,27 +4,16 @@ 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 _constants = require("../constants");
-
 var _openChannelOperators = require("../domain/openChannelOperators");
-
 var _useContext = require("../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const createOpenChannelOperatorsFragment = initModule => {
   const OpenChannelOperatorsModule = (0, _openChannelOperators.createOpenChannelOperatorsModule)(initModule);
   return _ref => {
@@ -32,7 +21,10 @@ const createOpenChannelOperatorsFragment = initModule => {
       onPressHeaderLeft = _uikitUtils.NOOP,
       onPressHeaderRight = _uikitUtils.NOOP,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createOperatorListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = (0, _uikitUtils.useUniqHandlerId)('OpenChannelOperatorsFragment');
     const {
@@ -57,24 +49,19 @@ const createOpenChannelOperatorsFragment = initModule => {
       next,
       error
     } = (0, _uikitChatHooks.useUserList)(sdk, {
-      queryCreator: () => channel.createOperatorListQuery({
-        limit: 20
-      })
+      queryCreator
     });
     (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
       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);
       }
-
     }, 'open');
-
     const _renderUser = (0, _uikitUtils.useFreshCallback)(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -97,7 +84,6 @@ const createOpenChannelOperatorsFragment = initModule => {
         })
       });
     });
-
     return /*#__PURE__*/_react.default.createElement(OpenChannelOperatorsModule.Provider, {
       channel: channel
     }, /*#__PURE__*/_react.default.createElement(OpenChannelOperatorsModule.Header, {
@@ -118,7 +104,6 @@ const createOpenChannelOperatorsFragment = initModule => {
     })));
   };
 };
-
 var _default = createOpenChannelOperatorsFragment;
 exports.default = _default;
 //# sourceMappingURL=createOpenChannelOperatorsFragment.js.map

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

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

package/lib/commonjs/fragments/createOpenChannelParticipantsFragment.js

@@ -4,40 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _uikitUtils = require("@sendbird/uikit-utils");
-
 var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
-
 var _UserActionBar = _interopRequireDefault(require("../components/UserActionBar"));
-
 var _constants = require("../constants");
-
 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 RETURN_EMPTY_STRING = () => '';
-
 const createOpenChannelParticipantsFragment = initModule => {
   const UserListModule = (0, _createUserListModule.default)(initModule);
   return _ref => {
     let {
       channel,
       onPressHeaderLeft,
-      renderUser
+      renderUser,
+      sortComparator,
+      queryCreator = () => channel.createParticipantListQuery({
+        limit: 20
+      })
     } = _ref;
     const handlerId = (0, _uikitUtils.useUniqHandlerId)('OpenChannelParticipantsFragment');
     const refreshSchedule = (0, _react.useRef)();
@@ -63,43 +53,36 @@ const createOpenChannelParticipantsFragment = initModule => {
       upsertUser,
       deleteUser
     } = (0, _uikitChatHooks.useUserList)(sdk, {
-      queryCreator: () => channel.createParticipantListQuery({
-        limit: 20
-      })
+      queryCreator,
+      sortComparator
     });
     (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
       onUserExited(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) {
         if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
         if (refreshSchedule.current) clearTimeout(refreshSchedule.current);
         refreshSchedule.current = setTimeout(() => refresh(), 500);
       },
-
       onUserMuted(eventChannel, user) {
-        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel) || !eventChannel.isOpenChannel()) return; // @ts-ignore - SDK should migrate User to Participant
-
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel) || !eventChannel.isOpenChannel()) return;
+        // @ts-ignore - SDK should migrate User to Participant
         user.isMuted = true;
         upsertUser(user);
       },
-
       onUserUnmuted(eventChannel, user) {
-        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel) || !eventChannel.isOpenChannel()) return; // @ts-ignore - SDK should migrate User to Participant
-
+        if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel) || !eventChannel.isOpenChannel()) return;
+        // @ts-ignore - SDK should migrate User to Participant
         user.isMuted = false;
         upsertUser(user);
       }
-
     }, 'open');
-
     const _renderUser = (0, _uikitUtils.useFreshCallback)((user, selectedUsers, setSelectedUsers) => {
       if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
       const isUserMuted = user.isMuted;
@@ -134,7 +117,6 @@ const createOpenChannelParticipantsFragment = initModule => {
         onPressAvatar: () => show(user)
       });
     });
-
     return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
       headerRight: RETURN_EMPTY_STRING,
       headerTitle: STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE
@@ -156,7 +138,6 @@ const createOpenChannelParticipantsFragment = initModule => {
     })));
   };
 };
-
 var _default = createOpenChannelParticipantsFragment;
 exports.default = _default;
 //# sourceMappingURL=createOpenChannelParticipantsFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["RETURN_EMPTY_STRING","createOpenChannelParticipantsFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","renderUser","handlerId","useUniqHandlerId","refreshSchedule","useRef","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","refresh","loading","next","error","upsertUser","deleteUser","useUserList","queryCreator","createParticipantListQuery","limit","useChannelHandler","onUserExited","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isOpenChannel","isMuted","onUserUnmuted","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","isUserMuted","isUserOperator","isOperator","isCurrentUserOperator","UNKNOWN_USER_ID","profileUrl","ifThenOr","LABELS","USER_BAR_OPERATOR","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","OPEN_CHANNEL_PARTICIPANTS","HEADER_TITLE","ASYNC_NOOP","Boolean"],"sources":["createOpenChannelParticipantsFragment.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 { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\nimport { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/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 = () => '';\nconst createOpenChannelParticipantsFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelParticipantsFragment<SendbirdParticipant> => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({ channel, onPressHeaderLeft, renderUser }) => {\n    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');\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.createParticipantListQuery({ limit: 20 }),\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserExited(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.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = true;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = false;\n          upsertUser(user);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isUserMuted = user.isMuted;\n      const isUserOperator = channel.isOperator(user.userId);\n      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n      return (\n        <UserActionBar\n          muted={isUserMuted}\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifThenOr(\n                isUserOperator,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            menuItems.push({\n              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n              onPress: ifThenOr(\n                isUserMuted,\n                () => channel.unmuteUser(user),\n                () => channel.muteUser(user),\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.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}\n      >\n        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />\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 as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelParticipantsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_StatusComposition","_interopRequireDefault","_UserActionBar","_constants","_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","createOpenChannelParticipantsFragment","initModule","UserListModule","createUserListModule","_ref","channel","onPressHeaderLeft","renderUser","sortComparator","queryCreator","createParticipantListQuery","limit","handlerId","useUniqHandlerId","refreshSchedule","useRef","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","openMenu","useActionMenu","show","useUserProfile","users","refresh","loading","next","error","upsertUser","deleteUser","useUserList","useChannelHandler","onUserExited","eventChannel","user","isDifferentChannel","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isOpenChannel","isMuted","onUserUnmuted","_renderUser","useFreshCallback","selectedUsers","setSelectedUsers","isUserMuted","isUserOperator","isOperator","isCurrentUserOperator","UNKNOWN_USER_ID","createElement","muted","uri","profileUrl","label","ifThenOr","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","OPEN_CHANNEL_PARTICIPANTS","HEADER_TITLE","Header","onPressHeaderRight","ASYNC_NOOP","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty","_default","exports"],"sources":["createOpenChannelParticipantsFragment.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 { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\nimport { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/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 = () => '';\nconst createOpenChannelParticipantsFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelParticipantsFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');\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(\n      sdk,\n      handlerId,\n      {\n        onUserExited(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.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = true;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = false;\n          upsertUser(user);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isUserMuted = user.isMuted;\n      const isUserOperator = channel.isOperator(user.userId);\n      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n      return (\n        <UserActionBar\n          muted={isUserMuted}\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifThenOr(\n                isUserOperator,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            menuItems.push({\n              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n              onPress: ifThenOr(\n                isUserMuted,\n                () => channel.unmuteUser(user),\n                () => channel.muteUser(user),\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.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}\n      >\n        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />\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 as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelParticipantsFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createOpenChannelRegisterOperatorFragment.js

@@ -4,27 +4,16 @@ 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 createOpenChannelRegisterOperatorFragment = initModule => {
   const UserListModule = (0, _createUserListModule.default)(initModule);
   return _ref => {
@@ -33,7 +22,10 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
       onPressHeaderLeft,
       sortComparator,
       renderUser,
-      onPressHeaderRight
+      onPressHeaderRight,
+      queryCreator = () => channel.createParticipantListQuery({
+        limit: 20
+      })
     } = _ref;
     const {
       sdk,
@@ -50,14 +42,9 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
       error,
       loading
     } = (0, _uikitChatHooks.useUserList)(sdk, {
-      queryCreator: () => {
-        return channel.createParticipantListQuery({
-          limit: 20
-        });
-      },
+      queryCreator,
       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);
@@ -80,7 +67,6 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
         disabled: isOperator
       }));
     }, [channel, renderUser]);
-
     return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
       headerRight: selectedUsers => STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({
         selectedUsers
@@ -110,7 +96,6 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
     })));
   };
 };
-
 var _default = createOpenChannelRegisterOperatorFragment;
 exports.default = _default;
 //# sourceMappingURL=createOpenChannelRegisterOperatorFragment.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createOpenChannelRegisterOperatorFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","users","refreshing","refresh","next","error","loading","useUserList","queryCreator","createParticipantListQuery","limit","_renderUser","useCallback","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","OPEN_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","HEADER_TITLE","length","addOperators","map","it","Boolean"],"sources":["createOpenChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { CustomQueryInterface, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { OpenChannelRegisterOperatorFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelRegisterOperatorFragment<SendbirdParticipant> => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(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: () => {\n        return channel.createParticipantListQuery({\n          limit: 20,\n        }) as unknown as CustomQueryInterface<SendbirdParticipant>;\n      },\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 = channel.isOperator(user);\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\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.OPEN_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 createOpenChannelRegisterOperatorFragment;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitChatHooks","_StatusComposition","_interopRequireDefault","_UserSelectableBar","_createUserListModule","_useContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","createOpenChannelRegisterOperatorFragment","initModule","UserListModule","createUserListModule","_ref","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","queryCreator","createParticipantListQuery","limit","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","users","refreshing","refresh","next","error","loading","useUserList","_renderUser","useCallback","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","createElement","TouchableOpacity","activeOpacity","disabled","onPress","_ref2","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","selected","Provider","headerRight","OPEN_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","shouldActivateHeaderRight","length","addOperators","map","it","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty","_default","exports"],"sources":["createOpenChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { OpenChannelRegisterOperatorFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelRegisterOperatorFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    sortComparator,\n    renderUser,\n    onPressHeaderRight,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, { queryCreator, sortComparator });\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 = channel.isOperator(user);\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\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.OPEN_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 as SendbirdParticipant[]}\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 createOpenChannelRegisterOperatorFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createOpenChannelSettingsFragment.js

@@ -4,21 +4,13 @@ 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 _openChannelSettings = require("../domain/openChannelSettings");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const createOpenChannelSettingsFragment = initModule => {
   const OpenChannelSettingsModule = (0, _openChannelSettings.createOpenChannelSettingsModule)(initModule);
   return _ref => {
@@ -59,7 +51,6 @@ const createOpenChannelSettingsFragment = initModule => {
     })));
   };
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   viewContainer: {
     paddingHorizontal: 16