@sendbird/uikit-react-native 2.0.3 → 2.2.0

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupChannelBannedUsersContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelBannedUsersContexts;
+  }
+});
+Object.defineProperty(exports, "GroupChannelBannedUsersContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelBannedUsersContextsProvider;
+  }
+});
+Object.defineProperty(exports, "GroupChannelBannedUsersHeader", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelBannedUsersHeader.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelBannedUsersList", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelBannedUsersList.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelBannedUsersStatusEmpty", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelBannedUsersStatusEmpty.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelBannedUsersStatusLoading", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelBannedUsersStatusLoading.default;
+  }
+});
+Object.defineProperty(exports, "createGroupChannelBannedUsersModule", {
+  enumerable: true,
+  get: function () {
+    return _createGroupChannelBannedUsersModule.default;
+  }
+});
+
+var _GroupChannelBannedUsersList = _interopRequireDefault(require("./component/GroupChannelBannedUsersList"));
+
+var _GroupChannelBannedUsersHeader = _interopRequireDefault(require("./component/GroupChannelBannedUsersHeader"));
+
+var _GroupChannelBannedUsersStatusLoading = _interopRequireDefault(require("./component/GroupChannelBannedUsersStatusLoading"));
+
+var _GroupChannelBannedUsersStatusEmpty = _interopRequireDefault(require("./component/GroupChannelBannedUsersStatusEmpty"));
+
+var _createGroupChannelBannedUsersModule = _interopRequireDefault(require("./module/createGroupChannelBannedUsersModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelBannedUsersList } from './component/GroupChannelBannedUsersList';\nexport { default as GroupChannelBannedUsersHeader } from './component/GroupChannelBannedUsersHeader';\nexport { default as GroupChannelBannedUsersStatusLoading } from './component/GroupChannelBannedUsersStatusLoading';\nexport { default as GroupChannelBannedUsersStatusEmpty } from './component/GroupChannelBannedUsersStatusEmpty';\nexport { default as createGroupChannelBannedUsersModule } from './module/createGroupChannelBannedUsersModule';\nexport { GroupChannelBannedUsersContextsProvider, GroupChannelBannedUsersContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/commonjs/domain/groupChannelBannedUsers/module/createGroupChannelBannedUsersModule.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _GroupChannelBannedUsersHeader = _interopRequireDefault(require("../component/GroupChannelBannedUsersHeader"));
+
+var _GroupChannelBannedUsersList = _interopRequireDefault(require("../component/GroupChannelBannedUsersList"));
+
+var _GroupChannelBannedUsersStatusEmpty = _interopRequireDefault(require("../component/GroupChannelBannedUsersStatusEmpty"));
+
+var _GroupChannelBannedUsersStatusError = _interopRequireDefault(require("../component/GroupChannelBannedUsersStatusError"));
+
+var _GroupChannelBannedUsersStatusLoading = _interopRequireDefault(require("../component/GroupChannelBannedUsersStatusLoading"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createGroupChannelBannedUsersModule = function () {
+  let {
+    Header = _GroupChannelBannedUsersHeader.default,
+    List = _GroupChannelBannedUsersList.default,
+    StatusLoading = _GroupChannelBannedUsersStatusLoading.default,
+    StatusEmpty = _GroupChannelBannedUsersStatusEmpty.default,
+    StatusError = _GroupChannelBannedUsersStatusError.default,
+    Provider = _moduleContext.GroupChannelBannedUsersContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    Provider,
+    StatusEmpty,
+    StatusLoading,
+    StatusError,
+    ...module
+  };
+};
+
+var _default = createGroupChannelBannedUsersModule;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelBannedUsersModule.js.map

package/lib/commonjs/domain/groupChannelBannedUsers/module/createGroupChannelBannedUsersModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelBannedUsersModule","Header","GroupChannelBannedUsersHeader","List","GroupChannelBannedUsersList","StatusLoading","GroupChannelBannedUsersStatusLoading","StatusEmpty","GroupChannelBannedUsersStatusEmpty","StatusError","GroupChannelBannedUsersStatusError","Provider","GroupChannelBannedUsersContextsProvider","module"],"sources":["createGroupChannelBannedUsersModule.tsx"],"sourcesContent":["import GroupChannelBannedUsersHeader from '../component/GroupChannelBannedUsersHeader';\nimport GroupChannelBannedUsersList from '../component/GroupChannelBannedUsersList';\nimport GroupChannelBannedUsersStatusEmpty from '../component/GroupChannelBannedUsersStatusEmpty';\nimport GroupChannelBannedUsersStatusError from '../component/GroupChannelBannedUsersStatusError';\nimport GroupChannelBannedUsersStatusLoading from '../component/GroupChannelBannedUsersStatusLoading';\nimport type { GroupChannelBannedUsersModule } from '../types';\nimport { GroupChannelBannedUsersContextsProvider } from './moduleContext';\n\nconst createGroupChannelBannedUsersModule = ({\n  Header = GroupChannelBannedUsersHeader,\n  List = GroupChannelBannedUsersList,\n  StatusLoading = GroupChannelBannedUsersStatusLoading,\n  StatusEmpty = GroupChannelBannedUsersStatusEmpty,\n  StatusError = GroupChannelBannedUsersStatusError,\n  Provider = GroupChannelBannedUsersContextsProvider,\n  ...module\n}: Partial<GroupChannelBannedUsersModule> = {}): GroupChannelBannedUsersModule => {\n  return { Header, List, Provider, StatusEmpty, StatusLoading, StatusError, ...module };\n};\n\nexport default createGroupChannelBannedUsersModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,mCAAmC,GAAG,YAQsC;EAAA,IARrC;IAC3CC,MAAM,GAAGC,sCADkC;IAE3CC,IAAI,GAAGC,oCAFoC;IAG3CC,aAAa,GAAGC,6CAH2B;IAI3CC,WAAW,GAAGC,2CAJ6B;IAK3CC,WAAW,GAAGC,2CAL6B;IAM3CC,QAAQ,GAAGC,sDANgC;IAO3C,GAAGC;EAPwC,CAQqC,uEAAtC,EAAsC;EAChF,OAAO;IAAEZ,MAAF;IAAUE,IAAV;IAAgBQ,QAAhB;IAA0BJ,WAA1B;IAAuCF,aAAvC;IAAsDI,WAAtD;IAAmE,GAAGI;EAAtE,CAAP;AACD,CAVD;;eAYeb,mC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelBannedUsersContexts","Fragment","createContext","headerTitle","channel","GroupChannelBannedUsersContextsProvider","children","STRINGS","useLocalization","GROUP_CHANNEL_BANNED_USERS","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 { GroupChannelBannedUsersContextsType, GroupChannelBannedUsersModule } from '../types';\n\nexport const GroupChannelBannedUsersContexts: GroupChannelBannedUsersContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdGroupChannel,\n  }),\n};\n\nexport const GroupChannelBannedUsersContextsProvider: GroupChannelBannedUsersModule['Provider'] = ({\n  channel,\n  children,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <GroupChannelBannedUsersContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.GROUP_CHANNEL_BANNED_USERS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </GroupChannelBannedUsersContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAGO,MAAMA,+BAAoE,GAAG;EAClFC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAd;AADwE,CAA7E;;;AAOA,MAAMC,uCAAkF,GAAG,QAG5F;EAAA,IAH6F;IACjGD,OADiG;IAEjGE;EAFiG,CAG7F;EACJ,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,+BAAD,CAAiC,QAAjC,CAA0C,QAA1C;IACE,KAAK,EAAE;MAAEL,WAAW,EAAEI,OAAO,CAACE,0BAAR,CAAmCC,YAAlD;MAAgEN;IAAhE;EADT,GAGGE,QAHH,CADF,CADF;AASD,CAdM"}

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

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

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

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

package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js

@@ -89,7 +89,8 @@ const GroupChannelListList = _ref => {
     contentContainerStyle: [flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle, {
       paddingLeft: left,
       paddingRight: right
-    }]
+    }],
+    keyExtractor: _uikitUtils.getChannelUniqId
   }));
 };
 

package/lib/commonjs/domain/groupChannelList/component/GroupChannelListList.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","PASS","toast","useToast","openMenu","useActionMenu","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","onLongPress","useFreshCallback","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","PushTriggerOption","DEFAULT","OFF","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","useCallback","item","left","right","useSafeAreaInsets","contentContainerStyle","paddingLeft","paddingRight"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n            } else {\n              await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;;;;;;;AAGA,MAAMA,oBAAoB,GAAG,QAMQ;EAAA,IANP;IAC5BC,yBAD4B;IAE5BC,aAF4B;IAG5BC,UAH4B;IAI5BC,aAJ4B;IAK5BC,eAAe,GAAGC;EALU,CAMO;EACnC,MAAMC,KAAK,GAAG,IAAAC,oCAAA,GAAd;EACA,MAAM;IAAEC;EAAF,IAAe,IAAAC,yCAAA,GAArB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC,GAAF;IAAOC;EAAP,IAAuB,IAAAC,2BAAA,GAA7B;EAEA,MAAMC,WAAW,GAAG,IAAAC,4BAAA,EAAkBC,OAAD,IAAmC;IACtE,MAAMC,MAAM,GAAGD,OAAO,CAACE,mBAAR,KAAgC,KAAhC,GAAwC,IAAxC,GAA+C,KAA9D;IACA,MAAMC,QAAQ,GAAGhB,eAAe,CAAC;MAC/BiB,KAAK,EAAEX,OAAO,CAACY,kBAAR,CAA2BC,oBAA3B,CAAgD,CAAAV,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEW,MAAb,KAAuB,EAAvE,EAA2EP,OAA3E,CADwB;MAE/BQ,SAAS,EAAE,CACT;QACEJ,KAAK,EAAEX,OAAO,CAACY,kBAAR,CAA2BI,2BAA3B,CAAuDT,OAAvD,CADT;QAEEU,OAAO,EAAE,YAAY;UACnB,IAAIT,MAAM,KAAK,IAAf,EAAqB;YACnB,MAAMD,OAAO,CAACW,sBAAR,CAA+BC,uBAAA,CAAkBC,OAAjD,CAAN;UACD,CAFD,MAEO;YACL,MAAMb,OAAO,CAACW,sBAAR,CAA+BC,uBAAA,CAAkBE,GAAjD,CAAN;UACD;QACF,CARH;QASEC,OAAO,EAAE,MAAM;UACb1B,KAAK,CAAC2B,IAAN,CACEf,MAAM,KAAK,IAAX,GAAkBR,OAAO,CAACwB,KAAR,CAAcC,2BAAhC,GAA8DzB,OAAO,CAACwB,KAAR,CAAcE,4BAD9E,EAEE,OAFF;QAID;MAdH,CADS,EAiBT;QACEf,KAAK,EAAEX,OAAO,CAACY,kBAAR,CAA2Be,oBADpC;QAEEV,OAAO,EAAE,YAAY;UACnBV,OAAO,CAACqB,KAAR,GAAgBC,IAAhB,CAAqB,MAAM3B,GAAG,CAAC4B,mBAAJ,CAAwB,CAACvB,OAAO,CAACwB,GAAT,CAAxB,EAAuCC,KAAvC,EAA3B;QACD,CAJH;QAKEV,OAAO,EAAE,MAAM1B,KAAK,CAAC2B,IAAN,CAAWvB,OAAO,CAACwB,KAAR,CAAcS,mBAAzB,EAA8C,OAA9C;MALjB,CAjBS;IAFoB,CAAD,CAAhC;IA6BAnC,QAAQ,CAACY,QAAD,CAAR;EACD,CAhCmB,CAApB;EAkCA,MAAMwB,UAAgD,GAAG,IAAAC,kBAAA,EACvD;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAAc9C,yBAAd,aAAcA,yBAAd,uBAAcA,yBAAyB,CAAG8C,IAAH,EAAS,MAAM/B,WAAW,CAAC+B,IAAD,CAA1B,CAAvC;EAAA,CADuD,EAEvD,CAAC9C,yBAAD,EAA4Be,WAA5B,CAFuD,CAAzD;EAKA,MAAM;IAAEgC,IAAF;IAAQC;EAAR,IAAkB,IAAAC,6CAAA,GAAxB;EACA,oBACE,6BAAC,qBAAD;IACE,OAAO,EAAE,KADX;IAEE,IAAI,EAAEhD,aAFR;IAGE,UAAU,EAAE2C,UAHd;IAIE,YAAY,EAAE1C;EAJhB,GAKMC,aALN;IAME,qBAAqB,EAAE,CAACA,aAAD,aAACA,aAAD,uBAACA,aAAa,CAAE+C,qBAAhB,EAAuC;MAAEC,WAAW,EAAEJ,IAAf;MAAqBK,YAAY,EAAEJ;IAAnC,CAAvC;EANzB,GADF;AAUD,CA9DD;;eAgEejD,oB"}
+{"version":3,"names":["GroupChannelListList","renderGroupChannelPreview","groupChannels","onLoadNext","flatListProps","menuItemCreator","PASS","toast","useToast","openMenu","useActionMenu","STRINGS","useLocalization","sdk","currentUser","useSendbirdChat","onLongPress","useFreshCallback","channel","action","myPushTriggerOption","menuItem","title","GROUP_CHANNEL_LIST","DIALOG_CHANNEL_TITLE","userId","menuItems","DIALOG_CHANNEL_NOTIFICATION","onPress","setMyPushTriggerOption","PushTriggerOption","DEFAULT","OFF","onError","show","TOAST","TURN_ON_NOTIFICATIONS_ERROR","TURN_OFF_NOTIFICATIONS_ERROR","DIALOG_CHANNEL_LEAVE","leave","then","clearCachedMessages","url","catch","LEAVE_CHANNEL_ERROR","renderItem","useCallback","item","left","right","useSafeAreaInsets","contentContainerStyle","paddingLeft","paddingRight","getChannelUniqId"],"sources":["GroupChannelListList.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { PushTriggerOption } from '@sendbird/chat';\nimport { useActionMenu, useToast } from '@sendbird/uikit-react-native-foundation';\nimport { PASS, SendbirdGroupChannel, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport type { GroupChannelListProps } from '../types';\n\nconst GroupChannelListList = ({\n  renderGroupChannelPreview,\n  groupChannels,\n  onLoadNext,\n  flatListProps,\n  menuItemCreator = PASS,\n}: GroupChannelListProps['List']) => {\n  const toast = useToast();\n  const { openMenu } = useActionMenu();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const onLongPress = useFreshCallback((channel: SendbirdGroupChannel) => {\n    const action = channel.myPushTriggerOption === 'off' ? 'on' : 'off';\n    const menuItem = menuItemCreator({\n      title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_TITLE(currentUser?.userId ?? '', channel),\n      menuItems: [\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_NOTIFICATION(channel),\n          onPress: async () => {\n            if (action === 'on') {\n              await channel.setMyPushTriggerOption(PushTriggerOption.DEFAULT);\n            } else {\n              await channel.setMyPushTriggerOption(PushTriggerOption.OFF);\n            }\n          },\n          onError: () => {\n            toast.show(\n              action === 'on' ? STRINGS.TOAST.TURN_ON_NOTIFICATIONS_ERROR : STRINGS.TOAST.TURN_OFF_NOTIFICATIONS_ERROR,\n              'error',\n            );\n          },\n        },\n        {\n          title: STRINGS.GROUP_CHANNEL_LIST.DIALOG_CHANNEL_LEAVE,\n          onPress: async () => {\n            channel.leave().then(() => sdk.clearCachedMessages([channel.url]).catch());\n          },\n          onError: () => toast.show(STRINGS.TOAST.LEAVE_CHANNEL_ERROR, 'error'),\n        },\n      ],\n    });\n\n    openMenu(menuItem);\n  });\n\n  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(\n    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),\n    [renderGroupChannelPreview, onLongPress],\n  );\n\n  const { left, right } = useSafeAreaInsets();\n  return (\n    <FlatList\n      bounces={false}\n      data={groupChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n      keyExtractor={getChannelUniqId}\n    />\n  );\n};\n\nexport default GroupChannelListList;\n"],"mappings":"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"}

package/lib/commonjs/domain/groupChannelList/component/GroupChannelListTypeSelector.js

@@ -26,18 +26,26 @@ const TYPE_ICONS = {
   'BROADCAST': 'broadcast'
 };
 
+const STATUS_BAR_TOP_INSET_AS = _reactNative.Platform.select({
+  android: 'margin',
+  default: 'padding'
+});
+
 const GroupChannelListTypeSelector = _ref => {
   let {
-    Header = _uikitReactNativeFoundation.Header,
     skipTypeSelection,
     onSelectType
   } = _ref;
   const {
-    statusBarTranslucent
+    statusBarTranslucent,
+    HeaderComponent
   } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    features
+  } = (0, _useContext.useSendbirdChat)();
   const typeSelector = (0, _react.useContext)(_moduleContext.GroupChannelListContexts.TypeSelector);
   const {
     visible,
@@ -53,10 +61,29 @@ const GroupChannelListTypeSelector = _ref => {
     if (skipTypeSelection && visible) createOnPressType('GROUP')();
   }, [skipTypeSelection, visible]);
   if (skipTypeSelection) return null;
-
-  const renderButtons = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Modal, {
+    visible: visible,
+    onClose: hide,
+    statusBarTranslucent: statusBarTranslucent
+  }, /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: typeSelector.headerTitle,
+    right: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'close',
+      color: colors.onBackground01
+    }),
+    onPressRight: typeSelector.hide,
+    statusBarTopInsetAs: STATUS_BAR_TOP_INSET_AS
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.buttonArea
   }, TYPES.map(type => {
+    if (type === 'SUPER_GROUP' && !features.superGroupChannelEnabled) {
+      return null;
+    }
+
+    if (type === 'BROADCAST' && !features.broadcastChannelEnabled) {
+      return null;
+    }
+
     return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
       key: type,
       activeOpacity: 0.6,
@@ -67,32 +94,7 @@ const GroupChannelListTypeSelector = _ref => {
     }), /*#__PURE__*/_react.default.createElement(DefaultTypeText, {
       type: type
     }));
-  }));
-
-  const renderHeader = () => {
-    if (Header) {
-      return /*#__PURE__*/_react.default.createElement(Header, {
-        title: typeSelector.headerTitle,
-        right: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-          icon: 'close',
-          color: colors.onBackground01
-        }),
-        onPressRight: typeSelector.hide
-      }, renderButtons());
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Header, {
-      title: null,
-      right: null,
-      left: null
-    }, renderButtons());
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Modal, {
-    visible: visible,
-    onClose: hide,
-    statusBarTranslucent: statusBarTranslucent
-  }, renderHeader());
+  }))));
 };
 
 const DefaultTypeIcon = _ref2 => {

package/lib/commonjs/domain/groupChannelList/component/GroupChannelListTypeSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["TYPES","TYPE_ICONS","GroupChannelListTypeSelector","Header","DefaultHeader","skipTypeSelection","onSelectType","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","typeSelector","useContext","GroupChannelListContexts","TypeSelector","visible","hide","createOnPressType","type","useEffect","renderButtons","styles","buttonArea","map","typeButton","renderHeader","headerTitle","onBackground01","DefaultTypeIcon","icon","DefaultTypeText","STRINGS","useLocalization","GROUP_CHANNEL_LIST","createStyleSheet","flexDirection","paddingVertical","flex","alignItems","justifyContent","marginBottom"],"sources":["GroupChannelListTypeSelector.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport {\n  Header as DefaultHeader,\n  Icon,\n  Modal,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelListContexts } from '../module/moduleContext';\nimport type { GroupChannelListProps, GroupChannelType } from '../types';\n\nconst TYPES: GroupChannelType[] = ['GROUP', 'SUPER_GROUP', 'BROADCAST'];\nconst TYPE_ICONS: Record<GroupChannelType, keyof typeof Icon.Assets> = {\n  'GROUP': 'chat',\n  'SUPER_GROUP': 'supergroup',\n  'BROADCAST': 'broadcast',\n};\n\nconst GroupChannelListTypeSelector = ({\n  Header = DefaultHeader,\n  skipTypeSelection,\n  onSelectType,\n}: GroupChannelListProps['TypeSelector']) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const typeSelector = useContext(GroupChannelListContexts.TypeSelector);\n  const { visible, hide } = typeSelector;\n  const createOnPressType = (type: GroupChannelType) => () => {\n    hide();\n    onSelectType(type);\n  };\n\n  useEffect(() => {\n    if (skipTypeSelection && visible) createOnPressType('GROUP')();\n  }, [skipTypeSelection, visible]);\n\n  if (skipTypeSelection) return null;\n\n  const renderButtons = () => (\n    <View style={styles.buttonArea}>\n      {TYPES.map((type) => {\n        return (\n          <TouchableOpacity key={type} activeOpacity={0.6} onPress={createOnPressType(type)} style={styles.typeButton}>\n            <DefaultTypeIcon type={type} />\n            <DefaultTypeText type={type} />\n          </TouchableOpacity>\n        );\n      })}\n    </View>\n  );\n\n  const renderHeader = () => {\n    if (Header) {\n      return (\n        <Header\n          title={typeSelector.headerTitle}\n          right={<Icon icon={'close'} color={colors.onBackground01} />}\n          onPressRight={typeSelector.hide}\n        >\n          {renderButtons()}\n        </Header>\n      );\n    }\n\n    return (\n      <DefaultHeader title={null} right={null} left={null}>\n        {renderButtons()}\n      </DefaultHeader>\n    );\n  };\n\n  return (\n    <Modal visible={visible} onClose={hide} statusBarTranslucent={statusBarTranslucent}>\n      {renderHeader()}\n    </Modal>\n  );\n};\n\nconst DefaultTypeIcon = ({ type }: { type: GroupChannelType }) => {\n  return <Icon size={24} icon={TYPE_ICONS[type]} containerStyle={styles.icon} />;\n};\n\nconst DefaultTypeText = ({ type }: { type: GroupChannelType }) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  return (\n    <Text caption2 color={colors.onBackground01}>\n      {STRINGS.GROUP_CHANNEL_LIST[`TYPE_SELECTOR_${type}`]}\n    </Text>\n  );\n};\n\nconst styles = createStyleSheet({\n  buttonArea: {\n    flexDirection: 'row',\n  },\n  typeButton: {\n    paddingVertical: 24,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: {\n    marginBottom: 8,\n  },\n});\n\nexport default GroupChannelListTypeSelector;\n"],"mappings":"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"}
+{"version":3,"names":["TYPES","TYPE_ICONS","STATUS_BAR_TOP_INSET_AS","Platform","select","android","default","GroupChannelListTypeSelector","skipTypeSelection","onSelectType","statusBarTranslucent","HeaderComponent","useHeaderStyle","colors","useUIKitTheme","features","useSendbirdChat","typeSelector","useContext","GroupChannelListContexts","TypeSelector","visible","hide","createOnPressType","type","useEffect","headerTitle","onBackground01","styles","buttonArea","map","superGroupChannelEnabled","broadcastChannelEnabled","typeButton","DefaultTypeIcon","icon","DefaultTypeText","STRINGS","useLocalization","GROUP_CHANNEL_LIST","createStyleSheet","flexDirection","paddingVertical","flex","alignItems","justifyContent","marginBottom"],"sources":["GroupChannelListTypeSelector.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { Platform, TouchableOpacity, View } from 'react-native';\n\nimport {\n  Icon,\n  Modal,\n  Text,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelListContexts } from '../module/moduleContext';\nimport type { GroupChannelListProps, GroupChannelType } from '../types';\n\nconst TYPES: GroupChannelType[] = ['GROUP', 'SUPER_GROUP', 'BROADCAST'];\nconst TYPE_ICONS: Record<GroupChannelType, keyof typeof Icon.Assets> = {\n  'GROUP': 'chat',\n  'SUPER_GROUP': 'supergroup',\n  'BROADCAST': 'broadcast',\n};\nconst STATUS_BAR_TOP_INSET_AS: 'margin' | 'padding' = Platform.select({ android: 'margin', default: 'padding' });\n\nconst GroupChannelListTypeSelector = ({ skipTypeSelection, onSelectType }: GroupChannelListProps['TypeSelector']) => {\n  const { statusBarTranslucent, HeaderComponent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n  const { features } = useSendbirdChat();\n  const typeSelector = useContext(GroupChannelListContexts.TypeSelector);\n  const { visible, hide } = typeSelector;\n\n  const createOnPressType = (type: GroupChannelType) => () => {\n    hide();\n    onSelectType(type);\n  };\n\n  useEffect(() => {\n    if (skipTypeSelection && visible) createOnPressType('GROUP')();\n  }, [skipTypeSelection, visible]);\n\n  if (skipTypeSelection) return null;\n\n  return (\n    <Modal visible={visible} onClose={hide} statusBarTranslucent={statusBarTranslucent}>\n      <HeaderComponent\n        title={typeSelector.headerTitle}\n        right={<Icon icon={'close'} color={colors.onBackground01} />}\n        onPressRight={typeSelector.hide}\n        statusBarTopInsetAs={STATUS_BAR_TOP_INSET_AS}\n      >\n        <View style={styles.buttonArea}>\n          {TYPES.map((type) => {\n            if (type === 'SUPER_GROUP' && !features.superGroupChannelEnabled) {\n              return null;\n            }\n\n            if (type === 'BROADCAST' && !features.broadcastChannelEnabled) {\n              return null;\n            }\n\n            return (\n              <TouchableOpacity\n                key={type}\n                activeOpacity={0.6}\n                onPress={createOnPressType(type)}\n                style={styles.typeButton}\n              >\n                <DefaultTypeIcon type={type} />\n                <DefaultTypeText type={type} />\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </HeaderComponent>\n    </Modal>\n  );\n};\n\nconst DefaultTypeIcon = ({ type }: { type: GroupChannelType }) => {\n  return <Icon size={24} icon={TYPE_ICONS[type]} containerStyle={styles.icon} />;\n};\n\nconst DefaultTypeText = ({ type }: { type: GroupChannelType }) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  return (\n    <Text caption2 color={colors.onBackground01}>\n      {STRINGS.GROUP_CHANNEL_LIST[`TYPE_SELECTOR_${type}`]}\n    </Text>\n  );\n};\n\nconst styles = createStyleSheet({\n  buttonArea: {\n    flexDirection: 'row',\n  },\n  typeButton: {\n    paddingVertical: 24,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: {\n    marginBottom: 8,\n  },\n});\n\nexport default GroupChannelListTypeSelector;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem, BaseHeaderProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelListProps {\n  /** Props for `GroupChannelListFragment` **/\n  Fragment: {\n    /** Navigate to GroupChannelFragment **/\n    onPressChannel: (channel: SendbirdGroupChannel) => void;\n    /** Navigate to GroupChannelCreateFragment **/\n    onPressCreateChannel: (channelType: GroupChannelType) => void;\n    /** Custom Header for TypeSelector, Only replace header component not a module **/\n    TypeSelectorHeader?: null | CommonComponent<\n      BaseHeaderProps<{ title: string; right: React.ReactElement; onPressRight: () => void }>\n    >;\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview?: (\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    // /** Skip type selection, When this is set to true 'channelType' only receive 'GROUP' type **/\n    // skipTypeSelection?: boolean;\n    /** Custom Query creator for channels query **/\n    queryCreator?: UseGroupChannelListOptions['queryCreator'];\n    /** Custom Collection creator for group channel collection **/\n    collectionCreator?: UseGroupChannelListOptions['collectionCreator'];\n    /** FlatList props for GroupChannelList.List **/\n    flatListProps?: GroupChannelListProps['List']['flatListProps'];\n    /** Action menu item creator for onLongPress **/\n    menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];\n  };\n  /** Props for `GroupChannelListModule.Header` **/\n  Header: {};\n  /** Props for `GroupChannelListModule.List` **/\n  List: {\n    /** GroupChannels from SendbirdChat SDK **/\n    groupChannels: SendbirdGroupChannel[];\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview: (\n      // FIXME/BREAKING: Changed to props object\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Method to load more data, called with onEndReached of FlatList **/\n    onLoadNext: () => Promise<void>;\n    /** Prop from Fragment **/\n    flatListProps?: Omit<FlatListProps<SendbirdGroupChannel>, 'data' | 'renderItem'>;\n    /** Prop from Fragment **/\n    menuItemCreator?: (defaultMenuItem: ActionMenuItem) => ActionMenuItem;\n  };\n  /** Props for `GroupChannelListModule.TypeSelector` **/\n  TypeSelector: {\n    /** Prop from Fragment `Fragment.TypeSelectorHeader` **/\n    Header: GroupChannelListProps['Fragment']['TypeSelectorHeader'];\n    /** Prop from Fragment `Fragment.skipTypeSelection` **/\n    skipTypeSelection: boolean;\n    /** Method called when type is selected, call `Fragment.onPressCreateChannel` **/\n    onSelectType: (type: GroupChannelType) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelListContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n  }>;\n  TypeSelector: React.Context<{\n    visible: boolean;\n    show: () => void;\n    hide: () => void;\n    headerTitle: string;\n  }>;\n}\nexport interface GroupChannelListModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<GroupChannelListProps['Header']>;\n  List: CommonComponent<GroupChannelListProps['List']>;\n  TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;\nexport type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\nimport type { FlatListProps } from 'react-native';\n\nimport type { UseGroupChannelListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdGroupChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport interface GroupChannelListProps {\n  /** Props for `GroupChannelListFragment` **/\n  Fragment: {\n    /** Navigate to GroupChannelFragment **/\n    onPressChannel: (channel: SendbirdGroupChannel) => void;\n    /** Navigate to GroupChannelCreateFragment **/\n    onPressCreateChannel: (channelType: GroupChannelType) => void;\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview?: (\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Skip type selection, When this is set to true 'channelType' only receive 'GROUP' type **/\n    skipTypeSelection?: boolean;\n    /** Custom Query creator for channels query **/\n    queryCreator?: UseGroupChannelListOptions['queryCreator'];\n    /** Custom Collection creator for group channel collection **/\n    collectionCreator?: UseGroupChannelListOptions['collectionCreator'];\n    /** FlatList props for GroupChannelList.List **/\n    flatListProps?: GroupChannelListProps['List']['flatListProps'];\n    /** Action menu item creator for onLongPress **/\n    menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];\n  };\n  /** Props for `GroupChannelListModule.Header` **/\n  Header: {};\n  /** Props for `GroupChannelListModule.List` **/\n  List: {\n    /** GroupChannels from SendbirdChat SDK **/\n    groupChannels: SendbirdGroupChannel[];\n    /** Method to render GroupChannel preview **/\n    renderGroupChannelPreview: (\n      // FIXME/BREAKING: Changed to props object\n      channel: SendbirdGroupChannel,\n      onLongPressChannel: () => void,\n    ) => React.ReactElement | null;\n    /** Method to load more data, called with onEndReached of FlatList **/\n    onLoadNext: () => Promise<void>;\n    /** Prop from Fragment **/\n    flatListProps?: Omit<FlatListProps<SendbirdGroupChannel>, 'data' | 'renderItem'>;\n    /** Prop from Fragment **/\n    menuItemCreator?: (defaultMenuItem: ActionMenuItem) => ActionMenuItem;\n  };\n  /** Props for `GroupChannelListModule.TypeSelector` **/\n  TypeSelector: {\n    /** Prop from Fragment `Fragment.skipTypeSelection` **/\n    skipTypeSelection: boolean;\n    /** Method called when type is selected, call `Fragment.onPressCreateChannel` **/\n    onSelectType: (type: GroupChannelType) => void;\n  };\n}\n\n/**\n * Internal context for GroupChannelList\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport interface GroupChannelListContextsType {\n  Fragment: React.Context<{\n    headerTitle: string;\n  }>;\n  TypeSelector: React.Context<{\n    visible: boolean;\n    show: () => void;\n    hide: () => void;\n    headerTitle: string;\n  }>;\n}\nexport interface GroupChannelListModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<GroupChannelListProps['Header']>;\n  List: CommonComponent<GroupChannelListProps['List']>;\n  TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n}\n\nexport type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;\nexport type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';\n"],"mappings":""}

package/lib/commonjs/domain/groupChannelModeration/component/GroupChannelModerationHeader.js

@@ -0,0 +1,39 @@
+"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 GroupChannelModerationHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    headerTitle
+  } = (0, _react.useContext)(_moduleContext.GroupChannelModerationContexts.Fragment);
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft
+  });
+};
+
+var _default = GroupChannelModerationHeader;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelModerationHeader.js.map

package/lib/commonjs/domain/groupChannelModeration/component/GroupChannelModerationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelModerationHeader","onPressHeaderLeft","headerTitle","useContext","GroupChannelModerationContexts","Fragment","HeaderComponent","useHeaderStyle"],"sources":["GroupChannelModerationHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { GroupChannelModerationContexts } from '../module/moduleContext';\nimport type { GroupChannelModerationProps } from '../types';\n\nconst GroupChannelModerationHeader = ({ onPressHeaderLeft }: GroupChannelModerationProps['Header']) => {\n  const { headerTitle } = useContext(GroupChannelModerationContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return <HeaderComponent title={headerTitle} left={<Icon icon={'arrow-left'} />} onPressLeft={onPressHeaderLeft} />;\n};\n\nexport default GroupChannelModerationHeader;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,4BAA4B,GAAG,QAAkE;EAAA,IAAjE;IAAEC;EAAF,CAAiE;EACrG,MAAM;IAAEC;EAAF,IAAkB,IAAAC,iBAAA,EAAWC,6CAAA,CAA+BC,QAA1C,CAAxB;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EACA,oBAAO,6BAAC,eAAD;IAAiB,KAAK,EAAEL,WAAxB;IAAqC,IAAI,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAA3C;IAAyE,WAAW,EAAED;EAAtF,EAAP;AACD,CAJD;;eAMeD,4B"}

package/lib/commonjs/domain/groupChannelModeration/component/GroupChannelModerationMenu.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _useContext = require("../../../hooks/useContext");
+
+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 GroupChannelModerationMenu = _ref => {
+  let {
+    onPressMenuBannedUsers,
+    onPressMenuMutedMembers,
+    onPressMenuOperators,
+    menuItemsCreator = menu => menu
+  } = _ref;
+  const {
+    channel
+  } = (0, _react.useContext)(_moduleContext.GroupChannelModerationContexts.Fragment);
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const [isFrozen, setIsFrozen] = (0, _react.useState)(() => channel.isFrozen);
+
+  const toggleFreeze = async () => {
+    if (channel.isFrozen) {
+      await channel.unfreeze();
+    } else {
+      await channel.freeze();
+    }
+
+    setIsFrozen(channel.isFrozen);
+  };
+
+  const menuItems = menuItemsCreator([{
+    icon: 'operator',
+    name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_OPERATORS,
+    onPress: () => onPressMenuOperators(),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'mute',
+    visible: !channel.isBroadcast,
+    name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_MUTED_MEMBERS,
+    onPress: () => onPressMenuMutedMembers(),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'ban',
+    name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_BANNED_USERS,
+    onPress: () => onPressMenuBannedUsers(),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'freeze',
+    visible: !channel.isBroadcast,
+    name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_FREEZE_CHANNEL,
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Switch, {
+      value: isFrozen,
+      onChangeValue: toggleFreeze
+    }),
+    onPress: toggleFreeze
+  }]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, menuItems.map(menu => {
+    return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.MenuBar, {
+      key: menu.name,
+      onPress: menu.onPress,
+      name: menu.name,
+      disabled: menu.disabled,
+      visible: menu.visible,
+      icon: menu.icon,
+      iconColor: menu.iconColor,
+      iconBackgroundColor: menu.iconBackgroundColor,
+      actionLabel: menu.actionLabel,
+      actionItem: menu.actionItem
+    });
+  }));
+};
+
+var _default = GroupChannelModerationMenu;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelModerationMenu.js.map

package/lib/commonjs/domain/groupChannelModeration/component/GroupChannelModerationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelModerationMenu","onPressMenuBannedUsers","onPressMenuMutedMembers","onPressMenuOperators","menuItemsCreator","menu","channel","useContext","GroupChannelModerationContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","isFrozen","setIsFrozen","useState","toggleFreeze","unfreeze","freeze","menuItems","icon","name","GROUP_CHANNEL_MODERATION","MENU_OPERATORS","onPress","actionItem","onBackground01","visible","isBroadcast","MENU_MUTED_MEMBERS","MENU_BANNED_USERS","MENU_FREEZE_CHANNEL","map","disabled","iconColor","iconBackgroundColor","actionLabel"],"sources":["GroupChannelModerationMenu.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { View } from 'react-native';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, Switch, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../../hooks/useContext';\nimport { GroupChannelModerationContexts } from '../module/moduleContext';\nimport type { GroupChannelModerationProps } from '../types';\n\nconst GroupChannelModerationMenu = ({\n  onPressMenuBannedUsers,\n  onPressMenuMutedMembers,\n  onPressMenuOperators,\n  menuItemsCreator = (menu) => menu,\n}: GroupChannelModerationProps['Menu']) => {\n  const { channel } = useContext(GroupChannelModerationContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [isFrozen, setIsFrozen] = useState(() => channel.isFrozen);\n\n  const toggleFreeze = async () => {\n    if (channel.isFrozen) {\n      await channel.unfreeze();\n    } else {\n      await channel.freeze();\n    }\n\n    setIsFrozen(channel.isFrozen);\n  };\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'operator',\n      name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_OPERATORS,\n      onPress: () => onPressMenuOperators(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'mute',\n      visible: !channel.isBroadcast,\n      name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_MUTED_MEMBERS,\n      onPress: () => onPressMenuMutedMembers(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'ban',\n      name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_BANNED_USERS,\n      onPress: () => onPressMenuBannedUsers(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'freeze',\n      visible: !channel.isBroadcast,\n      name: STRINGS.GROUP_CHANNEL_MODERATION.MENU_FREEZE_CHANNEL,\n      actionItem: <Switch value={isFrozen} onChangeValue={toggleFreeze} />,\n      onPress: toggleFreeze,\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 GroupChannelModerationMenu;\n"],"mappings":"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"}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupChannelModerationContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelModerationContexts;
+  }
+});
+Object.defineProperty(exports, "GroupChannelModerationContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelModerationContextsProvider;
+  }
+});
+Object.defineProperty(exports, "GroupChannelModerationHeader", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelModerationHeader.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelModerationMenu", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelModerationMenu.default;
+  }
+});
+Object.defineProperty(exports, "createGroupChannelModerationModule", {
+  enumerable: true,
+  get: function () {
+    return _createGroupChannelModerationModule.default;
+  }
+});
+
+var _GroupChannelModerationHeader = _interopRequireDefault(require("./component/GroupChannelModerationHeader"));
+
+var _GroupChannelModerationMenu = _interopRequireDefault(require("./component/GroupChannelModerationMenu"));
+
+var _createGroupChannelModerationModule = _interopRequireDefault(require("./module/createGroupChannelModerationModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelModerationHeader } from './component/GroupChannelModerationHeader';\nexport { default as GroupChannelModerationMenu } from './component/GroupChannelModerationMenu';\nexport { default as createGroupChannelModerationModule } from './module/createGroupChannelModerationModule';\nexport { GroupChannelModerationContextsProvider, GroupChannelModerationContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}