@sendbird/uikit-react-native
Version:
Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.
103 lines (102 loc) • 4.83 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reactNative = require("react-native");
var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
var _UserSelectableBar = _interopRequireDefault(require("../components/UserSelectableBar"));
var _createUserListModule = _interopRequireDefault(require("../domain/userList/module/createUserListModule"));
var _useContext = require("../hooks/useContext");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const createGroupChannelInviteFragment = initModule => {
const UserListModule = (0, _createUserListModule.default)(initModule);
return ({
channel,
onPressHeaderLeft,
onInviteMembers,
sortComparator,
queryCreator,
renderUser
}) => {
const {
sdk
} = (0, _useContext.useSendbirdChat)();
const {
STRINGS
} = (0, _useContext.useLocalization)();
const {
users,
refreshing,
refresh,
next,
error,
loading
} = (0, _uikitChatHooks.useUserList)(sdk, {
queryCreator,
sortComparator
});
const memberIds = shouldFilterMember(channel) ? channel.members.map(it => it.userId) : [];
const _renderUser = (0, _react.useCallback)((user, selectedUsers, setSelectedUsers) => {
if (queryCreator && !renderUser) {
const hasRequiredKey = 'profileUrl' in user && 'nickname' in user;
if (!hasRequiredKey) throw new Error('You should provide "renderUser" when providing "queryCreator"');
}
if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
const userIdxInMembers = memberIds.indexOf(user.userId);
const userIdxInSelectedUsers = selectedUsers.findIndex(it => it.userId === user.userId);
const isMember = userIdxInMembers > -1;
const isSelected = userIdxInSelectedUsers > -1;
return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
activeOpacity: 0.7,
disabled: isMember,
onPress: () => {
setSelectedUsers(([...draft]) => {
if (isSelected) draft.splice(userIdxInSelectedUsers, 1);else draft.push(user);
return draft;
});
}
}, /*#__PURE__*/_react.default.createElement(_UserSelectableBar.default, {
uri: user.profileUrl,
name: user.nickname || STRINGS.LABELS.USER_NO_NAME,
selected: isMember || isSelected,
disabled: isMember
}));
}, [channel, renderUser, queryCreator]);
return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_INVITE.HEADER_RIGHT({
selectedUsers
}),
headerTitle: STRINGS.GROUP_CHANNEL_INVITE.HEADER_TITLE
}, /*#__PURE__*/_react.default.createElement(UserListModule.Header, {
onPressHeaderLeft: onPressHeaderLeft,
onPressHeaderRight: async users => {
const userIds = users.map(it => it.userId);
const updatedChannel = await channel.inviteWithUserIds(userIds);
onInviteMembers(updatedChannel);
}
}), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
loading: loading,
error: Boolean(error),
LoadingComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusLoading, null),
ErrorComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusError, {
onPressRetry: () => refresh()
})
}, /*#__PURE__*/_react.default.createElement(UserListModule.List, {
onLoadNext: next,
users: users,
renderUser: _renderUser,
onRefresh: refresh,
refreshing: refreshing,
ListEmptyComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusEmpty, null)
})));
};
};
function shouldFilterMember(channel) {
return !channel.isSuper && !channel.isBroadcast;
}
var _default = exports.default = createGroupChannelInviteFragment;
//# sourceMappingURL=createGroupChannelInviteFragment.js.map