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

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

@@ -0,0 +1,141 @@
+"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 TYPES = ['GROUP', 'SUPER_GROUP', 'BROADCAST'];
+const TYPE_ICONS = {
+  'GROUP': 'chat',
+  'SUPER_GROUP': 'supergroup',
+  'BROADCAST': 'broadcast'
+};
+
+const GroupChannelListTypeSelector = _ref => {
+  let {
+    Header = _uikitReactNativeFoundation.Header,
+    skipTypeSelection,
+    onSelectType
+  } = _ref;
+  const {
+    statusBarTranslucent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const typeSelector = (0, _react.useContext)(_moduleContext.GroupChannelListContexts.TypeSelector);
+  const {
+    visible,
+    hide
+  } = typeSelector;
+
+  const createOnPressType = type => () => {
+    hide();
+    onSelectType(type);
+  };
+
+  (0, _react.useEffect)(() => {
+    if (skipTypeSelection && visible) createOnPressType('GROUP')();
+  }, [skipTypeSelection, visible]);
+  if (skipTypeSelection) return null;
+
+  const renderButtons = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonArea
+  }, TYPES.map(type => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      key: type,
+      activeOpacity: 0.6,
+      onPress: createOnPressType(type),
+      style: styles.typeButton
+    }, /*#__PURE__*/_react.default.createElement(DefaultTypeIcon, {
+      type: type
+    }), /*#__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 => {
+  let {
+    type
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+    size: 24,
+    icon: TYPE_ICONS[type],
+    containerStyle: styles.icon
+  });
+};
+
+const DefaultTypeText = _ref3 => {
+  let {
+    type
+  } = _ref3;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    caption2: true,
+    color: colors.onBackground01
+  }, STRINGS.GROUP_CHANNEL_LIST[`TYPE_SELECTOR_${type}`]);
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  buttonArea: {
+    flexDirection: 'row'
+  },
+  typeButton: {
+    paddingVertical: 24,
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {
+    marginBottom: 8
+  }
+});
+var _default = GroupChannelListTypeSelector;
+exports.default = _default;
+//# sourceMappingURL=GroupChannelListTypeSelector.js.map

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

@@ -0,0 +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: React.FC<GroupChannelListProps['TypeSelector']> = ({\n  Header = DefaultHeader,\n  skipTypeSelection,\n  onSelectType,\n}) => {\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: React.FC<{ type: GroupChannelType }> = ({ type }) => {\n  return <Icon size={24} icon={TYPE_ICONS[type]} containerStyle={styles.icon} />;\n};\n\nconst DefaultTypeText: React.FC<{ type: GroupChannelType }> = ({ type }) => {\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/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupChannelListContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelListContexts;
+  }
+});
+Object.defineProperty(exports, "GroupChannelListContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.GroupChannelListContextsProvider;
+  }
+});
+Object.defineProperty(exports, "GroupChannelListHeader", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelListHeader.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelListList", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelListList.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelListStatusEmpty", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelListStatusEmpty.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelListStatusLoading", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelListStatusLoading.default;
+  }
+});
+Object.defineProperty(exports, "GroupChannelListTypeSelector", {
+  enumerable: true,
+  get: function () {
+    return _GroupChannelListTypeSelector.default;
+  }
+});
+Object.defineProperty(exports, "createGroupChannelListModule", {
+  enumerable: true,
+  get: function () {
+    return _createGroupChannelListModule.default;
+  }
+});
+
+var _GroupChannelListHeader = _interopRequireDefault(require("./component/GroupChannelListHeader"));
+
+var _GroupChannelListList = _interopRequireDefault(require("./component/GroupChannelListList"));
+
+var _GroupChannelListStatusEmpty = _interopRequireDefault(require("./component/GroupChannelListStatusEmpty"));
+
+var _GroupChannelListStatusLoading = _interopRequireDefault(require("./component/GroupChannelListStatusLoading"));
+
+var _GroupChannelListTypeSelector = _interopRequireDefault(require("./component/GroupChannelListTypeSelector"));
+
+var _createGroupChannelListModule = _interopRequireDefault(require("./module/createGroupChannelListModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as GroupChannelListHeader } from './component/GroupChannelListHeader';\nexport { default as GroupChannelListList } from './component/GroupChannelListList';\nexport { default as GroupChannelListStatusEmpty } from './component/GroupChannelListStatusEmpty';\nexport { default as GroupChannelListStatusLoading } from './component/GroupChannelListStatusLoading';\nexport { default as GroupChannelListTypeSelector } from './component/GroupChannelListTypeSelector';\nexport { default as createGroupChannelListModule } from './module/createGroupChannelListModule';\nexport { GroupChannelListContextsProvider, GroupChannelListContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _GroupChannelListHeader = _interopRequireDefault(require("../component/GroupChannelListHeader"));
+
+var _GroupChannelListList = _interopRequireDefault(require("../component/GroupChannelListList"));
+
+var _GroupChannelListStatusEmpty = _interopRequireDefault(require("../component/GroupChannelListStatusEmpty"));
+
+var _GroupChannelListStatusLoading = _interopRequireDefault(require("../component/GroupChannelListStatusLoading"));
+
+var _GroupChannelListTypeSelector = _interopRequireDefault(require("../component/GroupChannelListTypeSelector"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createGroupChannelListModule = function () {
+  let {
+    Header = _GroupChannelListHeader.default,
+    List = _GroupChannelListList.default,
+    TypeSelector = _GroupChannelListTypeSelector.default,
+    StatusLoading = _GroupChannelListStatusLoading.default,
+    StatusEmpty = _GroupChannelListStatusEmpty.default,
+    Provider = _moduleContext.GroupChannelListContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    TypeSelector,
+    StatusLoading,
+    StatusEmpty,
+    Provider,
+    ...module
+  };
+};
+
+var _default = createGroupChannelListModule;
+exports.default = _default;
+//# sourceMappingURL=createGroupChannelListModule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createGroupChannelListModule","Header","GroupChannelListHeader","List","GroupChannelListList","TypeSelector","GroupChannelListTypeSelector","StatusLoading","GroupChannelListStatusLoading","StatusEmpty","GroupChannelListStatusEmpty","Provider","GroupChannelListContextsProvider","module"],"sources":["createGroupChannelListModule.tsx"],"sourcesContent":["import GroupChannelListHeader from '../component/GroupChannelListHeader';\nimport GroupChannelListList from '../component/GroupChannelListList';\nimport GroupChannelListStatusEmpty from '../component/GroupChannelListStatusEmpty';\nimport GroupChannelListStatusLoading from '../component/GroupChannelListStatusLoading';\nimport GroupChannelListTypeSelector from '../component/GroupChannelListTypeSelector';\nimport type { GroupChannelListModule } from '../types';\nimport { GroupChannelListContextsProvider } from './moduleContext';\n\nconst createGroupChannelListModule = ({\n  Header = GroupChannelListHeader,\n  List = GroupChannelListList,\n  TypeSelector = GroupChannelListTypeSelector,\n  StatusLoading = GroupChannelListStatusLoading,\n  StatusEmpty = GroupChannelListStatusEmpty,\n  Provider = GroupChannelListContextsProvider,\n  ...module\n}: Partial<GroupChannelListModule> = {}): GroupChannelListModule => {\n  return { Header, List, TypeSelector, StatusLoading, StatusEmpty, Provider, ...module };\n};\n\nexport default createGroupChannelListModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,4BAA4B,GAAG,YAQ+B;EAAA,IAR9B;IACpCC,MAAM,GAAGC,+BAD2B;IAEpCC,IAAI,GAAGC,6BAF6B;IAGpCC,YAAY,GAAGC,qCAHqB;IAIpCC,aAAa,GAAGC,sCAJoB;IAKpCC,WAAW,GAAGC,oCALsB;IAMpCC,QAAQ,GAAGC,+CANyB;IAOpC,GAAGC;EAPiC,CAQ8B,uEAA/B,EAA+B;EAClE,OAAO;IAAEZ,MAAF;IAAUE,IAAV;IAAgBE,YAAhB;IAA8BE,aAA9B;IAA6CE,WAA7C;IAA0DE,QAA1D;IAAoE,GAAGE;EAAvE,CAAP;AACD,CAVD;;eAYeb,4B"}

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 } 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: React.FC = ({ 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,gCAA0C,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAF,CAAiB;EAC1E,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB,CAD0E,CAG1E;;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: React.FC;\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 = React.FC<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: React.FC<GroupChannelSettingsProps['Header']> = ({ onPressHeaderLeft }) => {\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,0BAAyE,GAAG,QAA2B;EAAA,IAA1B;IAAEC;EAAF,CAA0B;EAC3G,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: React.FC<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,wBAAqE,GAAG,MAAM;EAClF,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;eAOexB,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: React.FC<GroupChannelSettingsProps['Menu']> = ({\n  onPressMenuMembers,\n  onPressMenuLeaveChannel,\n  menuItemsCreator = (menu) => menu,\n}) => {\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,wBAAqE,GAAG,QAIxE;EAAA,IAJyE;IAC7EC,kBAD6E;IAE7EC,uBAF6E;IAG7EC,gBAAgB,GAAIC,IAAD,IAAUA;EAHgD,CAIzE;EACJ,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"}