@sendbird/uikit-react-native 2.0.3 → 2.2.0

package/lib/commonjs/domain/groupChannelOperators/module/createGroupChannelOperatorsModule.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _GroupChannelOperatorsHeader = _interopRequireDefault(require("../component/GroupChannelOperatorsHeader"));
+
+var _GroupChannelOperatorsList = _interopRequireDefault(require("../component/GroupChannelOperatorsList"));
+
+var _GroupChannelOperatorsStatusEmpty = _interopRequireDefault(require("../component/GroupChannelOperatorsStatusEmpty"));
+
+var _GroupChannelOperatorsStatusError = _interopRequireDefault(require("../component/GroupChannelOperatorsStatusError"));
+
+var _GroupChannelOperatorsStatusLoading = _interopRequireDefault(require("../component/GroupChannelOperatorsStatusLoading"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createGroupChannelOperatorsModule = function () {
+  let {
+    Header = _GroupChannelOperatorsHeader.default,
+    List = _GroupChannelOperatorsList.default,
+    StatusEmpty = _GroupChannelOperatorsStatusEmpty.default,
+    StatusError = _GroupChannelOperatorsStatusError.default,
+    StatusLoading = _GroupChannelOperatorsStatusLoading.default,
+    Provider = _moduleContext.GroupChannelOperatorsContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    Provider,
+    StatusEmpty,
+    StatusError,
+    StatusLoading,
+    ...module
+  };
+};
+
+var _default = createGroupChannelOperatorsModule;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelOperatorsModule.js.map

package/lib/commonjs/domain/groupChannelOperators/module/createGroupChannelOperatorsModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelOperatorsModule","Header","GroupChannelOperatorsHeader","List","GroupChannelOperatorsList","StatusEmpty","GroupChannelOperatorsStatusEmpty","StatusError","GroupChannelOperatorsStatusError","StatusLoading","GroupChannelOperatorsStatusLoading","Provider","GroupChannelOperatorsContextsProvider","module"],"sources":["createGroupChannelOperatorsModule.tsx"],"sourcesContent":["import GroupChannelOperatorsHeader from '../component/GroupChannelOperatorsHeader';\nimport GroupChannelOperatorsList from '../component/GroupChannelOperatorsList';\nimport GroupChannelOperatorsStatusEmpty from '../component/GroupChannelOperatorsStatusEmpty';\nimport GroupChannelOperatorsStatusError from '../component/GroupChannelOperatorsStatusError';\nimport GroupChannelOperatorsStatusLoading from '../component/GroupChannelOperatorsStatusLoading';\nimport type { GroupChannelOperatorsModule } from '../types';\nimport { GroupChannelOperatorsContextsProvider } from './moduleContext';\n\nconst createGroupChannelOperatorsModule = ({\n  Header = GroupChannelOperatorsHeader,\n  List = GroupChannelOperatorsList,\n  StatusEmpty = GroupChannelOperatorsStatusEmpty,\n  StatusError = GroupChannelOperatorsStatusError,\n  StatusLoading = GroupChannelOperatorsStatusLoading,\n  Provider = GroupChannelOperatorsContextsProvider,\n  ...module\n}: Partial<GroupChannelOperatorsModule> = {}): GroupChannelOperatorsModule => {\n  return { Header, List, Provider, StatusEmpty, StatusError, StatusLoading, ...module };\n};\n\nexport default createGroupChannelOperatorsModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,iCAAiC,GAAG,YAQoC;EAAA,IARnC;IACzCC,MAAM,GAAGC,oCADgC;IAEzCC,IAAI,GAAGC,kCAFkC;IAGzCC,WAAW,GAAGC,yCAH2B;IAIzCC,WAAW,GAAGC,yCAJ2B;IAKzCC,aAAa,GAAGC,2CALyB;IAMzCC,QAAQ,GAAGC,oDAN8B;IAOzC,GAAGC;EAPsC,CAQmC,uEAApC,EAAoC;EAC5E,OAAO;IAAEZ,MAAF;IAAUE,IAAV;IAAgBQ,QAAhB;IAA0BN,WAA1B;IAAuCE,WAAvC;IAAoDE,aAApD;IAAmE,GAAGI;EAAtE,CAAP;AACD,CAVD;;eAYeb,iC"}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupChannelOperatorsContextsProvider = exports.GroupChannelOperatorsContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+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 GroupChannelOperatorsContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    channel: {}
+  })
+};
+exports.GroupChannelOperatorsContexts = GroupChannelOperatorsContexts;
+
+const GroupChannelOperatorsContextsProvider = _ref => {
+  let {
+    channel,
+    children
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(GroupChannelOperatorsContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.GROUP_CHANNEL_OPERATORS.HEADER_TITLE,
+      channel
+    }
+  }, children));
+};
+
+exports.GroupChannelOperatorsContextsProvider = GroupChannelOperatorsContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelOperatorsContexts","Fragment","createContext","headerTitle","channel","GroupChannelOperatorsContextsProvider","children","STRINGS","useLocalization","GROUP_CHANNEL_OPERATORS","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { GroupChannelOperatorsContextsType, GroupChannelOperatorsModule } from '../types';\n\nexport const GroupChannelOperatorsContexts: GroupChannelOperatorsContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n  }),\n};\n\nexport const GroupChannelOperatorsContextsProvider: GroupChannelOperatorsModule['Provider'] = ({\n  channel,\n  children,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <GroupChannelOperatorsContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.GROUP_CHANNEL_OPERATORS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </GroupChannelOperatorsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAGO,MAAMA,6BAAgE,GAAG;EAC9EC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAd;AADoE,CAAzE;;;AAOA,MAAMC,qCAA8E,GAAG,QAGxF;EAAA,IAHyF;IAC7FD,OAD6F;IAE7FE;EAF6F,CAGzF;EACJ,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,6BAAD,CAA+B,QAA/B,CAAwC,QAAxC;IACE,KAAK,EAAE;MAAEL,WAAW,EAAEI,OAAO,CAACE,uBAAR,CAAgCC,YAA/C;MAA6DN;IAA7D;EADT,GAGGE,QAHH,CADF,CADF;AASD,CAdM"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type GroupChannelOperatorsProps = {\n  Fragment: {\n    channel: SendbirdGroupChannel;\n    onPressHeaderLeft: GroupChannelOperatorsProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: GroupChannelOperatorsProps['Header']['onPressHeaderRight'];\n    renderUser?: GroupChannelOperatorsProps['List']['renderUser'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  List: {\n    operators: SendbirdUser[];\n    onLoadNext: () => void;\n    renderUser: (props: { user: SendbirdUser }) => React.ReactElement | null;\n    ListEmptyComponent?: React.ReactElement;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n};\n\n/**\n * Internal context for GroupChannelOperators\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type GroupChannelOperatorsContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdGroupChannel;\n  }>;\n};\nexport interface GroupChannelOperatorsModule {\n  Provider: CommonComponent<GroupChannelOperatorsProps['Provider']>;\n  Header: CommonComponent<GroupChannelOperatorsProps['Header']>;\n  List: CommonComponent<GroupChannelOperatorsProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<GroupChannelOperatorsProps['StatusError']>;\n}\n\nexport type GroupChannelOperatorsFragment = CommonComponent<GroupChannelOperatorsProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsInfo.js

@@ -35,13 +35,6 @@ const GroupChannelSettingsInfo = _ => {
   const {
     STRINGS
   } = (0, _useContext.useLocalization)();
-
-  if (!currentUser) {
-    _uikitUtils.Logger.warn('Cannot render GroupChannelSettingsInfo, please connect using `useConnection()` hook first');
-
-    return null;
-  }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.userInfoContainer
   }, /*#__PURE__*/_react.default.createElement(_ChannelCover.default, {
@@ -51,7 +44,7 @@ const GroupChannelSettingsInfo = _ => {
   }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
     h1: true,
     numberOfLines: 1
-  }, (0, _uikitUtils.getGroupChannelTitle)(currentUser.userId, channel, STRINGS.LABELS.USER_NO_NAME, STRINGS.LABELS.CHANNEL_NO_MEMBERS))), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null));
+  }, (0, _uikitUtils.getGroupChannelTitle)((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) || '', channel, STRINGS.LABELS.USER_NO_NAME, STRINGS.LABELS.CHANNEL_NO_MEMBERS))), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null));
 };
 
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({

package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelSettingsInfo","_","channel","useContext","GroupChannelSettingsContexts","Fragment","currentUser","useSendbirdChat","STRINGS","useLocalization","Logger","warn","styles","userInfoContainer","avatarContainer","getGroupChannelTitle","userId","LABELS","USER_NO_NAME","CHANNEL_NO_MEMBERS","createStyleSheet","container","flex","paddingVertical","alignItems","marginBottom","userIdContainer","userIdLabel"],"sources":["GroupChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Divider, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, getGroupChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsInfo = (_: GroupChannelSettingsProps['Info']) => {\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  if (!currentUser) {\n    Logger.warn('Cannot render GroupChannelSettingsInfo, please connect using `useConnection()` hook first');\n    return null;\n  }\n\n  return (\n    <View>\n      <View style={styles.userInfoContainer}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getGroupChannelTitle(\n            currentUser.userId,\n            channel,\n            STRINGS.LABELS.USER_NO_NAME,\n            STRINGS.LABELS.CHANNEL_NO_MEMBERS,\n          )}\n        </Text>\n      </View>\n      <Divider />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: { flex: 1 },\n  userInfoContainer: { paddingVertical: 24, alignItems: 'center' },\n  avatarContainer: { marginBottom: 12 },\n  userIdContainer: { paddingVertical: 16 },\n  userIdLabel: { marginBottom: 4 },\n});\nexport default GroupChannelSettingsInfo;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,wBAAwB,GAAIC,CAAD,IAA0C;EACzE,MAAM;IAAEC;EAAF,IAAc,IAAAC,iBAAA,EAAWC,2CAAA,CAA6BC,QAAxC,CAApB;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAC,2BAAA,GAAxB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;;EAEA,IAAI,CAACH,WAAL,EAAkB;IAChBI,kBAAA,CAAOC,IAAP,CAAY,2FAAZ;;IACA,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD,qBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,qBAAD;IAAc,OAAO,EAAEX,OAAvB;IAAgC,IAAI,EAAE,EAAtC;IAA0C,cAAc,EAAEU,MAAM,CAACE;EAAjE,EADF,eAEE,6BAAC,gCAAD;IAAM,EAAE,MAAR;IAAS,aAAa,EAAE;EAAxB,GACG,IAAAC,gCAAA,EACCT,WAAW,CAACU,MADb,EAECd,OAFD,EAGCM,OAAO,CAACS,MAAR,CAAeC,YAHhB,EAICV,OAAO,CAACS,MAAR,CAAeE,kBAJhB,CADH,CAFF,CADF,eAYE,6BAAC,mCAAD,OAZF,CADF;AAgBD,CA1BD;;AA4BA,MAAMP,MAAM,GAAG,IAAAQ,4CAAA,EAAiB;EAC9BC,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAR,CADmB;EAE9BT,iBAAiB,EAAE;IAAEU,eAAe,EAAE,EAAnB;IAAuBC,UAAU,EAAE;EAAnC,CAFW;EAG9BV,eAAe,EAAE;IAAEW,YAAY,EAAE;EAAhB,CAHa;EAI9BC,eAAe,EAAE;IAAEH,eAAe,EAAE;EAAnB,CAJa;EAK9BI,WAAW,EAAE;IAAEF,YAAY,EAAE;EAAhB;AALiB,CAAjB,CAAf;eAOezB,wB"}
+{"version":3,"names":["GroupChannelSettingsInfo","_","channel","useContext","GroupChannelSettingsContexts","Fragment","currentUser","useSendbirdChat","STRINGS","useLocalization","styles","userInfoContainer","avatarContainer","getGroupChannelTitle","userId","LABELS","USER_NO_NAME","CHANNEL_NO_MEMBERS","createStyleSheet","container","flex","paddingVertical","alignItems","marginBottom","userIdContainer","userIdLabel"],"sources":["GroupChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { Divider, Text, createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport { getGroupChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsInfo = (_: GroupChannelSettingsProps['Info']) => {\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { currentUser } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n\n  return (\n    <View>\n      <View style={styles.userInfoContainer}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getGroupChannelTitle(\n            currentUser?.userId || '',\n            channel,\n            STRINGS.LABELS.USER_NO_NAME,\n            STRINGS.LABELS.CHANNEL_NO_MEMBERS,\n          )}\n        </Text>\n      </View>\n      <Divider />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: { flex: 1 },\n  userInfoContainer: { paddingVertical: 24, alignItems: 'center' },\n  avatarContainer: { marginBottom: 12 },\n  userIdContainer: { paddingVertical: 16 },\n  userIdLabel: { marginBottom: 4 },\n});\nexport default GroupChannelSettingsInfo;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,wBAAwB,GAAIC,CAAD,IAA0C;EACzE,MAAM;IAAEC;EAAF,IAAc,IAAAC,iBAAA,EAAWC,2CAAA,CAA6BC,QAAxC,CAApB;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAC,2BAAA,GAAxB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EAEA,oBACE,6BAAC,iBAAD,qBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,qBAAD;IAAc,OAAO,EAAET,OAAvB;IAAgC,IAAI,EAAE,EAAtC;IAA0C,cAAc,EAAEQ,MAAM,CAACE;EAAjE,EADF,eAEE,6BAAC,gCAAD;IAAM,EAAE,MAAR;IAAS,aAAa,EAAE;EAAxB,GACG,IAAAC,gCAAA,EACC,CAAAP,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEQ,MAAb,KAAuB,EADxB,EAECZ,OAFD,EAGCM,OAAO,CAACO,MAAR,CAAeC,YAHhB,EAICR,OAAO,CAACO,MAAR,CAAeE,kBAJhB,CADH,CAFF,CADF,eAYE,6BAAC,mCAAD,OAZF,CADF;AAgBD,CArBD;;AAuBA,MAAMP,MAAM,GAAG,IAAAQ,4CAAA,EAAiB;EAC9BC,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAR,CADmB;EAE9BT,iBAAiB,EAAE;IAAEU,eAAe,EAAE,EAAnB;IAAuBC,UAAU,EAAE;EAAnC,CAFW;EAG9BV,eAAe,EAAE;IAAEW,YAAY,EAAE;EAAhB,CAHa;EAI9BC,eAAe,EAAE;IAAEH,eAAe,EAAE;EAAnB,CAJa;EAK9BI,WAAW,EAAE;IAAEF,YAAY,EAAE;EAAhB;AALiB,CAAjB,CAAf;eAOevB,wB"}

package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js

@@ -13,6 +13,8 @@ var _chat = require("@sendbird/chat");
 
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
 
+var _uikitUtils = require("@sendbird/uikit-utils");
+
 var _useContext = require("../../../hooks/useContext");
 
 var _moduleContext = require("../module/moduleContext");
@@ -21,14 +23,19 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+let WARN_onPressMenuNotification = false;
+
 const GroupChannelSettingsMenu = _ref => {
   let {
+    onPressMenuModeration,
     onPressMenuMembers,
     onPressMenuLeaveChannel,
+    onPressMenuNotification,
     menuItemsCreator = menu => menu
   } = _ref;
   const {
-    sdk
+    sdk,
+    features
   } = (0, _useContext.useSendbirdChat)();
   const {
     channel
@@ -40,6 +47,12 @@ const GroupChannelSettingsMenu = _ref => {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
 
+  if (__DEV__ && !WARN_onPressMenuNotification && !onPressMenuNotification) {
+    _uikitUtils.Logger.warn('You should pass `onPressMenuNotification` prop if using mention');
+
+    WARN_onPressMenuNotification = true;
+  }
+
   const toggleNotification = async () => {
     if (channel.myPushTriggerOption === 'off') {
       await channel.setMyPushTriggerOption(_chat.PushTriggerOption.DEFAULT);
@@ -48,14 +61,54 @@ const GroupChannelSettingsMenu = _ref => {
     }
   };
 
+  const {
+    onPressNotificationMenu,
+    actionLabelNotificationMenu,
+    actionItemNotificationMenu
+  } = (0, _uikitUtils.useIIFE)(() => {
+    const getNotificationsLabel = () => {
+      switch (channel.myPushTriggerOption) {
+        case _chat.PushTriggerOption.ALL:
+        case _chat.PushTriggerOption.DEFAULT:
+          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_ON;
+
+        case _chat.PushTriggerOption.OFF:
+          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_OFF;
+
+        case _chat.PushTriggerOption.MENTION_ONLY:
+          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_MENTION_ONLY;
+      }
+    };
+
+    return {
+      actionLabelNotificationMenu: getNotificationsLabel(),
+      actionItemNotificationMenu: (0, _uikitUtils.conditionChaining)([features.userMentionEnabled], [/*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+        icon: 'chevron-right',
+        color: colors.onBackground01
+      }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Switch, {
+        value: channel.myPushTriggerOption !== 'off',
+        onChangeValue: toggleNotification
+      })]),
+      onPressNotificationMenu: () => {
+        if (features.userMentionEnabled) onPressMenuNotification === null || onPressMenuNotification === void 0 ? void 0 : onPressMenuNotification();else toggleNotification();
+      }
+    };
+  });
   const menuItems = menuItemsCreator([{
+    icon: 'moderation',
+    visible: channel.myRole === 'operator',
+    name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,
+    onPress: () => onPressMenuModeration(),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
     icon: 'notifications',
     name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,
-    onPress: toggleNotification,
-    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Switch, {
-      value: channel.myPushTriggerOption !== 'off',
-      onChangeValue: toggleNotification
-    })
+    onPress: onPressNotificationMenu,
+    actionLabel: actionLabelNotificationMenu,
+    actionItem: actionItemNotificationMenu
   }, {
     icon: 'members',
     name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,
@@ -82,6 +135,7 @@ const GroupChannelSettingsMenu = _ref => {
       onPress: menu.onPress,
       name: menu.name,
       disabled: menu.disabled,
+      visible: menu.visible,
       icon: menu.icon,
       iconColor: menu.iconColor,
       iconBackgroundColor: menu.iconBackgroundColor,

package/lib/commonjs/domain/groupChannelSettings/component/GroupChannelSettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelSettingsMenu","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","menu","sdk","useSendbirdChat","channel","useContext","GroupChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","PushTriggerOption","DEFAULT","OFF","menuItems","icon","name","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION","onPress","actionItem","MENU_MEMBERS","actionLabel","String","memberCount","onBackground01","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const toggleNotification = async () => {\n    if (channel.myPushTriggerOption === 'off') {\n      await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n    } else {\n      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n    }\n  };\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: toggleNotification,\n      actionItem: <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n      onPress: () => {\n        channel.leave().then(() => {\n          onPressMenuLeaveChannel();\n          sdk.clearCachedMessages([channel.url]).catch();\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;;;;;AAGA,MAAMA,wBAAwB,GAAG,QAIQ;EAAA,IAJP;IAChCC,kBADgC;IAEhCC,uBAFgC;IAGhCC,gBAAgB,GAAIC,IAAD,IAAUA;EAHG,CAIO;EACvC,MAAM;IAAEC;EAAF,IAAU,IAAAC,2BAAA,GAAhB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,iBAAA,EAAWC,2CAAA,CAA6BC,QAAxC,CAApB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;;EAEA,MAAMC,kBAAkB,GAAG,YAAY;IACrC,IAAIR,OAAO,CAACS,mBAAR,KAAgC,KAApC,EAA2C;MACzC,MAAMT,OAAO,CAACU,sBAAR,CAA+BC,uBAAA,CAAkBC,OAAjD,CAAN;IACD,CAFD,MAEO;MACL,MAAMZ,OAAO,CAACU,sBAAR,CAA+BC,uBAAA,CAAkBE,GAAjD,CAAN;IACD;EACF,CAND;;EAQA,MAAMC,SAAyB,GAAGlB,gBAAgB,CAAC,CACjD;IACEmB,IAAI,EAAE,eADR;IAEEC,IAAI,EAAEZ,OAAO,CAACa,sBAAR,CAA+BC,iBAFvC;IAGEC,OAAO,EAAEX,kBAHX;IAIEY,UAAU,eAAE,6BAAC,kCAAD;MAAQ,KAAK,EAAEpB,OAAO,CAACS,mBAAR,KAAgC,KAA/C;MAAsD,aAAa,EAAED;IAArE;EAJd,CADiD,EAOjD;IACEO,IAAI,EAAE,SADR;IAEEC,IAAI,EAAEZ,OAAO,CAACa,sBAAR,CAA+BI,YAFvC;IAGEF,OAAO,EAAE,MAAMzB,kBAAkB,EAHnC;IAIE4B,WAAW,EAAEC,MAAM,CAACvB,OAAO,CAACwB,WAAT,CAJrB;IAKEJ,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAEd,MAAM,CAACmB;IAA3C;EALd,CAPiD,EAcjD;IACEV,IAAI,EAAE,OADR;IAEEW,SAAS,EAAEpB,MAAM,CAACqB,KAFpB;IAGEX,IAAI,EAAEZ,OAAO,CAACa,sBAAR,CAA+BW,kBAHvC;IAIET,OAAO,EAAE,MAAM;MACbnB,OAAO,CAAC6B,KAAR,GAAgBC,IAAhB,CAAqB,MAAM;QACzBnC,uBAAuB;QACvBG,GAAG,CAACiC,mBAAJ,CAAwB,CAAC/B,OAAO,CAACgC,GAAT,CAAxB,EAAuCC,KAAvC;MACD,CAHD;IAID;EATH,CAdiD,CAAD,CAAlD;EA2BA,oBACE,6BAAC,iBAAD,QACGnB,SAAS,CAACoB,GAAV,CAAerC,IAAD,IAAU;IACvB,oBACE,6BAAC,mCAAD;MACE,GAAG,EAAEA,IAAI,CAACmB,IADZ;MAEE,OAAO,EAAEnB,IAAI,CAACsB,OAFhB;MAGE,IAAI,EAAEtB,IAAI,CAACmB,IAHb;MAIE,QAAQ,EAAEnB,IAAI,CAACsC,QAJjB;MAKE,IAAI,EAAEtC,IAAI,CAACkB,IALb;MAME,SAAS,EAAElB,IAAI,CAAC6B,SANlB;MAOE,mBAAmB,EAAE7B,IAAI,CAACuC,mBAP5B;MAQE,WAAW,EAAEvC,IAAI,CAACyB,WARpB;MASE,UAAU,EAAEzB,IAAI,CAACuB;IATnB,EADF;EAaD,CAdA,CADH,CADF;AAmBD,CAhED;;eAkEe3B,wB"}
+{"version":3,"names":["WARN_onPressMenuNotification","GroupChannelSettingsMenu","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","menu","sdk","features","useSendbirdChat","channel","useContext","GroupChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","__DEV__","Logger","warn","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","PushTriggerOption","DEFAULT","OFF","onPressNotificationMenu","actionLabelNotificationMenu","actionItemNotificationMenu","useIIFE","getNotificationsLabel","ALL","GROUP_CHANNEL_SETTINGS","MENU_NOTIFICATION_LABEL_ON","MENU_NOTIFICATION_LABEL_OFF","MENTION_ONLY","MENU_NOTIFICATION_LABEL_MENTION_ONLY","conditionChaining","userMentionEnabled","onBackground01","menuItems","icon","visible","myRole","name","MENU_MODERATION","onPress","actionItem","MENU_NOTIFICATION","actionLabel","MENU_MEMBERS","String","memberCount","iconColor","error","MENU_LEAVE_CHANNEL","leave","then","clearCachedMessages","url","catch","map","disabled","iconBackgroundColor"],"sources":["GroupChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, conditionChaining, useIIFE } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nlet WARN_onPressMenuNotification = false;\n\nconst GroupChannelSettingsMenu = ({\n  onPressMenuModeration,\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  onPressMenuNotification,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelSettingsProps['Menu']) => {\n  const { sdk, features } = useSendbirdChat();\n  const { channel } = useContext(GroupChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  if (__DEV__ && !WARN_onPressMenuNotification && !onPressMenuNotification) {\n    Logger.warn('You should pass `onPressMenuNotification` prop if using mention');\n    WARN_onPressMenuNotification = true;\n  }\n\n  const toggleNotification = async () => {\n    if (channel.myPushTriggerOption === 'off') {\n      await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n    } else {\n      await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n    }\n  };\n\n  const { onPressNotificationMenu, actionLabelNotificationMenu, actionItemNotificationMenu } = useIIFE(() => {\n    const getNotificationsLabel = () => {\n      switch (channel.myPushTriggerOption) {\n        case PushTriggerOption.ALL:\n        case PushTriggerOption.DEFAULT:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_ON;\n        case PushTriggerOption.OFF:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_OFF;\n        case PushTriggerOption.MENTION_ONLY:\n          return STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION_LABEL_MENTION_ONLY;\n      }\n    };\n\n    return {\n      actionLabelNotificationMenu: getNotificationsLabel(),\n      actionItemNotificationMenu: conditionChaining(\n        [features.userMentionEnabled],\n        [\n          <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n          <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,\n        ],\n      ),\n      onPressNotificationMenu: () => {\n        if (features.userMentionEnabled) onPressMenuNotification?.();\n        else toggleNotification();\n      },\n    };\n  });\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'moderation',\n      visible: channel.myRole === 'operator',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MODERATION,\n      onPress: () => onPressMenuModeration(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'notifications',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,\n      onPress: onPressNotificationMenu,\n      actionLabel: actionLabelNotificationMenu,\n      actionItem: actionItemNotificationMenu,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,\n      onPress: () => onPressMenuMembers(),\n      actionLabel: String(channel.memberCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,\n      onPress: () => {\n        channel.leave().then(() => {\n          onPressMenuLeaveChannel();\n          sdk.clearCachedMessages([channel.url]).catch();\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            visible={menu.visible}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default GroupChannelSettingsMenu;\n"],"mappings":"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"}

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

@@ -57,21 +57,17 @@ const GroupChannelSettingsContextsProvider = _ref => {
   const {
     alert
   } = (0, _uikitReactNativeFoundation.useAlert)();
-  const {
-    activeChannel,
-    setActiveChannel
-  } = (0, _uikitChatHooks.useActiveGroupChannel)(sdk, channel);
 
-  const onChannelChanged = channel => {
-    if ((0, _uikitUtils.isDifferentChannel)(channel, activeChannel) || !channel.isGroupChannel()) return;
-    setActiveChannel(channel);
+  const onChannelChanged = eventChannel => {
+    if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
     forceUpdate();
   };
 
   (0, _uikitChatHooks.useChannelHandler)(sdk, `${HOOK_NAME}_${uniqId}`, {
     onChannelChanged: onChannelChanged,
     onChannelFrozen: onChannelChanged,
-    onChannelUnfrozen: onChannelChanged
+    onChannelUnfrozen: onChannelChanged,
+    onUserBanned: onChannelChanged
   });
   const toast = (0, _uikitReactNativeFoundation.useToast)();
   const {
@@ -84,21 +80,20 @@ const GroupChannelSettingsContextsProvider = _ref => {
     openMenu
   } = (0, _uikitReactNativeFoundation.useActionMenu)();
   const updateChannel = (0, _react.useCallback)(async params => {
-    const updatedChannel = await activeChannel.updateChannel(params);
-    setActiveChannel(updatedChannel);
+    await channel.updateChannel(params);
     forceUpdate();
-  }, [activeChannel]);
+  }, [channel]);
   const changeChannelName = (0, _react.useCallback)(() => {
     openPrompt({
       title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,
       submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,
       placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,
-      defaultValue: activeChannel.name,
+      defaultValue: channel.name,
       onSubmit: channelName => updateChannel({
         name: channelName
       })
     });
-  }, [STRINGS, updateChannel, activeChannel.name]);
+  }, [STRINGS, updateChannel, channel.name]);
   const changeChannelImage = (0, _react.useCallback)(() => {
     openMenu({
       title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,
@@ -169,7 +164,7 @@ const GroupChannelSettingsContextsProvider = _ref => {
   }, [STRINGS, changeChannelImage, changeChannelName]);
   return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(GroupChannelSettingsContexts.Fragment.Provider, {
     value: {
-      channel: activeChannel,
+      channel,
       headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,
       headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,
       onPressHeaderRight

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

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelSettingsContexts","Fragment","createContext","channel","headerTitle","headerRight","onPressHeaderRight","NOOP","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","useUniqId","forceUpdate","useForceUpdate","STRINGS","useLocalization","sdk","useSendbirdChat","fileService","usePlatformService","alert","useAlert","activeChannel","setActiveChannel","useActiveGroupChannel","onChannelChanged","isDifferentChannel","isGroupChannel","useChannelHandler","onChannelFrozen","onChannelUnfrozen","toast","useToast","openSheet","useBottomSheet","openPrompt","usePrompt","openMenu","useActionMenu","updateChannel","useCallback","params","updatedChannel","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","text","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);\n\n  const onChannelChanged = (channel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;\n    setActiveChannel(channel);\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelUpdateParams) => {\n      const updatedChannel = await activeChannel.updateChannel(params);\n      setActiveChannel(updatedChannel);\n      forceUpdate();\n    },\n    [activeChannel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: activeChannel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, activeChannel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel: activeChannel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["GroupChannelSettingsContexts","Fragment","createContext","channel","headerTitle","headerRight","onPressHeaderRight","NOOP","HOOK_NAME","GroupChannelSettingsContextsProvider","children","uniqId","useUniqId","forceUpdate","useForceUpdate","STRINGS","useLocalization","sdk","useSendbirdChat","fileService","usePlatformService","alert","useAlert","onChannelChanged","eventChannel","isDifferentChannel","useChannelHandler","onChannelFrozen","onChannelUnfrozen","onUserBanned","toast","useToast","openSheet","useBottomSheet","openPrompt","usePrompt","openMenu","useActionMenu","updateChannel","useCallback","params","changeChannelName","title","GROUP_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","SBUError","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","buttons","text","ALERT_PERMISSIONS_OK","SBUUtils","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';\n\nexport const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdGroupChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nconst HOOK_NAME = 'GroupChannelSettingsContextsProvider';\nexport const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {\n  const uniqId = useUniqId(HOOK_NAME);\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel)) return;\n    forceUpdate();\n  };\n\n  useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {\n    onChannelChanged: onChannelChanged,\n    onChannelFrozen: onChannelChanged,\n    onChannelUnfrozen: onChannelChanged,\n    onUserBanned: onChannelChanged,\n  });\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdGroupChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: channel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, channel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('camera', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverImage: file });\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE('device storage', 'UIKitSample'),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </GroupChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelSettingsProps {\n  Fragment: {\n    channel: GroupChannelSettingsProps['Provider']['channel'];\n    onPressHeaderLeft: GroupChannelSettingsProps['Header']['onPressHeaderLeft'];\n    onPressMenuMembers: GroupChannelSettingsProps['Menu']['onPressMenuMembers'];\n    onPressMenuLeaveChannel: GroupChannelSettingsProps['Menu']['onPressMenuLeaveChannel'];\n    menuItemsCreator?: GroupChannelSettingsProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Info: {};\n  Menu: {\n    onPressMenuMembers: () => void;\n    onPressMenuLeaveChannel: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n}\n\n/**\n * Internal context for GroupChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelSettingsContextsType {\n  Fragment: React.Context<{\n    channel: SendbirdGroupChannel;\n    headerTitle: string;\n    headerRight: string;\n    onPressHeaderRight: () => void;\n  }>;\n}\nexport interface GroupChannelSettingsModule {\n  Provider: CommonComponent<GroupChannelSettingsProps['Provider']>;\n  Header: CommonComponent<GroupChannelSettingsProps['Header']>;\n  Info: CommonComponent<GroupChannelSettingsProps['Info']>;\n  Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;\n}\n\nexport type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelSettingsProps {\n  Fragment: {\n    channel: GroupChannelSettingsProps['Provider']['channel'];\n    onPressHeaderLeft: GroupChannelSettingsProps['Header']['onPressHeaderLeft'];\n    onPressMenuModeration: GroupChannelSettingsProps['Menu']['onPressMenuModeration'];\n    onPressMenuMembers: GroupChannelSettingsProps['Menu']['onPressMenuMembers'];\n    onPressMenuLeaveChannel: GroupChannelSettingsProps['Menu']['onPressMenuLeaveChannel'];\n    onPressMenuNotification?: GroupChannelSettingsProps['Menu']['onPressMenuNotification'];\n    menuItemsCreator?: GroupChannelSettingsProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Info: {};\n  Menu: {\n    onPressMenuModeration: () => void;\n    onPressMenuMembers: () => void;\n    onPressMenuLeaveChannel: () => void;\n    onPressMenuNotification?: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdGroupChannel;\n  };\n}\n\n/**\n * Internal context for GroupChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelSettingsContextsType {\n  Fragment: React.Context<{\n    channel: SendbirdGroupChannel;\n    headerTitle: string;\n    headerRight: string;\n    onPressHeaderRight: () => void;\n  }>;\n}\nexport interface GroupChannelSettingsModule {\n  Provider: CommonComponent<GroupChannelSettingsProps['Provider']>;\n  Header: CommonComponent<GroupChannelSettingsProps['Header']>;\n  Info: CommonComponent<GroupChannelSettingsProps['Info']>;\n  Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;\n}\n\nexport type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;\n"],"mappings":""}

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

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

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

@@ -11,6 +11,8 @@ var _reactNative = require("react-native");
 
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 
+var _uikitUtils = require("@sendbird/uikit-utils");
+
 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); }
@@ -48,7 +50,8 @@ const UserListList = _ref => {
       paddingRight: right,
       flexGrow: 1
     },
-    ListEmptyComponent: ListEmptyComponent
+    ListEmptyComponent: ListEmptyComponent,
+    keyExtractor: _uikitUtils.getUserUniqId
   });
 };
 

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

@@ -1 +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"}
+{"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","getUserUniqId"],"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 type { UserStruct } from '@sendbird/uikit-utils';\nimport { getUserUniqId } from '@sendbird/uikit-utils';\n\nimport { UserListContexts } from '../module/moduleContext';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nconst UserListList = <T extends UserStruct>({\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      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default UserListList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;AAEA;;;;;;AAGA,MAAMA,YAAY,GAAG,QAOW;EAAA,IAPY;IAC1CC,KAD0C;IAE1CC,SAF0C;IAG1CC,UAH0C;IAI1CC,UAJ0C;IAK1CC,UAL0C;IAM1CC;EAN0C,CAOZ;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,kBAPtB;IAQE,YAAY,EAAEgB;EARhB,EADF;AAYD,CA3BD;;eA6BetB,Y"}

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

@@ -13,7 +13,7 @@ var _TypedPlaceholder = _interopRequireDefault(require("../../../components/Type
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const UserListStatusLoading = _ref => {
+const UserListStatusError = _ref => {
   let {
     onPressRetry
   } = _ref;
@@ -33,6 +33,6 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
-var _default = UserListStatusLoading;
+var _default = UserListStatusError;
 exports.default = _default;
 //# sourceMappingURL=UserListStatusError.js.map

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

@@ -1 +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"}
+{"version":3,"names":["UserListStatusError","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 UserListStatusError: 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 UserListStatusError;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAGA,MAAMA,mBAA2D,GAAG,QAAsB;EAAA,IAArB;IAAEC;EAAF,CAAqB;EACxF,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,mB"}

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

@@ -1 +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"}
+{"version":3,"names":["createUserListModule","Header","UserListHeader","List","UserListList","StatusLoading","UserListStatusLoading","StatusEmpty","UserListStatusEmpty","StatusError","UserListStatusError","Provider","UserListContextsProvider","module"],"sources":["createUserListModule.tsx"],"sourcesContent":["import type { UserStruct } from '@sendbird/uikit-utils';\n\nimport 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 extends UserStruct>({\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":";;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,oBAAoB,GAAG,YAQ6B;EAAA,IARN;IAClDC,MAAM,GAAGC,uBADyC;IAElDC,IAAI,GAAGC,qBAF2C;IAGlDC,aAAa,GAAGC,8BAHkC;IAIlDC,WAAW,GAAGC,4BAJoC;IAKlDC,WAAW,GAAGC,4BALoC;IAMlDC,QAAQ,GAAGC,uCANuC;IAOlD,GAAGC;EAP+C,CAQM,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/types.js.map

@@ -1 +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":""}
+{"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  StatusError: {\n    onPressRetry: () => void;\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<UserListProps<User>['StatusError']>;\n}\n"],"mappings":""}