@sendbird/uikit-react-native 1.0.1 → 1.0.2

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdGroupChannel, SendbirdGroupChannelParams } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\nimport type { GroupChannelType } from '../groupChannelList/types';\nimport type { UserListProps } from '../userList/types';\n\ntype UserIds = string[];\n\nexport interface GroupChannelCreateProps<User> {\n  Fragment: {\n    onPressHeaderLeft: () => void;\n    onCreateChannel: (channel: SendbirdGroupChannel) => void;\n    channelType?: GroupChannelType;\n    userIdsGenerator?: (users: User[]) => UserIds;\n    onBeforeCreateChannel?: (\n      params: SendbirdGroupChannelParams,\n      users: User[],\n    ) => SendbirdGroupChannelParams | Promise<SendbirdGroupChannelParams>;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    queryCreator?: UseUserListOptions<User>['queryCreator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type GroupChannelCreateFragment<User> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;\n\nexport interface GroupChannelInviteProps<User> {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: () => void;\n    onInviteMembers: (channel: SendbirdGroupChannel) => void;\n    userIdsGenerator?: (users: User[]) => UserIds;\n    queryCreator?: UseUserListOptions<User>['queryCreator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n  };\n}\nexport type GroupChannelInviteFragment<User> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;\n\nexport interface GroupChannelMembersProps<User> {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n    sortComparator?: UseUserListOptions<User>['sortComparator'];\n    renderUser?: UserListProps<User>['List']['renderUser'];\n  };\n}\nexport type GroupChannelMembersFragment<User> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/userList/component/UserListHeader.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _moduleContext = require("../module/moduleContext");
+
+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 UserListHeader = _ref => {
+  let {
+    onPressHeaderLeft,
+    onPressHeaderRight,
+    right,
+    left,
+    shouldActivateHeaderRight = selectedUsers => selectedUsers.length > 0
+  } = _ref;
+  const {
+    headerTitle,
+    headerRight
+  } = (0, _react.useContext)(_moduleContext.UserListContexts.Fragment);
+  const {
+    selectedUsers
+  } = (0, _react.useContext)(_moduleContext.UserListContexts.List);
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const isActive = shouldActivateHeaderRight(selectedUsers);
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: headerTitle,
+    right: right ?? /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      button: true,
+      color: isActive ? colors.primary : colors.onBackground04
+    }, headerRight),
+    onPressRight: isActive ? () => onPressHeaderRight(selectedUsers) : undefined,
+    left: left ?? /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+var _default = UserListHeader;
+exports.default = _default;
+//# sourceMappingURL=UserListHeader.js.map

package/lib/commonjs/domain/userList/component/UserListHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserListHeader","onPressHeaderLeft","onPressHeaderRight","right","left","shouldActivateHeaderRight","selectedUsers","length","headerTitle","headerRight","useContext","UserListContexts","Fragment","List","HeaderComponent","useHeaderStyle","colors","useUIKitTheme","isActive","primary","onBackground04","undefined"],"sources":["UserListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { UserListContexts } from '../module/moduleContext';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nconst UserListHeader = <T,>({\n  onPressHeaderLeft,\n  onPressHeaderRight,\n  right,\n  left,\n  shouldActivateHeaderRight = (selectedUsers) => selectedUsers.length > 0,\n}: UserListProps<T>['Header']) => {\n  const { headerTitle, headerRight } = useContext(UserListContexts.Fragment);\n  const { selectedUsers } = useContext(UserListContexts.List as UserListContextsType<T>['List']);\n  const { HeaderComponent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n\n  const isActive = shouldActivateHeaderRight(selectedUsers);\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      right={\n        right ?? (\n          <Text button color={isActive ? colors.primary : colors.onBackground04}>\n            {headerRight}\n          </Text>\n        )\n      }\n      onPressRight={isActive ? () => onPressHeaderRight(selectedUsers) : undefined}\n      left={left ?? <Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n    />\n  );\n};\n\nexport default UserListHeader;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,cAAc,GAAG,QAMW;EAAA,IANN;IAC1BC,iBAD0B;IAE1BC,kBAF0B;IAG1BC,KAH0B;IAI1BC,IAJ0B;IAK1BC,yBAAyB,GAAIC,aAAD,IAAmBA,aAAa,CAACC,MAAd,GAAuB;EAL5C,CAMM;EAChC,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA+B,IAAAC,iBAAA,EAAWC,+BAAA,CAAiBC,QAA5B,CAArC;EACA,MAAM;IAAEN;EAAF,IAAoB,IAAAI,iBAAA,EAAWC,+BAAA,CAAiBE,IAA5B,CAA1B;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAMC,QAAQ,GAAGb,yBAAyB,CAACC,aAAD,CAA1C;EAEA,oBACE,6BAAC,eAAD;IACE,KAAK,EAAEE,WADT;IAEE,KAAK,EACHL,KAAK,iBACH,6BAAC,gCAAD;MAAM,MAAM,MAAZ;MAAa,KAAK,EAAEe,QAAQ,GAAGF,MAAM,CAACG,OAAV,GAAoBH,MAAM,CAACI;IAAvD,GACGX,WADH,CAJN;IASE,YAAY,EAAES,QAAQ,GAAG,MAAMhB,kBAAkB,CAACI,aAAD,CAA3B,GAA6Ce,SATrE;IAUE,IAAI,EAAEjB,IAAI,iBAAI,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAVhB;IAWE,WAAW,EAAEH;EAXf,EADF;AAeD,CA7BD;;eA+BeD,c"}

package/lib/commonjs/domain/userList/component/UserListList.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _moduleContext = require("../module/moduleContext");
+
+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 UserListList = _ref => {
+  let {
+    users,
+    onRefresh,
+    refreshing,
+    renderUser,
+    onLoadNext,
+    ListEmptyComponent
+  } = _ref;
+  const context = (0, _react.useContext)(_moduleContext.UserListContexts.List);
+  const renderItem = (0, _react.useCallback)(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return renderUser === null || renderUser === void 0 ? void 0 : renderUser(item, context.selectedUsers, context.setSelectedUsers);
+  }, [renderUser, context.selectedUsers, context.setSelectedUsers]);
+  const {
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: users,
+    refreshing: refreshing,
+    onRefresh: onRefresh,
+    renderItem: renderItem,
+    onEndReached: onLoadNext,
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right,
+      flexGrow: 1
+    },
+    ListEmptyComponent: ListEmptyComponent
+  });
+};
+
+var _default = UserListList;
+exports.default = _default;
+//# sourceMappingURL=UserListList.js.map

package/lib/commonjs/domain/userList/component/UserListList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserListList","users","onRefresh","refreshing","renderUser","onLoadNext","ListEmptyComponent","context","useContext","UserListContexts","List","renderItem","useCallback","item","selectedUsers","setSelectedUsers","left","right","useSafeAreaInsets","paddingLeft","paddingRight","flexGrow"],"sources":["UserListList.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { UserListContexts } from '../module/moduleContext';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nconst UserListList = <T,>({\n  users,\n  onRefresh,\n  refreshing,\n  renderUser,\n  onLoadNext,\n  ListEmptyComponent,\n}: UserListProps<T>['List']) => {\n  const context = useContext(UserListContexts.List as UserListContextsType<T>['List']);\n  const renderItem: ListRenderItem<T> = useCallback(\n    ({ item }) => renderUser?.(item, context.selectedUsers, context.setSelectedUsers),\n    [renderUser, context.selectedUsers, context.setSelectedUsers],\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={users}\n      refreshing={refreshing}\n      onRefresh={onRefresh}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n    />\n  );\n};\n\nexport default UserListList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAGA,MAAMA,YAAY,GAAG,QAOW;EAAA,IAPN;IACxBC,KADwB;IAExBC,SAFwB;IAGxBC,UAHwB;IAIxBC,UAJwB;IAKxBC,UALwB;IAMxBC;EANwB,CAOM;EAC9B,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWC,+BAAA,CAAiBC,IAA5B,CAAhB;EACA,MAAMC,UAA6B,GAAG,IAAAC,kBAAA,EACpC;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAAcT,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAGS,IAAH,EAASN,OAAO,CAACO,aAAjB,EAAgCP,OAAO,CAACQ,gBAAxC,CAAxB;EAAA,CADoC,EAEpC,CAACX,UAAD,EAAaG,OAAO,CAACO,aAArB,EAAoCP,OAAO,CAACQ,gBAA5C,CAFoC,CAAtC;EAIA,MAAM;IAAEC,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EAEA,oBACE,6BAAC,qBAAD;IACE,IAAI,EAAEjB,KADR;IAEE,UAAU,EAAEE,UAFd;IAGE,SAAS,EAAED,SAHb;IAIE,UAAU,EAAES,UAJd;IAKE,YAAY,EAAEN,UALhB;IAME,qBAAqB,EAAE;MAAEc,WAAW,EAAEH,IAAf;MAAqBI,YAAY,EAAEH,KAAnC;MAA0CI,QAAQ,EAAE;IAApD,CANzB;IAOE,kBAAkB,EAAEf;EAPtB,EADF;AAWD,CA1BD;;eA4BeN,Y"}

package/lib/commonjs/domain/userList/component/UserListStatusEmpty.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UserListStatusEmpty = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'no-users'
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = UserListStatusEmpty;
+exports.default = _default;
+//# sourceMappingURL=UserListStatusEmpty.js.map

package/lib/commonjs/domain/userList/component/UserListStatusEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserListStatusEmpty","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["UserListStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst UserListStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-users'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default UserListStatusEmpty;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,mBAAmB,GAAG,MAAM;EAChC,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeP,mB"}

package/lib/commonjs/domain/userList/component/UserListStatusError.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UserListStatusLoading = _ref => {
+  let {
+    onPressRetry
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'error-wrong',
+    onPressRetry: onPressRetry
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = UserListStatusLoading;
+exports.default = _default;
+//# sourceMappingURL=UserListStatusError.js.map

package/lib/commonjs/domain/userList/component/UserListStatusError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserListStatusLoading","onPressRetry","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["UserListStatusError.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { UserListModule } from '../types';\n\nconst UserListStatusLoading: UserListModule<unknown>['StatusError'] = ({ onPressRetry }) => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={onPressRetry} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default UserListStatusLoading;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAGA,MAAMA,qBAA6D,GAAG,QAAsB;EAAA,IAArB;IAAEC;EAAF,CAAqB;EAC1F,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE,aAAxB;IAAuC,YAAY,EAAEF;EAArD,EADF,CADF;AAKD,CAND;;AAQA,MAAMC,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeR,qB"}

package/lib/commonjs/domain/userList/component/UserListStatusLoading.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _TypedPlaceholder = _interopRequireDefault(require("../../../components/TypedPlaceholder"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UserListStatusLoading = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_TypedPlaceholder.default, {
+    type: 'loading'
+  }));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+
+var _default = UserListStatusLoading;
+exports.default = _default;
+//# sourceMappingURL=UserListStatusLoading.js.map

package/lib/commonjs/domain/userList/component/UserListStatusLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserListStatusLoading","styles","container","StyleSheet","create","flex","justifyContent","alignItems"],"sources":["UserListStatusLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst UserListStatusLoading = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'loading'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default UserListStatusLoading;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,qBAAqB,GAAG,MAAM;EAClC,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,MAAMD,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAR;IAAWC,cAAc,EAAE,QAA3B;IAAqCC,UAAU,EAAE;EAAjD;AADoB,CAAlB,CAAf;;eAIeP,qB"}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UserListContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.UserListContexts;
+  }
+});
+Object.defineProperty(exports, "UserListContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.UserListContextsProvider;
+  }
+});
+Object.defineProperty(exports, "UserListHeader", {
+  enumerable: true,
+  get: function () {
+    return _UserListHeader.default;
+  }
+});
+Object.defineProperty(exports, "UserListList", {
+  enumerable: true,
+  get: function () {
+    return _UserListList.default;
+  }
+});
+Object.defineProperty(exports, "UserListStatusEmpty", {
+  enumerable: true,
+  get: function () {
+    return _UserListStatusEmpty.default;
+  }
+});
+Object.defineProperty(exports, "UserListStatusError", {
+  enumerable: true,
+  get: function () {
+    return _UserListStatusError.default;
+  }
+});
+Object.defineProperty(exports, "UserListStatusLoading", {
+  enumerable: true,
+  get: function () {
+    return _UserListStatusLoading.default;
+  }
+});
+Object.defineProperty(exports, "createUserListModule", {
+  enumerable: true,
+  get: function () {
+    return _createUserListModule.default;
+  }
+});
+
+var _UserListList = _interopRequireDefault(require("./component/UserListList"));
+
+var _UserListHeader = _interopRequireDefault(require("./component/UserListHeader"));
+
+var _UserListStatusEmpty = _interopRequireDefault(require("./component/UserListStatusEmpty"));
+
+var _UserListStatusError = _interopRequireDefault(require("./component/UserListStatusError"));
+
+var _UserListStatusLoading = _interopRequireDefault(require("./component/UserListStatusLoading"));
+
+var _createUserListModule = _interopRequireDefault(require("./module/createUserListModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as UserListList } from './component/UserListList';\nexport { default as UserListHeader } from './component/UserListHeader';\nexport { default as UserListStatusEmpty } from './component/UserListStatusEmpty';\nexport { default as UserListStatusError } from './component/UserListStatusError';\nexport { default as UserListStatusLoading } from './component/UserListStatusLoading';\nexport { default as createUserListModule } from './module/createUserListModule';\nexport { UserListContextsProvider, UserListContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

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; }
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const UserListContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    headerRight: ''
+  }),
+  List: /*#__PURE__*/(0, _react.createContext)({
+    selectedUsers: [],
+    setSelectedUsers: _uikitUtils.NOOP
+  })
+};
+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":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport 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, UserListModule } 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};\nexport const UserListContextsProvider: UserListModule<any>['Provider'] = ({ children, headerTitle, headerRight }) => {\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":";;;;;;;AACA;;AAGA;;AAEA;;;;;;;;AANA;AASO,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;;;AAUA,MAAMC,wBAAyD,GAAG,QAA4C;EAAA,IAA3C;IAAEC,QAAF;IAAYP,WAAZ;IAAyBC;EAAzB,CAA2C;EACnH,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,CAZM"}

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: CommonComponent<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":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;;;;;AAEA,MAAMA,uBAAuB,GAAQC,KAAL,IAAoB;EAClD,MAAMC,OAAO,GAAGD,KAAK,CAClBE,GADa,CACRC,IAAD,IAAU;IACb;IACA,OAAOA,IAAI,CAACC,MAAZ;EACD,CAJa,EAKbC,MALa,CAKLC,CAAD,IAAoBC,OAAO,CAACD,CAAD,CALrB,CAAhB;;EAOA,IAAIL,OAAO,CAACO,MAAR,KAAmB,CAAvB,EAA0B;IACxBC,kBAAA,CAAOC,IAAP,CACE,+HADF;EAGD;;EAED,OAAOT,OAAP;AACD,CAfD;;AAiBA,MAAMU,gCAAgC,GACpCC,UADuC,IAEE;EACzC,MAAMC,cAAc,GAAG,IAAAC,6BAAA,EAA+BF,UAA/B,CAAvB;EAEA,OAAO,QASD;IAAA,IATE;MACNG,gBAAgB,GAAGhB,uBADb;MAENiB,iBAFM;MAGNC,qBAAqB,GAAGC,gBAHlB;MAINC,eAJM;MAKNC,cALM;MAMNC,YANM;MAONC,WAAW,GAAG,OAPR;MAQNC;IARM,CASF;IACJ,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB,IAAAC,2BAAA,GAA7B;IACA,MAAM;MAAEC;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAE5B,KAAF;MAAS6B,UAAT;MAAqBC,OAArB;MAA8BC,KAA9B;MAAqCC,OAArC;MAA8CC;IAA9C,IAAuD,IAAAC,2BAAA,EAAYV,GAAZ,EAAiB;MAC5EH,YAD4E;MAE5ED;IAF4E,CAAjB,CAA7D;;IAKA,MAAMe,WAA2C,GAAG,IAAAC,kBAAA,EAClD,CAACjC,IAAD,EAAOkC,aAAP,EAAsBC,gBAAtB,KAA2C;MACzC,IAAIjB,YAAY,IAAI,CAACE,UAArB,EAAiC;QAC/B,MAAM,IAAIgB,KAAJ,CAAU,+DAAV,CAAN;MACD;;MACD,IAAIhB,UAAJ,EAAgB,OAAOA,UAAU,CAACpB,IAAD,EAAOkC,aAAP,EAAsBC,gBAAtB,CAAjB;MAEhB,MAAME,MAAM,GAAGrC,IAAf;MACA,MAAMsC,eAAe,GAAGJ,aAAxB;MACA,MAAMK,kBAAkB,GAAGJ,gBAA3B;MAEA,MAAMK,IAAI,GAAGH,MAAM,CAACpC,MAAP,MAAkBqB,WAAlB,aAAkBA,WAAlB,uBAAkBA,WAAW,CAAErB,MAA/B,CAAb;MACA,IAAIuC,IAAJ,EAAU,OAAO,IAAP;MAEV,MAAMC,OAAO,GAAGH,eAAe,CAACI,SAAhB,CAA2BvC,CAAD,IAAOA,CAAC,CAACF,MAAF,KAAaoC,MAAM,CAACpC,MAArD,CAAhB;MACA,MAAM0C,UAAU,GAAGF,OAAO,GAAG,CAAC,CAA9B;MAEA,oBACE,6BAAC,6BAAD;QACE,aAAa,EAAE,GADjB;QAEE,OAAO,EAAE,MAAM;UACbF,kBAAkB,CAAC,SAAgB;YAAA,IAAf,CAAC,GAAGK,KAAJ,CAAe;YACjC,IAAID,UAAJ,EAAgBC,KAAK,CAACC,MAAN,CAAaJ,OAAb,EAAsB,CAAtB,EAAhB,KACKG,KAAK,CAACE,IAAN,CAAWT,MAAX;YACL,OAAOO,KAAP;UACD,CAJiB,CAAlB;QAKD;MARH,gBAUE,6BAAC,0BAAD;QACE,GAAG,EAAEP,MAAM,CAACU,UADd;QAEE,IAAI,EAAEV,MAAM,CAACW,QAAP,IAAmBxB,OAAO,CAACyB,MAAR,CAAeC,YAF1C;QAGE,QAAQ,EAAEP,UAHZ;QAIE,QAAQ,EAAE;MAJZ,EAVF,CADF;IAmBD,CApCiD,EAqClD,CAACvB,UAAD,EAAaF,YAAb,CArCkD,CAApD;;IAwCA,oBACE,6BAAC,cAAD,CAAgB,QAAhB;MACE,WAAW,EAAGgB,aAAD,IAAmBV,OAAO,CAAC2B,oBAAR,CAA6BC,YAA7B,CAA0C;QAAElB;MAAF,CAA1C,CADlC;MAEE,WAAW,EAAEV,OAAO,CAAC2B,oBAAR,CAA6BE;IAF5C,gBAIE,6BAAC,cAAD,CAAgB,MAAhB;MACE,iBAAiB,EAAExC,iBADrB;MAEE,kBAAkB,EAAE,MAAOhB,KAAP,IAAiB;QACnC,MAAMyD,MAAM,GAAG,IAAIjC,GAAG,CAACkC,kBAAR,EAAf;QAEA,IAAIpC,WAAW,KAAK,WAApB,EAAiCmC,MAAM,CAACE,WAAP,GAAqB,IAArB;QACjC,IAAIrC,WAAW,KAAK,aAApB,EAAmCmC,MAAM,CAACG,OAAP,GAAiB,IAAjB;QACnC,IAAInC,WAAJ,EAAiBgC,MAAM,CAACI,eAAP,GAAyB,CAACpC,WAAW,CAACrB,MAAb,CAAzB;QACjBqD,MAAM,CAACK,UAAP,CAAkB/C,gBAAgB,CAACf,KAAD,CAAlC;QACAyD,MAAM,CAACM,IAAP,GAAc,EAAd;QACAN,MAAM,CAACO,QAAP,GAAkB,EAAlB;QACAP,MAAM,CAACQ,UAAP,GAAoB,KAApB;QAEA,MAAMC,eAAe,GAAG,MAAMjD,qBAAqB,CAACwC,MAAD,EAASzD,KAAT,CAAnD;QACA,MAAMmE,OAAO,GAAG,MAAM3C,GAAG,CAAC4C,YAAJ,CAAiBC,aAAjB,CAA+BH,eAA/B,CAAtB;QACA/C,eAAe,CAACgD,OAAD,CAAf;MACD;IAhBH,EAJF,eAsBE,6BAAC,0BAAD;MACE,OAAO,EAAErC,OADX;MAEE,KAAK,EAAEvB,OAAO,CAACwB,KAAD,CAFhB;MAGE,gBAAgB,eAAE,6BAAC,cAAD,CAAgB,aAAhB,OAHpB;MAIE,cAAc,eAAE,6BAAC,cAAD,CAAgB,WAAhB;QAA4B,YAAY,EAAE,MAAMC,OAAO;MAAvD;IAJlB,gBAME,6BAAC,cAAD,CAAgB,IAAhB;MACE,UAAU,EAAEC,IADd;MAEE,KAAK,EAAEjC,KAFT;MAGE,UAAU,EAAEmC,WAHd;MAIE,SAAS,EAAEH,OAJb;MAKE,UAAU,EAAEH,UALd;MAME,kBAAkB,eAAE,6BAAC,cAAD,CAAgB,WAAhB;IANtB,EANF,CAtBF,CADF;EAwCD,CAjGD;AAkGD,CAvGD;;eAyGelB,gC"}