@sendbird/uikit-react-native 1.0.1 → 1.0.2

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupChannelListContextsProvider = exports.GroupChannelListContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+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 GroupChannelListContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: ''
+  }),
+  TypeSelector: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    visible: Boolean(),
+    hide: _uikitUtils.NOOP,
+    show: _uikitUtils.NOOP
+  })
+};
+exports.GroupChannelListContexts = GroupChannelListContexts;
+
+const GroupChannelListContextsProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)(); // Type selector
+
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const show = (0, _react.useCallback)(() => setVisible(true), []);
+  const hide = (0, _react.useCallback)(() => setVisible(false), []);
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(GroupChannelListContexts.TypeSelector.Provider, {
+    value: {
+      headerTitle: STRINGS.GROUP_CHANNEL_LIST.TYPE_SELECTOR_HEADER_TITLE,
+      visible,
+      show,
+      hide
+    }
+  }, /*#__PURE__*/_react.default.createElement(GroupChannelListContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.GROUP_CHANNEL_LIST.HEADER_TITLE
+    }
+  }, children)));
+};
+
+exports.GroupChannelListContextsProvider = GroupChannelListContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelListContexts","Fragment","createContext","headerTitle","TypeSelector","visible","Boolean","hide","NOOP","show","GroupChannelListContextsProvider","children","STRINGS","useLocalization","setVisible","useState","useCallback","GROUP_CHANNEL_LIST","TYPE_SELECTOR_HEADER_TITLE","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useState } from 'react';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { GroupChannelListContextsType, GroupChannelListModule } from '../types';\n\nexport const GroupChannelListContexts: GroupChannelListContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n  }),\n  TypeSelector: createContext({\n    headerTitle: '',\n    visible: Boolean(),\n    hide: NOOP,\n    show: NOOP,\n  }),\n};\n\nexport const GroupChannelListContextsProvider: GroupChannelListModule['Provider'] = ({ children }) => {\n  const { STRINGS } = useLocalization();\n\n  // Type selector\n  const [visible, setVisible] = useState(false);\n  const show = useCallback(() => setVisible(true), []);\n  const hide = useCallback(() => setVisible(false), []);\n\n  return (\n    <ProviderLayout>\n      <GroupChannelListContexts.TypeSelector.Provider\n        value={{ headerTitle: STRINGS.GROUP_CHANNEL_LIST.TYPE_SELECTOR_HEADER_TITLE, visible, show, hide }}\n      >\n        <GroupChannelListContexts.Fragment.Provider value={{ headerTitle: STRINGS.GROUP_CHANNEL_LIST.HEADER_TITLE }}>\n          {children}\n        </GroupChannelListContexts.Fragment.Provider>\n      </GroupChannelListContexts.TypeSelector.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;;;;;;;AAGO,MAAMA,wBAAsD,GAAG;EACpEC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE;EADS,CAAd,CAD0D;EAIpEC,YAAY,eAAE,IAAAF,oBAAA,EAAc;IAC1BC,WAAW,EAAE,EADa;IAE1BE,OAAO,EAAEC,OAAO,EAFU;IAG1BC,IAAI,EAAEC,gBAHoB;IAI1BC,IAAI,EAAED;EAJoB,CAAd;AAJsD,CAA/D;;;AAYA,MAAME,gCAAoE,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAF,CAAiB;EACpG,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB,CADoG,CAGpG;;EACA,MAAM,CAACR,OAAD,EAAUS,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EACA,MAAMN,IAAI,GAAG,IAAAO,kBAAA,EAAY,MAAMF,UAAU,CAAC,IAAD,CAA5B,EAAoC,EAApC,CAAb;EACA,MAAMP,IAAI,GAAG,IAAAS,kBAAA,EAAY,MAAMF,UAAU,CAAC,KAAD,CAA5B,EAAqC,EAArC,CAAb;EAEA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,wBAAD,CAA0B,YAA1B,CAAuC,QAAvC;IACE,KAAK,EAAE;MAAEX,WAAW,EAAES,OAAO,CAACK,kBAAR,CAA2BC,0BAA1C;MAAsEb,OAAtE;MAA+EI,IAA/E;MAAqFF;IAArF;EADT,gBAGE,6BAAC,wBAAD,CAA0B,QAA1B,CAAmC,QAAnC;IAA4C,KAAK,EAAE;MAAEJ,WAAW,EAAES,OAAO,CAACK,kBAAR,CAA2BE;IAA1C;EAAnD,GACGR,QADH,CAHF,CADF,CADF;AAWD,CAnBM"}

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

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

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

@@ -0,0 +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    /** Sort comparator for sort channels **/\n    sortComparator?: UseGroupChannelListOptions['sortComparator'];\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      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":""}

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

@@ -0,0 +1,49 @@
+"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 GroupChannelSettingsHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    headerTitle,
+    headerRight,
+    onPressHeaderRight
+  } = (0, _react.useContext)(_moduleContext.GroupChannelSettingsContexts.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,
+    right: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      button: true,
+      color: colors.primary
+    }, headerRight),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+var _default = GroupChannelSettingsHeader;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelSettingsHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelSettingsHeader","onPressHeaderLeft","colors","useUIKitTheme","headerTitle","headerRight","onPressHeaderRight","useContext","GroupChannelSettingsContexts","Fragment","HeaderComponent","useHeaderStyle","primary"],"sources":["GroupChannelSettingsHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { GroupChannelSettingsContexts } from '../module/moduleContext';\nimport type { GroupChannelSettingsProps } from '../types';\n\nconst GroupChannelSettingsHeader = ({ onPressHeaderLeft }: GroupChannelSettingsProps['Header']) => {\n  const { colors } = useUIKitTheme();\n  const { headerTitle, headerRight, onPressHeaderRight } = useContext(GroupChannelSettingsContexts.Fragment);\n\n  const { HeaderComponent } = useHeaderStyle();\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={\n        <Text button color={colors.primary}>\n          {headerRight}\n        </Text>\n      }\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nexport default GroupChannelSettingsHeader;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,0BAA0B,GAAG,QAAgE;EAAA,IAA/D;IAAEC;EAAF,CAA+D;EACjG,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAM;IAAEC,WAAF;IAAeC,WAAf;IAA4BC;EAA5B,IAAmD,IAAAC,iBAAA,EAAWC,2CAAA,CAA6BC,QAAxC,CAAzD;EAEA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EAEA,oBACE,6BAAC,eAAD;IACE,KAAK,EAAEP,WADT;IAEE,IAAI,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAFR;IAGE,WAAW,EAAEH,iBAHf;IAIE,KAAK,eACH,6BAAC,gCAAD;MAAM,MAAM,MAAZ;MAAa,KAAK,EAAEC,MAAM,CAACU;IAA3B,GACGP,WADH,CALJ;IASE,YAAY,EAAEC;EAThB,EADF;AAaD,CAnBD;;eAqBeN,0B"}

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

@@ -0,0 +1,77 @@
+"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 _uikitUtils = require("@sendbird/uikit-utils");
+
+var _ChannelCover = _interopRequireDefault(require("../../../components/ChannelCover"));
+
+var _useContext = require("../../../hooks/useContext");
+
+var _moduleContext = require("../module/moduleContext");
+
+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 GroupChannelSettingsInfo = _ => {
+  const {
+    channel
+  } = (0, _react.useContext)(_moduleContext.GroupChannelSettingsContexts.Fragment);
+  const {
+    currentUser
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+
+  if (!currentUser) {
+    _uikitUtils.Logger.warn('Cannot render GroupChannelSettingsInfo, User is not connected');
+
+    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, {
+    channel: channel,
+    size: 80,
+    containerStyle: styles.avatarContainer
+  }), /*#__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));
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  container: {
+    flex: 1
+  },
+  userInfoContainer: {
+    paddingVertical: 24,
+    alignItems: 'center'
+  },
+  avatarContainer: {
+    marginBottom: 12
+  },
+  userIdContainer: {
+    paddingVertical: 16
+  },
+  userIdLabel: {
+    marginBottom: 4
+  }
+});
+var _default = GroupChannelSettingsInfo;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelSettingsInfo.js.map

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

@@ -0,0 +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, User is not connected');\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,+DAAZ;;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"}

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

@@ -0,0 +1,94 @@
+"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 GroupChannelSettingsMenu = _ref => {
+  let {
+    onPressMenuMembers,
+    onPressMenuLeaveChannel,
+    menuItemsCreator = menu => menu
+  } = _ref;
+  const {
+    sdk
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    channel
+  } = (0, _react.useContext)(_moduleContext.GroupChannelSettingsContexts.Fragment);
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+
+  const toggleNotification = async () => {
+    if (channel.myPushTriggerOption === 'off') {
+      await channel.setMyPushTriggerOption('default');
+    } else {
+      await channel.setMyPushTriggerOption('off');
+    }
+  };
+
+  const menuItems = menuItemsCreator([{
+    icon: 'notifications',
+    name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_NOTIFICATION,
+    onPress: toggleNotification,
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Switch, {
+      value: channel.myPushTriggerOption !== 'off',
+      onChangeValue: toggleNotification
+    })
+  }, {
+    icon: 'members',
+    name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_MEMBERS,
+    onPress: () => onPressMenuMembers(),
+    actionLabel: String(channel.memberCount),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'leave',
+    iconColor: colors.error,
+    name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,
+    onPress: () => {
+      channel.leave().then(() => {
+        onPressMenuLeaveChannel();
+        sdk.clearCachedMessages([channel.url]).catch();
+      });
+    }
+  }]);
+  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,
+      icon: menu.icon,
+      iconColor: menu.iconColor,
+      iconBackgroundColor: menu.iconBackgroundColor,
+      actionLabel: menu.actionLabel,
+      actionItem: menu.actionItem
+    });
+  }));
+};
+
+var _default = GroupChannelSettingsMenu;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelSettingsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChannelSettingsMenu","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","menu","sdk","useSendbirdChat","channel","useContext","GroupChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","toggleNotification","myPushTriggerOption","setMyPushTriggerOption","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 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('default');\n    } else {\n      await channel.setMyPushTriggerOption('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;;AAGA;;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+B,SAA/B,CAAN;IACD,CAFD,MAEO;MACL,MAAMV,OAAO,CAACU,sBAAR,CAA+B,KAA/B,CAAN;IACD;EACF,CAND;;EAQA,MAAMC,SAAyB,GAAGf,gBAAgB,CAAC,CACjD;IACEgB,IAAI,EAAE,eADR;IAEEC,IAAI,EAAET,OAAO,CAACU,sBAAR,CAA+BC,iBAFvC;IAGEC,OAAO,EAAER,kBAHX;IAIES,UAAU,eAAE,6BAAC,kCAAD;MAAQ,KAAK,EAAEjB,OAAO,CAACS,mBAAR,KAAgC,KAA/C;MAAsD,aAAa,EAAED;IAArE;EAJd,CADiD,EAOjD;IACEI,IAAI,EAAE,SADR;IAEEC,IAAI,EAAET,OAAO,CAACU,sBAAR,CAA+BI,YAFvC;IAGEF,OAAO,EAAE,MAAMtB,kBAAkB,EAHnC;IAIEyB,WAAW,EAAEC,MAAM,CAACpB,OAAO,CAACqB,WAAT,CAJrB;IAKEJ,UAAU,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE,eAAZ;MAA6B,KAAK,EAAEX,MAAM,CAACgB;IAA3C;EALd,CAPiD,EAcjD;IACEV,IAAI,EAAE,OADR;IAEEW,SAAS,EAAEjB,MAAM,CAACkB,KAFpB;IAGEX,IAAI,EAAET,OAAO,CAACU,sBAAR,CAA+BW,kBAHvC;IAIET,OAAO,EAAE,MAAM;MACbhB,OAAO,CAAC0B,KAAR,GAAgBC,IAAhB,CAAqB,MAAM;QACzBhC,uBAAuB;QACvBG,GAAG,CAAC8B,mBAAJ,CAAwB,CAAC5B,OAAO,CAAC6B,GAAT,CAAxB,EAAuCC,KAAvC;MACD,CAHD;IAID;EATH,CAdiD,CAAD,CAAlD;EA2BA,oBACE,6BAAC,iBAAD,QACGnB,SAAS,CAACoB,GAAV,CAAelC,IAAD,IAAU;IACvB,oBACE,6BAAC,mCAAD;MACE,GAAG,EAAEA,IAAI,CAACgB,IADZ;MAEE,OAAO,EAAEhB,IAAI,CAACmB,OAFhB;MAGE,IAAI,EAAEnB,IAAI,CAACgB,IAHb;MAIE,QAAQ,EAAEhB,IAAI,CAACmC,QAJjB;MAKE,IAAI,EAAEnC,IAAI,CAACe,IALb;MAME,SAAS,EAAEf,IAAI,CAAC0B,SANlB;MAOE,mBAAmB,EAAE1B,IAAI,CAACoC,mBAP5B;MAQE,WAAW,EAAEpC,IAAI,CAACsB,WARpB;MASE,UAAU,EAAEtB,IAAI,CAACoB;IATnB,EADF;EAaD,CAdA,CADH,CADF;AAmBD,CAhED;;eAkEexB,wB"}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupChannelSettingsContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelSettingsContexts;
+  }
+});
+Object.defineProperty(exports, "GroupChannelSettingsContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelSettingsContextsProvider;
+  }
+});
+Object.defineProperty(exports, "GroupChannelSettingsHeader", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelSettingsHeader.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelSettingsInfo", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelSettingsInfo.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelSettingsMenu", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelSettingsMenu.default;
+  }
+});
+Object.defineProperty(exports, "createGroupChannelSettingsModule", {
+  enumerable: true,
+  get: function () {
+    return _createGroupChannelSettingsModule.default;
+  }
+});
+
+var _GroupChannelSettingsHeader = _interopRequireDefault(require("./component/GroupChannelSettingsHeader"));
+
+var _GroupChannelSettingsInfo = _interopRequireDefault(require("./component/GroupChannelSettingsInfo"));
+
+var _GroupChannelSettingsMenu = _interopRequireDefault(require("./component/GroupChannelSettingsMenu"));
+
+var _createGroupChannelSettingsModule = _interopRequireDefault(require("./module/createGroupChannelSettingsModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelSettingsHeader } from './component/GroupChannelSettingsHeader';\nexport { default as GroupChannelSettingsInfo } from './component/GroupChannelSettingsInfo';\nexport { default as GroupChannelSettingsMenu } from './component/GroupChannelSettingsMenu';\nexport { default as createGroupChannelSettingsModule } from './module/createGroupChannelSettingsModule';\nexport { GroupChannelSettingsContextsProvider, GroupChannelSettingsContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _GroupChannelSettingsHeader = _interopRequireDefault(require("../component/GroupChannelSettingsHeader"));
+
+var _GroupChannelSettingsInfo = _interopRequireDefault(require("../component/GroupChannelSettingsInfo"));
+
+var _GroupChannelSettingsMenu = _interopRequireDefault(require("../component/GroupChannelSettingsMenu"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createGroupChannelSettingsModule = function () {
+  let {
+    Header = _GroupChannelSettingsHeader.default,
+    Info = _GroupChannelSettingsInfo.default,
+    Menu = _GroupChannelSettingsMenu.default,
+    Provider = _moduleContext.GroupChannelSettingsContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    Info,
+    Menu,
+    Provider,
+    ...module
+  };
+};
+
+var _default = createGroupChannelSettingsModule;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelSettingsModule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelSettingsModule","Header","GroupChannelSettingsHeader","Info","GroupChannelSettingsInfo","Menu","GroupChannelSettingsMenu","Provider","GroupChannelSettingsContextsProvider","module"],"sources":["createGroupChannelSettingsModule.tsx"],"sourcesContent":["import GroupChannelSettingsHeader from '../component/GroupChannelSettingsHeader';\nimport GroupChannelSettingsInfo from '../component/GroupChannelSettingsInfo';\nimport GroupChannelSettingsMenu from '../component/GroupChannelSettingsMenu';\nimport type { GroupChannelSettingsModule } from '../types';\nimport { GroupChannelSettingsContextsProvider } from './moduleContext';\n\nconst createGroupChannelSettingsModule = ({\n  Header = GroupChannelSettingsHeader,\n  Info = GroupChannelSettingsInfo,\n  Menu = GroupChannelSettingsMenu,\n  Provider = GroupChannelSettingsContextsProvider,\n  ...module\n}: Partial<GroupChannelSettingsModule> = {}): GroupChannelSettingsModule => {\n  return { Header, Info, Menu, Provider, ...module };\n};\n\nexport default createGroupChannelSettingsModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,gCAAgC,GAAG,YAMmC;EAAA,IANlC;IACxCC,MAAM,GAAGC,mCAD+B;IAExCC,IAAI,GAAGC,iCAFiC;IAGxCC,IAAI,GAAGC,iCAHiC;IAIxCC,QAAQ,GAAGC,mDAJ6B;IAKxC,GAAGC;EALqC,CAMkC,uEAAnC,EAAmC;EAC1E,OAAO;IAAER,MAAF;IAAUE,IAAV;IAAgBE,IAAhB;IAAsBE,QAAtB;IAAgC,GAAGE;EAAnC,CAAP;AACD,CARD;;eAUeT,gC"}

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

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupChannelSettingsContextsProvider = exports.GroupChannelSettingsContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+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 GroupChannelSettingsContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    channel: {},
+    headerTitle: '',
+    headerRight: '',
+    onPressHeaderRight: _uikitUtils.NOOP
+  })
+};
+exports.GroupChannelSettingsContexts = GroupChannelSettingsContexts;
+const HOOK_NAME = 'GroupChannelSettingsContextsProvider';
+
+const GroupChannelSettingsContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  const uniqId = (0, _uikitUtils.useUniqId)(HOOK_NAME);
+  const forceUpdate = (0, _uikitUtils.useForceUpdate)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    sdk
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    fileService
+  } = (0, _useContext.usePlatformService)();
+  const {
+    activeChannel,
+    setActiveChannel
+  } = (0, _uikitChatHooks.useActiveGroupChannel)(sdk, channel);
+
+  const onChannelChanged = channel => {
+    if ((0, _uikitUtils.isDifferentChannel)(channel, activeChannel) || !channel.isGroupChannel()) return;
+    setActiveChannel(channel);
+    forceUpdate();
+  };
+
+  (0, _uikitChatHooks.useChannelHandler)(sdk, `${HOOK_NAME}_${uniqId}`, {
+    onChannelChanged: onChannelChanged,
+    onChannelFrozen: onChannelChanged,
+    onChannelUnfrozen: onChannelChanged
+  }, [activeChannel]);
+  const toast = (0, _uikitReactNativeFoundation.useToast)();
+  const {
+    openSheet
+  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
+  const {
+    openPrompt
+  } = (0, _uikitReactNativeFoundation.usePrompt)();
+  const {
+    openMenu
+  } = (0, _uikitReactNativeFoundation.useActionMenu)();
+  const updateChannel = (0, _react.useCallback)(async params => {
+    const updatedChannel = await activeChannel.updateChannel(params);
+    setActiveChannel(updatedChannel);
+    forceUpdate();
+  }, [activeChannel]);
+  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,
+      onSubmit: async channelName => {
+        const params = new sdk.GroupChannelParams();
+        params.name = channelName;
+        await updateChannel(params);
+      }
+    });
+  }, [STRINGS, updateChannel, activeChannel.name]);
+  const changeChannelImage = (0, _react.useCallback)(() => {
+    openMenu({
+      title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,
+      menuItems: [{
+        title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,
+        onPress: async () => {
+          const file = await fileService.openCamera({
+            mediaType: 'photo',
+            onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error')
+          });
+          if (!file) return;
+          const params = new sdk.GroupChannelParams();
+          params.coverImage = file;
+          await updateChannel(params);
+        }
+      }, {
+        title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,
+        onPress: async () => {
+          const files = await fileService.openMediaLibrary({
+            selectionLimit: 1,
+            mediaType: 'photo',
+            onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error')
+          });
+          if (!files || !files[0]) return;
+          const params = new sdk.GroupChannelParams();
+          params.coverImage = files[0];
+          await updateChannel(params);
+        }
+      }]
+    });
+  }, [STRINGS, updateChannel]);
+  const onPressHeaderRight = (0, _react.useCallback)(() => {
+    openSheet({
+      sheetItems: [{
+        title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME,
+        onPress: changeChannelName
+      }, {
+        title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE,
+        onPress: changeChannelImage
+      }]
+    });
+  }, [STRINGS, changeChannelImage, changeChannelName]);
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(GroupChannelSettingsContexts.Fragment.Provider, {
+    value: {
+      channel: activeChannel,
+      headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,
+      headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,
+      onPressHeaderRight
+    }
+  }, children));
+};
+
+exports.GroupChannelSettingsContextsProvider = GroupChannelSettingsContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +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","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","GroupChannelParams","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailureWithToastMessage","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, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdGroupChannel,\n  SendbirdGroupChannelParams,\n  SendbirdOpenChannel,\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 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\n  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);\n\n  const onChannelChanged = (channel: SendbirdGroupChannel | SendbirdOpenChannel) => {\n    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;\n    setActiveChannel(channel);\n    forceUpdate();\n  };\n\n  useChannelHandler(\n    sdk,\n    `${HOOK_NAME}_${uniqId}`,\n    {\n      onChannelChanged: onChannelChanged,\n      onChannelFrozen: onChannelChanged,\n      onChannelUnfrozen: onChannelChanged,\n    },\n    [activeChannel],\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: SendbirdGroupChannelParams) => {\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: async (channelName) => {\n        const params = new sdk.GroupChannelParams();\n        params.name = channelName;\n        await updateChannel(params);\n      },\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              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error'),\n            });\n            if (!file) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = file;\n            await updateChannel(params);\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              onOpenFailureWithToastMessage: () => toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error'),\n            });\n            if (!files || !files[0]) return;\n\n            const params = new sdk.GroupChannelParams();\n            params.coverImage = files[0];\n            await updateChannel(params);\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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"}

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

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

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

@@ -0,0 +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":""}

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

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