@sendbird/uikit-react-native 1.0.0-rc.1

package/lib/commonjs/domain/userList/module/createUserListModule.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _UserListHeader = _interopRequireDefault(require("../component/UserListHeader"));
+
+var _UserListList = _interopRequireDefault(require("../component/UserListList"));
+
+var _UserListStatusEmpty = _interopRequireDefault(require("../component/UserListStatusEmpty"));
+
+var _UserListStatusError = _interopRequireDefault(require("../component/UserListStatusError"));
+
+var _UserListStatusLoading = _interopRequireDefault(require("../component/UserListStatusLoading"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createUserListModule = function () {
+  let {
+    Header = _UserListHeader.default,
+    List = _UserListList.default,
+    StatusLoading = _UserListStatusLoading.default,
+    StatusEmpty = _UserListStatusEmpty.default,
+    StatusError = _UserListStatusError.default,
+    Provider = _moduleContext.UserListContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    StatusLoading,
+    StatusEmpty,
+    StatusError,
+    Provider,
+    ...module
+  };
+};
+
+var _default = createUserListModule;
+exports.default = _default;
+//# sourceMappingURL=createUserListModule.js.map

package/lib/commonjs/domain/userList/module/createUserListModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createUserListModule","Header","UserListHeader","List","UserListList","StatusLoading","UserListStatusLoading","StatusEmpty","UserListStatusEmpty","StatusError","UserListStatusError","Provider","UserListContextsProvider","module"],"sources":["createUserListModule.tsx"],"sourcesContent":["import UserListHeader from '../component/UserListHeader';\nimport UserListList from '../component/UserListList';\nimport UserListStatusEmpty from '../component/UserListStatusEmpty';\nimport UserListStatusError from '../component/UserListStatusError';\nimport UserListStatusLoading from '../component/UserListStatusLoading';\nimport type { UserListModule } from '../types';\nimport { UserListContextsProvider } from './moduleContext';\n\nconst createUserListModule = <T,>({\n  Header = UserListHeader,\n  List = UserListList,\n  StatusLoading = UserListStatusLoading,\n  StatusEmpty = UserListStatusEmpty,\n  StatusError = UserListStatusError,\n  Provider = UserListContextsProvider,\n  ...module\n}: Partial<UserListModule<T>> = {}): UserListModule<T> => {\n  return { Header, List, StatusLoading, StatusEmpty, StatusError, Provider, ...module };\n};\n\nexport default createUserListModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,oBAAoB,GAAG,YAQ6B;EAAA,IARxB;IAChCC,MAAM,GAAGC,uBADuB;IAEhCC,IAAI,GAAGC,qBAFyB;IAGhCC,aAAa,GAAGC,8BAHgB;IAIhCC,WAAW,GAAGC,4BAJkB;IAKhCC,WAAW,GAAGC,4BALkB;IAMhCC,QAAQ,GAAGC,uCANqB;IAOhC,GAAGC;EAP6B,CAQwB,uEAA1B,EAA0B;EACxD,OAAO;IAAEZ,MAAF;IAAUE,IAAV;IAAgBE,aAAhB;IAA+BE,WAA/B;IAA4CE,WAA5C;IAAyDE,QAAzD;IAAmE,GAAGE;EAAtE,CAAP;AACD,CAVD;;eAYeb,oB"}

package/lib/commonjs/domain/userList/module/moduleContext.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserListContextsProvider = exports.UserListContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+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 UserListContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    headerRight: ''
+  }),
+  List: /*#__PURE__*/(0, _react.createContext)({
+    selectedUsers: [],
+    setSelectedUsers: _uikitUtils.NOOP
+  })
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+exports.UserListContexts = UserListContexts;
+
+const UserListContextsProvider = _ref => {
+  let {
+    children,
+    headerTitle,
+    headerRight
+  } = _ref;
+  const [selectedUsers, setSelectedUsers] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(UserListContexts.Fragment.Provider, {
+    value: {
+      headerTitle,
+      headerRight: headerRight(selectedUsers)
+    }
+  }, /*#__PURE__*/_react.default.createElement(UserListContexts.List.Provider, {
+    value: {
+      selectedUsers,
+      setSelectedUsers
+    }
+  }, children)));
+};
+
+exports.UserListContextsProvider = UserListContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

package/lib/commonjs/domain/userList/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserListContexts","Fragment","createContext","headerTitle","headerRight","List","selectedUsers","setSelectedUsers","NOOP","UserListContextsProvider","children","useState"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useState } from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nexport const UserListContexts: UserListContextsType<unknown> = {\n  Fragment: createContext({\n    headerTitle: '',\n    headerRight: '',\n  }),\n  List: createContext<ContextValue<UserListContextsType<unknown>['List']>>({\n    selectedUsers: [],\n    setSelectedUsers: NOOP,\n  }),\n};\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const UserListContextsProvider: React.FC<UserListProps<any>['Provider']> = ({\n  children,\n  headerTitle,\n  headerRight,\n}) => {\n  const [selectedUsers, setSelectedUsers] = useState<unknown[]>([]);\n\n  return (\n    <ProviderLayout>\n      <UserListContexts.Fragment.Provider value={{ headerTitle, headerRight: headerRight(selectedUsers) }}>\n        <UserListContexts.List.Provider value={{ selectedUsers, setSelectedUsers }}>\n          {children}\n        </UserListContexts.List.Provider>\n      </UserListContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;;;;;;;AAGO,MAAMA,gBAA+C,GAAG;EAC7DC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,WAAW,EAAE;EAFS,CAAd,CADmD;EAK7DC,IAAI,eAAE,IAAAH,oBAAA,EAAmE;IACvEI,aAAa,EAAE,EADwD;IAEvEC,gBAAgB,EAAEC;EAFqD,CAAnE;AALuD,CAAxD,C,CAUP;;;;AACO,MAAMC,wBAAkE,GAAG,QAI5E;EAAA,IAJ6E;IACjFC,QADiF;IAEjFP,WAFiF;IAGjFC;EAHiF,CAI7E;EACJ,MAAM,CAACE,aAAD,EAAgBC,gBAAhB,IAAoC,IAAAI,eAAA,EAAoB,EAApB,CAA1C;EAEA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,gBAAD,CAAkB,QAAlB,CAA2B,QAA3B;IAAoC,KAAK,EAAE;MAAER,WAAF;MAAeC,WAAW,EAAEA,WAAW,CAACE,aAAD;IAAvC;EAA3C,gBACE,6BAAC,gBAAD,CAAkB,IAAlB,CAAuB,QAAvB;IAAgC,KAAK,EAAE;MAAEA,aAAF;MAAiBC;IAAjB;EAAvC,GACGG,QADH,CADF,CADF,CADF;AASD,CAhBM"}

package/lib/commonjs/domain/userList/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/domain/userList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { ContextValue } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface UserListProps<User> {\n  /** Props for `UserListModule.Header` **/\n  Header: {\n    right?: React.ReactElement;\n    left?: React.ReactElement;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: (selectedUsers: User[]) => Promise<void>;\n    shouldActivateHeaderRight?: (selectedUsers: User[]) => boolean;\n  };\n  /** Props for `UserListModule.List` **/\n  List: {\n    /** User list from SendbirdChat SDK or Custom query {@link Fragment.queryCreator} **/\n    users: User[];\n    /** Render user component **/\n    renderUser: (\n      user: User,\n      selectedUsers: ContextValue<UserListContextsType<User>['List']>['selectedUsers'],\n      setSelectedUsers: ContextValue<UserListContextsType<User>['List']>['setSelectedUsers'],\n    ) => React.ReactElement | null;\n    /** Load next user list **/\n    onLoadNext: () => Promise<void>;\n    /** Refresh user list **/\n    onRefresh?: () => Promise<void>;\n    /** Refreshing state **/\n    refreshing?: boolean;\n    /** List empty component **/\n    ListEmptyComponent?: React.ReactElement;\n  };\n  /** Props for `UserListModule.Provider` **/\n  Provider: {\n    headerTitle: string;\n    headerRight: (selectedUsers: Array<User>) => string;\n  };\n}\n\n/**\n * Internal context for UserList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface UserListContextsType<User> {\n  Fragment: React.Context<{\n    headerTitle: string;\n    headerRight: string;\n  }>;\n  List: React.Context<{\n    selectedUsers: User[];\n    setSelectedUsers: React.Dispatch<React.SetStateAction<User[]>>;\n  }>;\n}\n\nexport interface UserListModule<User> {\n  Provider: React.FC<UserListProps<User>['Provider']>;\n  Header: CommonComponent<UserListProps<User>['Header']>;\n  List: CommonComponent<UserListProps<User>['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<{ onPressRetry: () => void }>;\n}\n"],"mappings":""}

package/lib/commonjs/fragments/createGroupChannelCreateFragment.js

@@ -0,0 +1,145 @@
+"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 _uikitUtils = require("@sendbird/uikit-utils");
+
+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 defaultUserIdsGenerator = users => {
+  const userIds = users.map(user => {
+    // @ts-ignore
+    return user.userId;
+  }).filter(u => Boolean(u));
+
+  if (userIds.length === 0) {
+    _uikitUtils.Logger.warn('GroupChannelCreateFragment: Couldn\'t find user ids! if you provide "queryCreator", please provide "userIdsGenerator" as well');
+  }
+
+  return userIds;
+};
+
+const createGroupChannelCreateFragment = initModule => {
+  const UserListModule = (0, _createUserListModule.default)(initModule);
+  return _ref => {
+    let {
+      userIdsGenerator = defaultUserIdsGenerator,
+      onPressHeaderLeft,
+      onBeforeCreateChannel = _uikitUtils.PASS,
+      onCreateChannel,
+      sortComparator,
+      queryCreator,
+      channelType = 'GROUP',
+      renderUser
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      users,
+      refreshing,
+      loading,
+      error,
+      refresh,
+      next
+    } = (0, _uikitChatHooks.useUserList)(sdk, {
+      queryCreator,
+      sortComparator
+    });
+
+    const _renderUser = (0, _react.useCallback)((user, selectedUsers, setSelectedUsers) => {
+      if (queryCreator && !renderUser) {
+        throw new Error('You should provide "renderUser" when providing "queryCreator"');
+      }
+
+      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
+      const sbUser = user;
+      const sbSelectedUsers = selectedUsers;
+      const sbSetSelectedUsers = setSelectedUsers;
+      const isMe = sbUser.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
+      if (isMe) return null;
+      const userIdx = sbSelectedUsers.findIndex(u => u.userId === sbUser.userId);
+      const isSelected = userIdx > -1;
+      return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+        activeOpacity: 0.7,
+        onPress: () => {
+          sbSetSelectedUsers(_ref2 => {
+            let [...draft] = _ref2;
+            if (isSelected) draft.splice(userIdx, 1);else draft.push(sbUser);
+            return draft;
+          });
+        }
+      }, /*#__PURE__*/_react.default.createElement(_UserSelectableBar.default, {
+        uri: sbUser.profileUrl,
+        name: sbUser.nickname || STRINGS.LABELS.USER_NO_NAME,
+        selected: isSelected,
+        disabled: false
+      }));
+    }, [renderUser, queryCreator]);
+
+    return /*#__PURE__*/_react.default.createElement(UserListModule.Provider, {
+      headerRight: selectedUsers => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({
+        selectedUsers
+      }),
+      headerTitle: STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE
+    }, /*#__PURE__*/_react.default.createElement(UserListModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: async users => {
+        const params = new sdk.GroupChannelParams();
+        if (channelType === 'BROADCAST') params.isBroadcast = true;
+        if (channelType === 'SUPER_GROUP') params.isSuper = true;
+        if (currentUser) params.operatorUserIds = [currentUser.userId];
+        params.addUserIds(userIdsGenerator(users));
+        params.name = '';
+        params.coverUrl = '';
+        params.isDistinct = false;
+        const processedParams = await onBeforeCreateChannel(params, users);
+        const channel = await sdk.GroupChannel.createChannel(processedParams);
+        onCreateChannel(channel);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      error: Boolean(error),
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusLoading, null),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusError, {
+        onPressRetry: () => refresh()
+      })
+    }, /*#__PURE__*/_react.default.createElement(UserListModule.List, {
+      onLoadNext: next,
+      users: users,
+      renderUser: _renderUser,
+      onRefresh: refresh,
+      refreshing: refreshing,
+      ListEmptyComponent: /*#__PURE__*/_react.default.createElement(UserListModule.StatusEmpty, null)
+    })));
+  };
+};
+
+var _default = createGroupChannelCreateFragment;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelCreateFragment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","Logger","warn","createGroupChannelCreateFragment","initModule","UserListModule","createUserListModule","userIdsGenerator","onPressHeaderLeft","onBeforeCreateChannel","PASS","onCreateChannel","sortComparator","queryCreator","channelType","renderUser","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","refreshing","loading","error","refresh","next","useUserList","_renderUser","useCallback","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","isMe","userIdx","findIndex","isSelected","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_CREATE","HEADER_RIGHT","HEADER_TITLE","params","GroupChannelParams","isBroadcast","isSuper","operatorUserIds","addUserIds","name","coverUrl","isDistinct","processedParams","channel","GroupChannel","createChannel"],"sources":["createGroupChannelCreateFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, PASS, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelCreateFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelCreateFragment: Couldn\\'t find user ids! if you provide \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelCreateFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelCreateFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    userIdsGenerator = defaultUserIdsGenerator,\n    onPressHeaderLeft,\n    onBeforeCreateChannel = PASS,\n    onCreateChannel,\n    sortComparator,\n    queryCreator,\n    channelType = 'GROUP',\n    renderUser,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, loading, error, refresh, next } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (queryCreator && !renderUser) {\n          throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n        }\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const sbUser = user as unknown as SendbirdUser;\n        const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n        const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n        const isMe = sbUser.userId === currentUser?.userId;\n        if (isMe) return null;\n\n        const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n        const isSelected = userIdx > -1;\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            onPress={() => {\n              sbSetSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(sbUser);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={sbUser.profileUrl}\n              name={sbUser.nickname || STRINGS.LABELS.USER_NO_NAME}\n              selected={isSelected}\n              disabled={false}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [renderUser, queryCreator],\n    );\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_CREATE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_CREATE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const params = new sdk.GroupChannelParams();\n\n            if (channelType === 'BROADCAST') params.isBroadcast = true;\n            if (channelType === 'SUPER_GROUP') params.isSuper = true;\n            if (currentUser) params.operatorUserIds = [currentUser.userId];\n            params.addUserIds(userIdsGenerator(users));\n            params.name = '';\n            params.coverUrl = '';\n            params.isDistinct = false;\n\n            const processedParams = await onBeforeCreateChannel(params, users);\n            const channel = await sdk.GroupChannel.createChannel(processedParams);\n            onCreateChannel(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 createGroupChannelCreateFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelFragment.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _MessageRenderer = _interopRequireDefault(require("../components/MessageRenderer"));
+
+var _NewMessagesButton = _interopRequireDefault(require("../components/NewMessagesButton"));
+
+var _ScrollToBottomButton = _interopRequireDefault(require("../components/ScrollToBottomButton"));
+
+var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
+
+var _createGroupChannelModule = _interopRequireDefault(require("../domain/groupChannel/module/createGroupChannelModule"));
+
+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 createGroupChannelFragment = initModule => {
+  const GroupChannelModule = (0, _createGroupChannelModule.default)(initModule);
+  return _ref => {
+    let {
+      renderNewMessagesButton = props => /*#__PURE__*/_react.default.createElement(_NewMessagesButton.default, props),
+      renderScrollToBottomButton = props => /*#__PURE__*/_react.default.createElement(_ScrollToBottomButton.default, props),
+      renderMessage,
+      enableMessageGrouping = true,
+      enableTypingIndicator = true,
+      onPressHeaderLeft = _uikitUtils.NOOP,
+      onPressHeaderRight = _uikitUtils.NOOP,
+      onPressImageMessage = _uikitUtils.NOOP,
+      onChannelDeleted = _uikitUtils.NOOP,
+      onBeforeSendFileMessage = _uikitUtils.PASS,
+      onBeforeSendUserMessage = _uikitUtils.PASS,
+      channel,
+      keyboardAvoidOffset,
+      queryCreator,
+      collectionCreator,
+      sortComparator = _uikitUtils.messageComparator,
+      flatListProps
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      activeChannel,
+      messages,
+      nextMessages,
+      newMessagesFromMembers,
+      next,
+      prev,
+      sendFileMessage,
+      sendUserMessage,
+      updateFileMessage,
+      updateUserMessage,
+      resendMessage,
+      deleteMessage,
+      loading
+    } = (0, _uikitChatHooks.useGroupChannelMessages)(sdk, channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
+      collectionCreator,
+      queryCreator,
+      sortComparator,
+      onChannelDeleted,
+      enableCollectionWithoutLocalCache: true
+    });
+
+    const _renderMessage = (0, _react.useCallback)(props => {
+      if (renderMessage) return renderMessage(props);
+      return /*#__PURE__*/_react.default.createElement(_MessageRenderer.default, props);
+    }, [renderMessage]);
+
+    const memoizedFlatListProps = (0, _react.useMemo)(() => ({
+      ListEmptyComponent: /*#__PURE__*/_react.default.createElement(GroupChannelModule.StatusEmpty, null),
+      contentContainerStyle: {
+        flexGrow: 1
+      },
+      ...flatListProps
+    }), [loading, flatListProps]);
+    const onSendFileMessage = (0, _react.useCallback)(async file => {
+      const params = new sdk.FileMessageParams();
+      params.file = file;
+      const processedParams = await onBeforeSendFileMessage(params);
+      await sendFileMessage(processedParams);
+    }, [sdk, sendFileMessage, onBeforeSendFileMessage]);
+    const onSendUserMessage = (0, _react.useCallback)(async text => {
+      const params = new sdk.UserMessageParams();
+      params.message = text;
+      const processedParams = await onBeforeSendUserMessage(params);
+      await sendUserMessage(processedParams);
+    }, [sdk, sendUserMessage, onBeforeSendUserMessage]);
+    const onUpdateFileMessage = (0, _react.useCallback)(async (editedFile, message) => {
+      const params = new sdk.FileMessageParams();
+      params.file = editedFile;
+      const processedParams = await onBeforeSendFileMessage(params);
+      await updateFileMessage(message.messageId, processedParams);
+    }, [sdk, updateFileMessage, onBeforeSendFileMessage]);
+    const onUpdateUserMessage = (0, _react.useCallback)(async (editedText, message) => {
+      const params = new sdk.UserMessageParams();
+      params.message = editedText;
+      const processedParams = await onBeforeSendUserMessage(params);
+      await updateUserMessage(message.messageId, processedParams);
+    }, [sdk, updateUserMessage, onBeforeSendUserMessage]);
+    return /*#__PURE__*/_react.default.createElement(GroupChannelModule.Provider, {
+      channel: activeChannel,
+      enableTypingIndicator: enableTypingIndicator,
+      keyboardAvoidOffset: keyboardAvoidOffset
+    }, /*#__PURE__*/_react.default.createElement(GroupChannelModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: onPressHeaderRight
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(GroupChannelModule.StatusLoading, null)
+    }, /*#__PURE__*/_react.default.createElement(GroupChannelModule.MessageList, {
+      enableMessageGrouping: enableMessageGrouping,
+      currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
+      channel: activeChannel,
+      renderMessage: _renderMessage,
+      messages: messages,
+      nextMessages: nextMessages,
+      newMessagesFromMembers: newMessagesFromMembers,
+      onTopReached: prev,
+      onBottomReached: next,
+      renderNewMessagesButton: renderNewMessagesButton,
+      renderScrollToBottomButton: renderScrollToBottomButton,
+      onResendFailedMessage: resendMessage,
+      onDeleteMessage: deleteMessage,
+      onPressImageMessage: onPressImageMessage,
+      flatListProps: memoizedFlatListProps
+    }), /*#__PURE__*/_react.default.createElement(GroupChannelModule.Input, {
+      channel: activeChannel,
+      onSendFileMessage: onSendFileMessage,
+      onSendUserMessage: onSendUserMessage,
+      onUpdateFileMessage: onUpdateFileMessage,
+      onUpdateUserMessage: onUpdateUserMessage
+    })));
+  };
+};
+
+var _default = createGroupChannelFragment;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelFragment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelFragment","initModule","GroupChannelModule","createGroupChannelModule","renderNewMessagesButton","props","renderScrollToBottomButton","renderMessage","enableMessageGrouping","enableTypingIndicator","onPressHeaderLeft","NOOP","onPressHeaderRight","onPressImageMessage","onChannelDeleted","onBeforeSendFileMessage","PASS","onBeforeSendUserMessage","channel","keyboardAvoidOffset","queryCreator","collectionCreator","sortComparator","messageComparator","flatListProps","sdk","currentUser","useSendbirdChat","activeChannel","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","useGroupChannelMessages","userId","enableCollectionWithoutLocalCache","_renderMessage","useCallback","memoizedFlatListProps","useMemo","ListEmptyComponent","contentContainerStyle","flexGrow","onSendFileMessage","file","params","FileMessageParams","processedParams","onSendUserMessage","text","UserMessageParams","message","onUpdateFileMessage","editedFile","messageId","onUpdateUserMessage","editedText"],"sources":["createGroupChannelFragment.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { NOOP, PASS, messageComparator } from '@sendbird/uikit-utils';\n\nimport MessageRenderer from '../components/MessageRenderer';\nimport NewMessagesButton from '../components/NewMessagesButton';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';\nimport type { GroupChannelFragment, GroupChannelModule, GroupChannelProps } from '../domain/groupChannel/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): GroupChannelFragment => {\n  const GroupChannelModule = createGroupChannelModule(initModule);\n\n  return ({\n    renderNewMessagesButton = (props) => <NewMessagesButton {...props} />,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n    renderMessage,\n    enableMessageGrouping = true,\n    enableTypingIndicator = true,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    onPressImageMessage = NOOP,\n    onChannelDeleted = NOOP,\n    onBeforeSendFileMessage = PASS,\n    onBeforeSendUserMessage = PASS,\n    channel,\n    keyboardAvoidOffset,\n    queryCreator,\n    collectionCreator,\n    sortComparator = messageComparator,\n    flatListProps,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const {\n      activeChannel,\n      messages,\n      nextMessages,\n      newMessagesFromMembers,\n      next,\n      prev,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {\n      collectionCreator,\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      enableCollectionWithoutLocalCache: true,\n    });\n\n    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useCallback(\n      (props) => {\n        if (renderMessage) return renderMessage(props);\n        return <MessageRenderer {...props} />;\n      },\n      [renderMessage],\n    );\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <GroupChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useCallback(\n      async (file) => {\n        const params = new sdk.FileMessageParams();\n        params.file = file;\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n      [sdk, sendFileMessage, onBeforeSendFileMessage],\n    );\n\n    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useCallback(\n      async (text) => {\n        const params = new sdk.UserMessageParams();\n        params.message = text;\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n      [sdk, sendUserMessage, onBeforeSendUserMessage],\n    );\n    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useCallback(\n      async (editedFile, message) => {\n        const params = new sdk.FileMessageParams();\n        params.file = editedFile;\n        const processedParams = await onBeforeSendFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n      [sdk, updateFileMessage, onBeforeSendFileMessage],\n    );\n    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useCallback(\n      async (editedText, message) => {\n        const params = new sdk.UserMessageParams();\n        params.message = editedText;\n        const processedParams = await onBeforeSendUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n      [sdk, updateUserMessage, onBeforeSendUserMessage],\n    );\n\n    return (\n      <GroupChannelModule.Provider\n        channel={activeChannel}\n        enableTypingIndicator={enableTypingIndicator}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <GroupChannelModule.Header onPressHeaderLeft={onPressHeaderLeft} onPressHeaderRight={onPressHeaderRight} />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelModule.StatusLoading />}>\n          <GroupChannelModule.MessageList\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            channel={activeChannel}\n            renderMessage={_renderMessage}\n            messages={messages}\n            nextMessages={nextMessages}\n            newMessagesFromMembers={newMessagesFromMembers}\n            onTopReached={prev}\n            onBottomReached={next}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressImageMessage={onPressImageMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <GroupChannelModule.Input\n            channel={activeChannel}\n            onSendFileMessage={onSendFileMessage}\n            onSendUserMessage={onSendUserMessage}\n            onUpdateFileMessage={onUpdateFileMessage}\n            onUpdateUserMessage={onUpdateUserMessage}\n          />\n        </StatusComposition>\n      </GroupChannelModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createGroupChannelInviteFragment.js

@@ -0,0 +1,139 @@
+"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 _uikitUtils = require("@sendbird/uikit-utils");
+
+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 defaultUserIdsGenerator = users => {
+  const userIds = users.map(user => {
+    // @ts-ignore
+    return user.userId;
+  }).filter(u => Boolean(u));
+
+  if (userIds.length === 0) {
+    _uikitUtils.Logger.warn('GroupChannelInviteFragment: Couldn\'t find user id to invite! if you provided "queryCreator", please provide "userIdsGenerator" as well');
+  }
+
+  return userIds;
+};
+
+const createGroupChannelInviteFragment = initModule => {
+  const UserListModule = (0, _createUserListModule.default)(initModule);
+  return _ref => {
+    let {
+      channel,
+      onPressHeaderLeft,
+      onInviteMembers,
+      userIdsGenerator = defaultUserIdsGenerator,
+      sortComparator,
+      queryCreator,
+      renderUser
+    } = _ref;
+    const {
+      sdk
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      users,
+      refreshing,
+      refresh,
+      next,
+      error,
+      loading
+    } = (0, _uikitChatHooks.useUserList)(sdk, {
+      queryCreator,
+      sortComparator
+    });
+    const {
+      activeChannel
+    } = (0, _uikitChatHooks.useActiveGroupChannel)(sdk, channel);
+
+    const _renderUser = (0, _react.useCallback)((user, selectedUsers, setSelectedUsers) => {
+      if (queryCreator && !renderUser) {
+        throw new Error('You should provide "renderUser" when providing "queryCreator"');
+      }
+
+      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
+      const sbUser = user;
+      const sbSelectedUsers = selectedUsers;
+      const sbSetSelectedUsers = setSelectedUsers;
+      const joinedUserIds = activeChannel.members.map(u => u.userId);
+      const userIdx = sbSelectedUsers.findIndex(u => u.userId === sbUser.userId);
+      const isSelected = userIdx > -1;
+      const isAlreadyJoined = joinedUserIds.includes(sbUser.userId);
+      return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+        activeOpacity: 0.7,
+        disabled: isAlreadyJoined,
+        onPress: () => {
+          sbSetSelectedUsers(_ref2 => {
+            let [...draft] = _ref2;
+            if (isSelected) draft.splice(userIdx, 1);else draft.push(sbUser);
+            return draft;
+          });
+        }
+      }, /*#__PURE__*/_react.default.createElement(_UserSelectableBar.default, {
+        uri: sbUser.profileUrl,
+        name: sbUser.nickname || STRINGS.LABELS.USER_NO_NAME,
+        selected: isAlreadyJoined || isSelected,
+        disabled: isAlreadyJoined
+      }));
+    }, [activeChannel, 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 = userIdsGenerator(users);
+        const updatedChannel = await activeChannel.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)
+    })));
+  };
+};
+
+var _default = createGroupChannelInviteFragment;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelInviteFragment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultUserIdsGenerator","users","userIds","map","user","userId","filter","u","Boolean","length","Logger","warn","createGroupChannelInviteFragment","initModule","UserListModule","createUserListModule","channel","onPressHeaderLeft","onInviteMembers","userIdsGenerator","sortComparator","queryCreator","renderUser","sdk","useSendbirdChat","STRINGS","useLocalization","refreshing","refresh","next","error","loading","useUserList","activeChannel","useActiveGroupChannel","_renderUser","useCallback","selectedUsers","setSelectedUsers","Error","sbUser","sbSelectedUsers","sbSetSelectedUsers","joinedUserIds","members","userIdx","findIndex","isSelected","isAlreadyJoined","includes","draft","splice","push","profileUrl","nickname","LABELS","USER_NO_NAME","GROUP_CHANNEL_INVITE","HEADER_RIGHT","HEADER_TITLE","updatedChannel","inviteWithUserIds"],"sources":["createGroupChannelInviteFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useActiveGroupChannel, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { Logger, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { GroupChannelInviteFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst defaultUserIdsGenerator = <T,>(users: T[]) => {\n  const userIds = users\n    .map((user) => {\n      // @ts-ignore\n      return user.userId as string | undefined;\n    })\n    .filter((u): u is string => Boolean(u));\n\n  if (userIds.length === 0) {\n    Logger.warn(\n      'GroupChannelInviteFragment: Couldn\\'t find user id to invite! if you provided \"queryCreator\", please provide \"userIdsGenerator\" as well',\n    );\n  }\n\n  return userIds;\n};\n\nconst createGroupChannelInviteFragment = <UserType,>(\n  initModule?: Partial<UserListModule<UserType>>,\n): GroupChannelInviteFragment<UserType> => {\n  const UserListModule = createUserListModule<UserType>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onInviteMembers,\n    userIdsGenerator = defaultUserIdsGenerator,\n    sortComparator,\n    queryCreator,\n    renderUser,\n  }) => {\n    const { sdk } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    const { activeChannel } = useActiveGroupChannel(sdk, channel);\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (queryCreator && !renderUser) {\n          throw new Error('You should provide \"renderUser\" when providing \"queryCreator\"');\n        }\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const sbUser = user as unknown as SendbirdUser;\n        const sbSelectedUsers = selectedUsers as unknown as SendbirdUser[];\n        const sbSetSelectedUsers = setSelectedUsers as unknown as React.Dispatch<React.SetStateAction<SendbirdUser[]>>;\n\n        const joinedUserIds = activeChannel.members.map((u) => u.userId);\n        const userIdx = sbSelectedUsers.findIndex((u) => u.userId === sbUser.userId);\n        const isSelected = userIdx > -1;\n\n        const isAlreadyJoined = joinedUserIds.includes(sbUser.userId);\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isAlreadyJoined}\n            onPress={() => {\n              sbSetSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(sbUser);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={sbUser.profileUrl}\n              name={sbUser.nickname || STRINGS.LABELS.USER_NO_NAME}\n              selected={isAlreadyJoined || isSelected}\n              disabled={isAlreadyJoined}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [activeChannel, renderUser, queryCreator],\n    );\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.GROUP_CHANNEL_INVITE.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.GROUP_CHANNEL_INVITE.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            const userIds = userIdsGenerator(users);\n            const updatedChannel = await activeChannel.inviteWithUserIds(userIds);\n            onInviteMembers(updatedChannel);\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 createGroupChannelInviteFragment;\n"],"mappings":"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"}